@charset "UTF-8";

@font-face {

  font-family: "Zen Maru Gothic";

  src:

    url("../font/font_regular.woff") format("woff"),

    url("../font/font_regular.woff2") format("woff2");

  font-weight: 300;

}

@font-face {

  font-family: "Zen Maru Gothic";

  src:

    url("../font/font_blod.woff") format("woff"),

    url("../font/font_blod.woff2") format("woff2");

  font-weight: bold;

}

@font-face {

  font-family: "Zen Maru Gothic";

  src:

    url("../font/font_medium.woff") format("woff"),

    url("../font/font_medium.woff2") format("woff2");

  font-weight: normal;

}

body {

  font-family: "Zen Maru Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;

  color: #333;

}



a {

  text-decoration: none;

}



p {

  line-height: 1.7rem;

}



a.link-guideline {

    border-bottom: 1px solid blue;

}



@media screen and (min-width: 992px) {

  .navbar-expand-lg .navbar-collapse {

    display: block !important;

    margin-top: -50px;

  }

}

header .container {

  max-width: 100%;

  border-bottom: 1px solid #bebebe;

}

header .container .nav-wrap {

  max-width: 1100px;

  margin: 0 auto;

}



.navbar {

  background-color: #fff;

  display: block;

  padding-bottom: 0;

}

.navbar .title-area {

  display: flex;

  align-items: center;

}

.navbar-brand {

  margin-left: 10px;

  font-size: 27px;

  font-weight: bold;

}

.navbar-brand img {

  margin-right: 10px;

}

.navbar-collapse.show {

  height: 100dvh;

}

.navbar-collapse .site-search {

  justify-content: flex-end;

  margin-bottom: 15px;

  margin-left: auto;

  padding-top: 5px;

  width: 230px;

}

.navbar-collapse .site-search button {

  background-color: #333;

  color: #fff;

}

.navbar-collapse .site-search button svg {

  display: inline-block;

  width: 18px;

  height: 18px;

  fill: #fff;

  margin-top: -5px;

  margin-right: 5px;

}

.navbar-nav {

  justify-content: center;

}

.navbar-nav .nav-item {

  display: flex;

  flex: fit-content;

  text-align: center;

}

.navbar-nav .nav-item:nth-child(4) a {

  width: 200px;

}

.navbar-nav .nav-item .nav-link {

  display: flex;

  align-items: center;

}

.navbar-nav .nav-item .nav-link.active {

  border-bottom: 3px solid #f26b6b;

}

.navbar-toggler:not(.collapsed) span:nth-child(1) {

  transform: translate(15%, -33%) rotate(45deg);

}

.navbar-toggler:not(.collapsed) span:nth-child(2) {

  opacity: 0;

}

.navbar-toggler:not(.collapsed) span:nth-child(3) {

  transform: translate(15%, 33%) rotate(-45deg);

}

.navbar-toggler span {

  display: block;

  background-color: #333;

  height: 3px;

  width: 25px;

  margin-top: 5px;

  margin-bottom: 5px;

  position: relative;

  left: 0;

  opacity: 1;

  transition: all 0.35s ease-out;

  transform-origin: center left;

}

.navbar-toggler span:nth-child(1) {

  transform: translate(0%, 0%) rotate(0deg);

}

.navbar-toggler span:nth-child(2) {

  opacity: 1;

}

.navbar-toggler span:nth-child(3) {

  transform: translate(0%, 0%) rotate(0deg);

}



.breadcrumb {

  display: block;

  background-color: #fffcec;

}

.breadcrumb-area.container {

  max-width: 100%;

  padding: 0;

}

.breadcrumb-area.container nav {

  white-space: nowrap;

  overflow-x: auto;

}

.breadcrumb > * {

  display: flex;

  padding-left: 0;

  max-width: 1040px;

  margin: 0 auto;

  padding: 5px 0;

}

.breadcrumb__crumb {

  list-style: none;

  display: inline-block;

}

.breadcrumb__crumb a {

  color: #1b6dc0;

  text-decoration: underline;

}

.breadcrumb__crumb a:hover {

  text-decoration: none;

}

