@charset "UTF-8";

/* //////////////////////////////////////////////////

　ホームページのスタイル

////////////////////////////////////////////////// */

#content i.fa { margin-right: 5px; }

.leaf01:after, .leaf02:after, .leaf03:after, .leaf04:after, .leaf05:after, .leaf06:after { display: inline-block; content:''; animation: leaf 5s infinite ease-in-out alternate; }
.leaf01:after { width: 83px; height: 76px; background: url("../../img/ico_leaf_01.png") no-repeat; background-size: cover; }
.leaf02:after { width: 54px; height: 53px; background: url("../../img/ico_leaf_02.png") no-repeat; background-size: cover; }
.leaf03:after { width: 96px; height: 96px; background: url("../../img/ico_leaf_03.png") no-repeat; background-size: cover; }
.leaf04:after { width: 103px; height: 47px; background: url("../../img/ico_leaf_04.png") no-repeat; background-size: cover; }
.leaf05:after { width: 80px; height: 73px; background: url("../../img/ico_leaf_05.png") no-repeat; background-size: cover; }
.leaf06:after { width: 38px; height: 59px; background: url("../../img/ico_leaf_06.png") no-repeat; background-size: cover; }

@media print, screen and (max-width: 768px) {
.leaf01:after { width: 57px; height: 53px; background: url("../../img/ico_leaf_01.png") no-repeat; background-size: cover; }
.leaf02:after { width: 45px; height: 44px; background: url("../../img/ico_leaf_02.png") no-repeat; background-size: cover; }
.leaf03:after { width: 48px; height: 48px; background: url("../../img/ico_leaf_03.png") no-repeat; background-size: cover; }
.leaf04:after { width: 72px; height: 33px; background: url("../../img/ico_leaf_04.png") no-repeat; background-size: cover; }
.leaf05:after { width: 61px; height: 56px; background: url("../../img/ico_leaf_05.png") no-repeat; background-size: cover; }
.leaf06:after { width: 34px; height: 53px; background: url("../../img/ico_leaf_06.png") no-repeat; background-size: cover; }
}

@keyframes leaf {
0%{transform:translate(0,0) rotate(0deg)}
21%{transform:translate(0,0) rotate(0deg)}
22%{transform:translate(0,0) rotate(-5deg)}
23%{transform:translate(0,-1px) rotate(0deg)}
24%{transform:translate(0,-1px) rotate(5deg)}
25%{transform:translate(1px,0) rotate(-4deg)}
26%{transform:translate(0,1px) rotate(0deg)}
27%{transform:translate(0,0) rotate(5deg)}
28%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(0,0) rotate(0deg)}
}

/*
  visual
-------------------------------------------------- */
#visual { overflow: hidden; }
#visual .inner { position: relative; text-align: center; }

#visual .slider { height: 485px; }
#visual .slider img { object-fit: cover; width: 100%; height: 485px; }
@media print, screen and (max-width: 768px) {
#visual .slider { height: auto; }
#visual .slider img { height: auto; }
}

#visual .catch { position: absolute; top: 30px; left: 50%; margin-left: 50px; z-index: 2; width: 550px; }
#visual .catch h1 { font-size: 160%; font-weight: 500; line-height: 1.5; color: #505050; text-align: left; /*font-family: "秀英にじみ丸ゴシック B", Shuei NijimiMGo B;*/ }
#visual .catch p { margin-top: 10px; font-size: 88%; }
#visual .data { display: flex; justify-content: space-between; align-items: center; width: 530px; padding-left: 20px; text-align: left; }
#visual .data a { display: flex; justify-content: center; align-items: center; width: 120px; height: 30px; background: #fff; color: #555; font-size: 14px; font-weight: bold; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }


@media print, screen and (max-width: 768px) {
#visual .catch { display: flex; justify-content: center; align-items: center; top: 10%; left: 0; margin-left: 0; width: 100%; text-align: center; }
#visual .catch h1 { font-size: 100%; line-height: 1.4; }
#visual .catch p { display: none; }
#visual .data { display: none; }
}

#visual .coll { width: 530px; margin-top: 15px; border-radius: 10px; background: #fff; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }

.bg-blue #visual .coll { background: #0033cc; color: #fff; }
.bg-yellow #visual .coll { background: #ffff33; }
.bg-black #visual .coll { background: #000; color: #fff; }

