@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,500;0,700;0,800;1,400&family=Zen+Maru+Gothic:wght@400;500;700;900&family=Playwrite+US+Trad:wght@100..400&display=swap");
/*
  Theme Name: 平郡島様オリジナル
  Author: WITZpresentation
  Author URI: http://witz-web.com
  Description: 平郡島様テーマ
  Version: 2.0
*/
* {
  color: #382c25;
  font-family: "Nunito", "Zen Maru Gothic", sans-serif;
  margin: 0px;
  padding: 0px;
  line-height: 1em;
  font-size: 14px;
  font-weight: 500;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow: auto;
  scroll-behavior: smooth;
}

body {
  text-align: center;
  margin: 0px auto;
  overflow: hidden;
  min-width: 1080px;
  position: relative;
  min-height: 100vh;
  box-sizing: border-box;
}

img {
  height: auto;
}

a img {
  border: 0px;
}

a:hover {
  color: #309882;
}

a[href^="tel:"] {
  pointer-events: none;
  text-decoration: none;
  cursor: default;
}

li {
  list-style-type: none;
}

.inner {
  position: relative;
  text-align: center;
  margin: 0px auto;
  width: 1080px;
}

h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold;
}

.grecaptcha-badge {
  visibility: hidden;
}

/* ============================================================================== */
/* header */
/* ============================================================================== */
h1 a {
  display: block;
  text-decoration: none;
}
h1 span {
  display: none;
}

nav {
  padding-bottom: 16px;
}
nav ul {
  display: flex;
  flex-wrap: wrap;
}
nav ul li {
  position: relative;
  padding: 8px 24px 8px 0px;
}
nav ul li:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 0px;
  border-right: 1px solid #1c8034;
  margin-right: 10px;
  width: 3px;
  height: 16px;
}
nav ul li a {
  display: block;
  text-decoration: none;
  color: #1c8034;
}
nav ul li:last-of-type:after {
  content: none;
}
nav ul li.current a {
  font-weight: 400;
}

#breadcrumb {
  margin-bottom: 16px;
}
#breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
}
#breadcrumb li {
  position: relative;
  padding-right: 24px;
  font-size: 12px;
}
#breadcrumb li:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 8px;
  width: 6px;
  height: 8px;
  content: "";
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 1px #382c25;
  border-right: solid 1px #382c25;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#breadcrumb li:last-of-type:after {
  content: none;
}
#breadcrumb a {
  display: block;
  text-decoration: none;
  font-size: 12px;
}

/* ============================================================================== */
/* common(グーテンベルク用) */
/* ============================================================================== */
.has-black-color {
  color: #000 !important;
}
.has-black-color strong {
  color: #abb8c3 !important;
}

.has-cyan-bluish-gray-color {
  color: #abb8c3 !important;
}
.has-cyan-bluish-gray-color strong {
  color: #abb8c3 !important;
}

.has-white-color {
  color: #fff !important;
}
.has-white-color strong {
  color: #fff !important;
}

.has-pale-pink-color {
  color: #f78da7 !important;
}
.has-pale-pink-color strong {
  color: #f78da7 !important;
}

.has-vivid-red-color {
  color: #cf2e2e !important;
}
.has-vivid-red-color strong {
  color: #cf2e2e !important;
}

.has-luminous-vivid-orange-color {
  color: #ff6900 !important;
}
.has-luminous-vivid-orange-color strong {
  color: #ff6900 !important;
}

.has-luminous-vivid-amber-color {
  color: #fcb900 !important;
}
.has-luminous-vivid-amber-color strong {
  color: #fcb900 !important;
}

.has-light-green-cyan-color {
  color: #7bdcb5 !important;
}
.has-light-green-cyan-color strong {
  color: #7bdcb5 !important;
}

.has-vivid-green-cyan-color {
  color: #00d084 !important;
}
.has-vivid-green-cyan-color strong {
  color: #00d084 !important;
}

.has-pale-cyan-blue-color {
  color: #8ed1fc !important;
}
.has-pale-cyan-blue-color strong {
  color: #8ed1fc !important;
}

.has-vivid-cyan-blue-color {
  color: #0693e3 !important;
}
.has-vivid-cyan-blue-color strong {
  color: #0693e3 !important;
}

.has-vivid-purple-color {
  color: #9b51e0 !important;
}
.has-vivid-purple-color strong {
  color: #9b51e0 !important;
}

.has-small-font-size {
  font-size: 13px !important;
}
.has-small-font-size strong {
  font-size: 13px !important;
}

.has-large-font-size {
  font-size: 27px !important;
}
.has-large-font-size strong {
  font-size: 27px !important;
}

.has-x-large-font-size {
  font-size: 36px !important;
}
.has-x-large-font-size strong {
  font-size: 36px !important;
}

/* ============================================================================== */
/* home */
/* ============================================================================== */
#home h3 {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 32px;
}
#home h3 span {
  display: block;
  color: #309882;
  font-weight: 700;
  font-size: 11px;
  padding-bottom: 8px;
}
#home header {
  position: relative;
}
#home header h6 {
  position: absolute;
  bottom: 88px;
  left: 50%;
  margin-left: 424px;
  color: #fff;
  z-index: 10;
  font-size: 58px;
  writing-mode: vertical-rl;
  font-weight: 400;
}
#home .slick-dots {
  position: absolute;
  top: 780px;
  left: 50%;
  width: 240px;
  margin-left: -120px;
  z-index: 100;
  display: block;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#home .slick-dots li {
  width: 10px;
  height: 10px;
  background: rgba(56, 44, 37, 0.6);
  border-radius: 50%;
  cursor: pointer;
  margin: 0px 3px;
}
#home .slick-dots li button {
  border: 0;
  background: transparent;
  text-indent: -9999px;
}
#home .slick-dots li.slick-active {
  background: #382c25;
}

.home_gaiyo {
  background: #f3f3f3;
}
.home_gaiyo .inner {
  text-align: left;
  padding: 72px 0px 24px 0px;
}
.home_gaiyo .inner h2 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 16px;
}
.home_gaiyo .inner p {
  font-size: 13px;
  line-height: 1.72em;
}
.home_gaiyo #logo {
  width: 128px;
  float: left;
  margin-right: 104px;
}

.slick {
  width: 100%;
  height: 816px;
  overflow: hidden;
}
.slick li {
  position: relative;
  height: 816px;
}
.slick img {
  width: 100%;
  min-width: 1600px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.carousel {
  width: 100%;
  height: 380px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.carousel li {
  width: 280px !important;
  margin: 0px 5px;
  position: relative;
  transform: rotate(6deg);
  padding: 32px 16px 0px 16px;
}
.carousel li:nth-of-type(even) {
  transform: rotate(-6deg);
}
.carousel li a {
  text-decoration: none;
}
.carousel li em {
  position: absolute;
  z-index: 10;
  background: #cc012c;
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  top: 16px;
  right: 0px;
  display: block;
  font-weight: normal;
}
.carousel li .void {
  width: 100%;
  height: 160px;
  background: #fff;
}
.carousel li img {
  width: 100%;
  height: 160px;
  display: block;
  object-fit: cover;
}
.carousel li h5 {
  font-size: 12px;
  color: #1c8034;
  padding: 8px 0px 0px 0px;
  text-align: left;
}
.carousel li h5 a {
  color: #1c8034;
  font-size: 12px;
}
.carousel li h4 {
  padding: 8px 72px 96px 0px;
  text-align: left;
  line-height: 1.32em;
}
.carousel li p {
  position: absolute;
  top: 204px;
  right: 16px;
  font-size: 27px;
  color: rgba(56, 44, 37, 0.6);
}
.carousel li p span {
  display: inline-block;
  font-size: 27px;
  color: rgba(56, 44, 37, 0.6);
  top: -10px;
  position: relative;
}

.slick-list {
  overflow: visible !important;
}

.slick-arrow {
  position: absolute;
  z-index: 20;
  background: rgba(255, 255, 255, 0.8);
  top: 96px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.slick-arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  width: 10px;
  height: 10px;
  content: "";
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 2px #382c25;
  border-right: solid 2px #382c25;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.prev {
  left: 64px;
}
.prev:after {
  transform: rotate(225deg);
  left: 12px;
}

.next {
  right: 64px;
}
.next:after {
  left: 10px;
}

.home_ind {
  position: absolute;
  top: -224px;
  right: -32px;
  width: 376px;
  height: 376px;
  background: #e08836;
  border-radius: 50%;
  padding: 48px 64px 0px 64px;
}
.home_ind img {
  width: 150px;
  height: 150px;
}
.home_ind p {
  color: #fff;
  text-align: left;
  line-height: 1.4em;
  margin-top: -16px;
}

.home_sangyo {
  padding: 120px 0px;
  position: relative;
}
.home_sangyo:after {
  content: "";
  display: block;
  position: absolute;
  top: 400px;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100svw;
  background: url(images/big_dot_bg.webp);
}
.home_sangyo .inner {
  z-index: 5;
}

.home_area {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
}
.home_area li {
  background: linear-gradient(to bottom, transparent 50%, #fff 50%, #fff 100%);
  padding: 24px 0px;
  width: calc(50% - 24px);
  z-index: 10;
}
.home_area li a {
  text-decoration: none;
  display: block;
}
.home_area li img {
  width: 100%;
}
.home_area li h4 {
  font-size: 18px;
  padding: 24px 0px 24px 0px;
}
.home_area li p {
  line-height: 1.48em;
  font-size: 14px;
  text-align: left;
  padding: 0px 40px;
}

.home_area_li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 24px;
}
.home_area_li a {
  color: #1c8034;
  font-weight: 500;
  font-size: 14px;
  padding: 6px 16px;
  border-right: 1px dotted #1c8034;
}
.home_area_li a:hover {
  color: #cc012c;
  font-weight: 700;
}
.home_area_li a:last-of-type {
  border-right: none;
}

.home_midokoro {
  padding: 48px 0px 72px 0px;
}
.home_midokoro ul {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.home_midokoro li {
  width: calc((100% - 128px) / 5);
}
.home_midokoro li a {
  display: block;
  text-decoration: none;
  position: relative;
}
.home_midokoro li a img {
  width: 100%;
  border-radius: 50%;
}
.home_midokoro li a h4 {
  position: absolute;
  top: calc(50% - 8px);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
  font-size: 16px;
  color: #fff;
}
.home_midokoro li a:hover img {
  filter: brightness(0.7);
}

.home_aramashi {
  background: url(images/aramashi_bg.jpg) no-repeat center bottom;
  background-size: cover;
  padding: 120px 0px 64px 0px;
}
.home_aramashi h3 {
  color: #fff;
  font-weight: 500;
}
.home_aramashi h3 span {
  color: #e08836 !important;
}
.home_aramashi ul {
  display: flex;
  flex-wrap: wrap;
}
.home_aramashi ul li {
  background: rgba(255, 255, 255, 0.8);
  padding: 24px 32px;
  width: calc((100% - 72px) / 3);
  margin-right: 36px;
}
.home_aramashi ul li a {
  text-decoration: none;
}
.home_aramashi ul li a h4 {
  font-size: 18px;
  padding: 16px 0px 24px 0px;
}
.home_aramashi ul li a p {
  line-height: 1.48em;
  font-size: 13px;
  text-align: left;
}
.home_aramashi ul li:last-of-type {
  margin-right: 0px;
}

.fb_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 64px;
  gap: 24px;
}
.fb_link li {
  flex: 1;
  border: 1px solid #309882;
  background: #fff;
}
.fb_link li a {
  display: block;
  padding: 16px;
  color: #309882;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.28em;
}
.fb_link li a span {
  color: #1e5e50;
  font-size: 11px;
  display: block;
  padding-top: 8px;
  line-height: 1.28em;
}
.fb_link li:last-of-type {
  margin-right: 0px;
}

.home_school {
  padding: 160px 0px 160px 0px;
}

.home_school_box {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}

.home_school_txt {
  width: 280px;
}
.home_school_txt h3 {
  position: relative;
  padding-top: 152px;
  padding-left: 40px;
  font-size: 28px !important;
  color: #1c8034;
}
.home_school_txt h3:before {
  display: block;
  content: "";
  position: absolute;
  top: -32px;
  left: 0;
  width: 240px;
  height: 240px;
  background: url(images/home_school_i1.png);
  background-size: cover;
}

.home_school_blog {
  width: calc(100% - 280px);
  display: flex;
  flex-wrap: wrap;
}
.home_school_blog li {
  border-right: 1px dotted rgba(28, 128, 52, 0.5);
  width: 25%;
  padding: 0px 24px;
  position: relative;
}
.home_school_blog li a {
  text-decoration: none;
  display: block;
}
.home_school_blog li a:hover {
  opacity: 0.7;
}
.home_school_blog li img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  margin-bottom: 16px;
}
.home_school_blog li em {
  position: absolute;
  top: -28px;
  right: 0;
  display: block;
  width: 64px;
  padding: 6px 12px;
  border-radius: 24px;
  background: #309882;
  color: #fff;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
}
.home_school_blog li em:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 9px;
  background: #309882;
  bottom: -9px;
  left: 0;
  right: 0;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin: auto;
}
.home_school_blog li time {
  font-size: 12px;
  text-align: right;
  margin-bottom: 16px;
  color: #309882;
  display: block;
}
.home_school_blog li h5 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.28em;
  text-align: left;
}
.home_school_blog li:last-of-type {
  border-right: none;
}

.home_school_link {
  background: rgba(48, 152, 130, 0.15);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 32px 32px 32px 48px;
  border-radius: 16px;
  margin: 40px auto 0px auto;
  position: relative;
}
.home_school_link:after {
  position: absolute;
  bottom: -96px;
  right: 0px;
  display: block;
  content: "";
  width: 160px;
  height: 160px;
  background: url(images/school_i17.png) no-repeat;
  background-size: cover;
}
.home_school_link p {
  width: 320px;
  padding-right: 48px;
  text-align: left;
  line-height: 1.52em;
}
.home_school_link ul {
  width: calc(100% - 320px);
  display: flex;
  flex-wrap: wrap;
}
.home_school_link ul li {
  width: 33.33%;
  padding: 0px 8px;
}
.home_school_link ul li a {
  display: block;
  background: #fff;
  border-radius: 8px;
  padding: 32px 16px;
  color: #1c8034;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
.home_school_link ul li a:hover {
  background: #cc012c;
  color: #fff;
}

.home_school_hp_go {
  display: block;
  padding: 16px 16px 16px 16px;
  border: 2px solid #1c8034;
  border-radius: 8px;
  color: #1c8034;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  margin: 32px 160px 0px 480px;
  position: relative;
}
.home_school_hp_go:after {
  position: absolute;
  top: calc(50% - 3px);
  right: 30px;
  content: "";
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid #1c8034 2px;
  border-right: solid #1c8034 2px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.home_school_hp_go:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  border: 2px solid #1c8034;
  background: #fff;
  border-radius: 50%;
  top: calc(50% - 13px);
  right: 19px;
}
.home_school_hp_go:hover {
  background: #1c8034;
  color: #fff;
}

.home_migrate {
  background: url(images/big_dot_bg.webp);
  padding: 72px 0px 160px 0px;
}
.home_migrate .inner {
  display: flex;
  flex-wrap: wrap;
}

.migrate_right {
  width: 416px;
  padding: 0px 64px 0px 0px;
}
.migrate_right h3 {
  font-size: 26px;
}
.migrate_right p {
  text-align: left;
  line-height: 1.44em;
  padding: 0px 12px 16px 12px;
}

.migrate_left {
  width: calc(100% - 416px);
}

.home_family {
  padding-top: 24px;
  padding-left: 32px;
}
.home_family a {
  text-decoration: none;
  display: block;
  position: relative;
  width: 280px;
  height: 280px;
}
.home_family img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 280px;
  height: 280px;
}
.home_family h4 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 5;
  background: #309882;
  display: inline-block;
  border-radius: 0px 12px 0px 0px;
  color: #fff;
  padding: 12px 24px 8px 24px;
  text-align: left;
}
.home_family h5 {
  position: absolute;
  top: 32px;
  right: 16px;
  color: #fff;
  font-size: 24px;
  writing-mode: vertical-rl;
  text-align: right;
  z-index: 5;
  font-weight: 500;
  height: 160px;
}
.home_family p {
  position: absolute;
  bottom: 0px;
  right: 16px;
  color: #fff;
  font-size: 48px;
  z-index: 5;
  padding: 0px;
}
.home_family p span {
  color: #fff;
  font-size: 21px;
  display: block;
  text-align: left;
  margin-bottom: -8px;
}

.migrate_left {
  display: flex;
  flex-wrap: wrap;
}
.migrate_left div {
  background: #fff;
  border: 1px solid rgba(48, 152, 130, 0.7);
  border-radius: 16px;
  padding: 40px 16px 16px 16px;
  width: calc(50% - 16px);
}
.migrate_left div:first-of-type {
  margin-right: 32px;
}
.migrate_left div img {
  width: 88%;
  margin-bottom: 32px;
}
.migrate_left div h4 {
  font-size: 18px;
  color: #309882;
  display: inline-block;
  margin: 16px auto;
  padding-bottom: 8px;
  border-bottom: 1px dotted #309882;
}
.migrate_left div p {
  line-height: 1.44em;
}
.migrate_left div ul {
  padding: 24px 32px 0px 32px;
}
.migrate_left div li {
  margin-bottom: 12px;
}
.migrate_left div li a {
  display: block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #309882;
  background: #309882;
  padding: 12px 0px;
  border-radius: 8px;
}
.migrate_left div li a:hover {
  background: #fff;
  color: #309882;
}

