@charset "UTF-8";
/*
メインカラー
#7FBE25
127,190,37,1

メインカラーlight
#f2f8e8

メインカラー dark
#699c23

メインカラー deep dark
#2d3d16
*/

.text-main{color:#699c23;}
.text-light01{color:#666;}
.underline01 {background: linear-gradient(transparent 50%, #fff071 50%);}
.price_text01{background: linear-gradient(transparent 50%, #7FBE25 50%);}

.bg-main{background:#7FBE25;}
.bg-main-dark{background:#699c23;}
.bg-main-light{background: #f2f8e8;}
.bg-main-light2{background: #e5f2d3;}
.bg-warning{background:#FB8C00 !important;}
.bg-light02{background-color: #eaeaea;}

.border-main{border-style: solid; border-color: #7fbe24;}

.fs25-20{font-size:2.5rem;}
.fs20-14{font-size:2.0rem;}
.fs14-12{font-size:1.4rem;}
.fs14-10{font-size:1.4rem;}
.fs14-11{font-size:1.4rem;}
.fs12-10{font-size:1.2rem;}
.fs10-9{font-size:1rem;}

strong{font-family: 'Nico Moji', 'M PLUS Rounded 1c', sans-serif;}

/* 画面が小さい時navから除外 */
.non_d{display: block;}

/* 文字の両端揃え（右のガタガタを防ぐ） */
.text-btw{text-align: justify; text-justify: inter-ideograph;}



/* テーブル装飾 */
.table02{
  width: 100%;
  border-collapse: collapse;
}

.table02 tr{
  border-bottom: solid 2px white;
}

.table02 tr:last-child{
  border-bottom: none;
}

.table02 th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #7FBE25;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.table02 th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #7FBE25;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.table02 td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #f2f8e8;
  padding: 10px 0;
}



.logo-head{width:200px;}

.topic01{font-size:2.5rem;color:#699c23;}

.btn-yeg{color:#fff; background-color: #7fbe24;}
.btn-yeg:hover{color:#fff; background-color: #699d23;}
.btn-outline-yeg{color: #7fbe24; background-color: #fff; border-width: 1px; border-color: #7fbe24;}
.btn-outline-yeg:hover{color: #fff; background-color: #7FBE25; border-width: 1px; border-color: #699d23;}



.c-point{height:2.5rem;width:2.5rem;font-size:1.5rem;display:flex;justify-content: center;align-items: center;margin-right:1rem;}
.c-title{display:flex;font-weight:bold;align-items:center;justify-content: center;font-size:1.5rem;color:#699c23;}

.table-spot th{text-align:center;background:#FAFAFA;}
.post h2{color:#FFF;font-size:1.5rem;margin-bottom: 2rem;background:#3399CC;padding:0.5rem 1rem;}
.post p{padding:0 1rem;}
.post h3{color:#006598;font-weight: bold;font-size:1.5rem;margin-bottom:2rem;}
.post h3:before{content:"-";margin-right:0.5rem;}
.post h3:after{content:"-";margin-left:0.5rem;}
.post .box01{padding:2rem;border:1px solid #DDD;background:#FAFAFA;margin-top:2rem; margin-bottom:2rem;}

.post_thumb01{width:100%;height:150px;background-size:cover;background-position: center;}
.post_thumb02{width:100%;height:300px;background-size:cover;background-position: center;}


.table01 th{background:#f2f8e8;}
.table-sm th,.table-sm td{padding:0.3rem 1rem;}

/* リンク装飾 */
footer a:hover{
	transition: 0.3s;
	color:#2d3d16;
}
.bright01:hover{
  transition: 0.3s;
  filter: brightness(120%);
}
svg a{transition: 0.3s;}
svg a:hover{opacity: 0.7;}

.link_main_w{color: #7FBE25;}
.link_main_w:hover{color: #fff;}


/* divにリンク */
.linkbox {
    position: relative;
}
.linkbox:hover {
    transition: 0.2s;
    filter: brightness(120%)
}
.linkbox a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}


/* 画像大きさ調整 */
.photo_rnt{width:auto; height:170px; background-size:cover;background-position: center;}
.photo3{width:100%; height:250px; background-size:cover;background-position: center;}
.photo_about{width:auto; height:400px; background-size:cover;background-position: center;}
.area_map{position: absolute; top: 50px; left: 200px;}
.area_map01{width: 60vw; height: auto;}
.mail_line{width: 30vw; height: auto;}
.mask01{width: 200px; height: auto;}
.mask_box{padding-right: 205px;}
.mask_boxin{bottom: 0px; right: 0px;}
.covid01{height: 100px; width: auto;}

/* 右下ボタン */
.fixed_btn
{
  position: fixed;
  filter: opacity(70%);
  bottom: 10px; 
  right: 10px;
  z-index: 10;
  width: auto;
  height: 100px
}
.fixed_btn:hover{
	transition: 0.3s;
	filter: none;
}

.fixed_btn02
{
  position: fixed;
  filter: opacity(70%);
  bottom: 120px; 
  right: 20px;
  z-index: 11;
  width: auto;
  height: 120px
}
.fixed_btn02:hover{
  transition: 0.3s;
  filter: none;
}

/* flow01.phpのコロナ対策アイコン */
.vir01{position: absolute; width: auto; height: 100px; right: -20px; top:-70px;}

/* リンクをdiv全体に */
.link_100 a{
display: block;
}

.cons01{position: absolute; right: -10px; top: -20px;}

@media (min-width: 1201px) {
.card-columns {column-count: 5;}
}



@media (max-width: 1200px) {
.non_d{display: none;}
.card-columns {column-count: 4;}
}



@media (max-width: 992px) {
.card-columns {column-count: 3;}
.area_map{top: 0px; left: 150px;}
.area_map01{width: 70vw;}
.nav_sp{padding-right: 15px;padding-left: 15px;}
}



@media (max-width: 768px) {
.card-columns {column-count: 2;}
.area_map{top: 0px; left: 70px;}
.area_map01{width: 80vw;}
.cons01{position: static; margin-top:10px;}
}



@media (max-width: 576px) {
.card-columns {column-count: 1;}
body,html{font-size:16px;}
.fs25-20{font-size:2.0rem;}
.fs20-14{font-size:1.4rem;}
.fs14-12{font-size:1.2rem;}
.fs14-10{font-size:1.1rem;}
.fs14-10{font-size:1rem;}
.fs12-10{font-size:1rem;}
.fs10-9{font-size:0.9rem;}
.showcase{min-height:350px;}
.showcase img{max-height:340px;}
.post_thumb01{height:80px;}
.post_thumb02{height:200px;}
.area_map{top: -10px; left: 0px;}
.area_map01{width: 100vw;}
.fixed_btn{height: 80px;}
.fixed_btn02{height: 80px;  bottom: auto; top: 70px; right: 10px; filter: none;}
.vir01{height: 90px; right: -30px; top:-190px;}
h3{font-size: 1.2rem; line-height:1.5rem !important;}
.topic01{font-size:2rem;}
.covid01{height: 70px;}
}