@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px) and (max-width: 1024px) {
#main-as{
	max-width:100%;
	padding:0 5px;
	}	
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 


/*文字*/
p {color: #444;
    font-size: 16px;
   margin: 0.5em 0px;
	
}
.txt {
    line-height: 1.75;
    color: #444;
    font-size: 16px;
}
.txt-white{color:#fff;}
.txt-green{color:#2BA638;font-weight:bold;}
.txt-gray_b{color:#333333;font-weight:bold;font-size:18px!important;}
.txt-gray{color:#333333;font-weight:bold;font-size:16px!important;}
.txt-red{color:#ef2927;font-weight:bold;font-size:1.1rem;}
/*画像*/
img {
width:100%;
max-width: 100%;
height: auto;
}
.top-img img {
txt-align:center;
width: 100%;
vertical-align: middle;	
	
}
.top-img02 img{
width:90%;	
vertical-align: middle;
margin-bottom: 20px;
}

/*タイトル*/
.dotto{display:inline-block;
font-size:1.8rem;
text-weight:bold;
border-bottom:3px dotted #2ba638;
padding-bottom:3px;
margin-bottom:20px;}

.dotto_s{display:inline-block;
font-size:1.8rem;
text-weight:bold;
color:#2ba638;
border-bottom:3px dotted #2ba638;
padding-bottom:3px;
margin-bottom:5px;}

.title_green{display: block;
    background-color: #2BA638;
    color: #fff;
    font-zize: 2rem!important;
    font-weight: bold;
    padding: 10px 5px;
}

.title04{display:inline-block;
color:#333;
font-size:17px;
font-weight:bold;
padding-bottom:2px;
border-bottom:1px double #ffffff;
border-width:8px;
margin-bottom:20px;}

/*リンク*/
#main-as.anchorlink {
    padding-top: 221px;
    margin-top: -221px;
}
.link-allow {
    padding-left: 25px;
    position: relative;
    margin-top: 15px;
    color: #2BA638;
    font-size: 16px;
    font-weight: bold;
}

.link-allow::before {
    content: "";
    position: absolute;
    left: 0;
    background: url(https://www.green-dog.com/assets/vendor/fonts/stylesheet/images/icon/white/arrow.svg) 50% center / 10px no-repeat #2ba638;
    border-radius: 50%;
    width: 20px;
    height: 20px;
	color: #2BA638;
}

/*位置*/
.txt-center {
    text-align: center;
}
.txt-right {
    text-align: right;
}
.scene{padding-left:50px;
margin-bottom:20px;}

/*背景色*/
.bk-yellow{background-color:#fef4c4;
padding:20px;
margin-bottom:20px;
}
.bk-beige{background-color:antiquewhite;
padding:20px;
margin-bottom:20px;
}
.bk-green{background-color:#2ba638;
padding:20px;
}
.bk-lighgreen{background-color:#93c688;
padding:20px;
}
.bk-white{
  background-color:#FFFFFF;
        /* background: url(../img/bg_watercolor.jpg) repeat-y; */
        /* background-size: cover; */
padding:20px;
border-radius:15px;}

/*パネル*/
.panel-wh{border:1px solid #666;
	background-color: #FFFFFF;
	border-radius:5px;
	padding:20px;
	margin-bottom:20px;}

.panel-red{border:2px double #f04d35;
	background-color: #FFFFFF;
	border-radius:5px;
	padding:20px;
	margin-bottom:20px;}

/*余白*/
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.content{margin-bottom:40px;}

/*ナビ*/
ul   { list-style:none;}


*{
       box-sizing: border-box;
     }
    #navi-area{
      display:flex; 
      flex-wrap: wrap;
      background:#FFFFFF;
      width: 100%;
      height:auto;
      padding:3px;
	margin-top:-55px;	
    }
    .navi{
	display:flex;
	flex-wrap: wrap;
      width: 50%;
	border-radius:10px;
      border:5px solid #FFFFFF;
		background: url(https://www.green-dog.com/assets/vendor/fonts/stylesheet/images/icon/gray/arrow.svg) right 15px center / 10px no-repeat #93c688;
    } 
#navi-area a{
display: block;
width: 100%;
height: 100%;
padding:15px;
text-decoration: none;
color:#333333;}

#navi-area .current {
padding:15px;
	font-weight:bold;
	color:yellow;
    background-color: #2BA638;
}




.tag{display: inline-block;
    background-color: white;
    border-radius: 8px;
    color: #fe914e;
    font-zize: 14px !important;
    font-weight: bold;
    padding: 10px;
}

/*吹き出し*/
.fukidashi {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 10px 20px;
  min-width: 300px;
  max-width: 90%;
  color: #FFFFFF;
  font-size: 20px;
	font-weight:bold;
  background: #2ba638;
border-radius:15px;	
text-align: center;
}

.fukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #2ba638;
}

.fukidashi p {
  margin: 0;
  padding: 0;
}

/*リボン*/
.ribbon1 {
  display: inline-block;
  position: relative;
  height: 50px;/*リボンの高さ*/
  line-height: 50px;/*リボンの高さ*/
  text-align: center;
  padding: 0 30px;/*横の大きさ*/
  font-size: 18px;/*文字の大きさ*/
  background: #2BA638;/*塗りつぶし色*/
  color: #ffff00;/*文字色*/
font-weight:bold;	
  box-sizing: border-box;
}

.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon1:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #94c689;
  border-style: solid;
}

.ribbon1:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #94c689 transparent transparent;
  border-style: solid;
}



.ribbon {
  display: inline-block;
  position: relative;
  height: 50px;/*リボンの高さ*/
  line-height: 50px;/*リボンの高さ*/
  text-align: center;
  padding: 0 30px;/*横の大きさ*/
  font-size: 18px;/*文字の大きさ*/
  background: #2ba638;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
font-weight:bold;	
  box-sizing: border-box;
}

.ribbon:before, .ribbon:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #faebd6;
  border-style: solid;
}

