@charset "UTF-8";

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

html _:lang(x)+_:-webkit-full-screen-document,
html,
body _:lang(x)+_:-webkit-full-screen-document,
body,
div _:lang(x)+_:-webkit-full-screen-document,
div,
span _:lang(x)+_:-webkit-full-screen-document,
span,
applet _:lang(x)+_:-webkit-full-screen-document,
applet,
object _:lang(x)+_:-webkit-full-screen-document,
object,
iframe _:lang(x)+_:-webkit-full-screen-document,
iframe,
h1 _:lang(x)+_:-webkit-full-screen-document,
h1,
h2 _:lang(x)+_:-webkit-full-screen-document,
h2,
h3 _:lang(x)+_:-webkit-full-screen-document,
h3,
h4 _:lang(x)+_:-webkit-full-screen-document,
h4,
h5 _:lang(x)+_:-webkit-full-screen-document,
h5,
h6 _:lang(x)+_:-webkit-full-screen-document,
h6,
p _:lang(x)+_:-webkit-full-screen-document,
p,
blockquote _:lang(x)+_:-webkit-full-screen-document,
blockquote,
pre _:lang(x)+_:-webkit-full-screen-document,
pre,
a _:lang(x)+_:-webkit-full-screen-document,
a,
abbr _:lang(x)+_:-webkit-full-screen-document,
abbr,
acronym _:lang(x)+_:-webkit-full-screen-document,
acronym,
address _:lang(x)+_:-webkit-full-screen-document,
address,
big _:lang(x)+_:-webkit-full-screen-document,
big,
cite _:lang(x)+_:-webkit-full-screen-document,
cite,
code _:lang(x)+_:-webkit-full-screen-document,
code,
del _:lang(x)+_:-webkit-full-screen-document,
del,
dfn _:lang(x)+_:-webkit-full-screen-document,
dfn,
em _:lang(x)+_:-webkit-full-screen-document,
em,
img _:lang(x)+_:-webkit-full-screen-document,
img,
ins _:lang(x)+_:-webkit-full-screen-document,
ins,
kbd _:lang(x)+_:-webkit-full-screen-document,
kbd,
q _:lang(x)+_:-webkit-full-screen-document,
q,
s _:lang(x)+_:-webkit-full-screen-document,
s,
samp _:lang(x)+_:-webkit-full-screen-document,
samp,
small _:lang(x)+_:-webkit-full-screen-document,
small,
strike _:lang(x)+_:-webkit-full-screen-document,
strike,
strong _:lang(x)+_:-webkit-full-screen-document,
strong,
sub _:lang(x)+_:-webkit-full-screen-document,
sub,
tt _:lang(x)+_:-webkit-full-screen-document,
tt,
var _:lang(x)+_:-webkit-full-screen-document,
var,
b _:lang(x)+_:-webkit-full-screen-document,
b,
u _:lang(x)+_:-webkit-full-screen-document,
u,
i _:lang(x)+_:-webkit-full-screen-document,
i,
center _:lang(x)+_:-webkit-full-screen-document,
center,
dl _:lang(x)+_:-webkit-full-screen-document,
dl,
dt _:lang(x)+_:-webkit-full-screen-document,
dt,
dd _:lang(x)+_:-webkit-full-screen-document,
dd,
ol _:lang(x)+_:-webkit-full-screen-document,
ol,
ul _:lang(x)+_:-webkit-full-screen-document,
ul,
li _:lang(x)+_:-webkit-full-screen-document,
li,
fieldset _:lang(x)+_:-webkit-full-screen-document,
fieldset,
form _:lang(x)+_:-webkit-full-screen-document,
form,
label _:lang(x)+_:-webkit-full-screen-document,
label,
legend _:lang(x)+_:-webkit-full-screen-document,
legend,
article _:lang(x)+_:-webkit-full-screen-document,
article,
aside _:lang(x)+_:-webkit-full-screen-document,
aside,
canvas _:lang(x)+_:-webkit-full-screen-document,
canvas,
details _:lang(x)+_:-webkit-full-screen-document,
details,
embed _:lang(x)+_:-webkit-full-screen-document,
embed,
figure _:lang(x)+_:-webkit-full-screen-document,
figure,
figcaption _:lang(x)+_:-webkit-full-screen-document,
figcaption,
footer _:lang(x)+_:-webkit-full-screen-document,
footer,
header _:lang(x)+_:-webkit-full-screen-document,
header,
hgroup _:lang(x)+_:-webkit-full-screen-document,
hgroup,
menu _:lang(x)+_:-webkit-full-screen-document,
menu,
nav _:lang(x)+_:-webkit-full-screen-document,
nav,
output _:lang(x)+_:-webkit-full-screen-document,
output,
ruby _:lang(x)+_:-webkit-full-screen-document,
ruby,
section _:lang(x)+_:-webkit-full-screen-document,
section,
summary _:lang(x)+_:-webkit-full-screen-document,
summary,
time _:lang(x)+_:-webkit-full-screen-document,
time,
mark _:lang(x)+_:-webkit-full-screen-document,
mark,
audio _:lang(x)+_:-webkit-full-screen-document,
audio,
video _:lang(x)+_:-webkit-full-screen-document,
video {
  font-weight: 300;
}

@media all and (-ms-high-contrast: none) {

  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    font-weight: 300;
  }
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

table _:lang(x)+_:-webkit-full-screen-document,
table,
caption _:lang(x)+_:-webkit-full-screen-document,
caption,
tbody _:lang(x)+_:-webkit-full-screen-document,
tbody,
tfoot _:lang(x)+_:-webkit-full-screen-document,
tfoot,
thead _:lang(x)+_:-webkit-full-screen-document,
thead,
tr _:lang(x)+_:-webkit-full-screen-document,
tr,
th _:lang(x)+_:-webkit-full-screen-document,
th,
td _:lang(x)+_:-webkit-full-screen-document,
td {
  font-weight: 300;
}

