/*body { text-align: center; }*/
body>img{height: 0;display: none;}
img{
	width: 100%;
	height: auto;
	border:none;
	vertical-align:bottom;
}


#wrap {
	margin: 0px auto;
	max-width: 640px;
}

#wrap img {
	margin: 0px auto;
	max-width: 100%;
	vertical-align: bottom;
}

@charset "utf-8";



/* =============================================================================
   component
   ========================================================================== */


/* =============================================================================
   common module
   ========================================================================== */
.cm-notarget { display: none; }
.lt-ie9 .cm-notarget { display: table; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background-color: #fff; }
.lt-ie9 .cm-notarget-inner { display: table-cell; vertical-align: middle; }
.lt-ie9 .cm-notargetTitle { font-size: 20px; font-weight: bold; }
.lt-ie9 .cm-notargetTxt { margin: 25px 0 40px; font-size: 18px; line-height: 1.8; }
.lt-ie9 .cm-notargetBrowserItem { display: inline; zoom: 1; margin: 0 10px; }
.lt-ie9 .cm-notargetBrowserItem a { font-size: 16px; }

/* =============================================================================
   page
   ========================================================================== */

#l-wrapper { max-width: 750px; width: 100%; margin: 0 auto; position: relative; }


.cta__body { position: relative; }
.cta__bodyImg { position: relative; z-index: 0; }
.cta__bodyBtn { position: absolute; top: 0; left: 50%; width: calc(684/750*100%); margin: calc(110/750*100%) 0 0 calc(-342/750*100%); z-index: 1; }

.gif01 { position: relative; }
.gif01__img { position: relative; z-index: 0; }
.gif01__body { position: absolute; top: 0; left: 50%; width: calc(640/750*100%); margin: 0 0 0 calc(-320/750*100%); z-index: 1; }

.gif02 { position: relative; }
.gif02__img { position: relative; z-index: 0; }
.gif02__body { position: absolute; top: 0; left: 50%; width: calc(640/750*100%); margin: calc(10/750*100%) 0 0 calc(-320/750*100%); z-index: 1; }
.gif02__circle { position: absolute; top: 0; right: calc(33/750*100%); width: calc(218/750*100%); z-index: 2; }

@charset "utf-8";





        /***** ~~~~~~~~~~~~~~~~~~~~~FOOTER *****/
        /* footer */
        .clearfix:after {
          content: "";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
        }

        .toggleBox p, .toggleBox dl {

        }

        .footer_sammaryinner {
          padding: calc(20em/14) calc(15em/14) calc(20em/14);
          text-align: left;
          background: #ebe8e4;
          line-height: 1.5;
        }

        .footer_sammaryinner_main {
    font-size: calc(24em/14);
          margin: 0 auto;
        }


        .footer_sammaryinner_main h3 {
          margin-bottom: calc(8em/24);
          padding: calc(5em/24) calc(12em/24) calc(4em/24) calc(12em/24);
          color: #fff;
          font-size: calc(30em/24);
          font-weight: normal;
          background-color: #333;
          display: block;
          position: relative;

        }

        .footer_sammaryinner_main h3::before {
          position: absolute;
          top: 0;
          bottom: 0;
          right: calc(14em/30);
          margin: auto;
          content: "";
          vertical-align: middle;
          box-sizing: border-box;
          width: calc(22em/30);
          height: calc(22em/30);
          border: calc(2em/30) solid #fff;
          -webkit-border-radius: 50%;
          border-radius: 50%;
        }

        .footer_sammaryinner_main h3::after {
          position: absolute;
          top: 0;
          bottom: 0;
          right: calc(16em/30);
          margin: auto;
          content: "";
          vertical-align: middle;
          box-sizing: border-box;
          width: calc(8em/30);
          height: calc(8em/30);
          border: calc(5em/30) solid transparent;
          border-left: calc(5em/30) solid #fff;
        }

        .footer_sammaryinner_main h3.on::after {
          top: calc(7em/30);
          bottom: 0;
          right: calc(20em/30);
          transform: rotate(90deg);
        }

        .footer_sammaryinner_main .toggleBox {
          display: none;
        }

        .footer_sammaryinner_main dt {

        }

        .card_summary {
          padding: calc(15em/24);
          background: #d6ccbf;
        }
        .card_summary img {
          width: calc(37em/24);
        }

        .color01 {
          color: #980202;
        }

        .footer_sammaryinner_main ol {
          margin-bottom: calc(30em/24);
        }

        .footer_sammaryinner_main ol li {
          margin-left: 1.2em;
          text-indent: -1.2em;
          list-style: decimal inside;
        }

        .fl {
          float: left;
        }

        .mr10 {
          margin-right: 10px;
        }

        .mb20 {
          margin-bottom: 20px;
        }
        @media only screen and (max-width: 750px) {
          .mr10 {
            margin-right: calc(10/780*100vw);
          }

          .mb20 {
            margin-right: calc(20/780*100vw);
          }
        }

        .footer_copyinner {
          text-align: center;
        }

        .footer_sammaryinner_main ol {
          margin-bottom: calc(30em/24);
        }

        .footer_sammaryinner_main ol li {
          margin-left: 1.2em;
          text-indent: -1.2em;
          list-style: decimal inside;
        }

        .footer_copyinner {
          background: #4B3D34;
          width: 100%;
        }

        .footer_copyinner_main {
          margin: 0 auto 0;
          padding: calc(20em/24) calc(10em/24) calc(40em/24);
          position: relative;
        }

        .footer_copyinner_main img {
          max-width: 478px;
          width: 100%;
          margin: 0 auto;
        }

        .footer_copyinner .copy {
          margin-top: 5%;
          color: #fff;

        }

        .footer_copyinner_main .attent {
          color: #dcdcdc;
        }