@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#292929;
background-color:#fff;
font-family:'Yu Gothic Medium','Noto Serif JP','Noto Sans JP', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif,;
}



/*---------- リンク設定 ----------*/

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;}
img {vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
a:hover img{opacity:0.6;filter:alpha(opacity=60);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}
html {scroll-behavior:smooth;}


/*---------- ベーステキストの指定 ----------*/

p {
font-size:100%;
line-height:180%;
}
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
} /* ▲PCメディアクエリ終了▲ */


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}
















/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/

#container {
  width: 100%;
}
@media screen and (min-width:769px){
#container {
  width: 750px;
  /*コンテナー幅*/
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 0 auto;
}
}




/*------------------------------ キャッチコピー部分 ------------------------------*/



#spi-01-02 img{
  display:block;
  width:100%;
  height:auto;
   }


#spi-02-02 img{
  display:block;
  width:100%;
  height:auto;
  }
  
  
#spi-03-02 img{
  display:block;
  width:100%;
  height:auto;
  }



/*------------------------------ ボタン ------------------------------*/


.device{
  margin:0px 0 0px 0;
  padding:3vh 0 1vh 0;
  text-align:center;
 
  }
  .device a:link {color:#292929;text-decoration:none;}
  .device a:visited {color:#292929;text-decoration:none;}
  .device a:hover {color:#292929;text-decoration:none;}
  .device i {color:#bc2b2b;}
  
  .microcopy_box{
   
  }

  
  .btn-box{
    width:80%;
    margin:0 auto;
    padding:0 ;
    }
  

  .btn-sp-01 img{
    width:100%;
    animation-name: pulse;
    animation-duration: 1.9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    }

    @keyframes pulse {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.05);
      }
      100% {
        transform: scale(1);
      }
    }
    
  
  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  .device{
  margin:0px 0 0 0;
  padding:45px 0 30px 0;
  text-align:center;
  background-color: #fff;
  }
  .device a:link {color:#292929;text-decoration:none;}
  .device a:visited {color:#292929;text-decoration:none;}
  .device a:hover {color:#292929;text-decoration:none;}
  .device i {color:#bc2b2b;}
  
  .microcopy_box{
  
  }
  
  .btn-box{
    width:500px;
    margin:0 auto;
    padding:0 0px;
    
   
  }

    .btn-sp-01{
      display:block;
      animation-name: pulse;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
    }
      
    @keyframes pulse {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.03);
      }
      100% {
        transform: scale(1);
      }
    }
    
  } /* ▲PCメディアクエリ終了▲ */
  

/*------------------------------ 背景の色が違う箇所のボタン ------------------------------*/
  .device-02{
    margin:0px 0 0px 0;
    padding:4vh 0 0vh 0;
    text-align:center;
    background-color: #f6f0f6;
    }
    .device a:link {color:#292929;text-decoration:none;}
    .device a:visited {color:#292929;text-decoration:none;}
    .device a:hover {color:#292929;text-decoration:none;}
    .device i {color:#bc2b2b;}
    
    .microcopy_box-02{
      
    }

    .btn-box-02{
    width:80%;
    margin:0 auto;
    padding:0 ;
      }
    
     
    .btn-sp-01-02 img{
        width:100%;
        animation-name: pulse;
        animation-duration: 1.9s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
      }
  
      @keyframes pulse {
        0% {
          transform: scale(1);
        }
        50% {
          transform: scale(1.05);
        }
        100% {
          transform: scale(1);
        }
      }




    /* ▼PCメディアクエリ */
    @media screen and (min-width:769px){
    .device-02{
    margin:0px 0 0 0;
    padding:60px 0 45px 0;
    text-align:center;
    background-color: #f6f0f6;
    }
    .device a:link {color:#292929;text-decoration:none;}
    .device a:visited {color:#292929;text-decoration:none;}
    .device a:hover {color:#292929;text-decoration:none;}
    .device i {color:#bc2b2b;}
    
    .microcopy_box-02{
      
    }
    
  
     
  
    .btn-box-02{
      width:500px;
      margin:0 auto;
      padding:0 0px;
      
    }
  
      .btn-sp-01-02{
        display:block;
        animation-name: pulse;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
      
      }
        
      @keyframes pulse {
        0% {
          transform: scale(1);
        }
        50% {
          transform: scale(1.03);
        }
        100% {
          transform: scale(1);
        }
      }


    
    } /* ▲PCメディアクエリ終了▲ */









/*------------------------------ 本文部分 ------------------------------*/








/*-------------------------------  悩み  -------------------------------*/
#spi-04 img {
  display:block;
  width:100%;
height:auto;
  }



#spi-05 img {
  display:block;
  width:100%;
height:auto;
  }


#spi-06 img {
  display:block;
  width:100%;
  height:auto;
  }

  #spi-07 img {
    display:block;
    width:100%;
  height:auto;
    }
  
  
  
  #spi-08 img {
    display:block;
    width:100%;
  height:auto;
    }
  
  
  #spi-09 img {
    display:block;
    width:100%;
    height:auto;
    }






/*-------------------------------  メリット  -------------------------------*/
#spi-10 img{
  display:block;
   width:100%;
   height:auto;
   }
 

#spi-11 img{
  display:block;
  width:100%;
  height:auto;
  }
 
#spi-12 img{
  display:block;
  width:100%;
  height:auto;
   }
   
  
#spi-13 img{
  display:block;
  width:100%;
  height:auto;
  }

#spi-14 img{
  display:block;
  width:100%;
  height:auto;
   }


