@charset "UTF-8";
/*--------------------------------
全体
---------------------------------*/
html{
  font-size: 62.5%;
}

body {
font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo,sans-serif;
font-size: 16px;
color: #333;
margin:0;
padding:0;
background: #0063BF;
}

a {
text-decoration: none;
}

ul{
display:flex;
}

li{
list-style: none;
}

.sp_only{
display:none;
}

.main {
text-align: center; 
margin-bottom:40px;
}

/*--------------------------------
ヘッダー
---------------------------------*/
header {
background: #fff;
margin-bottom:40px;
}
.header-wrap{
max-width: 980px;
margin: 0 auto;
display: flex;
justify-content:space-between;
}


/*--------------------------------
コンタクトボタン
---------------------------------*/
.contact-link{
line-height: 2.5;
}

.contact-link :hover{
opacity: 0.8;
}

.contact-link a{
width:200px;
background: rgb(255, 148, 8);
display: inline-block;
color:#fff;
text-align: center;
padding: 4px 20px;
}


/*--------------------------------
ファーストビュー
---------------------------------*/
.fv {
text-align: center; 
}


/*--------------------------------
コンタクトエリア
---------------------------------*/
.contact-area{
margin-top:-20px;
text-align: center;
}
.contact-area .contact-link a{
width:400px;
padding: 8px 20px;
}

/*--------------------------------
フッター
---------------------------------*/
footer{
padding:20px;
text-align: center;
/* color:#fff; */
background: rgb(165, 189, 233);
}

/*--------------------------------
SP
---------------------------------*/
@media screen and (max-width: 767px) {
  body {
    font-size: 15px;
    line-height: 1.7;
}

header {
padding:0 15px;
height:80px;
}

.header-wrap{
padding-bottom:0;
}

.contact-link a{
width:100px;

}

.contact-area .contact-link a{
width:220px;
}


footer{
padding:10px;}
}


iframe[src^="https://docs.google.com/forms/d/e"]{
width:100%;
margin-bottom:40px;
}