.breadcrumb__crumb:not(:first-child)::before {

  content: "";

  background: url("../images/arrow_ico_small.png") no-repeat;

  display: inline-block;

  width: 18px;

  height: 17px;

  vertical-align: middle;

}

.breadcrumb__crumb + .breadcrumb__crumb {

  padding-left: var(--bs-breadcrumb-item-padding-x);

}

.breadcrumb .is-current {

  color: #333;

  text-decoration: none;

  pointer-events: none;

}



.page-title {

  background-color: #ffe561;

}

.page-title h1 {

  max-width: 1100px;

  margin: 0 auto;

  padding: 30px 0;

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 30px;

  font-weight: bold;

  line-height: 1.5em;

}

.page-title h1 span {

  display: inline-block;

}



h2 {

  text-align: center;

  position: relative;

  font-size: 30px;

  font-weight: bold;

  text-align: center;

  border-bottom: 3px solid #f26b6b;

  border-top: 3px solid #f26b6b;

  padding: 5px 0;

  margin: 0 0 20px;

  line-height: 1.5em;

}

h2::after {

  content: "";

  position: absolute;

  bottom: -3px;

  left: 50%;

  transform: translateX(-50%);

  width: 35px;

  height: 3px;

  background-color: #ffe561;

}

h2:empty {

  display: none;

}



h3 {

  font-size: 23px;

  font-weight: bold;

  padding: 5px 0;

  line-height: 1.5em;

}

h3::before {

  content: "";

  width: 14px;

  height: 14px;

  background: #f26b6b;

  display: inline-block;

  margin-right: 5px;

}



main article section {

  margin: 40px 0;

}

main article section .container {

  max-width: 1040px;

  margin: 0 auto;

  padding: 0;

  overflow-wrap: break-word;

}

main article section.bg-yellow2 {

  background-color: #fff7d6;

  padding: 70px 0;

}

main article section.bg-yellow3 {

  background-color: #fffcec;

  padding: 70px 0;

}

main article section.container {

  max-width: 1040px;

  margin: 0 auto;

}

main article .container-fluid {

  max-width: 1100px;

  margin: 0 auto;

  padding: 15px 0 0;

}

main article .container-fluid h1 {

  background-color: #ffe561;

  padding: 10px;

  margin: 0;

}

main article .container-fluid ul {

  margin: 0;

}

main article .container-fluid ul li {

  width: 33.3333333333%;

  max-height: 248px;

}

main article .container-fluid ul li a {

  padding: 0;

}

main article .container-fluid ul li a img {

  width: 100%;

  background-size: cover;

}

main article .container-fluid ul li a:hover {

  opacity: 0.5;

}

main article ul {

  padding-left: 0;

  margin: 20px 0px;

}

main article ul.list-indent li {

  text-indent: -1em;

  padding-left: 1em;

}

main article ul li {

  list-style: none;

}

main article ul.news-list {

  padding-left: 0;

  margin: 20px 0px;

}

main article ul.news-list li {

  border-top: 1px solid #bebebe;

}

main article ul.news-list li:last-child {

  border-bottom: 1px solid #bebebe;

}

main article ul.news-list li:first-child a .infolist-Date::after {

  content: "NEW";

  background-color: orange;

  color: #fff;

  padding: 0 8px;

  margin-left: 10px;

}

main article ul.news-list li.info-not-link {

  display: flex;

  align-items: center;

  padding: 15px 10px;

}

main article ul.news-list li a {

  display: flex;

  align-items: center;

  color: #333;

  padding: 15px 10px;

}

main article ul.news-list li a:hover {

  background-color: #fffcec;

}

main article ul.news-list li .infolist-Contents {

  flex-basis: min-content;

  flex-grow: 1;

  display: flex;

  align-items: center;

}

main article ul.news-list li .infolist-Contents .infolist-Date {

  width: 200px;

}

main article ul.news-list li .infolist-Contents .infolist-Date .text-bg-primary {

  background-color: #f9c6c6 !important;

  color: #333 !important;

}

main article ul.news-list li .infolist-Contents .infolist-News {

  margin-right: 30px;

  flex-basis: min-content;

  flex-grow: 1;

}

main article .img-wrap-white {

  background-color: #fff;

  border-radius: 10px;

  text-align: center;

  padding: 15px;

}