/* ============================================================================== */
/* common(グーテンベルク用) */
/* ============================================================================== */
.wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start !important;
}

.wp-block-column {
  padding: 12px;
  vertical-align: top;
}
.wp-block-column > h4, .wp-block-column > h5, .wp-block-column > h6 {
  padding-top: 0px !important;
}
.wp-block-column img {
  max-width: 100%;
  margin-bottom: 24px;
}
.wp-block-column h4 {
  font-size: 18px;
  padding: 0px 0px 24px 0px;
}
.wp-block-column p {
  padding: 0px 32px;
}
.wp-block-column:nth-of-type(even) {
  margin-right: 0px;
}

.wp-block-media-text {
  display: grid;
}

.wp-block-media-text__media img {
  width: 100%;
}

.wp-block-table table {
  border-collapse: collapse;
}
.wp-block-table th, .wp-block-table td {
  border: solid 1px rgba(48, 152, 130, 0.5);
  padding: 12px 16px;
}

.has-text-align-center {
  text-align: center;
}

.has-text-align-right {
  text-align: right;
}

.wp-element-caption {
  margin: 8px 0px 24px 0px;
}

.has-black-color {
  color: #000 !important;
}
.has-black-color strong {
  color: #000 !important;
}

.has-black-background-color {
  color: #000 !important;
}

.has-cyan-bluish-gray-color {
  color: #abb8c3 !important;
}
.has-cyan-bluish-gray-color strong {
  color: #abb8c3 !important;
}

.has-cyan-bluish-gray-background-color {
  color: #abb8c3 !important;
}

.has-white-color {
  color: #fff !important;
}
.has-white-color strong {
  color: #fff !important;
}

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

.has-pale-pink-color {
  color: #f78da7 !important;
}
.has-pale-pink-color strong {
  color: #f78da7 !important;
}

.has-pale-pink-background-color {
  color: #f78da7 !important;
}

.has-vivid-red-color {
  color: #cf2e2e !important;
}
.has-vivid-red-color strong {
  color: #cf2e2e !important;
}

.has-vivid-red-background-color {
  color: #cf2e2e !important;
}

.has-luminous-vivid-orange-color {
  color: #ff6900 !important;
}
.has-luminous-vivid-orange-color strong {
  color: #ff6900 !important;
}

.has-luminous-vivid-orange-background-color {
  color: #ff6900 !important;
}

.has-luminous-vivid-amber-color {
  color: #fcb900 !important;
}
.has-luminous-vivid-amber-color strong {
  color: #fcb900 !important;
}

.has-luminous-vivid-amber-background-color {
  color: #fcb900 !important;
}

.has-light-green-cyan-color {
  color: #7bdcb5 !important;
}
.has-light-green-cyan-color strong {
  color: #7bdcb5 !important;
}

.has-light-green-cyan-background-color {
  color: #7bdcb5 !important;
}

.has-vivid-green-cyan-color {
  color: #00d084 !important;
}
.has-vivid-green-cyan-color strong {
  color: #00d084 !important;
}

.has-vivid-green-cyan-background-color {
  color: #00d084 !important;
}

.has-pale-cyan-blue-color {
  color: #8ed1fc !important;
}
.has-pale-cyan-blue-color strong {
  color: #8ed1fc !important;
}

.has-pale-cyan-blue-background-color {
  color: #8ed1fc !important;
}

.has-vivid-cyan-blue-color {
  color: #0693e3 !important;
}
.has-vivid-cyan-blue-color strong {
  color: #0693e3 !important;
}

.has-vivid-cyan-blue-background-color {
  color: #0693e3 !important;
}

.has-vivid-purple-color {
  color: #9b51e0 !important;
}
.has-vivid-purple-color strong {
  color: #9b51e0 !important;
}

.has-vivid-purple-background-color {
  color: #9b51e0 !important;
}

.has-small-font-size {
  font-size: 13px !important;
}
.has-small-font-size strong {
  font-size: 13px !important;
}

.has-large-font-size {
  font-size: 27px !important;
}
.has-large-font-size strong {
  font-size: 27px !important;
}

.has-x-large-font-size {
  font-size: 36px !important;
}
.has-x-large-font-size strong {
  font-size: 36px !important;
}

/* ============================================================================== */
/* loop */
/* ============================================================================== */
.postform, .archives {
  border: 1px solid rgba(19, 86, 35, 0.4);
  border-radius: 8px;
  padding: 8px 16px;
  width: 180px;
  font-size: 15px;
  margin-top: 12px;
}

.postform {
  margin-right: 16px;
}

.blog {
  display: flex;
  flex-wrap: wrap;
}
.blog .wp-block-column p {
  padding: 0px;
}

.postbody {
  width: 714px;
  margin-right: 96px;
  padding: 96px 0px;
}

.post {
  text-align: left;
  padding-bottom: 160px;
  font-size: 15px;
}
.post img {
  max-width: 88%;
  margin: 16px 6% 48px 6%;
}
.post figcaption {
  width: 100%;
  line-height: 1.28em;
}
.post .alignleft img {
  margin: 16px 6% 16px 0px;
}
.post .alignright img {
  margin: 16px 0px 16px 6%;
}
.post h3 {
  line-height: 1.36em;
  padding: 32px 0px;
}
.post h4 {
  font-size: 21px;
  padding: 24px 0px;
  line-height: 1.36em;
}
.post h5 {
  font-size: 24px;
  padding: 24px 0px;
  color: #309882;
  line-height: 1.36em;
}
.post h6 {
  font-size: 21px;
  padding: 24px 0px;
  line-height: 1.36em;
  color: #1c8034;
}
.post p {
  line-height: 1.96em;
  margin-bottom: 24px;
  font-size: 15px;
}
.post ul {
  margin-left: 24px;
  margin-bottom: 32px;
}
.post ul li {
  list-style-type: disc;
  line-height: 1.4em;
  margin-bottom: 8px;
  font-size: 15px;
}
.post ol {
  margin-left: 24px;
  margin-bottom: 32px;
}
.post ol li {
  list-style-type: decimal;
  line-height: 1.4em;
  margin-bottom: 8px;
  font-size: 15px;
}
.post dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.post dl dt, .post dl dd {
  padding: 16px 0px;
  font-size: 15px;
  border-bottom: 1px solid rgba(48, 152, 130, 0.3);
  line-height: 1.52em;
}
.post dl dt strong, .post dl dd strong {
  line-height: 1.52em;
}
.post dl dt:first-of-type, .post dl dd:first-of-type {
  border-top: 1px solid rgba(48, 152, 130, 0.3);
}
.post dl dt {
  width: 8em;
}
.post dl dd {
  width: calc(100% - 8em);
}
.post .wp-block-image img + figcaption {
  text-align: center;
  margin-top: -40px;
  margin-bottom: 48px;
}
.post .wp-block-columns {
  margin: 0px auto 16px auto;
}
.post .wp-block-columns + .wp-block-columns {
  margin-top: -56px;
}
.post .wp-block-column {
  margin-right: 0px !important;
  padding: 12px;
  width: 50%;
}
.post .wp-block-column img {
  max-width: 100% !important;
  width: 100%;
  margin: 0px;
}
.post .wp-block-column img + figcaption {
  margin-top: 0px;
  text-align: left;
}
.post .wp-block-table thead th {
  background: rgba(48, 152, 130, 0.1);
  border-bottom: 2px double rgba(48, 152, 130, 0.5);
}
.post .wp-block-table tfoot td {
  border-top: 3px double rgba(48, 152, 130, 0.5);
  background: rgba(48, 152, 130, 0.1);
}
.post .wp-block-buttons {
  padding: 32px 0px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.post .wp-block-buttons .wp-block-button a {
  text-decoration: none;
  display: inline-block;
  margin-inline: auto;
  background: #1c8034;
  border-radius: 32px;
  padding: 12px 24px;
  color: #fff;
  font-size: 16px;
}
.post .wp-block-buttons .wp-block-button a:hover {
  background: #cc012c;
}
.post .waku {
  border: 1px solid rgba(28, 128, 52, 0.5);
  padding: 24px;
}

.ameblo {
  color: #cc012c;
  padding-bottom: 48px;
}

.post_tit {
  border: 1px solid rgba(28, 128, 52, 0.4);
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.thumb_inner {
  margin-left: 32px;
}
.thumb_inner img {
  width: 180px !important;
  border-radius: 50%;
  margin: 0px !important;
}

.tit_inner {
  width: calc(100% - 224px);
  padding: 24px 0px 0px 0px;
}
.tit_inner p {
  margin-bottom: 0px !important;
}

.post_tit2 {
  border: 1px solid rgba(28, 128, 52, 0.4);
  padding: 24px;
  margin-bottom: 48px;
}

.post_time {
  border-bottom: 1px dotted #309882;
  padding-bottom: 8px;
  color: #309882;
}
.post_time a {
  color: #309882;
  text-decoration: none;
}
.post_time span {
  margin-left: 8px;
}

h3 {
  font-size: 27px;
  font-weight: 700;
}
h3 a {
  display: block;
  text-decoration: none;
  font-size: 27px;
  padding: 24px 0px;
  font-weight: 700;
}

.post_avatar {
  border-top: 1px solid rgba(48, 152, 130, 0.5);
  margin-top: 64px;
  padding-top: 48px;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}
.post_avatar img {
  width: 80px;
  margin: 0px !important;
}
.post_avatar a {
  display: block;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  width: calc(100% - 112px);
  padding-left: 32px;
  padding-top: 16px;
}
.post_avatar a p {
  font-size: 13px;
  line-height: 1.44em;
  padding-top: 12px;
}

.wp-pagenavi {
  margin: 0px auto 24px auto;
}
.wp-pagenavi .current {
  display: inline-block;
  border: 1px solid #309882;
  line-height: 30px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 3px;
  font-size: 14px;
  color: #309882;
}
.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  line-height: 30px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.wp-pagenavi a .nextlink, .wp-pagenavi a .prevlink, .wp-pagenavi span .nextlink, .wp-pagenavi span .prevlink {
  font-size: 30px;
  color: #309882;
}
.wp-pagenavi a .nextlink:hover, .wp-pagenavi a .prevlink:hover, .wp-pagenavi span .nextlink:hover, .wp-pagenavi span .prevlink:hover {
  color: #1c8034;
}
.wp-pagenavi a.page {
  border: 1px solid #309882;
  background: #309882;
  margin-right: 3px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}
.wp-pagenavi a.page:hover {
  background: none;
  color: #309882;
}

/* ============================================================================== */
/* page */
/* ============================================================================== */
.contents {
  background: #f3f3f3;
  padding: 72px 0px;
}
.contents .inner {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 24px;
}
.contents .inner #logo {
  width: 120px;
  height: 190px;
  margin-right: 88px;
}
.contents nav {
  margin-bottom: 16px;
}

.contents_txt {
  width: 800px;
  text-align: left;
}
.contents_txt h2 {
  font-size: 24px;
  margin-bottom: 16px;
}

.chil_nav {
  padding: 16px 0px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.chil_nav li {
  width: 100%;
  margin-right: 16px;
}
.chil_nav li a {
  display: block;
  padding: 18px 8px;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  background: #fff;
}
.chil_nav li a:hover {
  background: #309882;
  color: #fff;
}
.chil_nav li:last-of-type {
  margin-right: 0px;
}
.chil_nav li.self a {
  background: #309882;
  color: #fff;
}

.pagebody {
  padding: 72px 0px;
  position: relative;
}
.pagebody h3 {
  font-size: 21px;
  margin: 160px auto 48px auto;
}
.pagebody h3 span {
  display: block;
  font-size: 11px;
  color: #309882;
  padding-bottom: 12px;
}
.pagebody h3 em {
  font-style: normal;
  display: inline-block;
  padding-left: 8px;
}
.pagebody h3:first-of-type {
  margin-top: 48px;
}

.page h5 {
  font-size: 24px;
  margin: 24px auto;
  color: #309882;
}
.page p {
  font-size: 16px;
  text-align: left;
  line-height: 1.84em;
}
.page p.summary {
  padding-top: 8px;
  color: #309882;
  padding-bottom: 32px;
}
.page a.goto {
  background: #1c8034;
  border-radius: 8px;
  padding: 8px 16px 8px 40px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  position: relative;
  border: 2px solid #1c8034;
}
.page a.goto:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 22px;
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #1c8034;
}
.page a.goto:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 16px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
}
.page a.goto:hover {
  background: #fff;
  color: #1c8034;
}
.page a.goto:hover:after {
  border-left: 7px solid #fff;
}
.page a.goto:hover:before {
  background: #1c8034;
}
.page #leaflet {
  width: 100%;
  height: 420px;
  margin: 64px auto 120px auto;
}

.short_txt {
  padding: 0px 96px;
}

.col2 {
  columns: 2;
  column-gap: 2em;
  column-fill: balance;
}

.blue_bg {
  background: #309882;
  padding: 64px 0px;
  margin: 96px auto;
}
.blue_bg h3 {
  color: #f3f3f3;
}

.grey_bg {
  background: #f3f3f3;
  padding: 64px 0px;
}

/* 島のあらまし ==================================================================== */
.outline_txt {
  width: calc(100% - 440px);
  margin-left: 440px;
  margin-bottom: 32px;
}

.outline_data {
  width: 320px;
  float: left;
  margin-top: 32px;
}
.outline_data dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 16px;
}
.outline_data dt {
  padding: 16px;
  text-align: left;
  width: 80px;
  border-bottom: 1px solid rgba(30, 94, 80, 0.4);
  font-size: 15px;
  line-height: 1.48em;
}
.outline_data dt span {
  color: #309882;
  font-weight: 700;
  font-size: 18px;
}
.outline_data dd {
  padding: 16px;
  border-bottom: 1px solid rgba(30, 94, 80, 0.4);
  text-align: left;
  width: calc(100% - 80px);
  font-size: 15px;
  line-height: 1.48em;
}

.access {
  position: relative;
  background: url(images/ship_map.png) no-repeat top #309882;
  margin-top: 0px !important;
  margin-bottom: -120px;
  padding-bottom: 120px;
}
.access p {
  color: #fff;
  margin-bottom: 24px;
  line-height: 1.48em;
}
.access dl {
  padding-top: 32px;
  background: #2c8c78;
  border-radius: 16px;
  margin: 0px 16px;
}
.access dt, .access dd {
  color: #fff;
  font-size: 16px;
  line-height: 1.48em;
}
.access dt {
  position: relative;
  padding-bottom: 24px;
}
.access dt:after {
  border-bottom: 2px dotted rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -44px;
  width: 88px;
  content: "";
  display: block;
  height: 4px;
}
.access dd {
  padding-bottom: 32px;
}
.access td, .access th {
  padding: 24px 8px;
  font-size: 16px;
}
.access th {
  background: rgba(48, 152, 130, 0.15);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.access th:last-of-type {
  border-right: none;
}
.access tr:first-of-type th {
  background: rgba(48, 152, 130, 0.3);
}
.access td {
  border-right: 2px solid #f3f3f3;
  border-bottom: 2px solid #f3f3f3;
}
.access td:last-of-type {
  border-right: none;
}
.access tr:last-of-type th, .access tr:last-of-type td {
  border-bottom: none;
}
.access table {
  width: 390px;
  background: #fff;
  border-radius: 8px 0px 0px 8px;
  border-collapse: collapse;
  margin-bottom: 24px;
}
.access table:last-of-type {
  border-radius: 0px 8px 8px 0px;
  border-left: 2px solid #fff;
}
.access table:last-of-type th {
  background: rgba(28, 128, 52, 0.15);
  font-weight: 700;
}
.access table:last-of-type tr:first-of-type th {
  background: rgba(28, 128, 52, 0.3);
}

.timetable {
  column-count: 2;
  column-gap: 0px;
  width: 780px;
  margin-top: 440px;
}

.acc_ferry {
  position: absolute;
  top: -90px;
  left: 50%;
  margin-left: 300px;
}
.acc_ferry img {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  border: 8px solid #fff;
}
.acc_ferry p {
  color: #fff;
  margin-top: 32px;
  margin-left: 32px;
  line-height: 1.48em;
  font-size: 13px;
  width: 180px;
}
.acc_ferry p.kome {
  width: 172px;
  margin-left: 44px !important;
  margin-bottom: -24px !important;
}

.wide_img {
  margin-bottom: 48px;
}

.acc_li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 72px 32px 0px 32px;
  gap: 24px;
}
.acc_li li {
  width: calc((100% - 84px) / 4);
}
.acc_li li a {
  display: block;
  background: #1c8034;
  border-radius: 8px;
  padding: 16px;
  color: #fff;
  text-decoration: none;
  line-height: 1.28em;
}
.acc_li li a:hover {
  background: #e08836;
}
.acc_li li:last-of-type {
  margin-right: 0px;
}

