/*レイアウト*/
html{scroll-behavior: smooth;}
section { width:750px; margin:auto;}


/* フローティングバナー */
nav {
  position: fixed;
  left:50%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  text-align: center;
  width:750px;
transform: translateX(-50%);
}

.nav_title_img {
  width:100%;
}

  nav > div {
  justify-content: space-between;
}

nav > div > a > img {
  width:30%;
}


/* コンテンツ */
section img {vertical-align:top; width:100%; height:auto; display:block;}


.link_img { width:50%; margin:30px auto; }

.contact_wrap {margin:10px auto;}
.contact_wrap div {
  width:90%;
  display: flex;
  justify-content: space-between;
  margin:auto;
}
.contact_wrap div img {
  width:90% !important;
  margin:10px;
}

.background_line {
  background:url('../images/bg21.png');
  width:100%;
}
.background_line div {
  width:750px;
  margin:auto;
}
.background_line iframe {width:750px; margin:20px auto;}


div.contact_link { width:80% !important;}
section div.contact_link img { margin:10px auto !important;}



/*contactform*/
.contact_title { font-size:26px; font-weight:900; text-align:center; margin:20px 0;}
.contact_form form { width:95%; margin:auto;}
.contact_form label { font-size:18px; display:block;}
.contact_form span { display: inline-block; background:#f00; color:#fff; border-radius: 20px; padding:5px 10px; margin-left: 20px; margin-bottom:5px; font-size:14px;}
.contact_form input[type="text"] { width:50%; border-radius:5px; height:30px; margin-bottom:20px; border:1px solid #000; padding:5px;}
.contact_form input[type="date"] { background:#fff; width:180px; height:30px; line-height:30px; border-radius:5px; margin:0; padding:0; margin-bottom:20px; border:1px solid #000; color:#4d4b49; display: block;}
.contact_form input[type="date"]::-webkit-date-and-time-value {text-align: left;}
.contact_form select {  background:#fff; width:55%; height:30px; border-radius:5px; margin:0; padding:0; margin-right:10px; margin-bottom:20px; border:1px solid #000; color:#4d4b49; display: inline-block;}
.contact_form textarea { width:80%; border-radius:5px; margin-bottom:20px; border:1px solid #000; padding:5px;}
.contact_form input[type="submit"]{
    appearance: none;
    -webkit-appearance: none;

    width: 50%;
    height:60px;
    font-size: 15px;
    color: #fff;
    display:block;
    margin:20px auto;
    text-align: center;
    background-color: #5c87a6;
    border: 1px solid #5c87a6;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    font-weight:900;
    transition: background-color 1s;
  }

.map_img{ width:90%; margin:20px auto; }
.page-top { text-decoration:none; color:#1a67bd; font-weight:900; display: inline-block; margin:40px auto;}

footer {text-align: center;}


/*サンクスページ*/

.thanks {text-align:center;}
.thanks h2 { font-size:16px; margin-top:15px;}
.thanks p {margin:8px 10px;}

.thanks_voice {position:relative;}

.thanks_voice div {
  position:absolute;
  top:18%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  }

/*スマフォ表示*/
@media screen and ( max-width: 768px){

nav {width:100%;}

section { width:100%;}


.background_line iframe {width:100%;}
.background_line div {
  width:100%;
}

}