@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-2 img{
  display:block;
  width:100%;
  height:auto;
   }







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

.device{
  margin:0px 0 0px 0;
  padding:0px 0 0px 0;
  text-align:center;
  background-color:  #2a3e7c;
  }
  .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{
    width:100%;
    margin: 0 auto 10px auto;
  }

  .microcopy_1{
  
    font-size: 6.4vw;
    font-family:'Noto Sans JP' ;
    line-height:150%;
    text-align: center;
    padding:30px 0 0 0px;
    color: #fff;
    font-feature-settings:”palt” 1;
    -webkit-font-feature-settings: "palt";
    margin:0px 0 0 0;
    
  }
  
  .microcopy_2{
    font-size:100%;
    margin:10px auto 10px auto;
    color: #fff;
    line-height:150%;
    display:none;
    }
  
    .cta-bg-sp-01{
      display:block;
    }

    .cta-bg-sp-01 img{
      width:100%;
    }



  .btn-box{
    
    margin:0 5% 0 5%;
    padding:0;
    }
  
    .btn-pc-01-2{
      display:none;
    }
  
    .btn-pc-02{
      display:none;
    }


    .btn-sp-01{
        display:block;
        margin-bottom:15px;
        position: relative;
        text-decoration: none;
        overflow: hidden;
        transition: 300ms;
      }

    .btn-sp-01::before{
      position: absolute;
      content: '';
      display: inline-block;
      top: -180px;
      left: 0;
      width: 50px;
      height: 100%;
      background-color: #fdfbd4;
      transition: 300ms;
      animation: shinyshiny 4.5s ease-in-out infinite;
      }

    .btn-sp-01:hover {
      text-decoration: none;
      color: #fff;
      box-shadow: none;
      -webkit-transform: translateY(3px);
      }

     @-webkit-keyframes shinyshiny {
       0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
       80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.2; }
       81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.5; }
       100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

  .btn-sp-01 img{
      width:100%;
    }


 
  
  .btn-sp-02{
    display:block;
    margin-bottom:15px;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    transition: 300ms;
    }

  .btn-sp-02::before{
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 50px;
    height: 100%;
    background-color: #f6f8fa;
    transition: 300ms;
    animation: shinyshiny 4.5s ease-in-out infinite;
  }

  .btn-sp-02:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: none;
    -webkit-transform: translateY(3px);
}
  @-webkit-keyframes shinyshiny {
     0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
     80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
     81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
     100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
  .btn-sp-02 img{
        width:100%;
      }


    .microcopy_3{
      font-size:3.75vw;
      margin:0px auto 0px auto;
      padding:0 0 20px 0;
      color: #fff;
      font-family:'Noto Sans JP' ;
      line-height:150%;
      font-weight: 100;
  
      }

    
  
  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  .device{
  margin:0px 0 0 0;
  padding:60px 0 30px 0;
  text-align:center;
    background-color: #2a3e7c;
  }
  .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{
    width:640px;
    margin: 0 auto 10px auto;
    
  }
  
  
  .microcopy_1{
    font-size: 40px;
    font-family:'Noto Sans JP' ;
    line-height:150%;
    text-align: center;
    padding:0 0 0 0;
    margin:0 0 0 0;
    color: #fff;
    font-feature-settings:”palt” 1;
    -webkit-font-feature-settings: "palt";
    display:block;
  }
  
  .microcopy_2{
    font-size:18px;
    margin:20px auto 0px auto;
    color: #fff;
    font-family:'Noto Sans JP' ;
    line-height:150%;
    display:block;
    }
  

    .cta-bg-sp-01{
      display:none;
    }


  .btn-box{
    width:690px;
    margin:0 auto;
    padding:0 30px;
    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;
   
  }

  .btn-pc-01-2{
    width:48%;
    display:block;
  }

  .btn-pc-01-2 img{
    display:block;
    width:100%;
    height:auto;
     }

  .btn-pc-02{
    width:48%;
    display:block;
  }

  .btn-pc-02 img{
    display:block;
    width:100%;
    height:auto;
     }

  .btn-pc-02:hover {
    opacity:0.5;
    filter:alpha(opacity=60);
    -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;
    }

    .btn-sp-01{
      display:none;
    }

    .btn-sp-02{
      display:none;
    }


  .microcopy_3{
    font-size:14px;
    margin:10px auto 0px auto;
    padding:0 0 0 0;
    color: #fff;
    font-family:'Noto Sans JP' ;
    line-height:150%;
    display:block;
    }
      
  
  } /* ▲PCメディアクエリ終了▲ */
  












