@charset "UTF-8";
/*===============================================================

 お知らせ・投稿ページ　テンプレ設定

===============================================================*/
#news_test_top .contents_top_bg {
  background-image: url(../img/bg4.jpg);
}

#news {
  margin: 200px 0;
}

#news h2 {
  font-size: 5rem;
  border-bottom: 3px solid #000;
  display: inline-block;
  width: 300px;
  line-height: 60px;
}

div#news-inner {
  margin-top: 30px;
  width: 60%;
}

@media screen and (max-width: 430px) {
  div#news-inner {
    width: 100%;
  }
}

#news-inner li {
  margin-bottom: 10px;
  line-height: 25px;
  background-image: linear-gradient(to right, #20499d, #20499d 0.2rem, transparent 0.2rem, transparent 0.4rem);
  background-size: 0.4rem 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
  padding: 1rem 1.5rem 1rem 0.5rem;
}

p.date {
    color: #666;
    font-size: 1.2rem;
}

p.news-content {
  font-size: 1.5rem;
  margin-left: 20px;
}

p.news-content a {
  color: #5E6BF1;
  position: relative;
  display: block;
  transition: all .3s ease;
}

p.news-content a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #EB9046;
  right: 1.2rem;
  border-width: 0.7rem 0 0.7rem 1.2rem;
}

p.news-content a:hover {
  color: #FF20E6;
}

.news-upper {
  align-items: center;
  display: flex;
}

p.category span {
  font-size: 1.1rem;
  margin-left: 20px;
  color: #FFF;
  border-radius: 10px;
  padding: 0.18rem 1.2rem;
}

p.cata,
span.cata {
  background: red;
}

p.catb,
span.catb {
  background: green;
}

p.catc,
span.catc {
  background: yellow;
  color: #000 !important;
}

p.catd,
span.catd {
  background: blue;
}

/* Grid style */
.display-posts-listing.grid {
  width: 70%;
  display: grid;
  grid-gap: 40px;
  margin: 0 auto;
}

.display-posts-listing.grid .title {
  display: block;
  padding: 0;
  font-size: 1.75rem;
}

.display-posts-listing.grid .title::after,
.display-posts-listing.grid .title::before {
  display: none;
}

.display-posts-listing.grid .image img {
  width: 252px !important;
  height: 172px !important;
  object-fit: cover;
  line-height: 0;
  transform: scale(1);
  transition: .3s ease-in-out;
}

.display-posts-listing.grid a {
  display: block;
  overflow: hidden;
}

.display-posts-listing.grid a:hover img {
  transform: scale(1.2);
}

.display-posts-listing span.excerpt-dash {
  display: none;
}

.listing-item {
  width: 252px;
}

.listing-item a.title {
  color: #5e6bf1;
  line-height: 40px;
  border-bottom: 1px solid #e0e0e0;
  font-family: "arial";
}

.listing-item:hover a {
  color: pink;
}

.display-posts-listing.grid .date {
  font-size: 1.5rem;
  line-height: 30px;
}

.display-posts-listing.grid .category-display {
  font-size: 1.5rem;
  display: flex;
}

.display-posts-listing.grid .category-display a {
  color: #666;
}

@media (min-width: 600px) {
  .display-posts-listing.grid {
    grid-template-columns: repeat( 2, 1fr );
    }
}

@media (min-width: 1024px) {
  .display-posts-listing.grid {
    grid-template-columns: 300px 300px 300px;
    }
}

@media screen and (max-width: 430px) {
  .display-posts-listing.grid {
    width: 90%;
  }

  .listing-item {
    position: relative;
    width: 100%;
  }

  .listing-item:nth-child(n + 2) {
    margin-top: -70px;
  }

  .display-posts-listing.grid .date {
    position: absolute;
    top: 110px;
    left: 230px;
  }

  .display-posts-listing.grid .title {
    position: absolute;
    top: 130px;
    left: 230px;
  }

  .display-posts-listing.grid .category-display {
    position: absolute;
    top: 180px;
    left: 230px;
  }

  .display-posts-listing.grid .image img {
    width: 200px !important;
  }
}


/*================== WP show posts =========================*/
.new_new {
  width: 80%;
  margin: 0 auto;
  margin-top: -45px;
}

h2.new_title {
  margin-top: -80px;
  text-align: left;
  margin-left: 11.5%;
}

@media (width <= 1024px) {
  .new_new {
    width: 95%;
  }
}

@media screen and (max-width: 430px) {
  h2.new_title {
    text-align: center;
    margin-left: 0;
    margin-top: 20px;
  }
}

.wp-show-posts-image.wpsp-image-center img {
  width: 30%;
  height: auto;
  vertical-align: initial;
}

.wp-show-posts-image.wpsp-image-center {
    display: block;
    text-align: center;
    width: 40%;
}

@media screen and (max-width: 969px) {
  .wp-show-posts-image.wpsp-image-center {
      width: 25%;
  }
  .wp-show-posts-image.wpsp-image-center img {
    width: 50%;
  }
}

@media screen and (max-width: 470px) {
  .wp-show-posts-image.wpsp-image-center {
    display: block;
    text-align: center;
    width: 50%;
    margin-top: 30px;
  }
}

h2.wp-show-posts-entry-title {
  font-size: 1.5rem;
}

.wp-show-posts-inner {
  display: flex;
}

.wp-show-posts-entry-header {
  width:60%;
  margin: 0 2em 1em;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  line-height: 4;
  justify-content: left;
}

.wp-show-posts .wp-show-posts-entry-title {
  margin-left: 20px;
  text-align: left;
}

section#wpsp-235 {
  margin-top: 50px;
}

.wp-show-posts-entry-meta.wp-show-posts-entry-meta-below-title.post-meta-inline {
    font-size: 1.4rem;
    white-space: nowrap;
}

.wp-show-posts-posted-on {
     display:inline-block;
     width:110px;
}

.wp-show-posts a {
    box-shadow: 0 0 0 transparent;
    color: #000;
}

.wp-show-posts-terms.wp-show-posts-meta a {
    background: #0373be;
    color: #fff;
    padding: 5px;
    margin-left: 5px;
}

.wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) {
    border-bottom: 1px solid #0373be;
    line-height: 4;
}

