@charset "utf-8";
/*===============================================
 *	MV
===============================================*/
.sub-main .inner h1::before {
  background: url(../img/column/sub-main-icon.png) no-repeat;
  background-size: contain;
}
.sub-main .inner h1 {
  font-size: 40px;
}
.sub-main .inner h1 b {
  font-size: 20px;
}

.archive .main {
  border: none;
  background: none;
  padding: 0 12px;
  margin-bottom: 40px;
}
.content .ttl-underline {
  margin-bottom: 60px;
}
.column-box {
  gap: 35px 2.3%;
}
.column-box .article-card {
  width: 31.8%;
  border: solid 2px #dfdfdf;
  background: #fff;
  border-radius: 10px;
  padding: 2% 2%;
}
.column-box .date-cate-wrapper {
  margin-top: 15px;
}
.column-box .article-date {
  font-size: 15px;
  color: #0077C2;
  letter-spacing: 0.05em;
}
.archive .column-box .cat-link {
  font-size: 13px;
  line-height: 1.0;
  padding: 4px 8px;
  margin: 0;
  letter-spacing: 0.05em;
  background: #42a5f5;
}
.column-box .fa::before {
  margin-right: 0.4em;
}
.column-box h3 {
  font-size: 18px;
  margin: 15px 0 20px;
}
.column-box .btn-basic {
  width: 100%;
  margin: 0;
}
.column-box .btn-basic a {
  font-size: 18px;
  padding: 10px 0 12px;
}