.ribbon:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #faebd6 transparent transparent;
  border-style: solid;
}


.h2heading {display:inline-block;
font-size:22px;
text-weight:bold;
color:#2ba638;
border-bottom:2px dotted #2ba638;
padding-bottom:3px;
margin-bottom:5px;}

.orange-txt {color:#ff914d;font-weight: bold;font-size: 16px;}
.txt_mkr {
    background-image: linear-gradient(to bottom, rgba(255, 193, 221, 0), rgba(255, 193, 221, 0) 63%, rgba(255, 255, 255, .6) 64%, rgba(255, 255, 255, .6) 67%, rgba(255, 193, 221, 0) 68%), linear-gradient(to bottom, rgba(255, 193, 221, 0), rgba(255, 193, 221, 0) 55%, rgba(255, 255, 255, .5) 56%, rgba(255, 255, 255, .5) 60%, rgba(255, 193, 221, 0) 61%), linear-gradient(179deg, rgba(255, 193, 221, 0), rgba(255, 193, 221, 0) 50%, #F8C5AC 60%, #F8C5AC 99%, rgba(255, 193, 221, 0)), linear-gradient(to bottom, rgba(255, 193, 221, 0), rgba(255, 193, 221, 0) 50%, #F8C5AC 60%, #F8C5AC 99%, rgba(255, 193, 221, 0));
    background-size: 100% 1em;
    background-repeat: repeat-x;
    font-weight: bold;
}

.title-bg03 {
    margin-bottom: 15px;
    padding: 15px 10px;
    background-color: #fe914e;
    color: #444;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.75;
}

.arrow_box {
	position: relative;
	background: #ffede2;
  border-radius: 8px;
  width: 500px;
    margin: 0 auto 30px;
  padding: 20px;
}
.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 237, 226, 0);
	border-bottom-color: #ffede2;
	border-width: 20px;
	margin-left: -20px;
}
.ico-horn {
        display: inline-block;
        width: 24px;
        height: 24px;
        background: url(../img/bullhorn-solid-full.svg) no-repeat left top / cover;
            margin-right: 10px;
            vertical-align: middle;
    }

@media screen and (mix-width:768px){
.bk-yellow {
  padding:30px;
}
.arrow_box {

}

.pc-only { display: block !important; }
.sp-only { display: none !important; }	
}


/*スマホ表示*/
@media screen and (max-width:767px){
  .bk-white{
  background-color:#FFFFFF;
  background-image: none;
padding:20px;
border-radius:15px;}
  .arrow_box {
width:100%;
  }
#main-as{
	max-width:100%;
	padding:0 5px;
	}		
	
.anchorlink {
    padding-top: 0px;
    margin-top: 0px;
}
ul   { list-style:none;}
*{box-sizing: border-box;}
    #navi-area{
      display:flex; 
      flex-wrap: wrap;
      background:#FFFFFF;
      width: 100%;
      padding:3px;
    }
.navi{
display:flex;
width: 50%;
font-size:12px;
border-radius:10px;
background: url(https://www.green-dog.com/assets/vendor/fonts/stylesheet/images/icon/gray/arrow.svg) right 15px center / 10px no-repeat #93c688;
    } 
#navi-area a{
text-decoration: none;
color:#333333;
}
#navi-area .current {
	font-weight:bold;
	color:yellow;
    background-color: #2BA638;
}


.title_green{display: block;
    background-color: #2BA638;
    color: #fff;
    font-zize: 14px!important;
    font-weight: bold;
    padding: 10px auto 10px 5px;
}	


	
.tag{display: inline-block;
    background-color: white;
    border-radius: 8px;
    color: #fe914e;
    font-zize: 14px!important;
    font-weight: bold;
    padding: 10px;
}
.scene{padding-left:0px;
	margin-bottom:20px;}	
.br_sp {
display: block !important;
}	
.pc-only { display: none !important; }
.sp-only { display: block !important; }	
}