@charset "utf-8";

:root {
  --primary-green-light-old: #c8e6c9;
  --primary-green-light: #b5e3d4;
  --primary-green-old: #388e3c;
  --primary-green: #388e80;
  --secondary-green-old: #e6f2e6;
  --secondary-green: #e6f2ee;
}

html {
  font-size: 62.5%;
}

body {
  color: #404040;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width:768px) {
  
  body {
    font-size: 1.4rem;
  }
  
}

img {
  height: auto;
  max-width: 100%;
}

a {
  color: var(--primary-green);
  text-decoration: underline;
}

a:hover {
  opacity: .75;
  transition: .1s;
}

p {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 1em;
}

@media screen and (max-width:768px) {
  
  p {
    font-size: 1.4rem;
  }

}


/* -- WordPress管理バー 位置修正 -- */

#wpadminbar#wpadminbar {
  position: fixed;
}

#wpadminbar *::before {
  vertical-align: baseline;
}

/* メタスライダー 補正 */

.metaslider .flexslider {
  border-radius: 0;
  overflow: hidden;
}

.metaslider .flexslider .slides {
  border-radius: 1.5rem;
  overflow: hidden;
}

.metaslider .flexslider .caption-wrap {
  background: rgb(72 165 122 / 75%);
  opacity: 1;
  text-align: right;
}

.metaslider .flexslider .caption {
  padding: 1.5rem;
}

.metaslider .flex-control-nav.flex-control-paging {
  bottom: 0;
  margin: 1em 0;
  position: relative;
}

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

  .metaslider.metaslider .flexslider {
    margin-bottom: 0;
  }
  
  .metaslider.metaslider .flex-control-nav.flex-control-paging {
    margin: .6em 0;
  }
  
}

/* -- before -- */

.main_width {
  margin-left: auto;
  margin-right: auto;
  max-width: 120rem;
  padding-left: .5rem;
  padding-right: .5rem;
}

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

  .main_width {
    padding-left: 1rem;
    padding-right: 1rem;
  }

}

/* ----------------------------------------
---------------- Bootstrap 補正 ----------------
----------------------------------------- */

.container {
  padding: 0;
}

/* ------------------------------------
---------------- ヘッダー ----------------
------------------------------------ */

/**/

.header_wrap {
  margin-bottom: 1em;
}

.header_top_wrap {
  align-items: flex-start;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0;
  position: relative;
}

.header_top_logo {
  margin: 0;
}

.header_sub_nav {
  padding-top: 1rem;
}

.header_sub_nav > a {
  overflow: hidden;
}

/**/
@media screen and (max-width:768px) {
  
  .header_wrap {
    margin-bottom: 0;
  }

  .header_top_wrap {
    align-items: stretch;
    height: 6rem;
    padding: 0;
  }

  .header_top_logo {
    max-width: 24.6rem;
    padding: .5rem 1rem;
  }
  
}

/* グローバルメニュー */
.global_nav_list {
  display: flex;
  font-feature-settings: 'palt';
  font-size: 1.4rem;
  font-weight: 500;
  list-style: none;
  margin: 1rem auto;
  padding: 0;
  text-align: center;
}

.global_nav_list > * {
  display: inline-flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

.global_nav_list > * a {
  color: #303030;
  display: block;
  flex: auto;
  text-decoration: none;
}

.global_nav_list > *:not(:last-child)::after {
  align-self: center;
  border-right: dotted .1rem #ccc;
  content: '';
  display: block;
  height: 60%;
}

.global_nav_list_inner {
  align-items: center;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: .5rem .25rem;
  margin: 0 1rem;
}

.global_nav_list a:hover {
  color: inherit;
}

.global_nav_list a:hover .global_nav_list_inner {
  background: var(--secondary-green);
}

.global_nav_list_title {
  margin-top: .5rem;
}


/* SP メニュー */
.header_top_menu_button {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0 1rem;
  width: 6rem;
}

.header_top_menu_button.act {
  background-color: var(--primary-green);
}

.header_top_sp_mune_lists {
  background-color: #fff;
  display: none;
  padding: 1.6rem;
  position: absolute;
  right: 0;
  z-index: 9999;
}

.header_top_sp_quick_nav {
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
}

.header_top_sp_quick_nav > * {
  border-radius: 1rem;
  display: inline-block;
  overflow: hidden;
  width: 48%;
}

.header_top_menu_button_menu,
.act .header_top_menu_button_batten {
  display: inline-block;
}

.header_top_menu_button_batten,
.act .header_top_menu_button_menu {
  display: none;
}

/* 重要なお知らせ */
.important_bulletin_area {
  background-color: #fbebeb;
  margin: 1em 0;
}

.important_bulletin_box {
  align-items: center;
  display: flex;
  font-size: 1.8rem;
  margin: 0 auto;
  padding: 2rem .5rem;
}

.important_bulletin_title {
  align-items: center;
  display: flex;
  margin-right: 6em;
}

.important_bulletin_title_icon {
  padding-right: .5em;
}

.important_bulletin_posts_wrap {
}

.important_bulletin_posts {
  align-items: center;
  display: flex;
}

.important_bulletin_post_date {
  margin-right: 1em;
}

.important_bulletin_post_title a {
  color: #303030;
}

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

  .header_top_sp_quick_nav > * {
    width: auto;
  }

  .important_bulletin_area {
    margin: 0;
  }
  
  .important_bulletin_box {
    display: block;
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
  }
  
  .important_bulletin_title {
    font-weight: bold;
  }
  
  .important_bulletin_title_icon {
    width: 2em;
  }
  
}

/* ------------------------------------
---------------- フッター ----------------
------------------------------------ */

/* ----- pagetop ----- */
.pagetop {
  align-items: center;
  background: var(--primary-green);
  border-radius: .5rem;
  bottom: 6.5rem;
  box-shadow: 0 0 0 .1rem rgba(255, 255, 255, .5);
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  justify-content: center;
  padding: 1rem;
  position: fixed;
  right: 3.5rem;
  text-align: left;
  text-decoration: none;
  width: calc(6em + 2rem);
  z-index: 128;
}

