/*----------
common
----------*/

body{
}

a.tel:link {
  text-decoration: none;
}

a.blank{
  background: url("../images/2x/icon_blank.png") center right no-repeat;
  background-size: 20px;
  padding-right:25px;
}

.sp{
  display:none;}
.pc{display:block;}
@media only screen and (max-width: 768px) {
  .sp{display:block;}
  .pc{display:none;
}}


hr{background: #000;}


/*----------
btn
----------*/


.btn-eria{
    margin: 1rem auto;
    width: 100%;
} 
.text-right {text-align: right !important;}


.btn-eria a.linkbtn{
    margin: 1rem 2%;
    background: #fff;
    color: #968031;
    text-decoration: none;
    padding: 8px 8%;
    font-size: 0.9rem;
    /*font-weight: 600;*/
    border-radius: 0.4rem;
    border: 1px solid #968031;
    position: relative;}
 @media screen and (max-width: 767.99px) {
.btn-eria a.linkbtn{
font-size: 86%;
}}


.btn-eria a.linkbtn::after{
    position: absolute;
    top: calc(50% - 0.8em);
    right: 5px;
    content: ">";}

.btn-eria a.linkbtn:hover{
    color: #fff;
    background: #968031;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    animation: changecolor7 4s forwards;
    opacity: 0.8;
}





ul.priceLst li{
  width:253px;
  background: #ede9df;
  margin:0 0 20px 0;
  padding:0;
  padding:20px;
}

ul.priceLst::after{
  content:"";
  display: block;
  width:253px;
}


ul.priceLst li dt{
  padding:0 0 0 10px;
}
ul.priceLst li p,
ul.priceLst li dd{
  text-align:center;
  padding:10px 0 0 0;
}

ul.priceLst li p.price{
  color:#f00;
}

.priceDetail{
  background: #fff;
  padding:10px;
  font-size:12px;
}

h3.priceTtl{
  width:800px;
  margin:0 auto;
  font-size:22px;
}

h3.priceTtl::first-letter{
  color:#6fba2c;
}

p.imgCt{
  text-align:center;
}

.pageContact{
    border-top: 1px solid #000;
    width: 100%;
    margin: 50px auto 0 auto;
    border-bottom: 1px solid #000;
    text-align: center;
    padding: 30px 0;
    max-width: 800px;
}

.pageContact2{
  border-top:none;
  width:1000px;
  margin:2rem auto;
  border-bottom:none;
  text-align: center;
  padding:0;}
@media screen and (max-width: 767.99px) {
.pageContact2{
      width:100%;
  }}



.pageContact3{
  border-top:3px dotted #6fba2c60;
  width:1000px;
  background: #6fba2c20;
  margin:3rem auto 4rem;
  border-bottom:3px dotted #6fba2c60;
  text-align: center;
  padding:30px 0;}
@media only screen and (max-width: 1024.99px) {
.pageContact3{
  margin:1rem auto;
  padding: 1rem 0;
  width:100%;
  }}
@media screen and (max-width: 767.99px) {
.pageContact3{
  border:3px dotted #6fba2c60;
  }}


body.boikibody .pageContact{
  margin-top:0;
}

.pageContact3 h3{
font-size: 1.8rem;}
@media screen and (max-width: 767.99px) {
.pageContact3 h3{
    font-size: 130%!important;
  }}


.btn_box {
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
text-align: center;}
@media screen and (max-width: 767.99px) {
.btn_box {
padding: 0 4vw 1rem;
  }}


.beforetxt{
    margin: 1.6rem auto -0.3rem;
    font-size: 1.3rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
    animation:blink0 0.8s infinite alternate;}
@media screen and (max-width: 767.99px) {
.beforetxt{
    margin: 1rem auto 0;
    font-size: 116%;
  }}

@keyframes blink0{
    0% {opacity:0.6;}
    100% {opacity:1;}
}



/* 2カラム対応*/
.btn_box .block_btn{
    margin: 0.5rem 4% 2rem;
    font-weight: bold;
    width: 42%;
    padding: 0 2px 2px 0;
    background: #7ac543;
/*border-radius: 0 0.4rem 0.4rem 0.2rem; */}
@media screen and (max-width: 767.99px) {
.btn_box .block_btn{
    padding: 0 2px 2px 0;
    margin: 1rem 2% 0;
    width: 98%;
  }}

/* 1カラム 長文　対応*/
.btn_box .block_btn2{
    margin: 0.5rem 10% 1.5rem;
    font-weight: bold;
    width: 80%;
    padding: 0 2px 2px 0;
    background: #7ac543;
/*border-radius: 0 0.4rem 0.4rem 0.2rem; */}
@media screen and (max-width: 767.99px) {
.btn_box .block_btn2{
    padding: 0 2px 2px 0;
    margin: 1rem 2% 0;
    width: 98%;
  }}


.btn_box .block_btn a,
.btn_box .block_btn2 a{ 
    display: block;
    color: #fff;
    text-decoration: none;
}


.btn_box .block_btn:hover,
.btn_box .block_btn2:hover{
    transition: all 0.5s;
    border-radius: 0.4rem;
    background: #3f7e42;
  }

.btn_link{
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 1.6rem 2vw;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.07em;
    /* background: #7ac543; */
    text-decoration: none;
    color: #fff;
    text-align: center;
    border-radius: 0 0 0.4rem 0;
    width: 100%;
    border: 1px solid #fff;
    border-left: 1px solid #7ac543;
    border-top: 1px solid #7ac543;
  }
 @media screen and (max-width: 767.99px) {
.btn_link{
font-size: 110%;
    border: 2px solid #fff;
    padding: 1rem 2vw;
    margin: 0 auto 0.2rem;
    border-left: 2px solid #7ac543;
    border-top: 2px solid #7ac543;
}}
 @media screen and (min-width: 768px) {
.btn_link{
    border: 1px solid #fff;
    border-left: 1px solid #7ac543;
    border-top: 1px solid #7ac543;
}}
@media screen and (min-width: 1024px) {
.btn_link{
    font-size: 1.3rem;
  }}

.btn_link:after {
  position: absolute;

  content: "";
  bottom: 0.8vh;
  right: 2%;
  width: 1rem;
  height: 1rem;
  background: url(../images/1x/ic_triangle.png) no-repeat;
  background-size: 100%;
}

.btn_link:hover{
    color: #fff000;
    background: #3e9c42;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    animation: changecolor7 4s forwards;
    border-radius: 0 0 0.4rem 0;
    border-left: 1px solid #3e9c42;
    border-right: 1px solid #317c34;
    border-bottom: 1px solid #317c34;
    }




.siryo{
  margin: 0rem 10% 1rem;
    padding: 1rem;
    width: 80%;
    border: 1px solid #96803160;
    border-radius: 0.4rem;
    display: flex;
    flex-wrap: wrap;
    background: #fff;}
@media screen and (max-width: 767.99px) {
.siryo{
  margin: 0.6rem 3% 0rem;
  padding: 0.5rem 3vw;
  width: 94%;
  }}



.siryo .siryo-l{
margin: 0 auto;
    padding: 1rem 1rem 1rem 0;
    width: 24%;
    float: left;}
 @media screen and (max-width: 767.99px) {
.siryo .siryo-l{
margin: 1rem 1% 0;
    width: 30%;
    padding: 0;
}}


.siryo .siryo-l img{
    width: 100%;
box-shadow: 0 2px 3px 0 #7ac54320;
    filter: drop-shadow(0 5px 2px rgba(0, 0, 0, .1));}
 @media screen and (max-width: 767.99px) {
.siryo .siryo-l img{
box-shadow: 0 1px 2px 0 #7ac54320;
    filter: drop-shadow(0 3px 1px rgba(0, 0, 0, .1));
}}



.siryo .siryo-r{
  margin: 0 auto;
  padding: 0.6rem 0;
  width: 74%;
  float: right;
  text-align: left;}
 @media screen and (max-width: 767.99px) {
.siryo .siryo-r{
  padding: 0 0 0 2vw;
  margin: 1rem 1%;
  width: 65%;
  float: none;
}}


.siryo .siryo-r .siryotitle{
  font-size: 1.2rem;
  line-height:1.3;
  font-weight: bold;
    width: 100%;
    color: #968031;
    padding-bottom:0.5rem;
    border-bottom: 1px solid #968031;
    text-align: left;}
 @media screen and (max-width: 896.99px) {
.siryo .siryo-r .siryotitle{
    font-size: 110%;
}}
 @media screen and (max-width: 767.99px) {
.siryo .siryo-r .siryotitle{
        line-height: 1.4;
        font-size: 120%;
}}


.siryo .siryo-r .siryocap{
    width: 100%;
  font-size: 1rem;
  margin-bottom: 0.5rem;}
 @media screen and (max-width: 767.99px) {
.siryo .siryo-r .siryocap{
line-height: 1.6;
    font-size: 95%;
}}









.text-redpink {
    color: #ee7d7b !important;
    font-weight: bold;
}

.text-brown {
    color: #968031 !important;
    font-weight: bold;
}

.text-green {
    color: #6FBA2C !important;
    font-weight: bold;
}

.col-onoya-g{background: #6FBA2C!important;}

.l-height {line-height:1.5;}

.f-smaller{font-size: smaller !important; }

.strong_stxt {font-weight: 600!important; }



.wi100{width:100%!important;}
.mrlauto{margin-right: auto!important;margin-left: auto!important;}

.mrl2{
margin-left:2%;
margin-right:2%;
width:96%!important;
}


.mb2{ margin-bottom:2rem;}
 @media screen and (max-width: 767.99px) {
.mb2{ margin-bottom:1.25rem;
}}


/* インデント ※ */
.indent-kome {
  padding-left: 1em;
  text-indent: -1em;}
.coution::before,
.indent-kome::before {
  content: "※";
}

.t-center {text-align: center!important;}
.t-right {text-align: right!important;}
.t-left {text-align:left!important;}
.t-just{text-align: justify!important;}