@charset "utf-8";

   /* ふわっと表示↓*/
   .element {
    /* 最初は非表示 */
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    transition: transform 1s, opacity 1s, visibility 1s;

  }
  /* フェードイン時に入るクラス */
  .is-fadein {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
  /* ふわっと表示↑*/


  
body{font-family: 'Noto Sans JP', sans-serif;}
/*↓コンテンツ1*/
#content1{background-image:url("../img/contact/background1.png"); background-repeat: no-repeat;
    background-size:cover;margin: 0 auto;padding-top:140px;}
.content1inner{max-width: 1920px;margin:0 auto;}
.contactimg1{margin:0 auto;display:block;width:285px;padding-top:5.7%;padding-bottom:5.7%;}
/*↑コンテンツ1*/



/*↓コンテンツ2*/

.content2inner{margin:0 auto;max-width:1920px;}

/*↓フッター共通部*/
.footertxt1c{font-size:18px; text-align: center;margin-bottom:1.5%;margin-top:7%;font-weight: 800;}
.footertelc{text-align: center;margin-bottom:3%;}

.telnumberc{font-size:27px; font-weight: 900;color:#231815;}
.telnumberc a{font-size:40px; font-weight: 900;color:#231815;}
.uketukejikanc{font-size:14px;font-weight: 800;margin-top:0.25%;}
.lineboxc{margin:0 auto;width:720px;margin-bottom: 4%;}
.linetxtc{color:white;background-color:#534741;text-align: center;
    padding:10px;font-size:17px;border-radius:15px 15px 0px 0px;}
.linetxt2c{background-color:white;border-radius:0px 0px 15px 15px;
border:solid 2px#534741;}
.lineboxflexc{display:flex;justify-content: center;padding-top:2.5%;margin-bottom:2%;}
.lineidc{text-align: center; font-size:14px;font-weight: 800;margin-left: 1%;}
.lineidc span{font-size:21px;}
.footerbutton1c{width:30vw;min-width:350px;margin-right:2%;}

.lineimgc img{width:60px;}
.lineimgc {margin-right: 1%;}
.qrimgc img{width:60px;}
.qrimgc {margin-left: 1%;}
.linetxt3c{text-align: center;font-size:14px;padding-bottom: 2%;}
/*↑フッター共通部*/

/*↑コンテンツ2*/

/*↓コンテンツ3*/

.content3{background-image:url("../img/contact/background2.png"); background-repeat: no-repeat;
    background-size:cover;margin: 0 auto;}
.content3inner{max-width: 1920px;margin:0 auto;padding-bottom: 5%;}

.content3img{margin:0 auto; display:block;width:300px;
padding-top:10%;padding-bottom:5%;}

/*↓フォーム*/

.contactform{margin:0 auto;display:block;width:720px;}
  input[type="submit"],
  input[type="text"],
  select,
  textarea,
  button {
    -moz-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
  }
  
 
  input[type="text"],
  textarea {
    background: white;
    display: block;
    font-size: 16px;
    transition: 0.8s;
    border-radius:5px;
    width:100%;
    height:50px;
    margin-left: 1%;margin-right: 1%;
  }
   
  input[type="text"]:focus,
  textarea:focus {
    background: #e9f5fb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  
  textarea[name="content"] {
    display: inline-block;
    width: 100%;
    height: 200px;
  }
   
  select {
    /*color: #999999;*/
    background-color: white;
    width:720px;
    height:50px;
    padding-left:10px;
  }

  .formtxt{font-size:16px;color:#231815;font-weight:bold;
    margin-bottom:3%; margin-top:3%;margin-left: 2%;}
  .hissu{color:white;font-size:14px; background-color: #FF2A2A;
    padding:0px 9px;border-radius: 5px;margin-left: 12px;}
.formflex{display:flex;}
.formflexitem{width:50%;}
.formflexleft{width:50%;margin-right: 2%;}
.formflexright{width:50%;margin-left: 2%;}
.formname{font-size:16px;color:#231815;font-weight:bold;margin-bottom:1%;margin-left: 2%;}
/*↑フォーム*/

/*プライバシーポリシー↓*/
.ptitxt{font-size:16px;color:black;font-weight:bold;
    text-align: center;margin-top: 1.5%;margin-bottom: 1.5%;}

/* スクロールバー確認の要素 */
.bar {
    width: 720px;
    height: 230px;
    overflow: scroll;
    margin:0 auto;
    background-color: white;
    border-radius: 5px;
    overflow-x:hidden;
   }

   .bartxt{padding:6%;}
    
   /* スクロールの幅の設定 */
   .bar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
   }
    
   /* スクロールの背景の設定 */
   .bar::-webkit-scrollbar-track {
    border-radius: 5px;
    background: rgba(110, 108, 108, 0.2);
   }
    
   /* ドラックできるスクロール部の設定 */
   .bar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #007DF8;
   }

   .bartxtfontweight{font-weight:700;}



/*確認画面に進むボタン↓*/
.content3button{width:200px;margin-top: 5%;
  font-weight:bold;
    
    margin:0 auto;margin-top: 2%;}
    .content3button a{color:white;display:block;position:relative;background: linear-gradient(to right,
      #1a71b4,
      #24bddc,
      #77b848,
      #d2d65b,
      #f9c94f,
      #ec6350);
      padding:10px;text-align: center;  border-radius: 50px;}

    .content3button a:hover {background: #534741;
      cursor: pointer;display:block;}
      

    .content3button a::before{
      z-index: 40;
      content:""!important;
      display: inline-block;
      position:absolute;
      width:7px;
      height:17px;
      left:30px;
      bottom:10px;
      background-image:url(../img/contact/6.svg);
      background-size: contain;
      background-repeat: no-repeat;
      opacity: 1!important;
                  }
/*確認画面に進むボタン↑*/

/*sp追記↓*/
.splinebox{display:none;}
.spbr{display:none;}
/*sp追記↑*/

/*↑コンテンツ3*/

@media screen and (max-width : 800px ){

	  /*↓コンテンツ1*/
  #content1{padding-top:70px;}
  .contactimg1{width:70%;padding-top: 17%;padding-bottom: 14.5%;
    margin-right: 11.5%;}
  .footertxt1c{padding-top: 16%;padding-bottom: 9%;width:90%;margin: 0 auto;display:block;
  font-size:17px;}

  .telnumberc{font-size:22px;}
  .telnumberc a{font-size:34px;}
  .uketukejikanc{font-size:13px;}
  .footertelc{margin-bottom: 10%;}
  /*↑コンテンツ1*/

  /*↓コンテンツ2*/
  .linetxtc{font-size:13px;}
  .lineboxc{width:80%;}
  /*↑コンテンツ2*/

   /*↓コンテンツ3*/
   .contactform{width:93%;}
  .bar{width:95%;height:min(calc((100 / 1500) * 1700vw), 1700px);}
  select{width:100%;}
  .content3img{width:70%;padding-top:22%;margin-right: 17.5%;}
  .ptitxt{font-size:14px;margin-top: 7%;margin-bottom: 7%;}
  .content3button{margin-top: 12%;margin-bottom: 13%;}
  .content3{background-image:url("../img/contact/contact_sp/sp_backgroundimage2.png");}
   
  .formflex{display:block;}
  .formflexleft{width:100%;}
  .formflexright{width:100%;}
  .formtxt{margin-top: 7%;margin-bottom: 7%;}

  .formflexright{margin-left: 0;}
  .formflexleft{margin-right: 0;}
  input[type="text"], textarea{margin-left: 0;margin-right: 0;}

  .lineboxflexc{display:none;}
  .splinebox{display:block;}
  .splineboxflex{display:flex;justify-content: center;margin-top: 7%;}
  .splineboxtxt{font-size:14px;font-weight:800;text-align: center;}
  .splineboxtxt2{font-size:21px;}
  .linetxt3c{font-size:12px;margin-bottom: 5%;}
  .spbr{display:block;}
  .lineimgc{margin-right: 4%;}
  .qrimgc{margin-left: 4%;}
  /*↑コンテンツ3*/

   .spfootertop{display:none;}

}