@charset "utf-8";


/* ---------------------------------------------------------
 * common
** --------------------------------------------------------- */
/* --------------- .faq_list --------------- */
.faq_list {
}
.faq_list li {
  position: relative;
  margin-top: 20px;
  padding: 30px 40px 30px 90px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.faq_list .q_icon {
  position: absolute;
  left: 40px;
  top: 30px;
  color: #8da5c1;
  font-size: 60px;
  line-height: 1;
}
.faq_list .q {
  position: relative;
  display: flex;
  min-height: 60px;
  align-items: center;
  padding-right: 30px;
}
.faq_list .q::before,
.faq_list .q::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #015290;
}
.faq_list .q::before {
  right: 0;
  width: 24px;
  height: 2px;
}
.faq_list .q::after {
  right: 11px;
  width: 2px;
  height: 24px;
  transition: all ease 0.3s;
}
.faq_list .open .q::after {
  height: 0;
/*  transform-origin: center;*/
/*  transform: rotate(90deg);*/
}
.faq_list .q p {
  color: #015290;
  font-size: 24px;
  font-weight: bold;
}
.faq_list .a {
  max-height: 0px;
  overflow: hidden;
  transition: all ease 0.3s;
}
.faq_list .open .a {
  max-height: var(--max-height);
}
@media (max-width: 959px) {
  .faq_list li {
    padding: 20px 40px 20px 90px;
  }
  .faq_list .q_icon {
/*    left: 40px;*/
/*    top: 22px;*/
    font-size: 45px;
  }
  .faq_list .q p {
    font-size: 20px;
  }
}
@media (max-width: 519px) {
  .faq_list li {
    padding: 10px 20px 10px 50px;
  }
  .faq_list .q_icon {
    left: 20px;
    top: 20px;
    font-size: 35px;
  }
  .faq_list .q {
    padding-right: 40px;
  }
  .faq_list .q p {
    font-size: 18px;
  }
}


/* --------------- dl,dt,dd --------------- */
dl {
}
dt {
  padding-left: 20px;
  border-left: 1px solid #015290;
  color: #015290;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
}
dd {
  margin-top: 10px;
  margin-bottom: 60px;
  line-height: 2.4;
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
}




/* ---------------------------------------------------------
 * #page-recruit
** --------------------------------------------------------- */
#page-recruit {
}
/* --------------- .recruit_lead --------------- */
#page-recruit .recruit_lead {
  margin-top: 100px;
}
#page-recruit .recruit_lead h2 {
}
#page-recruit .recruit_lead p {
  margin-top: 35px;
  line-height: 2.4;
}
#page-recruit .recruit_lead img {
  max-width: 100%;
  margin-top: 50px;
  border-radius: 20px;
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
  #page-recruit .recruit_lead {
    margin-top: 50px;
  }
  #page-recruit .recruit_lead p {
    margin-top: 20px;
    text-align: left;
  }
}


/* --------------- .work --------------- */
#page-recruit .work {
  margin-top: 100px;
}
#page-recruit .work h2 {
}
#page-recruit .work .flex {
  margin-top: 50px;
}
#page-recruit .work .img {
  width: calc(50000% / 1200);
  text-align: center;
}
#page-recruit .work .img img {
  max-width: 100%;
  border-radius: 20px;
}
#page-recruit .work .content {
  width: calc(64000% / 1200);
}
#page-recruit .work .ttl {
  padding-left: 20px;
  border-left: 1px solid #015290;
  color: #015290;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}
#page-recruit .work .content p {
  margin-top: 30px;
  line-height: 2.4;
}
@media (max-width: 959px) {
  #page-recruit .work .flex {
    display: block;
  }
  #page-recruit .work .img {
    width: 100%;
  }
  #page-recruit .work .content {
    width: 100%;
    margin-top: 30px;
  }
  #page-recruit .work .ttl {
    font-size: 24px;
  }
  #page-recruit .work .content p {
    margin-top: 20px;
  }
}
@media (max-width: 519px) {
  #page-recruit .work {
    margin-top: 80px;
  }
  #page-recruit .work .flex {
    margin-top: 30px;
  }
  #page-recruit .work .ttl {
    font-size: 20px;
  }
}