.lifeline_li, .school_li, .shopping_li {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 0px;
}
.lifeline_li li, .school_li li, .shopping_li li {
  width: calc((100% - 64px) / 3);
  margin-right: 32px;
  margin-bottom: 72px;
  display: flex;
  flex-direction: column;
}
.lifeline_li li img, .school_li li img, .shopping_li li img {
  width: 100%;
  margin-bottom: 16px;
}
.lifeline_li li div, .school_li li div, .shopping_li li div {
  width: 100%;
  height: 254px;
  border: 1px solid #e6e6e6;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}
.lifeline_li li div:after, .school_li li div:after, .shopping_li li div:after {
  border-bottom: 1px solid #e6e6e6;
  width: 480px;
  height: 480px;
  position: absolute;
  transform: rotate(143.4deg);
  content: "";
  display: block;
  bottom: -300px;
  left: 79px;
}
.lifeline_li li h4, .school_li li h4, .shopping_li li h4 {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 16px;
}
.lifeline_li li h4 span, .school_li li h4 span, .shopping_li li h4 span {
  display: inline-block;
  margin-right: 2px;
  position: relative;
  width: 20px;
  height: 20px;
  color: #fff;
  font-weight: 700;
}
.lifeline_li li h4 span:after, .school_li li h4 span:after, .shopping_li li h4 span:after {
  position: absolute;
  z-index: -1;
  background: #382c25;
  width: 20px;
  height: 20px;
  top: -4px;
  left: 0px;
  border-radius: 50%;
  display: block;
  content: "";
}
.lifeline_li li h4 span:last-of-type, .school_li li h4 span:last-of-type, .shopping_li li h4 span:last-of-type {
  margin-right: 8px;
}
.lifeline_li li h4 a, .school_li li h4 a, .shopping_li li h4 a {
  font-size: 16px;
  font-weight: 700;
}
.lifeline_li li p, .school_li li p, .shopping_li li p {
  font-size: 14px;
  line-height: 1.56em;
}
.lifeline_li li p:last-of-type, .school_li li p:last-of-type, .shopping_li li p:last-of-type {
  margin-bottom: 24px;
}
.lifeline_li li:nth-of-type(3n), .school_li li:nth-of-type(3n), .shopping_li li:nth-of-type(3n) {
  margin-right: 0px;
}

/* 平郡島の産業 ================================================================== */
#livestock .wp-block-column {
  width: calc((100% - 64px) / 2);
  margin-right: 64px;
}
#livestock .wp-block-column:nth-of-type(even) {
  margin-right: 0px;
}

#agriculture .page h4 {
  width: 160px;
  height: 160px;
  font-size: 16px;
  position: relative;
  padding-top: 72px;
  top: 0px;
  right: 40px;
  color: #fff;
  margin-left: 920px;
  margin-bottom: -64px;
}
#agriculture .page h4:before {
  content: "";
  position: absolute;
}
#agriculture .page h4:after {
  position: absolute;
  top: 0px;
  right: -8px;
  content: "";
  background: #e08836;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  z-index: -1;
}
#agriculture .grey_bg {
  margin: 104px 0px;
  padding: 24px 0px !important;
  position: relative;
  z-index: -3;
}
#agriculture .grey_bg .netshop {
  display: block;
  text-decoration: none;
  background: #1c8034;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 16px;
  width: 640px;
  margin: 32px auto 96px auto;
  border-radius: 8px;
}
#agriculture .grey_bg .netshop:hover {
  background: #fff;
  color: #1c8034;
}

.ind_li {
  background: url(images/big_dot_bg.webp) repeat-x bottom center;
}
.ind_li ul {
  display: flex;
  flex-wrap: wrap;
  padding: 96px 120px 64px 120px;
}
.ind_li ul li {
  background: #fff;
  width: calc((100% - 64px) / 3);
  margin-right: 32px;
  text-align: center;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}
.ind_li ul li img {
  height: 100px;
  width: auto;
  display: block;
  margin: 16px auto;
}
.ind_li ul li a {
  text-decoration: none;
  display: block;
  text-align: center;
}
.ind_li ul li a p {
  text-align: center !important;
  font-weight: 700;
  margin-bottom: 16px;
}
.ind_li ul li:last-of-type {
  margin-right: 0px;
}

.next_indi_li {
  padding: 160px 0px 64px 0px;
}

.agri_potato:before {
  background: url(images/potato_ill.svg) no-repeat;
  background-size: cover;
  width: 120px;
  height: 100px;
  top: 72px;
  right: -32px;
  position: relative;
  z-index: 5;
}

.kind {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
  gap: 40px;
}
.kind li {
  width: calc((100% - 80px) / 3);
}
.kind li div {
  width: 100%;
  height: 250px;
  background: #fff;
  border: 1px solid silver;
}
.kind li img {
  width: 100%;
}
.kind li h5 {
  font-size: 16px;
  margin: 16px auto 24px auto;
}
.kind li h5 a {
  font-size: 16px;
  font-weight: 700;
}
.kind li h5 span {
  display: inline-block;
  width: 32px;
  height: 22px;
  position: relative;
  text-align: center;
}
.kind li h5 span:after {
  background: #1c8034;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
}
.kind li h6 {
  margin-top: 24px;
  color: #1c8034;
  font-size: 15px;
  line-height: 1.48em;
}
.kind li p {
  line-height: 1.72em;
  font-size: 14px;
  padding: 0px 24px;
}
.kind li:nth-of-type(3n) {
  margin-right: 0px;
}

.temple h5 span {
  color: #fff;
}
.temple h5 span:before {
  content: none !important;
}
.temple h5 span:after {
  z-index: -1 !important;
}
.temple li {
  display: flex;
  flex-direction: column;
}
.temple li a {
  display: block;
  margin-inline: auto;
  margin-top: auto;
}

.potato, .shochu {
  position: relative;
  z-index: 3;
}

.shochu_h4:after {
  background: #6f1d73 !important;
}

.sweet_h4:after {
  background: #309882 !important;
}

.haruka_chan {
  position: relative;
}
.haruka_chan img {
  position: absolute;
  top: 0px;
  left: 64px;
  width: 184px;
}

.potato_txt {
  width: 800px;
  margin-left: 320px;
  padding: 48px 96px 48px 0px;
}

#fishery .sankei_block h4 {
  text-align: left !important;
}

.ability_bottom {
  padding-bottom: 64px !important;
}

/*** 平郡東小学校 ============================================================== */
#school .page h6 {
  font-size: 32px;
  color: #309882;
  margin: 96px auto 88px auto;
  font-weight: 500;
  line-height: 1.36em;
}

.school_box {
  position: relative;
  margin-bottom: 96px;
}
.school_box:after {
  position: absolute;
  z-index: -1;
  background: rgba(48, 152, 130, 0.1);
  border-radius: 16px;
  top: 64px;
  left: 0;
  right: 48px;
  bottom: -16px;
  display: block;
  content: "";
}
.school_box h4 {
  color: #1c8034;
  font-weight: 500;
  font-size: 28px;
  text-align: left;
  position: relative;
  padding-left: 168px;
}
.school_box h4:before {
  position: absolute;
  top: -32px;
  left: 0px;
  display: block;
  content: "";
  width: 144px;
  height: 144px;
}
.school_box p {
  padding-top: 80px;
  padding-right: 64px;
}
.school_box img {
  border-radius: 16px;
}
.school_box .wp-block-column {
  width: calc(100% - 480px);
}
.school_box .wp-block-column:last-of-type {
  width: 480px;
}
.school_box:first-of-type h4:before {
  background: url(images/school_i12.png) no-repeat;
  background-size: cover;
}
.school_box:nth-of-type(2) h4:before {
  background: url(images/school_i13.png) no-repeat;
  background-size: cover;
}
.school_box:nth-of-type(3) h4:before {
  background: url(images/school_i10.png) no-repeat;
  background-size: cover;
}

.h6_hand {
  font-family: "Playwrite US Trad", cursive;
  font-weight: 500 !important;
  color: #80c8b9 !important;
  position: relative;
  z-index: -1;
  font-size: 88px !important;
  margin-bottom: -8px !important;
  text-align: left;
}

.school_diary {
  position: relative;
}
.school_diary:after {
  content: "";
  display: block;
  position: absolute;
  top: 200px;
  bottom: -160px;
  right: 0;
  left: 0;
  width: 100svw;
  background: url(images/big_dot_bg.webp);
  z-index: -2;
}

.more_link .wp-block-button a {
  display: inline-block;
  margin: 32px auto;
  background: #fff;
  font-weight: 700;
  color: #1c8034;
  border-radius: 8px;
  border: 1px solid #1c8034;
  padding: 16px 64px;
  text-decoration: none;
}
.more_link .wp-block-button a:after {
  content: "をもっと読む";
}

.school_btn {
  display: flex;
  flex-wrap: wrap;
  margin: 16px auto 48px auto;
  margin-bottom: 24px;
  justify-content: center;
  gap: 16px;
}
.school_btn .wp-block-button {
  flex: 1;
  max-width: 256px;
}
.school_btn .wp-block-button a {
  text-decoration: none;
  display: block;
  background: #ffdc00;
  color: #1b876d;
  font-weight: 600;
  border-radius: 8px;
  padding: 21px 16px;
  font-size: 16px;
  line-height: 1em;
}
.school_btn .wp-block-button a:hover {
  color: #ffdc00;
  background: #1b876d;
}

.school_event {
  margin-bottom: 160px;
  margin-top: 88px;
}
.school_event h4 {
  text-align: right;
  font-size: 24px;
  color: #309882;
  font-weight: 700;
  padding-bottom: 32px;
  position: relative;
  padding-right: 168px;
}
.school_event h4:after {
  position: absolute;
  top: -96px;
  right: 0px;
  display: block;
  content: "";
  width: 144px;
  height: 144px;
  background: url(images/school_i11.png) no-repeat;
  background-size: cover;
}
.school_event ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: calc(100% - 360px);
}
.school_event ul li {
  width: calc((100% - 32px) / 3);
  border-radius: 16px;
  background: #fff;
  padding: 24px;
  position: relative;
}
.school_event ul li h5 {
  position: absolute;
  top: -24px;
  left: 0px;
  width: 72px;
  border-radius: 16px 0 0 0;
  background: #309882;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 8px 16px;
}
.school_event ul li p {
  text-align: left;
  padding-top: 32px;
  line-height: 1.44em;
}

.school_event_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: top;
}
.school_event_inner div {
  width: 320px;
  margin-top: -96px;
  margin-right: 40px;
}
.school_event_inner div img {
  width: 100%;
  border-radius: 16px;
  margin-bottom: 24px;
}

.sch_comm {
  container-type: inline-size;
  position: relative;
}

#sch_comm_img {
  position: absolute;
  top: 32px;
  width: 3117px;
  display: flex;
}
#sch_comm_img ul {
  width: 1568px;
  display: grid;
  grid-template-columns: repeat(5, 300px);
  justify-content: center;
  gap: 12px;
}
#sch_comm_img ul:first-of-type {
  animation: slide1 120s -60s linear infinite;
}
#sch_comm_img ul:last-of-type {
  animation: slide2 120s linear infinite;
}
#sch_comm_img li img {
  width: 300px;
  height: 200px;
  border-radius: 16px;
  object-fit: cover;
}
#sch_comm_img li.long img {
  height: 416px;
}
#sch_comm_img li.grid1 {
  grid-column: 5;
  grid-row: 1/3;
}
#sch_comm_img li.grid2 {
  grid-column: 2;
  grid-row: 2/4;
}

@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.sch_comm_wrap {
  position: relative;
  top: 0;
  left: calc(50cqw - 540px);
  z-index: 10;
}

.sch_comm_box .wp-block-column {
  position: relative;
  width: 480px;
  background: #fff;
  padding: 32px 32px 32px 40px;
}
.sch_comm_box .wp-block-column h4 {
  color: #cc012c;
  font-size: 21px;
  font-weight: 600;
  position: relative;
  padding-bottom: 24px;
  background: rgba(48, 152, 130, 0.3);
  border-radius: 8px;
}
.sch_comm_box .wp-block-column h4:before {
  position: absolute;
  left: calc(50% - 60px);
  content: "";
  display: block;
  width: 120px;
  height: 120px;
}
.sch_comm_box .wp-block-column ul {
  padding: 24px 16px 0px 24px;
}
.sch_comm_box .wp-block-column ul li {
  font-size: 16px;
  margin-bottom: 8px;
  text-align: left;
  list-style-type: disc;
  line-height: 1.36em;
}
.sch_comm_box .wp-block-column h5 {
  color: #382c25;
  font-size: 18px;
  text-align: left;
  margin: 32px 0px 16px 0px;
}
.sch_comm_box .wp-block-column h5 + ul {
  padding-top: 0px;
}
.sch_comm_box .wp-block-column:first-of-type {
  border-radius: 0px 0px 16px 16px;
  top: 0;
  left: 24px;
  padding-top: 0;
}
.sch_comm_box .wp-block-column:first-of-type h4 {
  padding-top: 128px !important;
}
.sch_comm_box .wp-block-column:first-of-type h4:before {
  top: 8px;
  background: url(images/school_i14.png) no-repeat;
  background-size: cover;
}
.sch_comm_box .wp-block-column:last-of-type {
  top: 160px;
  margin-bottom: 160px;
  left: 72px;
  border-radius: 16px 16px 0px 0px;
}
.sch_comm_box .wp-block-column:last-of-type h4 {
  padding-top: 144px !important;
}
.sch_comm_box .wp-block-column:last-of-type h4:before {
  top: 16px;
  background: url(images/school_i15.png) no-repeat;
  background-size: cover;
}

.sch_comm_li {
  display: inline-block;
  margin-inline: center;
  margin: 64px auto;
}
.sch_comm_li li {
  text-align: left;
  list-style-type: disc;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.28em;
  margin-bottom: 16px;
  list-style-type: none;
  padding-bottom: 12px;
}

.sch_comm_li_1 {
  background: #ffdc00;
  border-radius: 24px;
  padding: 64px 64px 36px 64px;
  margin-bottom: 80px !important;
  margin-top: 8px !important;
  width: 880px;
}
.sch_comm_li_1 li {
  border-bottom: 1px dashed #fff;
}

.sch_comm_li_2 {
  background: #309882;
  border-radius: 24px;
  padding: 64px 64px 36px 64px;
  margin-bottom: 200px !important;
  margin-top: 8px !important;
  width: 880px;
}
.sch_comm_li_2 li {
  color: yellow;
  border-bottom: 1px dashed #fff;
}

.sch_comm_h5 {
  font-weight: 600;
  color: #382c25 !important;
  padding: 56px 0px 0px 184px;
  position: relative;
}
.sch_comm_h5:before {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  width: 144px;
  height: 144px;
}

.sch_comm_h5_1 {
  text-align: right;
  padding-top: 24px;
  padding-right: 264px;
  margin-top: 72px !important;
}
.sch_comm_h5_1:before {
  background: url(images/school_i17.png) no-repeat;
  background-size: cover;
  right: 96px;
}

.sch_comm_h5_2 {
  text-align: left;
  margin-top: 64px !important;
  margin-left: 120px !important;
}
.sch_comm_h5_2:before {
  background: url(images/school_i16.png) no-repeat;
  background-size: cover;
  left: 32px;
}

.school_his {
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 780px;
  margin-top: 48px;
}
.school_his dt, .school_his dd {
  padding: 16px 0px;
  border-bottom: 1px solid rgba(48, 152, 130, 0.35);
}
.school_his dt:first-of-type, .school_his dd:first-of-type {
  border-top: 1px solid rgba(48, 152, 130, 0.35);
}
.school_his dt {
  width: 88px;
  text-align: right;
  padding-right: 24px;
}
.school_his dd {
  width: calc(100% - 88px);
  text-align: left;
}

.school_num_tit {
  text-align: center !important;
  margin-top: 64px;
}
.school_num_tit strong {
  font-size: 18px;
}

.school_num {
  padding: 24px 65px;
  column-count: 5;
  column-width: 190px;
  column-gap: 0;
}
.school_num tr td:first-of-type {
  text-align: left;
}
.school_num tr td:last-of-type {
  text-align: right;
}

/*** 島の歴史 ================================================================== */
.his_index_wrap {
  gap: 48px;
  margin-bottom: 200px;
}
.his_index_wrap .wp-block-column:first-of-type {
  width: 640px;
}
.his_index_wrap .wp-block-column:last-of-type {
  width: calc(100% - 640px - 48px);
  margin-right: 48px;
  margin-top: 16px;
}

.his_index {
  border: 1px solid #cdcdcd;
  padding: 48px 40px 32px 40px;
}
.his_index h4 {
  color: #309882;
  font-size: 18px;
  line-height: 1.36em;
}
.his_index p {
  padding: 0px;
  font-size: 14px;
}

.hindex {
  text-align: left;
  margin-top: 32px;
}
.hindex li {
  margin-bottom: 16px;
}
.hindex li a {
  text-decoration: none;
  line-height: 1.36em;
}
.hindex li a h4 {
  padding-bottom: 0px;
  font-size: 16px !important;
  color: #382c25 !important;
}
.hindex li a h5 {
  line-height: 1.36em;
  font-size: 14px;
  color: #382c25;
  margin: 0px;
  padding: 8px 0px 0px 2.6em;
  text-indent: -2em;
}
.hindex li a:hover h4, .hindex li a:hover h5 {
  color: #309882 !important;
}