.pagetop:hover {
  color: #fff;
  text-decoration: none;
}

.pagetop-symbol {
  left: 50%;
  padding-bottom: 1.5rem;
  position: absolute;
  top: -5rem;
  transform: translateX(-50%);
  transition: .5s;
}

.pagetop-text {
  line-height: 1;
  word-break: break-all;
}

.pagetop:hover .pagetop-symbol {
  top: -5.5rem;
}

.pagetop:hover .pagetop-text {
/*  margin-bottom: 1.25rem;*/
}

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

  .pagetop {
    bottom: 2.5rem;
    right: 1.5rem;
  }

}



.footers_wrap {
  background-color: var(--primary-green-light);
  padding: 3rem 0;
}

.footer_warp {
  display: flex;
  font-size: 1.4rem;
  justify-content: space-between;
}

.footer_company_address p {
  margin: 1.5rem 0;
  font-size: 1em;
}

.footer_company_address .footer_company_name {
  margin-top: 0;
  font-size: 2.4rem;
  font-weight: bold;
}

.footer_quick_nav {
  display: flex;
}

.footer_quick_nav > * {
  height: 10rem;
  margin-left: 1.6rem;
  width: 12rem;
}

.footer_company_tel {
  display: inline-block;
  margin-right: 4em;
}

.footer_company_fax {
  display: inline-block;
}

.footer_banner {
  margin: .5em 0 0;
}

@media screen and (max-width:768px) {
  
  .footers_wrap {
    background: #f0f8f0;
    padding: 2rem 0;
  }

  .footer_warp {
    display: block;
    font-size: 1.2rem;
  }

  .footer_company_address .footer_company_name {
    font-size: 2rem;
  }

  .footer_quick_nav {
    justify-content: space-between;
  }

  .footer_quick_nav > * {
    height: 8rem;
    margin-left: 0;
    width: 48.2%;
  }

  .footer_company_tel {
    margin-right: 2em;
  }

  .footer_banner {
    margin: 1em 0 0;
  }
  
}

/**/

.footer_nav_wrap {
  background-color: #bdbdbd;
  background-color: #e7f1ef;
}

.footer_nav {
  display: flex;
  font-size: 1.4rem;
  justify-content: space-between;
  margin: 0 auto;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.footer_nav > * {
  width: 23%;
}

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

  
  .footer_nav_wrap {
    background: #f0f8f0;
  }

  .footer_nav {
    border-left: solid .1rem var(--primary-green);
    border-top: solid .1rem var(--primary-green);
    display: block;
    font-size: 1.2rem;
    overflow: hidden;
    padding: 0;
  }

  .footer_nav > * {
    width: 100%;
  }

  .footer_nav > .liststyle05 {
    margin-top: 0;
  }

  .footer_nav > .liststyle05 > * {
    float: left;
    margin-bottom: 0;
    width: 50%;
  }

  .footer_nav > .liststyle05 > * > :first-child {
    align-items: center;
    background-color: #fff;
    border-bottom: solid .1rem #bdbdbd;
    border-right: solid .1rem #bdbdbd;
    border-bottom: solid .1rem var(--primary-green);
    border-right: solid .1rem var(--primary-green);
    color: inherit;
    display: flex;
    justify-content: space-between;
    padding: .7em;
    text-decoration: none;
  }

  .footer_nav > .liststyle05 > * > :first-child::after {
    color: #bdbdbd;
    color: var(--primary-green);
    content: "^";
    display: inline-block;
    font-weight: normal;
    transform: rotate(90deg) scale(1.9, 1);
  }
  
}

/**/

.footer_copyright01 {
  font-feature-settings: 'palt';
  font-size: 1.4rem;
  padding: .7rem 0;
}

.footer_copyright02 {
  background-color: var(--primary-green);
  color: #fff;
  display: block;
  padding: .7rem 0;
}

.copyright {
  display: block;
  font-size: 1.4rem;
  margin: 0 auto;
}

@media screen and (max-width:768px) {
  
  .footer_copyright01 {
    font-size: 1.2rem;
  }
  
}

/* ------------------------------------
-------------- トップページ --------------
------------------------------------ */

/* スライダー */

.toppage_metaslider {
  margin: 0 auto;
}

.toppage_metaslider .metaslider .flexslider .flex-direction-nav li a {
  background-color: #fff;
  background-image: url(../images/arrow_l.png);
  background-position: center;
  border-radius: .5rem;
  top: 47%;
}

.toppage_metaslider .metaslider .flexslider .flex-direction-nav li a.flex-next {
  background-image: url(../images/arrow_r.png);
}

.toppage_metaslider .flex-control-paging li a {
  background-color: #bdbdbd;
}

.toppage_metaslider .flex-control-paging li a.flex-active {
  background-color: var(--primary-green);
}

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

  .toppage_metaslider {
    padding: 0;
  }
  
  .toppage_metaslider .metaslider .flex-control-paging li a {
    height: 4px;
    margin: 0 3px;
    width: 4px;
  }
  
}

/* セクション */

.toppage_section {
/*  background-color: #fff;*/
  padding: 3.5rem 0 5rem;
}

.toppage_section:nth-child(even) {
  background-color: var(--primary-green-light);
}

.toppage_section_head {
  color: var(--primary-green);
  font-size: 2.4rem;
  text-align: center;
}

.toppage_section_head img {
/*  margin-bottom: .5em;*/
}

.toppage_section_head_text {
  display: inline-block;
  /* svgをBase64に変換 #388e3c */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2M4ZTZjOTsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2I1ZTNkNDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: 1em 1em;
/*  border-bottom: dotted .75rem #388e3c;*/
  margin-bottom: 1.5rem;
  padding: 1.5rem 1rem 2.5rem;
}

