/************************************************************************
  .column
************************************************************************/
/* h2 */
.column h2.wide { height:105px; background-image:url('../img/h2_wide.png'); }

/* h4 */
.column h4 { margin:auto auto 20px; line-height:1; }
.column h4 img { width:100%; }
#h4-001 { width:calc(1367px /2); }
#h4-002 { width:calc(1501px /2); }
#h4-003 { width:calc(532px /2); }
#h4-004 { width:calc(1367px /2); }
#h4-005 { width:calc(1501px /2); }
#h4-006 { width:calc(532px /2); }

/* h5 */
.column h5 { margin:auto auto 20px; line-height:1; }
.column h5 img { width:100%; }
#h5-001 { width:calc(1431px /2); }
#h5-002 { width:calc(1431px /2); }

.column p { margin-bottom:1.5em; }

.column ul li { margin-bottom:0.5em; font-size:18px; }

/* .stage ================== */
.column .stage { margin-bottom:70px; position:relative; }


/* h3 */
.column .stage h3 { margin-bottom:30px; }
.column .stage h3 img { width:calc(291px /2); }

/*
#stage-6::before { content:''; width:271px; height:299px; background:url('../img/sd_004.gif') no-repeat; background-size:100% auto; display:block; position:absolute; top:-191px; right:-148px; transform:scale(-1, 1); }
*/


/* ============ smart phone ============ */
@media screen and (max-width:750px){

/* h4 */
.column h4 { margin-bottom:calc(30/750*100vw); }
#h4-001 { width:calc((944/2)/750*100vw); }
#h4-002 { width:calc((1088/2)/750*100vw); }
#h4-003 { width:calc((722/2)/750*100vw); }
#h4-004 { width:calc((944/2)/750*100vw); }
#h4-005 { width:calc((1088/2)/750*100vw); }
#h4-006 { width:calc((722/2)/750*100vw); }

/* h5 */
.column h5 { margin-bottom:calc(40/750*100vw); }
#h5-001 { width:calc((1267/2)/750*100vw); }
#h5-002 { width:calc((1267/2)/750*100vw); }

.column p { text-align:center; font-size:calc(24/750*100vw); }
.column ul li { font-size:calc(24/750*100vw); }

/* h2 */
.column h2.wide { height:calc(146/750*100vw); background-image:url('../img/h2_wide_sp.png'); }

/* .stage ================== */
.column .stage { margin-bottom:calc(80/750*100vw); position:relative; }
.column .stage h3 img { width:calc(159/750*100vw); }

#stage-6::before { content:''; width:calc(214/750*100vw); height:calc(236/750*100vw); background:url('../img/sd_004.gif') no-repeat; background-size:100% auto; display:block; position:absolute; top:calc(-610/750*100vw); right:calc(-70/750*100vw); transform:scale(-1, 1); }

}
/************************************************************************
  #outline
************************************************************************/
#outline .contents { width:820px; }
#outline h2 img { width:calc(770px /2) }
#outline .stage h3 img { width:calc(291px /2); }

#outline h2::before { width:229px; height:323px; background-image:url('../img/sd_008.gif'); background-size:100% auto; top:-100px; left:-135px; }


/* ============ smart phone ============ */
@media screen and (max-width:750px){

#outline .contents { width:calc(609/750*100vw); }


/* h2 */
#outline h2::before { width:calc(93/750*100vw); height:calc(98/750*100vw); background-image:url('../img/sd_001.png'); background-size:100% auto; top:calc(-29/750*100vw); left:0; }

#outline h2::after { content:''; width:calc(178/750*100vw); height:calc(200/750*100vw); background:url('../img/sd_002_sp.png') no-repeat; background-size:100% auto; position:absolute; top:calc(40/750*100vw); right:calc(-40/750*100vw); }
#outline h2 img { width:calc(448/750*100vw); }


#outline .stage h3 img { width:calc(159/750*100vw); }
#outline h3 { margin-bottom:calc(25/750*100vw); width:auto; height:auto; background-image:none; }
#outline h3 img { display:inline; }

#outline p { text-align:center; }

}
/************************************************************************
  #result
************************************************************************/
#result h2::before { top:-115px; }

#result h2::before { display:none; }
#result h2::after { content:''; width:271px; height:299px; background:url('../img/sd_004.gif') no-repeat; background-size:100% auto; display:block; position:absolute; top:-70px; right:-148px; transform:scale(-1, 1); }

#result h2 img { width:calc(438px /2) }

#result ul { margin-left:220px; }

