@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, th, td, img, form, figure {
   font-weight: 400;
}
.cont_wrap {
   background-color: #faf7f2;
   width: 1200px;
   margin: 0 auto;
}
main {
   width: 766px;
   margin-top: 40px;
}
aside {
   width: 204px;
}
#ttl_blog {
   background: #F08300 url("../img/blog/bg_ttl_blog_pc.png") center bottom no-repeat;
   background-size: 94%;
   width: 1200px;
   height: 280px;
   margin: 190px auto 0 auto;
   position: relative;
   border-radius: 15px;
}
#ttl_blog h1 {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateY(-50%) translateX(-50%);
   -webkit-transform: translateY(-50%) translateX(-50%);
   width: 174px;
}
.blog_wrap {
   background: rgba(245, 240, 228, 0.5) url("../img/bg_contents.png") left top repeat-y;
   background-size: 100%;
   padding-bottom: 0;
}
.blog_wrap .inner {
   width: 1000px;
   margin: 0 auto;
}
footer {
   padding-top: 0;
}
/* -------------------
*  blog
* ------------------*/
#area_blog {
   padding: 0;
}
#area_blog .flex {
   flex-wrap: wrap;
}
#area_blog a {
   width: 352px;
   display: block;
   margin-bottom: 68px;
}
#area_blog .box {
   width: 352px;
}
.blog_img {
   width: 352px;
   height: 220px;
   margin-bottom: 22px;
   border-radius: 20px;
}
.img_none {
   background: #EAE1CF;
   position: relative;
}
.blog_img img {
   width: 100%;
   height: 220px;
   object-fit: cover;
   border-radius: 20px;
}
.blog_img.img_none img {
   width: 186px;
   height: 105px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateY(-50%) translateX(-50%);
   border-radius: 0;
}
#area_blog .box time {
   font-family: 'Barlow Semi Condensed', sans-serif;
   font-size: 2rem;
   margin-bottom: 12px;
   display: block;
   font-weight: bold;
}
#area_blog .box h3 {
   font-size: 1.4rem;
   margin-bottom: 18px;
   line-height: 1.4;
   padding-right: 14px;
   font-weight: 400;
}
.blog_cat {
   display: flex;
}
.blog_cat li {
   background: #fff;
   font-size: 1.1rem;
   padding: 6px 12px;
   border-radius: 5px;
}
.blog_cat li + li {
   margin-left: 10px;
}
#area_blog .btn {
   position: relative;
   border: 2px solid #3E3A39;
   border-radius: 10px;
   background: #B75400;
   color: #fff;
   width: 180px;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 50px auto 0 auto;
   font-weight: bold;
}
#area_blog .btn a {
   position: absolute;
   content: "";
   left: -5px;
   top: -5px;
   border: 2px solid #3E3A39;
   border-radius: 10px;
   background: #F08300;
   color: #fff;
   width: 180px;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 1;
}
#area_blog .btn a:after {
   position: absolute;
   display: block;
   content: "";
   position: absolute;
   top: 18px;
   right: 20px;
   width: 10px;
   height: 10px;
   border: 2px solid;
   border-color: #fff #fff transparent transparent;
   transform: rotate(45deg);
   border-radius: 2px;
}
/* -------------------
*  ページャー 
* ------------------*/
#pager {
   width: 100%;
   margin-bottom: 20px;
}
#pager ul {
   display: flex;
}
#pager li {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 2px solid #000;
   border-radius: 10px;
   width: 50px;
   height: 50px;
   margin-right: 8px;
   font-size: 2.2rem;
   font-weight: bold;
   font-family: "Tsukushi B Round Gothic", "筑紫B丸ゴシック", 'M PLUS Rounded 1c', sans-serif;
}
#pager li a {
   display: block;
}
#pager li.active, #pager li:hover {
   background: #F08300;
   color: #fff;
}
#pager li.omitted, #pager li.omitted:hover {
   background: none;
   color: #000;
   border: none;
   width: auto;
}
#pager li:hover a {
   color: #fff;
}
#pager li.prev, #pager li.next {
   width: 100px;
   position: relative;
}
#pager li.prev {
   margin-right: 12px;
}
#pager li.next {
   margin-left: 2px;
}
#pager li.prev:after, #pager li.next:after {
   position: absolute;
   display: block;
   content: "";
   top: 18px;
   right: 10px;
   width: 10px;
   height: 10px;
   border: 2px solid;
   border-color: #000 #000 transparent transparent;
   transform: rotate(45deg);
   border-radius: 2px;
}
#pager li.prev:hover:after, #pager li.next:hover:after {
   border-color: #fff #fff transparent transparent;
}
#pager li.prev a {
   margin-left: 12px;
}
#pager li.next a {
   margin-right: 12px;
}
.ie11 #pager li.prev a, .ie11 #pager li.next a {
   padding-top: 6px;
}
#pager li.prev:after {
   transform: rotate(-135deg);
   left: 10px;
}
#pager li.prev {
   margin-right: 12px;
}
/* -------------------
*  aside 
* ------------------*/
aside {
   margin-top: 40px;
   margin-left: 60px;
}
aside #area_category {
   margin-bottom: 65px;
}
aside h2.sub_ttl {
   width: 204px;
   height: 42px;
   background: #F08300;
   border: 2px solid #3E3A39;
   border-radius: 10px;
   display: flex;
   justify-content: left;
   padding-left: 12px;
   align-items: center;
   color: #fff;
   margin-bottom: 22px;
   font-weight: bold;
}
aside #area_category ul li {
   width: 100%;
   height: 28px;
}
aside #area_category ul li + li {
   margin-top: 10px;
}
aside #area_category ul li a {
   background: #fff;
   font-size: 1.4rem;
   padding: 6px 12px;
   border-radius: 5px;
   font-weight: 400;
}
aside #area_category ul li a:hover {
   background: #F08300;
   color: #fff;
}
aside #area_new dt {
   font-family: 'Barlow Semi Condensed', sans-serif;
   font-size: 1.8rem;
   font-weight: bold;
   margin-bottom: 10px;
}
aside #area_new dd {
   border-bottom: 2px solid #F08300;
   padding-bottom: 23px;
   line-height: 1.6;
   font-size: 1.4rem;
   font-weight: 400;
}
aside #area_new dd + dt {
   padding-top: 23px;
}
aside #area_new a:hover {
   text-decoration: underline;
}
/* -------------------
*  blog詳細
* ------------------*/
.cont_wrap.blog_detail {
   margin-top: 45px;
}
article #blog_head {
   display: flex;
   justify-content: space-between;
   margin-bottom: 42px;
   align-items: center;
}
#blog_head time {
   position: relative;
   padding-left: 28px;
   font-family: 'Barlow Semi Condensed', sans-serif;
   font-size: 2.2rem;
}
#blog_head time:before {
   position: absolute;
   content: "";
   width: 14px;
   height: 14px;
   background: #F9D23C;
   border: 2px solid #3E3A39;
   border-radius: 14px;
   top: 2px;
   left: 0;
   display: block;
}
#blog_head .sns {
   width: 334px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