.toppage_section:nth-child(even) .toppage_section_head_text {
  /* svgをBase64に変換 #c8e6c9 */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogIzM4OGUzYzsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4=");
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogIzM4OGU4MDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4=");
/*  border-color: #c8e6c9; */
}

@media screen and (max-width:768px) {
  
  .toppage_section {
    padding: 1.5rem 0 2.5rem;
  }

  .toppage_section p {
    font-size: 1.2rem;
  }
  
  .toppage_section_head {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
/*    margin-top: -1rem;*/
    margin-bottom: .5em;
  }
  
  .toppage_section_head img {
    display: block;
    margin: auto;
/*    margin-bottom: -1rem;*/
    max-height: 1.8rem;
    max-width: 1.8rem;
  }
  
  .toppage_section_head_text {
/*    border-width: .45rem;*/
    font-size: 1.2rem;
    padding: .25rem .5rem 1rem;
/*    background-size: .8rem;*/
  }
  
}

/* キャンペーン,お知らせ(Swiper) */

.toppage_campaign_list_wrap {
  margin: 0 auto;
  padding: 0 3rem;
  position: relative;
}

.toppage_news_list_wrap {
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
}

.swiper-wrapper {
  list-style: none;
  padding: 0;
}

.swiper-slide {
}

.swiper-pagination {
  position: static;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--primary-green);
}

.toppage_campaign_list_slider {
  align-items: center;
  display: flex;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(../images/arrow_r.png);
  right: 0;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(../images/arrow_l.png);
  left: 0;
}

.swiper-button-next,
.swiper-button-prev {
  background-size: 11px 19px;
  top: 47%;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  color: var(--primary-green);
  font-size: 2rem;
}

.toppage_campaign_list {
  line-height: 1;
  margin: 0;
  padding: 0;
}

.toppage_campaign_list img {
  border-radius: .5rem;
  width: 100%;
}

.swiper-image-container {
  max-height: 18rem;
  text-align: center;
}

.swiper-image-container img {
  border-radius: .5rem;
  max-height: 18rem;
  width: auto;
}

.toppage_campaign_none {
  margin-bottom: 4.5rem;
  margin-top: 2.5rem;
}

@media screen and (max-width:768px) {
  
  .swiper-pagination {
    display: none;
  }

}

.post-cat {
  background: #969696;
  color: #fff;
  display: inline-block;
  font-size: .9em;
  line-height: 1;
  padding: .15rem .5rem;
  text-decoration: none;
}

.post-cat:hover {
  color: #fff;
  text-decoration: none;
}

.post-cat-news {
  background: var(--primary-green);
}

.post-cat-campaign {
  background: #e74837;
}


/*
--- アクセス -----------------------------
*/

.toppage_access_section {
  background-color: #f0f8f0;
  padding-bottom: 0;
}

.toppage_map_section_gmap {
  display: block;
  height: 60rem;
  width: 100%;
}

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

  .toppage_map_section_gmap {
    height: 30rem;
  }
  
}


/* ------------------------------------
--------------- 第二階層 ---------------
------------------------------------ */

/* カバー(見出し領域) */
.head_band_area {} /* 視覚領域 */
.head_band_box {} /* 要素領域 */
.head_band_title {} /* タイトル */

.head_band_area {
  background-image: url(../images/bg_cover.jpg);
  background-position: center;
  background-size: cover;
  height: 11rem;
  position: relative;
  width: 100%;
}

.head_band_area::after {
  background: rgba(200, 230, 201, .5);
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.head_band_box {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  z-index: 1;
}

.head_band_title {
  background: #fff;
  border-radius: .25rem;
  color: var(--primary-green);
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 500;
  margin-left: 1rem;
  padding: .5rem 3.5rem .65rem;
}

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

  .head_band_area {
    height: 9rem;
  }
  
  .head_band_title {
    font-size: 2rem;
    margin-left: .5rem;  
    padding: .5rem 1rem .75rem;
  }
  
}

/* パンくず */
.breadcrumbs_area {} /* 視覚領域 */
.breadcrumbs {} /* 要素領域 */