/* ul.circle ================== */
ul.circle { margin-left:90px; /*list-style-image:url('../img/icon_circle.svg');*/ }
ul.circle li {  }
ul.circle li::before { content:''; margin-left:-19px; margin-right:5px; width:14px; height:14px; background-image:url('../img/icon_circle.svg') !important; background-repeat:no-repeat !important; background-size:100% auto; text-indent:19px; display:inline-block; }

/* ul.circle li dl */
ul.circle li dl { padding:0.5em 0 0; line-height:1.5; }
ul.circle li dl dt {  }
ul.circle li dl dd { margin:-1.5em 0 0.5em 3em;  }
ul.circle li h3 { text-align:left; display:inline-block; }

/* h4 */
ul.circle li h4 { margin-bottom:10px; line-height:18px; font-weight:bold; }
ul.circle li h4::before { content:''; margin-right:0.5em; width:9px; height:9px; background:url('../img/icon_circle.svg') no-repeat; background-size:100% auto; line-height:18px; vertical-align:baseline; display:inline-block; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#result h2::before { top:calc(35/750*100vw); }
#result h2 img { width:calc(282/750*100vw); }
#result ul { margin-left:calc(65/750*100vw); }

#result h2::after { display:none; }

/* ul.circle ================== */
ul.circle { margin-left:calc(65/750*100vw); }
ul.circle li::before { margin-bottom:calc(2/750*100vw); margin-right:calc(5/750*100vw); margin-left:calc(-24/750*100vw);  width:calc(18/750*100vw); height:calc(18/750*100vw); background-size:100% auto; text-indent:calc(24/750*100vw) }

/* h3 */
ul.circle li h3 { margin-bottom:calc(30/750*100vw); font-size:calc(24/750*100vw); }

/* h4 */
ul.circle li h4::before { margin-bottom:calc(2/750*100vw); width:calc(12/750*100vw); height:calc(12/750*100vw); }
ul.circle li h4 { margin-bottom:calc(20/750*100vw); }

ul.circle li strong { line-height:calc(40/26); }
}
/************************************************************************
  #awards
************************************************************************/
#awards h2::before { transform:scale(-1, 1); left:-80px; }
#awards h2 img { width:calc(818px /2); }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#awards h2::before { top:calc(80/750*100vw); left:calc(-30/750*100vw); }
#awards h2 img { width:calc(478/750*100vw); }

}
/************************************************************************
  #rewards
************************************************************************/
#rewards h2 { position:relative; }
#rewards h2 img { width:calc(616px /2); }
/*
#rewards h2::after { content:''; width:calc(563px * 0.42); height:calc(623px * 0.42); background:url('../img/sd_006.gif') no-repeat; background-size:100% auto; display:block; position:absolute; top:-94px; right:-150px; }
*/

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#rewards h2::after { content:''; width:calc(192/750*100vw); height:calc(212/750*100vw); background:url('../img/sd_006.gif') no-repeat; background-size:100% auto; position:absolute; top:calc(35/750*100vw); right:calc(-60/750*100vw); display:block;  }
#rewards h2 img { width:calc(359/750*100vw); }

}
/************************************************************************
  #application
************************************************************************/
/*
#application h2::before { width:calc(574px * 0.4); height:calc(808px * 0.4); background-image:url('../img/sd_008.gif'); top:-190px; left:-145px; }
*/
#application h2::before { display:none; }
#application h2::after { content:''; width:164px; height:244px; background-image:url('../img/sd_012.png'); position:absolute; top:-30px; right:-70px; }
#application h2 img { width:calc(712px /2); }

#application ul li p { text-align:left; }

#application ul.note { margin:auto 0 50px 80px; width:auto; }
ul.note li { padding-left:0; text-align:left; }
ul.note li::before { content:'*'; margin:0; }

/* ol.maru ================== */
ol.maru { margin:auto 0 auto 90px; width:auto; }
ol.maru li { padding-left:0; line-height:1.5; }
ol.maru li::before { content:''; margin-bottom:-2px; margin-right:5px; margin-left:-24px; width:19px; height:19px; text-indent:25px; background-repeat:no-repeat; background-size:100% auto; border:0; /*vertical-align:top;*/ display:inline-block; position:static; }

ol.maru li:nth-child(1)::before { background-image:url('../img/no_1.svg'); }
ol.maru li:nth-child(2)::before { background-image:url('../img/no_2.svg'); }
ol.maru li:nth-child(3)::before { background-image:url('../img/no_3.svg'); }
ol.maru li:nth-child(4)::before { background-image:url('../img/no_4.svg'); }

