@charset "utf-8";

/* ■■■共通部分の設定■■■ */

body {

  color: #000;

  font-family: 'Noto Sans JP', sans-serif;

  font-size: 2.08604954vw;

  font-weight: 400;

  letter-spacing: .1em;

  line-height: 1.7;

  margin: 0 auto;

  padding: 0;

}

/* ■共通画像の設定■ */

img {

  max-width: 100%;

  transition: filter 1.0s;

  vertical-align: middle;

}

/* ■■■文字関連の装飾設定■■■ */

/* ■フォント関係全般■ */

h2 {

  background-color: #ffdf35;

  clear: both;

  font-family: 'Noto Sans JP', sans-serif;

  font-size: 171.42857%;

  font-weight: 800;

  line-height: 1.75;

  margin: 50px auto 10px;

  padding: 5px;

}

/* ■基本テーブルの設定（SP）■ */

table {

  background-color: #fff;

  border-collapse: collapse;

  width: 100%;

}

table th,table td {

  border: 1px solid #333;

  padding: 10px;

}

.form-title {

  background-color: #ffdf35;

}

/* ■■■全体枠の設定（SP）■■■ */

#wrap {

  margin: 0 auto 20px;

  padding: 0 20px;

}

/* ■メイン画面の設定（SP）■ */

.message {

  overflow: auto;

}

.message-left {

  float: left;

  width: 60%;

}

.message-right {

  float: right;

  width: 38%;

}

.message-right img {

  width: 100%;

}

.strategy {

  clear: both;

  display: block;

  margin: 5px auto;

  padding-bottom: 20px;

  text-align: center;

}

.google-maps {

position: relative;

padding-bottom: 75%; // これが縦横比

height: 0;

overflow: hidden;

}

.google-maps iframe {

position: absolute;

top: 0;

left: 0;

width: 100% !important;

height: 100% !important;

}

/* ■フッターの設定（SP）■ */

footer {

  background-color: #ffdf35;

  padding: 30px 30px 30px 0;

  text-align: right;

}





/* ■■■■■■■■■＠タブレット以上の設定＠■■■■■■■■■ */

@media screen and (min-width:767px) {

body {

  font-size: 16px;

}

#wrap {

  margin: 0 auto;

  max-width: 1200px;

  overflow: auto;

}

.strategy {

  display: inline;

  float: right;

  margin: 0;

  padding: 0;

  text-align: right;

}

}