.breadcrumbs {
  font-size: 1.35rem;
  line-height: 1.15;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.breadcrumbs a {
  text-decoration: none;
}

@media screen and (max-width:768px) {
  
  .breadcrumbs {
    font-size: 1.2rem;
  }
  
}

.content_flex {
  align-items: flex-start;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 4rem auto 12.5rem;
  max-width: 120rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.content_main {
  flex: 3;
  max-width: 86rem;
  margin-left: auto;
  margin-right: auto;
}

.no_sidebar {
  max-width: 120rem;
}

.content_sub {
  flex: 1;
  margin-right: 1rem;
/*  max-width: 25rem;*/
}

@media screen and (max-width:768px) {
  
  .content_flex {
    align-items: stretch;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 1.5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .content_main,
  .content_sub {
    flex: auto;
    max-width: none;
  }
  
  .content_main {
    margin: 0 0 4.5rem;
  }
  
  .content_sub {
    margin-right: 0;
  }
  
}

/* サイドバー */
.sidebar_menues {} /* dl */
.sidebar_menu_parent {} /* dt */
.sidebar_menu_child {} /* dd */
.sidebar_menu_item {} /* a */

.sidebar_menues {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2NmY2ZjZjsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 1em 1em;
  margin: 0;
  padding: 1.5rem;
  position: relative;
}

.sidebar_menues::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2NmY2ZjZjsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iNCIgcj0iMiIvPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSIxMiIgY3k9IjQiIHI9IjIiLz4NCiAgPC9nPg0KPC9zdmc+DQo=");
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 1em 1em;
  content: '';
  height: 1em;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.sidebar_menu_parent {
  color: var(--primary-green);
  font-size: 2rem;
  font-weight: normal;
  margin: 1rem 0;
}

.sidebar_menu_child {
  margin-bottom: 1.5rem;
}

.sidebar_menu_item {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyOCI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5hIHsNCiAgICAgICAgZmlsbDogIzM4OGUzYzsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwb2x5Z29uIGNsYXNzPSJhIiBwb2ludHM9IjI0IDE0IDAgMCAwIDI4IDI0IDE0Ii8+DQo8L3N2Zz4NCg==");
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyOCI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5hIHsNCiAgICAgICAgZmlsbDogIzM4OGU4MDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwb2x5Z29uIGNsYXNzPSJhIiBwb2ludHM9IjI0IDE0IDAgMCAwIDI4IDI0IDE0Ii8+DQo8L3N2Zz4NCg==");
  background-position: .25rem center;
  background-repeat: no-repeat;
  background-size: .75em .75em;
  color: #303030;
  display: inline-block;
  padding: 0 .25rem 0 1.5em;
  text-decoration: none;
}

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

  .sidebar_menues {
    padding: 1.5rem 3.5rem;
  }
  
}


/* ------------------------------------
-------------- リストデザイン --------------
------------------------------------ */

/* 01 */

.liststyle01 {
  border-left: solid .1rem var(--primary-green);
  border-top: solid .1rem var(--primary-green);
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

.liststyle01 > * {
  border-bottom: solid .1rem var(--primary-green);
  border-right: solid .1rem var(--primary-green);
}

.liststyle01 > .strong {
  background-color: #f2bb19;
}

.liststyle01 > * > :first-child {
  align-items: center;
  color: inherit;
  display: flex;
  justify-content: space-between;
  padding: .5rem 1rem;
  text-decoration: none;
}

.liststyle01 > * > :first-child::after {
  color: var(--primary-green);
  content: "^";
  display: inline-block;
  font-weight: normal;
  transform: rotate(90deg) scale(1.9, 1);
}

.liststyle01 > * > :first-child:hover {
  color: inherit;
  text-decoration: none;
}

/* 02 */

.liststyle02 {
  display: flex;
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

.liststyle02 > * {
  width: 50%;
}

.liststyle02 > * > :first-child {
  align-items: center;
  color: inherit;
  display: flex;
  text-decoration: none;
}

.liststyle02 > * > :first-child::before {
  color: var(--primary-green);
  content: "^";
  display: block;
  font-weight: normal;
  margin-right: .6em;
  transform: rotate(90deg) scale(1.6, .8);
}

.liststyle02 > * > :first-child:hover {
  color: inherit;
  text-decoration: none;
}

/* 03 */

.liststyle03 {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.liststyle03 > * {
  list-style: none;
  margin-right: 1.333%;
  margin-bottom: 1.333%;
  width: 24%;
}

.liststyle03 a {
  color: #303030;
  display: block;
  line-height: 1;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.liststyle03 a {
  border-radius: 1rem;
  overflow: hidden;
}

.liststyle03 img {
  height: auto;
  width: 100%;
}

.liststyle03 .liststyle03_title {
  background-color: rgba(255, 255, 255, .8);
  bottom: 0;
  font-weight: 500;
  padding: .5rem .25rem .75rem;
  position: absolute;
  text-align: center;
  width: 100%;
}

.liststyle03 > *:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width:768px) {
  
  .liststyle03 {
    justify-content: space-between;
  }
  
  .liststyle03 > * {
    margin: 0 0 2%;
    width: 49%;
  }

  .liststyle03 .liststyle03_title {
    font-size: 1.25rem;
    padding: .5rem .25rem .5rem;
  }
  
}

/* 04 */

.liststyle04 {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 1.6em 0;
  padding: 0;
}

.liststyle04 > * {
  list-style: none;
  margin-bottom: 1.333%;
  margin-right: 1.333%;
  width: 24%;
}

.liststyle04 img {
  height: auto;
  width: 100%;
}

.liststyle04 .liststyle04_title {
  background-color: rgba(255, 255, 255, 0.6);
  margin-top: -1.6em;
  padding: .3em 0;
  position: relative;
  text-align: center;
}

.liststyle04 > *:nth-child(4n) {
  margin-right: 0;
}

.liststyle04_date {
  display: inline-block;
  margin-right: .6em;
}

@media screen and (max-width:768px) {
  .liststyle04 {
    font-size: 1rem;
    justify-content: space-between;
  }

  .liststyle04 > * {
    list-style: none;
    margin-bottom: 3%;
    width: 48.5%;
  }
}

/* 05 */

.liststyle05 {
  font-size: 1em;
  list-style: none;
  margin: 1.6em 0 0;
  padding: 0;
}

.liststyle05 > * {
  margin-bottom: 1.6em;
}

.liststyle05 > * > :first-child {
  border-bottom: dashed .1rem #fff;
  border-bottom: dashed .1rem var(--primary-green);
  color: inherit;
  display: block;
  padding: .25em 0;
  text-decoration: none;
}

/* 06 */

.liststyle06 {
  font-size: 1em;
  line-height: 1.3;
  list-style: disc;
  margin: 1em 0 .5em 2em;
  padding: 0;
}

.liststyle06 li {
  list-style: none;
  position: relative;
}

.liststyle06 li::before {
  content: '・';
  left: -1em;
  position: absolute;
  top: 0;
}

.liststyle06 > * {
  margin-bottom: .5em;
}

.liststyle06 > * > :first-child {
  color: inherit;
  display: inline-block;
  text-decoration: none;
}


/* ------------------------------------------
----------------- アーカイブ -----------------
------------------------------------------- */
.archive_area {} /* article */
.archive_box {} /* a or div */
.archive_summary {} /* a or div in div(flexitem) */
.archive_excerpt {} /* excerpt wrapper */
.archive_image_wrap {} /* a or div in div(flexitem),imagewrapper */

.archive_area {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2M4ZTZjOTsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2I1ZTNkNDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 2rem 2rem;
  margin: 1.5rem 0;
  padding: 1rem 1rem 3.5rem;
}

h1 + .archive_area {
  margin-top: 4.5rem;
}

.archive_box {
  color: inherit;
  display: flex;
  flex-direction: row-reverse;
  text-decoration: none;
}

.archive_box:hover {
  color: inherit;
  text-decoration: none;
}

.archive_summary {
  flex: 2;
  margin-left: 1.5rem;
}

.archive_excerpt {
  margin: 1.5rem;
}

.archive_excerpt p {
  margin-bottom: 0;
}

.archive_label {
  font-weight: 500;
}

.archive_label--end {
  color: orange;
  font-weight: 500;
}

.archive_date {
  display: flex;
  justify-content: flex-end;
  margin-right: 1.5rem;
}

.archive_image_wrap {
  flex: 1;
  max-width: 28rem;
  text-align: center;
}

.archive_image_wrap img {
  border-radius: .5rem;
}



@media screen and (max-width:768px) {
  
  .archive_area {
  }
  
  h1 + .archive_area {
    margin-top: 2.5rem;
  }
  
  .archive_box {
    display: block;
  }

  .archive_summary {
    margin-left: 0;
  }

  .archive_excerpt {
    margin: 1rem 1.5rem;
  }

  .archive_image_wrap {
    margin: 1rem 1.5rem 0;
    max-width: none;
    text-align: center;
  }

}

/* ----- wp-pagenavi ----- */
.wp-pagenavi {
  display: flex;
  justify-content: center;
}

.wp-pagenavi .page {
  background: #d9e2d9;
  background: var(--secondary-green);
  color: #000;
  display: inline-block;
  line-height: 1;
  margin: 1rem .5rem;
  padding: .75rem 1rem .85rem;
  text-decoration: none;
}

.wp-pagenavi .current {
  background: var(--primary-green);
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin: 1rem .5rem;
  padding: .75rem 1rem .85rem;
}


/* ------------------------------------------
----------------- リンクデザイン -----------------
------------------------------------------- */

/* 01 */

.link01 {
  background-color: var(--primary-green);
  border-radius: .5rem;
  color: #fff;
  display: inline-block;
  padding: .75rem .75rem .85rem;
  line-height: 1;
  text-decoration: none;
}

.link01:hover {
  color: #fff;
}

@media screen and (max-width:768px) {
  
  .link01 {
    font-size: .8em;
  }

}

/* ------------------------------------------
------------------- ボタン -------------------
------------------------------------------- */

/* 資料請求 お問い合わせ */

.button_contact_us {
  align-items: center;
  background-color: var(--primary-green);
  color: #fff;
  display: inline-flex;
  font-size: 1.2rem;
  justify-content: center;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  padding: 1rem;
}

.button_contact_us {
  border-radius: 1rem;
  overflow: hidden;
}

.button_contact_us:hover {
  color: #fff;
  text-decoration: none;
}

.button_contact_us img {
  margin-bottom: .8em;
}

/* 仮入所申し込み */

.button_inquiry {
  align-items: center;
  background-color: #ff5252;
  color: #fff;
  display: inline-flex;
  font-size: 1.2rem;
  justify-content: center;
  line-height: 1.3;
  padding: 1rem;
  text-align: center;
  text-decoration: none;
}

.button_inquiry {
  border-radius: 1rem;
  overflow: hidden;
}

.button_inquiry:hover {
  color: #fff;
  text-decoration: none;
}

.button_inquiry img {
  margin-bottom: .8em;
}


/* ------------------------------------------
------------------ お問合せ ------------------
------------------------------------------- */
.page-inquiry-form {
  background: #f1f1f1;
  margin: 5.5rem auto 7.5rem;
  padding: 4.5rem 2.5rem;
}

.page-form-block {
  display: flex;
  flex-wrap: wrap;
  margin: auto auto 1.5rem;
  max-width: 60rem;
  width: 100%;
}

.page-form-head {
  background: var(--primary-green);
  border-radius: .5rem .5rem 0 0;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0;
  padding: .15rem 1.5rem .25rem;
  text-align: left;
}

.form-required {
  background: rgba(0, 0, 0, .25);
  display: inline-block;
  font-size: .85em;
  line-height: 1;
  padding: .25rem .5rem .5rem;
}

.page-form-interface {
  background: #fefefe;
  border-bottom: solid .2rem #ddd;
  border-radius: 0 .5rem .5rem .5rem;
  letter-spacing: .25rem;
  margin-bottom: 1.5rem;
  padding: 1.25rem 1rem 1.5rem;
  text-align: center;
  width: 100%;
}

.inquiry-fullwidth {
  margin: 0 auto 1.5rem;
  width: 100%;
}

.page-form-radio-box {
  display: flex;
  flex-wrap: wrap;
}

.mwform-radio-field {
  background: #eee;
  border-radius: .25rem;
  display: inline-block;
  margin-bottom: .5rem;
  padding: 0 .75rem;
}

.page-form-interface input,
.page-form-interface select,
.page-form-interface textarea {
  border: solid 1px #bfbfbf;
  font-family: 'Noto Sans JP', 'メイリオ', sans-serif;
  font-size: 1.6rem;
  padding: .5rem 1rem;
}

.page-form-interface [type="radio"] {
  margin-right: 0;
}

.mwform-tel-field {
  align-items: center;
  display: flex;
  justify-content: center;
}

.page-loginform label {
  background: #2f7fc1;
  border-radius: .5rem .5rem 0 0;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  margin-bottom: 0;
  padding: .25rem 1.5rem;
  text-align: left;
}

.page-form-input {
  background: #fefefe;
  border-bottom: solid .2rem #ddd;
  border-radius: 0 .5rem .5rem .5rem;
  font-family: 'Noto Sans JP', 'メイリオ', sans-serif;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  padding: 1.25rem 1rem 1.5rem;
  width: 100%;
}

.page-form-button {
  background: var(--primary-green);
  border: none;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  padding: 1.5rem 3em;
  cursor: pointer;
  text-decoration: none;
}

.mwform-zip-field {
  display: block;
  margin-bottom: 1rem;
  text-align: left;
}
  
.mw_wp_form .horizontal-item {
  margin: 0 .25rem .5rem;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: .25rem;
}

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

  .page-inquiry-form {
    padding: 2.5rem 1.5rem;
  }
  
  .page-form-interface input,
  .page-form-interface select,
  .page-form-interface textarea {
    font-size: 1.4rem;
    padding: .25rem .5rem;
  }
  
  .mw_wp_form .horizontal-item {
    display: block;
    padding-bottom: .25rem;
    text-align: left;
    width: 100%;
  }
  
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-top: 1rem;
  }
  
  .mwform-tel-field {
    flex-wrap: wrap;
  }

}

/* ------------------------------------------
-------------------- 本文 --------------------
------------------------------------------- */

.post {
  margin-top: 2.5rem;
}

.content_main h1 {
  background: var(--primary-green);
  border-radius: .75rem/1rem;
  clear: both;
  color: #fff;
  font-size: 2.6rem;
  padding: 1.35rem 2.5rem 1.5rem;
}

.content_main h2 {
  background: var(--secondary-green);
  border-radius: .75rem;
  clear: both;
  color: var(--primary-green);
  font-size: 2.25rem;
  margin-bottom: 1rem;
  margin-top: 4.5rem;
  padding-left: 4.5rem;
  padding: .85rem 1.25rem 1rem 4.5rem;
  position: relative;
}

.content_main .archive_area h2 {
  margin-top: 0;
}

.content_main h2::before {
  align-items: center;
  background: var(--primary-green);
  border-radius: .75rem 0 0 .75rem;
  color: var(--secondary-green);
  content: '●';
  display: inline-flex;
  font-size: .55em;
  height: 100%;
  left: 0;
  padding: 0 1rem;
  position: absolute;
  top: 0;
}

.content_main h3 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2M4ZTZjOTsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2I1ZTNkNDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 2.875rem 2.875rem;
  clear: both;
  color: var(--primary-green);
  font-size: 2rem;
  margin-bottom: 1rem;
  margin-top: 4.5rem;
  padding: 1rem 1rem 2rem;
}

.content_main h4 {
  clear: both;
  color: var(--primary-green);
  font-size: 1.8rem;
  padding: 1rem 1rem 1.25rem;
  margin-bottom: 1rem;
  margin-top: 4.5rem;
}

.content_main h5 {
  clear: both;
  color: var(--primary-green);
  font-size: 1.6rem;
  margin-bottom: 1rem;
  margin-top: 4.5rem;
  padding: 1rem 1rem 1.25rem;
}

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

  .post {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .content_main h1 {
    border-radius: 0;
    padding: 1.5rem 1rem;
    position: relative;
  }
  
  .content_main h1::before {
    left: -1rem;
  }
  
  .content_main h1::after {
    right: -1rem;
  }
  
  .content_main h2 {
    padding-left: 2.5rem;
  }
  
  .content_main h2::before {
    content: '';
    padding: 1rem .625rem;
  }
  
}

.content_main ul {
  clear: both;
  padding-left: 2em;
}

.content_main ul li {
  list-style: none;
  position: relative;
}

.content_main ul li::before {
  content: '・';
  font-size: 1em;
  left: -1em;
  position: absolute;
  top: 0;
}

.content_main ol {
  clear: both;
  padding-left: 1.25em;
}

.content_main li {
  line-height: 1.25;
  margin-bottom: .75em;
}

@media screen and (max-width:768px) {
  
  .content_main ul {
    padding-left: 1.5em;
  }
  
}

.content_main table {
  border-collapse: separate;
  clear: both;
  margin-bottom: 1rem;
  margin-top: 2.5rem;
}

.content_main th,
.content_main td {
  padding: 1.25rem 2.5rem;
}

.content_main th p:last-child,
.content_main td p:last-child {
  margin-bottom: 0;
}

.content_main th {
  background: var(--secondary-green);
  font-weight: 500;
}

.content_main td {
  background: #f1f1f1;
}

.table-01 table {
  width: 100%;
}

.table-01 th {
  width: 25%;
}

.table-01 td {
}

@media screen and (max-width:768px) {
  
  .content_main th,
  .content_main td {
    padding: 1.25rem;
  }
  

  .table-01 th {
    width: 32.5%;
  }
  
}

.label-01 {} /*装飾(強調)*/
.label-02 {} /*装飾(ポイント)*/
.box-01 {} /*装飾(枠線直線)*/
.box-02 {} /*装飾(枠線点線)*/
.color-01 {} /*文字色(メインの緑)*/

.label-01 {
  border-bottom: double .25em #e6652c;
  color: #e6652c;
  display: inline-block;
  margin-left: .5rem;
  margin-right: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
}

.label-02 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2M4ZTZjOTsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2I1ZTNkNDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 1em 1em;
  color: var(--primary-green);
  display: inline-block;
  margin-left: .5rem;
  margin-right: .5rem;
  padding-bottom: .5em;
  padding-left: calc(2em + .5rem);
  padding-right: 1em;
  padding-top: .5em;
  position: relative;
}

.label-02::before {
  background-image: url("data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPy0tPg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il94MzJfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJ3aWR0aDogMTZweDsgaGVpZ2h0OiAxNnB4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojZGM1ZjM0O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDY5LjQwMiwzNS40OTJDMzM0LjA5LDExMC42NjQsMTk3LjExNCwzMjQuNSwxOTcuMTE0LDMyNC41TDczLjUwOSwxODQuMTc2TDAsMjU0LjMzNmwxNzguNzMyLDIyMi4xNzINCgkJbDY1LjE1LTIuNTA0QzMyNy40MTQsMjIzLjQxNCw1MTIsNTUuNTM5LDUxMiw1NS41MzlMNDY5LjQwMiwzNS40OTJ6Ij48L3BhdGg+DQo8L2c+DQo8L3N2Zz4=");
  background-image: url("data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPy0tPg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il94MzJfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJ3aWR0aDogMTZweDsgaGVpZ2h0OiAxNnB4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojZGM1ZjM0O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDY5LjQwMiwzNS40OTJDMzM0LjA5LDExMC42NjQsMTk3LjExNCwzMjQuNSwxOTcuMTE0LDMyNC41TDczLjUwOSwxODQuMTc2TDAsMjU0LjMzNmwxNzguNzMyLDIyMi4xNzINCgkJbDY1LjE1LTIuNTA0QzMyNy40MTQsMjIzLjQxNCw1MTIsNTUuNTM5LDUxMiw1NS41MzlMNDY5LjQwMiwzNS40OTJ6Ij48L3BhdGg+DQo8L2c+DQo8L3N2Zz4=");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.35em;
  content: '';
  display: block;
  height: 1.5em;
  left: .5rem;
  position: absolute;
  width: 2em;
}

.cap-01 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2M4ZTZjOTsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: calc(1em * 2/3);
  color: var(--primary-green);
  display: inline-block;
  font-size: 2.4rem;
  line-height: 1.15;
  margin-left: .5rem;
  margin-right: .5rem;
  padding-bottom: .5em;
  padding-left: calc(1.5em + .5rem);
  padding-right: 1.5em;
  padding-top: .75em;
  position: relative;
}