#visual .coll dl { display: flex; justify-content: space-between; align-items: center; }
#visual .coll dl + dl { border-top: 2px dashed #c9c9c9; }
#visual .coll dt { padding: 10px 0 10px 20px; font-size: 16px; font-weight: 500; }
#visual .coll dd { padding: 10px 20px 10px 0; }
#visual .coll dd a { color: #67912c; font-size: 27px; font-weight: 500; }
#visual .coll i { margin-right: 10px; color: #67912c; font-size: 20px; }
@media print, screen and (max-width: 768px) {
#visual .coll { display: none; }
}

#visual .ico_right,
#visual .ico_left { position: absolute; top: 50%; right: 15px; margin-top: -30px; z-index: 2; cursor: pointer; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; background: #fff; border-radius: 50%; color: #7fbc34; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
#visual .ico_left { right: inherit; left: 15px; }
#visual .ico_right i,
#visual .ico_left i { margin: 0; }
@media print, screen and (max-width: 768px) {
#visual .ico_right,
#visual .ico_left { right: 10px; margin-top: -20px; width: 40px; height: 40px; }
#visual .ico_left { right: inherit; left: 10px; }
}

/*
  news
-------------------------------------------------- */
.news .inner { width: 980px; margin: 0 auto; padding: 100px 0; }
@media print, screen and (max-width: 768px) {
.news .inner { width: auto; padding: 60px 15px; }
}
.news .news-box { position: relative; display: flex; justify-content: space-between; align-items: center; background: #f3f8ee; border-left: 270px solid #7fbc34; border-radius: 10px; }
.news .news-box.leaf01:after { position: absolute; top: -45px; left: -145px; }
@media print, screen and (max-width: 768px) {
.news .news-box { display: block; border-left: none; border-radius: 5px; }
.news .news-box.leaf01:after { top: -35px; left: 40%; }
}

.news h2 { position: absolute; top: 50%; left: -230px; color: #fff; font-size: 24px; font-weight: 500; /*font-family: "秀英にじみ丸ゴシック B", Shuei NijimiMGo B;*/ }
.news ul { width: 710px; padding: 50px 50px 60px; }
.news ul li { margin-bottom: 10px; }
.news em { color: #e60012; text-decoration: none; }
@media print, screen and (max-width: 768px) {
.news h2 { position: inherit; top: 0; left: 0; font-size: 119%; padding: 30px 0; background: #7fbc34; border-radius: 5px 5px 0 0; text-align: center; }
.news ul { width: auto; padding: 25px 15px 50px; }
.news ul li { margin-bottom: 15px; font-size: 88%; }
}

.news .btn{display: none;}
.home .news .btn { display:block; position: absolute; bottom: 0; right: 0; }
.news .btn a { position: relative; display: flex; justify-content: center; align-items: center; width: 220px; height: 60px; background: #fff; font-size: 16px; border-radius: 10px 0 0 0; }
.news .btn a:after { content:''; position:absolute; bottom: 0; left: -30px; width: 30px; height: 30px; background: url("../../img/ico_btn_01.png") no-repeat; }

/*
  local-navi
-------------------------------------------------- */
.local-navi { padding-bottom: 120px; background: url("../../img/bg_01_pc.jpg") repeat top left; }
@media print, screen and (max-width: 768px) {
.local-navi { padding-bottom: 40px; }
}

.local-navi .inner { position: relative; width: 1200px; margin: 0 auto; padding: 90px 0; }
.local-navi .inner:before { content:''; position:absolute; top: -50px; left: 50%; width: 185px; height: 78px; margin-left: -90px; background: url("../../img/ico_wood_01.png") no-repeat; background-size: cover; }
@media print, screen and (max-width: 768px) {
.local-navi .inner { width: auto; padding: 60px 15px 40px; }
.local-navi .inner:before { top: -35px; width: 123px; height: 55px; margin-left: -60px; }
}

.local-navi .cat-icon ul { display: flex; justify-content: space-between; align-items: center; }
.local-navi .cat-icon li { position: relative; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.local-navi .cat-icon li:hover { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
@media print, screen and (max-width: 768px) {
.local-navi .cat-icon ul { flex-wrap: wrap; }
.local-navi .cat-icon li { width: 47%; height: 160px; margin-bottom: 20px; }
}

.local-navi .cat-icon li a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 170px; height: 170px; border-radius: 10px; background: #fff; text-align: center; line-height: 1.4; font-weight: 500; } 
.local-navi .cat-icon li:nth-child(2) a { padding-top: 20px; }
.local-navi .cat-icon li img { margin-bottom: 15px; } 
@media print, screen and (max-width: 768px) {
.local-navi .cat-icon li a { width: 100%; height: 100%; font-size: 94%; } 
.local-navi .cat-icon li:nth-child(2) a { padding-top: 10px; }
.local-navi .cat-icon li img { width: 65px; margin-bottom: 10px; } 
}

.local-navi .cat-icon li:nth-child(-n+3) a { color: #67912c; }
.local-navi .cat-icon li:nth-child(n+5) a { color: #333; }
.local-navi .cat-icon li:nth-child(4) a { color: #7b513d; }


.local-navi .cat-icon li:nth-child(4) { margin: 0 35px; }
.local-navi .cat-icon li:nth-child(4):before,
.local-navi .cat-icon li:nth-child(4):after { position: absolute; top: 0; left: -30px; content: ""; display: block; width: 2px; height: 100%; border-left: 2px dashed #d6c8b3; text-align: center; }
.local-navi .cat-icon li:nth-child(4):after { left: inherit; right: -30px; }
@media print, screen and (max-width: 768px) {
.local-navi .cat-icon li:nth-child(4) { margin: 0 0 15px; }
.local-navi .cat-icon li:nth-child(4):before,
.local-navi .cat-icon li:nth-child(4):after { display: none; }
}

.bg-blue .local-navi .cat-icon li a { background: #0033cc; }
.bg-yellow .local-navi .cat-icon li a { background: #ffff33; }
.bg-black .local-navi .cat-icon li a { background: #000; }

/*
  tab-group
-------------------------------------------------- */
.tab-group { margin-top: 70px; }
@media print, screen and (max-width: 768px) {
.tab-group { margin-top: 40px; }
}

.tab-button { position: relative; }
.tab-button.leaf02:after { position: absolute; top: -10px; right: 60px; }
@media print, screen and (max-width: 768px) {
.tab-button.leaf02:after { top: -20px; right: 30px; }
}

.tab-button ul { display: flex; }
.tab-button li { position: relative; width: 50%; }
.tab-button li a { display: block; margin-top: 20px; padding: 30px 0; border-radius: 20px 20px 0 0; background: #edfae1; text-align: center; font-size: 150%; font-weight: 500; color: #0a0507; }
@media print, screen and (max-width: 768px) {
.tab-button li a { display: block; margin-top: 10px; padding: 15px 0; border-radius: 10px 10px 0 0; font-size: 113%; }
}

.bg-blue .tab-button li.active a { background: #0033cc; }
.bg-yellow .tab-button li.active a { background: #ffff33; }
.bg-black .tab-button li.active a { background: #000; }

.tab-button li.active a { position: relative; margin-top: 0; background: #ffffff; border-top: 20px solid #7fbc34; color: #67912c; /*font-family: "秀英にじみ丸ゴシック B", Shuei NijimiMGo B;*/ }
.tab-button li.active a:after { content:''; position:absolute; bottom: 0; right: -35px; z-index: 2; width: 35px; height: 35px; background: url("../../img/ico_tab_03.png") no-repeat; }
.tab-button li + li.active a:after { left: -35px; right: inherit; background: url("../../img/ico_tab_04.png") no-repeat; }
@media print, screen and (max-width: 768px) {
.tab-button li.active a { border-top: 10px solid #7fbc34; }
}

.tabContents { position: relative; display: none; min-height: 400px; padding: 45px 85px; background: #fff url("../../img/bg_03_pc.png") no-repeat bottom center; /* box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;*/ }
.tabContents.active { display: block; }
@media print, screen and (max-width: 768px) {
.tabContents { min-height: 200px; padding: 15px 15px 80px; background: #fff url("../../img/bg_03_sp.png") no-repeat bottom center; background-size: contain; }
}

.bg-blue .tabContents { background: #0033cc url("../../img/bg_03_pc.png") no-repeat bottom center; }
.bg-yellow .tabContents { background: #ffff33 url("../../img/bg_03_pc.png") no-repeat bottom center; }
.bg-black .tabContents { background: #000 url("../../img/bg_03_pc.png") no-repeat bottom center; }

.tab-group .tab-ico span { position: absolute; top: 3px; left: 0; display: inline-block; width: 120px; height: 20px; padding: 2px 0 0; border-radius: 10px; text-align: center; font-size: 12px; color: #fff; font-weight: 500; }
@media print, screen and (max-width: 768px) {
.tab-group .tab-ico span { position: inherit; top: 0; left: 0; }
}

.ico-blue { background: #398ac5; }
.ico-green { background: #7fbc34; }
.ico-blown { background: #8d7e68; }
.ico-red { background: #d55d66; }
.ico-purple { background: #a770a2; }

.home .news-list li { position: relative; margin-bottom: 5px; padding-left: 290px; font-size: 94%; }
.home .news-list li.first { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #7e6b5a; }
.home .news-list .time {  position: absolute; left: 140px; }
.home .news-list li a { color: #0a0507; }
.home .news-list li p { display: inline; }
@media print, screen and (max-width: 768px) {
.home .news-list li { margin-bottom: 10px; padding-left: 0; font-size: 88%; }
.home .news-list .time { position: relative; left: 0; }
.home .news-list li p { display: block; padding: 10px 0; }
}

.bg-blue .news-list li, .bg-blue .news-list li a { color: #fff; }
.bg-black .news-list li, .bg-black .news-list li a { color: #fff;  }

.news-btn { position: absolute; bottom: 0; right: 0; }
.news-btn a { position: relative; display: flex; justify-content: center; align-items: center; width: 220px; height: 65px; background: #7fbc34; border-radius: 8px 0 8px 0; color: #fff !important; font-size: 16px; font-weight: 500; }
.news-btn a:after { content:''; position:absolute; bottom: 0; left: -25px; width: 25px; height: 25px; background: url("../../img/ico_tab_05.png") no-repeat; }

@media print, screen and (max-width: 768px) {
.news-btn a { width: 200px; height: 55px; border-radius: 6px 0 6px 0; font-size: 14px; }
}

/*
  topics
-------------------------------------------------- */
.topics { margin-top: -120px; padding-top: 120px; background: url("../../img/bg_topics.png") no-repeat center top; }
.topics .inner { padding: 30px 0 90px; background: #7fbc34; }
.topics h2 { font-size: 200%; color: #fff; font-weight: 500; text-align: center; /*font-family: "秀英にじみ丸ゴシック B", Shuei NijimiMGo B;*/ }
.topics h2 + p { margin-top: 20px; color: #fff; font-weight: 500; text-align: center; }
@media print, screen and (max-width: 768px) {
.topics { margin-top: 0; padding-top: 0; background: none; }
.topics .inner { padding: 25px 15px; }
.topics h2 { font-size: 185%; }
.topics h2 + p { margin-top: 15px; line-height: 1.4; font-size: 88%; }
}

.topics ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 1200px; margin: 60px auto 0;  }
.topics li { position: relative; width: 280px; min-height: 350px; margin: 0 0 30px; padding-top: 25px; border-radius: 15px; background: #fff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
@media print, screen and (max-width: 768px) {
.topics ul { display: block; width: auto; margin: 30px auto 0; }
.topics li { width: 100%; min-height: inherit; margin: 0 0 15px; padding: 15px 10px; border-radius: 10px; }
.topics li > div { display: flex; justify-content: space-between; }
.topics li .img { width: 40%; }
.topics li .txt { width: 60%; padding: 0 10px 0 15px; }
}

.bg-blue .topics li { background: #0033cc; }
.bg-yellow .topics li { background: #ffff33; }
.bg-black .topics li { background: #000; }

.topics li:hover { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.topics li h3 { margin: 20px 20px 10px; color: #67912c; font-weight: 500; font-size: 100%; }
.topics li:hover h3 { text-decoration: underline; }
.topics li p { margin: 0 20px; font-size: 88%; line-height: 1.4; }
@media print, screen and (max-width: 768px) {
.topics li h3 { margin: 0 0 5px; font-size: 94%; }
.topics li p { margin: 0; }
}

.bg-blue .topics li p { color: #fff; }
.bg-black .topics li p { color: #fff;  }

.topics li a { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }
.topics li span { position: relative; display: flex; justify-content: center; align-items: center; position: absolute; top: -25px; left: 0; width: 150px; height: 50px; background: #e9f5dc; border-radius: 8px 8px 0 0; color: #67912c; font-size: 15px; font-weight: 500; }
.topics li span:after { content:''; position:absolute; bottom: 0; right: -20px; width: 20px; height: 20px; background: url("../../img/ico_tab_02.png") no-repeat; }

@media print, screen and (max-width: 768px) {
.topics li span { top: -25px; width: 130px; height: 40px; border-radius: 6px 6px 0 0; font-size: 14px; }
}

/*
  banner
-------------------------------------------------- */
.banner .inner { width: 960px; margin: 0 auto; padding: 60px 0; }
.banner .blogbnr { text-align: center; }
.banner .blogbnr img { margin: 0 auto; border-radius: 10px; }
.banner .blogbnr img:hover { box-shadow: rgba(127, 188, 52, 0.2) 0px 3px 8px; }
@media print, screen and (max-width: 768px) {
.banner .inner { width: 100%; padding: 40px 15px; }
.banner .blogbnr img { border-radius: 5px; }
}

.banner ul { display: flex; justify-content: space-between; margin: 50px 0 0; flex-wrap: wrap;}
.banner li { position: relative; width: 300px; height: 230px; border: 1px solid #ddd; border-radius: 10px; margin-bottom: 20px;}
.banner li.tw:hover { border: 3px solid #bae0ef; }
.banner li.bc:hover { border: 3px solid #ccdffa; }
.banner li.yt:hover { border: 3px solid #fed4d4; }
@media print, screen and (max-width: 768px) {
.banner ul { flex-wrap: wrap; margin: 30px 0 0; }
.banner li { width: 47%; height: auto; margin-right: 2%; margin-bottom: 20px; }
.banner li:nth-child(even) { margin-right: 0; margin-left: 2%; }
}

.banner li div { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; padding: 20px; text-align: center; }
.banner li a { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }
.banner h3 { font-size: 100%; font-weight: 500; }
.banner .tw h3 { color: #55a9ca; }
.banner .bc h3 { color: #0068b7; }
.banner .yt h3 { color: #db6464; }
.banner li img { margin-bottom: 10px; }
.banner li:nth-child(3) img { margin-bottom: 20px; }
.banner li p { width: 250px; font-size: 88%; text-align: left; }
@media print, screen and (max-width: 768px) {
.banner li div { padding: 15px 10px; }
.banner h3 { font-size: 94%; }
.banner li img { width: 90px; margin-bottom: 10px; }
.banner li p { width: 100%; font-size: 82%; line-height: 1.4; }
}

.bg-blue .banner li p { color: #fff; }
.bg-black .banner li p { color: #fff;  }

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

/*
  category
-------------------------------------------------- */
.home .category .inner { width: 1200px; margin: 0 auto; padding: 80px 0 120px; }
@media print, screen and (max-width: 768px) {
.home .category .inner { width: auto; padding: 40px 0 60px; }
}

.home .category h2, .category h3 { position: relative; font-size: 34px; font-weight: 500; text-align: center; /*font-family: "秀英にじみ丸ゴシック B", Shuei NijimiMGo B;*/ }
.home .category h3 { font-size: 163%; }
.home .category h2.leaf04:after { position: absolute; top: -60px; left: 50%; margin-left: -40px; }
@media print, screen and (max-width: 768px) {
.home .category h2, .category h3 { font-size: 150%; }
.home .category h3 { font-size: 119%; }
.home .category h2.leaf04:after { top: -50px; }
}

.category .facility { margin-top: 60px; padding: 60px 80px; border-radius: 20px; background: #e9f5dc;  }
.category .facility ul { display: flex; justify-content: space-between; align-items: center; margin-top: 50px; }
.category .facility li { position: relative; text-align: center; }
.category .facility li + li:before { position: absolute; top: 0; left: -50px; content: ""; display: block; width: 2px; height: 100%; border-left: 2px dashed #9ebb68; text-align: center; }
.category .facility a { color: #67912c; font-size: 113%; font-weight: 500; }
@media print, screen and (max-width: 768px) {
.category .facility { margin: 30px 15px 0; padding: 35px 35px 0; border-radius: 10px; }
.category .facility ul { display: block; margin-top: 25px; }
.category .facility li { padding-bottom: 30px; }
.category .facility li + li:before { display: none; }
.category .facility a { font-size: 100%; }
}

.category .facility div { position: relative; }
.category .facility img {  }
.category .facility span { position: relative; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0; padding: 15px 20px; background: #7fbc34; border-radius: 0 8px 0 8px; color: #fff; font-size: 15px; }
.category .facility span:after { content:''; position:absolute; bottom: 0; right: -20px; width: 20px; height: 20px; background: url("../../img/ico_tab_01.png") no-repeat; }

@media print, screen and (max-width: 768px) {
.category .facility div { position: relative; margin-bottom: 10px; }
.category .facility img { width: 100%; }
}

.category .centre { margin-top: 80px; }
.category .centre ul { display: flex; justify-content: space-between; }
.category .centre li { border-radius: 20px; }
.category .centre li:hover { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.category .centre a { display: flex; justify-content: space-between; align-items: center; width: 570px; height: 200px; color: #67912c; font-size: 113%; font-weight: 500; border-radius: 20px; background: #e9f5dc;  }
.category .centre img { order: 2; }
.category .centre span { display: inline-block; margin-left: 30px; order: 1; }

@media print, screen and (max-width: 768px) {
.category .centre { margin: 30px 15px 0; }
.category .centre ul { display: block; }
.category .centre li { margin-bottom: 30px; border-radius: 10px; }
.category .centre a { width: 100%; height: auto; padding-left: 10px; font-size: 94%; border-radius: 10px; line-height: 1.4; }
.category .centre img { width: 175px; }
.category .centre span { margin-left: 15px; }
}

/*
  end-navi
-------------------------------------------------- */
.end-navi { background: url("../../img/bg_02_pc.jpg") no-repeat center center; background-size: cover; }
@media print, screen and (max-width: 768px) {
.end-navi { background: url("../../img/bg_02_sp.jpg") no-repeat center center; background-size: cover; }
}

.end-navi .inner { display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 0 auto; }
.end-navi .persons, .end-navi .employment { overflow: hidden; width: 530px; height: 400px; padding-top: 100px; }
.end-navi .employment { width: 600px; }
@media print, screen and (max-width: 768px) {
.end-navi .inner { display: block; width: auto; }
.end-navi .persons, .end-navi .employment { width: auto; height: auto; padding: 60px 25px 30px; }
.end-navi .employment { width: auto; padding: 30px 25px 60px; /*border-top: 2px dashed #72ae28; */}
}

.end-navi .img { position: relative; float: left; margin-right: 50px; }
.end-navi .img a { display: flex; justify-content: center; align-items: center; width: 180px; height: 180px; border-radius: 30px; background: #fff; }
.end-navi .img a:hover { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.end-navi .img.leaf05:after { position: absolute; top: -30px; right: -30px; }
.end-navi .img.leaf06:after { position: absolute; top: 80px; right: -10px; }
@media print, screen and (max-width: 768px) {
.end-navi .img { margin-right: 25px; }
.end-navi .img a { width: 100px; height: 100px; border-radius: 15px; }
.end-navi .img img { width: 65px; height: 65px; }
.end-navi .img.leaf05:after { right: -15px; }
.end-navi .img.leaf06:after { top: 50px; right: -10px; }
}

.end-navi h3 { margin-bottom: 30px; font-size: 163%; font-weight: 500; /*font-family: "秀英にじみ丸ゴシック B", Shuei NijimiMGo B;*/ }
.end-navi p { font-size: 88%; }
@media print, screen and (max-width: 768px) {
.end-navi h3 { margin-bottom: 15px; font-size: 125%; }
}

.end-navi .btn { margin-top: 30px; }
.end-navi .btn a { position: relative; display: flex; justify-content: center; align-items: center; width: 240px; height: 50px; color: #67912c; border-radius: 10px; background: #fff; font-weight: 500; }
.end-navi .btn a:hover { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.end-navi .btn i { position: absolute; top: 17px; left: 17px; }
@media print, screen and (max-width: 768px) {
.end-navi .btn a { width: 100%; height: 60px; color: #67912c; }
.end-navi .btn i { position: absolute; top: 32%; left: 10%; }
}
.bg-blue .end-navi .img a, .bg-blue .end-navi .btn a { background: #0033cc; }
.bg-yellow .end-navi .img a, .bg-yellow .end-navi .btn a { background: #ffff33; }
.bg-black .end-navi .img a, .bg-black .end-navi .btn a { background: #000; }