@media only screen and (max-width: 1024px) {
  .sub-main .inner h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 960px) {
  .sub-main .inner h1 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 568px) {
  .sub-main {
    padding: 22px 5%;
  }
  .sub-main .inner h1 {
    font-size: 22px;
  }
  .sub-main .inner h1 b {
    margin: 5px 0 0 2px;
    display: block;
    line-height: 1.75;
    font-size: 15px;
  }
  .archive .main {
    margin-bottom: 0;
  }
  .content .ttl-underline {
    margin: 25px 0 60px;
  }
  .column-box {
    gap: 30px 0;
  }
  .column-box .article-card {
    width: 100%;
    padding: 5% 5%;
  }
  .column-box .btn-basic {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
  .archive .pager {
    margin-top: 30px;
  }
}
.section-map {
  background: #d5efff;
}
/*-----------------------------------------------
 *	パンくず
-----------------------------------------------*/
.breadcrumbs {
  margin: 0 0 20px;
  padding: 0;
}
/*-----------------------------------------------
 *	詳細
-----------------------------------------------*/
.body .article {
  letter-spacing: 0.1em;
  margin-bottom: 0;
}
main.main{
  border: solid 5px #d0e8fc;
  background: #fff;
  border-radius: 10px;
}
.main .wrap {
  width: 100%;
}
.article p {
  font-weight: 400;
}
.article a{color: #022ED5;text-decoration: underline;}
.article a:hover{text-decoration: none;}
.article .post-date {
  font-size: 0.9em;
  font-weight: bold;
  color: #0077c2;
  margin-right: 0;
}
.article_info_wrap {
  position: relative;
  margin: 5px 0 0;
}
.article_info_wrap:has(.cat-link) .date-tags {
  position: absolute;
  right: 0;
  top: 10px;
  letter-spacing: 0.05em;
}
.entry-categories-tags, .entry-categories-tags .entry-tags {
  margin-bottom: 0;
}
.entry-tags a {
  color: #0077c2;
  font-size: 15px;
  font-weight: bold;
  margin-right: 2px;
  letter-spacing: 0.05em;
}
.entry-tags .fa {
  margin-right: 3px;
}
.article .cat-link {
  background: #42a5f5;
  color: #fff;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  padding: 0px 10px;
  letter-spacing: 0.05em;
}
.article h2 {
  position: relative;
  border-bottom: 2px solid #e2e2e2;
  margin-top: 30px;
  margin-bottom: 35px;
  background: none;
  counter-reset: number;
  padding: 0.65em 0 0.65em 0.85em;
}
.article h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  height: 30px;
  width: 5px;
  background: linear-gradient(180deg, #0077c2 50%, #42a5f5 50%);
  transform: translate(0%, -50%);
}
.article h3 {
  color: #0077c2;
  padding: 15px 30px;
  padding-left: 70px;
  background: #d0e8fc;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  position: relative;
  border: none;
}
.article h3:before {
  display: flex;
  width: 15px;
  height: 15px;
  font-size: 18px;
  position: absolute;
  counter-increment: number;
  color: #0077c2;
  content: counter(number);
  border: solid 1px #1e77c2;
  border-radius: 50%;
  top: 53%;
  left: 30px;
  transform: translate(0, -50%);
  line-height: 0;
  padding: 5px 5px 6px;
  text-align: center;
  letter-spacing: 0;
  align-items: center;
  justify-content: center;
}
.article h4 {
  font-weight: bold;
  position: relative;
  padding-left: 18px;
  border: none;
  margin-bottom: 1.0em;
}
.article h4:after {
  content: '・';
  color: #0077c2;
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.main .wp-block-image img {
  max-width: 600px;
  border-radius: 10px;
  margin: 0 auto;
}
.article .bnr-column img {
    box-shadow: none;
    border: none;
    max-width: initial;
    margin: 2em auto;
	width: 100%;
}
.article .intro-txt p {
  background: #e7f3fd;
  padding: 40px;
  margin-top: 30px;
}
.article strong {
  font-weight: bold;
}
.column-detailbox {
  background: url('../img/departure/bg-note.png') left repeat #fff;
  border: #3674ca 4px solid;
  outline: #c0d4f0 12px solid;
  outline-offset: -16px;
  margin-bottom: 2vw;
  position: relative;
  padding: 35px;
}
.article .wp-block-cocoon-blocks-iconlist-box {
  padding: 1.2em 2em 1.5em 3.5em;
}
.article .wp-block-cocoon-blocks-iconlist-box .iconlist-title {
  margin-bottom: 0.5em;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table table tr th {
  border: 1px solid #ccc;
  padding: 1.65% 1.65%;
  background: #f2f2f2;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table table tr td {
  border: 1px solid #ccc;
  padding: 1.65% 1.65%;
  background: #fff;
}
.article .wp-block-cocoon-blocks-blogcard {
  margin-top: 2.8em;
}
.article .wp-block-cocoon-blocks-blogcard a {
  text-decoration: none;
}
.article .blogcard-title {
  font-size: 0.92em;
}
.article .blogcard-snippet {
  display: none;
}
.article .blogcard-site {
  font-size: 0.75em;
}
.article .blogcard-date {
  font-size: 0.75em;
}
.article .blogcard-favicon {
  margin-top: 0;
}
.article .blogcard-label {
  background: #0077c2;
}
.article .btn {
  color: #fff;
  text-decoration: none;
}
.article .tel-btn a {
  box-shadow: 0 5px 1px #1a87bb;
  margin: 0 auto;
  font-size: 18px;
}
.article .tel-btn a::before {
  content: "\f095";
  font-family: FontAwesome;
  margin-top: 5px;
}
.article .mail-btn a {
  box-shadow: 0 5px 1px #ce5a1c;
}
.article .mail-btn a::before {
  content: "\f0e0";
  font-family: FontAwesome;
  font-weight: normal;
  margin-top: 3px;
}
@media only screen and (max-width: 960px) {
  .article .wp-block-cocoon-blocks-iconlist-box {
    padding: 1.5em 1.5em 1.5em 2.0em;
  }
}
@media only screen and (max-width: 568px) {
  .content {
    margin: 0;
  }
  main.main {
    padding: 20px 5.3vw;
    margin-top: 0;
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .article {
    font-size: 15px;
    margin-bottom: 0;
  }
  
  .article_info_wrap:has(.cat-link) .date-tags {
    top: 4px;
  }
  .article .cat-link {
    font-size: 12px;
    padding: 3px 5px;
  }
  .entry-tags a {
    font-size: 13px;
  }
  .article .intro-txt p {
    padding: 20px;
    margin-top: 20px;
  }
  .article h2 {
    line-height: 1.5;
    margin-top: 15px;
    margin-bottom: 22px;
  }
  .article h2::before {
    height: 55%;
  }
  .article h3 {
    line-height: 1.5;
    padding: 0.75em 0.5em 0.75em 2.3em;
    letter-spacing: 0;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .article h3:before {
    left: 3.2%;
    font-size: 14px;
    padding: 3px 3px 4px;
  }
  .article h4 {
    margin-bottom: 0.5em;
  }
  .main .wp-block-image img {
    width: 90% !important;
  }
  .column-detailbox {
    outline: #c0d4f0 8px solid;
    outline-offset: -12px;
    padding: 20px;
    margin-bottom: 6vw;
  }
  .article .wp-block-cocoon-blocks-iconlist-box {
    padding: 1em 0.5em 1.5em;
  }
  .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table table tr td {
    font-size: 14px;
  }
  .article .blogcard-title {
    font-size: 0.9em;
    line-height: 1.5;
  }
  .article .btn {
    width: 100%;
  }
  .article .tel-btn a {
    font-size: 16px;
  }
}
/*===============================================
 *	目次
===============================================*/
.toc {
  margin-top: 40px;
  border-radius: 10px;
  overflow: hidden;
  width: 82%;
  padding: 0;
  border: none;
}
.toc-title {
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  padding: 10px;
  background: -webkit-repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
  background: -o-repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
  background: repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
  background: -webkit-repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
  background: -o-repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
  background: repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
}
.toc-title span {
  position: relative;
  font-size: 30px;
}
.toc-title span::before {
  content: '';
  position: absolute;
  background: url('../img/column/icon-note.png') center no-repeat;
  background-size: contain;
  width: 34px;
  height: 31px;
  left: -50px;
  top: 55%;
  transform: translate(0, -50%);
}
.toc-content {
  border: 8px solid #0077c2;
  border-top: none;
}
.toc .toc-list {
  padding: 1.2em 2em;
}
.toc a {
  color: #333;
  text-decoration: none;
}
.toc a:hover {
  text-decoration: underline;
}
.article .toc.tnt-number-detail ol li {
  padding: 5px 0 10px;
}
.article .toc.tnt-number-detail ol li::before {
  margin-right: 10px;
  counter-increment: toc;
  content: counters(toc, "-") "";
  background: #42a5f5;
  color: #fff;
  padding: 4px 10px 4px;
  border-radius: 3px;
  font-weight: bold;
}
.article .toc.tnt-number-detail ol li ol {
  padding-left: 2.4em;
}
.toc.tnt-number-detail ol li ol li {
  font-size: 0.92em;
  border-bottom: dotted 1px #ccc;
}
.article .toc.tnt-number-detail ol li ol li::before {
  background: none;
  color: #42a5f5;
  padding: 0;
}
.article .toc.tnt-number-detail ol li ol li ol li {
  border-bottom: none;
}
.article .toc.tnt-number-detail ol li ol li ol li::before {
  content: '・';
}
@media only screen and (max-width: 568px) {
  .toc {
    width: 100%;
    margin-top: 20px;
  }
  .toc-title {
    padding: 7px;
  }
  .toc-title span {
    font-size: 24px;
  }
  .toc-content {
    border-width: 3px;
  }
  .toc .toc-list {
    padding: 0.4em 1em 1em;
  }
  .main .toc.tnt-number-detail ol li {
    text-indent: -2.8em;
    padding-left: 2.8em;
    font-size: 1.15em;
  }
  .article .toc.tnt-number-detail ol li ol {
    padding-left: 0;
  }
  .main .toc.tnt-number-detail ol li ol li {
    font-size: 0.95em;
    padding: 3px 0 6px 2.8em;
    margin-left: 0;
  }
}

/*===============================================
 *	関連記事
===============================================*/
.related-box {
  margin-top: 60px;
}
.related-box h2 {
  padding: 15px 30px;
  padding-left: 100px;
  font-size: 34px;
  border-radius: 10px;
  margin-bottom: 35px;
  position: relative;
  color: #fff;
  width: 100%;
}
.related-box h2::before {
  content: '';
  background: url('../img/column/related-icon.png') center no-repeat;
  background-size: contain;
  position: absolute;
  left: 30px;
  top: 50%;
  width: 42px;
  height: 42px;
  transform: translate(0, -50%);
}
.related-box ul {
  max-width: 1300px;
}
.related-box li {
  width: calc(100% / 4);
  margin: 0 0 20px 0;
}
.related-box li div {
  letter-spacing: 1px;
  padding: 10px 20px;
  line-height: 1.4;
}
.related-box li img {
  object-fit: contain;
  height: 173px;
  border-radius: 10px;
}
.related-box li a {
  font-size: 14px;
  display: block;
  padding: 0 10px;
}
.related-box li a:hover {
  opacity: 0.8;
}
@media (min-width: 768px) {
  .related-box li img {
    margin-bottom: 5px;
    width: 100%;
  }
}
@media (max-width: 568px) {
  .related-box {
    padding: 10px 0;
    margin-top: 10px;
  }
  .related-box h2 {
    font-size: 21px;
    border-radius: 0;
    padding-left: 60px;
    margin: 0 0 15px;
  }
  .related-box h2::before {
    width: 30px;
    height: 30px;
    left: 5%;
  }
  .related-box ul {
    padding: 0 5%;
  }
  .related-box li {
    width: calc(100% / 2);
    margin: 0 0 5px 0;
  }
  .related-box li a {
    display: flex;
    flex-wrap: wrap;
  }
  .related-box li img {
    width: 100%;
    height: 120px;
  }
  .related-box li div {
    padding: 0 10px;
  }
}
/*-----------------------------------------------
 *	Detail pager
-----------------------------------------------*/
.post_under_nav {
  margin-top: 60px;
}
.post_under_nav ul {
  width: 100%;
  max-width: 690px;
  margin: 0 auto;
}
.post_under_nav li span,
.post_under_nav li a {
  display: block;
  padding: 15px;
  text-align: center;
  color: #0077c2;
  font-size: 18px;
  padding: 15px 0;
  position: relative;
}
.post_under_nav .nav-left,
.post_under_nav .nav-right {
  text-align: center;
  width: 200px;
}
.post_under_nav .nav-left a,
.post_under_nav .nav-right a {
  border-radius: 10px;
  border: solid 2px #0077c2;
  background: #fff;
}
.post_under_nav .nav-left a::before {
  content: '';
  background: url(../img/column/pager-arrow-left.png) no-repeat center;
  background-size: contain;
  position: absolute;
  width: 10px;
  height: 16px;
  left: 20px;
  top: 55%;
  transform: translate(0px, -50%);
}
.post_under_nav .nav-right a::before {
  content: '';
  background: url(../img/column/pager-arrow-right.png) no-repeat center;
  background-size: contain;
  position: absolute;
  width: 10px;
  height: 16px;
  right: 20px;
  top: 55%;
  transform: translate(0px, -50%);
}
.post_under_nav .nav-center {
  text-align: center;
  background: #0077c2;
  border-radius: 10px;
  width: 250px;
}
.post_under_nav .nav-center a {
  color: #fff;
  letter-spacing: 0;
}
@media (max-width: 568px) {
  .post_under_nav {
    margin: 30px auto;
  }
  .post_under_nav ul {
    max-width: 95%;
  }
  .post_under_nav li {
    width: calc(100% / 3.1) !important;
  }
  .post_under_nav li span,
  .post_under_nav li a {
    font-size: 14px;
    letter-spacing: 0;
    border-radius: 5px !important;
  }
  .post_under_nav .nav-left a::before {
    left: 5%;
    width: 8px;
    height: 14px;
  }
  .post_under_nav .nav-right a::before {
    right: 5%;
    width: 8px;
    height: 14px;
  }
}

#single-map .section-map {
  background: transparent;
}


/*-----------------------------------------------
 *　snsコンテンツ
-----------------------------------------------*/
#content-Sns {
  margin-top: 80px;
  background: #d7f3f3;
}
#content-Sns h2 {
  display: inline;
  font-size: 46px;
}
#content-Sns .wrapper-box{
  margin-top: -60px;
  padding-top: 60px;
  padding-bottom: 80px;
  text-align: center;
}
#content-Sns .inner {
  padding: 30px;
  background: #fff;
  margin-top: 45px;
  border: solid 4px #0077c2;
  border-radius: 10px;
}
#content-Sns .inner > img {
  border: solid 2px #dfdfdf;
  border-radius: 10px;
}
#content-Sns .inner p {
  font-size: 24px;
  text-align: center;
  line-height: 2em;
}
#content-Sns #sns-sp {
  max-width: 350px;
  margin: 30px auto 0;
}
#content-Sns #sns-sp a {
  max-width: 80px;
  opacity: .8;
}
#content-Sns #sns-sp a:hover {
  opacity: 1;
}
@media (max-width: 568px) {
  #content-Sns {
    margin-top: 30px;
    padding: 30px 5%;
  }
  #content-Sns h2 {
    font-size: 28px;
  }
  #content-Sns .wrapper-box {
    margin-top: -30px;
    padding: 0;
    padding-top: 30px;
  }
  #content-Sns .inner {
    padding: 20px 18px 10px;
    margin-top: 30px;
  }
  #content-Sns .inner p {
    font-size: 16px;
    text-align: left;
    line-height: normal;
  }
  #content-Sns #sns-sp {
    margin-top: 30px;
    max-width: 200px;
  } 
  #content-Sns #sns-sp a {
    width: 45px;
    opacity: 1;
  }
}