/*youtube埋め込み*/
.video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}
.video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*youtube埋め込み終了*/ 

/* article.wp-show-posts-single {
  width: 40%;
}

header.wp-show-posts-entry-header {
  margin-bottom: 10px;
  line-height: 3;
  background-image: linear-gradient(to right, #20499d, #20499d 0.2rem, transparent 0.2rem, transparent 0.4rem);
  background-size: 0.4rem 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
  padding: 1rem 1.5rem 1rem 0.5rem;
  position: relative;
}

.wp-show-posts-entry-title {
    margin: 0;
    padding-top: 45px;
}

h2.wp-show-posts-entry-title a {
  font-size: 2.5rem;
  color: #000;
  position: relative;
  display: block;
  margin: 0;
  left: 1.5rem;
  line-height: 3;
  transition: all .3s ease;
}

h2.wp-show-posts-entry-title a:hover {
  color: #20499d;
}

h2.wp-show-posts-entry-title a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #5970ff;
  right: 1.2rem;
  border-width: 0.7rem 0 0.7rem 1.2rem;
}

.wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) {
  margin-bottom: 50px;
}

.wp-show-posts-entry-meta.wp-show-posts-entry-meta-below-title.post-meta-inline {
  position: absolute;
  top: 20px;
  height: 31px;
  border-bottom: 1px solid #efefef;
  width: 80%;
  line-height: 2;
}

time.wp-show-posts-entry-date.published {
  color: #4a4a4a;
  font-size: 1.2rem;
}

span.wp-show-posts-terms.wp-show-posts-meta a {
  font-size: 1.2rem;
  color: #20499d;
}

@media screen and (max-width: 430px) {
  article.wp-show-posts-single {
    width: 100%;
  }
} */

@media (width <= 800px) {
  .wp-show-posts-image.wpsp-image-center {
      margin: 0 auto;
      width: 50%;
  }
  .wp-show-posts-image.wpsp-image-center img {
    width: 100%;
  }
  .wp-show-posts-entry-header {
    flex-direction: column-reverse;
    width: auto;
  }
  
  .wp-show-posts-posted-on {
     display:inline-block;
     width:auto;
}

  .wp-show-posts-inner {
    flex-direction: column;
  }
}

@media screen and (max-width: 430px) {
  .new_new {
    width: 100%;
  }

  .wp-show-posts-inner {
    flex-direction: column;
  }

  .wp-show-posts-entry-header {
    display: flex;
    line-height: 3;
    flex-direction: column-reverse;
    width: auto;
  }
  
  article.wp-show-posts-single.wpsp-clearfix.post-236.news.type-news.status-publish.hentry.news_cat-event {
    height: 80px;
  }

  .wp-show-posts .wp-show-posts-entry-title {
    margin-left: 0;
    line-height: 2.5;
  }
  .wp-show-posts-image.wpsp-image-center img {
    width: 50%;
  }
}



.md20 {
  margin-bottom: 20px !important;
}



/* 一覧 */
#l-main {
  margin-top: 250px;
}

.bl-bg {
  background-color: #fff;
}

.bl-bg section {
  width: 100% !important;
}

section.side {
  width: 30% !important;
  padding-right: 50px;
}

.list_flex {
  display: flex;
  padding-top: 40px;
  background-color: #99d3f0;
}

@media screen and (max-width: 430px) {
  .list_flex {
    display: block;
    padding-top: 50px;
  }

  section.side {
    width: 100% !important;
    padding-right: 0;
  }
}

.news_lists_out {
  padding: 0 50px;
  margin-bottom: 100px;
}

.news_title {
  position: relative;
  border-top: 1px solid #0373be;
  color: #000;
  letter-spacing: .06em;
  margin-top: 4rem;
  margin-bottom: 3rem;
  padding: 2rem 0.7rem;
  font-size: 1.5rem;
}

.news_title h2 {
  font-size: 3rem;
  color: #0373be;
}

.news_title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-size: auto auto;
  background-color: rgb(153 211 240);
  background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, rgb(5 115 190) 2px, rgb(5 115 190) 4px );
}

.news_sub {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  font-size: 1.4rem;
  color: #000;
  margin-bottom: 40px;
}

.news_sub_line {
  margin: 0 15px;
  border-right: 1px solid #000;
}

p.news-content {
  font-size: 1.5rem;
  color: #000;
  line-height: 2;
}

.news_lists_out + .news_lists_out {
  margin-top: 5rem;
}

.news_next {
  color: #000;
}