.his_wrap {
  padding: 24px 120px 0px 120px;
}
.his_wrap h4 {
  margin-top: 96px;
}

.notes {
  border: 1px solid rgba(48, 152, 130, 0.3);
  padding: 16px;
  margin-bottom: 16px;
  text-align: left;
  background: rgba(48, 152, 130, 0.05);
}
.notes h4 {
  border: 3px double rgba(48, 152, 130, 0.3);
  font-size: 18px;
  padding: 8px 16px;
  margin-top: 0px;
  display: inline-block;
  color: #309882;
  margin-bottom: 24px;
  background: #fff;
}
.notes h4 span {
  font-size: 12px;
  display: block;
  padding-top: 8px;
}
.notes p {
  font-size: 13px;
  line-height: 1.52em;
  margin-top: 24px;
  color: #247161;
}
.notes.alignright {
  margin-left: 32px;
}
.notes.alignleft {
  margin-right: 32px;
}

.w_history {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  padding: 64px 0px 96px 0px;
}

.his_nav {
  width: 520px;
  margin-left: 120px;
}
.his_nav h4 {
  color: #309882;
  padding-bottom: 8px;
  margin-bottom: 24px;
  display: inline-block;
  border-bottom: 3px solid #309882;
  font-size: 15px;
}
.his_nav div {
  display: flex;
  flex-wrap: wrap;
}
.his_nav div ul {
  width: calc(50% - 16px);
}
.his_nav div ul:first-of-type {
  margin-right: 32px;
}
.his_nav li {
  margin-bottom: 24px;
}
.his_nav li a {
  text-decoration: none;
  padding: 4px 0px 4px 2em;
  line-height: 1.36em;
  display: block;
  text-indent: -1.6em;
}
.his_nav li a:first-of-type {
  font-size: 16px;
  font-weight: 700;
  padding-left: 0px;
  text-indent: 0em;
}

.his_notes {
  width: calc(100% - 640px);
}

.his_body h5 {
  font-size: 18px;
  color: #382c25;
  font-weight: 900;
  margin-top: 64px;
}
.his_body h4 {
  font-size: 21px;
  font-weight: 700;
  color: #309882;
  margin-bottom: 32px;
}
.his_body h4:nth-of-type(n+2) {
  margin-top: 96px;
}
.his_body h4 + h5 {
  margin-top: 0px;
}
.his_body blockquote {
  margin: 16px 0px 32px 0px;
  background: #f3f3f3;
  padding: 32px 32px 32px 64px;
  font-size: 13px;
  position: relative;
}
.his_body blockquote:before {
  font-family: Georgia, serif;
  font-size: 96px;
  font-weight: normal;
  position: absolute;
  top: 48px;
  left: 8px;
  content: "“";
  color: silver;
}
.his_body blockquote img.alignright {
  margin-left: 32px;
  margin-bottom: 32px;
}
.his_body .notes h4 {
  font-size: 16px;
  margin-bottom: 8px !important;
}
.his_body .notes div {
  border: 1px solid rgba(48, 152, 130, 0.3);
  margin: 0px 16px;
  background: #fff;
  padding: 24px;
  margin-bottom: 24px;
}
.his_body .notes img {
  display: block;
  margin: auto;
}
.his_body .notes table {
  background: #fff;
  border-collapse: collapse;
  width: 100%;
}
.his_body .notes table th, .his_body .notes table td {
  padding: 8px;
  border: 1px solid rgba(48, 152, 130, 0.6);
  text-align: left;
  line-height: 1.36em;
}
.his_body .notes table th {
  background: rgba(48, 152, 130, 0.2);
}
.his_body .notes dl {
  display: flex;
  flex-wrap: wrap;
}
.his_body .notes dl dt, .his_body .notes dl dd {
  padding: 8px 0px;
  line-height: 1.36em;
}
.his_body .notes dl dt {
  width: 5em;
  text-align: right;
  padding-right: 1em;
}
.his_body .notes dl dd {
  width: calc(100% - 5em);
}
.his_body .wp-block-image.alignleft {
  margin-right: 32px;
}
.his_body .wp-block-image.alignright {
  margin-left: 32px;
}

.shimatsu_inner {
  display: flex;
  flex-wrap: wrap;
  background: none !important;
  border: none !important;
}
.shimatsu_inner div {
  width: calc(50% - 32px);
  margin-bottom: 0px !important;
}

.f_tree {
  padding: 16px;
}
.f_tree dt, .f_tree dd {
  font-size: 16px;
  position: relative;
  text-align: left !important;
}
.f_tree dt:before, .f_tree dd:before {
  position: absolute;
  content: "";
  display: block;
}
.f_tree dt {
  padding-right: 48px;
  width: 4em !important;
  line-height: 1.72em !important;
}
.f_tree dt:first-of-type:before {
  border-top: 1px solid #382c25;
  top: 1.3em;
  width: 16px;
  height: 1px;
  right: 16px;
}
.f_tree dd {
  padding-left: 8px !important;
  height: auto;
}
.f_tree dd span {
  display: inline-block;
  padding: 0.4em 8px 0.3em 8px;
  background: #fff;
  border: 2px solid rgba(48, 152, 130, 0.7);
}
.f_tree dd:first-of-type:before {
  border-left: 1px solid #382c25;
  width: 1px;
  height: 100%;
  left: -16px;
  top: 1.3em;
}
.f_tree dd:after {
  border-top: 1px solid #382c25;
  top: 1.3em;
  width: 16px;
  height: 1px;
  left: -16px;
  position: absolute;
  content: "";
  display: block;
}

#iyo_i1 {
  margin: 16px auto;
  width: 160px;
}

.cited {
  padding: 48px 16px;
  font-size: 13px !important;
}

#table2 {
  margin: 32px 0px 24px 0px;
}
#table2 table {
  margin: auto;
}
#table2 th {
  text-align: center;
}
#table2 td {
  text-align: right;
}
#table2 td:first-of-type {
  text-align: center;
}

#table3 div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
#table3 caption {
  text-align: left;
  font-weight: 700;
  margin-bottom: 8px;
}
#table3 table {
  width: 30%;
  margin-right: 5%;
}
#table3 table:last-of-type {
  margin-right: 0px;
}

#table4 th {
  text-align: center;
}
#table4 td {
  text-align: right;
}

#west_iyo-suigun .his_nav {
  width: 240px;
}
#west_iyo-suigun .his_nav li a {
  font-weight: 700;
  text-indent: 0px;
  padding-left: 0px;
}
#west_iyo-suigun .his_nav li a:first-of-type {
  font-size: 14px;
}
#west_iyo-suigun .his_notes {
  width: calc(100% - 360px);
}

/* 観光案内 ======================================================================= */
#sightseeing #leaflet {
  margin-bottom: 24px;
}
#sightseeing .after_chu + p {
  margin-bottom: 144px;
}

/* 島の四季 ======================================================================= */
#highlights .sankei_block h4 {
  padding-top: 48px !important;
}
#highlights .img_fix img {
  height: 405px;
  object-fit: cover;
}

.event_arch_li {
  display: flex;
  flex-wrap: wrap;
  padding: 24px 0px 96px 0px;
  gap: 40px;
}
.event_arch_li li {
  width: calc((100% - 80px) / 3);
  margin-bottom: 32px;
}
.event_arch_li li img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin-bottom: 16px;
}
.event_arch_li li h4 {
  font-size: 21px;
  font-weight: 700;
  padding-bottom: 8px;
  line-height: 1.4em;
}
.event_arch_li li h4 a {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.4em;
}
.event_arch_li li h5 {
  color: #309882;
  font-size: 16px;
  margin-bottom: 24px;
}
.event_arch_li li p {
  line-height: 1.72em;
}
.event_arch_li li:nth-of-type(3n) {
  margin-right: 0px;
}

.inoko_song {
  background: url(/heigun_is/wp-content/uploads/inoko_bg.jpg) no-repeat center;
  padding: 168px 64px 56px 64px;
  margin-bottom: 120px;
}
.inoko_song h4 {
  font-size: 21px;
  color: #fff;
  margin-left: 480px;
  text-align: left;
  margin-bottom: 24px;
  text-shadow: #000 1px 0 10px;
}
.inoko_song p {
  width: 480px;
  margin-left: 480px;
  color: #fff;
  line-height: 1.72em;
  text-shadow: 0 0 10px #2a1a1a, 0 0 10px #2a1a1a, 0 0 10px #2a1a1a;
}

.event_tb {
  padding: 0px 0px 96px 0px;
}
.event_tb table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.event_tb th, .event_tb td {
  font-size: 16px;
  text-align: left;
  padding: 16px 8px;
  line-height: 1.36em;
}
.event_tb th {
  background: rgba(48, 152, 130, 0.2);
  text-align: center;
}
.event_tb tr:nth-of-type(odd) {
  background: rgba(48, 152, 130, 0.08);
}
.event_tb figcaption {
  font-size: 16px;
  text-align: right;
  margin-top: 8px;
}

.event_li {
  gap: 32px;
}
.event_li .wp-block-column {
  width: calc((100% - 96px) / 4);
}
.event_li .wp-block-column img {
  width: 100%;
}
.event_li .wp-block-column h5 {
  font-size: 16px;
  margin-top: 0px;
}
.event_li .wp-block-column p {
  text-align: left;
  line-height: 1.68em;
  padding: 0px;
}

/* 島の民話 ===================================================================== */
#folklore .grey_bg {
  padding: 0px;
}

.folklore_li {
  display: flex;
  flex-wrap: wrap;
  padding: 64px 0px;
}
.folklore_li .wp-block-column {
  margin-right: 0px;
}
.folklore_li .wp-block-column img {
  width: 100%;
}
.folklore_li .wp-block-column p {
  padding-left: 48px;
}

.annotate {
  font-size: 13px !important;
  color: #1c8034;
  line-height: 1.48em !important;
}

/* 名所・旧跡 ===================================================================== */
#historic .sankei_block, #highlights .sankei_block, #fishery .sankei_block, #industories .sankei_block, #life .sankei_block, #uij-turn .sankei_block, #west .sankei_block, #east .sankei_block {
  padding-bottom: 120px;
}
#historic .sankei_block .wp-block-column, #highlights .sankei_block .wp-block-column, #fishery .sankei_block .wp-block-column, #industories .sankei_block .wp-block-column, #life .sankei_block .wp-block-column, #uij-turn .sankei_block .wp-block-column, #west .sankei_block .wp-block-column, #east .sankei_block .wp-block-column {
  margin-right: 0px;
  width: 50%;
  padding: 0px;
}
#historic .sankei_block .wp-block-column img, #highlights .sankei_block .wp-block-column img, #fishery .sankei_block .wp-block-column img, #industories .sankei_block .wp-block-column img, #life .sankei_block .wp-block-column img, #uij-turn .sankei_block .wp-block-column img, #west .sankei_block .wp-block-column img, #east .sankei_block .wp-block-column img {
  width: 100%;
}
#historic .sankei_block .wp-block-column .wp-element-caption, #highlights .sankei_block .wp-block-column .wp-element-caption, #fishery .sankei_block .wp-block-column .wp-element-caption, #industories .sankei_block .wp-block-column .wp-element-caption, #life .sankei_block .wp-block-column .wp-element-caption, #uij-turn .sankei_block .wp-block-column .wp-element-caption, #west .sankei_block .wp-block-column .wp-element-caption, #east .sankei_block .wp-block-column .wp-element-caption {
  margin-top: -16px;
}
#historic .sankei_block .wp-block-column h5, #highlights .sankei_block .wp-block-column h5, #fishery .sankei_block .wp-block-column h5, #industories .sankei_block .wp-block-column h5, #life .sankei_block .wp-block-column h5, #uij-turn .sankei_block .wp-block-column h5, #west .sankei_block .wp-block-column h5, #east .sankei_block .wp-block-column h5 {
  color: #309882;
  font-size: 25px;
  text-align: left;
  padding-left: 32px;
  line-height: 1.32em;
}
#historic .sankei_block .wp-block-column h4, #highlights .sankei_block .wp-block-column h4, #fishery .sankei_block .wp-block-column h4, #industories .sankei_block .wp-block-column h4, #life .sankei_block .wp-block-column h4, #uij-turn .sankei_block .wp-block-column h4, #west .sankei_block .wp-block-column h4, #east .sankei_block .wp-block-column h4 {
  text-align: left;
  font-size: 21px;
  padding: 24px 0px 24px 32px;
}
#historic .sankei_block .wp-block-column h6, #highlights .sankei_block .wp-block-column h6, #fishery .sankei_block .wp-block-column h6, #industories .sankei_block .wp-block-column h6, #life .sankei_block .wp-block-column h6, #uij-turn .sankei_block .wp-block-column h6, #west .sankei_block .wp-block-column h6, #east .sankei_block .wp-block-column h6 {
  text-align: left;
  font-size: 16px;
  margin-bottom: 16px;
  padding-left: 32px;
}
#historic .sankei_block .wp-block-column p, #highlights .sankei_block .wp-block-column p, #fishery .sankei_block .wp-block-column p, #industories .sankei_block .wp-block-column p, #life .sankei_block .wp-block-column p, #uij-turn .sankei_block .wp-block-column p, #west .sankei_block .wp-block-column p, #east .sankei_block .wp-block-column p {
  padding-left: 32px;
  font-size: 14px;
  line-height: 1.72em;
  text-align: left;
}
#historic .sankei_block .wp-block-column p.emp, #highlights .sankei_block .wp-block-column p.emp, #fishery .sankei_block .wp-block-column p.emp, #industories .sankei_block .wp-block-column p.emp, #life .sankei_block .wp-block-column p.emp, #uij-turn .sankei_block .wp-block-column p.emp, #west .sankei_block .wp-block-column p.emp, #east .sankei_block .wp-block-column p.emp {
  font-size: 16px;
  font-weight: 700;
  padding-top: 16px;
}
#historic .sankei_block .wp-block-column p a, #highlights .sankei_block .wp-block-column p a, #fishery .sankei_block .wp-block-column p a, #industories .sankei_block .wp-block-column p a, #life .sankei_block .wp-block-column p a, #uij-turn .sankei_block .wp-block-column p a, #west .sankei_block .wp-block-column p a, #east .sankei_block .wp-block-column p a {
  font-size: 16px;
  margin-top: 16px;
  background: #1c8034;
  border-radius: 8px;
  padding: 12px 24px 12px 40px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  position: relative;
  border: 2px solid #1c8034;
}
#historic .sankei_block .wp-block-column p a:before, #highlights .sankei_block .wp-block-column p a:before, #fishery .sankei_block .wp-block-column p a:before, #industories .sankei_block .wp-block-column p a:before, #life .sankei_block .wp-block-column p a:before, #uij-turn .sankei_block .wp-block-column p a:before, #west .sankei_block .wp-block-column p a:before, #east .sankei_block .wp-block-column p a:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 16px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
}
#historic .sankei_block .wp-block-column p a:after, #highlights .sankei_block .wp-block-column p a:after, #fishery .sankei_block .wp-block-column p a:after, #industories .sankei_block .wp-block-column p a:after, #life .sankei_block .wp-block-column p a:after, #uij-turn .sankei_block .wp-block-column p a:after, #west .sankei_block .wp-block-column p a:after, #east .sankei_block .wp-block-column p a:after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 21px;
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #1c8034;
}
#historic .sankei_block .wp-block-column p a:hover, #highlights .sankei_block .wp-block-column p a:hover, #fishery .sankei_block .wp-block-column p a:hover, #industories .sankei_block .wp-block-column p a:hover, #life .sankei_block .wp-block-column p a:hover, #uij-turn .sankei_block .wp-block-column p a:hover, #west .sankei_block .wp-block-column p a:hover, #east .sankei_block .wp-block-column p a:hover {
  background: #fff;
  color: #1c8034;
}
#historic .sankei_block .wp-block-column p a:hover:before, #highlights .sankei_block .wp-block-column p a:hover:before, #fishery .sankei_block .wp-block-column p a:hover:before, #industories .sankei_block .wp-block-column p a:hover:before, #life .sankei_block .wp-block-column p a:hover:before, #uij-turn .sankei_block .wp-block-column p a:hover:before, #west .sankei_block .wp-block-column p a:hover:before, #east .sankei_block .wp-block-column p a:hover:before {
  background: #1c8034;
}
#historic .sankei_block .wp-block-column p a:hover:after, #highlights .sankei_block .wp-block-column p a:hover:after, #fishery .sankei_block .wp-block-column p a:hover:after, #industories .sankei_block .wp-block-column p a:hover:after, #life .sankei_block .wp-block-column p a:hover:after, #uij-turn .sankei_block .wp-block-column p a:hover:after, #west .sankei_block .wp-block-column p a:hover:after, #east .sankei_block .wp-block-column p a:hover:after {
  border-left: 7px solid #fff;
}
#historic .sankei_block .wp-block-column .active_li, #highlights .sankei_block .wp-block-column .active_li, #fishery .sankei_block .wp-block-column .active_li, #industories .sankei_block .wp-block-column .active_li, #life .sankei_block .wp-block-column .active_li, #uij-turn .sankei_block .wp-block-column .active_li, #west .sankei_block .wp-block-column .active_li, #east .sankei_block .wp-block-column .active_li {
  display: flex;
  flex-wrap: wrap;
}
#historic .sankei_block .wp-block-column .active_li div, #highlights .sankei_block .wp-block-column .active_li div, #fishery .sankei_block .wp-block-column .active_li div, #industories .sankei_block .wp-block-column .active_li div, #life .sankei_block .wp-block-column .active_li div, #uij-turn .sankei_block .wp-block-column .active_li div, #west .sankei_block .wp-block-column .active_li div, #east .sankei_block .wp-block-column .active_li div {
  width: calc(50% - 32px);
  margin: 0px 16px;
}
#historic .sankei_block .wp-block-column .active_li div h6, #highlights .sankei_block .wp-block-column .active_li div h6, #fishery .sankei_block .wp-block-column .active_li div h6, #industories .sankei_block .wp-block-column .active_li div h6, #life .sankei_block .wp-block-column .active_li div h6, #uij-turn .sankei_block .wp-block-column .active_li div h6, #west .sankei_block .wp-block-column .active_li div h6, #east .sankei_block .wp-block-column .active_li div h6 {
  padding-left: 0px;
}
#historic .sankei_block .wp-block-column .active_li div ul, #highlights .sankei_block .wp-block-column .active_li div ul, #fishery .sankei_block .wp-block-column .active_li div ul, #industories .sankei_block .wp-block-column .active_li div ul, #life .sankei_block .wp-block-column .active_li div ul, #uij-turn .sankei_block .wp-block-column .active_li div ul, #west .sankei_block .wp-block-column .active_li div ul, #east .sankei_block .wp-block-column .active_li div ul {
  padding-left: 18px;
}
#historic .sankei_block .wp-block-column ul, #highlights .sankei_block .wp-block-column ul, #fishery .sankei_block .wp-block-column ul, #industories .sankei_block .wp-block-column ul, #life .sankei_block .wp-block-column ul, #uij-turn .sankei_block .wp-block-column ul, #west .sankei_block .wp-block-column ul, #east .sankei_block .wp-block-column ul {
  text-align: left;
}
#historic .sankei_block .wp-block-column ul li, #highlights .sankei_block .wp-block-column ul li, #fishery .sankei_block .wp-block-column ul li, #industories .sankei_block .wp-block-column ul li, #life .sankei_block .wp-block-column ul li, #uij-turn .sankei_block .wp-block-column ul li, #west .sankei_block .wp-block-column ul li, #east .sankei_block .wp-block-column ul li {
  list-style-type: disc;
  line-height: 1.36em;
  margin-bottom: 4px;
}
#historic .sankei_block .wp-block-column .wp-block-button, #highlights .sankei_block .wp-block-column .wp-block-button, #fishery .sankei_block .wp-block-column .wp-block-button, #industories .sankei_block .wp-block-column .wp-block-button, #life .sankei_block .wp-block-column .wp-block-button, #uij-turn .sankei_block .wp-block-column .wp-block-button, #west .sankei_block .wp-block-column .wp-block-button, #east .sankei_block .wp-block-column .wp-block-button {
  margin-top: 32px;
}
#historic .sankei_block .wp-block-column .wp-block-button a, #highlights .sankei_block .wp-block-column .wp-block-button a, #fishery .sankei_block .wp-block-column .wp-block-button a, #industories .sankei_block .wp-block-column .wp-block-button a, #life .sankei_block .wp-block-column .wp-block-button a, #uij-turn .sankei_block .wp-block-column .wp-block-button a, #west .sankei_block .wp-block-column .wp-block-button a, #east .sankei_block .wp-block-column .wp-block-button a {
  font-size: 16px;
  background: #1c8034;
  border-radius: 8px;
  padding: 8px 24px 8px 40px;
  text-decoration: none;
  color: #fff;
  border: 2px solid #1c8034;
  position: relative;
  line-height: 1em;
}
#historic .sankei_block .wp-block-column .wp-block-button a:before, #highlights .sankei_block .wp-block-column .wp-block-button a:before, #fishery .sankei_block .wp-block-column .wp-block-button a:before, #industories .sankei_block .wp-block-column .wp-block-button a:before, #life .sankei_block .wp-block-column .wp-block-button a:before, #uij-turn .sankei_block .wp-block-column .wp-block-button a:before, #west .sankei_block .wp-block-column .wp-block-button a:before, #east .sankei_block .wp-block-column .wp-block-button a:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 8px);
  left: 16px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
}
#historic .sankei_block .wp-block-column .wp-block-button a:after, #highlights .sankei_block .wp-block-column .wp-block-button a:after, #fishery .sankei_block .wp-block-column .wp-block-button a:after, #industories .sankei_block .wp-block-column .wp-block-button a:after, #life .sankei_block .wp-block-column .wp-block-button a:after, #uij-turn .sankei_block .wp-block-column .wp-block-button a:after, #west .sankei_block .wp-block-column .wp-block-button a:after, #east .sankei_block .wp-block-column .wp-block-button a:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  left: 21px;
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #1c8034;
}
#historic .sankei_block .wp-block-column .wp-block-button a:hover, #highlights .sankei_block .wp-block-column .wp-block-button a:hover, #fishery .sankei_block .wp-block-column .wp-block-button a:hover, #industories .sankei_block .wp-block-column .wp-block-button a:hover, #life .sankei_block .wp-block-column .wp-block-button a:hover, #uij-turn .sankei_block .wp-block-column .wp-block-button a:hover, #west .sankei_block .wp-block-column .wp-block-button a:hover, #east .sankei_block .wp-block-column .wp-block-button a:hover {
  background: #fff;
  color: #1c8034;
}
#historic .grey_bg, #highlights .grey_bg, #fishery .grey_bg, #industories .grey_bg, #life .grey_bg, #uij-turn .grey_bg, #west .grey_bg, #east .grey_bg {
  margin-bottom: 96px;
}
#historic .grey_bg .sankei_block, #highlights .grey_bg .sankei_block, #fishery .grey_bg .sankei_block, #industories .grey_bg .sankei_block, #life .grey_bg .sankei_block, #uij-turn .grey_bg .sankei_block, #west .grey_bg .sankei_block, #east .grey_bg .sankei_block {
  padding-bottom: 64px;
}

