@charset "UTF-8";
@media only screen and (max-width: 800px) { html { font-size: 62.5%; }
  body { width: 100%; margin: 0 auto; padding: 0; font-size: 1.4rem; line-height: 1.75; font-family: '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, sans-serif; font-weight: 500; color: #000; zoom: 1; /* IEのみ */ background: #fff; }
  section, article, aside, div, p, img, hr { margin: 0; padding: 0; vertical-align: top; }
  ul, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; overflow: hidden; vertical-align: top; }
  h1, h2, h3, h4, h5, h6 { display: inline; font-size: 1em; font-weight: 500; margin: 0; padding: 0; }
  table, tr, th, td { margin: 0; padding: 0; border-spacing: 0; }
  a { border: 0; color: #000; text-decoration: none; }
  a.noactive { pointer-events: none; }
  span.swapimg { display: block; position: relative; z-index: -1; }
  .cf { *zoom: 1; }
  .cf:after { content: ''; display: block; clear: both; }
  header { overflow: hidden; box-sizing: border-box; width: 100%; height: 37.5vw; background: url(../images/page/header02_mobile.png) no-repeat; background-size: 100vw 37.5vw; }
  article#contents { width: 100%; margin-top: -9vw; }
  article#contents img.title { display: block; margin: 0 auto; width: 84.5vw; }
  article#contents div.textbox { background-color: #f7f8f8; box-sizing: border-box; width: 94vw; margin: 7vw auto 0 auto; padding: 7vw; font-size: 1.5rem; line-height: 1.73; }
  article#contents section.text { line-break: strict; width: 86vw; margin: 16vw auto 0 auto; }
  article#contents section.text dl.textblock { font-size: 0; }
  article#contents section.text dl.textblock dd { display: inline-block; font-weight: bold; width: 13vw; font-size: 1.5rem; line-height: 1.73; }
  article#contents section.text dl.textblock dd.d1 { color: #e4007f; }
  article#contents section.text dl.textblock dd.d2 { color: #00367a; }
  article#contents section.text dl.textblock dt { display: inline-block; width: 73vw; margin-bottom: 8vw; font-size: 1.5rem; line-height: 1.73; }
  article#contents section.profile { position: relative; width: 94vw; margin: 16vw auto 0 auto; padding-top: 2vw; }
  article#contents section.profile img.proimg { display: block; z-index: 1; position: absolute; top: 0; left: 4vw; width: 32vw; }
  article#contents section.profile div.text { background-color: #f7f8f8; box-sizing: border-box; width: 94vw; padding: 9vw 7vw; font-size: 1.5rem; line-height: 1.73; }
  article#contents section.profile div.text strong { display: block; margin-bottom: 3vw; font-size: 1.6rem; }
  article#contents section.bottom { width: 100%; text-align: center; margin-top: 11vw; }
  article#contents section.bottom strong.continue { font-size: 1.65rem; }
  article#contents section.bottom strong.continue span { display: block; }
  article#contents section.bottom a.back { display: flex; justify-content: center; align-items: center; font-weight: bold; background-color: #e4007f; color: #fff; width: 78vw; height: 12vw; border-radius: 6vw; margin: 8vw auto 0 auto; font-size: 1.45rem; }
  article#contents section.bottom a.back:hover { transition: all 0.5s ease; opacity: 0.7; }
  footer div.copy { width: 100%; text-align: center; margin: 15vw 0 5vw 0; font-size: 1.1rem; line-height: 1.72; }
  footer div.copy span { display: block; } }
@media only screen and (min-width: 801px) { html { font-size: 62.5%; }
  body { width: 100%; margin: 0 auto; padding: 0; font-size: 1.4rem; line-height: 1.75; font-family: '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, sans-serif; font-weight: 500; color: #000; zoom: 1; /* IEのみ */ background: #fff; }
  section, article, aside, div, p, img, hr { margin: 0; padding: 0; vertical-align: top; }
  ul, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; overflow: hidden; vertical-align: top; }
  h1, h2, h3, h4, h5, h6 { display: inline; font-size: 1em; font-weight: 500; margin: 0; padding: 0; }
  table, tr, th, td { margin: 0; padding: 0; border-spacing: 0; }
  a { border: 0; color: #000; text-decoration: none; }
  a.noactive { pointer-events: none; }
  span.swapimg { display: block; position: relative; z-index: -1; }
  .cf { *zoom: 1; }
  .cf:after { content: ''; display: block; clear: both; }
  header { overflow: hidden; box-sizing: border-box; width: 100%; height: 428px; background: url(../images/page/header02.png) top center no-repeat; }
  article#contents { width: 100%; margin-top: -197px; }
  article#contents img.title { display: block; margin: 0 auto; width: 640px; }
  article#contents div.textbox { background-color: #f7f8f8; box-sizing: border-box; width: 714px; margin: 33px auto 0 auto; padding: 26px 37px; font-size: 1.5rem; line-height: 1.73; }
  article#contents section.text { line-break: strict; width: 650px; margin: 65px auto 0 auto; }
  article#contents section.text dl.textblock { font-size: 0; }
  article#contents section.text dl.textblock dd { display: inline-block; font-weight: bold; width: 50px; font-size: 1.6rem; line-height: 1.73; }
  article#contents section.text dl.textblock dd.d1 { color: #e4007f; }
  article#contents section.text dl.textblock dd.d2 { color: #00367a; }
  article#contents section.text dl.textblock dt { display: inline-block; width: 590px; margin-bottom: 30px; font-size: 1.6rem; line-height: 1.73; }
  article#contents section.profile { position: relative; width: 714px; margin: 45px auto 0 auto; padding-top: 7px; }
  article#contents section.profile img.proimg { display: block; z-index: 1; position: absolute; top: 0; left: 30px; width: 102px; }
  article#contents section.profile div.text { background-color: #f7f8f8; box-sizing: border-box; width: 714px; padding: 35px 57px; font-size: 1.5rem; line-height: 1.73; }
  article#contents section.profile div.text strong { display: block; margin-bottom: 5px; font-size: 1.8rem; }
  article#contents section.bottom { width: 100%; text-align: center; margin-top: 77px; }
  article#contents section.bottom strong.continue { font-size: 2.2rem; }
  article#contents section.bottom a.back { display: flex; justify-content: center; align-items: center; font-weight: bold; background-color: #e4007f; color: #fff; width: 380px; height: 60px; margin: 98px auto 0 auto; border-radius: 30px; font-size: 1.8rem; }
  article#contents section.bottom a.back:hover { transition: all 0.5s ease; opacity: 0.7; }
  footer div.copy { width: 100%; text-align: center; margin: 82px 0 44px 0; font-size: 1.3rem; } }