@charset "UTF-8";
@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    COMMON
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
html {
  overflow-x: hidden !important;
  font-size: 62.5% !important;
  margin: 0 !important;
  scroll-behavior: auto !important;
}
html:focus-within {
  scroll-behavior: smooth !important;
}

body {
  font-family: "Zen Kaku Gothic New", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.6rem !important;
  line-height: 150% !important;
  color: #354a54;
  background-color: #fffffa;
}

main {
  overflow: hidden;
}

.has-black-background-color {
  background-color: #333;
}

.has-black-color {
  color: #333;
}

.has-darkgray-background-color {
  background-color: #4d4d4d;
}

.has-darkgray-color {
  color: #4d4d4d;
}

.has-gray-background-color {
  background-color: #354a54;
}

.has-gray-color {
  color: #354a54;
}

.has-darkblue-background-color {
  background-color: #82b2ca;
}

.has-darkblue-color {
  color: #82b2ca;
}

.has-blue-background-color {
  background-color: #55b9ea;
}

.has-blue-color {
  color: #55b9ea;
}

.has-lightblue-background-color {
  background-color: #dbf2ff;
}

.has-lightblue-color {
  color: #dbf2ff;
}

.has-pink-background-color {
  background-color: #ffaac4;
}

.has-pink-color {
  color: #ffaac4;
}

.has-offwhite-background-color {
  background-color: #fffffa;
}

.has-offwhite-color {
  color: #fffffa;
}

.has-red-background-color {
  background-color: #8E1616;
}

.has-red-color {
  color: #8E1616;
}

.has-green-background-color {
  background-color: #8CC63F;
}

.has-green-color {
  color: #8CC63F;
}

.has-white-background-color {
  background-color: #fff;
}

.has-white-color {
  color: #fff;
}

.editor-visual-editor__post-title-wrapper,
.edit-post-visual-editor__post-title-wrapper {
  margin-bottom: 50px;
}
.editor-visual-editor__post-title-wrapper .wp-block-post-title,
.edit-post-visual-editor__post-title-wrapper .wp-block-post-title {
  border-bottom: 3px solid #55b9ea;
  margin-bottom: 4px;
}

.wp-block {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100% !important;
  max-width: 902px;
}

.wp-block-list {
  padding-left: 23px;
}
.wp-block-list li {
  list-style: inherit;
}

p {
  font-size: 1.6rem !important;
  line-height: 150% !important;
}

h1 {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 130% !important;
}

h2 {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 125% !important;
}

h3 {
  font-size: 2.24rem;
  font-weight: bold;
  line-height: 125% !important;
}

h4 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 130% !important;
}

h5 {
  font-size: 1.76rem;
  font-weight: bold;
  line-height: 130% !important;
}

h6 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 150% !important;
}

small {
  font-size: 1.36rem !important;
}

strong {
  font-weight: bold;
}

.text_center {
  text-align: center;
}

span.i_block {
  display: inline-block;
}

span.remark {
  font-size: smaller;
  font-weight: lighter;
  display: inline-block;
  vertical-align: top;
  margin-top: -6px;
  padding-right: 4px;
}

.pc {
  display: inline;
}

.pc.tab {
  display: inline;
}

.tab {
  display: none;
}

.sp {
  display: none;
}

section {
  margin-bottom: 60px;
  margin-top: -80px;
  padding-top: 80px;
}

.contents_outer {
  width: 100%;
  max-width: 1440px;
  padding: 0 20px;
  margin: auto;
}

.contents {
  width: 100%;
  padding: 20px;
}
.contents.border_box {
  border: 3px solid #55b9ea;
  border-radius: 16px;
  box-shadow: 4px 4px 6px #354a54;
}

.card_box {
  border-radius: 16px;
  box-shadow: 4px 4px 6px #354a54;
}
.card_box .card_header {
  color: #fff;
  text-align: center;
  background-color: #55b9ea;
  border-radius: 16px 16px 0 0;
  padding: 20px;
}
.card_box .card_contents {
  background-color: #fff;
  border-radius: 0 0 16px 16px;
  padding: 20px;
}

.page_title {
  width: 100%;
  height: 30vh;
  display: table;
  background: url("../img/common/page_header.jpg") center center/cover;
}
.page_title h1 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  text-shadow: 0 0 10px #55b9ea, 0 0 20px #55b9ea, 0 0 30px #55b9ea, 0 0 40px #55b9ea, 0 0 50px #55b9ea;
}

.breadcrumbs {
  color: #55b9ea;
}
.breadcrumbs a {
  transition: 0.5s;
}
.breadcrumbs a:hover {
  color: #ffaac4;
}

.section_title {
  border-bottom: 3px solid #55b9ea;
  margin-bottom: 50px;
}
.section_title h2 {
  margin-bottom: 4px;
}

.flex {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}
.flex.flex_start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.img_right {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  text-align: center;
}
.img_right .left {
  text-align: start;
}
.img_right img {
  margin: 0 auto;
}

.link_btn {
  width: 100%;
}
.link_btn a,
.link_btn button {
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  max-width: 640px;
  padding: 4px;
  position: relative;
  transition: 0.5s;
}
.link_btn a.gray_btn,
.link_btn button.gray_btn {
  color: #fff;
  background-color: #354a54;
  border: 1px solid #354a54;
}
.link_btn a.gray_btn:hover,
.link_btn button.gray_btn:hover {
  color: #354a54;
  background-color: #fff;
  border: 1px solid #354a54;
}
.link_btn a.white_btn,
.link_btn button.white_btn {
  color: #354a54;
  background-color: #fff;
  border: 1px solid #55b9ea;
}
.link_btn a.white_btn:hover,
.link_btn button.white_btn:hover {
  color: #fff;
  background-color: #55b9ea;
}
.link_btn a.blue_btn,
.link_btn button.blue_btn {
  color: #fff;
  background-color: #55b9ea;
  border: 1px solid #55b9ea;
}
.link_btn a.blue_btn:hover,
.link_btn button.blue_btn:hover {
  background-color: #354a54;
  border: 1px solid #354a54;
}

.file_btn {
  width: calc(50% - 12px);
  flex-basis: calc(50% - 12px);
}
.file_btn a,
.file_btn button {
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding: 4px 20px;
  position: relative;
  transition: 0.5s;
  background-color: #fff;
  border: 1px solid #55b9ea;
  border-radius: 8px;
  line-height: 100% !important;
}
.file_btn a img,
.file_btn button img {
  width: 32px;
  height: auto;
  margin-right: 16px;
}
.file_btn a span,
.file_btn button span {
  position: relative;
  top: -10px;
}
.file_btn a:hover,
.file_btn button:hover {
  border: 1px solid #ffaac4;
  background-color: #ffaac4;
}

section#error h6 {
  text-align: center;
  margin-bottom: 40px;
}

.sub_title {
  color: #fff;
  background-color: #82b2ca;
  padding: 12px 36px;
  margin-bottom: 30px;
}

/* HEADER ---------------------------------------- */
#header1 {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 999 !important;
  background-color: #fff;
  padding: 4px 0;
}
#header1 .contents_outer {
  padding: 8px 20px 0 20px;
}
#header1 .header_logo {
  height: auto;
  width: auto;
}
#header1 .header_logo span {
  font-weight: bold;
  line-height: 100% !important;
}
#header1 .header_logo span.legal {
  font-size: 2.4rem;
  color: #55b9ea;
}
#header1 .header_logo span.company_name {
  font-size: 3.4rem;
  color: #55b9ea;
}
#header1 .header_logo span.en_name {
  font-size: 1.28rem;
  color: #ffaac4;
  display: block;
}
#header1 .header_btns small {
  display: block;
  text-align: right;
}
#header1 .header_btns .flex {
  gap: 8px;
}
#header1 .header_btns .form_control {
  display: inline-block;
  width: auto;
}
#header1 .header_btns .search_form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  border: 1px solid #354a54;
  border-radius: 4px;
}
#header1 .header_btns .search_form input.form_control {
  width: auto;
  border: none;
  box-sizing: border-box;
  outline: none;
}
#header1 .header_btns .search_form input.form_control::placeholder {
  color: #354a54;
}
#header1 .header_btns .search_form button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
#header1 .header_btns .search_form button::after {
  width: 16px;
  height: 16px;
  background-image: url("../img/common/glass.svg");
  background-repeat: no-repeat;
  content: "";
}