.block_left {
  padding-left: 0px !important;
}

#historic .pagebody {
  padding-bottom: 0px;
  margin-bottom: -32px;
}
#historic .page {
  counter-reset: number;
}
#historic .page .sankei_block h4 span {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 8px;
}
#historic .page .sankei_block h4 span:before {
  content: counter(number);
  counter-increment: number;
  color: #fff;
  font-size: 18px;
  position: relative;
  z-index: 10;
  text-align: center;
  padding-left: 8px;
}
#historic .page .sankei_block h4 span:after {
  background: #1c8034;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: 0px;
  z-index: 0;
}
#historic .page .kind h5 span {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 8px;
}
#historic .page .kind h5 span:before {
  content: counter(number);
  counter-increment: number;
  color: #fff;
  font-size: 16px;
  position: relative;
  z-index: 10;
  text-align: center;
}
#historic .page .kind h5 span:after {
  background: #1c8034;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 0px;
  z-index: 0;
}
#historic .page .kind p.summary {
  padding-top: 8px;
  color: #309882;
  padding-bottom: 32px;
}

.tree_li {
  display: flex;
  flex-wrap: wrap;
}
.tree_li li {
  width: calc((100% - 96px) / 4);
  margin-right: 32px;
}
.tree_li li h4 {
  font-size: 15px;
  line-height: 1.32em;
  padding: 12px 0px 4px 0px;
}
.tree_li li h4 span {
  display: inline-block;
  background: #382c25;
  margin-right: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 20px;
}
.tree_li li p {
  font-size: 13px;
  color: #1c8034;
  text-align: center;
}
.tree_li li img {
  width: 100%;
}
.tree_li li:nth-of-type(4n) {
  margin-right: 0px;
}

.tree_li_name {
  display: flex;
  flex-wrap: wrap;
  padding-top: 48px;
  gap: 4px 56px;
}
.tree_li_name li {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 8px;
  width: 350px;
}
.tree_li_name li h4 {
  font-size: 14px;
  width: calc(100% - 100px);
  text-align: left;
  line-height: 1.48em;
}
.tree_li_name li h4 span {
  display: inline-block;
  background: #382c25;
  margin-right: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 18px;
  font-size: 13px;
}
.tree_li_name li p {
  color: #1c8034;
  font-size: 14px;
  width: 100px;
  line-height: 1.48em;
}
.tree_li_name li:nth-of-type(3n+2) {
  width: 360px !important;
}
.tree_li_name li:nth-of-type(3n) {
  width: 250px !important;
}

.tree_bg {
  margin-bottom: -88px !important;
  padding-bottom: 120px;
}

.temple h5 span {
  color: #fff;
}
.temple h5 span:before {
  content: none !important;
}
.temple h5 span:after {
  z-index: -1 !important;
}
.temple.x4 li {
  width: calc((100% - 120px) / 4);
}
.temple.x4 li p {
  padding: 0px;
}

/* 平郡西 ======================================================================= */
#west_highlight .grey_bg {
  padding: 32px 0px;
}
#west_highlight .page {
  counter-reset: number;
}

.highlight_block {
  margin: 96px 0px;
  gap: 24px;
}
.highlight_block .wp-block-columns {
  gap: 24px;
}
.highlight_block .wp-block-column {
  width: calc(50% - 12px);
  padding: 0px;
}
.highlight_block .wp-block-column img {
  width: 100%;
}
.highlight_block .wp-block-column h5 {
  color: #309882;
  font-size: 25px;
  text-align: left;
  padding-left: 32px;
  padding-top: 32px;
  line-height: 1.32em;
}
.highlight_block .wp-block-column h6 {
  text-align: left;
  font-size: 16px;
  margin-bottom: 16px;
  padding-left: 32px;
}
.highlight_block .wp-block-column h4 {
  text-align: left;
  font-size: 21px;
  padding: 24px 0px 24px 32px;
}
.highlight_block .wp-block-column h4 span {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 26px;
  margin-right: 24px;
  margin-left: -32px;
}
.highlight_block .wp-block-column h4 span:after {
  background: #1c8034;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  left: 32px;
  z-index: 0;
}
.highlight_block .wp-block-column h4 span:before {
  content: counter(number);
  counter-increment: number;
  color: #fff;
  font-size: 18px;
  position: relative;
  z-index: 10;
  text-align: center;
  padding-left: 8px;
  top: -2px;
  left: 32px;
}
.highlight_block .wp-block-column p {
  padding-left: 32px;
  font-size: 14px;
  line-height: 1.72em;
  text-align: left;
}
.highlight_block .wp-block-column p.emp {
  font-size: 16px;
  font-weight: 700;
  padding-top: 16px;
}
.highlight_block .wp-block-column p a {
  font-size: 16px;
  margin-top: 16px;
  background: #1c8034;
  border-radius: 8px;
  padding: 12px 24px 12px 40px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  position: relative;
  border: 2px solid #1c8034;
}
.highlight_block .wp-block-column p a:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 16px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
}
.highlight_block .wp-block-column p a:after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 21px;
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #1c8034;
}
.highlight_block .wp-block-column p a:hover {
  background: #fff;
  color: #1c8034;
}
.highlight_block .wp-block-column p a:hover:before {
  background: #1c8034;
}
.highlight_block .wp-block-column p a:hover:after {
  border-left: 7px solid #fff;
}
.highlight_block .wp-block-column .active_li {
  display: flex;
  flex-wrap: wrap;
}
.highlight_block .wp-block-column .active_li div {
  width: calc(50% - 32px);
  margin: 0px 16px;
}
.highlight_block .wp-block-column .active_li div h6 {
  padding-left: 0px;
}
.highlight_block .wp-block-column .active_li div ul {
  padding-left: 18px;
}
.highlight_block .wp-block-column ul {
  text-align: left;
}
.highlight_block .wp-block-column ul li {
  list-style-type: disc;
  line-height: 1.36em;
  margin-bottom: 4px;
}

.asset {
  border: 1px solid rgba(48, 152, 130, 0.2);
  padding: 24px;
}
.asset img {
  width: 50% !important;
  float: left;
  margin-right: 24px;
}
.asset h5 {
  font-size: 16px !important;
  color: #382c25 !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
.asset h5 span {
  display: table;
  margin-right: 8px;
  background: #309882;
  border-radius: 4px;
  padding: 4px 16px;
  margin-bottom: 8px;
  color: #fff;
  font-size: 12px;
}
.asset p {
  font-size: 13px !important;
  line-height: 1.6em;
  padding: 0px !important;
}

.wstay {
  margin: 32px 0px 96px 0px;
  border: 1px solid rgba(48, 152, 130, 0.3);
  padding: 32px;
}
.wstay .wp-block-media-text__media {
  margin-left: 32px;
}
.wstay .wp-block-media-text__content h5 {
  color: #309882;
  font-size: 25px;
  text-align: left;
  line-height: 1.32em;
  margin-top: 8px;
}
.wstay .wp-block-media-text__content h4 {
  text-align: left;
  font-size: 21px;
  padding-bottom: 24px;
}
.wstay .wp-block-media-text__content h4 span {
  display: inline-block;
  width: 32px;
  height: 22px;
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 18px;
}
.wstay .wp-block-media-text__content h4 span:after {
  background: #1c8034;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 4px;
  z-index: -1;
}
.wstay .wp-block-media-text__content .alignright {
  margin: 0px 0px 24px 24px;
}

.scene {
  position: relative;
  margin-top: -72px;
}
.scene h2 {
  position: absolute;
  bottom: 16px;
  left: calc(50% - 440px);
  display: inline-block;
  background: #fff;
  padding: 12px 24px;
  font-size: 32px;
  font-weight: bold;
  text-align: left;
  z-index: 10;
}

.sunset .slick-arrow {
  top: 240px;
}

.area_blog_li {
  background: url(images/big_dot_bg.webp);
  background-size: 18%;
  padding: 72px 0px;
  margin-bottom: 48px;
}
.area_blog_li .wp-block-buttons {
  padding-top: 64px;
}
.area_blog_li .wp-block-button a {
  text-decoration: none;
  background: #fff;
  margin-inline: auto;
  border: 1px solid #309882;
  border-radius: 8px;
  padding: 12px 48px;
  color: #309882;
  font-size: 16px;
  font-weight: bold;
}
.area_blog_li .wp-block-button a:hover {
  background: #309882;
  color: #fff;
}

.blog_output .slick-track {
  display: flex !important;
  align-items: stretch;
}
.blog_output .slick-list {
  margin: 0 -8px;
}
.blog_output .slick-slide {
  margin: 0 8px;
  height: auto !important;
}
.blog_output li {
  background: #fff;
  padding: 16px;
  box-shadow: 0 0 3px #999;
  width: 332px;
  position: relative;
}
.blog_output li img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin-bottom: 16px;
}
.blog_output li em {
  position: absolute;
  top: -24px;
  right: 0;
  display: block;
  width: 72px;
  padding: 8px 12px;
  border-radius: 24px;
  background: #cc012c;
  color: #fff;
  font-style: normal;
  font-weight: 600;
}
.blog_output li em:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 12px;
  background: #cc012c;
  bottom: -12px;
  left: 0;
  right: 0;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin: auto;
}
.blog_output li a {
  text-decoration: none;
}
.blog_output li a time {
  display: block;
  font-size: 14px;
  text-align: right;
}
.blog_output li a time span {
  display: inline-block;
  border: 1px solid #309882;
  padding: 4px 6px;
  border-radius: 4px;
  color: #309882;
  font-size: 12px;
  margin-left: 12px;
}
.blog_output li a h5 {
  font-size: 16px !important;
  text-align: left;
  color: #382c25;
  line-height: 1.36em;
}
.blog_output li a:hover img, .blog_output li a:hover h5, .blog_output li a:hover time {
  opacity: 0.7;
}
.blog_output li:before {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(28, 128, 52, 0.5);
  content: "";
}
.blog_output li:after {
  position: absolute;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid rgba(28, 128, 52, 0.5) 2px;
  border-right: solid rgba(28, 128, 52, 0.5) 2px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 27px;
  right: 29px;
}
.blog_output li:hover:before {
  border: 1px solid rgba(28, 128, 52, 0.5);
}
.blog_output li:hover:after {
  content: "";
  width: 9px;
  height: 9px;
  border: 0px;
  border-top: solid #1c8034 2px;
  border-right: solid #1c8034 2px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 平郡島に泊まる・　食べる・買う ====================================================== */
.shop_output {
  display: flex;
  flex-wrap: wrap;
  padding: 64px 0px;
  counter-reset: alfa 0;
}
.shop_output li {
  width: calc((100% - 64px) / 3);
  margin-right: 32px;
}
.shop_output li a {
  text-decoration: none;
  display: block;
}
.shop_output li a h4 {
  text-decoration: underline;
}
.shop_output li img {
  width: 100%;
  height: 254px;
  object-fit: cover;
  margin-bottom: 24px;
}
.shop_output li div {
  width: 100%;
  height: 254px;
  border: 1px solid #e6e6e6;
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
}
.shop_output li div:after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: 1px solid #e6e6e6;
  width: 480px;
  transform: rotate(143.5deg);
  top: 120px;
  left: -64px;
}
.shop_output li h4 {
  font-size: 18px;
  margin-bottom: 24px;
  position: relative;
  display: inline-block;
}
.shop_output li h4:before {
  counter-increment: alfa 1;
  content: counter(alfa, upper-alpha);
  color: #fff;
  margin-right: 12px;
}
.shop_output li h4:after {
  position: absolute;
  background: #1677a9;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  top: -3px;
  left: -5px;
  content: "";
  display: block;
  z-index: -1;
}
.shop_output li p {
  line-height: 1.56em;
  font-size: 14px;
}
.shop_output li p.acc_data {
  padding-top: 16px;
  color: #309882;
  font-size: 14px;
  line-height: 1.4em;
}
.shop_output li:nth-of-type(3n) {
  margin-right: 0px;
}