/* --------------- .numbers --------------- */
#page-recruit .numbers {
  margin-top: 100px;
}
#page-recruit .numbers h2 {
}
/* outer */
#page-recruit .numbers > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 100px;
}
#page-recruit .numbers > ul > li {
  position: relative;
  width: calc(37300% / 1200);
  height: 340px;
  border: 2px solid #015290;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 6px 6px 0 #6797bc;
}
#page-recruit .numbers > ul > li:nth-child(-n+3) {
  height: 320px;
  margin-bottom: 40px;
}
#page-recruit .numbers > ul > li:nth-child(3n+2) {
  margin-top: 40px;
}
@media (max-width: 959px) {
  #page-recruit .numbers > ul > li {
    width: 48%;
  }
  #page-recruit .numbers > ul > li:nth-child(-n+3) {
    height: 340px;
    margin-bottom: 0;
  }
  #page-recruit .numbers > ul > li:nth-child(3n+2) {
    margin-top: 0;
  }
  #page-recruit .numbers > ul > li:nth-child(-n+4) {
    margin-bottom: 40px;
  }
  #page-recruit .numbers > ul > li:nth-child(2n) {
    margin-top: 40px;
  }
}
@media (max-width: 659px) {
  #page-recruit .numbers > ul > li {
    width: 95%;
    height: 320px !important;
  }
  #page-recruit .numbers > ul > li:not(:first-child) {
    margin-top: 70px;
  }
  #page-recruit .numbers > ul > li:nth-child(-n+4) {
    margin-bottom: 0;
  }
  #page-recruit .numbers > ul > li:nth-child(2n) {
    margin-left: 5%;
    margin-top: 70px;
  }
}
@media (max-width: 519px) {
  #page-recruit .numbers {
    margin-top: 80px;
  }
}
/* inner */
#page-recruit .numbers .num {
  position: absolute;
  bottom: 100%;
  left: 20px;
  color: #8da5c1;
  font-size: 50px;
  line-height: 1;
  transform: translateY(7px);
}
#page-recruit .numbers .ttl {
  padding: 10px;
  background-image: url("../img/recruit/numbers_tit_bg.jpg");
  background-position: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 16px 16px 0 0;
}
#page-recruit .numbers .ttl::after {
  content: "";
  position: relative;
  left: 5px;
  top: 5px;
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #cb1927;
  border-radius: 10px;
}
#page-recruit .numbers .inner {
}
#page-recruit .numbers .sublead {
  color: #015290;
  font-size: 17px;
  text-align: center;
}
#page-recruit .numbers .note {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#page-recruit .numbers .note .count_wrapper {
  color: #015290;
}
#page-recruit .numbers .note .count {
  display: inline-block;
  width: 44px;
  font-size: 35px;
  text-align: right;
}
#page-recruit .numbers .jisseki {
  color: #666;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
}
/* .number01 */
#page-recruit .number01 {
}
#page-recruit .number01 .inner {
  padding: 20px 30px 20px 15px;
}
#page-recruit .number01 .img {
  text-align: center;
}
#page-recruit .number01 .img img {
  max-width: 100%;
}
#page-recruit .number01 .content {
}
#page-recruit .number01 .left,
#page-recruit .number01 .right {
  width: 50%;
  text-align: center;
}
#page-recruit .number01 .subttl {
  font-size: 20px;
  font-weight: bold;
}
#page-recruit .number01 .count_wrapper {
  color: #015290;
  font-size: 23px;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
}
#page-recruit .number01 .left .count_wrapper {
  padding-left: 15px;
}
#page-recruit .number01 .count {
  display: inline-block;
  width: 110px;
  font-size: 100px;
  text-align: right;
}
#page-recruit .number01 .note .count_wrapper {
  padding-left: 5px;
}
@media (max-width: 1199px) {
  #page-recruit .number01 .content {
    margin-top: 10px;
  }
  #page-recruit .number01 .count {
    width: 90px;
    font-size: 80px;
  }
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
  #page-recruit .number01 .inner {
    padding: 20px 15px;
  }
}
/* .number02 */
#page-recruit .number02 {
}
#page-recruit .number02 .inner {
  justify-content: space-around;
  align-items: center;
  height: calc(100% - 50px);
  padding: 0 20px;
  text-align: center;
}
#page-recruit .number02 .img {
}
#page-recruit .number02 .img img {
  max-width: 100%;
}
#page-recruit .number02 .content {
}
#page-recruit .number02 .count_wrapper {
  margin-top: 10px;
  color: #015290;
  font-size: 23px;
  font-weight: bold;
  line-height: 1;
}
#page-recruit .number02 .count {
  display: inline-block;
  width: 180px;
  font-size: 90px;
  text-align: right;
}
#page-recruit .number02 .jisseki {
  margin-top: -10px;
}
@media (max-width: 1199px) {
  #page-recruit .number02 .inner {
    padding: 0 10px;
  }
  #page-recruit .number02 .count {
    width: 150px;
    font-size: 70px;
  }
}
@media (max-width: 959px) {
}
@media (max-width: 659px) {
}
@media (max-width: 519px) {
}
@media (max-width: 379px) {
  #page-recruit .number02 .img img {
    width: 70px;
  }
  #page-recruit .number02 .count {
    width: 140px;
    font-size: 65px;
  }
}
/* .number03 */
#page-recruit .number03 {
}
#page-recruit .number03 .inner {
  padding: 10px 20px 20px;
  text-align: center;
}
#page-recruit .number03 .img {
}
#page-recruit .number03 .img img {
  max-width: 100%;
}
#page-recruit .number03 .content {
}
#page-recruit .number03 .left,
#page-recruit .number03 .right {
  width: 50%;
}
#page-recruit .number03 .month_ave {
  margin-top: 10px;
  color: #015290;
  font-size: 20px;
  font-weight: bold;
}
#page-recruit .number03 .count_wrapper {
  margin-top: -5px;
  color: #015290;
  font-size: 23px;
  font-weight: bold;
  line-height: 1;
}
#page-recruit .number03 .count {
  display: inline-block;
  width: 100px;
  font-size: 100px;
  text-align: right;
}
#page-recruit .number03 .hour {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#page-recruit .number03 .jisseki {
  margin-top: -10px;
}
@media (max-width: 1199px) {
  #page-recruit .number03 .inner {
    padding: 20px;
  }
  #page-recruit .number03 .count {
    width: 90px;
    font-size: 80px;
  }
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
  #page-recruit .number03 .inner {
    padding: 30px 10px 10px;
  }
}
/* .number04 */
#page-recruit .number04 {
}
#page-recruit .number04 .inner {
  padding: 20px 10px;
  text-align: center;
}
#page-recruit .number04 .img {
}
#page-recruit .number04 .img img {
  max-width: 100%;
}
#page-recruit .number04 .content {
}
#page-recruit .number04 ul {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
#page-recruit .number04 li {
  margin: 0 5px;
}
#page-recruit .number04 .nendai {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-top: 20px;
  background-image: url("../img/recruit/numbers_age_ico.png");
  background-size: 29px auto;
  background-position: bottom 10px center;
  background-repeat: no-repeat;
  font-size: 16px;
  line-height: 1;
}
#page-recruit .number04 .nendai span {
  display: inline-block;
  font-size: 25px;
}
#page-recruit .number04 .nendai div {
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 12px;
}
#page-recruit .number04 .count_wrapper {
  margin-top: 15px;
  color: #015290;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