/*------------------------------ 本文部分 ------------------------------*/
/* 大見出し */
.subhead{
margin:0px 0px 0 0px;
padding:45px 20px 0 20px;
font-size:150%;
font-weight:900; /* Google fontsをより太くするにはboldよりも900指定 */
line-height:160%;
text-align:center;
font-family: "Noto Sans Japanese"; /* より太く強調するために、Google fontsを使用 */
color:#049683;

}


/* テキスト記入部分の各ブロック */
.contents{
margin:0 20px 45px 20px;
padding:0;
}
/* 中見出し */
.subtitle{
margin:30px 0 0 0;
padding:2px 0 2px 12px;
font-size:125%;
font-weight:bold;
line-height:150%;
border-left:6px solid #c30d23; /* 左側だけに線を引く */
}
/* ブレッド・通常リストタグというもの使用するが表組を応用させて見やすくしたもの */
table.check{
border-collapse:collapse;
margin:0 auto 30px auto;
}
table.check th{
width:30px;
padding:10px 0 5px 0;
font-size:100%;
line-height:150%;
color:#9273b2;
vertical-align:top; /* 表組の中で上揃え */
text-align:left;
}
table.check td{
padding:10px 0 5px 0;
font-size:100%;
font-weight:300;
line-height:150%;
border-bottom:dotted 2px #999999;
vertical-align:top; /* 表組の中で上揃え */
font-family:Noto Sans JP;
}
table.check td span{
  color:#d96972;
  }

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
/* 大見出し */
.subhead{
margin:60px 0 0 0;
padding:0;
font-size:42px;
font-weight:900; /* Google fontsをより太くするにはboldよりも900指定 */
line-height:160%;
text-align:center;
letter-spacing:1px;
font-family: "Noto Sans Japanese"; /* より太く強調するために、Google fontsを使用 */
color:#049683;
}




/* テキスト記入部分の各ブロック */
.contents{
width:640px;
margin:0 auto 60px auto;
padding:0;
}

/* 中見出し */
.subtitle{
margin:45px 0 0 0;
padding:2px 0 2px 12px;
font-size:24px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
border-left:6px solid #c30d23; /* 左側だけに線を引く */
}

/* ブレッド・通常リストタグというもの使用するが表組を応用させて見やすくしたもの */
table.check{
border-collapse:collapse;
margin:0 auto 30px auto;
}
table.check th{
width:30px;
padding:10px 0 5px 0;
font-size:18px;
line-height:150%;
color:#9273b2;
vertical-align:top; /* 表組の中で上揃え */
text-align:left;
}
table.check td{
padding:10px 0 5px 0;
font-size:18px;
font-weight:300;
font-family:Noto Sans JP;
line-height:150%;
letter-spacing:1px;
border-bottom:dotted 2px #c8c6c6;
vertical-align:top; /* 表組の中で上揃え */
}

table.check td span{
color:#d96972;
}

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







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



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


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








/*-------------------------------  解決  -------------------------------*/
  #spi-05-03 img{
    display:block;
    width:100%;
    height:auto;
    }
 

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

/*-------------------------------  選ばれる理由  -------------------------------*/


.spi-07-03 img{  /* 手前の画像 */
  display:block;
  width:100%;
  height:auto;
  margin: 0 0 0;
}

.spi-08-03 img{  /* 手前の画像 */
  display:block;
  width:100%;
  margin:0  0;
}







/*-------------------------------  代表挨拶  -------------------------------*/
#spi-09-03 img{
  display:block;
  width:100%;
  height:auto;
      }




/*-------------------------------  料金  -------------------------------*/
#spi-10-03 img{
  display:block;
  width:100%;
  height:auto;
      }


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

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

 




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

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





#hp-map{
  width:100%;
  background-color: #fff;
}
@media screen and (min-width:769px){
#hp-map{
  
  width:100%;
  background-color: #fff;
 

    }
    }