#blog_head .sns li + li {
   margin-left: 10px;
}
#blog_head .sns li.tw {
   width: 75px;
}
#blog_head .sns li.fb {
   width: 89px;
   margin-top: -2px;
}
#blog_head .sns li.line {
   width: 83px;
}
article h1.ttl {
   font-size: 3rem;
   border-bottom: 6px solid #F08300;
   padding-bottom: 25px;
   line-height: 1.6;
}
article #category {
   display: flex;
   margin: 25px 0 50px 0;
}
article #category li {
   background: #fff;
   border-radius: 5px;
   width: auto;
   display: flex;
   align-items: center;
   height: 28px;
   margin-bottom: 10px;
   margin-right: 10px;
   padding: 0 10px;
   font-size: 1.1rem;
}
article p {
   line-height: 2.2;
}
article .txt_area {
   margin-top: 80px;
}
h4 + .txt_area {
 margin-top: 30px;
}
article .txt_area p + p {
   margin-top: 30px;
}
article p.main_image_txt {
   font-size: 1.4rem;
   margin-top: 10px;
}
article h2 {
   width: 728px;
   background: #F08300;
   color: #fff;
   font-size: 2.7rem;
   display: flex;
   align-items: center;
   margin: 80px 0 0 0;
   padding: 20px 20px 20px 40px;
   border: 2px solid #3E3A39;
   border-radius: 20px;
   line-height: 1.6;
}
article h3 {
   background: #fff;
   border: 2px solid #EAE1CF;
   padding: 20px 20px 20px 35px;
   display: flex;
   align-items: center;
   margin-top: 80px;
   border-radius: 20px;
   font-size: 2rem;
   font-family: "Tsukushi B Round Gothic", "筑紫B丸ゴシック", 'M PLUS Rounded 1c', sans-serif;
   font-weight: bold;
   letter-spacing: 0.2rem;
   line-height: 1.6;
}
article h4 {
   font-size: 1.8rem;
   font-weight: bold;
   margin-top: 80px;
}
article .main_image {
   margin-top: 80px;
}
.row {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   justify-content: space-between;
   margin: 80px auto 0 auto;
}
.row .col-2 {
   width: 352px;
}
.row .col-2 img {
   object-fit: cover;
   width: 100%;
   height: 234px;
}
.row .col-3 {
   width: 223px;
}
.row .col-3 img {
   object-fit: cover;
   width: 100%;
   height: 148px;
}
figcaption {
   font-weight: 400;
   font-size: 1.4rem;
   margin-top: 18px;
   line-height: 1.6;
}
.main_image + p {
   margin-top: 50px;
   margin-bottom: 30px;
}
hr {
   width: 100%;
   height: 4px;
   background: #F08300;
   border: none;
   margin: 80px auto 0 auto;
}
/*PDF*/
.box_btn {
   margin: 80px auto 0 auto;
}
.box_btn .txt_att {
   text-align: center;
   font-size: 1.4rem;
   margin-bottom: 15px;
}
.box_btn .btn {
   position: relative;
   border: 2px solid #3E3A39;
   border-radius: 10px;
   background: #B75400;
   color: #fff;
   width: 498px;
   height: 68px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 10px auto 0 auto;
   font-weight: bold;
}
.box_btn .btn a {
   position: absolute;
   content: "";
   left: -5px;
   top: -5px;
   border: 2px solid #3E3A39;
   border-radius: 10px;
   background: #F08300;
   color: #fff;
   width: 498px;
   height: 68px;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 1;
}
.box_btn .btn a:after {
   position: absolute;
   display: block;
   content: "";
   top: 26px;
   right: 20px;
   width: 10px;
   height: 10px;
   border: 2px solid;
   border-color: #fff #fff transparent transparent;
   transform: rotate(45deg);
   border-radius: 2px;
}
.box_btn .btn:hover {
   background: none;
   border: none;
   top: 4px;
   left: 4px;
}
/*ラベル付き*/
.box_label {
   position: relative;
   margin-top: 80px;
   padding: 20px 35px;
   border: 1px solid #3E3A39;
   border-radius: 10px;
}
.box_label .txt_01 {
   position: absolute;
   left: 20px;
   top: -1em;
   padding: 0 .4em;
   background: #faf7f2;
}
.box_label .txt_02 {
   font-size: 2.4rem;
   font-weight: 500;
   margin-top: 0;
}
/*記事リンク*/
.box_article {
   border: 1px solid #3E3A39;
   border-radius: 10px;
   display: flex;
   margin: 80px 0 0 0;
   padding: 15px 65px 15px 15px;
}
.box_article .l_box {
   display: flex;
   justify-content: space-between;
   width: 92px;
   height: 92px;
   margin-right: 30px;
}
.box_article .l_box img {
   width: 100%;
   height: 92px;
   object-fit: cover;
}
.box_article .l_box.img_none img {
   width: auto;
   height: 42px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateY(-50%) translateX(-50%);
   border-radius: 0;
}
.box_article .r_box {
   display: flex;
   flex-wrap: wrap;
   position: relative;
}
.box_article h4 {
   font-size: 1.8rem;
   font-weight: 400;
   line-height: 1.6;
   margin-top: 0;
   width: 100%;
}
.box_article .article_wrap {
   align-items: center;
   display: flex;
}
.box_article .name {
   font-weight: 500;
   margin-right: 20px;
}
.box_article time {
   font-size: 2rem;
   font-family: 'Barlow Semi Condensed', sans-serif;
   position: absolute;
   left: 0;
   bottom: 5px;
}
.r_txt, .l_txt {
   justify-content: space-between;
   margin-top: 80px;
}
.r_txt .l_box, .l_txt .r_box {
   width: 352px;
}
.r_txt .r_box, .l_txt .l_box {
   width: 352px;
}
/*吹き出し*/
.box_balloon {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   justify-content: space-between;
   margin: 80px auto 0 auto;
   width: 714px;
}
.box_balloon .txt_box {
   position: relative;
   width: 572px;
   padding: 25px 30px 25px 40px;
   border-radius: 10px;
   border: 1px solid #3E3A39;
}
.box_balloon .txt_box:before {
   content: "";
   background: url("../img/blog/bg_balloon.png") left top no-repeat;
   background-size: contain;
   width: 27px;
   height: 28px;
   position: absolute;
   left: -27px;
   top: 27px;
}
article .box_balloon p {
   margin-top: 0 !important;
}
.box_balloon .img {
   width: 100px;
   height: 100px;
   border-radius: 100px;
}
.box_balloon .img img {
   border-radius: 100%;
   width: 100px;
   height: 100%;
   object-fit: cover;
}
/*リスト*/
.box_list {
   background: #fff;
   padding: 42px;
   border-radius: 20px;
   margin: 80px 0 0 0;
}
article .box_list h4 {
   font-size: 1.8rem;
   margin-top: 0 !important;
   margin-bottom: 20px;
   line-height: 1.6;
}
.box_list li {
   position: relative;
   padding-left: 30px;
   font-size: 1.7rem;
   line-height: 1.6;
}
.box_list li + li {
   margin-top: 20px;
}
.box_list li:before {
   position: absolute;
   content: "";
   width: 14px;
   height: 14px;
   background: #F9D23C;
   border: 2px solid #3E3A39;
   border-radius: 14px;
   top: 8px;
   left: 0;
   margin-right: 20px;
   display: block;
}
/*リンク*/
.box_link {
   margin: 80px 0 0 0;
}
.box_link + p {
   font-size: 1.4rem;
}
.box_link .btn_link {
   position: relative;
   display: block;
   margin: 10px 0 50px 0;
   padding: 30px;
   text-decoration: none;
   border: 2px solid #F08300;
   background: #fff;
   border-radius: 20px;
   font-size: 2rem;
   color: #F08300;
   line-height: 1.6;
}
.box_link .btn_inner:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 35px;
   display: block;
   width: 30px;
   height: 40px;
   background: url(../img/blog/ico_link.png);
   background-size: contain;
   transform: translateY(-50%);
}
.box_link .btn_inner {
   padding-left: 55px;
}
/*スライダー*/
.box_slider {
   width: 100%;
   background: #fff;
   padding: 55px 30px;
   border-radius: 20px;
   margin: 80px 0 0 0;
}
.box_slider a {
   text-decoration: underline;
}
.bx-wrapper {
   margin-bottom: 0;
   width: 620px;
}
.bx-wrapper .bx-viewport {
   background: none !important;
   left: 0 !important;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
   background: url("../img/top/slick_prev.png") left top no-repeat;
   background-size: contain;
   width: 70px;
   height: 70px;
   left: -35px;
   top: 206px;
}
.bx-wrapper .bx-controls-direction a.bx-next {
   background: url("../img/top/slick_next.png") left top no-repeat;
   background-size: contain;
   width: 70px;
   height: 70px;
   right: -31px;
   top: 206px;
}
.bx-wrapper .bx-pager {
   position: absolute;
   bottom: 28px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
   background: #EAE1CF;
   border: 2px solid #3E3A39;
   width: 20px;
   height: 20px;
   margin: 0 15px;
   outline: 0;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
   background: #ef8122;
}
.box_slider p {
   width: 618px;
   margin: 20px auto 0 auto;
}
.bx-wrapper img {
   width: 100%;
   height: 412px;
   object-fit: cover;
}
/*動画*/
.box_movie {
   position: relative;
   height: 518px;
   margin: 80px auto 0 auto;
}
.box_movie iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/*地図*/
.box_map {
   height: 400px;
   overflow: hidden;
   position: relative;
   border-radius: 20px;
   border-bottom-right-radius: 0;
   margin-top: 80px;
}
.box_map .map-inner {
   width: 100%;
   height: 100%;
   position: absolute !important;
}
.box_map .btn_map {
   position: absolute;
   right: 0;
   bottom: 0;
   display: inline-block;
   height: 38px;
   padding: 0 20px;
   line-height: 38px;
   text-decoration: none;
   font-weight: 700;
   font-size: 1.8rem;
   color: #3c3000;
}
.box_map .btn_map {
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 1;
}
.box_map .btn_map {
   background: #F08300;
   color: #fff;
   width: 174px;
   height: 30px;
   border-radius: 4px;
   font-size: 1.4rem;
   display: flex;
   justify-content: center;
   align-items: center;
}
.box_map .btn_map:after {
   display: block;
   content: "";
   position: absolute;
   top: 10px;
   right: 10px;
   width: 10px;
   height: 10px;
   border: 2px solid;
   border-color: #fff #fff transparent transparent;
   transform: rotate(45deg);
   border-radius: 2px;
}
.box_map iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/*関連記事*/
.relation {
   margin-top: 80px;
}
.relation h3.relation_ttl {
   width: 728px;
   background: #F08300;
   color: #fff;
   font-size: 2.7rem;
   display: flex;
   align-items: center;
   margin: 50px 0;
   padding: 20px 20px 20px 40px;
   border: 2px solid #3E3A39;
   border-radius: 20px;
}
#area_blog.relation a {
   margin-bottom: 48px;
}
#area_blog.relation .btn {
   margin-top: 0;
}
#area_blog.relation .btn a:after {
   display: block;
   content: "";
   position: absolute;
   top: 19px;
   left: 20px;
   width: 10px;
   height: 10px;
   border: 2px solid;
   border-color: #fff #fff transparent transparent;
   transform: rotate(-135deg);
   border-radius: 2px;
}
@media screen and (max-width: 768px) {
   .cont_wrap {
      width: 100%;
   }
   .cont_wrap.blog_detail {
      margin-top: 0;
   }
   main {
      width: 100%;
      margin-top: 0;
   }
   aside {
      width: 100%;
   }
   .blog_wrap {
      padding-top: 80px;
      background-image: none;
   }
   #ttl_blog {
      margin-top: 0;
      background: #F08300 url("../img/blog/bg_ttl_blog_sp.png") center bottom no-repeat;
      background-size: 94%;
      width: 90%;
      height: 0;
      padding-top: 37.333333%;
   }
   #ttl_blog h1 {
      width: 120px;
   }
   .blog_wrap .inner {
      width: 90%;
      margin: 0 auto;
   }
   /* -------------------
*  blog
* ------------------*/
   #area_blog {
      padding: 30px 0 45px 0;
   }
   #area_blog a {
      width: 100%;
      margin-bottom: 20px;
   }
   #area_blog .box {
      width: 100%;
   }
   #area_blog a + a {
      margin-top: 25px;
   }
   .blog_img {
      width: 100%;
      height: 220px;
   }
   /* -------------------
*  ページャー 
* ------------------*/
   #pager {
      width: 100%;
      margin: 0 auto 25px auto;
   }
   #pager ul {
      justify-content: center;
   }
   #pager li {
      width: 40px;
      height: 40px;
      font-size: 1.2rem;
      border-radius: 5px;
   }
   #pager li.prev, #pager li.next {
      width: 90px;
   }
   #pager li.next {
      margin-right: 0;
   }
   #pager li.prev:after, #pager li.next:after {
      top: 14px;
   }
   /* -------------------
*  aside 
* ------------------*/
   aside {
      width: 100%;
      margin-top: 40px;
      margin-left: 0;
   }
   aside #area_category {
      margin-bottom: 35px;
   }
   aside h2.sub_ttl {
      width: 100%;
      height: 42px;
   }
   aside #area_category ul {
      display: flex;
      flex-wrap: wrap;
   }
   aside #area_category ul li {
      width: auto;
      height: 28px;
      margin-bottom: 10px;
      margin-right: 10px;
   }
   aside #area_category ul li + li {
      margin-top: 0;
   }
   aside #area_category ul li a {
      font-size: 1.2rem;
      padding: 6px 12px;
   }
   aside #area_new dt {
      font-size: 1.8rem;
   }
   /* -------------------
*  blog詳細
* ------------------*/
   article {
      margin-top: 40px;
   }
   article #blog_head {
      flex-wrap: wrap;
      margin-bottom: 22px;
   }
   #blog_head time {
      padding-left: 18px;
      font-size: 1.8rem;
      margin-bottom: 20px;
   }
   #blog_head time:before {
      position: absolute;
      content: "";
      width: 7px;
      height: 7px;
      background: #F9D23C;
      border: 2px solid #3E3A39;
      border-radius: 14px;
      top: 4px;
      left: 0;
      display: block;
   }
   #blog_head .sns {
      width: 100%;
      justify-content: flex-start;
   }
   article h1.ttl {
      font-size: 2rem;
      border-bottom: 3px solid #F08300;
      padding-bottom: 15px;
   }
   article #category {
      display: flex;
      margin: 20px 0;
   }
   article h2 {
      width: 100%;
      font-size: 2rem;
      margin-top: 40px;
      padding: 10px 10px 10px 20px;
      border-radius: 10px;
   }
   article h3 {
      border: 2px solid #EAE1CF;
      padding: 10px 10px 10px 20px;
      border-radius: 10px;
      font-size: 1.8rem;
      margin-top: 40px;
   }
   article h4 {
      font-size: 1.6rem;
      margin-top: 40px;
   }
   article .txt_area {
      margin-top: 40px;
   }
 h4 + .txt_area {
  margin-top: 15px;
 }
   .row {
      margin-top: 40px;
      flex-wrap: wrap;
   }
   .row .col-2 {
      width: 48%;
   }
   .row .col-2 img, .row .col-3 img {
      height: 122px;
   }
   .row .col-3 {
      width: 48%;
      margin-bottom: 20px;
   }
   .row .col-3:last-of-type {
      margin-bottom: 0;
   }
   figcaption {
      margin-top: 10px;
   }
   .main_image + p {
      margin-top: 25px;
   }
   hr {
      height: 2px;
      margin-top: 40px;
   }
   /*PDF*/
   .box_btn {
      margin-top: 40px;
   }
   .box_btn .txt_att {
      font-size: 1.2rem;
   }
   .box_btn .btn {
      width: 280px;
      height: 68px;
   }
   .box_btn .btn a {
      width: 280px;
      height: 68px;
   }
   .box_btn .btn a:after {
      position: absolute;
      display: block;
      content: "";
      top: 26px;
      right: 20px;
      width: 10px;
      height: 10px;
      border: 2px solid;
      border-color: #fff #fff transparent transparent;
      transform: rotate(45deg);
      border-radius: 2px;
   }
   .box_btn .btn:hover {
      background: none;
      border: none;
      top: 4px;
      left: 4px;
   }
   /*ラベル付き*/
   .box_label {
      position: relative;
      margin-top: 40px;
      padding: 20px 35px;
      border: 1px solid #3E3A39;
      border-radius: 10px;
   }
   .box_label .txt_01 {
      max-width: 90%;
   }
   .box_label .txt_02 {
      font-size: 1.8rem;
      margin-top: 20px;
   }
   /*記事リンク*/
   .box_article {
      border: 1px solid #3E3A39;
      border-radius: 10px;
      display: flex;
      margin-top: 40px;
      padding: 15px;
   }
   .box_article .l_box {
      width: 40%;
      margin-right: 15px;
   }
   .box_article .r_box {
      width: 60%;
   }
   .box_article h4 {
      font-size: 1.6rem;
   }
   article .main_image {
      margin-top: 40px;
   }
   .box_article .article_wrap {
      flex-wrap: wrap;
   }
   .box_article .name {
      font-weight: 500;
      margin-right: 20px;
      margin-bottom: 5px;
   }
   .box_article time {
      font-weight: 500;
      font-size: 2rem;
      position: relative;
      margin-top: 10px;
   }
   .r_txt, .l_txt {
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: row;
      margin-top: 40px;
   }
   .r_txt .l_box {
      width: 100%;
      margin-bottom: 20px;
   }
   .r_txt .r_box {
      width: 100%;
   }
   .l_txt .r_box {
      order: 1;
      margin-bottom: 20px;
   }
   .l_txt .l_box {
      order: 2;
   }
   /*吹き出し*/
   .box_balloon {
      margin-top: 40px;
      width: 100%;
   }
   .box_balloon .txt_box {
      width: calc(100% - 80px);
      padding: 15px 15px 15px 20px;
      border-radius: 10px;
      border: 1px solid #3E3A39;
   }
   .box_balloon .txt_box:before {
      content: "";
      background: url("../img/blog/bg_balloon.png") left top no-repeat;
      background-size: contain;
      width: 13px;
      height: 14px;
      position: absolute;
      left: -13px;
      top: 27px;
   }
   .box_balloon .img {
      width: 50px;
      height: 50px;
      border-radius: 50px;
   }
   /*リスト*/
   .box_list {
      padding: 20px;
      border-radius: 10px;
      margin-top: 40px;
   }
   .box_list h4 {
      font-size: 1.6rem;
      margin-bottom: 20px;
   }
   .box_list li {
      padding-left: 20px;
      font-size: 1.4rem;
   }
   .box_list li + li {
      margin-top: 20px;
   }
   .box_list li:before {
      position: absolute;
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 7px;
      top: 8px;
      display: block;
   }
   /*リンク*/
   .box_link {
      margin-top: 40px;
   }
   .box_link + p {
      font-size: 1.2rem;
   }
   .box_link .btn_link {
      margin: 10px 0 25px 0;
      padding: 15px;
      border-radius: 10px;
      font-size: 1.6rem;
   }
   .box_link .btn_inner:before {
      left: 18px;
   }
   .box_link .btn_inner {
      padding-left: 45px;
   }
   /*スライダー*/
   .box_slider {
      margin-top: 40px;
      padding: 25px 15px;
      border-radius: 10px;
   }
   .bx-wrapper {
      margin-bottom: 0;
      width: 96%;
      margin-left: 2%;
   }
   .bx-wrapper img {
      height: 220px;
      object-fit: cover;
   }
   .bx-wrapper .bx-controls-direction a.bx-prev {
      width: 35px;
      height: 35px;
      left: -17px;
      top: 110px;
   }
   .bx-wrapper .bx-controls-direction a.bx-next {
      width: 35px;
      height: 35px;
      right: -14px;
      top: 110px;
   }
   .bx-wrapper .bx-pager {
      position: absolute;
      bottom: 28px;
   }
   .box_slider p {
      width: 100%;
      margin: 20px auto 0 auto;
   }
   /*動画*/
   .box_movie {
      height: 0;
      padding-top: 65.4%;
      margin-top: 40px;
   }
   .box_movie iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }
   /*地図*/
   .box_map {
      border-radius: 10px;
      margin-top: 40px;
   }
   .box_map .btn_map {
      font-size: 1.6rem;
   }
   .box_map .btn_map {
      font-size: 1.4rem;
   }
   /*関連記事*/
   .relation {
      margin-top: 20px;
   }
   .relation h3.relation_ttl {
      width: 100%;
      font-size: 1.4rem;
      margin: 25px 0;
      padding: 10px 10px 10px 20px;
      border-radius: 10px;
   }
   #area_blog.relation a {
      margin-bottom: 25px;
   }
   #area_blog.relation .btn {
      margin-top: 20px;
   }
   #blog_head .sns li.fb {
      width: 89px;
      margin: -2px 0 0 5px;
   }
}