.cap-01::before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgdmlld0JveD0iMCAwIDYzLjggNTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlPg0KCS5zdDB7ZmlsbDojREZGNEIyO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzIuNCw4LjZjLTAuMi0wLjUtMC42LTAuOS0xLjItMC45SDI0bC0yLjItNi44QzIxLjYsMC40LDIxLjIsMCwyMC42LDBjLTAuNSwwLTEsMC40LTEuMiwwLjlsLTIuMiw2LjhIMTANCgljLTAuNSwwLTEsMC40LTEuMiwwLjlzMCwxLjEsMC41LDEuNGw1LjgsNC4yTDEyLjksMjFjLTAuMiwwLjUsMCwxLjEsMC41LDEuNGMwLjQsMC4zLDEsMC4zLDEuNSwwbDUuOC00LjJsNS44LDQuMg0KCWMwLjQsMC4zLDEsMC4zLDEuNSwwYzAuNC0wLjMsMC42LTAuOSwwLjUtMS40bC0yLjItNi44bDUuOC00LjJDMzIuMyw5LjcsMzIuNSw5LjEsMzIuNCw4LjZ6IE0yNy4zLDQwLjVjMC4xLTAuNi0wLjMtMS4yLTAuOS0xLjUNCglsLTcuNy0zLjVsMS04LjRjMC4xLTAuNi0wLjMtMS4yLTAuOS0xLjVzLTEuMy0wLjEtMS43LDAuNGwtNS42LDYuMmwtNy43LTMuNWMtMC42LTAuMy0xLjMtMC4xLTEuNywwLjRzLTAuNSwxLjItMC4yLDEuN2w0LjIsNy4zDQoJbC01LjcsNi4yQzAsNDQuOC0wLjEsNDUuNSwwLjIsNDZjMC4zLDAuNiwxLDAuOCwxLjYsMC43bDguMy0xLjdsNC4yLDcuM2MwLjMsMC42LDEsMC44LDEuNiwwLjdjMC42LTAuMSwxLjEtMC42LDEuMi0xLjNsMC45LTguNA0KCWw4LjMtMS43QzI2LjgsNDEuNiwyNy4yLDQxLjEsMjcuMyw0MC41eiBNNjMuNSwyMC42Yy0wLjUtMC44LTEuNC0xLjEtMi4zLTAuOWwtMTEuNSwzbC02LjQtMTBjLTAuNS0wLjgtMS40LTEuMS0yLjMtMC45DQoJYy0wLjksMC4yLTEuNSwxLTEuNSwxLjlsLTAuNiwxMS44bC0xMS41LDNjLTAuOSwwLjItMS41LDEtMS41LDEuOXMwLjUsMS43LDEuMywybDExLjEsNC4ybC0wLjcsMTEuOGMtMC4xLDAuOSwwLjUsMS43LDEuMywyLjENCgljMC44LDAuMywxLjgsMC4xLDIuNC0wLjZsNy41LTkuMmwxMSw0LjNjMC44LDAuMywxLjgsMC4xLDIuNC0wLjZjMC42LTAuNywwLjYtMS43LDAuMS0yLjRsLTYuNS05LjlsNy42LTkuMg0KCUM2NCwyMi40LDY0LDIxLjQsNjMuNSwyMC42eiIvPg0KPC9zdmc+DQo=");
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgdmlld0JveD0iMCAwIDYzLjggNTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlPg0KCS5zdDB7ZmlsbDojYjJmNGQ2O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzIuNCw4LjZjLTAuMi0wLjUtMC42LTAuOS0xLjItMC45SDI0bC0yLjItNi44QzIxLjYsMC40LDIxLjIsMCwyMC42LDBjLTAuNSwwLTEsMC40LTEuMiwwLjlsLTIuMiw2LjhIMTANCgljLTAuNSwwLTEsMC40LTEuMiwwLjlzMCwxLjEsMC41LDEuNGw1LjgsNC4yTDEyLjksMjFjLTAuMiwwLjUsMCwxLjEsMC41LDEuNGMwLjQsMC4zLDEsMC4zLDEuNSwwbDUuOC00LjJsNS44LDQuMg0KCWMwLjQsMC4zLDEsMC4zLDEuNSwwYzAuNC0wLjMsMC42LTAuOSwwLjUtMS40bC0yLjItNi44bDUuOC00LjJDMzIuMyw5LjcsMzIuNSw5LjEsMzIuNCw4LjZ6IE0yNy4zLDQwLjVjMC4xLTAuNi0wLjMtMS4yLTAuOS0xLjUNCglsLTcuNy0zLjVsMS04LjRjMC4xLTAuNi0wLjMtMS4yLTAuOS0xLjVzLTEuMy0wLjEtMS43LDAuNGwtNS42LDYuMmwtNy43LTMuNWMtMC42LTAuMy0xLjMtMC4xLTEuNywwLjRzLTAuNSwxLjItMC4yLDEuN2w0LjIsNy4zDQoJbC01LjcsNi4yQzAsNDQuOC0wLjEsNDUuNSwwLjIsNDZjMC4zLDAuNiwxLDAuOCwxLjYsMC43bDguMy0xLjdsNC4yLDcuM2MwLjMsMC42LDEsMC44LDEuNiwwLjdjMC42LTAuMSwxLjEtMC42LDEuMi0xLjNsMC45LTguNA0KCWw4LjMtMS43QzI2LjgsNDEuNiwyNy4yLDQxLjEsMjcuMyw0MC41eiBNNjMuNSwyMC42Yy0wLjUtMC44LTEuNC0xLjEtMi4zLTAuOWwtMTEuNSwzbC02LjQtMTBjLTAuNS0wLjgtMS40LTEuMS0yLjMtMC45DQoJYy0wLjksMC4yLTEuNSwxLTEuNSwxLjlsLTAuNiwxMS44bC0xMS41LDNjLTAuOSwwLjItMS41LDEtMS41LDEuOXMwLjUsMS43LDEuMywybDExLjEsNC4ybC0wLjcsMTEuOGMtMC4xLDAuOSwwLjUsMS43LDEuMywyLjENCgljMC44LDAuMywxLjgsMC4xLDIuNC0wLjZsNy41LTkuMmwxMSw0LjNjMC44LDAuMywxLjgsMC4xLDIuNC0wLjZjMC42LTAuNywwLjYtMS43LDAuMS0yLjRsLTYuNS05LjlsNy42LTkuMg0KCUM2NCwyMi40LDY0LDIxLjQsNjMuNSwyMC42eiIvPg0KPC9zdmc+DQo=");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 2.4em;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 2.4em;
  z-index: -1;
}