div.category {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

div.category div:first-child {
  margin-left: 0;
}

div.category div {
  margin-left: 10px;
}

.news_button:link,
.news_button:visited {
 text-transform: uppercase;
 text-decoration: none;
 color: rgb(27, 27, 27);
 padding: 10px 30px;
 border: 1px solid;
 border-radius: 1000px;
 display: inline-block;
 transition: all .2s;
 position: relative;
 margin: 10px 0 0 50px;
}

.news_button:hover {
 transform: translateY(-5px);
 box-shadow: 0 10px 20px rgba(32, 73, 157, .5);
}

.news_button:active {
 transform: translateY(-3px);
}

.news_button::after {
 content: "";
 display: inline-block;
 height: 100%;
 width: 100%;
 border-radius: 100px;
 top: 0;
 left: 0;
 position: absolute;
 z-index: -1;
 transition: all .3s;
}

.news_button:hover::after {
 background-color: rgb(0, 115, 255);
 transform: scaleX(1.4) scaleY(1.5);
 opacity: 0;
}


/* ページネーション */
.pagination {
  margin: 230px 0 0;
}

@media screen and (max-width: 969px) {
  .pagination {
    margin-top: 60px !important;
  }
}

.pagination.news_lists {
  margin-top: 250px;
}

h2.top_news {
  text-align: center;
  background: #0373be;
  color: #fff;
  padding: 10px;
}

.pagination h2.pagi_title {
  width: 100%;
  text-align: center;
  font-size: 5rem;
  color: #fff;
  background: #0373be;
}

.pagination h3 {
  width: 100%;
  text-align: center;
  font-size: 1.75rem;
  color: #fff;
  background: #0373be;
}

.pnavi {
  margin-bottom: 100px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-links {
 display: flex;
}

.pagination .page-numbers {
  color: #000;
  border-radius: 3px;
  box-shadow: 0 3px 3px #0048af;
  background: #fff;
      background: linear-gradient( to right, #0373be, #0373be 33%, white 66%, white) 100% 0 / 300% 100%;
  transition: background-position 0.3s;
}

.page-numbers:not(.prev,.next) {
	width: 4rem;
	height: 4rem;
	margin: 0 .5rem;
	font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .page-numbers:hover {
  background-position:0 0;
}

.page-numbers.next,
.page-numbers.prev {
  position: relative;
  background: transparent;
  box-shadow: none;
  color: #0373be;
  font-size: 1.75rem;
}

.page-numbers.prev {
	margin-right: 2.5rem;
	padding-left: 2.5rem;
}

.page-numbers.next {
	margin-left: 2.5rem;
	padding-right: 2.5rem;
}

.page-numbers.next::after,
.page-numbers.prev::after {
  width: 1rem;
  height: 1.5rem;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  background: url(/img/qu-parts-arrow.svg) no-repeat center/100%;
}

.page-numbers.prev::after {
  left: 0;
  transform: scale(-1, 1) translateY(-50%);
}

.page-numbers.next::after {
    right: 0;
    transform: translateY(-50%);
}

.pagination .current {
  width: 5rem !important;
  height: 5rem !important;
  background: #0373be;
  color: #fff;
}

.pagination .dots {
  background: transparent;
  box-shadow: none;
}

.blog_list_inner {
  display: flex;
}

@media (width <= 1024px) {
  .blog_list_inner {
    flex-direction: column-reverse;
  }
  .news_lists_out {
    padding: 0;
  }
}

img.attachment-thumbnail.size-thumbnail.wp-post-image {
  width: 250px;
  height: auto;
}

.pagination a:hover .blog_inner_left img {
  transform: scale(1);
}

.blog_inner_right {
  width: 100%;
}

.blog_inner_right .news-content {
  width: 100%;
}

.list-box {
  width: 60%;
  margin: 0 auto;
  border-bottom: 1px solid #0373be;
}

@media screen and (max-width: 430px) {
  .list-box {
    width: 100% !important;
  }

  .news_lists_out {
    padding: 0 10px;
  }

  img.attachment-thumbnail.size-thumbnail.wp-post-image {
    width: 150px;
    margin-top: 65px;
  }

  .blog_inner_right .news-content {
    width: 80%;
  }

  .page-numbers.prev {
    margin-right: 2rem;
    padding-left: 4rem;
  }

  .page-numbers.next {
    margin-left: 2rem;
    padding-right: 4rem;
}

  .page-numbers.prev::after,
  .page-numbers.next::after {
    width: 1.6rem;
    height: 2.3rem;
  }

  .page-numbers:not(.prev,.next) {
    width: 4rem;
    height: 4rem;
    margin: 0 0.8rem;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* 投稿ページテンプレ */
.single_flex {
  display: flex;
}

@media screen and (max-width: 470px) {
  .single_flex {
    display: block;
    margin-top: 20px;
  }
}

.single_top {
  margin-top: 220px;
}

@media screen and (max-width: 470px) {
  .single_top {
    margin-top: 60px;
  }
}

.blog_main{
  width: 100%;
}

.blog_side {
  width: 30% !important;
  padding-top: 50px;
  padding-right: 50px;
}

.single_outer {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 40px;
  border-bottom: 1px solid #0373be;
}

.single_title {
  margin-top: 50px;
  margin-bottom: 3rem;
	padding: 2rem .7rem;
	font-size: 1.4rem;
	position: relative;
	border-top: 1px solid #0373be;
	color: #215295;
  letter-spacing: .06em;
}

.single_title h1 {
  font-size: 3rem;
  color: #0373be;
}

.single_title::before,
.single_title::after {
	content: "";
	display: block;
	position: absolute;
}

.single_title::before {
  width: 30rem;
  height: 2px;
	top: -1px;
	left: 0;
	background-color: #20499d;
}

.single_title::after {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-size: auto auto;
  background-color: rgb(153 211 240);
  background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, rgb(5 115 190) 2px, rgb(5 115 190) 4px );
}

.single_inner {
  text-align: center;
}

.single_inner img {
  width: 80%;
  height: auto;
}

@media screen and (max-width: 470px) {
  .single_inner img {
    width: 100%;
  }
}

.single_content {
  margin-top: 40px;
  font-size: 1.5rem;
  line-height: 5rem;
  color: #000;
}

.single_pnavi {
	position: relative;
	width: 75%;
  padding-top: 4.5rem;
  margin: 0 auto;
  margin-top: 40px;
}

.single_pnavi .prev,
.single_pnavi .return,
.single_pnavi .next {
	position: absolute;
	top: 0;letter-spacing: .06em;
  font-size: 1.7rem;
}

.single_pnavi .prev {
  left: 2rem;
}

.single_pnavi .next {
  right: 2rem;
}

.single_pnavi .prev a,
.single_pnavi .next a {
	position: relative;
	display: block;
  color: #20499d;
}

.single_pnavi .prev a {
  padding-left: 2.5rem;
}

.single_pnavi .next a {
  padding-right: 2.5rem;
}

.single_pnavi .prev a::before,
.single_pnavi .next a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background: url(../img/qu-parts-arrow.svg) no-repeat center/100%;
  width: 1rem;
  height: 1.5rem;
}

.single_pnavi .prev a::before {
	left: 0;
	transform: scale(-1,1) translateY(-50%);
}

.single_pnavi .next a::before {
	right: 0;
	transform: translateY(-50%);
}

.single_pnavi .return {
	left: 50%;
	transform: translateX(-50%);
}

.single_pnavi .return a {
	padding-left: 3rem;
  color: #20499d;
}

.single_pnavi .return a::before {
	content: "";
	display: block;
	position: absolute;
  width: 1.6rem;
  height: 1.1rem;
	top: 50%;
	left: 0;
	background: url(/img/icon_list.svg) no-repeat center/100%;
	transform: translateY(-50%);
}

@media screen and (max-width: 430px) {
  .single_content img {
    width: 100%;
  }

  .blog_side {
    width: 100% !important;
    padding-right: 0;
  }

  .c-sideSection {
    width: 100% !important;
  }
}

/* サイドエリア ボックス
-------------------------------------- */
.c-sideSection {
  width: 90%;
	margin-bottom: 50px;
}

.c-sideSection::after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	font-size: 0;
}

.c-sideBox__inner {
	padding: 10px;
	background-color: #FFF;
}

.c-sideCorpInfo {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}

/* -------------------------------------------
   ttl
   ------------------------------------------- */

.c-sideTtl.-page {
	font-weight: bold;
	background-color: #666;
	color: #fff;
	text-align: center;
	padding: 3px;
	margin-bottom: 2px;
	font-size: 14px;
}

.c-sideTtl.-l {
	font-size: 16px;
	padding: 5px;
	color: #fff;
	font-weight: normal;
	background-color: #0373be;
	text-align: center;
}

/* -------------------------------------------
   sideEntryList
   ------------------------------------------- */
ul.c-sideEntryList {
	clear: both;
	float: none;
	background-color: #FFFFFF;
	margin: 0 auto;
	font-size: 14px;
}

ul.c-sideEntryList li.c-sideEntryList__item {
	border-bottom: #ccc 1px dashed;
	width: 100%;
}

ul.c-sideEntryList li.c-sideEntryList__item:last-child {
	border-bottom: none;
}

ul.c-sideEntryList li.c-sideEntryList__item a {
	text-decoration: none;
	line-height: 1.5;
	display: block;
	background-color: #FFF;
	padding: 5px 10px;
	color: #333;
}

ul.c-sideEntryList li.c-sideEntryList__item a:hover {
	/*color: #647D37;*/
	background-color: #F5F5F5;
	text-decoration: none;
	cursor: hand;
}

/*日付*/
ul.c-sideEntryList li.c-sideEntryList__item .c-sideEntryList__itemMeta {
	text-align: left;
	float: none;
	clear: both;
	font-size: 11px;
	margin-bottom: 5px;
}

ul.c-sideEntryList li.c-sideEntryList__item .c-sideEntryList__itemTtl {
	text-align: left;
}

/* -------------------------------------------
   archiveNavi　（カテゴリ一覧や月別一覧）
   ------------------------------------------- */
ul.c-archiveNavi {
	background-color: #FFF;
  padding: 10px;
}

ul.c-archiveNavi > li {
  border-bottom: 1px dashed #ccc;
  display: flex;
  align-items: center;
  font-size: 12px;
}

ul.c-archiveNavi > li a {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	line-height: 130%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #FFFFFF;
	display: block;
	zoom: 1;
	position: relative;
  margin-right: 30px;
}

ul.c-archiveNavi > li a:before {
	content: '';
	position: absolute;
	display: block;
	top: 17px;
	left: 9px;
	width: 5px;
	height: 5px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

ul.c-archiveNavi > li a:hover {
	background-color: #f5f5f5;
}

ul.c-archiveNavi > li:last-child {
	border-bottom: none;
}

ul.c-archiveNavi > li:only-child {
	border-bottom: none;
}

ul.c-archiveNavi > li.current-cat a,
ul.c-archiveNavi > li.current-cat-parent a,
ul.c-archiveNavi > li.current-menu-item a {
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	line-height: 130%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	display: block;
	zoom: 1;
	position: relative;
}

ul.c-archiveNavi > li.current-cat a:before,
ul.c-archiveNavi > li.current-cat-parent a:before,
ul.c-archiveNavi > li.current-menu-item a:before {
	content: '';
	position: absolute;
	display: block;
	top: 17px;
	left: 9px;
	width: 5px;
	height: 5px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

ul.c-archiveNavi ul.children {
	padding-left: 0px;
	background-position: 10px 5px;
}

ul.c-archiveNavi ul.children li a {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 46px;
	/*background:#fff url(../images/common/icon_arw_gray.gif) 34px 9px no-repeat;*/
	background-color: #fff;
	border-bottom: #ccc 1px dashed;
	display: block;
	zoom: 1;
	position: relative;
}

ul.c-archiveNavi ul.children li a:before {
	content: '';
	position: absolute;
	display: block;
	top: 17px;
	left: 32px;
	width: 5px;
	height: 5px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

ul.c-archiveNavi ul.children li a:hover {
	background-color: #f5f5f5;
}

ul.c-archiveNavi ul.children li a:only-child {
	border: none;
}

ul.c-archiveNavi ul.children li.current-cat a:before {
	content: '';
	position: absolute;
	display: block;
	top: 12px;
	left: 33px;
	width: 5px;
	height: 5px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* -------------------------------------------
   category lists
   ------------------------------------------- */
.main_contents {
  background-color: #99d3f0;
}

 #l-contents {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 80px;
}

.c-myContainer {
  max-width: 1140px;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.c-ttl.-l {
  width: 80%;
  padding: 1rem 1.5rem;
  margin: 0 auto;
  margin-top: 5rem;
  margin-bottom: .5rem;
  text-align: center;
  color: #0073be;
  font-size: 5rem;
}

.row3 {
  width: 80%;
  margin: 0 auto;
}

h1.c-ttl.-m.u-txt-c.u-mb80.u-sp-mb40 {
  font-family: 'NotoSansCJKjp',"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
	font-weight: normal;
	margin: 0 0 20px 0;
	position: relative;
	font-size: 40px;
	line-height: 1.5;
}

@media (max-width: 767px) {
	h1.c-ttl.-m.u-txt-c.u-mb80.u-sp-mb40 {
		font-size: 26px;
	}
}

.p-realEstateDetail__address {
    text-align: center;
    font-size: 18px;
    padding-left: 20px;
    margin-bottom: 30px;
    position: relative;
    color: #0073be;
}

.p-realEstateDetail__address .icon {
    margin-right: 10px;
    margin-top: -2px;
    width: 14px;
}

.p-realEstateDetail__address img.icon {
  fill: #0073be;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}

.p-realEstateDetail__price {
    text-align: center;
    font-size: 30px;
    margin-bottom: 40px;
    color: #0073be;
}

.p-realEstateDetail__price .icon {
    display: inline-block;
    color: #fff;
    text-align: center;
    margin-right: 30px;
    font-size: 16px;
    font-weight: normal;
    border-radius: 4px;
    padding: 8px 20px;
    background-color: #0073be;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col-md-2 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 23.666667%;
    max-width: 28.666667%;
  }
}

.c-entryList.-typeList .c-entryList__box {
    line-height: 1.3;
    margin-bottom: 30px;
    font-size: 1.6rem;
}

@media (min-width: 768px) {
.col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media (min-width: 768px) {
.col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}

/* -------------------------------------------
   pageNation
   ------------------------------------------- */
.c-pageNation {
	text-align: center;
	margin-bottom: 80px;
}

.c-pageNation__linkList {
	margin-right: auto;
	margin-left: auto;
}

.c-pageNation__linkList ul {
	text-align: center;
}

.c-pageNation__linkList ul li {
	display: inline;
}

.c-pageNation__linkList ul li a {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

.c-pageNation__linkList ul li a:hover {
	text-decoration: none;
	background-color: #FFF;
}

.wp-pagenavi .pages {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

.wp-pagenavi .current {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

.wp-pagenavi .page {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

.wp-pagenavi .nextpostslink {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

.wp-pagenavi .previouspostslink {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

/*===============================================================

	baibai

===============================================================*/
#baibai_c {
  background-color: #99d3f0;
  margin-top: 200px;
}

#baibai_main {
  text-align: center;
}

#baibai_main h2 {
  margin-bottom: 0;
}

#baibai_main p {
  color: #0073be;
}

.baibai_top_img p {
  color: #000 !important;
}

#baibai_main h4 {
  font-size: 3rem;
}

.toiawase {
  background: #0073be;
  color: #fff;
  padding: 10px 20px;
  font-size: 1.6rem;
  width: 25%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  transition: all .3s ease;
}

.toiawase:hover {
  color: #0073be;
  background: #fff;
}

.itiran {
  color: #0073be;
  background: #fff;
  padding: 10px 20px;
  font-size: 1.6rem;
  width: 15%;
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
  transition: all .3s ease;
}

.itiran:hover {
  background: #0073be;
  color: #fff;
}

.baibai_kakaku {
  display: flex;
  align-items: center;
  justify-content: center;
}

.baibai_top_img img {
  margin-bottom: 30px;
  width: 40%;
}

.baibai_top_img p {
  width: 60%;
  text-align: center;
  margin: 0 auto;
}

#baibai #hotaru img {
  right: 123px;
  top: -1234px;
}

#baibai_photo {
  margin-bottom: 100px;
}

#baibai_kukaku h2,
#baibai_photo h2,
#baibai_syuhen h2,
#baibai_gaiyou h2 {
  width: 100%;
  background: #0073be;
  color: white;
  font-size: 3rem;
  text-align: center;
  padding: 1.5rem;
}

.kukaku_syousai table {
  border-collapse: collapse;
  margin: 0 auto;
  font-size: 1.6rem;
  width: 70%;
}

.kukaku_syousai td,
.kukaku_syousai th {
  border: 1px solid #0073be;
  text-align: center;
  padding: 20px;
  background-color: #fff;
}

.kukaku_syousai th {
  color: #0073be;
  background-color: #f0f0f0;
}

.kukaku_syousai td span {
  background: #0073be;
  color: #fff;
  padding: 8px 25px;
}

.kukaku_state {
	font-size: 14px;
	padding: 3px 0;
	width: 100%;
	border-radius: 4px;
}

.kukaku_state.-hanbaichu {
	color: #fff;
	background-color: #0073be;
}

.kukaku_state.-syodanchu {
	color: #fff;
	background-color: #6EB7E2;
}

.kukaku_state.-seiyaku {
	color: #666;
	background-color: #eee;
}

@media (max-width: 767px) {
	.kukaku_syousai table .thead {
		display: none;
	}
	.kukaku_syousai table tr {
		width: 100%;
		border: 1px solid #0073be;
		display: block;
		margin-bottom: 50px;
	}
	.kukaku_syousai table td {
		display: block;
		text-align: left;
		width: 100%;
		font-size: 14px;
	}
	.kukaku_syousai table td:first-child {
		text-align: center;
	}
	.kukaku_syousai table td:before {
		float: left;
		text-align: center;
		margin-right: 20px;
		font-size: 14px;
		background-color: #ccc;
		width: 25%;
	}
	.kukaku_syousai table td:nth-child(2):before {
		content: '号地';
	}
	.kukaku_syousai table td:nth-child(3):before {
		content: '土地面積';
	}
	.kukaku_syousai table td:nth-child(4):before {
		content: '坪単価';
	}
	.kukaku_syousai table td:nth-child(5):before {
		content: '販売価格';
	}
}

.photo_main {
  display: flex;
  width: 72%;
  margin: 0 auto;
  justify-content: center;
  margin-top: 50px;
}

.photo_inner {
  width: 100%;
}

.photo_inner img {
  width: 100%;
  padding: 0 20px;
}

.photo_inner p {
  margin-top: 20px;
}

.slide_area {
  margin: 0 auto;
  margin-top: 80px;
  width: 60%;
}

.ps_main p {
  position: absolute;
  bottom: 0px;
  background: rgba(0,0,0,.5);
  color: #fff;
  width: 100%;
  padding: 5px 0;
  text-align: center;
}
.ps_main .slick-slide {
  width: 330px;
  height: 200px;
  margin: 0 20px;
  position: relative;
  overflow: hidden;
}
.ps_main .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ps_main .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #0073be;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 100px;
  z-index: 1;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.slick-prev,
.slick-next {
  background: #0073be !important;
  color: #fff !important;
}
.ps_main .slick-arrow:hover {
  background: #0073be;
  opacity: .7;
}
.ps_main .slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 24px;
  transform: rotate(45deg);
}
.ps_main .slick-next {
  right: -80px;
}
.ps_main .slick-prev {
  left: -80px;
}
.ps_main .slick-next::before {
  left: 20px;
}
.ps_main .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 22px;
}

#baibai_syuhen {
  width: 100%;
  margin-bottom: 100px;
}

.syuhen_img_out {
  width: 80%;
  margin: 0 auto;
  margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.syuhen_box {
  width: calc(33% - 22px); /* gap padding分を引く */
	padding: 10px;
}

.syuhen_img img {
  width: 100%;
}

.syuhen_txt {
  margin-top: 10px;
  font-size: 1.6rem;
  text-align: left;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
	.syuhen_img_out {
		display: block;
	}

	.syuhen_img div {
		width: 100%;
		margin-right: 0;
	}
}

#baibai_gaiyou {
  padding-bottom: 100px;
}

@media screen and (max-width: 430px) {
  #baibai {
    margin-top: 80px;
  }

  #baibai_c {
    margin-top: 0;
  }

  #baibai_main h2 {
    width: 100%;
    margin-top: -10px;
    font-size: 2.5rem !important;
  }

  #baibai #hotaru img {
    right: 7px;
    top: -608px;
  }

  #baibai .hashira_kumor {
    top: 704px !important;
  }

  .baibai_top_img img {
    width: 100%;
  }

  .baibai_top_img p {
    width: 80%;
  }

  .kukaku_syousai table {
    width: 100%;
    font-size: 1.4rem;
  }

  .kukaku_syousai td span {
    padding: 8px 10px;
    white-space: nowrap;
  }

  .toiawase,
  .itiran {
    width: 60%;
    font-size: 1.5rem;
  }

  .photo_main {
    width: 100%;
    display: block;
    padding: 0 25px;
  }

  .photo_main img {
    width: 100%;
  }

  .photo_inner:first-child {
    margin-bottom: 30px;
  }

  .photo_inner p {
    margin-top: 0;
  }

  .syuhen_box {
    width: 100%;
  }

  .syuhen_img img {
    width: 100%;
  }

  .gaiyou_table th {
    color: #fff;
    background: #0073be;
  }

  .gaiyou_table table {
    width: 90%;
  }

  .gaiyou_table td,
  .gaiyou_table th {
    display: block;
  }

  .gaiyou_table th {
    width: 100%;
    color: #fff;
    background: #0073be;
  }
}

