@charset "utf-8";
/* CSS Document */

/* reset -------------------------------------------------- */
*, *::before, *::after {
  box-sizing: border-box;
}
html, body, header, footer, main, aside, nav, article, section, figure, figcaption, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, tr, th, td, iframe, a, img, p, div, span {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
}
html, body {
  width: 100%;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif;
  font-size: 10px;
  line-height: 1.6;
  background: #fff;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
  font-weight: 400;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  height: auto;
  max-width: 100%;
  vertical-align: baseline;
}
b, em, strong {
  font-weight: 700;
  font-weight: bolder;
}
i {
  font-style: italic;
}
small {
  font-size: 75%;
}
sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* -end- reset -------------------------------------------------- */
/* common -------------------------------------------------- */
header {
  color: #4e4e4e;
}
.hd_title {
  display: block;
  width: 100%;
}
.lead_txt {
  padding: 20px 7.7%;
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}
article {
  padding: 20px 2.7% 20px 2.7%;
}
h2 {
  padding: 0 0 20px 0;
  text-align: center;
  letter-spacing: .05em;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
section {
  margin: 0 0 19px 0;
  padding: 15px 1.4% 0;
  background: #fff;
  box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
}
section:last-child {
  margin: 0;
}
h3 {
  padding: 0 0 23px 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
h3 span {
  padding: 0 10px 10px 10px;
}
section > p {
  padding: 0 1.4% 10px 1.4%;
  font-size: 13px;
  font-size: 1.3rem;
}
figure {
  padding: 30px 1.6% 15px 1.6%;
  background: url(../img/drive_notice_bg_figure.png) #b0b0b0;
  background-size: 4px 4px;
}
figure img {
  display: block;
  margin: 0 auto;
}
footer {
  padding: 10px 0 5px 0;
}
.copy {
  text-align: center;
}
.copy small {
  font-size: 12px;
  font-size: 1.2rem;
}
.ft_logo {
  display: block;
  margin: 5px auto;
  width: 78px;
}
.btn_area {
  padding: 22px 15.2%;
}
section .btn_area {
  padding: 22px 12.5%;
}
.btn {
  display: block;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  color: #fff;
  font-size: 17.5px;
  font-size: 1.75rem;
  text-decoration: none;
  border-radius: 7.5px;
  box-shadow: 0 2px 1.5px 1px rgba(0,0,0,.3);
  position: relative;
}
.btn::after {
  content: '';
  display: block;
  width: 10px;
  height: 16px;
  background: url(../img/ar_r.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 3%;
  top: 50%;
  margin: -8px 0 0 0;
}
.btn_2l {
  padding: 8px 0;
}
.btn_sub_txt {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}
/* -end- common -------------------------------------------------- */
/* #norm -------------------------------------------------- */
#norm {
  color: #3e3e3e;
}
#norm h1 {
  background: #dfefff;
}
#norm .lead_txt_area {
  background: #dfefff;
}
#norm article {
  background: url(../img/drive_notice_bg_norm.png) center top no-repeat #61a6db;
  background-size: 100% auto;
}
#norm h2 {
  text-shadow: 0 1px 1.5px rgba(0,0,0,.4);
}
#norm h3 span {
  color: #2e80c5;
  background: url(../img/drive_notice_bd_norm.png) left bottom repeat-x;
  background-size: 3.5px auto;
}
#norm .btn {
  background: #f09932;
}
/* -end- #norm -------------------------------------------------- */
/* #emg -------------------------------------------------- */
#emg {
  color: #151515;
}
#emg h1 {
  background: #f2dbd7;
}
#emg .lead_txt_area {
  background: #f2dbd7;
}
#emg article {
  background: url(../img/drive_notice_bg_emg.png) center top no-repeat #494846;
  background-size: 100% auto;
}
#emg h3 span {
  color: #ce2f10;
  background: url(../img/drive_notice_bd_emg.png) left bottom repeat-x;
  background-size: 3.5px auto;
}
#emg .btn {
  background: #e85919;
}
/* -end- #emg -------------------------------------------------- */