#page-recruit .number04 .count {
  display: inline-block;
  width: 40px;
  font-size: 35px;
  text-align: right;
}
#page-recruit .number04 li:first-child .count,
#page-recruit .number04 li:last-child .count {
  width: 25px;
}
@media (max-width: 1199px) {
  #page-recruit .number04 li {
    margin: 0;
  }
  #page-recruit .number04 .nendai span {
    font-size: 22px;
  }
  #page-recruit .number04 .count {
    width: 35px;
    font-size: 30px;
  }
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
}
/* .number05 */
#page-recruit .number05 {
}
#page-recruit .number05 .inner {
  padding: 20px 10px;
  text-align: center;
}
#page-recruit .number05 .img {
}
#page-recruit .number05 .img img {
  max-width: 100%;
}
#page-recruit .number05 .content {
}
#page-recruit .number05 ul {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
#page-recruit .number05 li {
  margin: 0 10px;
}
#page-recruit .number05 .nensuu {
  margin-top: 5px;
  font-size: 16px;
  line-height: 1;
}
#page-recruit .number05 .nensuu span {
  display: inline-block;
  font-size: 26px;
}
#page-recruit .number05 .nensuu div {
  font-size: 15px;
}
#page-recruit .number05 .count_wrapper {
  margin-top: 10px;
  color: #015290;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
#page-recruit .number05 .count {
  display: inline-block;
  width: 40px;
  font-size: 35px;
  text-align: right;
}
@media (max-width: 1199px) {
  #page-recruit .number05 li {
    margin: 0 5px;
  }
  #page-recruit .number05 .nendai span {
    font-size: 22px;
  }
  #page-recruit .number05 .count {
    width: 35px;
    font-size: 30px;
  }
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
  #page-recruit .number05 li {
    margin: 0 3px;
  }
  #page-recruit .number05 .nensuu {
    font-size: 13px;
  }
  #page-recruit .number05 .nensuu span {
    font-size: 20px;
  }
  #page-recruit .number05 .nensuu div {
    font-size: 12px;
  }
}
/* .number06 */
#page-recruit .number06 {
}
#page-recruit .number06 .inner {
  padding: 15px;
  text-align: center;
}
#page-recruit .number06 .sublead {
  font-size: 15px;
}
#page-recruit .number06 .content {
  margin-top: 10px;
}
#page-recruit .number06 .content > div {
  width: 50%;
}
#page-recruit .number06 .content > div:nth-child(n+3) {
  margin-top: 10px;
}
#page-recruit .number06 .count_wrapper {
  color: #015290;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
#page-recruit .number06 .count {
  display: inline-block;
  width: 130px;
  font-size: 90px;
  text-align: right;
}
#page-recruit .number06 .jisseki {
  margin-top: -10px;
}
#page-recruit .number06 .img {
}
#page-recruit .number06 .img img {
  max-width: 100%;
}
@media (max-width: 1199px) {
  #page-recruit .number06 .count {
    width: 100px;
    font-size: 70px;
  }
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
  #page-recruit .number06 .count {
    width: 80px;
    font-size: 50px;
  }
  #page-recruit .number06 .content > div:last-child {
    padding-top: 20px;
  }
}


/* --------------- .guidelines --------------- */
#page-recruit .guidelines {
  margin-top: 100px;
  padding: 40px 100px 60px;
  background-color: #f3f4f5;
  border-radius: 20px;
}
#page-recruit .guidelines h2 {
}
#page-recruit .guidelines table {
  margin-top: 30px;
}
#page-recruit .guidelines .subttl {
  font-weight: bold;
}
#page-recruit .guidelines ul {
}
#page-recruit .guidelines li {
}
@media (max-width: 959px) {
  #page-recruit .guidelines {
    padding: 40px 50px 60px;
  }
}
@media (max-width: 519px) {
  #page-recruit .guidelines {
    padding: 30px 20px;
  }
}


/* --------------- .entry --------------- */
#page-recruit .entry {
  margin-top: 100px;
}
#page-recruit .entry a {
  position: relative;
  display: flex;
  align-items: center;
  height: 200px;
  padding-left: calc(7000% / 1200);
  overflow: hidden;
}
#page-recruit .entry a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all ease 0.3s;
}
#page-recruit .entry a:hover img {
  transform: scale(1.05);
}
#page-recruit .entry a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: calc(6000% / 1200);
  height: 1px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #fff;
}
#page-recruit .entry a > div {
  position: relative;
  margin-top: -20px;
  color: #fff;
  text-align: left;
}
#page-recruit .entry a > span {
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(12000% / 1200);
  display: block;
  width: 72px;
  height: 72px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #015290;
  border-radius: 100px;
}
#page-recruit .entry a > span::before,
#page-recruit .entry a > span::after {
  content: "";
  display: block;
  transform-origin: center;
  transition: all ease 0.3s;
}
#page-recruit .entry a > span::before {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin-left: -1px;
  margin-top: -1px;
  background-color: #fff;
  border-radius: 100px;
  transform: scale(0.15);
}
#page-recruit .entry a > span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 4px;
  margin: auto;
  width: 14px;
  height: 14px;
  border-top: 1px solid #015290;
  border-right: 1px solid #015290;
  opacity: 0;
  transform: rotate(45deg) scale(0.15);
}
#page-recruit .entry a:hover > span::before {
  transform: scale(1);
}
#page-recruit .entry a:hover > span::after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
@media (max-width: 959px) {
}
@media (max-width: 639px) {
  #page-recruit .entry a {
    padding-left: 35px;
  }
  #page-recruit .entry a > span {
    width: 52px;
    height: 52px;
  }
  #page-recruit .entry a > span::after {
    width: 11px;
    height: 11px;
  }
}
@media (max-width: 519px) {
  #page-recruit .entry {
    margin-top: 80px;
  }
  #page-recruit .entry a > span {
    width: 42px;
    height: 42px;
  }
  #page-recruit .entry a > span::before {
    transform: scale(1);
  }
  #page-recruit .entry a > span::after {
    width: 9px;
    height: 9px;
    opacity: 1;
    transform: rotate(45deg) scale(1);
  }
}