.map-item{
 
  padding:20px 20px 15px 20px;
  height:30vh;
}
@media screen and (min-width:769px){
.map-item{
  padding:30px 30px 30px 30px;
  height:328px;

  }
}

.map-item iframe{
  width:100%;
  height:100%;
}
@media screen and (min-width:769px){
.map-item iframe{
  width:100%;
  height:100%;
}
}

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






/*-------------------------------  流れ  -------------------------------*/
#spi-13-2 img{
  display:block;
  width:100%;
  height:auto;
   }

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





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

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

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





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

.thanks_box{
  width:100%;
  margin:0 auto;
  padding:100px 0 100px 0;
  }
  
  .thanks_head{
    margin:60px 0 0 0;
    padding:0;
    font-size:150%;
    font-weight:900; /* Google fontsをより太くするにはboldよりも900指定 */
    line-height:160%;
    text-align:center;
    letter-spacing:1px;
    font-family: "Noto Sans Japanese"; /* より太く強調するために、Google fontsを使用 */
    color:#049683;
  }
  
  .thanks_sentence{
    text-align:center;
  
  }
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.thanks_box{
width:1200px;
margin:0 auto;
padding:100px 0 100px 0;
}

.thanks_head{
  margin:60px 0 0 0;
  padding:0;
  font-size:42px;
  font-weight:900; /* Google fontsをより太くするにはboldよりも900指定 */
  line-height:160%;
  text-align:center;
  letter-spacing:1px;
  font-family: "Noto Sans Japanese"; /* より太く強調するために、Google fontsを使用 */
  color:#049683;
}

.thanks_sentence{
  text-align:center;

}
}






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

.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:#2a3e7c;
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:#2a3e7c;
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:#2a3e7c;
  }
  
  /* ▼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:#2a3e7c;
  }
  } /* ▲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メディアクエリ終了▲ */


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