/* real-estate　一覧　レイアウト */
.row2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;
}

.col-lg-4,
.col-md-6 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

.u-w100p {
    width: 100% !important;
}

.u-mb50 {
    margin-bottom: 50px !important;
}

.p-realEstateList__box .address {
    background-image: url(/img/icon_map.svg);
    background-position: 0 1px;
    background-size: 13px;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #0373be;
}

.p-realEstateList__box {
  position: relative;
  padding-bottom: 70px;
  margin-bottom: 60px;
}

.p-realEstateList__box .thumb {
  margin-bottom: 20px;
}

.p-realEstateList__box .c-btnLink {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.c-btnLink .-arwNext {
  position: relative;
}

.c-btnLink a,
#mem_app .members_lists_out a,
#members_contents .c-btnLink.mt50.blue a {
  display: block;
  font-size: 16px;
  text-decoration: none;
  background-color: #fff;
  padding: 20px 10px;
  color: #0373be;
  text-align: center;
  border: 1px solid #0373be;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 20%);
  transition: all .5s ease;
}

.c-btnLink a:hover,
#mem_app .members_lists_out a:hover,
#members_contents .c-btnLink.mt50.blue a:hover {
  background: #0373be;
  color: #fff;
}

.c-btnLink .-arwNext::after,
#mem_app .members_lists_out::after,
#members_contents .c-btnLink .-arwNext::after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	right: 25px;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 12px;
	border-top: solid 1px #0373be;
	border-right: solid 1px #0373be;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  transition: all .5s ease;
}