.btn-primary {

  background-color: #f9c6c6;

  color: #333;

  border: none;

  position: relative;

  width: 100%;

  padding: 15px;

  max-width: 330px;

  margin: 20px auto;

}

.btn-primary:not(.btn-goTop) {

  padding: 15px 30px;

}

.btn-primary::after {

  content: "";

  background: url("../images/arrow_ico.png") no-repeat;

  display: block;

  width: 18px;

  height: 17px;

  position: absolute;

  top: 50%;

  right: 0;

  transform: translate(-50%, -50%);

}

.btn-primary:hover,

.btn-primary:active,

.btn-primary:first-child:active,

.btn-primary:focus-visible {

  background-color: #ff8f8f;

  color: #333;

}

.btn-gray {

  color: #333;

  background: #c8c8c8;

  border: none;

  width: 100%;

  padding: 15px;

  max-width: 330px;

  margin: 20px 10px;

}

.btn-gray.btn-sm {

  max-width: 150px;

  font-size: 16px;

}

.btn-search {

  background-color: #f9c6c6;

  color: #333;

  border: none;

  position: relative;

  margin: 20px 10px;

}

.btn-search::after {

  content: "";

  background: url("../images/search_ico.png") no-repeat;

  display: block;

  width: 23px;

  height: 23px;

  position: absolute;

  top: 50%;

  right: 0;

  transform: translate(-50%, -50%);

}

.btn-search:hover,

.btn-search:active,

.btn-search:first-child:active,

.btn-search:focus-visible {

  background-color: #ff8f8f !important;

  color: #333 !important;

}

.btn.btn-outline-success {

  border: none;

}

.btn.btn-outline-success:hover,

.btn.btn-outline-success:active {

  background: #555;

}



.container-p {

  font-weight: bold;

  font-size: 18px;

  margin-top: 30px;

  margin-bottom: -10px;

}



.link-box {

  margin: 10px 0;

  background: #fff7d6;

  border: none;

}

.link-box .link {

  text-decoration: underline;

  color: #1b6dc0;

}

.link-box .link-jump::after {

  content: "";

  background: url("../images/blank_ico.png") no-repeat;

  display: inline-block;

  width: 20px;

  height: 20px;

  margin-left: 5px;

  vertical-align: middle;

}

.link-guideline::after {

  content: "";

  background: url("../images/blank_ico.png") no-repeat;

  display: inline-block;

  width: 20px;

  height: 20px;

  margin-left: 5px;

  vertical-align: middle;

}

.link-pdf::after {

  content: "";

  background: url("../images/pdf_ico.png") no-repeat;

  display: inline-block;

  width: 22px;

  height: 22px;

  margin-left: 5px;

  vertical-align: middle;

  background-size: cover;

}

.link-box .link-pdf::after {

  content: "";

  background: url("../images/pdf_ico.png") no-repeat;

  display: inline-block;

  width: 22px;

  height: 22px;

  margin-left: 5px;

  vertical-align: middle;

  background-size: cover;

}

.link-box .link:hover {

  text-decoration: none;

}

.link-box .link-byte {

  border: 2px solid #1b6dc0;

  border-radius: 30px;

  color: #333;

  padding: 0 10px;

  font-size: 14px;

}



.sites-wrap {

  display: flex;

  flex-wrap: wrap;

}

.sites-wrap .link-item {

  margin: 10px 20px;

  max-width: 300px;

  width: auto;

}

.sites-wrap .link-item img {

  max-width: 300px;

}

.sites-wrap .link-item .link-box {

  background-color: #fff;

}



.card img {

  padding: 10px;

  border-radius: 20px;

  height: 200px;

  object-fit: cover;

}

.card .card-body {

  position: relative;

  padding-bottom: 40px;

}

.card .card-body .card-title {

  text-align: center;

  font-size: 20px;

  font-weight: bold;

}

.card .card-body .card-text {

  font-weight: 300;

}

.card .card-body .card-text .text-bg-info {

  background: #f9c6c6 !important;

}

.card .card-body .card-text .badge {

  white-space: unset;

  margin: 3px 0;

  text-align: left;

  font-size: 16px;

  font-weight: normal;

}