#header2 {
  position: sticky;
  top: 0;
  width: 100%;
  height: auto;
  padding: 8px;
  background-color: #fff;
  filter: drop-shadow(0px 2px 1px rgba(77, 77, 77, 0.7));
  z-index: 999 !important;
}
#header2 .header_nav.flex {
  gap: 0;
}
#header2 .header_nav .nav {
  position: relative;
  display: inline-block;
  padding: 8px 0;
  width: 25%;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  border-left: 2px dotted #354a54;
}
#header2 .header_nav .nav:last-child {
  border-right: 2px dotted #354a54;
}
#header2 .header_nav .nav a {
  color: #354a54;
  transition: all 0.3s ease;
}
#header2 .header_nav .nav a:hover {
  color: #55b9ea;
}
#header2 .header_nav .nav img {
  position: relative;
  top: 0.2rem;
  left: -0.2rem;
  height: 2rem;
}
#header2 .header_nav .nav:hover .nav_inner {
  opacity: 1;
  transform: translateY(0) scale(1, 1);
}
#header2 .header_nav .nav .nav_inner {
  opacity: 0;
  transform: translateY(-50%) scale(1, 0);
  transition: all 0.3s;
  position: absolute;
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  padding: 14px;
}
#header2 .header_nav .nav .nav_inner ol li {
  padding: 8px 0;
  border-top: 1px dotted #354a54;
}
#header2 .sm_nav {
  display: none;
  height: 60px;
  align-items: center;
}
#header2 .sm_nav .header_logo {
  height: auto;
  width: auto;
  z-index: 999;
}
#header2 .sm_nav .header_logo span {
  font-weight: bold;
  line-height: 90% !important;
}
#header2 .sm_nav .header_logo span.legal {
  font-size: 1.4rem;
  color: #55b9ea;
}
#header2 .sm_nav .header_logo span.company_name {
  font-size: 2.1rem;
  color: #55b9ea;
}
#header2 .sm_nav .header_logo span.en_name {
  font-size: 0.784rem;
  color: #ffaac4;
  display: block;
}
#header2 .sm_nav #header_hamburger .hamburger {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #354a54;
  border-radius: 10px;
  cursor: pointer;
  z-index: 999;
}
#header2 .sm_nav #header_hamburger .hamburger .hamburger_line {
  position: absolute;
  width: 28px;
  height: 3px;
  right: 6px;
  background-color: #fff;
  transition: all 0.5s;
  box-shadow: 0 4px 4px #354a54;
}
#header2 .sm_nav #header_hamburger .hamburger .hamburger_line.hamburger_line_1 {
  top: 8px;
}
#header2 .sm_nav #header_hamburger .hamburger .hamburger_line.hamburger_line_2 {
  top: 18px;
}
#header2 .sm_nav #header_hamburger .hamburger .hamburger_line.hamburger_line_3 {
  top: 28px;
}
#header2 .sm_nav #header_hamburger.open .hamburger .hamburger_line {
  /*ハンバーガーがクリックされたら*/
  box-shadow: none;
}
#header2 .sm_nav #header_hamburger.open .hamburger .hamburger_line.hamburger_line_1 {
  transform: rotate(-45deg);
  top: 18px;
}
#header2 .sm_nav #header_hamburger.open .hamburger .hamburger_line.hamburger_line_2 {
  opacity: 0;
}
#header2 .sm_nav #header_hamburger.open .hamburger .hamburger_line.hamburger_line_3 {
  transform: rotate(45deg);
  top: 18px;
}
#header2 .sm_nav #header_hamburger .header_hamburger_nav {
  position: fixed;
  right: -100%;
  /*ハンバーガーがクリックされる前はWindow右側に隠す*/
  top: 0;
  width: 100%;
  /* 出てくるスライドメニューの幅 */
  max-width: 500px;
  height: 100vh;
  padding: 80px 16px 16px 16px;
  background-color: #fff;
  text-align: center;
  transition: all 0.5s;
  z-index: 998;
  overflow-y: auto;
  /* メニューが多くなったらスクロールできるように */
}
#header2 .sm_nav #header_hamburger .header_hamburger_nav ol.sm_nav_caption li {
  padding: 12px;
  font-weight: bold;
}
#header2 .sm_nav #header_hamburger .header_hamburger_nav ol.sm_nav_caption li img {
  position: relative;
  top: 0.2rem;
  left: -0.2rem;
  height: 1.6rem;
}
#header2 .sm_nav #header_hamburger .header_hamburger_nav ol.sm_nav_caption li a {
  transition: all 0.5s;
}
#header2 .sm_nav #header_hamburger .header_hamburger_nav ol.sm_nav_caption li a:hover {
  color: #55b9ea;
}
#header2 .sm_nav #header_hamburger .header_hamburger_nav ol.sm_nav_caption li ol.sm_nav_inner li {
  padding-top: 0;
  font-weight: normal;
}
#header2 .sm_nav #header_hamburger.open nav {
  right: 0;
}
#header2 .sm_nav #header_hamburger .black_bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 100;
}
#header2 .sm_nav #header_hamburger.open .black_bg {
  /*ハンバーガーメニューが開いたら表示*/
  opacity: 0.75;
  visibility: visible;
}

/* Googleカスタム検索 ---------------------------------------- */
header .gsc-control-searchbox-only {
  max-width: 100% !important;
}
header .gsc-control-searchbox-only form {
  margin-bottom: 0 !important;
  margin: 0 !important;
}
header .gsc-control-searchbox-only form table {
  margin-bottom: 0 !important;
}
header .gsc-control-searchbox-only form table td.gsc-input {
  padding: 0 !important;
  width: 180px !important;
}
header .gsc-control-searchbox-only form table td.gsc-input .gsc-input-box {
  border-color: #354a54 !important;
  border-radius: 4px !important;
  height: 34px !important;
}
header .gsc-control-searchbox-only form table td.gsc-input .gsc-input-box td.gsib_a {
  padding: 4px 6px;
  background-image: none !important;
}
header .gsc-control-searchbox-only form table td.gsc-input .gsc-input-box td.gsib_b {
  height: auto;
  width: 32px;
}

.gsc-above-wrapper-area,
.gsc-wrapper {
  max-width: 100% !important;
}

/* ページトップへボタン ---------------------------------------- */
#page_top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 3px 0;
  border-radius: 3px;
  background-color: #55b9ea;
  text-decoration: none;
  color: #fff;
  z-index: 999;
  opacity: 0;
  transition: all 0.8s ease;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.7));
}
#page_top.show {
  opacity: 0.7;
  transform: none;
}
#page_top.show:hover {
  opacity: 1;
  transform: none;
}

/* FOOTER ---------------------------------------- */
footer {
  border-top: 3px solid #dbf2ff;
}
footer .contents_outer {
  margin: 60px auto;
  justify-content: center;
  flex-direction: row-reverse;
}
footer .contents_outer.flex {
  gap: 80px;
}
footer .contents_outer .company_info .footer_logo {
  height: auto;
  width: auto;
  margin-bottom: 8px;
}
footer .contents_outer .company_info .footer_logo span {
  font-weight: bold;
  line-height: 100% !important;
}
footer .contents_outer .company_info .footer_logo span.legal {
  font-size: 2.4rem;
  color: #55b9ea;
}
footer .contents_outer .company_info .footer_logo span.company_name {
  font-size: 3.4rem;
  color: #55b9ea;
}
footer .contents_outer .company_info .footer_logo span.en_name {
  font-size: 1.32rem;
  color: #ffaac4;
  display: block;
}
footer .contents_outer .company_info p {
  font-weight: bold;
  margin-bottom: 8px;
}
footer .contents_outer .footer_nav {
  justify-content: center;
}
footer .contents_outer .footer_nav.flex {
  gap: 50px;
}
footer .contents_outer .footer_nav .footer_navi_group h6 {
  border-bottom: 1px dotted #354a54;
  margin-bottom: 14px;
}
footer .contents_outer .footer_nav .footer_navi_group a {
  display: block;
  transition: all 0.5s ease;
  text-decoration: none;
  margin-bottom: 14px;
}
footer .contents_outer .footer_nav .footer_navi_group a:hover {
  color: #55b9ea;
}
footer .copyright {
  display: block;
  color: #fff;
  background-color: #55b9ea;
  text-align: center;
  font-size: 85%;
}
footer {
  /* -----------------------------------------------
  　　 email answer form
   ----------------------------------------------- */
}
footer #email_answer_form {
  text-align: center;
}
footer #email_answer_form .contents {
  padding: 0 0 50px 0;
}

header .link_btn,
footer .link_btn {
  width: auto;
}
header .link_btn .blue_btn,
footer .link_btn .blue_btn {
  position: relative;
  text-align: center;
  width: auto;
  display: inline-block;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
}
header .link_btn .blue_btn .contact_btn_text,
footer .link_btn .blue_btn .contact_btn_text {
  position: relative;
}
header .link_btn .blue_btn img,
footer .link_btn .blue_btn img {
  height: 16px;
  width: auto;
  position: relative;
  top: 2px;
}

