body{
background-color: #fff;
}
/* メインページ */
.keyVisual{
height: 400px;
display: flex;
align-items: center;
justify-content: space-evenly;
background-image: url(../images/contact-sp.png);
background-color: rgba(0,0,0,0.3);
background-position: 50%;
background-blend-mode:darken;
background-size: cover;}
.subtitle{
color: #fff;
font-family: 'DefaultFont';
text-align: center;
margin: 2vw;
font-size: 5rem;
font-weight: bold;
}
input{
background-color: #ccc;
}
textarea{
background-color: #ccc;
}
.smallimg{
 width: 40%;
 }
 .contactmain{
 background-color: rgba(255,255,255,0.4);
 color: #000;
 max-width: 600px;
 width: 90vw;
 margin: 30px auto 100px auto;
 padding: 10px;
 text-align: left;
 }
 .inh{
 margin-block-start: inherit;
 margin-block-end: inherit;
 }
 /* p{
 font-size: 15px;
 } */
 .agree{
 border: #aaa 2px solid;
 max-width: 560px;
 width: 84vw;
 height: 200px;
 margin: 0 auto;
 overflow-y: scroll;
 }
 .red{
 background-color: red;
 color: #fff;
 margin: 0 10px;
 padding: 0 5px;
 }
 .btn{
 display       : inline-block;
 font-size     : 18pt;        /* 文字サイズ */
 text-align    : center;      /* 文字位置   */
 cursor        : pointer;     /* カーソル   */
 width: 30vw;
 padding       : 12px 12px;   /* 余白       */
 background    : #ff6666;     /* 背景色     */
 color         : #ffffff;     /* 文字色     */
 line-height   : 1em;         /* 1行の高さ  */
 transition    : .3s;         /* なめらか変化 */
   }
 .back{
 max-width:600px;
 background-size: cover;
 width: 90vw;
 margin: 2vw auto;
 }
 .center{
 text-align: center;
 }
 .contactflame{
 padding: 2vw;
 }
 .mini{
 font-size: 16px;
 }
 /* PC用 */
 @media screen and (min-width: 767px){
.keyVisual{
background-image: url(../images/contact-sp.png);}
  }