.card .card-body .arrow-icon {

  position: absolute;

  bottom: 15px;

  right: 20px;

}



.jirei .row {

  margin-left: 0;

  margin-right: 0;

}

.jirei .row a:hover {

  opacity: 0.7;

}

.jirei input[type="text"] {

  outline: 1px solid #f26b6b;

}

.jirei .form-check {

  max-width: 350px;

  width: 100%;

  margin: 5px 0px 10px -25px;

}

.jirei .form-check :checked + label {

  background: #f9c6c6;

}

.jirei .form-check :checked + label::before {

  border: 2px solid #fff;

  background: #f26b6b;

}

.jirei .form-check label {

  display: block;

  position: relative;

  background: #fff;

  border: 1px solid #f26b6b;

  border-radius: 6px;

  height: 50px;

  color: #333;

  font-weight: bold;

  text-align: center;

  cursor: pointer;

  padding: 0px 2px 0 22px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.jirei .form-check label::before {

  position: absolute;

  top: 50%;

  left: 10px;

  margin-top: -7px;

  content: "";

  width: 12px;

  height: 12px;

  border-radius: 6px;

  border: 2px solid #f26b6b;

  display: inline-block;

  letter-spacing: normal;

  background: #fff;

}

.jirei .form-check label::after {

  content: "";

  height: 100%;

  display: inline-block;

  letter-spacing: normal;

  vertical-align: middle;

  margin-left: 0.1em;

}

.jirei .form-check input[type="checkbox"] {

  opacity: 0;

  padding: 0;

  margin: 0;

  outline: none;

}

.jirei .clear-float {

  clear: both;

}

.jirei .jirei-btn-return {

  margin: 10px 0;

}



.torikumi-text {

  margin: 20px auto 30px;

  line-height: 1.7rem;

}



.torikumi-img-wrap {

  text-align: center;

}



.torikumi-img {

  max-width: 640px;

}



.jirei-pdf-area {

  margin-bottom: 100px !important;

}

.jirei-pdf-area .btn-jirei-pdf {

  border: 6px solid #f26b6b;

  max-width: 480px;

  width: 100%;

  padding: 15px;

}

.jirei-pdf-area .btn-jirei-pdf:hover,

.jirei-pdf-area .btn-jirei-pdf:active,

.jirei-pdf-area .btn-jirei-pdf:first-child:active {

  background: #f26b6b;

  border: 6px solid #f26b6b;

}



.arrow-icon {

  background-color: #f9c6c6;

  display: block;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  position: relative;

}

.arrow-icon::after {

  content: "";

  background: url("../images/arrow_ico.png") no-repeat;

  display: block;

  width: 18px;

  height: 17px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



footer.container {

  max-width: 100%;

  margin: 100px auto 0;

  padding: 0;

  position: relative;

}

footer.container .btn-goTop {

  width: 125px;

  position: fixed;

  bottom: 0;

  right: 0;

  padding-left: 40px;

  margin-right: 10px;

  display: none;

}

footer.container .btn-goTop::before {

  content: "";

  background: url("../images/arrow_ico.png") no-repeat;

  display: block;

  width: 18px;

  height: 17px;

  position: absolute;

  top: 35%;

  left: 15%;

  transform: rotate(-90deg);

}

footer.container .btn-goTop::after {

  display: none;

}

footer.container .footer-link {

  background-color: #f9f9f9;

}

footer.container ul {

  max-width: 1100px;

  margin: 0 auto;

  padding-left: 0;

  padding: 10px 0;

}

footer.container ul li {

  list-style: none;

  padding: 5px 10px;

}

footer.container ul li a {

  color: #333;

}

footer.container .footer-inner {

  max-width: 1100px;

  margin: 0 auto;

  padding: 30px 0;

}

footer.container .footer-inner img {

  margin-right: 10px;

}

footer.container .footer-inner p {

  margin-left: 30px;

}

footer.container .m-footerCopy {

  display: block;

  text-align: center;

  padding-bottom: 5px;

}



@media screen and (max-width: 1100px) {

  main article section .container {

    padding: 0 10px;

  }

}

@media screen and (max-width: 991px) {

  header .navbar {

    background-color: #fff;

    display: block;

  }

  header .navbar .title-area {

    display: inline-block;

    width: 70%;

    margin: 10px 0 10px 15px;

  }

  header .navbar .title-area img {

    margin-right: 10px;

    width: 83px;

    height: 23px;

  }

  header .navbar-brand {

    font-size: 18px;

    font-weight: bold;

  }

  header .navbar-brand span {

    display: inline-block;

  }

  header .navbar-toggler {

    margin-right: 15px;

    background-color: #f9c6c6;

  }

  header .navbar-nav .nav-link br {

    display: none;

  }

  header .container .nav-wrap {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

  }

  header .container .nav-wrap .navbar-nav {

    align-items: start;

    order: 1;

    margin: 15px;

    width: 100%;

    padding-bottom: 30px;

    border-bottom: 1px solid #bebebe;

  }

  header .container .nav-wrap .navbar-nav .nav-item {

    display: block;

    max-width: 100%;

    text-align: left;

  }

  header .container .nav-wrap .navbar-nav .nav-item .nav-link.active {

    border-bottom: none;

  }

  header .container .nav-wrap .navbar-nav .nav-item a {

    width: 100%;

    position: relative;

    padding-left: 20px;

  }

  header .container .nav-wrap .navbar-nav .nav-item a::before {

    content: "";

    background: url("../images/arrow_ico_small.png") no-repeat;

    background-size: contain;

    width: 18px;

    height: 17px;

    position: absolute;

    top: 40%;

    left: 0%;

  }

  header .container .nav-wrap .navbar-collapse .menu-inner {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    border-top: 1px solid #bebebe;

  }

  header .container .nav-wrap .navbar-collapse .menu-inner .site-search {

    order: 2;

    margin: 0 auto;

    width: 80%;

  }

  .breadcrumb > * {

    margin: 0 5px;

  }

  .page-title h1 {

    flex-wrap: wrap;

  }

  .page-title h1 span {

    width: 100%;

    order: -1;

    padding: 0 10px;

  }

  main article section .container {

    padding: 0 10px;

  }

  main article section.container-fluid img {

    width: 100%;

  }

  main article section.container-fluid h1 {

    font-size: 1.7rem;

  }

  main article section .img-wrap-white img {

    max-width: 100%;

  }

  main article ul.news-list li .infolist-Contents {

    display: block;

  }

  footer.container .footer-inner {

    flex-wrap: wrap;

    padding: 30px 10px;

  }

  footer.container .footer-inner p {

    margin-left: 0;

  }

  footer.container .m-footerCopy {

    text-align: left;

    margin: 5px 10px;

  }

  .jirei form .jirei-btn {

    display: inline-block !important;

    text-align: center;

  }

  .jirei form .jirei-btn button {

    margin: 10px auto;

  }

  .sites-wrap .link-item {

    width: 300px;

  }

  .sites-wrap .link-item img {

    width: 100%;

  }

  .sites-wrap .link-item .link-box {

    margin-top: 0;

    margin-bottom: 0;

    padding-top: 0;

    padding-bottom: 0;

  }

}

@media screen and (max-width: 767px) {

  header .navbar-brand {

    font-size: 16px;

  }

  main article section.container-fluid h1 {

    font-size: 1.5rem;

  }

}

@media screen and (max-width: 640px) {

  .torikumi-img {

    max-width: 100%;

  }

}

@media screen and (max-width: 366px) {

  header .navbar-brand {

    font-size: 14px;

    margin: auto 10px;

  }

  header .navbar-toggler {

    margin-right: 10px;

  }

  main article section.container-fluid h1 {

    font-size: 1.2rem;

  }

}

@media print {

  footer {

    display: none;

  }

  header .navbar-toggler {

    display: none;

  }

  .fixed-top {

    position: static;

  }

  main > article {

    margin-top: -142px;

  }

  .row-cols-md-3 > * {

    flex: 0 0 auto;

    width: 33.33333333%;

  }

  .row-cols-md-2 > * {

    flex: 0 0 auto;

    width: 50%;

  }

  footer.container .btn-goTop {

    display: none;

  }

  .btn-primary {

    margin: 0;

  }

}