/* 同階層メニュー ---------------------------------------- */
section#same_dir_menu {
  margin-bottom: 0;
}
section#same_dir_menu > div {
  background-color: #dbf2ff;
  padding: 40px 0;
}
section#same_dir_menu .contents {
  background-color: #fff;
  border-radius: 16px;
}
section#same_dir_menu .contents .menu_title {
  padding-bottom: 4px;
  margin-bottom: 24px;
  border-bottom: 1px dotted #354a54;
}
section#same_dir_menu .contents .menu_title img {
  height: 24px;
  position: relative;
  top: 2px;
  margin-right: 4px;
}
section#same_dir_menu .contents .flex {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
section#same_dir_menu .contents .flex .link_btn {
  flex-basis: calc((100% - 72px) / 4);
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

 PC（画面サイズ小, 1440px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 1200px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 1199.98px) {
  /* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
     COMMON
     ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  /* 表示・非表示切替 ---------------------------------------- */
  .pc {
    display: none;
  }
  .pc.tab {
    display: inline;
  }
  .tab {
    display: inline;
  }
  /* FOOTER ---------------------------------------- */
  footer .contents_outer .company_info {
    flex-basis: 100%;
    text-align: center;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 992px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 991.98px) {
  /* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
     COMMON
     ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  body {
    font-size: 1.4rem !important;
  }
  p {
    font-size: 1.4rem !important;
  }
  h1 {
    font-size: 2.1rem;
  }
  h2 {
    font-size: 2.1rem;
  }
  h3 {
    font-size: 1.96rem;
  }
  h4 {
    font-size: 1.68rem;
  }
  h5 {
    font-size: 1.54rem;
  }
  h6 {
    font-size: 1.4rem;
  }
  small {
    font-size: 1.19rem !important;
  }
  /* HEADER ---------------------------------------- */
  #header1,
  #header2 .header_nav {
    display: none;
  }
  #header2 {
    position: fixed;
  }
  #header2 .sm_nav {
    display: flex;
  }
  /* 同階層メニュー ---------------------------------------- */
  section#same_dir_menu .contents .flex .link_btn {
    flex-basis: calc((100% - 48px) / 3);
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

小デバイス（タブレット, 768px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 767.98px) {
  /* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
     COMMON
     ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  .pc.tab {
    display: none;
  }
  .tab {
    display: none;
  }
  .tab.sp {
    display: inline;
  }
  .sp {
    display: inline;
  }
  .contents {
    padding: 60px 20px;
  }
  .file_btn {
    width: 100%;
    flex-basis: 100%;
  }
  /* 同階層メニュー ---------------------------------------- */
  section#same_dir_menu .contents .flex .link_btn {
    flex-basis: calc((100% - 24px) / 2);
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

極小デバイス（縦向きモバイル, 576px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 575.98px) {
  /* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
     COMMON
     ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  /* FOOTER ---------------------------------------- */
  footer .contents_outer .footer_nav {
    display: none;
  }
  /* 同階層メニュー ---------------------------------------- */
  section#same_dir_menu .contents .flex .link_btn {
    flex-basis: 100%;
  }
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    HOME
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* -----------------------------------------------
　　 ファーストビュー
 ---------------------------------------------- */
section#first_view {
  position: relative;
  max-width: 2048px;
  width: 100%;
  height: calc(100vh - 0px);
  display: table;
  overflow: hidden;
  margin: auto;
}
section#first_view .bg_img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: url("../img/home/main.jpg") center center/cover;
}
section#first_view .fv_copy {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -14vh;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  color: #fff;
  opacity: 0.8;
  text-shadow: 0 0 10px #55b9ea, 0 0 20px #55b9ea, 0 0 30px #55b9ea, 0 0 40px #55b9ea, 0 0 50px #55b9ea;
}
section#first_view .fv_copy h2 {
  font-size: 4.8rem;
  position: relative;
  left: 1.8rem;
}
section#first_view .fv_copy h1 span {
  font-size: 6rem;
  line-height: 150%;
  position: relative;
  top: 1.2rem;
}

/* -----------------------------------------------
　　 service
 ----------------------------------------------- */
section#services {
  margin-top: -12vw;
  width: 200%;
  height: auto;
  min-height: 26.5vw;
  border-radius: 50%/26.5vw 26.5vw 0 0;
  position: relative;
  left: -30%;
  padding-top: 1.5vw;
  background-color: #55b9ea;
  text-align: center;
}
section#services .arch2 {
  content: "";
  width: 85%;
  height: auto;
  min-height: 25vw;
  border-radius: 50%/25vw 25vw 0 0;
  position: relative;
  margin: auto;
  padding-top: 1.5vw;
  background-color: #dbf2ff;
}
section#services .arch2 .arch3 {
  width: 88%;
  height: auto;
  min-height: 23.5vw;
  border-radius: 50%/23.5vw 23.5vw 0 0;
  position: relative;
  margin: auto;
  padding-top: 1.5vw;
  background-color: #fffffa;
  text-align: center;
}
section#services .arch2 .arch3 .contents_outer {
  width: 66.844%;
  position: relative;
  left: -13.3688%;
}
section#services .arch2 .arch3 .contents_outer .illust_box {
  display: inline-block;
  height: auto;
  width: auto;
  position: absolute;
  top: -290px;
  right: 70px;
  text-align: center;
}
section#services .arch2 .arch3 .contents_outer .illust_box img.illust {
  height: 290px;
  width: auto;
}
section#services .arch2 .arch3 .contents_outer .illust_box div.dialogue {
  position: absolute;
  top: 60px;
  left: 0;
  width: 78%;
}
section#services .arch2 .arch3 .contents_outer .illust_box div.dialogue p {
  color: #55b9ea;
  font-weight: bold;
  margin-bottom: 8px;
}
section#services .arch2 .arch3 .contents_outer .illust_box div.dialogue img {
  height: 60px;
  width: auto;
}
section#services .arch2 .arch3 .contents_outer .contents {
  padding: 50px;
  background-color: #fff;
  background: url("../img/home/image_1.jpg") center center/cover;
  background-color: rgba(255, 255, 255, 0.4);
  background-blend-mode: lighten;
}
section#services .arch2 .arch3 .contents_outer .contents a.item {
  flex: 1;
  display: flex;
  flex-direction: column;
  color: #fff;
  background-color: #55b9ea;
  padding: 24px 16px 16px 16px;
  border-radius: 16px;
  transition: 0.5s;
}
section#services .arch2 .arch3 .contents_outer .contents a.item:hover {
  background-color: #ffaac4;
}
section#services .arch2 .arch3 .contents_outer .contents a.item:hover div {
  color: #ffaac4;
}
section#services .arch2 .arch3 .contents_outer .contents a.item img {
  height: 94px;
  width: auto;
}
section#services .arch2 .arch3 .contents_outer .contents a.item h3 {
  flex-grow: 1;
  padding: 16px 0;
}
section#services .arch2 .arch3 .contents_outer .contents a.item div {
  flex-grow: 1;
  color: #55b9ea;
  background-color: #fff;
  font-weight: bold;
  padding: 16px;
  border-radius: 8px;
  transition: 0.5s;
}

/* -----------------------------------------------
　　 banner
 ----------------------------------------------- */
section#banner {
  margin-bottom: 0;
}
section#banner #splide {
  background-color: #dbf2ff;
  padding: 40px 0;
  /* スライダーのサイズ調整 */
}
section#banner #splide .splide__track {
  height: auto;
  max-height: 300px;
  /* 最大の高さ */
  min-height: 150px;
  /* 最小の高さ */
  /* スライダーを上下中央 */
}
section#banner #splide .splide__track .splide__slide {
  display: flex;
  justify-content: center;
  /* 左右の中央揃え */
}
section#banner #splide .splide__track .splide__slide a {
  align-self: center;
  /* 上下の中央揃え */
  max-height: 100%;
  max-width: 100%;
  width: auto;
  transition: all 0.5s;
}
section#banner #splide .splide__track .splide__slide a:hover {
  opacity: 0.5;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

 PC（画面サイズ小, 1340px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 1200px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 1199.98px) {
  section#first_view {
    height: calc(100vh - 60px);
  }
  section#first_view .fv_copy {
    top: -16vh;
  }
  section#services .arch2 .arch3 .contents_outer {
    margin-top: 80px;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 992px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 991.98px) {
  section#first_view {
    height: 90vh;
  }
  section#first_view .fv_copy {
    top: -12vh;
  }
  section#services .arch2 .arch3 .contents_outer .contents a.item {
    flex-basis: calc(50% - 12px);
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