.box-01 {
  border: solid .3rem #a6d5a6;
  border-radius: .25rem;
  clear: both;
  margin-bottom: 1rem;
  margin-top: 2.5rem;
  padding: 2.5rem;
}

.box-02 {
  border: dotted .5rem var(--primary-green-light);
  clear: both;
  margin-bottom: 1rem;
  margin-top: 2.5rem;
  padding: 2.3rem;
}

.color-01 {
  color: var(--primary-green);
}


/* ----- キャンペーン(CP) ----- */
.cp_outline_area {} /* article */
.cp_outline_summary {} /* a or div in div(flexitem) */
.cp_outline_excerpt {} /* excerpt wrapper */
.cp_outline_image_wrap {} /* a or div in div(flexitem),imagewrapper */

.cp_outline_area {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2M4ZTZjOTsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5iIHsNCiAgICAgICAgZmlsbDogI2I1ZTNkNDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnPg0KICAgIDxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0IiBjeT0iMTIiIHI9IjIiLz4NCiAgICA8Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTIiIGN5PSIxMiIgcj0iMiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 2rem 2rem;
  display: flex;
  flex-direction: row-reverse;
  margin: 1.5rem 0;
  padding: 1rem 1rem 3.5rem;
}

.cp_outline_summary {
  flex: 2;
  margin-left: 1.5rem;
}

