@charset "utf-8";

/* common
---------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}

#footer a:link,
#footer a:visited {
  color: #372a23;
  text-decoration: underline;
}
#footer a:hover,
#footer a:active {
  color: #d90909;
  text-decoration: underline;
}

.link-mail {
  display: inline-block;
  margin-top: 100px;        /* ボタンとの間の余白 */
  font-size: 38px;         /* お好みで調整 */
  color: blue ;          /* 背景が暗めなら白文字がおすすめ */
  text-decoration: underline; /* リンクっぽくするならそのまま／消したければ none */
}

.impact {
  font-size: 20pt;
  font-weight: bold;
}
.impact2 {
  color: red;
}
.impact3 {
  background: yellow;
  color: #000;
}

.impact5 {
  background: #173b50;
  padding: 2px 5px;
  color: #fff;
}
.impact6 {
  background: #f4f4f4;
  padding: 3px;
  line-height: 1.1;
}
.impact7 {
  background: #b60000;
  padding: 2px 5px;
  color: #fff;
}
.style2 {
  color: #ff0000;
}
.style3 {
  color: #333333;
}
.style4 {
  color: #000000;
}

img {
  display: block;
  border: none;
}

/* ボタンのマウスオーバーで明るくする */
.btn:hover {
  filter: brightness(110%);
}

/* animation
---------------------------------------------*/
.feedInUp {
  opacity: 0;
  transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
  transition: 1.5s;
}
.feedInUp_On {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/* layout
---------------------------------------------*/

/*TopIntro-Start*/
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  min-width: 1000px;

  /*以下背景画像*/
  background-image: url(../images/bg.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top center;

  -webkit-text-size-adjust: none;

  text-align: center;
  font-size: 18px;
  font-family: "meiryo", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    "ＭＳ Ｐゴシック", sans-serif;
  color: #383d5c;
}

#head1 {
  background: url("../images/header_1.png") no-repeat top center;
  height: 606px;
}
#head2 {
  background: url("../images/header_2.png") no-repeat top center;
  height: 719px;
}
#head3 {
  background: url("../images/header_3.png") no-repeat top center;
  height: 903px;
}
#head4 {
  background: url("../images/header_4.png") no-repeat top center;
  height: 1182px;
}
#head5 {
  background: url("../images/header_5.png") no-repeat top center;
  height: 627px;
}
#head6 {
  background: url("../images/header_6.png") no-repeat top center;
  height: 864px;
}
#head7 {
  background: url("../images/header_7.png") no-repeat top center;
  height: 796px;
}
#head8 {
  background: url("../images/header_8.png") no-repeat top center;
  height: 731px;
}
#head9 {
  background: url("../images/header_9.png") no-repeat top center;
  height: 800px;
}
#head10 {
  background: url("../images/header_10.png") no-repeat top center;
  height: 753px;
}
#head11 {
  background: url("../images/header_11.png") no-repeat top center;
  height: 774px;
}
#head12 {
  background: url("../images/header_12.png") no-repeat top center;
  height: 702px;
}
#head13 {
  background: url("../images/header_13.png") no-repeat top center;
  height: 556px;
}
#head14 {
  background: url("../images/header_14.png") no-repeat top center;
  height: 621px;
}
#head15 {
  background: url("../images/header_15.png") no-repeat top center;
  height: 1176px;
}




/* formエリア共通（背景画像は個別に指定） */
.form-area {
  
  position: relative;
}

/* form1 背景 */
#form1 {
  background: url("../images/form_1.png") no-repeat top center;
  height: 314px;

}

/* form2 背景 */
#form2 {
  background: url("../images/form_2.png") no-repeat top center;
  height: 867px;
}

/* form3 背景 */
#form3 {
  background: url("../images/form_3.png") no-repeat top center;
  height: 441px;
}

/* 中身の中央寄せ */
.inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

/* ボタン画像 */
.btn {
  animation: pulse 2s infinite;
}

/* formごとのボタン位置 */
#form1 .btn-link {
  margin-top: 130px;
  display: inline-block;
}



/* form2 だけ左寄せ */
#form2 .left-align {
  text-align: left;
}

/* ボタン位置を背景に合わせる（今のまま） */
#form2 .btn-link {
  display: inline-block;
  margin-top: 635px; 
  margin-left: 67px;
}

/* メールリンクはボタンの直下 */
#form2 .link-mail {
  display: block;
  margin-top: 35px; /* 好きに調整 */
  margin-left: 82px;
  font-size: 15px;
  color: blue !important;
}



#form3 .btn-link {
  margin-top: 250px; 
  display: inline-block;
}

/* メールリンク（form2のため）
.link-mail {
  display: inline-block;
  margin-top: 100px;
  font-size: 18px;
  color: blue !important;
  text-decoration: underline;
} */

#wrap {
  background-image: url("../images/wrap.png");
  background-repeat: repeat-y;
  background-position: center top;
  background-position: 50% 0%;
}

#wrapform {
  background-image: url("../images/wrapform.png");
  background-repeat: repeat-y;
  background-position: center top;
  background-position: 50% 0%;
}

#container {
  text-align: left;
  width: 1000px;
  margin: 0 auto;
}

#text {
  text-align: left;
  width: 850px;
  margin: 0 auto;
}

#textwhite {
  text-align: left;
  width: 850px;
  margin: 0 auto;
  color: #fff;
}

#texts2 {
  text-align: left;
  width: 750px;
  position: relative;
  margin-top: 170px;
  margin-left: 400px;
}

#texts3 {
  text-align: left;
  width: 850px;
  margin-top: 250px;
  margin-left: 170px;
}

.container {
  text-align: left;
  width: 1200px;
  margin: 0 auto;
}

.white {
  color: #fff;
}

.text-center {
  　text-align: center;
}

#footer {
  background-color: #f3ebda;
}
--------------------------- */ ol,
ul {
  list-style-position: inside;
  padding-left: 10px;
}
ol li,
ul li {
  text-align: left;
}