/* 島でのくらし　=================================================================== */
#life .page p, #recruit .page p {
  text-align: left;
  line-height: 1.72em;
}

.graph {
  background: url(images/big_dot_bg.webp) repeat-x bottom center;
  margin-top: 96px;
}
.graph .inner {
  padding-bottom: 72px;
}
.graph .graph_box {
  padding: 6px 6px 24px 6px;
  border: 1px solid rgba(28, 128, 52, 0.4);
  outline: 8px solid #fff;
  background: #fff;
  position: relative;
}
.graph .graph_box h4 {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 240px;
  margin-left: -120px;
  border-radius: 0px 0px 8px 8px;
  background: #1c8034;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 12px;
  margin-bottom: 48px;
}
.graph .wp-block-columns {
  background: #fff;
  margin-bottom: 12px;
}
.graph .wp-block-column {
  padding: 48px 48px 24px 48px;
  text-align: center;
}
.graph .wp-block-column p {
  text-align: center;
  font-size: 18px;
  color: #1c8034;
  font-weight: 700;
  padding-top: 16px;
}

.out_link {
  text-align: center !important;
}
.out_link a {
  display: inline-block;
  background: #309882;
  color: #fff;
  padding: 16px 56px;
  text-decoration: none;
  border-radius: 8px;
  margin: 32px auto;
  font-size: 16px;
}
.out_link a:hover {
  background: #e08836;
}

.merit {
  align-items: normal !important;
}
.merit .wp-block-column {
  background: #fff;
  margin: 16px;
  width: calc(50% - 32px);
  position: relative;
}
.merit .wp-block-column h4 {
  color: #309882;
  font-weight: 700;
  width: 120px;
  height: 120px;
  font-size: 18px;
  background: url(images/dot_bg.webp) no-repeat -16px -16px;
  border-radius: 50%;
  position: absolute;
  padding-top: 52px !important;
  top: 16px;
  left: 16px;
}
.merit .wp-block-column h5 {
  font-size: 21px;
  color: #1c8034;
  line-height: 1.48em;
  padding-top: 32px;
  padding-bottom: 24px;
}
.merit .wp-block-column p {
  padding-bottom: 32px;
}

.migrate {
  background: url(images/big_dot_bg.webp);
  margin: -96px auto -84px auto;
  padding: 120px 0px 120px 0px;
}
.migrate h4 {
  font-size: 21px;
  color: #1c8034;
  margin-bottom: 24px;
}
.migrate ul {
  display: flex;
  flex-wrap: wrap;
}
.migrate ul li {
  width: 20%;
  padding: 16px;
  position: relative;
}
.migrate ul li img {
  width: 184px;
  height: 184px;
  border-radius: 50%;
}
.migrate ul li h5 {
  width: 70%;
  padding: 8px 16px;
  border: 2px solid #000;
  background: #d9eab5;
  position: absolute;
  bottom: 8px;
  left: 50%;
  margin-left: -35%;
  font-size: 14px;
  color: #000;
}
.migrate ul li a {
  text-decoration: none;
}
.migrate ul li a:hover h5 {
  background: #000;
  color: #fff;
}

.shopping_txt {
  margin-top: -96px;
}
.shopping_txt img {
  float: right;
  width: 360px;
  margin-left: 64px;
}
.shopping_txt p {
  padding: 120px 96px 0px 0px;
  text-align: left;
  line-height: 1.82em;
}
.shopping_txt p:after {
  content: "";
  display: block;
  clear: both;
  margin-bottom: 64px;
}

#shopping_i5 {
  width: 240px;
}

.shopping_li li {
  position: relative;
}
.shopping_li h6 {
  position: absolute;
  top: -8px;
  left: -8px;
  color: #fff;
  font-size: 16px;
  z-index: 10;
  background: #1c8034;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  padding-top: 28px;
}
.shopping_li h6.west {
  background: #e08836;
}
.shopping_li p {
  text-align: left;
}

.school_li p {
  text-align: left;
}

.online_list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 16px 0px;
}
.online_list a {
  display: inline-block;
  width: calc(33.3333333333% - 6px);
  background: #1c8034;
  padding: 8px 16px;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
}
.online_list a:hover {
  background: #cc012c;
}

.job_li li {
  background: #fff;
  margin-bottom: 48px;
  border-radius: 16px;
  padding: 32px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.job_li li:before {
  position: absolute;
  top: -24px;
  right: 24px;
  width: 96px;
  height: 96px;
  background: #1c8034;
  border-radius: 50%;
  content: "";
}
.job_li li.kaigo:before {
  background: url(images/kaigo.png) no-repeat bottom center #e08836;
  background-size: 100%;
}
.job_li li.revital:before {
  background: url(images/revital.png) no-repeat bottom center #309882;
  background-size: 100%;
}

.job_li_img {
  width: 320px;
}
.job_li_img img {
  width: 100%;
  margin-bottom: 16px;
}

.job_li_txt {
  width: calc(100% - 320px);
  padding-left: 48px;
}
.job_li_txt h4 {
  font-size: 21px;
  color: #309882;
  margin: 16px 0px 24px 0px;
  text-align: left;
}
.job_li_txt dl {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
  border-top: 1px solid rgba(28, 128, 52, 0.3);
}
.job_li_txt dl dt, .job_li_txt dl dd {
  padding: 12px 0px;
  line-height: 1.36em;
  text-align: left;
  border-bottom: 1px solid rgba(28, 128, 52, 0.3);
}
.job_li_txt dl dt {
  width: 96px;
}
.job_li_txt dl dd {
  width: calc(100% - 96px);
}
.job_li_txt dl dd a {
  text-decoration: underline;
}

.subsidy_li {
  padding-bottom: 16px;
}
.subsidy_li li {
  border: 2px solid rgba(48, 152, 130, 0.4);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 0px;
}
.subsidy_li li img {
  background: rgba(28, 128, 52, 0.3);
  border-radius: 8px;
}
.subsidy_li li p.price {
  padding: 16px 0px;
  font-size: 16px;
  color: #1c8034;
  font-weight: 700;
}
.subsidy_li + p {
  margin-bottom: 96px;
}

.subsidy_ex {
  background: url(images/big_dot_bg.webp);
}
.subsidy_ex h4 {
  width: 160px;
  background: #1c8034;
  padding: 16px 32px;
  color: #fff;
  font-size: 16px;
  transform: rotate(-5deg);
  margin-bottom: -48px;
}
.subsidy_ex h5 {
  font-size: 15px;
  line-height: 1.36em;
}
.subsidy_ex h5 span {
  font-size: 18px;
  color: #309882;
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
}

.subsidy_ex_inner {
  display: flex;
  flex-wrap: wrap;
}
.subsidy_ex_inner div {
  background: #fff;
  margin: 48px 24px;
  width: calc(50% - 48px);
  padding: 32px;
  border-radius: 16px;
}
.subsidy_ex_inner div img {
  width: 100%;
  background: rgba(28, 128, 52, 0.2);
  border-radius: 16px;
}
.subsidy_ex_inner div ul {
  border: 1px solid rgba(28, 128, 52, 0.5);
  padding: 24px;
}
.subsidy_ex_inner div ul li {
  text-align: left;
  border-bottom: 1px dotted rgba(28, 128, 52, 0.5);
  padding: 12px 0px;
}
.subsidy_ex_inner div ul li span {
  display: inline-block;
  width: calc(100% - 120px);
}
.subsidy_ex_inner div ul li span:last-of-type {
  text-align: right;
  width: 120px;
}
.subsidy_ex_inner div ul li:last-of-type {
  border-bottom: none;
  font-size: 18px;
  color: #cc012c;
  text-align: right;
}

.wpcf7_h4 {
  color: #1c8034;
  margin-top: 120px;
  font-size: 21px;
}

.wpcf7 {
  background: rgba(28, 128, 52, 0.15);
  padding: 32px 88px;
  margin: 24px 144px 48px 144px;
}
.wpcf7 p > label {
  color: #1c8034;
  font-size: 15px;
  margin-bottom: -0.6em;
  display: block;
}
.wpcf7 label i {
  display: inline-block;
  margin-left: 8px;
}
.wpcf7 label i:before {
  color: #fff;
  content: "必須";
  font-size: 12px;
  font-style: normal;
  background: #1e5e50;
  padding: 2px 8px;
  border-radius: 4px;
  display: block;
  line-height: 1em;
}
.wpcf7 form {
  position: relative;
}
.wpcf7 form.send:after {
  content: "";
  background: url(images/send) no-repeat;
  background-size: cover;
  position: absolute;
  width: 160px;
  height: 210px;
  bottom: -120px;
  right: -72px;
}

.wpcf7-form-control-wrap {
  display: block;
  margin-top: 8px;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
  border: 1px solid rgba(28, 128, 52, 0.7);
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 16px;
}
.wpcf7-form-control-wrap input::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
  color: rgba(28, 128, 52, 0.7);
}
.wpcf7-form-control-wrap input:-moz-placeholder, .wpcf7-form-control-wrap textarea:-moz-placeholder {
  color: rgba(28, 128, 52, 0.7);
}
.wpcf7-form-control-wrap input::-moz-placeholder, .wpcf7-form-control-wrap textarea::-moz-placeholder {
  color: rgba(28, 128, 52, 0.7);
}
.wpcf7-form-control-wrap input:-ms-input-placeholder, .wpcf7-form-control-wrap textarea:-ms-input-placeholder {
  color: rgba(28, 128, 52, 0.7);
}
.wpcf7-form-control-wrap textarea {
  width: 100%;
  height: 160px;
}
.wpcf7-form-control-wrap[data-name=int-acceptance] {
  display: inline-block;
}
.wpcf7-form-control-wrap[data-name=int-acceptance] input[type=checkbox] {
  display: none;
}
.wpcf7-form-control-wrap[data-name=int-acceptance] input[type=checkbox] + span {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.wpcf7-form-control-wrap[data-name=int-acceptance] input[type=checkbox] + span:last-of-type {
  margin-bottom: 0;
}
.wpcf7-form-control-wrap[data-name=int-acceptance] input[type=checkbox] + span:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(28, 128, 52, 0.9);
  background: #fff;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: -8px;
  opacity: 0.6;
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}
.wpcf7-form-control-wrap[data-name=int-acceptance] input[type=checkbox]:checked + span:before {
  background: none;
  border: 2px solid #1c8034;
  width: 10px;
  top: -14px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.wpcf7-submit {
  display: block;
  width: 320px;
  margin: 24px auto;
  color: #fff;
  padding: 16px 0px;
  background: #309882;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}
.wpcf7-submit:disabled {
  background: #b5c8c4;
  cursor: default;
}

.screen-reader-response {
  display: none;
}

.wpcf7-not-valid-tip {
  display: inline-block;
  margin-left: 16px;
  color: #cc012c;
  font-weight: bold;
}
.wpcf7-not-valid-tip:before {
  content: "※ ";
}

.wpcf7-response-output {
  background: #cc012c;
  color: #fff;
  font-size: 16px;
  padding: 16px 0px;
  border-radius: 8px;
}
.wpcf7-response-output:empty {
  display: none;
}

/* 島でくらす　===================================================================== */
#recruit .subsidy_li li:nth-of-type(-n+3) {
  margin-bottom: 32px;
}

.link_btn {
  display: inline-block;
  margin-inline: auto;
  background: #1c8034;
  color: #fff;
  font-weight: bold;
  padding: 10px 48px;
  border-radius: 8px;
  text-decoration: none;
  margin: auto auto 0px auto;
}
.link_btn:hover {
  background: #cc012c;
  color: #fff;
}

/* ギャラリー　====================================================================== */
.wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 96px;
  gap: 0px !important;
}
.wp-block-gallery .wp-block-image {
  margin: 16px;
  cursor: pointer;
}
.wp-block-gallery .wp-block-image a {
  position: relative;
  display: block;
}
.wp-block-gallery .wp-block-image a:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: background-color 0.5s;
  background-color: rgba(0, 0, 0, 0.4);
}
.wp-block-gallery .wp-block-image a:hover:after {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2088%2088%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M86.1%2C76.7L66.2%2C56.9c4.2-6%2C6.4-13.3%2C6.4-20.6c0-9.7-3.8-18.8-10.6-25.7C55.2%2C3.8%2C46.1%2C0%2C36.3%2C0%20c-9.7%2C0-18.8%2C3.8-25.6%2C10.6C3.8%2C17.5%2C0%2C26.6%2C0%2C36.3C0%2C46%2C3.8%2C55.2%2C10.6%2C62c6.9%2C6.9%2C16%2C10.6%2C25.7%2C10.6h0c7.3%2C0%2C14.5-2.3%2C20.5-6.4%20l19.8%2C19.8c2.6%2C2.6%2C6.8%2C2.6%2C9.4%2C0C88.6%2C83.5%2C88.6%2C79.3%2C86.1%2C76.7z%20M36.3%2C60.8c-6.5%2C0-12.7-2.6-17.3-7.2c-4.6-4.6-7.2-10.8-7.2-17.3%20c0-6.5%2C2.6-12.7%2C7.2-17.3c4.6-4.6%2C10.8-7.2%2C17.3-7.2c0%2C0%2C0%2C0%2C0%2C0c6.5%2C0%2C12.7%2C2.6%2C17.3%2C7.2c4.6%2C4.6%2C7.2%2C10.8%2C7.2%2C17.3%20c0%2C6.5-2.6%2C12.7-7.2%2C17.3C49%2C58.2%2C42.9%2C60.8%2C36.3%2C60.8z%22%20%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48.6%2C32.8h-8.7v-8.7c0-2-1.6-3.6-3.6-3.6c-2%2C0-3.6%2C1.6-3.6%2C3.6v8.7h-8.7c-2%2C0-3.6%2C1.6-3.6%2C3.6s1.6%2C3.6%2C3.6%2C3.6%20h8.7v8.7c0%2C2%2C1.6%2C3.6%2C3.6%2C3.6c2%2C0%2C3.6-1.6%2C3.6-3.6v-8.7h8.7c2%2C0%2C3.6-1.6%2C3.6-3.6C52.1%2C34.4%2C50.5%2C32.8%2C48.6%2C32.8z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  display: block;
  z-index: 10;
}
.wp-block-gallery .wp-block-image img {
  width: 238px;
  height: 238px;
  object-fit: cover;
}

.video_img {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-bottom: 120px;
}
.video_img li {
  width: 238px;
  margin: 16px;
  position: relative;
  cursor: pointer;
}
.video_img li img {
  display: block;
  width: 100%;
}
.video_img li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: background-color 0.5s;
}
.video_img li:after {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -24px;
  margin-top: -24px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2088%2088%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.7%29%22%20d%3D%22M44%2C0C19.7%2C0%2C0%2C19.7%2C0%2C44s19.7%2C44%2C44%2C44s44-19.7%2C44-44S68.3%2C0%2C44%2C0z%20M31%2C66.1V21.9L69.4%2C44L31%2C66.1z%22%20%2F%3E%3C%2Fsvg%3E");
  content: "";
  display: block;
  z-index: 10;
}
.video_img li:hover:before {
  background-color: rgba(0, 0, 0, 0.4);
}
.video_img li:hover:after {
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2088%2088%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44%2C0C19.7%2C0%2C0%2C19.7%2C0%2C44s19.7%2C44%2C44%2C44s44-19.7%2C44-44S68.3%2C0%2C44%2C0z%20M31%2C66.1V21.9L69.4%2C44L31%2C66.1z%22%20%2F%3E%3C%2Fsvg%3E");
}

/* ============================================================================== */
/* single */
/* ============================================================================== */
/* 事業所ページ　=================================================================== */
.contents h6 {
  font-size: 32px;
  padding-top: 16px;
}
.contents h6 span {
  font-size: 21px;
  display: inline-block;
  padding-left: 16px;
}

