@charset "UTF-8";
/*大見出し*/
/*中見出し*/
/*小見出し*/
/*キャッチコピー*/
/*
=dotted($color:rgba(#000, 1.0), $stripe: 1, $spacing: 4, $height:1)
  +background-image(linear-gradient(left, color-stops($color, $color ($stripe/($stripe+$spacing))*100%, transparent ($stripe/($stripe+$spacing))*100%, transparent 100%)))
  background-size: ($stripe+$spacing)*1px ($stripe+$spacing)*1px
  height: $height*1px
  border: none
*/
/*$iPad_LANDSCAPE : 1024px !default;*/
/*$iPad_LANDSCAPE : 990px !default; /* 本来の幅ではない。当社コンテンツ幅 */
/* 本来の幅ではない。iPad縦向き幅 */
/* タブレット以下の全てのスマートデバイス */
/* タブレット */
/* CSS Document */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

body {
  min-width: 980px;
  margin: 0 auto;
  background: #FCCD72; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    body {
      min-width: 100vw; } }

main,
footer,
section,
article,
div {
  zoom: 1;
  min-height: 1%;
  /* for IE 7*/
  position: relative; }
  main:after,
  footer:after,
  section:after,
  article:after,
  div:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden; }

img {
  /*@include mq_any { width: 100%; height: auto; }*/ }

header {
  padding: 15px 0;
  text-align: center;
  border-bottom: 20px solid #FCCD72;
  background: #fff; }

main {
  padding: 80px 0;
  background: #fff;
  display: block;
  /*IEで必要*/ }
  @media screen and (min-width: 0) and (max-width: 768px) {
    main {
      margin-bottom: 30px;
      padding-top: 65px; } }
  main section {
    width: 980px;
    margin: 0 auto; }
    @media screen and (min-width: 0) and (max-width: 768px) {
      main section {
        width: 100%;
        padding: 0 15px; } }
    main section h2 {
      font-size: 30px;
      font-size: 1.875rem;
      margin-bottom: 40px;
      font-weight: bold;
      color: #f00;
      text-align: center; }
    main section p {
      margin-bottom: 20px;
      line-height: 160%; }
    main section dt {
      font-size: 18px;
      font-size: 1.125rem;
      margin: 50px auto 15px;
      padding: 7px 10px 5px;
      background: #f2f2f2;
      font-weight: bold; }
    main section dd {
      margin-left: 1em;
      margin-bottom: 10px;
      text-indent: -1em;
      line-height: 160%; }

footer p {
  font-size: 10px;
  font-size: 0.625rem;
  width: 100%;
  position: absolute;
  bottom: -22px;
  left: 0;
  text-align: center; }