/*-------------------------------  理想の姿  -------------------------------*/


#spi-15 img{
  display:block;
   width:100%;
   height:auto;
   }
 

#spi-16 img{
  display:block;
  width:100%;
  height:auto;
  }
 




/*-------------------------------  お客様の声  -------------------------------*/

#spi-17 img{
  display:block;
  width:100%;
  height:auto;
   }
   
  
#spi-18 img{
  display:block;
  width:100%;
  height:auto;
  }

#spi-19 img{
  display:block;
  width:100%;
  height:auto;
   }

#spi-20 img{
  display:block;
  width:100%;
  height:auto;
   }





/*-------------------------------  申込方法  -------------------------------*/
#spi-21-02 img{
  display:block;
  width:100%;
  height:auto;
   }

#spi-22-02 img{
  display:block;
  width:100%;
  height:auto;
   }

#spi-23-02 img{
  display:block;
  width:100%;
  height:auto;
  }

#spi-24-02 img{
    display:block;
    width:100%;
    height:auto;
    }

/*-------------------------------  料金  -------------------------------*/

 




/*-------------------------------  アクセス  -------------------------------*/








/*-------------------------------  流れ  -------------------------------*/



/*-------------------------------  後押し  -------------------------------*/






/*------------------------------ サンクスページ ------------------------------*/






/*------------------------------ プライバシーポリシー ------------------------------*/

.pp_box{
margin:30px 20px 0 20px;
padding:0;
}
.pp{
margin:0 0 0 0;
padding:1px 15px 15px 15px;
border:solid 1px #ccc;
overflow:auto;
height:75px;
}
.pp p{
font-size:60%;
color:#999;
}

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.pp_box{
width:768px;
margin:45px auto 0 auto;
padding:0;
}
.pp{
margin:0 0 0 0;
padding:1px 15px 15px 15px;
border:solid 1px #ccc;
overflow:auto;
height:100px;
}
.pp p{
font-size:10px;
color:#999;
}
} /* ▲PCメディアクエリ終了▲ */






/*------------------------------ ページ一番上へ ------------------------------*/

#pagetop {
position:fixed;
bottom:7%; /* 下からの位置／今回はフローティングがあるため高めに設定。通常は20～30 */
right:20px;
}
#pagetop i {
padding-top:6px
}
#pagetop a {
display:block;
z-index:9999;
padding:5px 4px 3px 4px;
border-radius:30px;
width:35px;
height:35px;
background-color:#ccc;
color:#fff;
text-decoration:none;
text-align:center;
}
#pagetop a:hover {
text-decoration:none;
opacity:0.7;
}

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
#pagetop {
position:fixed;
bottom:30px; /* 下からの位置／今回はフローティングがあるため高めに設定。通常は20～30 */
right:20px;
}
#pagetop i {
padding-top:6px
}
#pagetop a {
display:block;
z-index:9999;
padding:3px 4px 3px 4px;
border-radius:30px;
width:35px;
height:35px;
background-color:#ccc;
color:#fff;
text-decoration:none;
text-align:center;
}
#pagetop a:hover {
text-decoration:none;
opacity:0.7;
}
} /* ▲PCメディアクエリ終了▲ */





/*------------------------------ フッター ------------------------------*/