#mem_app .members_lists_out::after {
  top: -30px;
}

.c-btnLink .-arwNext:hover::after,
#mem_app .members_lists_out:hover::after,
#members_contents .c-btnLink .-arwNext:hover::after {
  border-top: solid 1px #fff;
	border-right: solid 1px #fff;
}

.p-realEstateList__box .ttl {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.5;
    color: #0373be;
}

/* -------------------------------------------
   table
   ------------------------------------------- */
/*
tblBasic
-------------------------------------- */

.c-tblBasic {
    border-collapse: collapse;
    margin-bottom: 30px;
}

.c-tblBasic th,
.c-tblBasic td {
	padding: 20px;
	border-top: 1px solid #0373be;
	border-bottom: 1px solid #0373be;
}

.c-tblBasic th {
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	background-color: #f5f5f5;
  font-size: 1.6rem;
}

.c-tblBasic td {
  font-size: 1.6rem;
}

/*最後行 bdr-none*/
.c-tblBasic tr:last-child th,
.c-tblBasic tr:last-child td {
	background-image: none;
}

@media (max-width: 767px) {
	.c-tblBasic th,
	.c-tblBasic td {
		padding: 10px;
	}
	.c-tblBasic td {
		padding-bottom: 30px;
	}
}

/*
テーブル四辺ボーダーあり
-------------------------------------- */
.c-tblBorder {
	border-collapse: collapse;
}