/* --------------- .faq --------------- */
#page-recruit .faq {
  margin-top: 100px;
}
#page-recruit .faq h2 {
}
#page-recruit .faq .faq_list {
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
  #page-recruit .faq {
    margin-top: 80px;
  }
}




/* ---------------------------------------------------------
 * #page-worksheet
** --------------------------------------------------------- */
#page-worksheet {
}


/* --------------- .numbers --------------- */
#page-worksheet .numbers {
  padding: 80px 0;
  background-color: #f4f4f4;
}
#page-worksheet .numbers .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 80px 60px;
}
#page-worksheet .numbers section {
  width: calc(50% - 30px);
}
#page-worksheet .numbers section:nth-child(3) {
  width: calc(46000% / 1200);
}
#page-worksheet .numbers section:nth-child(4) {
  width: calc(68000% / 1200);
}
#page-worksheet .numbers section.full {
  width: 100%;
}
#page-worksheet .numbers h2 {
  margin-bottom: 10px;
  color: #015290;
  font-size: 28px;
  font-weight: bold;
}
#page-worksheet .numbers h2 span {
  display: inline-block;
  margin-right: 20px;
  color: #879fbc;
  font-size: 60px;
  font-weight: normal;
}
#page-worksheet .numbers .img {
}
#page-worksheet .numbers .img img {
  max-width: 100%;
}
#page-worksheet .numbers .circle_graph {
  display: flex;
}
#page-worksheet #sec01 .circle_graph {
  gap: calc(6000% / 570);
}
#page-worksheet #sec04 .circle_graph {
  gap: calc(2000% / 680);
}
#page-worksheet #sec05 .circle_graph {
  gap: calc(3000% / 570);
}
#page-worksheet #sec07 .circle_graph {
  gap: calc(5000% / 1200);
  width: 100%;
}
#page-worksheet .numbers .circle_graph .img {
  flex-shrink: 0;
}
#page-worksheet #sec01 .circle_graph .img {
  width: calc(23000% / 570);
}
#page-worksheet #sec04 .circle_graph .img {
  width: calc(23000% / 680);
}
#page-worksheet #sec05 .circle_graph .img {
  width: calc(23000% / 570);
}
#page-worksheet #sec07 .circle_graph .img {
  width: 230px;
}
#page-worksheet .numbers .circle_graph .img img {
}
#page-worksheet .numbers .circle_graph .legend {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 20px;
}
#page-worksheet .numbers .circle_graph .legend ul {
}
#page-worksheet .numbers .circle_graph .legend.simple ul {
  column-count: 2;
}
#page-worksheet .numbers .circle_graph .legend li {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 40px;
}
#page-worksheet .numbers .circle_graph .legend.simple li {
  align-items: flex-start;
  height: auto;
  margin: 5px 0;
  text-align: left;
}
#page-worksheet .numbers .circle_graph .legend li::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 20px;
}
#page-worksheet .numbers .circle_graph .legend.simple li::before {
  flex-shrink: 0;
  margin-top: 7px;
}
#page-worksheet .numbers .circle_graph .legend li:nth-child(1)::before {
  background-color: #5cccfe;
}
#page-worksheet .numbers .circle_graph .legend li:nth-child(2)::before {
  background-color: #15a4e6;
}
#page-worksheet .numbers .circle_graph .legend li:nth-child(3)::before {
  background-color: #017ddd;
}
#page-worksheet .numbers .circle_graph .legend li:nth-child(4)::before {
  background-color: #0065b3;
}
#page-worksheet .numbers .circle_graph .legend li:nth-child(5)::before {
  background-color: #025291;
}
#page-worksheet .numbers .circle_graph .legend li:nth-child(6)::before {
  background-color: #004173;
}
#page-worksheet .numbers .circle_graph .legend li:nth-child(7)::before {
  background-color: #00335a;
}
#page-worksheet .numbers .circle_graph .legend li:nth-child(8)::before {
  background-color: #002540;
}
#page-worksheet .numbers .circle_graph .legend li:nth-child(9)::before {
  background-color: #001c31;
}
#page-worksheet .numbers .circle_graph .legend li:last-child::before {
  background-color: #8babb8;
}
#page-worksheet .numbers .circle_graph .percent {
  display: inline-block;
  font-weight: bold;
  color: #017ddd;
  line-height: 1;
}
#page-worksheet .numbers .circle_graph .percent.highlight {
  color: #015290;
  font-size: 24px;
}
#page-worksheet .numbers .circle_graph .count {
  font-size: 28px;
  line-height: 1;
}
#page-worksheet .numbers .circle_graph .highlight .count {
  font-size: 40px;
}
#page-worksheet .numbers .bar_graph1 {
}
#page-worksheet .numbers .bar_graph1 > div {
  position: relative;
}
#page-worksheet .numbers .bar_graph1 > div:not(:first-child) {
  margin-top: 10px;
}
#page-worksheet .numbers .bar_graph1 .bar01 {
  width: calc(12400% / 460);
}
#page-worksheet .numbers .bar_graph1 .bar02 {
  width: calc(32600% / 460);
}
#page-worksheet .numbers .bar_graph1 .bar03 {
  width: calc(11600% / 460);
}
#page-worksheet .numbers .bar_graph1 .bar04 {
  width: calc(800% / 460);
}
#page-worksheet .numbers .bar_graph1 img {
  width: 100%;
}
#page-worksheet .numbers .bar_graph1 .pref {
  position: absolute;
  left: calc(100% - 30px);
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 200px;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 20px;
  font-weight: bold;
  text-shadow:
     2px  2px 1px #fff,
    -2px  2px 1px #fff,
     2px -2px 1px #fff,
    -2px -2px 1px #fff,
     2px  0px 1px #fff,
     0px  2px 1px #fff,
    -2px  0px 1px #fff,
     0px -2px 1px #fff;
}
#page-worksheet .numbers .bar_graph1 .bar02 .pref {
  left: calc(100% - 40px);
}
#page-worksheet .numbers .bar_graph1 .bar04 .pref {
  left: 20px;
  text-shadow: none;
}
#page-worksheet .numbers .bar_graph1 .percent {
  color: #015290;
  font-size: 24px;
  text-shadow: none;
}
#page-worksheet .numbers .bar_graph1 .count {
  font-size: 34px;
}
#page-worksheet .numbers .bar_graph1 .bar02 .count {
  font-size: 46px;
}
#page-worksheet .numbers .bar_graph2 {
}
#page-worksheet .numbers .bar_graph2 > div {
  display: flex;
  align-items: center;
}
#page-worksheet .numbers .bar_graph2 > div:not(:first-child) {
  margin-top: 20px;
}
#page-worksheet .numbers .bar_graph2 .legend {
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 210px;
  height: 54px;
}
#page-worksheet .numbers .bar_graph2 .minutes {
  flex-shrink: 0;
  display: inline-block;
  width: 110px;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  text-shadow:
     2px  2px 1px #fff,
    -2px  2px 1px #fff,
     2px -2px 1px #fff,
    -2px -2px 1px #fff,
     2px  0px 1px #fff,
     0px  2px 1px #fff,
    -2px  0px 1px #fff,
     0px -2px 1px #fff;
}
#page-worksheet .numbers .bar_graph2 .percent {
  flex-shrink: 0;
  display: inline-block;
  width: 130px;
  color: #015290;
  font-size: 24px;
  font-weight: bold;
}
#page-worksheet .numbers .bar_graph2 .percent.highlight {
  font-size: 24px;
  text-shadow:
     2px  2px 1px #fff,
    -2px  2px 1px #fff,
     2px -2px 1px #fff,
    -2px -2px 1px #fff,
     2px  0px 1px #fff,
     0px  2px 1px #fff,
    -2px  0px 1px #fff,
     0px -2px 1px #fff;
}
#page-worksheet .numbers .bar_graph2 .count {
  font-size: 34px;
}
#page-worksheet .numbers .bar_graph2 .percent.highlight .count {
  font-size: 46px;
}
#page-worksheet .numbers .bar_graph2 .img {
  width: 100%;
}
#page-worksheet .numbers .bar_graph2 .img img {
  height: 54px;
}
#page-worksheet .numbers .bar_graph2 .bar01 img {
  width: calc(12400% / 360);
}
#page-worksheet .numbers .bar_graph2 .bar02 img {
  width: 100%;
}
#page-worksheet .numbers .bar_graph2 .bar03 img {
  width: calc(14000% / 360);
}
#page-worksheet .numbers .voices {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 35px;
}
#page-worksheet #sec07 .voices {
  display: block;
  margin-top: 0;
}
#page-worksheet .numbers .voices.nowrap {
  flex-wrap: nowrap;
}
#page-worksheet .numbers .voices > div {
  max-width: calc(50% - 5px);
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 10px;
}
#page-worksheet .numbers .voices .fsh0 {
  flex-shrink: 0;
}
#page-worksheet .numbers .voices .full {
  max-width: 100%;
  width: 100%;
}
#page-worksheet #sec07 .voices .full {
  margin-bottom: 10px;
}
#page-worksheet .numbers .voices .subttl {
  color: #015290;
  font-size: 20px;
}
#page-worksheet .numbers .voices p {
}
#page-worksheet .numbers section > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#page-worksheet .numbers section > ul li {
  padding: 15px 20px;
  background-color: #fff;
  border-radius: 10px;
}
@media (max-width: 1239px) {
  #page-worksheet .numbers section:nth-child(3) {
    width: calc(calc(46000% / 1140) - 30px);
  }
  #page-worksheet .numbers section:nth-child(4) {
    width: calc(calc(68000% / 1140) - 30px);
  }
  #page-worksheet #sec04 .circle_graph .legend {
    width: calc(43000% / 680);
  }
  #page-worksheet .numbers .voices.nowrap {
    flex-wrap: wrap;
  }
  #page-worksheet #sec05 .voices > div:not(.fsh0) {
    max-width: 100%;
    width: fit-content;
  }
}
@media (max-width: 1047px) {
  #page-worksheet .numbers h2 {
    font-size: 26px;
  }
  #page-worksheet .numbers h2 span {
    margin-right: 15px;
    font-size: 50px;
  }
  #page-worksheet #sec07 .circle_graph {
    flex-wrap: wrap;
  }
  #page-worksheet #sec07 .voices {
    display: flex;
    width: 100%;
    margin-top: 35px;
  }
  #page-worksheet #sec07 .voices .full {
    width: auto;
    margin-bottom: 0;
  }
}
@media (max-width: 959px) {
  #page-worksheet .numbers h2 {
    font-size: 24px;
  }
  #page-worksheet .numbers h2 span {
    font-size: 40px;
  }
}
@media (max-width: 519px) {
  #page-worksheet .numbers h2 {
    font-size: 20px;
  }
  #page-worksheet .numbers h2 span {
    margin-right: 10px;
    font-size: 30px;
  }
  #page-worksheet .numbers {
    padding: 60px 0;
  }
  #page-worksheet .numbers .inner {
    display: block;
  }
  #page-worksheet .numbers section,
  #page-worksheet .numbers section:nth-child(3),
  #page-worksheet .numbers section:nth-child(4) {
    width: 100%;
    margin-top: 40px;
  }
  #page-worksheet .numbers section:first-child {
    margin-top: 0;
  }
  #page-worksheet .numbers .voices,
  #page-worksheet #sec07 .voices {
    margin-top: 20px;
  }
  #page-worksheet #sec07 .voices .full {
    width: 100%;
  }
  #page-worksheet #sec01 .circle_graph,
  #page-worksheet #sec04 .circle_graph,
  #page-worksheet #sec05 .circle_graph,
  #page-worksheet #sec07 .circle_graph {
    display: block;
  }
  #page-worksheet .numbers .circle_graph .img,
  #page-worksheet #sec01 .circle_graph .img,
  #page-worksheet #sec04 .circle_graph .img,
  #page-worksheet #sec05 .circle_graph .img,
  #page-worksheet #sec07 .circle_graph .img {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
  #page-worksheet .numbers .circle_graph .img img {
    width: 180px;
  }
  #page-worksheet .numbers .circle_graph .legend {
    justify-content: center;
    font-size: 18px;
  }
  #page-worksheet #sec04 .circle_graph .legend {
    width: 100%;
  }
  #page-worksheet .numbers .bar_graph1 .bar02 .pref {
    left: 60%;
  }
  #page-worksheet .numbers .bar_graph1 .bar02 .percent {
    text-shadow:
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;
  }
  #page-worksheet .numbers .bar_graph2 .legend {
    width: 150px;
  }
  #page-worksheet .numbers .bar_graph2 .minutes {
    /*width: 110px;*/
  }
  #page-worksheet .numbers .bar_graph2 .percent {
    width: 130px;
    text-shadow:
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;
  }
}