ol.maru li ul { margin:0; padding-top:10px; }

ol.maru li ul.circle { margin-left:24px; }
ol.maru li ul.circle li::before { margin-left:-19px; margin-right:5px; width:14px; height:14px; text-indent:19px; display:inline-block; }



/* ul.btn */
ol.maru li ul.btn { margin:auto auto auto 0; padding:50px 0 30px; width:600px; display:flex; justify-content:space-between; }
ol.maru li ul.btn li { margin:0; padding:0; width:calc(578px /2); }
ol.maru li ul.btn li::before { display:none; }
ol.maru li ul.btn li img { width:100%; }

ol.maru li ul.btn a.closed { width:calc(578px /2); height:calc(184px /2); background-repeat:no-repeat; background-size:100% auto; display:block; pointer-events:none; }
ol.maru li ul.btn a.closed img { display:none; }

ol.maru li ul.btn a.closed.btn-twitter { background-image:url('../img/btn_twitter_closed.png'); }
ol.maru li ul.btn a.closed.btn-facebook { background-image:url('../img/btn_facebook_closed.png'); }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#application h2::before { width:calc(184/750*100vw); height:calc(260/750*100vw); background-image:url('../img/sd_008.gif'); top:calc(-185/750*100vw); left:calc(-75/750*100vw); display:block; }
#application h2::after { display:none; }
#application h2 img { width:calc(414/750*100vw); }


/* ol.maru ================== */
ol.maru { margin-left:calc(65/750*100vw); }
ol.maru li { font-size:calc(24/750*100vw) }
ol.maru li::before { margin-bottom:calc(2/750*100vw); margin-right:calc(5/750*100vw); margin-left:calc(-24/750*100vw); width:calc(24/750*100vw); height:calc(24/750*100vw); text-indent:calc(25/750*100vw); }

ol.maru li ul.circle { margin-left:calc(50/750*100vw); }
ol.maru li ul.circle li::before { width:calc(12/750*100vw); height:calc(12/750*100vw); background-image:url('../img/icon_circle.svg') !important; background-repeat:no-repeat !important; background-size:100% auto; display:inline-block; }


/* ul.note */
#application ul.note { margin-left:calc(40/750*100vw) }

/* ul.btn */
ol.maru li ul.btn { margin:auto; padding:calc(50/750*100vw) 0 calc(30/750*100vw); width:auto; flex-direction:column; }
ol.maru li ul.btn li { margin:auto auto calc(20/750*100vw) calc(-25/750*100vw); width:100%; font-size:0; }
ol.maru li ul.btn li::before { display:none; }
ol.maru li ul.btn li:last-child { margin-bottom:0; }

}
/************************************************************************
  #notice
************************************************************************/
#notice { padding-bottom:80px; position:relative; }
#notice::after { content:''; width:93px; height:106px; background:url('../img/sd_007.png') no-repeat; display:block; position:absolute; bottom:-40px; left:100px; z-index:1; }
#notice h2::before { display:none; }
#notice h2 img { width:calc(309px /2); }
#notice h3 { line-height:calc(34/20); }

/* ul.link */
ul.link { margin-bottom:30px; display:flex; justify-content:center; }
ul.link li::after { content:''; margin:0 1em; height:16px; border-right:1px solid #bcbab5; display:inline-block; vertical-align:middle; }
ul.link li:last-child::after { display:none; }
ul.link li a { text-decoration:underline; }


#notice .note { margin-bottom:0; width:auto; text-align:center; font-size:16px; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#notice { padding-bottom:calc(140/750*100vw); position:relative; }
#notice::after { width:calc(74/750*100vw); height:calc(85/750*100vw); background-size:100% auto; bottom:calc(-10/750*100vw); left:calc(80/750*100vw); }

#notice h2::after { display:none; }
#notice h2 img { width:calc(180/750*100vw); }

#notice h3 { line-height:calc(40/26); font-size:calc(24/750*100vw); }

#notice .note { line-height:calc(36/24); font-size:calc(20/750*100vw); }

}
/************************************************************************
  footer
************************************************************************/
footer a { text-decoration:underline; }
footer a img { width:calc(404px /2); }

/************************************************************************
  .box 
************************************************************************/
.box p { text-align:center; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
 }


/* .comment */
.comment h5 { font-family:'Times New Roman', sans-serif; }
.comment p { font-family:'Arial', sans-serif !important; }