@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:#008241}a:hover { color:#00964b}
/* css setting */
/*　トップイメージ - space　*/
@media screen and (min-width: 1201px) { .a01_space{ padding-top:3.5rem;} }
@media screen and (max-width: 1200px)  { .a01_space{ padding-top:3.5rem;} }
@media screen and (max-width: 1024px)  { .a01_space{ padding-top:3.5rem;} }
@media screen and (max-width: 768px) { .a01_space{ padding-top:12vh;} }
@media screen and (max-width: 480px) { .a01_space{ padding-top:1rem;} }


/*　==============================　ボタンに関する設定　==============================　*/

.an_btn .fs_btn_text,
.ab_btn .fs_btn_text,
.act_byn .fs_btn_text {
    line-height: 1.5rem;
}
.an_btn .fs_btn_text_main,
.ab_btn .fs_btn_text_main,
.act_btn .fs_btn_text_main {
font-size:1.2rem;
}
.an_btn .fs_btn {
    background: rgba(80, 180, 255, 0.75);
}
.act_btn .fs_btn {
    background: rgba(0, 130, 66, 0.85);
}

/*　===============　会員登録の流れ　===============　*/

.flow_left {
      padding: 1rem;
      border: #ffffff 1px solid;
        background: #80ab21;
      vertical-align: middle;
      text-align: center;
      width: 15%;
      font-size: 1.2rem;
      color: #ffffff;
      font-weight: bold;
}

.flow_right {
      padding: 1rem;
      vertical-align: top;
      width: 85%;
      font-size: 1rem;
}

/*　===============　お問い合わせ　===============　*/

.formBlockSurveyTable dl dt {
    text-align: left;
    width:100%
}
.formBlockSurveyTable dl dd {
    width: 100%;
}
.formBlockSurveyTable dl {
    padding: 1% 0;
}
.formBlockSurveyTable dl dd {
    width: 100%;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
    width: 100%;
    resize: none;
    border-radius: 0;
    padding: 2%;
}
.formBlockSubmitButton {
    width:100%;
    text-align:center!important;
    background-color: #008242!important;
    color:#fff;
}
.formBlockSubmitButton:hover {
    background-color: #00964b!important;
    color:#fff;
    transition:0.6s;
}
.on-pointer input {
    cursor: pointer;
}


/*　==============================　シェアボタン　==============================　*/

.fs-snsbutton-color1 .twitter-btn-icon,
.fs-snsbutton-color1 .facebook-btn-icon {
    background-color:#fff;
    color:#008242;
/*    border:1px solid #008242;*/
}

.fs-snsbutton-color1 .twitter-btn-icon:hover ,
.fs-snsbutton-color1 .facebook-btn-icon:hover {
    background-color: #008242;
    color:#fff;
        transition:0.5s;
/*    border:1px solid #008242; */
}

/*　==============================　ヘッダー　==============================　*/

/*　フィックス　*/
.topfix_A {
    position: fixed;
    z-index: 50;
    top: 0;
    right: 0;
}
.topfix_B {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
}

/*　==============================　フッター　==============================　*/
/*サイトマップ*/
.sitemap_table_tittle {
      padding: 0 0 0.5rem 1rem;
      vertical-align: top;
      width: 50%;
      line-height: 1.5rem;
     font-size:1.1rem;
}
.sitemap_table {
      padding: 0 0 0.5rem 1rem;
      vertical-align: top;
      width: 50%;
      line-height: 1.5rem;
     font-size:0.9rem;
}
.f_link a , .f_link a:visited, .f_link a:active  {
 /*   color: #008242;*/
    color: #666666;
    border-bottom: 1px solid rgba(0,130,66,0);
}
.f_link a:hover{
    transition:0.3s;
    border-bottom: 1px solid rgba(0,130,66,1);
}

/*　ページトップボタン　*/
.pagetop_btm{
    position: fixed;
    z-index: 20;
    bottom: 0;
    right: 0;
}
.pagetop_btm .fs_btn{
   line-height: 1rem;
}
.pagetop_btm_sp {
   background-color: rgba(0,130,66,0.5);
}

/*　==============================　スマホ版　==============================　*/

/*　———　スマホ時センター揃え　———　*/

@media screen and (max-width: 480px) {
     .sp_center {
         text-align: center!important;
     }
 }

/*　———　スマホ時改行なし　———　*/

@media screen and (max-width: 480px){
.sp_br_none br {
  display:none;
 }
}

/*　———　スマホ時改行あり　———　*/

@media only screen and (min-width: 769px){
.sp_br br {
  display:none;
 }
}



/*　==============================　共通項目　==============================　*/

/*　マルチイメージのポインター無　*/
.cuosor {
  pointer-events: none ;
  cursor: default ;
}
/*　telリンク - スマホ版のみ　*/
@media screen and (min-width: 480px) {
     .tel_splink {
         pointer-events: none;
     }
 }
a   {
      text-decoration:none;
      }
h1 , h2 , h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    margin-top: 0px;
}
.hover_opacity:hover{
    opacity: 0.8;
    transition:0.6s;
}
.hover_opacity_img img:hover {
opacity:0.7;
transition:0.6s;
}
.radius{
border-radius:1rem;
}
.box-shadow {
    box-shadow: 0.1rem 0.1rem #cccccc;
    -webkit-box-shadow: 0.1rem 0.1rem #cccccc;
    -moz-box-shadow: 0.1rem 0.1rem #cccccc;
}
.box-shadow_img img {
    box-shadow: 0.1rem 0.1rem #cccccc;
    -webkit-box-shadow: 0.1rem 0.1rem #cccccc;
    -moz-box-shadow: 0.1rem 0.1rem #cccccc;
}



/*　==============================　色に関する設定　==============================　*/
.main_rgba01{
    background: rgba(0, 130, 66, 0.85);
}

.white_rgba{
    background: rgba(255, 255, 255, 0.5);
}

.gradation_a  {
  background: linear-gradient(-45deg, #80ab21, #008242);
}
.gradation_b  {
  background: linear-gradient(-45deg,#ffffff , #80ab21);
}

/*　▼　*/
 .sankaku{
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-top: 2rem solid rgba(0, 130, 66, 0.85);
        margin: 0 auto;
}

 .sankaku_2{
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-top: 1rem solid #fff;
        margin: 0 auto;
}

 .sankaku_3{
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-top: 2rem solid #55b8fa;
        margin: 0 auto;
}


/*　==============================　文字に関する設定　==============================　*/
.eiji {
font-family: "Cabin", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
.bold {
    font-weight: bold;
}
.space_1{
    letter-spacing: 0.1rem;
}
.space{
    letter-spacing: 0.2rem;
}
.space_2{
    letter-spacing: 0.4rem;
}
.space_3{
    letter-spacing: -0.1rem;
}

/* vietnamese */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin'), local('Cabin-Regular'), url(https://fonts.gstatic.com/s/cabin/v12/XD3SRQ5RIOkebMXiWCcecw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin'), local('Cabin-Regular'), url(https://fonts.gstatic.com/s/cabin/v12/k7PW6rJMpqdxnc4QEePsDA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin'), local('Cabin-Regular'), url(https://fonts.gstatic.com/s/cabin/v12/yQOMOX5hR0-6LTD879t-PQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}