/* --------------- .guidelines --------------- */
#page-worksheet .guidelines {
  margin-top: 80px;
  padding: 40px 100px 60px;
  background-color: #f3f4f5;
  border-radius: 20px;
}
#page-worksheet .guidelines h2 {
}
#page-worksheet .guidelines table {
  margin-top: 30px;
}
#page-worksheet .guidelines .subttl {
  font-weight: bold;
}
#page-worksheet .guidelines ul {
}
#page-worksheet .guidelines li {
}
@media (max-width: 959px) {
  #page-worksheet .guidelines {
    padding: 40px 50px 60px;
  }
}
@media (max-width: 519px) {
  #page-worksheet .guidelines {
    padding: 30px 20px;
  }
}


/* --------------- .entry --------------- */
#page-worksheet .entry {
  margin-top: 100px;
}
#page-worksheet .entry a {
  position: relative;
  display: flex;
  align-items: center;
  height: 200px;
  padding-left: calc(7000% / 1200);
  overflow: hidden;
}
#page-worksheet .entry a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all ease 0.3s;
}
#page-worksheet .entry a:hover img {
  transform: scale(1.05);
}
#page-worksheet .entry a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: calc(6000% / 1200);
  height: 1px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #fff;
}
#page-worksheet .entry a > div {
  position: relative;
  margin-top: -20px;
  color: #fff;
  text-align: left;
}
#page-worksheet .entry a > span {
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(12000% / 1200);
  display: block;
  width: 72px;
  height: 72px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #015290;
  border-radius: 100px;
}
#page-worksheet .entry a > span::before,
#page-worksheet .entry a > span::after {
  content: "";
  display: block;
  transform-origin: center;
  transition: all ease 0.3s;
}
#page-worksheet .entry a > span::before {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin-left: -1px;
  margin-top: -1px;
  background-color: #fff;
  border-radius: 100px;
  transform: scale(0.15);
}
#page-worksheet .entry a > span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 4px;
  margin: auto;
  width: 14px;
  height: 14px;
  border-top: 1px solid #015290;
  border-right: 1px solid #015290;
  opacity: 0;
  transform: rotate(45deg) scale(0.15);
}
#page-worksheet .entry a:hover > span::before {
  transform: scale(1);
}
#page-worksheet .entry a:hover > span::after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
@media (max-width: 959px) {
}
@media (max-width: 639px) {
  #page-worksheet .entry a {
    padding-left: 35px;
  }
  #page-worksheet .entry a > span {
    width: 52px;
    height: 52px;
  }
  #page-worksheet .entry a > span::after {
    width: 11px;
    height: 11px;
  }
}
@media (max-width: 519px) {
  #page-worksheet .entry {
    margin-top: 80px;
  }
  #page-worksheet .entry a > span {
    width: 42px;
    height: 42px;
  }
  #page-worksheet .entry a > span::before {
    transform: scale(1);
  }
  #page-worksheet .entry a > span::after {
    width: 9px;
    height: 9px;
    opacity: 1;
    transform: rotate(45deg) scale(1);
  }
}