table.form{
  width:100%;
  border-collapse:collapse;
  margin:0;
  }
  table.form th{
  font-size:4.3vw;
  line-height:150%;
  padding:15px 0 5px 0;
  text-align:left;
  display:block;
  }
  table.form td{
  font-size:4.3vw;
  line-height:150%;
  padding:0 0 5px 0;
  display:block;
  font-weight: 100;
  }
  .req{
  margin:0;
  padding:0;
  float:right;
  text-align:right;
  }
  .req span{
  margin:0;
  padding:1px 2px 2px 2px;
  font-size:80%;
  font-weight:normal;
  line-height:100%;
  color:#fff;
  background:#2a3e7c;
  }
  
  .any{
  margin:0;
  padding:0;
  float:right;
  text-align:right;
  }
  .any span{
  margin:0;
  padding:2px 3px 2px 3px;
  font-size:80%;
  font-weight:normal;
  line-height:100%;
  color:#999;
  background:#eeeeee;
  }


  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  table.form{
  width:100%;
  border-collapse:collapse;
  margin:0 auto;
  }
  table.form th{
  font-size:18px;
  line-height:150%;
  padding:15px 15px 5px 0;
  text-align:left;
  vertical-align:top;
  border-bottom:solid 1px #ccc;
  display:table-cell;
  
  }
  table.form td{
  font-size:18px;
  line-height:150%;
  padding:15px 0 5px 5px;
  display:table-cell;
  font-weight: 100;
  
  }
  .req{
  margin:0;
  padding:0;
  float:right;
  text-align:right;
  }
  .req span{
  margin:0;
  padding:1px 2px 2px 2px;
  font-size:12px;
  font-weight:normal;
  line-height:100%;
  color:#fff;
  background:#2a3e7c; /* 必須の背景色 */
  }

  .any{
  margin:0;
  padding:0;
  float:right;
  text-align:right;
  }
  .any span{
  margin:0;
  padding:2px 3px 2px 3px;
  font-size:12px;
  font-weight:normal;
  line-height:100%;
  color:#999;
  background:#eeeeee;
  }

  

  } /* ▲PCメディアクエリ終了▲ */
  
  
  
  /*---------- お問い合わせフォーム入力～送信ボタン部分 ----------*/

  input[type="text"], input[type="textarea"], select {
    width:100%;
    border:0;
    padding:10px;
    font-size:100%;
    border:solid 1px #ccc;
    appearance:none;  /* 初期設定の打消し */
    -webkit-appearance:none; /* Chrome, Safari */
    -moz-appearance:none; /* Firefox */
    -o-appearance:none; /*Opera対応*/
    border-radius:3px;
    box-shadow:inset 1px 4px 9px -6px rgba(0,0,0,0.5);
    box-sizing:border-box;
    background-color: #ffffd9; /* 入力フォームの入力枠の色 */
    }
  
    input[type="text"] {
      height:8vh; /* フォームの「text」の入力枠の縦幅の設定 */
    
      }
  
    input[type="textarea"] {
      height:120px; /* フォームの「textarea」の入力枠の縦幅の設定 */
      background-color: #fff;
      }

  @media screen and (min-width:769px){
  input[type="text"], input[type="textarea"], select {
  width:100%;
  border:0;
  padding:10px;
  font-size:100%;
  border:solid 1px #ccc;
  appearance:none;  /* 初期設定の打消し */
  -webkit-appearance:none; /* Chrome, Safari */
  -moz-appearance:none; /* Firefox */
  -o-appearance:none; /*Opera対応*/
  border-radius:3px;
  box-shadow:inset 1px 4px 9px -6px rgba(0,0,0,0.5);
  box-sizing:border-box;
  background-color: #ffffd9;/* 入力フォームの入力枠の色 */
  }

  input[type="text"] {
    height:40px; /* フォームの「text」の入力枠の縦幅の設定 */
  
    }

  input[type="textarea"] {
    height:120px; /* フォームの「textarea」の入力枠の縦幅の設定 */
    background-color: #fff;
    }
  }





  input[type="text"]:focus,
  textarea:focus {
  box-shadow:0 0 7px #999999;
  }
  
  ::-webkit-input-placeholder{color:#999;}
  
  input[type="submit"],input[type="button"] {
  border-radius:0;
  appearance:button;
  box-sizing:border-box;
  cursor:pointer;
  webkit-transition:all .5s;transition:all .5s;
  color:#fff;
  background:#e33a4a; /* 送信ボタンの色 */
  border:none;
  border-radius:5px;
  font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
  font-size:4.3vw;
}
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {display:none;}

  @media screen and (min-width:769px){
  input[type="text"]:focus,
  textarea:focus {
  box-shadow:0 0 7px #999999;
  }
  
  ::-webkit-input-placeholder{color:#999;}
  
  input[type="submit"],input[type="button"] {
  border-radius:0;
  appearance:button;
  box-sizing:border-box;
  cursor:pointer;
  webkit-transition:all .5s;transition:all .5s;
  color:#fff;
  background:#e33a4a; /* 送信ボタンの色 */
  border:none;
  border-radius:5px;
  font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
  font-size:18px;
}
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {display:none;}
}
  
  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  input[type="text"], textarea, select {font-size:16px;}
  } /* ▲PCメディアクエリ終了▲ */




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

 /* プルダウンの文字の色 */
select[name="entry.341445237"] {
  color: #3c3c43; /* プルダウンメニューの選択されたテキストの色 */
}

select[name="entry.341445237"] option {
  color: #3c3c43; /* プルダウンメニューのオプションのテキストの色 */
}






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

.submit{
  margin:15px 0 0 0;
  padding:0;
  text-align:center;
  }
  .submit a:link {color:#fff;text-decoration:none;}
  .submit a:visited {color:#fff;text-decoration:none;}
  .submit a:hover {color:#fff;text-decoration:none;}
  .button {
  width:80%;
  margin:0 auto;
  padding:15px 0 15px 0;
  font-size:120%;
  font-weight:bold;
  display:inline-block;
  text-decoration:none;
  }
  .button:hover {
  opacity:0.6;
  filter:alpha(opacity=60);
  -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;
  }
  
  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  .submit{
  margin:45px 0 0 0;
  padding:0;
  text-align:center;
  }
  .submit a:link {color:#fff;text-decoration:none;}
  .submit a:visited {color:#fff;text-decoration:none;}
  .submit a:hover {color:#fff;text-decoration:none;}
  .button {
  width:320px;
  margin:0 auto;
  padding:15px 0 15px 0;
  font-size:18px;
  font-weight:bold;
  display:inline-block;
  text-decoration:none;
  }
  .button:hover {
  opacity:0.6;
  filter:alpha(opacity=60);
  -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;
  }
  } /* ▲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;}