.c-tblBorder th,
.c-tblBorder td {
	background: none;
	border: 1px solid #ccc;
	padding: 20px;
}

.c-tblBorder th {
	font-weight: normal;
	background-color: #fff;
	background-color: #eee;
}

.c-tblBorder td {
	background-color: #fff;
	text-indent: 0;
}

@media (max-width: 767px) {
	.c-tblBorder th,
	.c-tblBorder td {
		padding: 10px;
	}
}

select {
  -moz-appearance: auto;
  -webkit-appearance: auto;
  appearance: auto;
}

input#zip1,
input#address2,
input.address3,
input.u-w60p.u-sp-w100p,
input.u-w30p.u-sp-w100p,
input.u-w30p.u-sp-w100p.u-sp-mb10,
textarea.u-w60p.u-sp-w100p,
select#address1 {
    background: #fff;
}

select#address1 {
  padding: 5px 10px;
}

input#zip1 {
  width: 29%;
}

/*
テーブル レスポンシブWEBデザイン
-------------------------------------- */
@media (max-width: 767px) {

	.c-tblResponsive th, .c-tblResponsive td {
		width: 100% !important;
		display: block;
	}

	.c-tblResponsive th, .c-tblResponsive td {
		border-bottom: none;
	}
}

.c-tblBasic.-borderNone th, .c-tblBasic.-borderNone td {
	padding: 0 0 20px 0;
	border: none;
  color: #0373be;
}

.c-tblBasic.-white th {
	background-color: rgba(0,0,0,0);
}