/* ---------------------------------------------------------
 * #page-local
** --------------------------------------------------------- */
#page-local {
}
/* --------------- .event_lead --------------- */
#page-local .event_lead {
  padding-top: 110px;
  padding-bottom: 110px;
}
#page-local .event_lead h2 {
  margin-bottom: 30px;
}
#page-local .event_lead p {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 2.4;
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
  #page-local .event_lead {
    padding-top: 50px;
    padding-bottom: 80px;
  }
  #page-local .event_lead p {
    text-align: left;
  }
}


/* --------------- .gallery --------------- */
#page-local .gallery {
  background-image: url("../img/local/local_bg.jpg");
  background-size: cover;
  background-position: center;
}
#page-local #loopslider {
  position: relative;
  top: 80px;
}
#page-local .gallery ul {
  display: flex;
}
#page-local .gallery li {
  padding-right: 30px;
}
#page-local .gallery img {
  border-radius: 20px;
}
@media (max-width: 959px) {
  #page-local #loopslider {
    top: 60px;
  }
  #page-local .gallery img {
    height: 200px;
  }
}
@media (max-width: 519px) {
  #page-local #loopslider {
    top: 30px;
  }
  #page-local .gallery li {
    padding-right: 15px;
  }
  #page-local .gallery img {
    height: 150px;
  }
}