.cp_outline_excerpt {
  margin: 0 1.5rem 1.5rem;
}

.cp_outline_excerpt p {
  margin-bottom: 0;
}
.cp_outline_image_wrap {
  flex: 1;
  max-width: 28rem;
  text-align: center;
}


@media screen and (max-width:768px) {
  
  .archive_area {
    display: block;
  }
  
  .cp_outline_summary {
    margin-left: 0;
  }

  .cp_outline_excerpt {
    margin: 1rem 1.5rem;
  }

  .cp_outline_image_wrap {
    margin: 1rem 1.5rem 0;
    max-width: none;
    text-align: center;
  }

}



/* ----- FAQ ----- */
.faq-q {} /* h2 */
.faq-a {} /* div */

.content_main .faq-q {
  padding-left: 4.5rem;
}

.content_main .faq-q::before {
  color: #fff;
  content: 'Q';
  font-size: 2rem;
  justify-content: center;
  width: 3.5rem;
}

.faq-a {
  margin: 2.5rem 1rem 1.5rem 0;
  padding-left: 4.5rem;
  position: relative;
}

.faq-a::before {
  align-items: center;
  background: #fd7e14;
  border-radius: 50%;
  color: #fff;
  content: 'A';
  display: inline-flex;
  font-size: 2rem;
  height: 3.5rem;
  justify-content: center;
  left: 0;
  padding: 0 1rem;
  position: absolute;
  top: 0;
  width: 3.5rem;
}


/* ------------------------------------------
-------------- WordPress Class --------------
------------------------------------------- */

.post-categories {
  list-style: none;
  margin: 0;
  padding: 0;
}

.post-categories > * {
  background-color: #303030;
  color: #fff;
  display: inline-block;
  font-size: .9em;
  line-height: 1;
  padding: .2em .3em .3em;
}

.post-categories > * a {
  color: inherit;
  text-decoration: none;
}

.post-categories .cat_news {
  background-color: var(--primary-green);
}

.post-categories .cat_campaign {
  background-color: #ff5252;
}

.alignleft {
  float: left;
  margin-bottom: 1.5rem;
  margin-right: 1rem;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
  margin-bottom: 1.5rem;
  margin-left: 1rem;
}

/**/