.c-tblStripe tr:nth-child(odd) td {
	background-color: #f5f5f5;
}

@media (max-width: 767px) {
	.c-scrollTable {
		overflow: auto;
		white-space: nowrap;
		font-size: 14px;
	}
	.c-scrollTable::-webkit-scrollbar {
		height: 10px;
	}
	.c-scrollTable::-webkit-scrollbar-track {
		background: #F1F1F1;
	}
	.c-scrollTable::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	.c-scrollTable table {
		width: 720px !important;
		margin-bottom: 5px;
	}
}
/* -------------------------------------------
   entry
   ------------------------------------------- */
/* entryList -list
-------------------------------------- */
.c-entryList.-typeList .c-entryList__box {
	line-height: 1.3;
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.c-entryList.-typeList .c-entryList__box {
		margin-bottom: 0;
		padding-top: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #ddd;
	}
}

@media (max-width: 767px) {
	.c-entryList.-typeList .c-entryList__box:last-child {
		border-bottom: none;
	}
}

@media (max-width: 767px) {
	.c-entryList.-typeList .c-entryList__date {
		margin-bottom: 20px;
	}
}

.c-entryList.-typeList .c-entryList__ttl a {
	color: #333;
}

/* entryList -box
-------------------------------------- */
.c-entryList.-typeBox .c-entryList__box a {
	color: #333;
	display: block;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.c-entryList.-typeBox .c-entryList__box a {
		border-bottom: 1px solid #ccc;
	}
}

.c-entryList.-typeBox .c-entryList__box a:hover {
	text-decoration: none;
}

@media (max-width: 767px) {
	.c-entryList.-typeBox .c-entryList__box:last-child a {
		border-bottom: none;
	}
}

@media (max-width: 767px) {
	.c-entryList.-typeBox .c-entryList__boxInner {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		margin-left: -10px;
		margin-right: -10px;
	}
}

.c-entryList.-typeBox .c-entryList__thumb {
	text-align: center;
	margin-bottom: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 767px) {
	.c-entryList.-typeBox .c-entryList__thumb {
		width: 45%;
		padding-left: 10px;
		padding-right: 10px;
	}
}