/* --------------- .event --------------- */
#page-local .event {
  margin-top: 190px;
}
#page-local .event > .btn_area {
  margin-top: 60px;
  text-align: center;
}
@media (max-width: 959px) {
  #page-local .event {
    margin-top: 150px;
  }
}
@media (max-width: 519px) {
  #page-local .event {
    margin-top: 80px;
  }
}




/* ---------------------------------------------------------
 * #page-qa
** --------------------------------------------------------- */
#page-qa {
}
#page-qa .lower_contents_wrapper {
}
#page-qa .lower_contents_wrapper .wrapper {
  padding-top: 100px;
}
/* --------------- .nav_link --------------- */
#page-qa .nav_link {
  margin-bottom: 50px;
}
#page-qa .nav_link ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-qa .nav_link li {
  margin: 0 20px;
}
#page-qa .nav_link a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 0 30px;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  color: #015290;
  font-size: 17px;
  font-weight: bold;
  line-height: 60px;
  transition: all ease 0.3s;
}
#page-qa .nav_link a:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}
#page-qa .nav_link img {
  height: 31px;
  margin-right: 10px;
}
@media (max-width: 959px) {
}
@media (max-width: 699px) {
  #page-qa .nav_link li {
    margin: 0 10px;
  }
  #page-qa .nav_link a {
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
  }
}
@media (max-width: 519px) {
  #page-qa .lower_contents_wrapper .wrapper {
    padding-top: 50px;
  }
  #page-qa .nav_link ul {
    display: block;
  }
  #page-qa .nav_link li {
    margin: 0 0 15px;
  }
  #page-qa .nav_link a {
    height: auto;
    padding: 12px 20px;
    line-height: 2;
  }
}


/* --------------- .faq_list --------------- */
#page-qa .faq_list {
  margin-bottom: 100px;
}
#page-qa .faq_list .lead {
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center;
}
#page-qa .faq_list {
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
}




/* ---------------------------------------------------------
 * #page-contact
** --------------------------------------------------------- */
#page-contact {
  padding-bottom: 100px;
}
#page-contact .lower_contents_wrapper {
}
#page-contact .lower_contents_wrapper .wrapper {
  padding-top: 100px;
}
/* --------------- .contact_lead --------------- */
#page-contact .contact_lead {
  margin-bottom: 50px;
}
#page-contact .contact_lead .lead_txt {
  text-align: center;
  line-height: 2;
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
}


/* --------------- .line_area --------------- */
#page-contact .line_area {
  margin-bottom: 60px;
  padding: 40px 40px 40px calc(100% - 820px);
  background-color: #fff;
  background-image: url("../img/contact/contact_line_bg_l.png"), url("../img/contact/contact_line_bg_r.png");
  background-repeat: no-repeat;
  background-position: left top, right bottom;
  background-size: auto 100%, auto;
  border: 2px solid #31ae36;
  border-radius: 20px;
}
#page-contact .line_area .lead {
  color: #31ae36;
  font-size: 17px;
  font-weight: bold;
}
#page-contact .line_area .lead img {
  width: 34px;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
}
#page-contact .line_area h2 {
  margin-top: 10px;
  color: #31ae36;
  font-size: 32px;
  font-weight: bold;
}
#page-contact .line_area p {
  margin-top: 5px;
  line-height: 2;
}
#page-contact .line_area .btn_area {
  margin-top: 30px;
}
#page-contact .line_area .btn_area a {
  display: inline-block;
  width: 260px;
  height: 60px;
  background-color: #31ae36;
  border-radius: 100px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 60px;
  transition: all ease 0.3s;
}
#page-contact .line_area .btn_area a:hover {
  background-color: #2a872e;
}
@media (max-width: 1199px) {
  #page-contact .line_area {
    padding-left: calc(12.5rem + ((1vw - 10px) * 90));
    background-position: left calc(-7.5rem + ((1vw - 10px) * 60)) top, right bottom;
  }
}
@media (max-width: 999px) {
  #page-contact .line_area {
    padding-left: calc(calc(100% - 720px) / 2);
    padding-right: calc(calc(100% - 720px) / 2);
    background-image: url("../img/contact/contact_line_bg_l_sp.png"), url("../img/contact/contact_line_bg_r.png");
    background-position: left top, right bottom;
    background-size: auto;
  }
}
@media (max-width: 959px) {
  #page-contact .line_area h2 {
    font-size: 30px;
  }
}
@media (max-width: 819px) {
  #page-contact .line_area {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 519px) {
  #page-contact .line_area h2 {
    font-size: 24px;
  }
  #page-contact .line_area .btn_area a {
    width: 100%;
  }
}
@media (max-width: 359px) {
  #page-contact .line_area {
    padding-left: 15px;
    padding-right: 15px;
  }
}