小デバイス（タブレット, 768px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 767.98px) {
  section#first_view {
    height: 70vh;
  }
  section#first_view .fv_copy {
    top: -16vh;
  }
  section#first_view .fv_copy h2 {
    font-size: 3.6rem;
  }
  section#first_view .fv_copy h1 span {
    font-size: 4.8rem;
  }
  section#services .arch2 .arch3 .contents_outer .contents {
    padding: 20px;
  }
  section#news .contents {
    padding: 20px 20px 30px 20px;
  }
  section#news .contents .news_group {
    gap: 4px;
  }
  section#news .contents .news_group > label {
    flex-basis: calc(50% - 2px);
    border-radius: 8px;
  }
  section#news .contents .news_group .news_table a .title {
    flex-basis: 100%;
    margin-top: 12px;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

極小デバイス（縦向きモバイル, 576px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 575.98px) {
  section#first_view .fv_copy {
    top: -12vh;
  }
  section#first_view .fv_copy h2 {
    font-size: 2.4rem;
  }
  section#first_view .fv_copy h1 {
    font-size: 1.8rem;
  }
  section#first_view .fv_copy h1 span {
    font-size: 3.6rem;
    top: 6px;
  }
  section#services .arch2 .arch3 .contents_outer {
    margin-top: 40vh;
  }
  section#services .arch2 .arch3 .contents_outer .illust_box {
    right: calc((100vw - 290px) / 2);
  }
  section#services .arch2 .arch3 .contents_outer .contents a.item {
    justify-content: center;
    flex-basis: 100%;
    flex-direction: row;
    gap: 12px;
  }
  section#services .arch2 .arch3 .contents_outer .contents a.item img {
    height: 35px;
  }
  section#services .arch2 .arch3 .contents_outer .contents a.item h2 {
    flex-grow: 0;
    padding: 2px;
  }
  section#services .arch2 .arch3 .contents_outer .contents a.item div {
    display: none;
  }
  section#news .contents .news_group label {
    padding: 6px;
  }
  section#news .contents .news_group label h4 {
    font-size: 1.4rem;
  }
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    ABOUT
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* procedure ----------------------------------- */
section#how_to .img_right img {
  width: 100%;
  max-width: 280px;
  height: auto;
}

/* greeting ----------------------------------- */
section#greeting .flex .right {
  width: 300px;
  height: auto;
}
section#greeting .flex .right p {
  white-space: pre;
  display: block;
  text-align: center;
}
section#greeting .flex .left {
  width: calc(100% - 300px - 24px);
}
section#greeting .flex .left p span.i_block:last-child {
  display: block;
  text-align: right;
  margin-right: 50px;
}

/* officers ----------------------------------- */
section#officers .officers_box.last {
  padding-bottom: 30px;
}
section#officers .officer_profile {
  margin-left: 30px;
}
section#officers .officer_profile .officer_detail {
  display: block;
  padding: 0px 0px 30px 16px;
}
section#officers .officer_profile .officer_detail p {
  padding-top: 8px;
}
section#officers .officers_table {
  width: 100%;
  margin-bottom: 50px;
  background-color: #fff;
}
section#officers .officers_table th,
section#officers .officers_table td {
  padding: 12px;
  border-bottom: 1px solid #82b2ca;
}
section#officers .officers_table th,
section#officers .officers_table th.post,
section#officers .officers_table td.name,
section#officers .officers_table td.pharmacy {
  font-weight: bold;
}
section#officers .officers_table .name {
  display: none;
}
section#officers .officers_table thead {
  color: #fff;
  background-color: #82b2ca;
}
section#officers .officers_table caption {
  font-size: smaller;
  text-align: end;
  caption-side: bottom;
}
section#officers .file_btn {
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
}

/* agm ----------------------------------- */
section#agm li {
  padding-bottom: 30px;
  font-size: 1.8rem;
  margin-left: 2.4rem;
}
section#agm li:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background: #354a54;
  margin-top: -4px;
  margin-left: -2.4rem;
  margin-right: 8px;
}
section#agm li img {
  width: 20px;
  height: auto;
  margin-left: 8px;
}
section#agm li a {
  transition: 0.5s;
}
section#agm li a:hover {
  color: #55b9ea;
}

/* linkspage ---------------------------------------- */
section.links .flex {
  gap: 15px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 30xp;
}
section.links .flex .link_btn {
  width: calc((100% - 30px) / 3);
}
section.links .flex .link_btn .white_btn {
  border-width: 2px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

 PC（画面サイズ小, 1340px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 1200px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 992px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 991.98px) {
  /* linkspage ---------------------------------------- */
  section#nagasaki_links .flex .link_btn {
    width: 48%;
  }
  section#other_links .flex .link_btn {
    width: 48%;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

小デバイス（タブレット, 768px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 767.98px) {
  /* greeting ---------------------------------------- */
  section#greeting .flex {
    display: block;
  }
  section#greeting .flex .left {
    width: auto;
    padding-bottom: 30px;
  }
  section#greeting .flex .right {
    margin: auto;
  }
  /* officers ----------------------------------- */
  section#officers .flex {
    display: block;
    padding: 0 24px 24px 24px;
  }
  section#officers .officer {
    margin-bottom: 8px;
  }
  section#officers .officer_detail {
    display: block;
    padding-left: 16px;
  }
  section#officers .officers_table {
    border-bottom: 1px solid #82b2ca;
  }
  section#officers .officers_table th,
  section#officers .officers_table td {
    display: block;
    border-bottom: none;
    text-align: center;
  }
  section#officers .officers_table th.post {
    color: #fff;
    background-color: #82b2ca;
  }
  section#officers .officers_table td {
    padding: 4px;
  }
  section#officers .officers_table td.name {
    padding-top: 12px;
  }
  section#officers .officers_table thead {
    display: none;
  }
  /* linkspage ---------------------------------------- */
  section#nagasaki_links .flex .link_btn {
    width: 100%;
  }
  section#other_links .flex .link_btn {
    width: 100%;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

極小デバイス（縦向きモバイル, 576px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    CONTACT
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* -----------------------------------------------
　　 main
 ---------------------------------------------- */
section#contact .contents_outer > h3 {
  text-align: center;
  margin-bottom: 2.4rem;
}
section#contact .contents_outer > p {
  margin-bottom: 50px;
}
section#contact .contact_mail_table {
  width: 100%;
  margin-bottom: 4.8rem;
  border-top: 1px solid #354a54;
}
section#contact .contact_mail_table tr {
  border-bottom: 1px solid #354a54;
}
section#contact .contact_mail_table tr th,
section#contact .contact_mail_table tr td {
  padding: 15px 20px;
}
section#contact .contact_mail_table tr th {
  font-weight: bold;
  width: 25%;
}
section#contact .contact_mail_table tr th .required_badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
  background-color: #ffaac4;
}
section#contact .contact_mail_table tr td .flex {
  justify-content: flex-start;
}
section#contact .contact_mail_table tr td .flex .form_check {
  padding-bottom: 0;
}
section#contact .contact_mail_table tr td.privacy_policy h6 {
  margin-bottom: 30px;
}
section#contact .contact_mail_table tr td.privacy_policy h6::before {
  content: "";
  display: inline-block;
  height: 1.44rem;
  width: 1.44rem;
  background-color: #354a54;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
section#contact .contact_mail_table tr td.privacy_policy p {
  font-size: 1.4rem !important;
}
section#contact .contact_mail_table tr td.privacy_policy .form_check_agree {
  text-align: center;
  padding: 3rem 0 2rem 0;
}
section#contact .contact_mail_table tr td.privacy_policy .form_check_agree div.form-check {
  display: inline-block;
}
section#contact div.link_btn {
  text-align: center;
  display: inline-block;
  width: 100%;
}
section#contact div.link_btn button {
  width: 350px;
}

main.accepted section#contact_mail .contents_outer > p {
  margin-bottom: 0;
}

.form_check {
  display: block;
  min-height: 1.5rem;
  padding-bottom: 20px;
  margin-bottom: 0.125rem;
}

.form_check_input {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #354a54;
}
.form_check_input[type=radio] {
  border-radius: 50%;
}
.form_check_input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  background-color: #354a54;
  border-color: #354a54;
}
.form_check_input[type=checkbox] {
  border-radius: 4px;
}
.form_check_input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-color: #354a54;
  border-color: #354a54;
}

.form_control {
  display: block;
  width: 100%;
  padding: 4px 8px;
  font-weight: normal;
  line-height: 1.5;
  color: #354a54;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #354a54;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form_control:focus {
  border-color: #dbf2ff;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(180, 230, 245, 0.5);
}
.form_control#zip {
  display: inline-block;
  width: 150px;
}