#footer{
margin:0px auto;
padding:20px 20px 15px 20px;
font-size:75%;
color:#fff;
line-height:200%;
text-align:center;
background:#a370a7;
font-family: 'Roboto Condensed', sans-serif;
}
#footer a:link {color:#fff;text-decoration:underline;}
#footer a:visited {color:#fff;text-decoration:underline;}
#footer a:hover {color:#fff;text-decoration:none;}

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
#footer{
width:750px;
margin:0px auto;
padding:20px 0 ;
color:#fff;
font-size:12px;
line-height:200%;
text-align:center;
background:#a370a7;
font-family: 'Roboto Condensed', sans-serif;
}
#footer a:link {color:#fff;text-decoration:underline;}
#footer a:visited {color:#fff;text-decoration:underline;}
#footer a:hover {color:#fff;text-decoration:none;}
} /* ▲PCメディアクエリ終了▲ */







/*------------------------------ フローティング ------------------------------*/

.floating {
  display:block;
 width:100%;
  position:fixed;
  left:0;
  bottom:0;
  z-index:9999;
  text-align:center;
  margin:0;
  padding:0px ;
  background:rgba(0,0,0,0.3);
  }

  .device_box{
   width:100%;
    margin:0px;
    padding:3% 0;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    }

@media screen and (min-width:769px){
.floating {
display:block;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index:9999;
text-align:center;
margin:0;
padding:10px 0;
background:rgba(0,0,0,0.3);
}

.device_box{
  width:770px;
  margin:0px auto 0px auto;
  padding:0;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  }
}





/*---------- プライバシーポリシー・特定商取引法に関する表示・お問い合わせ ----------*/


/*---------- サブページ全体 ----------*/
.form-big{
  background-color:#f6f8fa ;
  padding:45px 6%;
}

#subpage{
  margin:0;
  padding:30px 6% ;
  font-family:'Noto Sans JP' ;
  background-color:#fff;
  }
  #subpage p {
    font-size:4.3vw;
    font-weight: 100;

  }

  .page_title{
  margin:0 0 30px 0;
  padding:0;
  font-size:6.4vw;
  line-height:150%;
  text-align:center;
  font-family:  'Noto Sans JP';
  color:#a370a7;
  }
  
  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  .form-big{
    background-color:#f6f8fa ;
    padding:90px 30px 75px 30px;
  }

  #subpage{

  margin:0 auto;
  padding:60px 30px 60px 30px;
  font-family:'Noto Sans JP' ;
  background-color:#fff;
  }
  #subpage p{
    font-size:18px;
    font-weight: 100;
    width:100%;
    margin:0 auto 10px auto;
}

  .page_title{
  margin:0 0 60px 0;
  padding:0;
  font-size:42px;
  line-height:150%;
  text-align:center;
  letter-spacing:1px;
 font-family:  'Noto Sans JP';
 color:#a370a7;
  }
  } /* ▲PCメディアクエリ終了▲ */


/*---------- 会社概要・特商法----------*/

table.info{
  width:100%;
  border-collapse:separate;
  margin:20px 0;
  }
  table.info th{
  padding:10px 0;
  font-size:90%;
  line-height:150%;
  text-align:left; /* thのデフォルトはセンター揃えのため */
  border-bottom:solid 1px #666;
  display:block;
  }
  table.info td{
  padding:10px 0 20px 0;
  font-size:90%;
  line-height:150%;
  display:block;
  }
  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  table.info{
  width:100%;
  border-collapse:separate;
  margin:20px 0;
  }
  table.info th{
  width:180px;
  padding:10px 0;
  font-size:14px;
  line-height:150%;
  text-align:left; /* thのデフォルトはセンター揃えのため */
  letter-spacing:1px;
  border-bottom:solid 1px #666;
  display:table-cell;
  }
  table.info td{
  padding:10px;
  font-size:14px;
  line-height:150%;
  letter-spacing:1px;
  border-bottom:dotted 1px #ccc;
  display:table-cell;
  }
  } /* ▲PCメディアクエリ終了▲ */


/*---------- お問い合わせフォーム ----------*/


  
  
  /*---------- お問い合わせフォーム入力～送信ボタン部分 ----------*/

 


/*---------- プルダウンの文字の色 ----------*/





/*---------- お問い合わせフォームボタンの補足装飾 ----------*/













/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {font-weight:bold;color:#c30d23;}
.white{font-weight:bold;color:#fff;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #ffe24d 60%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:180%;}


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}