/* --------------- .phone_area --------------- */
#page-contact .phone_area {
  margin-bottom: 100px;
  padding-top: 10px;
  padding-bottom: 30px;
  background-image: url("../img/contact/contact_phone_bg.jpg");
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  color: #fff;
  text-align: center;
}
#page-contact .phone_area h2 {
  color: #fff;
}
#page-contact .phone_area .tel_number {
  display: block;
  font-size: 54px;
  font-weight: bold;
}
#page-contact .phone_area .tel_number img {
  width: 46px;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
#page-contact .phone_area p {
  font-size: 14px;
}
@media (max-width: 959px) {
  #page-contact .phone_area .tel_number {
    font-size: 40px;
  }
}
@media (max-width: 519px) {
  #page-contact .phone_area {
    margin-bottom: 80px;
  }
  #page-contact .phone_area .tel_number {
    font-size: 32px;
  }
  #page-contact .phone_area .tel_number img {
    width: 32px;
  }
}




/* ---------------------------------------------------------
 * #page-privacy
** --------------------------------------------------------- */
#page-privacy {
}
#page-privacy .lower_contents_wrapper {
}
#page-privacy .lower_contents_wrapper .wrapper {
  padding-top: 100px;
}
#page-privacy .lower_fv br.nav {
  display: none;
}
@media (max-width: 379px) {
  #page-privacy .lower_fv h1 br.nav {
    display: inline-block;
  }
}
/* --------------- .contents_lead --------------- */
#page-privacy .contents_lead {
  margin-bottom: 50px;
  padding: 0 150px;
}
#page-privacy .contents_lead p {
  line-height: 2;
}
@media (max-width: 959px) {
  #page-privacy .contents_lead {
    padding: 0 70px;
  }
}
@media (max-width: 519px) {
  #page-privacy .contents_lead {
    padding: 0;
  }
}


/* --------------- .box --------------- */
#page-privacy .box {
  padding: 50px 150px 0;
  background-color: #fff;
  border-radius: 20px;
}
#page-privacy .box {
}
@media (max-width: 959px) {
  #page-privacy .box {
    padding: 50px 70px 0;
  }
}
@media (max-width: 519px) {
  #page-privacy .box {
    padding: 30px 0 0;
  }
}




/* ---------------------------------------------------------
 * #page-sitemap
** --------------------------------------------------------- */
#page-sitemap {
}
#page-sitemap .lower_contents_wrapper {
}
#page-sitemap .lower_contents_wrapper .wrapper {
  padding-top: 100px;
}
#page-sitemap .box {
  padding: 70px 140px 0;
  background-color: #fff;
  border-radius: 20px;
}
#page-sitemap .sitemap_list {
  display: flex;
  flex-wrap: wrap;
}
#page-sitemap .sitemap_list a {
  display: inline-block;
  color: #015290;
  font-weight: bold;
}
#page-sitemap .sitemap_list > li {
  width: calc(100% / 3);
}
#page-sitemap .sitemap_list > li:first-child,
#page-sitemap .sitemap_list > li.has_child {
  width: 100%;
}
#page-sitemap .sitemap_list > li:not(:first-child) {
  margin-top: 40px;
}
#page-sitemap .sitemap_list > li.has_child {
}
#page-sitemap .sitemap_list > li > a {
  padding: 3px 20px;
  border-left: 1px solid #015290;
  font-size: 24px;
}
#page-sitemap .sitemap_list > li.has_child > a {
  color: #8d969e;
}
#page-sitemap .sitemap_list ul {
  display: flex;
  flex-wrap: wrap;
}
#page-sitemap .sitemap_list ul li {
  margin-top: 15px;
}
#page-sitemap .sitemap_list ul li a {
  position: relative;
  padding-left: 20px;
  margin-right: 40px;
  font-size: 16px;
  line-height: 1;
}
#page-sitemap .sitemap_list ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 2px;
  left: 0;
  display: block;
  width: 9px;
  height: 9px;
  margin-top: auto;
  margin-bottom: auto;
  border-top: 1px solid #015290;
  border-right: 1px solid #015290;
  transform-origin: center;
  transform: rotate(45deg);
}
#page-sitemap .sitemap_list ul li a br {
  display: none;
}
@media (max-width: 959px) {
  #page-sitemap .box {
    padding: 50px 60px 0;
  }
  #page-sitemap .sitemap_list > li {
    width: calc(100% / 2);
  }
  #page-sitemap .sitemap_list > li:not(:first-child) {
    margin-top: 30px;
  }
  #page-sitemap .sitemap_list > li > a {
    padding: 3px 15px;
    font-size: 22px;
  }
}
@media (max-width: 519px) {
  #page-sitemap .box {
    padding: 30px 20px 0;
  }
  #page-sitemap .sitemap_list > li {
    width: 100%;
  }
  #page-sitemap .sitemap_list > li:not(:first-child) {
    margin-top: 20px;
  }
  #page-sitemap .sitemap_list > li > a {
    font-size: 18px;
  }
  #page-sitemap .sitemap_list ul li {
    margin-top: 10px;
  }
  #page-sitemap .sitemap_list .about ul li {
    width: calc(100% / 3);
  }
  #page-sitemap .sitemap_list .business ul li {
    width: 100%;
  }
  #page-sitemap .sitemap_list ul li a {
    display: block;
    margin-right: 0;
    font-size: 14px;
  }
}
@media (max-width: 379px) {
  #page-sitemap .sitemap_list .about ul li {
    width: calc(100% / 2);
  }
}