.form_control.is-invalid,
.was_validated .form_control:invalid {
  border-color: #8E1616;
  padding-right: calc(1.5em + 4px);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 4px top 4px;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form_control.is-invalid:focus,
.was_validated .form_control:invalid:focus {
  border-color: #8E1616;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

.form_control.is-valid,
.was_validated .form_control:valid {
  border-color: #8CC63F;
  padding-right: calc(1.5em + 4px);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 4px top 4px;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form_control.is-valid:focus,
.was_validated .form_control:valid:focus {
  border-color: #8CC63F;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.form_select_label {
  display: inline-flex;
  width: 100%;
  align-items: center;
  position: relative;
}
.form_select_label::after {
  position: absolute;
  right: 15px;
  width: 10px;
  height: 7px;
  background-color: #354a54;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  pointer-events: none;
}

.invalid_feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
}
.invalid_feedback .feedback_badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
  background-color: #8E1616;
}

.is-invalid ~ .invalid_feedback,
.was_validated :invalid ~ .invalid_feedback {
  display: block;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

 PC（画面サイズ小, 1340px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 1200px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 992px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 991.98px) {
  section#contact .contact_mail_table tr td.privacy_policy h6 {
    margin-bottom: 20px;
  }
  section#contact .contact_mail_table tr td.privacy_policy h6::before {
    height: 1.26rem;
    width: 1.26rem;
    margin-right: 3px;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

小デバイス（タブレット, 768px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 767.98px) {
  /* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
  CONTACT
  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  section#contact .contact_mail_table {
    margin-bottom: 50px;
  }
  section#contact .contact_mail_table tr th,
  section#contact .contact_mail_table tr td {
    display: block;
    width: 100% !important;
    padding: 15px 20px;
  }
  main.confirm section#contact div.link_btn button {
    margin-bottom: 20px;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

極小デバイス（縦向きモバイル, 576px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    FOR GOTO
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* duty ----------------------------------- */
section#duty .sub_title {
  background-color: #55b9ea;
}

section#duty .month_group {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
  margin-bottom: 30px;
}
section#duty .month_group > label {
  order: -1;
  padding: 4px 10px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s;
  opacity: 0.7;
  background-color: #354a54;
  border-radius: 6px;
}
section#duty .month_group > label:hover {
  opacity: 1;
}
section#duty .month_group > label:has(:checked) {
  opacity: 1;
}
section#duty .month_group > label:has(:checked) + div.month_box {
  display: block;
}
section#duty .month_group input {
  display: none;
}
section#duty .month_group > div.month_box {
  width: 100%;
  display: none;
}
section#duty .month_group > div.month_box .sub_title {
  margin-bottom: 0px;
  border-radius: 16px 16px 0 0;
  padding: 16px 60px;
}
section#duty .month_group > div.month_box .contents {
  padding: 30px 50px;
  background-color: #fff;
  border-radius: 0 0 16px 16px;
  box-shadow: none;
}
section#duty .month_group > div.month_box .contents table.month_table {
  width: 100%;
}
section#duty .month_group > div.month_box .contents table.month_table tr {
  border-bottom: 1px dashed #354a54;
}
section#duty .month_group > div.month_box .contents table.month_table tr th,
section#duty .month_group > div.month_box .contents table.month_table tr td {
  padding: 20px 8px;
}
section#duty .month_group > div.month_box .contents table.month_table tr th {
  font-weight: bold;
  font-size: 1.8rem;
}
section#duty .month_group > div.month_box .contents table.month_table tr th.date {
  letter-spacing: 0.2rem;
  width: 140px;
}
section#duty .month_group > div.month_box .contents table.month_table tr th.pharmacy_name {
  color: #55b9ea;
  width: 250px;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    VISIT
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
section#visit .img_right {
  justify-content: space-around;
  align-items: center;
}
section#visit .img_right .right {
  width: 220px;
}
section#visit .img_right .right img {
  display: flex;
  width: 180px;
  height: auto;
}
section#visit .img_right .left {
  width: calc(100% - 220px - 24px);
}
section#visit .img_right .left > p {
  margin-bottom: 30px;
}
section#visit .img_right .left .flex {
  width: 100%;
  justify-content: space-around;
}
section#visit .img_right .left .flex .t_medication_block {
  background-color: #dbf2ff;
  padding: 18px;
  width: calc((100% - 72px) / 4);
  height: auto;
  text-align: center;
  border-radius: 16px;
}
section#visit .img_right .left .flex .t_medication_block img {
  width: 100%;
  height: auto;
}
section#visit .img_right .left .flex .t_medication_block p {
  margin-top: 18px;
}

section#consultation .emphasis_text {
  font-weight: bold;
  text-align: center;
  margin-top: 60px;
}
section#consultation .btn_box {
  text-align: center;
  margin-top: 20px;
  justify-content: center;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    PHARMACIES
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
section#pharmacies .pharmacies_group {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
}
section#pharmacies .pharmacies_group > label {
  flex: 1 1;
  order: -1;
  padding: 1.2rem 0.8rem 1.2rem 0.8rem;
  text-align: center;
  color: #fff;
  transition: all 0.5s;
  opacity: 0.7;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
}
section#pharmacies .pharmacies_group > label.tab_goto {
  background-color: #55b9ea;
}
section#pharmacies .pharmacies_group > label.tab_sinkami {
  background-color: #ffaac4;
}
section#pharmacies .pharmacies_group > label:hover {
  opacity: 1;
}
section#pharmacies .pharmacies_group > label:has(:checked) {
  opacity: 1;
}
section#pharmacies .pharmacies_group > label:has(:checked) + div.table_goto {
  display: block;
}
section#pharmacies .pharmacies_group > label:has(:checked) + div.table_sinkami {
  display: block;
}
section#pharmacies .pharmacies_group input {
  display: none;
}
section#pharmacies .pharmacies_group > div {
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 16px 16px;
  display: none;
}
section#pharmacies .pharmacies_group > div .contents {
  padding: 50px;
  background-color: #fff;
}
section#pharmacies .pharmacies_group > div table {
  width: 100%;
}
section#pharmacies .pharmacies_group > div table tbody {
  width: 100%;
}
section#pharmacies .pharmacies_group > div table tbody tr.sticky th {
  position: sticky;
  top: 56px;
}
section#pharmacies .pharmacies_group > div table tbody tr {
  border-bottom: 1px dashed #354a54;
}
section#pharmacies .pharmacies_group > div table tbody tr:first-of-type {
  border-bottom: none;
}
section#pharmacies .pharmacies_group > div table tbody tr:last-of-type {
  border-bottom: none;
}
section#pharmacies .pharmacies_group > div table tbody tr .pharmacies_name {
  width: auto;
}
section#pharmacies .pharmacies_group > div table tbody tr .pharmacy_function {
  width: auto;
  text-align: center;
}
section#pharmacies .pharmacies_group > div table tbody tr th,
section#pharmacies .pharmacies_group > div table tbody tr td {
  padding: 12px 24px;
  vertical-align: middle;
}
section#pharmacies .pharmacies_group > div table tbody tr th {
  font-weight: bold;
  text-align: start;
  white-space: nowrap;
}
section#pharmacies .pharmacies_group > div table tbody tr td span.i_block {
  margin-right: 8px;
}
section#pharmacies .pharmacies_group > div table tbody tr td a {
  display: inline-block;
  padding: 0 16px;
  color: #fff;
  background-color: #354a54;
  border-radius: 16px;
  transition: 0.5s;
  margin-left: 5%;
}
section#pharmacies .pharmacies_group > div table tbody tr td a:hover {
  opacity: 0.7;
}
section#pharmacies .pharmacies_group > div table tbody tr td a img {
  height: 14px;
  width: auto;
  margin-bottom: -1px;
  margin-right: 2px;
}
section#pharmacies .pharmacies_group > div table tbody tr td.colspan5 {
  display: none;
}
section#pharmacies .pharmacies_group > div.table_goto {
  border: 3px solid #55b9ea;
  border-top: 2px solid #fff;
}
section#pharmacies .pharmacies_group > div.table_goto table tr:first-of-type th {
  color: #fff;
  background-color: #55b9ea !important;
}
section#pharmacies .pharmacies_group > div.table_goto table tr th,
section#pharmacies .pharmacies_group > div.table_goto table tr td:not(.pharmacies_add) {
  color: #55b9ea;
}
section#pharmacies .pharmacies_group > div.table_sinkami {
  border: 3px solid #ffaac4;
  border-top: 2px solid #fff;
}
section#pharmacies .pharmacies_group > div.table_sinkami table tr:first-of-type th {
  color: #fff;
  background-color: #ffaac4 !important;
}
section#pharmacies .pharmacies_group > div.table_sinkami table tr th,
section#pharmacies .pharmacies_group > div.table_sinkami table tr td:not(.pharmacies_add) {
  color: #ffaac4;
}