.shopbody {
  padding: 72px 0px;
}
.shopbody .post_txt {
  display: flex;
  flex-wrap: wrap;
}
.shopbody .post_left {
  width: 320px;
  margin-right: 88px;
  padding-top: 64px;
  text-align: left;
}
.shopbody .post_left h5 {
  color: #309882;
  font-size: 18px;
  margin-bottom: 24px;
}
.shopbody .post_left dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.shopbody .post_left dl dt {
  width: 72px;
  padding: 8px 0px;
  line-height: 1.72em;
  border-bottom: 1px solid #dfdfdf;
}
.shopbody .post_left dl dd {
  width: calc(100% - 72px);
  line-height: 1.72em;
  padding: 8px 0px;
  border-bottom: 1px solid #dfdfdf;
}
.shopbody .post_right {
  width: 672px;
  padding-top: 64px;
  text-align: left;
}
.shopbody .post_right img {
  display: block;
  width: 100%;
  padding-bottom: 32px;
}
.shopbody .post_right h3 {
  font-size: 24px;
  color: #309882;
  line-height: 1.48em;
  margin-bottom: 48px;
}
.shopbody .post_right p {
  font-size: 16px;
  line-height: 1.8em;
  padding-bottom: 32px;
}
.shopbody .img_li {
  display: flex;
  flex-wrap: wrap;
}
.shopbody .img_li li {
  width: calc((100% - 24px) / 2);
}
.shopbody .img_li li:first-of-type {
  margin-right: 24px;
}
.shopbody .menu_li {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 64px;
}
.shopbody .menu_li div {
  width: calc((100% - 32px) / 2);
}
.shopbody .menu_li div:first-of-type {
  margin-right: 32px;
}
.shopbody .menu_li dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.shopbody .menu_li dl dt {
  width: 70%;
  padding: 8px 0px;
  border-bottom: 1px solid #dfdfdf;
}
.shopbody .menu_li dl dd {
  width: 30%;
  text-align: right;
  padding: 8px 0px;
  border-bottom: 1px solid #dfdfdf;
}
.shopbody #leaflet {
  width: 100%;
  height: 480px;
}

.nav-links {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 48px;
}
.nav-links li {
  width: 460px;
  border: 1px solid #e6e6e6;
  padding: 16px;
  margin-right: 160px;
}
.nav-links li:last-of-type {
  margin-right: 0px;
}
.nav-links li a {
  display: block;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.nav-links li a p {
  font-size: 15px;
  font-weight: 700;
}
.nav-links li a p span {
  font-size: 11px;
  color: #309882;
  display: block;
  margin-bottom: 8px;
}
.nav-links li a:hover {
  opacity: 0.7;
}
.nav-links li img {
  object-fit: cover;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.nav-previous a {
  justify-content: start;
}
.nav-previous a p {
  text-align: left;
}
.nav-previous img {
  margin-right: 24px;
}

.nav-next a {
  justify-content: flex-end;
}
.nav-next a p {
  text-align: right;
}
.nav-next img {
  margin-left: 24px;
}

.void {
  border: none !important;
}

/* ============================================================================== */
/* search */
/* ============================================================================== */
.search_word h4 {
  border: 1px solid rgba(28, 128, 52, 0.6);
  padding: 18px 24px 16px 24px;
  font-size: 15px;
  margin-bottom: 24px;
}
.search_word h4 span {
  display: inline-block;
  font-size: 15px;
  margin-right: 8px;
  color: #1c8034;
}
.search_word p {
  text-align: right;
}

.post_list li {
  padding: 24px 0px;
  border-bottom: 1px dotted rgba(28, 128, 52, 0.6);
  display: flex;
  flex-wrap: wrap;
}

.li_img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f3f3f3;
  margin-right: 32px;
}
.li_img img {
  width: 100%;
  border-radius: 50%;
  margin: 0px;
}

.li_time a {
  font-weight: 700;
  text-decoration: underline;
}
.li_time span {
  color: #1c8034;
  display: inline-block;
  margin-right: 8px;
}
.li_time span a {
  color: #1c8034;
  font-weight: 500;
}

.li_txt {
  width: calc(100% - 80px);
}
.li_txt a {
  text-decoration: none;
}
.li_txt a:hover p {
  color: #1c8034;
}
.li_txt p {
  padding-top: 24px;
  margin-bottom: 0px;
  line-height: 1.64em;
}

/* ============================================================================== */
/* 404 */
/* ============================================================================== */
#is404 .first_txt {
  padding: 64px 144px;
}

#is404search {
  margin: 0px 144px 64px 144px;
}
#is404search div {
  padding: 8px;
  background: #1c8034;
  display: flex;
  flex-wrap: wrap;
}
#is404search div input {
  border: none;
  width: calc(100% - 32px);
  padding: 16px;
  font-size: 18px;
  background: #1c8034;
  color: #fff;
}
#is404search div input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
#is404search div input:focus::placeholder {
  color: transparent;
}
#is404search div button {
  border: none;
  width: 32px;
  height: 32px;
  position: relative;
  background: none;
}
#is404search div button:before {
  content: "";
  display: block;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2088%2088%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M60.1%2C11C46.6-2.5%2C24.5-2.5%2C10.9%2C11c-13.6%2C13.6-13.6%2C35.6%2C0%2C49.2c12%2C12%2C30.6%2C13.4%2C44.1%2C4.2l20.8%2C20.8%20c2.6%2C2.6%2C6.7%2C2.6%2C9.3%2C0c2.6-2.6%2C2.6-6.7%2C0-9.3L64.3%2C55.1C73.5%2C41.6%2C72.1%2C23%2C60.1%2C11z%20M53.3%2C53.3c-9.8%2C9.8-25.7%2C9.8-35.5%2C0%20C8%2C43.6%2C8%2C27.7%2C17.8%2C17.9c9.8-9.8%2C25.7-9.8%2C35.5%2C0C63%2C27.7%2C63%2C43.6%2C53.3%2C53.3z%22%20%2F%3E%3C%2Fsvg%3E");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 18px;
  right: 16px;
  cursor: pointer;
}

.sitemap {
  padding: 64px 144px;
  display: flex;
  flex-wrap: wrap;
}

.page_list, .cat_list {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
.page_list li, .cat_list li {
  margin-bottom: 8px;
}
.page_list a, .cat_list a {
  text-decoration: none;
  display: block;
  padding: 8px 0px 8px 21px;
  font-size: 16px;
  position: relative;
}
.page_list a:before, .cat_list a:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  content: "";
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #309882;
  border-right: solid 2px #309882;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0px;
}

.page_list {
  width: 66.6666666667%;
}
.page_list li {
  width: 50%;
}

.cat_list {
  width: 33.3333333333%;
}

.child_list {
  padding-left: 21px;
  padding-bottom: 32px;
}
.child_list li {
  margin-bottom: 0px !important;
  width: 100%;
}

/* ============================================================================== */
/* sidebar */
/* ============================================================================== */
.sidebar {
  width: 270px;
  padding: 96px 0px;
}
.sidebar h3 {
  text-align: left;
  color: #309882;
  font-weight: 700;
  padding-bottom: 24px;
  font-size: 16px;
}

.recent {
  margin-bottom: 96px;
}
.recent li {
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(48, 152, 130, 0.3);
  min-height: 72px;
}
.recent li:last-of-type {
  border-bottom: none;
}
.recent li p {
  font-size: 12px;
  display: grid;
  grid-template-columns: 1fr auto;
  justify-content: space-between;
  margin-left: 72px;
}
.recent li p time {
  font-size: 12px;
  text-align: left;
}
.recent li a {
  display: inline-block;
  text-decoration: none;
  float: left;
  font-size: 12px;
}
.recent li a img {
  width: 56px;
  height: 56px;
  margin-right: 16px;
}
.recent li a div {
  width: 56px;
  height: 56px;
  margin-right: 16px;
  background: #f3f3f3;
}
.recent li h4 {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
.recent li h4 a {
  display: block;
  float: none;
  font-size: 16px;
  font-weight: 700;
  padding-top: 8px;
  padding-left: 72px;
  line-height: 1.24em;
}

.side_fb_link {
  padding: 12px;
  width: 88%;
  margin: 40px 6%;
}
.side_fb_link li {
  margin-bottom: 12px;
}
.side_fb_link a {
  display: block;
  color: #309882;
  font-weight: 700;
  padding: 12px;
  border: 1px solid #309882;
  text-decoration: none;
  line-height: 1.24em;
}
.side_fb_link a:hover {
  background: #309882;
  color: #fff;
}

#sidesearch {
  position: relative;
}
#sidesearch input {
  border: 1px solid rgba(36, 113, 97, 0.4);
  padding: 8px;
  border-radius: 8px;
  width: 100%;
  outline: 0;
}
#sidesearch button {
  cursor: pointer;
  width: 18px;
  height: 18px;
  content: "";
  position: absolute;
  left: 255px;
  /*アイコン左右の位置調整*/
  top: 0;
  border: none;
  background: none;
}
#sidesearch button:after {
  position: absolute;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2088%2088%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23309882%22%20d%3D%22M60.1%2C11C46.6-2.5%2C24.5-2.5%2C10.9%2C11c-13.6%2C13.6-13.6%2C35.6%2C0%2C49.2c12%2C12%2C30.6%2C13.4%2C44.1%2C4.2l20.8%2C20.8%20c2.6%2C2.6%2C6.7%2C2.6%2C9.3%2C0c2.6-2.6%2C2.6-6.7%2C0-9.3L64.3%2C55.1C73.5%2C41.6%2C72.1%2C23%2C60.1%2C11z%20M53.3%2C53.3c-9.8%2C9.8-25.7%2C9.8-35.5%2C0%20C8%2C43.6%2C8%2C27.7%2C17.8%2C17.9c9.8-9.8%2C25.7-9.8%2C35.5%2C0C63%2C27.7%2C63%2C43.6%2C53.3%2C53.3z%22%20%2F%3E%3C%2Fsvg%3E");
  width: 18px;
  height: 18px;
  content: "";
  display: block;
  top: 10px;
  right: 16px;
}

.side_writer {
  margin: 64px 0px;
}
.side_writer div {
  margin-bottom: 16px;
  line-height: 1.36em;
  box-shadow: 0 0 3px #999;
  border-radius: 8px;
  padding: 8px 6px;
}
.side_writer div img {
  width: 48px;
  margin-right: 8px;
}
.side_writer div a {
  text-decoration: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.side_writer div a:after {
  position: absolute;
  top: calc(50% - 4px);
  right: 4px;
  width: 8px;
  height: 8px;
  content: "";
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid #309882 2px;
  border-right: solid #309882 2px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.side_writer div a:hover {
  color: #309882;
}

.tagcloud {
  padding: 48px 0px 0px 16px;
  text-align: left;
}
.tagcloud a {
  display: inline-block;
  background: #1c8034;
  padding: 8px 6px 6px 16px;
  color: #fff;
  margin-right: 16px;
  margin-bottom: 12px;
  position: relative;
  text-decoration: none;
  font-size: 14px !important;
  height: 32px;
}
.tagcloud a span {
  font-size: 14px;
  color: #fff;
}
.tagcloud a:before {
  position: absolute;
  top: 0;
  left: -16px;
  content: "";
  width: 0;
  height: 0;
  border-color: transparent #1c8034 transparent transparent;
  border-style: solid;
  border-width: 16px 16px 16px 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.tagcloud a:after {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background-color: #fff;
  border-radius: 100%;
}

.post_tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.post_tag a {
  display: block;
  text-decoration: none;
  border: 1px solid #309882;
  color: #309882;
  padding: 6px 12px;
  border-radius: 4px;
  margin-right: 4px;
}
.post_tag a:hover {
  color: #cc012c;
  border: 1px solid #cc012c;
}

/* ============================================================================== */
/* footer */
/* ============================================================================== */
footer {
  background: url(images/footer_bg.jpg) no-repeat center;
  background-size: cover;
}
footer h4 {
  color: #fff;
  font-size: 15px;
}

.home_kurashi {
  padding-top: 72px;
}
.home_kurashi ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 88px 96px 64px 96px;
}
.home_kurashi ul li {
  width: 152px;
  height: 152px;
  margin-right: 32px;
  background: #fff;
  border-radius: 50%;
  padding: 16px;
}
.home_kurashi ul li a {
  text-decoration: none;
  display: block;
  position: relative;
  padding-top: 52px;
}
.home_kurashi ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
}
.home_kurashi ul li h4 {
  color: #309882;
  padding-bottom: 6px;
}
.home_kurashi ul li p {
  line-height: 1.32em;
  color: #309882;
  font-size: 11px;
}
.home_kurashi ul li:last-of-type {
  margin-right: 0px;
}

#lifeline_ico:before {
  top: 8px;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20320%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23309882%22%20d%3D%22M159.7%2C0l-5.6%2C3.1L5%2C86.4V320h129.3h9.2h32.3h9.2h129.3V86.4L159.7%2C0z%20M291.3%2C296.9h-92.3V213h-78.5v83.9%20H28.1v-197l131.6-73.5l131.6%2C73.5V296.9z%20M64.7%2C252.1h23.1v-27.5H64.7V252.1z%20M64.7%2C190.9h23.1v-27.5H64.7V190.9z%20M148.1%2C190.9%20h23.1v-27.5h-23.1V190.9z%20M146.8%2C65v23.2h-23.3V114h23.3v23.2h25.8V114h23.3V88.2h-23.3V65H146.8z%20M253.2%2C163.4h-21.7v27.5h21.7%20V163.4z%20M231.6%2C252.1h23.1v-27.5h-23.1V252.1z%22%2F%3E%3C%2Fsvg%3E");
}

#book_ico:before {
  top: 7px;
  width: 34px;
  height: 34px;
  margin-left: -17px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20320%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23309882%22%20d%3D%22M916.4%2C13.1l-5.6%2C3.1L761.7%2C99.5v233.6H891h9.2h32.3h9.2H1071V99.5L916.4%2C13.1z%20M1048%2C310h-92.3v-83.9h-78.5%20V310h-92.4V113l131.6-73.5L1048%2C113V310z%20M821.4%2C265.2h23.1v-27.5h-23.1V265.2z%20M821.4%2C204h23.1v-27.5h-23.1V204z%20M904.8%2C204h23.1%20v-27.5h-23.1V204z%20M903.4%2C78.1v23.2h-23.3v25.8h23.3v23.2h25.8v-23.2h23.3v-25.8h-23.3V78.1H903.4z%20M1009.9%2C176.5h-21.7V204h21.7%20V176.5z%20M988.2%2C265.2h23.1v-27.5h-23.1V265.2z%22%2F%3E%3Cpath%20fill%3D%22%23309882%22%20d%3D%22M305.5%2C60c-0.9-1.9-2.4-3.5-4.4-4.4c-4.1-1.9-8.7-3.5-13.8-4.9c-7.8-2.1-16.7-3.7-26.6-4.9%20c-9.9-1.1-20.7-1.7-32-1.7c-15.1%2C0-29.2%2C1.1-41.6%2C3c-6.2%2C1-11.9%2C2.2-17%2C3.6c-3.7%2C1-7%2C2.1-10.1%2C3.3c-3.1-1.2-6.5-2.3-10.1-3.3%20c-7.7-2.1-16.7-3.7-26.6-4.9c-9.9-1.1-20.7-1.7-32-1.7c-15.1%2C0-29.2%2C1.1-41.6%2C3c-6.2%2C1-11.9%2C2.2-17%2C3.6c-5.2%2C1.4-9.8%2C3-13.9%2C4.9%20c-2%2C0.9-3.5%2C2.5-4.3%2C4.4C7.7%2C61.7%2C0%2C64.8%2C0%2C70.4C0%2C74%2C0%2C233.2%2C0%2C233.2c0%2C15.6%2C12.7%2C28.3%2C28.3%2C28.3h114.2v1.5c0%2C3.1%2C2.5%2C5.6%2C5.5%2C5.6%20h23.7c3.1%2C0%2C5.5-2.5%2C5.5-5.6v-1.5h114.2c15.7%2C0%2C28.3-12.7%2C28.3-28.3c0%2C0%2C0-159.2%2C0-162.7C320%2C64.8%2C312.3%2C61.7%2C305.5%2C60z%20M151.1%2C229.3c-0.4-0.1-0.8-0.2-1.3-0.4c-7.7-2.1-16.7-3.7-26.6-4.9c-9.9-1.1-20.7-1.7-32-1.7c-15.1%2C0-29.2%2C1.1-41.6%2C3%20c-6.2%2C1-11.9%2C2.2-17%2C3.6c-0.4%2C0.1-0.8%2C0.3-1.2%2C0.4V69.7c1.8-0.6%2C3.8-1.2%2C5.9-1.8c6.7-1.8%2C14.8-3.3%2C24-4.4c9.2-1.1%2C19.3-1.6%2C30-1.6%20c14.2%2C0%2C27.5%2C1%2C38.8%2C2.8c5.6%2C0.9%2C10.8%2C2%2C15.2%2C3.2c2.1%2C0.6%2C4.1%2C1.2%2C5.9%2C1.8V229.3z%20M288.6%2C229.3c-0.4-0.1-0.8-0.2-1.2-0.4%20c-7.8-2.1-16.7-3.7-26.6-4.9c-9.9-1.1-20.7-1.7-32-1.7c-15.1%2C0-29.2%2C1.1-41.6%2C3c-6.2%2C1-11.9%2C2.2-17%2C3.6c-0.4%2C0.1-0.8%2C0.3-1.2%2C0.4%20V69.7c1.8-0.6%2C3.7-1.2%2C5.9-1.8c6.7-1.8%2C14.8-3.3%2C24-4.4c9.2-1.1%2C19.3-1.6%2C30-1.6c14.2%2C0%2C27.5%2C1%2C38.8%2C2.8c5.6%2C0.9%2C10.7%2C2%2C15.2%2C3.2%20c2.1%2C0.6%2C4.1%2C1.2%2C5.9%2C1.8V229.3z%22%2F%3E%3C%2Fsvg%3E");
}