.c-entryList.-typeBox .c-entryList__body {
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.c-entryList.-typeBox .c-entryList__body {
		width: 55%;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.c-entryList.-typeBox .c-entryList__state {
	display: inline-block;
	text-align: center;
	padding: 5px 25px;
	border-radius: 4px;
	margin-bottom: 20px;
}

@media (max-width: 1024px) {
	.c-entryList.-typeBox .c-entryList__state {
		padding: 5px 20px;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.c-entryList.-typeBox .c-entryList__state {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		max-height: 36px;
		width: 100%;
		padding: 5px 10px;
		font-size: 12px;
		order: 1;
		margin-bottom: 5px;
	}
}

.c-entryList.-typeBox .c-entryList__state.-before {
	color: #fff;
	background-color: #a00000;
}

.c-entryList.-typeBox .c-entryList__state.-open {
	color: #fff;
	background-color: #d20001;
}

.c-entryList.-typeBox .c-entryList__state.-end {
	color: #333;
	background-color: #eee;
}

.c-entryList.-typeBox .c-entryList__ttl {
	margin-bottom: 5px;
	line-height: 1.3;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	font-weight: normal;
}

@media (max-width: 767px) {
	.c-entryList.-typeBox .c-entryList__ttl {
		width: 100%;
		font-size: 14px;
		padding-bottom: 0;
		border: none;
		font-weight: normal;
		order: 3;
	}
}

.c-entryList.-typeBox .c-entryList__date {
	font-size: 14px;
	color: #666;
}

@media (max-width: 767px) {
	.c-entryList.-typeBox .c-entryList__date {
		width: 100%;
		order: 2;
		font-size: 12px;
	}
}

.first_table {
  background: none !important;
  border: none !important;
  font-size: 1.6rem;
}

.myContainer {
  width: 70%;
  margin: 0 auto;
}

@media screen and (max-width: 969px) {
  .myContainer {
    width: 100%;
  }
}

.u-w30p {
    width: 30% !important;
}

.p-realEstateList__box table {
    border: none !important;
}

.p-realEstateList__box .icon {
    text-align: center;
    border: 1px solid #0373be;
    padding: 3px 0;
    width: 90%;
    font-size: 13px;
    background: #0373be;
    color: #fff;
}

.c-ttl.-m {
    width: 100%;
    background: #0373be;
    color: #fff;
    font-weight: normal;
    font-size: 32px;
    margin: 0 0 50px 0;
    line-height: 1.5;
}

.c-ttl.-miniCaption {
    font-size: 14px;
    color: #0373be;
    margin-top: -10px;
    margin-bottom: 50px;
}

.u-txt_c {
    text-align: center !important;
}

/* -------------------------------------------
   pageNation
   ------------------------------------------- */
.c-pageNation {
	text-align: center;
	margin-bottom: 80px;
}

.c-pageNation__linkList {
	margin-right: auto;
	margin-left: auto;
}

.c-pageNation__linkList ul {
	text-align: center;
}

.c-pageNation__linkList ul li {
	display: inline;
}

.c-pageNation__linkList ul li a {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

.c-pageNation__linkList ul li a:hover {
	text-decoration: none;
	background-color: #FFF;
}

.wp-pagenavi .pages {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

.wp-pagenavi .current {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

.wp-pagenavi .page {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

.wp-pagenavi .nextpostslink {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

.wp-pagenavi .previouspostslink {
	padding: 5px 10px;
	color: #333;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-left: 10px;
}

/*===============================================================

 CONTACT FORM

===============================================================*/
#con_top .contents_top_bg {
  background-image: url(../img/contact.jpg);
}

.cont_op {
  text-align: center;
  margin-top: 8rem;
  padding: 2rem;
  letter-spacing: .2rem;
}

.contactform {
  margin-top: 7rem;
}

.cont_op_campany {
  margin: 8rem 0;
}

.mw_wp_form_confirm .contactform {
  margin-top: 7rem;
  text-align: center;
  font-size: 2rem;
}

.mw_wp_form .error {
    font-size: 1.5rem;
    color: red;
    display: block;
}

/*　MW WP Form カスタマイズ*/

table.CF7_table th {
  text-align: left;
  padding: 1rem;
  background: none;
}

table.CF7_table span {
  font-size: 1.5rem;
  color: var(--color-base);
}

table.CF7_table{
	width:80%;
	margin:0 auto;
  border: none;
}

table.CF7_table th .cin i {
  color: red;
  font-size: 1.75rem;
}

.cf7_title {
  font-size: 1.6rem;
  color: var(--color-base);
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table {
	display:table;
}

/*入力欄*/
.mw_wp_form input[type="email"]:focus,
.mw_wp_form input[type="tel"]:focus,
.mw_wp_form input[type="text"]:focus,
.mw_wp_form textarea:focus {
  border-color: #000;
  box-shadow: 0 0 1rem 0 #999;
}

.mw_wp_form input[type="email"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="text"],
.mw_wp_form textarea {
  position: relative;
  width: 100%;
  margin: 1.5rem 0;
  outline: none;
  padding: .8rem;
  box-sizing: border-box;
  transition: 0.3s;
  background: #fff;
  border-radius: .5rem;
  border: .1rem solid rgb(217, 217, 217);
}

.mwform-zip-field input[type="text"]:first-child {
  width: 40%;
  margin-right: 1rem;
  margin-left: 1rem;
}

.mwform-zip-field input[type="text"]:last-child {
  width: 50%;
  margin-left: 1rem;
}

@media screen and (max-width: 430px) {
  .mwform-zip-field input[type="text"]:first-child {
    width: 35%;
  }
  .mwform-zip-field input[type="text"]:last-child {
    width: 49%;
  }
  .mw_wp_form .horizontal-item {
    display: block;
    margin-left: 0 !important;
    margin-bottom: 1rem;
  }
}

.mw_wp_form ::placeholder {
	color: #a1a1a1;
  font-size: 1.6rem;
}

/*「必須」文字*/
.CF7_req {
	font-size:.9rem;
	padding: .5rem;
	background: #e34b4b;
	color: #fff;
	border-radius: .3rem;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq {
  font-size:.9rem;
	padding: .5rem;
	background: #ffbdeb;
	color: #fff;
	border-radius: .3rem;
	margin-right:1em;
}

@media (max-width: 600px) {
  span.wpcf7-list-item {
    display: block;
  }
}

/* タイトル列 */
@media screen and (min-width: 768px) {
	.CF7_table th{
	   width:30%;/*横幅*/
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px) {
  #con_top {
    height: 4.3rem;
  }

  .CF7_table .wpcf7-list-item {
    margin-left: 5rem;
  }

	table.CF7_table{
	   width: 95%;
	}

	.CF7_table tr,
  .CF7_table td,
  .CF7_table th {
	   display: block;
	   width: 100%;
	   line-height: 2.5em;
	}

	.CF7_table th {
	   background-color: #ebedf5;
	}
}

/* 「送信する」ボタン */
.cont_btn {
  --primary-color: #ff4f64;
  --secondary-color: #fff;
  --hover-color: #111;
  --arrow-width: 1rem;
  --arrow-stroke: .2rem;
  width: 20%;
  margin: 0 auto;
  margin-top: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .6em;
  box-sizing: border-box;
  border: 0;
  border-radius: 2rem;
  color: var(--secondary-color);
  padding: 1em 6.8em;
  background: var(--primary-color);
  transition: .2s background;
  font-weight: bold;
  font-size: 1.4rem;
}

.cont_btn .arrow-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cont_btn .arrow {
  margin-top: .1rem;
  width: var(--arrow-width);
  background: var(--primary-color);
  height: var(--arrow-stroke);
  position: relative;
  transition: .2s;
}

.cont_btn .arrow::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  border: solid var(--secondary-color);
  border-width: 0 var(--arrow-stroke) var(--arrow-stroke) 0;
  display: inline-block;
  top: -.3rem;
  right: .3rem;
  transition: .2s;
  padding: .3rem;
  transform: rotate(-45deg);
}

.cont_btn:hover {
  background-color: var(--hover-color);
}

.cont_btn:hover .arrow {
  background: var(--secondary-color);
}

.cont_btn:hover .arrow::before {
  right: 0;
}

input.confirm_btn {
  margin-left: 2rem;
}

.mwform-checkbox-field-text,
.mwform-zip-field {
  color: #000;
}

/* checkbox */
.checkbox input[type=checkbox].checkbox__item {
  display: none;
}

.checkbox label {
  display: inline-block;
}

/* spanの左側にボタンを配置するスペースを作る */
.checkbox .checkbox__item + span {
  padding-left: 2em;
  display: inline-block;
  position: relative;
}

/* 各パーツを作成 */
.checkbox .checkbox__item + span::after,
.checkbox .checkbox__item + span::before {
  content: '';
  display: block;
  position: absolute;
  border: .1rem solid #9c0027;
  width: 2rem;
  height: 2rem;
  top: 0;
  left: 0;
}

/* after上書き */
.checkbox .checkbox__item + span::after {
  opacity: 0;
  width: 1rem;
  height: 1.5rem;
  transform: rotate(45deg);
  left: .5rem;
  border: none;
  border-right: .3rem solid #ff75fd;
  border-bottom: .3rem solid #ff75fd;
}

/*
  checked状態
  文字のcolorとボタンのopacityを変更
*/
.checkbox .checkbox__item:checked + span {
  color: #ff75fd;
}

.checkbox .checkbox__item:checked + span::after {
  opacity: 1;
}

.c-iconRequire {
  color: red;
}

input.u-mb30 {
    width: 300px;
    padding: 10px 20px;
    margin-top: 50px;
    margin-bottom: 50px;
    color: #fff;
    background: #0373be;
    font-size: 1.6rem;
}

input.-colorGray {
    width: 300px;
    padding: 10px 20px;
    margin-bottom: 50px;
    color: #0373be;
    background: #fff;
    font-size: 1.6rem;
}

.col-md-4.offset-md-4 {
    margin: 0 auto;
}

.contact_bottom_txt {
    width: 80%;
    margin: 0 auto;
    font-size: 1.5rem;
    margin-bottom: 80px;
}

.contact_bottom_txt h3 {
  font-size: 1.5rem;
}