section#pdf_list .sub_title {
  text-align: center;
}

/* 外来・在宅・薬局機能　モーダル START */
.pharmacies_modal__wrap input {
  display: none;
}

.pharmacies_modal__open-label,
.pharmacies_modal__close-label {
  cursor: pointer;
}

.pharmacies_modal__open-label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: 0 auto;
  padding: 8px;
  border: none;
  border-radius: 20px;
  color: #ffffff;
  font-weight: bold;
  transition: 0.5s;
}

.table_goto .pharmacies_modal__open-label {
  background-color: #55b9ea;
}

.table_goto .pharmacies_modal__open-label:hover {
  background-color: #fff;
  color: #55b9ea;
  outline: 1px solid #55b9ea;
}

.table_sinkami .pharmacies_modal__open-label {
  background-color: #ffaac4;
}

.table_sinkami .pharmacies_modal__open-label:hover {
  background-color: #fff;
  color: #ffaac4;
  outline: 1px solid #ffaac4;
}

.pharmacies_modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
}

.pharmacies_modal__open-input:checked + label + input + .pharmacies_modal {
  display: block;
  animation: pharmacies_modal-animation 0.6s;
}

.pharmacies_modal__content-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 650px;
  height: 85%;
  background-color: #fefefe;
  z-index: 2;
  border-radius: 5px;
}

.pharmacies_modal__close-label {
  background-color: #777;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 20px;
  width: 36px;
  height: 36px;
  line-height: 1.6;
  text-align: center;
  display: table-cell;
  position: fixed;
  top: -15px;
  right: -2%;
  z-index: 99999;
  font-size: 1.3em;
}

.pharmacies_modal__content {
  color: #354a54;
  max-height: 100%;
  overflow-y: auto;
  padding: 0 45px 40px;
}
.pharmacies_modal__content .modal_title {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid #354a54;
  padding: 24px 8px 12px;
  margin-bottom: 24px;
}
.pharmacies_modal__content .modal_subtitle {
  color: #fff;
  background-color: #354a54;
  padding: 14px 8px;
}
.pharmacies_modal__content .modal_tables {
  padding: 8px;
}
.pharmacies_modal__content .modal_tables table {
  padding: 8px;
  margin-bottom: 24px;
}
.pharmacies_modal__content .modal_tables table tr:not(:first-of-type) th, .pharmacies_modal__content .modal_tables table tr:not(:first-of-type) td {
  color: #354a54 !important;
}
.pharmacies_modal__content .modal_tables table tr th,
.pharmacies_modal__content .modal_tables table tr td {
  text-align: center !important;
}
.pharmacies_modal__content .modal_tables.text_left tr th, .pharmacies_modal__content .modal_tables.text_left tr td {
  text-align: left !important;
}
.pharmacies_modal__content .remarks {
  gap: 4px;
  padding: 4px;
  text-align: left;
  border: 1px solid #354a54;
}
.pharmacies_modal__content .remarks p {
  width: 100%;
}
.pharmacies_modal__content .remarks small:nth-of-type(even) {
  width: calc(100% - 18px - 4px);
}
.pharmacies_modal__content .remarks small:nth-of-type(odd) {
  width: 18px;
}

.pharmacies_modal__background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

@keyframes pharmacies_modal-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* 外来・在宅・薬局機能　モーダル END */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    DISPATCH
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
section#irai .c_irai {
  display: flex;
}
section#irai .c_irai .left {
  width: calc(100% - 200px);
}
section#irai .c_irai .right img {
  width: 200px;
  height: auto;
  padding-right: 30px;
}

section#form .contents_outer > h3 {
  text-align: center;
  margin-bottom: 2.4rem;
}
section#form .contents_outer > p {
  margin-bottom: 50px;
}
section#form .contact_mail_table {
  width: 100%;
  margin-bottom: 4.8rem;
  border-top: 1px solid #354a54;
}
section#form .contact_mail_table tr {
  border-bottom: 1px solid #354a54;
}
section#form .contact_mail_table tr th,
section#form .contact_mail_table tr td {
  padding: 15px 20px;
}
section#form .contact_mail_table tr th input::placeholder,
section#form .contact_mail_table tr td input::placeholder {
  color: #354a54;
  font-weight: bold;
  opacity: 0.25;
}
section#form .contact_mail_table tr th {
  font-weight: bold;
  width: 25%;
}
section#form .contact_mail_table tr th .required_badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
  background-color: #ffaac4;
}
section#form .contact_mail_table tr td .consent {
  font-weight: bold;
}
section#form .contact_mail_table tr td .consent label {
  margin-right: 30px;
}
section#form .contact_mail_table tr td .flex {
  justify-content: flex-start;
}
section#form .contact_mail_table tr td .flex .form_check {
  padding-bottom: 0;
}
section#form .contact_mail_table tr td.privacy_policy {
  text-align: center;
}
section#form .contact_mail_table tr td.privacy_policy h6 {
  margin-bottom: 30px;
}
section#form .contact_mail_table tr td.privacy_policy h6::before {
  content: "";
  display: inline-block;
  height: 1.44rem;
  width: 1.44rem;
  background-color: #354a54;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
section#form .contact_mail_table tr td.privacy_policy p {
  font-size: 1.4rem !important;
}
section#form .contact_mail_table tr td.privacy_policy .form_check_agree {
  text-align: center;
  padding: 3rem 0 2rem 0;
}
section#form .contact_mail_table tr td.privacy_policy .form_check_agree div.form-check {
  display: inline-block;
}
section#form div.link_btn {
  text-align: center;
  padding: 0 15px;
}

main.accepted section#contact_mail .contents_outer > p {
  margin-bottom: 0;
}

.form_check {
  display: block;
  min-height: 1.5rem;
  padding-bottom: 20px;
  margin-bottom: 0.125rem;
}

.form_check_input {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #354a54;
}
.form_check_input[type=radio] {
  border-radius: 50%;
}
.form_check_input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  background-color: #354a54;
  border-color: #354a54;
}
.form_check_input[type=checkbox] {
  border-radius: 4px;
}
.form_check_input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-color: #354a54;
  border-color: #354a54;
}

.form_control {
  display: block;
  width: 100%;
  padding: 4px 8px;
  font-weight: normal;
  line-height: 1.5;
  color: #354a54;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #354a54;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form_control:focus {
  border-color: #dbf2ff;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(180, 230, 245, 0.5);
}
.form_control#zip {
  display: inline-block;
  width: 150px;
}

.form_control.is-invalid,
.was_validated .form_control:invalid {
  border-color: #8E1616;
  padding-right: calc(1.5em + 4px);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 4px top 4px;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form_control.is-invalid:focus,
.was_validated .form_control:invalid:focus {
  border-color: #8E1616;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

.form_control.is-valid,
.was_validated .form_control:valid {
  border-color: #8CC63F;
  padding-right: calc(1.5em + 4px);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 4px top 4px;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form_control.is-valid:focus,
.was_validated .form_control:valid:focus {
  border-color: #8CC63F;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.form_select_label {
  display: inline-flex;
  width: 100%;
  align-items: center;
  position: relative;
}
.form_select_label::after {
  position: absolute;
  right: 15px;
  width: 10px;
  height: 7px;
  background-color: #354a54;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  pointer-events: none;
}

.invalid_feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
}
.invalid_feedback .feedback_badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
  background-color: #8E1616;
}

.is-invalid ~ .invalid_feedback,
.was_validated :invalid ~ .invalid_feedback {
  display: block;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

 PC（画面サイズ小, 1340px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 1200px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 992px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 991.98px) {
  section#pharmacies .pharmacies_group > div table tr .pharmacies_name {
    width: 200px;
  }
  section#visit .img_right {
    display: block;
  }
  section#visit .img_right .left {
    width: 100%;
    margin-bottom: 30px;
  }
  section#visit .img_right .right {
    width: 100%;
  }
  section#form .contact_mail_table tr td.privacy_policy h6 {
    margin-bottom: 20px;
  }
  section#form .contact_mail_table tr td.privacy_policy h6::before {
    height: 1.26rem;
    width: 1.26rem;
    margin-right: 3px;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