/*===============================================
 *	監修者・執筆者
===============================================*/
.writer div {
  align-items: center;
}
.main .writer .writer-ttl{
  font-size: 24px;
  font-weight: 500;
  padding: 2px 0 12px 20px;
  line-height: 1.0;
  border-bottom: 1px solid #0077c2;
  position: relative;
  margin: 0 0 30px;
  color: #0077c2
}
.main .writer .writer-ttl::before {
  content: '';
  background: linear-gradient(180deg, #0077c2 50%, #42a5f5 50%);
  height: 32px;
  width: 5px;
  display: block;
  padding: 0;
  position: absolute;
  left: 0;
  top: 6%;
}
.writer img{
  max-width: 140px;
  height: auto;
  border-radius: 50%;
}
.writer-text{
  width: 80%;
}
.writer-text .name{
  font-size: 22px;
  color: #0077c2;
  font-weight: bold;
  margin-bottom: 0.25em;
}
.writer-text .name span{
  font-size: 18px;
}
.writer-text p {
  font-size: 0.85em;
  font-weight: 400;
  line-height: 1.75;
}
@media only screen and (max-width: 1024px) {
  /*監修者*/
  .kanshyu-text{
    width: 80%;
  }
  /*執筆者*/
  .writer-text{
    width: 80%;
  }
}
@media only screen and (max-width: 960px) {
  /*監修者*/
  .kanshyu-text{
    width: 100%;
  }
  /*執筆者*/
  .writer-text{
    width: 100%;
  }
}
@media only screen and (max-width: 568px) {
  /*監修者*/
  .writer-text .name span{
    font-size: 14px;
  }
  .column_wrapper .kanshyu-text{
    width: 100%;
  }
  .column_wrapper .kanshyu-text h4{
    border-bottom: none;
  }
  .kanshyu .wrap{
    display: inline-block;
  }
  /*執筆者*/
  .writer img{
    float: left;
    position: relative;
    left: initial;
    top: initial;
    width: 30%;
    margin: 0 4.4% 0 0;
  }
  .main .writer .writer-ttl {
    font-size: 21px;
    margin: 0 0 20px;
    letter-spacing: 0;
  }
  .main .writer .writer-ttl::before {
    height: 26px;
  }
  .writer .name{
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0;
    margin-bottom: 10px;
  }
  .writer-text{
    width: 100%;
  }
  .writer-text p {
    margin-bottom: 0;
  }
  .writer .wrap{
    display: inline-block;
  }
}
/*===============================================
 *	ページャー
===============================================*/
.pager-post-navi {
  display: flex;
  flex-direction: row;
}
.pager-post-navi > a {
  width: 50%;
  padding: 20px 10px;
}
.pager-post-navi .prev-post {
  border-right: 1px solid #ccc;
}
.pager-post-navi:has(.prev-post) {
  border-left: 1px solid #ccc;
}
.post-navi-default.pager-post-navi .next-post {
  border: 1px solid #ccc;
}
.pager-post-navi:has(.prev-post) .next-post {
  border-left: none;
}
.list_top_navi {
  width: 40%;
  margin: 20px auto 0;
}
.list_top_navi a {
  font-size: 18px;
  font-weight: bold;
  display: block;
  background: #0077c2;
  color: #fff;
  text-align: center;
  padding: 15px 0 17px;
}
.list_top_navi a:hover {
  background: #0383d3;
}

@media only screen and (max-width: 568px) {
  .pager-post-navi {
    flex-direction: column;
    margin-top: 30px;
  }
  .pager-post-navi > a {
    width: 100%;
  }
  .pager-post-navi .prev-post {
    padding: 15px 10px 15px 0;
  }
  .pager-post-navi .next-post {
    padding: 15px 0 15px 10px;
  }
  .pager-post-navi:has(.prev-post) .next-post {
    border-top: none;
  }
  .list_top_navi {
    width: 70%;
    margin: 0 auto 10px;
  }
  .list_top_navi a {
    padding: 10px 0 10px;
  }
}
/*===============================================
 *	コラム内MAP
===============================================*/
.area_map{
  box-sizing:border-box;
  margin:50px 0 20px 0;
}
.area_map .ttl-area_map{
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
  padding: 25px 25px;
  margin: 0;
  border-bottom: none;
	display: flex;
	align-items: center;
}
.area_map .ttl-area_map::before,
.area_map .ttl-area_map::after,
.area_map .subttl-area_map::before{
  content: none;
}
.area_map .ttl-area_map span{
  border:2px solid #fff ;
  font-size: 18px;
  font-weight: normal;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;
  padding: 10px 15px;
  margin-right:20px;
  vertical-align: middle;
}
.column_map{
  border-left: solid 8px #0077c2;
  border-right: solid 8px #0077c2;
  border-bottom: solid 8px #0077c2;
  border-radius: 0 0 10px 10px;
}
.column_map .bg_white{
  padding: 31px 26px;
  margin: 0 auto;
}
.bg_white {
    background-color: #fff;
}
.area_map .subttl-area_map{
  text-align: center;
  font-size: 27px;
  background: #00ACA8;
  padding: 10px 0;
  margin: 0;
  color: #fff;
  font-weight: bold;
}
.area_map .subttl-area_map::after {
  content: none;
}
.map-contents{
  padding: 30px 0 0;
}
.map-contents a{
  color: #333;
}
.area_name{
  max-width: 570px;
  width: 70%;
}
.area_name dl{
  margin-bottom:15px;
  align-items: center;
}
.area_name dl dt{
  background-color:#4c99d4 ;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding: 7px 0;
  max-width: 160px;
  width: 100%;
  margin-right: 10px;
}
.area_name dl:nth-child(2) dt{
  background: #00aca8;
}
.area_name dl:nth-child(3) dt{
  background: #8dc33e;
}
.area_name dl:nth-child(4) dt{
  background: #f2c100;
}
.area_name dl:nth-child(5) dt{
  background: #f29600;
}
.area_name dl:nth-child(6) dt{
  background: #dc689b;
}
.area_name dd::after{
  content: "/";
  margin-left: .2em;
  margin-right: .2em;
}
.area_name dl dd {
  margin-left: 0;
}
.area_name dd a {
  font-size: 16px;
  text-decoration: solid;
  border-bottom: 1px solid;
}
.area_name dl:last-child{
  margin: 0;
}
.area_name dd:last-child::after{
  content: none;
}
.illust-map{
  position: relative;
  width: 30%;
}
.toc-contents .illust-map{
  max-width: 270px;
}
.illust-map p{
  box-sizing: border-box;
  border: 3px solid #64b4ba;
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
  padding: 25px;
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  line-height: 1.5;
}
.illust-map small{
  color: #fff;
  background:#da6272;
  padding: 5px;
  border-radius: 5px;
  position: relative;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;
  font-size: 12px;
  line-height: 2.5;
}
.illust-map small span{
  font-size: 16px;
}
.illust-map small::after{
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top:14px solid #da6272;
  z-index: 0;
}
.annotation_txt {
  font-size: 14px;
}
@media only screen and (max-width: 1024px) {
  .area_map .ttl-area_map span{
    font-size: 20px;
    padding: 10px 20px;
  }
  .area_name{
    max-width: 560px;
  }
  .area_name dl dt{
    max-width: 160px;
  }
  .illust-map{
    max-width: 255px;
  }
}
@media only screen and (max-width: 960px) {
  .area_map{
    margin-bottom: 10px;
  }
  .area_map .ttl-area_map{
    font-size: 24px;
    display: block;
  }
  .area_map .ttl-area_map span{
    font-size: 16px;
  }
  .column_map .bg_white{
    padding: 20px;
  }
  .map-contents{
    padding: 20px;
  }
  .area_name{
    max-width: 415px;
  }
  .illust-map{
    max-width: 205px;
  }
  .area_name dl dt{
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .illust-map p{
    padding: 20px;
  }
  .illust-map img{
    margin-top: 40%;
  }
}
@media only screen and (max-width: 568px) {
.article .area_map{
    margin: 33px 0 18px;
  }
.toc-contents .area_map{
    margin: 33px -4.9vw 18px;
  }
  .area_map .ttl-area_map {
    text-align: center;
    line-height: 1.5;
    border-radius: 0;
    padding: 22px 20px 20px;
    letter-spacing: 1px;
    font-size: 21px;
  }
  .area_map .ttl-area_map span{
    display: block;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0 ;
  }
  .area_map .subttl-area_map{
    font-size: 17px;
  }
  .column_map{
    border-radius: 0;
    padding-bottom: 0;
    border: 4px solid #0077c2;
    border-top: none;
  }
  .column_map .bg_white{
    width: 100%;
  }
  .area_name{
    margin-bottom: 20px;
    width: 100%;
  }
  .map-contents{
    display: block;
    padding: 20px 0 0;
  }
  .area_map dl{

    font-size: 14px;
  }
  .area_map dl dt{
    font-size: 14px;
    margin-right: 0;
    margin-bottom: 6px;
  }
  .area_map dl dd {
    line-height: 1.8;
  }
  .illust-map{
    width: 85%;
    margin: 0 auto;
  }
  .illust-map p{
    font-size: 15.5px;
    padding:17px 15px;
  }
  .illust-map small{
    color: #fff;
    background:#da6272;
    padding: 5px;
    border-radius: 5px;
    position: relative;
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;
    font-size: 12px;
    line-height: 2.5;
  }
  .illust-map small span{
    font-size: 15px;
  }

  .illust-map img{
    margin-top: 0;
    margin-bottom: 0;
  }
}
/*===============================================
 *	コラム内CV
===============================================*/
.column-cv_wrap{
  box-sizing:border-box;
  margin:50px 0 20px 0;
}
.column-cv_wrap .ttl-column_cv{
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 29px;
  font-weight: bold;
  padding: 25px 40px;
  margin: 0;
  border-bottom: none;
	display: flex;
	align-items: center;
}
.column-cv_wrap .ttl-column_cv span{
  border:2px solid #fff ;
  font-size: 18px;
  font-weight: normal;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;
  padding: 10px 15px;
  margin-right:20px;
  vertical-align: middle;
}
.column-cv_contents{
  border-left: solid 8px #0077c2;
  border-right: solid 8px #0077c2;
  border-bottom: solid 8px #0077c2;
  border-radius: 0 0 10px 10px;
}
.column-cv_contents .bg_white{
  padding: 31px 26px;
  margin: 0 auto;
}
.column-cv_wrap .subttl-column_cv{
  text-align: center;
  font-size: 27px;
  background: #00ACA8;
  padding: 10px 0;
  margin: 0;
  color: #fff;
  font-weight: bold;
}
.btn_box_wrapper{
  padding: 30px 30px 0;
	display: flex;
	justify-content: space-between;
}
.btn_box_wrapper a{
  width: 48%;
}
@media only screen and (max-width: 1024px) {
  .column-cv_wrap .ttl-column_cv span{
    font-size: 20px;
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 960px) {
  .column-cv_wrap{
    margin-bottom: 10px;
  }
  .column-cv_wrap .ttl-column_cv{
    font-size: 24px;
    display: block;
  }
  .column-cv_wrap .ttl-column_cv span{
    font-size: 16px;
  }
  .column-cv_contents .bg_white{
    padding: 20px;
  }
  .btn_box_wrapper{
    padding: 20px;
  }
}
@media only screen and (max-width: 568px) {
.article.column-cv_wrap{
    margin: 33px 0 18px;
  }
.toc-contents .column-cv_wrap{
    margin: 33px -4.9vw 18px;
  }
  .column-cv_wrap .ttl-column_cv {
    font-size: 21px;
    text-align: center;
    line-height: 1.5;
    border-radius: 0;
    padding: 18px 15px;
    letter-spacing: 1px;
  }
  .column-cv_wrap .ttl-column_cv span{
    display: block;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0 ;
  }
  .column-cv_wrap .subttl-column_cv{
    font-size: 17px;
  }
  .column-cv_contents{
    border-radius: 0;
    padding-bottom: 0;
    border-width: 3px;
  }
  .column-cv_contents .bg_white{
    padding: 16px 20px 16px;
    width: 100%;
  }
  .btn_box_wrapper{
    flex-direction: column;
    gap: 15px 0;
    padding: 20px 0 0;
  }
  .btn_box_wrapper a {
    width: 100%;
  }

}

/*===============================================
 *	サイドバー
===============================================*/
.sidebar {
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar .column {
  display: block;
}
.sidebar h3 {
  background: -webkit-repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
  background: -o-repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
  background: repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
  background: -webkit-repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
  background: -o-repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
  background: repeating-linear-gradient(
    -45deg,
    #0077c2 0,
    #0077c2 5px,
    #0d7ec5 5px,
    #0d7ec5 10px
  );
  color: #fff;
}
.sidebar .widget-entry-cards .card-title {
  font-size: 14px;
  font-weight: 500;
}
.sidebar .column-category_list {
  margin-top: -10px;
}
.sidebar .column-category_list li {
  font-size: 16px;
  position: relative;
  border-bottom: 1px solid #dde5e7;
}
.sidebar .column-category_list li::after {
  content: '';
  background: url(../img/column/dot_line.png) repeat-x;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sidebar .column-category_list li a {
  position: relative;
}
.sidebar .column-category_list li a::after {
  content: '';
  width: 6px;
  height: 6px;
  margin: 0 10px 0 0;
  border-top: 2px solid #0077C2;
  border-right: 2px solid #0077C2;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.sidebar .column-tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
}
.sidebar .column-tag_list li {
  width: auto;
  display: inline-block;
}
.sidebar .column-tag_list li a {
  font-size: 15px;
  background: #e7f3fa;
  padding: 5px 8px;
}
@media only screen and (max-width: 960px) {
  div.sidebar {
    width: 100%;
  }
}
@media only screen and (max-width: 568px) {
  div.sidebar {
    padding: 0 16px;
  }
  .sidebar .column-category_list li {
    font-size: 14px;
  }
  .sidebar .column-tag_list li a {
    font-size: 14px;
  }
}

/*===============================================
 *	記事下の対応エリアセクション
===============================================*/
.area-map ul {
  width: auto;
}
/*=============================================== *
	CVエリア-共通
===============================================*/
.cv-area .wrap{width: auto;}
/*=============================================== *
	CVエリア
===============================================*/
.column-cv_area {padding: 0 0 30px;overflow: hidden;margin: 40px -1.55vw;}
.column-cv_area .cv-hd_txt {padding: 20px 4%;}
.column-cv_area .cv-hd_txt span {width: 280px;border: solid 2px white;text-align: center;padding: 10px;color: white;font-size: 20px;font-weight: bold;}
.column-cv_area .cv-hd_txt p {font-size: 34px;font-weight: bold;margin: 0;}
.column-cv_area .cv-box {background: #fff;padding: 30px;text-align: center;margin: 30px auto 0;border-radius: 10px;box-sizing: border-box;width: 92%;}
.column-cv_area .cv-box p {font-size: 30px;background: #d0e8fc;padding: 10px;font-weight: bold;margin: 0;}
.column-cv_area .cv-box .cv-img {margin-top: 30px;position: relative;}
.column-cv_area .cv-box .cv-img > div {padding-left: 38%;position: relative;z-index: 10;}
.column-cv_area .cv-box {position: relative;}
.column-cv_area .cv-box .cv-btn {display: flex;flex-wrap: wrap;}
.column-cv_area .cv-box .cv-btn a{display: block;width: 48%;}
.column-cv_area .cv-box .contact-btn {margin-top: 30px;}
.column-cv_area .cv-box .contact-btn:hover {opacity: 0.8;}
.column-cv_area .cv-box::after {content: '';background: url(../img/common/cv-img-after.png) no-repeat;background-size: contain;position: absolute;width: 360px;height: 204px;left: 0;bottom: 0;}
.column-cv_area .cv-box::before {content: '';background: url(../img/common/badge_google4.7.png) no-repeat;background-size: contain;position: absolute;width: 132px;height: 133px;left: 65px;top: 60px;}
@media only screen and (max-width: 968px) {
.cv-inner {max-width: 700px;}
.column-cv_area {padding: 0 0 30px;overflow: hidden;margin: 40px -3vw;}
.column-cv_area .cv-hd_txt span {width: 250px;}
.column-cv_area .cv-hd_txt p {font-size: 26px;}
.column-cv_area .cv-box::after {width: 260px;height: 148px;left: 25px;}
.column-cv_area .cv-box::before {width: 122px;height: 123px;left: 25px;top: 90px;}
}
@media only screen and (max-width: 568px) {
.column-cv_area {border-radius: 0;overflow: unset;margin: 0 0 30px;padding: 0 0 20px;}
.column-cv_area .cv-box {padding: 15px;overflow: unset;width: 90%;margin: 15px auto 0;}
.column-cv_area .cv-box p {font-size: 18px;letter-spacing: 0;padding: 5px 10px;margin: 0 0 10px;}
.column-cv_area .cv-box::after {content: '';background: url(../img/common/cv-img-after-sp.png) no-repeat center;background-size: contain;width: 230px;height: 145px;right: -15px;top: -160px;left: unset;}
.column-cv_area .cv-box::before {content: '';background: url(../img/common/badge_google4.7.png) no-repeat center;background-size: contain;width: 100px;height: 100px;position: absolute;right: -14px;left: unset;top: -80px;z-index: 3;}
.column-cv_area .cv-box .contact-btn {margin-top: 15px;}
.column-cv_area .cv-hd_txt {padding-top: 15px;}
.column-cv_area .cv-hd_txt p {font-size: 20px;margin-top: 10px;position: relative;z-index: 3;text-shadow: 2px 2px 0px #1f7dc5, -2px 2px 0px #1f7dc5, 2px -2px 0px #1f7dc5,-2px -2px 0px #1f7dc5, 2px 0px 0px #1f7dc5, 0px 2px 0px #1f7dc5,-2px 0px 0px #1f7dc5, 0px -2px 0px #1f7dc5;}
.column-cv_area .cv-box .cv-img {margin-top: 15px;}
.column-cv_area .cv-box .cv-img > div {padding-left: 0;}
.column-cv_area .cv-box .cv-btn a {display: block;width: 100%;margin: 15px 0 0;}
.column-cv_area .cv-hd_txt span {max-width: 150px;font-size: 12px;padding: 5px;letter-spacing: 0;}
.column-cv_area .cv-hd_txt .cv-inner {width: 100%;margin: 0 auto;flex-direction: column;align-items: baseline;flex-direction: column;align-items: baseline;}
}

/* コラム画像拡大表示調整 */
.wp-lightbox-container button {
  display: none;
}
.wp-lightbox-overlay .scrim {
  background: rgba(0, 0, 0, 0.4) !important;
}