@media all and (-ms-high-contrast: none) {

  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td {
    font-weight: 300;
  }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html {
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  font-size: 62.5%;
}

body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  position: relative;
  top: 0 !important;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

input,
textarea {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

ol {
  list-style: decimal outside;
}

img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

strong {
  font-weight: bold;
}

strong _:lang(x)+_:-webkit-full-screen-document,
strong {
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  strong {
    font-weight: 500;
  }
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th {
  text-align: left;
}

main {
  display: block;
}

sup {
  line-height: 0;
  font-weight: normal;
}

sup _:lang(x)+_:-webkit-full-screen-document,
sup {
  font-weight: 300;
}

@media all and (-ms-high-contrast: none) {
  sup {
    font-weight: 300;
  }
}

/* Bootstrap */
/* Original */
/* SETTING
------------------------------------*/
body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.7px;
  color: #1a1a1a;
}

@media (max-width: 767.98px) {
  body {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}

p {
  line-height: 1.5;
}

a {
  color: #C83C48;
  text-decoration: none;
}

@media (min-width: 992px) {
  a {
    transition: all 0.2s;
  }

  a:hover {
    color: #a32e38;
  }
}

#wrapper {
  background-color:#cbeaf7;
  /* background-color: #e5e5e5; */
}

@media (max-width: 575.98px) {
  .container {
    margin: 0 15px;
  }
}

@media (min-width: 576px) {
  .container {
    margin: 0 30px;
  }
}

@media (min-width: 768px) {
  .container {
    margin: 0 80px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 800px;
    margin: 0 auto;
  }
}

.header {
  display: flex;
  justify-content: center;
  background-image: url(../img/bg_header.png);
  background-position: top center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .header {
    background-image: url(../img/bg_header.png);
  }
}

@media (min-width: 768px) {
  .header {
    /* padding-block-end: 5%; */
  }
}

.header .siteTitle {
  width: 100%;
  max-width: 1200px;
  text-align: center;
  background-position: bottom center;
  background-size: cover;
}

.main .page-title {
  width: 100%;
  text-align: center;
  font-weight: bold;
  background: #2E3192;
  color: #FFFFFF;
  word-break: keep-all;
}

@media (max-width: 767.98px) {
  .main .page-title {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .main .page-title {
    font-size: 1.8rem;
  }
}

@media (max-width: 991.98px) {
  .main .page-title {
    padding: 30px 15px;
  }
}

@media (min-width: 992px) {
  .main .page-title {
    padding: 40px 0;
    font-size: 2.2rem;
  }
}

.main .page-title>span {
  display: block;
  text-align: center;
  font-weight: bold;
  margin-block-end: 2.2rem;
}

@media (max-width: 767.98px) {
  .main .page-title>span {
    font-size: 2.2rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .main .page-title>span {
    font-size: 2.8rem;
  }
}

@media (min-width: 992px) {
  .main .page-title>span {
    font-size: 3.6rem;
  }
}

.main .page-title .md-inline {
  display: none;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .main .page-title .md-inline {
    display: inline;
  }
}

@media (max-width: 767.98px) {
  .main .contents {
    margin: 40px 0;
  }
}

@media (min-width: 768px) {
  .main .contents {
    margin: 80px 0;
  }
}

.main .dead-line {
  background-color: #d20e19;
  color: #ffffff;
  font-weight: bold;
}

@media (max-width: 767.98px) {
  .main .dead-line {
    margin-block-end: 18px;
    font-size: 1.8rem;
    padding: 10px;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .main .dead-line {
    margin-block-end: 30px;
    font-size: 2.4rem;
    text-align: center;
    padding-block: 15px;
  }
}

.main .dead-line time {
  font-weight: bold;
}

.main .privacy-title {
  font-weight: bold;
}

@media (max-width: 767.98px) {
  .main .privacy-title {
    margin-block-start: 15px;
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .main .privacy-title {
    margin-block-start: 25px;
    font-size: 1.8rem;
  }
}

.main .txt_note {
  text-indent: -10px;
}

@media (max-width: 767.98px) {
  .main .txt_note {
    margin: 5px 0;
    padding-left: 16px;
  }
}

@media (min-width: 768px) {
  .main .txt_note {
    margin: 8px 0;
    padding-left: 18px;
  }
}

.main .txt_note>span {
  display: inline-block;
  margin-inline-end: 3px;
}

@media (max-width: 767.98px) {
  .main .txt {
    margin: 5px 0;
  }
}

@media (min-width: 768px) {
  .main .txt {
    margin: 8px 0;
  }
}

.main .enquete {
  /* background: #f6f6f6; */
  background: #f6f3cc;
  padding-block-start: 35px;
}
.main .enquete iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 767.98px) {
  .main .enquete {
    height: 500px;
    margin: 30px 0;
  }
}

@media (min-width: 768px) {
  .main .enquete {
    height: 800px;
    margin: 80px 0;
  }
}

.footer {
  background-color: #2E3192;
}

@media (max-width: 767.98px) {
  .footer {
    padding: 30px 0;
  }
}

@media (min-width: 768px) {
  .footer {
    /* padding: 40px 0; */
    padding: 60px 0;
  }
}

.footer .copyright {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 767.98px) {
  .footer .copyright {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .footer .copyright {
    font-size: 1.8rem;
  }
}


@media (max-width: 767.98px) {
  .sp {
    display: block;
  }
}
@media (min-width: 768px) {
  .sp {
    display: none;
  }
}