小デバイス（タブレット, 768px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 767.98px) {
  section#duty .month_group > div.month_box .contents {
    padding: 12px 24px 24px 24px;
  }
  section#duty .month_group > div.month_box .contents table.month_table tr {
    display: block;
    width: 100%;
  }
  section#duty .month_group > div.month_box .contents table.month_table tr td {
    display: block;
    width: 100%;
    padding-top: 0;
  }
  section#visit .img_right .left .flex .t_medication_block {
    width: calc((100% - 24px) / 2);
  }
  section#visit .img_right .right {
    width: 100%;
  }
  section#pharmacies .pharmacies_group > div table tbody tr th {
    white-space: normal;
  }
  section#pharmacies .pharmacies_group > div table tbody tr td.colspan5 {
    display: table-cell;
  }
  section#pharmacies .pharmacies_group > div table tbody tr td.colspan2 {
    display: none;
  }
  section#pharmacies .pharmacies_group > div table tbody tr td.colspan3 {
    display: none;
  }
  section#pharmacies .pharmacies_add {
    display: none;
  }
  section#irai .c_irai {
    display: block;
  }
  section#irai .left {
    width: 100% !important;
  }
  section#irai .right {
    margin-top: 30px;
    text-align: center;
  }
  section#form .contact_mail_table {
    margin-bottom: 50px;
  }
  section#form .contact_mail_table tr th,
  section#form .contact_mail_table tr td {
    display: block;
    width: 100% !important;
    padding: 15px 20px;
  }
  main.confirm section#contact div.link_btn button {
    margin-bottom: 20px;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

極小デバイス（縦向きモバイル, 576px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 575.98px) {
  section#duty .month_group > div.month_box .contents table.month_table tr th {
    display: block;
    width: 100%;
  }
  section#duty .month_group > div.month_box .contents table.month_table tr th:last-of-type {
    padding-top: 0;
  }
  section#pharmacies .pharmacies_group > div table tbody tr th, section#pharmacies .pharmacies_group > div table tbody tr td {
    padding: 12px;
  }
  section#pharmacies .pharmacies_group > div table tbody tr .pharmacies_name {
    width: auto;
  }
  section#pharmacies .pharmacies_group > div table tbody tr .pharmacy_function {
    width: auto;
  }
  /* 外来・在宅・薬局機能　モーダル START */
  .pharmacies_modal__open-label {
    max-width: 90%;
  }
  .pharmacies_modal__close-label {
    top: -17px;
    right: -4%;
  }
  .pharmacies_modal__content-wrap {
    width: 90vw;
  }
  .pharmacies_modal__content {
    padding: 0 12px 12px;
    max-width: 100%;
  }
  .pharmacies_modal__content .modal_tables table.text_left tr th,
  .pharmacies_modal__content .modal_tables table.text_left tr td {
    display: block;
    width: 100%;
    text-align: center !important;
  }
  /* 外来・在宅・薬局機能　モーダル END */
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    MEMBERS
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
main.members .page_title,
main.deadstock .page_title {
  background: url(../img/members/image_1.jpg) center center/cover;
}
main.members .page_title h1,
main.deadstock .page_title h1 {
  color: #fffffa;
  text-shadow: 0 0 10px #55b9ea, 0 0 20px #55b9ea, 0 0 30px #55b9ea, 0 0 40px #55b9ea, 0 0 50px #55b9ea;
}

/* TOP ----------------------------------- */
section#members_news .card_box .card_contents .news_table a {
  justify-content: flex-start;
  align-items: center;
  gap: 0 24px;
  padding: 20px 4px;
  border-bottom: 1px dashed #354a54;
  transition: all 0.5s;
}
section#members_news .card_box .card_contents .news_table a:hover {
  background-color: #dbf2ff;
}
section#members_news .card_box .card_contents .news_table a .category {
  text-align: center;
  color: #fff;
  padding: 4px 8px;
  width: auto;
  min-width: 146px;
}
section#members_news .card_box .card_contents .news_table a .category.cat_goto {
  background-color: #55b9ea;
}
section#members_news .card_box .card_contents .news_table a .category.cat_member {
  background-color: #82b2ca;
}
section#members_news .card_box .card_contents .news_table a .category.cat_other {
  background-color: #354a54;
}
section#members_news .card_box .card_contents .pagenation {
  text-align: center;
  margin: 30px auto 10px auto;
}
section#members_news .card_box .card_contents .pagenation .page_navi span,
section#members_news .card_box .card_contents .pagenation .page_navi a {
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  max-width: 3rem;
  padding: 0.2rem;
  position: relative;
  transition: 0.5s;
}
section#members_news .card_box .card_contents .pagenation .page_navi span.page-numbers,
section#members_news .card_box .card_contents .pagenation .page_navi a.page-numbers {
  color: #354a54;
  background-color: #fff;
  border: 1px solid #354a54;
}
section#members_news .card_box .card_contents .pagenation .page_navi span.page-numbers:hover,
section#members_news .card_box .card_contents .pagenation .page_navi a.page-numbers:hover {
  color: #fff;
  background-color: #55b9ea;
  border: 1px solid #fff;
}
section#members_news .card_box .card_contents .pagenation .page_navi span.page-numbers.current,
section#members_news .card_box .card_contents .pagenation .page_navi a.page-numbers.current {
  color: #fff;
  background-color: #55b9ea;
  border: 1px solid #55b9ea;
}

section#deadstock .contents_outer > .flex {
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 50px 20px;
  background: url("../img/members/image_2.jpg") center center/cover;
  background-color: rgba(255, 255, 255, 0.2);
  background-blend-mode: lighten;
  box-shadow: 4px 4px 6px #354a54;
  text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff;
  border-radius: 16px;
  transition: 0.5s;
}
section#deadstock .contents_outer > .flex:hover {
  opacity: 0.75;
}
section#deadstock .contents_outer > .flex img {
  height: 60px;
  width: auto;
}
section#deadstock .contents_outer > .flex .flex {
  justify-content: flex-start;
}
section#deadstock .contents_outer > .flex .flex p {
  padding-top: 8px;
}
section#deadstock .contents_outer > .flex .flex p::before {
  content: "|";
  margin-right: 8px;
}

section#for_officer {
  background-color: #dbf2ff;
  padding: 50px 0;
  margin: 0;
}
section#for_officer .flex {
  align-items: center;
}
section#for_officer .flex img {
  height: 60px;
  width: auto;
}
section#for_officer .flex .flex {
  flex-wrap: nowrap;
  flex-grow: 1;
  justify-content: center;
  color: #fff;
  border-radius: 16px;
  padding: 20px;
  transition: 0.5s;
}
section#for_officer .flex .flex:first-child {
  background-color: #354a54;
}
section#for_officer .flex .flex:last-child {
  background-color: #55b9ea;
}
section#for_officer .flex .flex:hover {
  opacity: 0.75;
}
section#for_officer .flex .flex h3 {
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
  margin-bottom: 4px;
}

/* DEADSTOCK ----------------------------------- */
section#store_lists .store_lists_box {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
  margin-bottom: 30px;
  background-color: #fff;
}
section#store_lists .store_lists_box .store_list {
  width: 100%;
  border: 3px solid;
  border-radius: 0 0 8px 8px;
  padding: 20px;
  display: none;
}
section#store_lists .store_lists_box .store_list .flex {
  justify-content: flex-start;
}
section#store_lists .store_lists_box .store_list .flex .link_btn {
  width: calc((100% - 48px) / 3);
}
section#store_lists .store_lists_box .store_list .flex .link_btn a {
  padding: 12px;
}
section#store_lists .store_lists_box > label {
  flex: 1 1;
  order: -1;
  padding: 1.2rem 0.8rem 0.8rem 0.8rem;
  border-radius: 8px 8px 0 0;
  text-align: center;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s;
  opacity: 0.7;
}
section#store_lists .store_lists_box > label.tab_kamigoto {
  background-color: #ffaac4;
}
section#store_lists .store_lists_box > label.tab_kamigoto:has(:checked) + .store_list {
  border-color: #ffaac4;
}
section#store_lists .store_lists_box > label.tab_goto {
  background-color: #55b9ea;
}
section#store_lists .store_lists_box > label.tab_goto:has(:checked) + .store_list {
  border-color: #55b9ea;
}
section#store_lists .store_lists_box > label:hover {
  opacity: 1;
}
section#store_lists .store_lists_box > label:has(:checked) {
  opacity: 1;
}
section#store_lists .store_lists_box > label:has(:checked) + div.store_list {
  display: block;
}
section#store_lists .store_lists_box > label input {
  display: none;
}