#ship_ico:before {
  top: 8px;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20320%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M245%2C91.5c-1-0.4-2.1-0.7-3.3-0.7H74.9c-1.8%2C0-3.4%2C0.5-4.7%2C1.4c-1.4%2C0.9-2.4%2C2.2-3.1%2C3.7%20c-0.4%2C1-0.7%2C2.1-0.7%2C3.3v71.2l80-34.5c7.6-3.3%2C16.1-3.3%2C23.7%2C0l80%2C34.5h0V99.3c0-1.8-0.5-3.4-1.4-4.7%20C247.8%2C93.2%2C246.5%2C92.1%2C245%2C91.5z%20M123.4%2C136.2H93.9v-29.6h29.6V136.2z%20M222.7%2C136.2h-29.6v-29.6h29.6V136.2z%22%2F%3E%3Crect%20x%3D%22136.1%22%20y%3D%2233.8%22%20fill%3D%22%23fff%22%20width%3D%2244.3%22%20height%3D%2219%22%2F%3E%3Cpath%20fill%3D%22%23309882%22%20d%3D%22M289.9%2C187.6l-20.7-8.9V99.3c0-3.8-0.8-7.4-2.2-10.7c-2.1-4.9-5.6-9.1-9.9-12.1c-4.4-3-9.7-4.7-15.4-4.7h-42.2%20V17.3c0-2.4-0.5-4.7-1.4-6.7c-1.3-3.1-3.5-5.7-6.2-7.6c-2.7-1.9-6.1-3-9.7-3h-47.8c-2.4%2C0-4.7%2C0.5-6.7%2C1.4c-3.1%2C1.3-5.7%2C3.5-7.6%2C6.2%20c-1.9%2C2.8-3%2C6.1-3%2C9.7v54.5H74.9c-3.8%2C0-7.4%2C0.8-10.7%2C2.2c-4.9%2C2.1-9.1%2C5.6-12.1%2C9.9c-3%2C4.4-4.7%2C9.7-4.7%2C15.4v79.4l-20.7%2C8.9%20c-10.3%2C4.4-15.3%2C16.1-11.3%2C26.6L59%2C320h99.3h99.3l43.7-105.8C305.2%2C203.8%2C300.2%2C192.1%2C289.9%2C187.6z%20M136.1%2C33.8h44.3v19h-44.3V33.8z%20M250.2%2C170.5L250.2%2C170.5l-80-34.5c-7.6-3.3-16.1-3.3-23.7%2C0l-80%2C34.5V99.3c0-1.2%2C0.2-2.3%2C0.7-3.3c0.6-1.5%2C1.7-2.8%2C3.1-3.7%20c1.4-0.9%2C2.9-1.4%2C4.7-1.4h166.8c1.2%2C0%2C2.3%2C0.2%2C3.3%2C0.7c1.5%2C0.6%2C2.8%2C1.7%2C3.7%2C3.1c0.9%2C1.4%2C1.4%2C2.9%2C1.4%2C4.7V170.5z%22%2F%3E%3Crect%20x%3D%2293.9%22%20y%3D%22106.7%22%20fill%3D%22%23309882%22%20width%3D%2229.6%22%20height%3D%2229.6%22%2F%3E%3Crect%20x%3D%22193.1%22%20y%3D%22106.7%22%20fill%3D%22%23309882%22%20width%3D%2229.6%22%20height%3D%2229.6%22%2F%3E%3C%2Fsvg%3E");
}

#recruit_ico:before {
  top: 6px;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20320%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23309882%22%20d%3D%22M177.8%2C155.27c-9.25%2C6.48-20.49%2C10.29-32.6%2C10.29c-12.12%2C0-23.36-3.81-32.61-10.29%20c-16.17%2C6.94-26.11%2C19.16-32.17%2C29.95c-8.05%2C14.31-1.74%2C34.56%2C12.18%2C34.56c13.91%2C0%2C52.6%2C0%2C52.6%2C0s38.69%2C0%2C52.6%2C0%20c13.92%2C0%2C20.23-20.24%2C12.17-34.56C203.91%2C174.43%2C193.97%2C162.21%2C177.8%2C155.27z%20M145.19%2C152.02c23.76%2C0%2C43.02-19.27%2C43.02-43.04%20V98.67c0-23.77-19.26-43.04-43.02-43.04s-43.02%2C19.27-43.02%2C43.04v10.31C102.18%2C132.75%2C121.43%2C152.02%2C145.19%2C152.02z%20M310.55%2C276.21l-47.37-46.18c40.77-56.75%2C35.69-136.53-15.28-187.52c-56.64-56.67-148.78-56.67-205.42%2C0%20c-56.64%2C56.67-56.64%2C148.87-0.01%2C205.54c50.98%2C51%2C130.71%2C56.07%2C187.45%2C15.27l46.13%2C47.39c9.77%2C11.8%2C24.21%2C12.5%2C35.36%2C1.34%20C322.59%2C300.89%2C322.34%2C285.98%2C310.55%2C276.21z%20M227.73%2C227.87c-45.58%2C45.6-119.5%2C45.6-165.09-0.01%20c-45.58-45.61-45.58-119.56%2C0-165.16c45.59-45.61%2C119.5-45.61%2C165.08%2C0C273.31%2C108.3%2C273.32%2C182.25%2C227.73%2C227.87z%22%2F%3E%3C%2Fsvg%3E");
}

#house_ico:before {
  top: 6px;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20320%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23309882%22%20d%3D%22M260.76%2C42.48H59.24L0%2C141.24h32.12v141.24h255.75V141.24H320L260.76%2C42.48z%20M267.82%2C262.41H52.18V141.24%20h215.63V262.41z%20M134.51%2C162.09h-33.43v33.44h33.43V162.09z%20M219.76%2C162.09h-33.43v33.44h33.43V162.09z%22%2F%3E%3C%2Fsvg%3E");
}

#fish_ico:before {
  top: 6px;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20320%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23309882%22%20d%3D%22M916.4%2C13.1l-5.6%2C3.1L761.7%2C99.5v233.6H891h9.2h32.3h9.2H1071V99.5L916.4%2C13.1z%20M1048%2C310h-92.3v-83.9h-78.5%20V310h-92.4V113l131.6-73.5L1048%2C113V310z%20M821.4%2C265.2h23.1v-27.5h-23.1V265.2z%20M821.4%2C204h23.1v-27.5h-23.1V204z%20M904.8%2C204h23.1%20v-27.5h-23.1V204z%20M903.4%2C78.1v23.2h-23.3v25.8h23.3v23.2h25.8v-23.2h23.3v-25.8h-23.3V78.1H903.4z%20M1009.9%2C176.5h-21.7V204h21.7%20V176.5z%20M988.2%2C265.2h23.1v-27.5h-23.1V265.2z%22%2F%3E%3Cpath%20fill%3D%22%23309882%22%20d%3D%22M781.5-119.4c-0.9-1.9-2.4-3.5-4.4-4.4c-4.1-1.9-8.7-3.5-13.8-4.9c-7.8-2.1-16.7-3.7-26.6-4.9%20c-9.9-1.1-20.7-1.7-32-1.7c-15.1%2C0-29.2%2C1.1-41.6%2C3c-6.2%2C1-11.9%2C2.2-17%2C3.6c-3.7%2C1-7%2C2.1-10.1%2C3.3c-3.1-1.2-6.5-2.3-10.1-3.3%20c-7.7-2.1-16.7-3.7-26.6-4.9c-9.9-1.1-20.7-1.7-32-1.7c-15.1%2C0-29.2%2C1.1-41.6%2C3c-6.2%2C1-11.9%2C2.2-17%2C3.6c-5.2%2C1.4-9.8%2C3-13.9%2C4.9%20c-2%2C0.9-3.5%2C2.5-4.3%2C4.4c-6.8%2C1.7-14.5%2C4.9-14.5%2C10.5c0%2C3.5%2C0%2C162.7%2C0%2C162.7c0%2C15.6%2C12.7%2C28.3%2C28.3%2C28.3h114.2v1.5%20c0%2C3.1%2C2.5%2C5.6%2C5.5%2C5.6h23.7c3.1%2C0%2C5.5-2.5%2C5.5-5.6v-1.5h114.2c15.7%2C0%2C28.3-12.7%2C28.3-28.3c0%2C0%2C0-159.2%2C0-162.7%20C796-114.5%2C788.3-117.7%2C781.5-119.4z%20M627.1%2C50c-0.4-0.1-0.8-0.2-1.3-0.4c-7.7-2.1-16.7-3.7-26.6-4.9c-9.9-1.1-20.7-1.7-32-1.7%20c-15.1%2C0-29.2%2C1.1-41.6%2C3c-6.2%2C1-11.9%2C2.2-17%2C3.6c-0.4%2C0.1-0.8%2C0.3-1.2%2C0.4v-159.6c1.8-0.6%2C3.8-1.2%2C5.9-1.8c6.7-1.8%2C14.8-3.3%2C24-4.4%20c9.2-1.1%2C19.3-1.6%2C30-1.6c14.2%2C0%2C27.5%2C1%2C38.8%2C2.8c5.6%2C0.9%2C10.8%2C2%2C15.2%2C3.2c2.1%2C0.6%2C4.1%2C1.2%2C5.9%2C1.8V50z%20M764.6%2C50%20c-0.4-0.1-0.8-0.2-1.2-0.4c-7.8-2.1-16.7-3.7-26.6-4.9c-9.9-1.1-20.7-1.7-32-1.7c-15.1%2C0-29.2%2C1.1-41.6%2C3c-6.2%2C1-11.9%2C2.2-17%2C3.6%20c-0.4%2C0.1-0.8%2C0.3-1.2%2C0.4v-159.6c1.8-0.6%2C3.7-1.2%2C5.9-1.8c6.7-1.8%2C14.8-3.3%2C24-4.4c9.2-1.1%2C19.3-1.6%2C30-1.6c14.2%2C0%2C27.5%2C1%2C38.8%2C2.8%20c5.6%2C0.9%2C10.7%2C2%2C15.2%2C3.2c2.1%2C0.6%2C4.1%2C1.2%2C5.9%2C1.8V50z%22%2F%3E%3Cpath%20fill%3D%22%23309882%22%20d%3D%22M-148.4%2C27.6l-20.7-8.9v-79.4c0-3.8-0.8-7.4-2.2-10.7c-2.1-4.9-5.6-9.1-9.9-12.1c-4.4-3-9.7-4.7-15.4-4.7h-42.2%20v-54.5c0-2.4-0.5-4.7-1.4-6.7c-1.3-3.1-3.5-5.7-6.2-7.6c-2.7-1.9-6.1-3-9.7-3h-47.8c-2.4%2C0-4.7%2C0.5-6.7%2C1.4%20c-3.1%2C1.3-5.7%2C3.5-7.6%2C6.2c-1.9%2C2.8-3%2C6.1-3%2C9.7v54.5h-42.2c-3.8%2C0-7.4%2C0.8-10.7%2C2.2c-4.9%2C2.1-9.1%2C5.6-12.1%2C9.9%20c-3%2C4.4-4.7%2C9.7-4.7%2C15.4v79.4l-20.7%2C8.9c-10.3%2C4.4-15.3%2C16.1-11.3%2C26.6l43.7%2C105.8h99.3h99.3l43.7-105.8%20C-133.1%2C43.8-138.1%2C32.1-148.4%2C27.6z%20M-302.2-126.2h44.3v19h-44.3V-126.2L-302.2-126.2z%20M-188.1%2C10.5l-80-34.5%20c-7.6-3.3-16.1-3.3-23.7%2C0l-80%2C34.5v-71.2c0-1.2%2C0.2-2.3%2C0.7-3.3c0.6-1.5%2C1.7-2.8%2C3.1-3.7c1.4-0.9%2C2.9-1.4%2C4.7-1.4h166.8%20c1.2%2C0%2C2.3%2C0.2%2C3.3%2C0.7c1.5%2C0.6%2C2.8%2C1.7%2C3.7%2C3.1c0.9%2C1.4%2C1.4%2C2.9%2C1.4%2C4.7L-188.1%2C10.5L-188.1%2C10.5z%22%2F%3E%3Cpath%20fill%3D%22%23309882%22%20d%3D%22M295.9%2C162.9l23.9-61.7c0.5-1.4%2C0.1-2.9-1.1-3.8c-1.2-0.9-2.8-0.9-4%2C0l-61.9%2C45.7%20c-13.3-1.6-27.7-33.5-91.2-49.3l18.5-2.6c3-0.4%2C5.6-2.2%2C7.1-4.7c1.5-2.6%2C1.8-5.7%2C0.8-8.5l-9.3-25.7c-1.1-3.1-3.8-5.5-7-6.3%20c-3.2-0.8-6.7%2C0.1-9.1%2C2.4l-42.5%2C40C51.5%2C89.9%2C0%2C145.3%2C0%2C162.9c2.3%2C14.8%2C30.6%2C48.7%2C73.3%2C65.2c4.5-6.2%2C8.1-12.3%2C10.9-18%20C92.6%2C193.3%2C95%2C178.9%2C95%2C169c0-4-0.4-7.3-0.9-9.6c-0.8-3.8%2C1.6-7.5%2C5.4-8.3c3.8-0.8%2C7.5%2C1.6%2C8.3%2C5.4c0.7%2C3.4%2C1.2%2C7.6%2C1.2%2C12.5%20c0%2C12.1-2.9%2C28.7-12.3%2C47.4c-2.6%2C5.3-5.8%2C10.7-9.6%2C16.3c14.7%2C4%2C30.8%2C5.8%2C47.8%2C4.2l12.7%2C24.7c1.3%2C2.5%2C3.6%2C4.3%2C6.3%2C5.1%20c2.7%2C0.7%2C5.6%2C0.3%2C8-1.3l9.7-6.3c2.7-1.7%2C4.3-4.6%2C4.5-7.8c0.1-3.2-1.2-6.2-3.7-8.2l-12.9-10.4c65.4-15.6%2C80-48.2%2C93.4-49.8l61.9%2C45.7%20c1.2%2C0.9%2C2.8%2C0.9%2C4%2C0c1.2-0.9%2C1.6-2.5%2C1.1-3.8L295.9%2C162.9z%20M47.8%2C167.6c-5.8%2C0-10.5-4.7-10.5-10.5c0-5.8%2C4.7-10.5%2C10.5-10.5%20c5.8%2C0%2C10.5%2C4.7%2C10.5%2C10.5C58.3%2C162.9%2C53.6%2C167.6%2C47.8%2C167.6z6z%22%2F%3E%3C%2Fsvg%3E");
}

.support_li {
  display: flex;
  flex-wrap: wrap;
  padding-top: 16px;
  margin-bottom: 88px;
  gap: 32px;
}
.support_li li {
  background: #fff;
  width: calc((100% - 96px) / 4);
}
.support_li li a {
  display: block;
  text-decoration: none;
  padding: 16px 0px;
}
.support_li li:last-of-type {
  margin-right: 0px;
}

.footer_credit {
  padding: 16px 0px 32px 0px;
}
.footer_credit p {
  color: #fff;
  line-height: 1.48em;
}
.footer_credit p a {
  text-decoration: none;
}
.footer_credit p #email_txt {
  color: #fff;
  display: inline-block;
  margin-left: 32px;
}
.footer_credit p.copy {
  margin-top: 8px;
}

/* ============================================================================== */
/* 個別設定 */
/* ============================================================================== */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  text-align: center;
  margin: 0px auto;
}

.w_40 {
  width: 39% !important;
}
.w_40 video {
  width: calc(100% - 32px) !important;
}

.w_30 {
  width: 29% !important;
}
.w_30 video {
  width: calc(100% - 32px) !important;
}

.w_50 {
  width: 49% !important;
}
.w_50 video {
  width: calc(100% - 32px) !important;
}

.w_60 {
  width: 60% !important;
}
.w_60 video {
  width: calc(100% - 32px) !important;
}

.w_70 {
  width: 70% !important;
}
.w_70 video {
  width: calc(100% - 32px) !important;
}

.w_80 {
  width: 80% !important;
}
.w_80 video {
  width: calc(100% - 32px) !important;
}

.alignleft_m {
  float: left;
  margin-left: 24px;
}

.alignright_m {
  float: right;
  margin-right: 24px;
}

.aligncenter {
  text-align: center;
  margin: 0px auto;
}

.t_left, .has-text-align-left {
  text-align: left !important;
}

.t_right, .has-text-align-right {
  text-align: right !important;
}

.t_center, .has-text-align-center {
  text-align: center !important;
}

.d_none {
  display: none;
}

.clear {
  clear: both !important;
}

.red {
  color: #cc012c !important;
}

.block {
  display: block;
}

.kome {
  text-indent: -1.2em !important;
  margin-left: 1.2em !important;
  display: block;
}

.sur_space {
  padding-top: 48px !important;
}

.bottom_space {
  padding-bottom: 120px !important;
}