section#dead_stock table {
  width: 100%;
  border-top: 1px solid #55b9ea;
  border-bottom: 1px solid #55b9ea;
}
section#dead_stock table tr:nth-of-type(odd) {
  background-color: #fff;
}
section#dead_stock table tr:nth-of-type(even) {
  background-color: #dbf2ff;
}
section#dead_stock table tr th,
section#dead_stock table tr td {
  padding: 12px;
  vertical-align: middle;
}
section#dead_stock table tr th {
  font-weight: bold;
  white-space: nowrap;
}
section#dead_stock table tr th a {
  transition: 0.5s;
}
section#dead_stock table tr th a:hover {
  opacity: 0.7;
}
section#dead_stock table tr th img {
  height: 32px;
  width: auto;
  margin-bottom: -10px;
  margin-right: 4px;
}

section#store_info table {
  width: 100%;
}
section#store_info table tr:first-of-type {
  color: #fff;
  background-color: #55b9ea;
}
section#store_info table tr:last-of-type {
  background-color: #fff;
}
section#store_info table tr th,
section#store_info table tr td {
  padding: 8px;
  vertical-align: middle;
  border: 1px solid #55b9ea;
}
section#store_info table tr th {
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
section#store_info table tr td span.i_block {
  margin-right: 8px;
}
section#store_info table tr td a {
  display: inline-block;
  padding: 0 16px;
  color: #fff;
  background-color: #354a54;
  border-radius: 16px;
  transition: 0.5s;
}
section#store_info table tr td a:hover {
  opacity: 0.7;
}
section#store_info table tr td a img {
  height: 14px;
  width: auto;
  margin-bottom: -1px;
  margin-right: 2px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

 PC（画面サイズ小, 1340px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 1200px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

中デバイス（タブレット, 992px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 991.98px) {
  /* TOP ----------------------------------- */
  section#deadstock .contents_outer > .flex .flex p {
    padding-top: 3px;
  }
  /* DEADSTOCK ----------------------------------- */
  section#store_lists .store_lists_box .store_list .flex {
    gap: 18px;
  }
  section#store_lists .store_lists_box .store_list .flex .link_btn {
    width: calc((100% - 18px) / 2);
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

小デバイス（タブレット, 768px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 767.98px) {
  /* TOP ----------------------------------- */
  section#deadstock .contents_outer > .flex .flex {
    display: block;
  }
  section#deadstock .contents_outer > .flex .flex h2 {
    border-bottom: 1px solid #354a54;
    padding-bottom: 4px;
    margin-bottom: 4px;
  }
  section#deadstock .contents_outer > .flex .flex p {
    padding-top: 0;
  }
  section#deadstock .contents_outer > .flex .flex p::before {
    content: "";
    margin-right: 0;
  }
  /* DEADSTOCK ----------------------------------- */
  section#dead_stock table tr th,
  section#dead_stock table tr td {
    display: block;
    width: 100%;
  }
  section#dead_stock table tr th {
    white-space: wrap;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

極小デバイス（縦向きモバイル, 576px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 575.98px) {
  /* DEADSTOCK ----------------------------------- */
  section#store_lists .store_lists_box .store_list .flex {
    gap: 12px;
  }
  section#store_lists .store_lists_box .store_list .flex .link_btn {
    width: 100%;
  }
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
    NEWS
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
section#news .contents {
  padding: 50px;
  background-color: #fff;
}
section#news .title_box {
  text-align: center;
  margin-bottom: 30px;
}
section#news .title_box h2 {
  display: inline-block;
  padding: 0 8px;
  border-bottom: 2px solid #354a54;
}
section#news .title_box h3 {
  color: #ffaac4;
}
section#news .title_box img {
  position: relative;
  top: 8px;
  width: 24px;
  height: auto;
}
section#news .title_box img:last-of-type {
  transform: scaleX(-1);
}
section#news .news_group {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
  margin-bottom: 30px;
}
section#news .news_group .news_table {
  width: 100%;
  border-top: 0.3rem solid;
}
section#news .news_group .news_table .no_news {
  text-align: center;
  padding: 20px 4px;
  background-color: #fff;
}
section#news .news_group > label, section#news .news_group > span {
  flex: 1 1;
  order: -1;
  padding: 1.2rem 0.8rem 0.8rem 0.8rem;
  border-radius: 8px 8px 0 0;
  text-align: center;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s;
  opacity: 0.7;
}
section#news .news_group > label.current, section#news .news_group > span.current {
  opacity: 1;
}
section#news .news_group > label.tab_news, section#news .news_group > span.tab_news {
  background-color: #ffaac4;
}
section#news .news_group > label.tab_news:has(:checked) + .news_table, section#news .news_group > span.tab_news:has(:checked) + .news_table {
  border-color: #ffaac4;
}
section#news .news_group > label.tab_goto, section#news .news_group > span.tab_goto {
  background-color: #55b9ea;
}
section#news .news_group > label.tab_goto:has(:checked) + .news_table, section#news .news_group > span.tab_goto:has(:checked) + .news_table {
  border-color: #55b9ea;
}
section#news .news_group > label.tab_member, section#news .news_group > span.tab_member {
  background-color: #82b2ca;
}
section#news .news_group > label.tab_member:has(:checked) + .news_table, section#news .news_group > span.tab_member:has(:checked) + .news_table {
  border-color: #82b2ca;
}
section#news .news_group > label.tab_other, section#news .news_group > span.tab_other {
  background-color: #354a54;
}
section#news .news_group > label.tab_other:has(:checked) + .news_table, section#news .news_group > span.tab_other:has(:checked) + .news_table {
  border-color: #354a54;
}
section#news .news_group > label:hover, section#news .news_group > span:hover {
  opacity: 1;
}
section#news .news_group > label:has(:checked), section#news .news_group > span:has(:checked) {
  opacity: 1;
}
section#news .news_group > label:has(:checked) + div.news_table, section#news .news_group > span:has(:checked) + div.news_table {
  display: block;
}
section#news .news_group input {
  display: none;
}
section#news .news_group > div.news_table {
  display: none;
}
section#news .news_group > div.news_table.news_page {
  display: block;
}
section#news .news_group > div.news_table.news_page.news_table_news {
  border-color: #ffaac4;
}
section#news .news_group > div.news_table.news_page.news_table_goto {
  border-color: #55b9ea;
}
section#news .news_group > div.news_table.news_page.news_table_member {
  border-color: #82b2ca;
}
section#news .news_group > div.news_table.news_page.news_table_other {
  border-color: #354a54;
}
section#news .news_group .news_table a {
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0 24px;
  padding: 20px 4px;
  background-color: #fff;
  border-bottom: 1px dashed #354a54;
  transition: all 0.5s;
}
section#news .news_group .news_table a:hover {
  background-color: #dbf2ff;
}
section#news .news_meta {
  display: flex;
  gap: 24px;
}
section#news .news_meta .date {
  font-weight: bold;
}
section#news .category {
  text-align: center;
  color: #fff;
  padding: 4px 8px;
  width: 10%;
  min-width: 146px;
}
section#news .category.cat_goto {
  background-color: #55b9ea;
}
section#news .category.cat_member {
  background-color: #82b2ca;
}
section#news .category.cat_other {
  background-color: #354a54;
}
section#news .date {
  width: auto;
  min-width: 74px;
}
section#news .btn_box {
  text-align: center;
}

.pagenation {
  text-align: center;
  margin: 30px auto 10px auto;
}
.pagenation .page_navi span,
.pagenation .page_navi a {
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  max-width: 3rem;
  padding: 0.2rem;
  position: relative;
  transition: 0.5s;
}
.pagenation .page_navi span.page-numbers,
.pagenation .page_navi a.page-numbers {
  color: #354a54;
  background-color: #fff;
  border: 1px solid #354a54;
}
.pagenation .page_navi span.page-numbers:hover,
.pagenation .page_navi a.page-numbers:hover {
  color: #fff;
  background-color: #55b9ea;
  border: 1px solid #fff;
}
.pagenation .page_navi span.page-numbers.current,
.pagenation .page_navi a.page-numbers.current {
  color: #fff;
  background-color: #55b9ea;
  border: 1px solid #55b9ea;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

小デバイス（タブレット, 768px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 767.98px) {
  section#news .contents {
    padding: 20px 20px 30px 20px;
  }
  section#news .news_group {
    gap: 4px;
  }
  section#news .news_group > label {
    flex-basis: calc(50% - 2px);
    border-radius: 8px;
  }
  section#news .news_group .news_table a {
    flex-wrap: wrap;
  }
  section#news .news_group .news_table a .title {
    flex-basis: 100%;
    margin-top: 12px;
  }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

極小デバイス（縦向きモバイル, 576px 未満）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 575.98px) {
  section#news .news_group label {
    padding: 6px;
  }
  section#news .news_group label h4 {
    font-size: 1.4rem;
  }
}/*# sourceMappingURL=style.css.map */