@charset "utf-8";

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
reset
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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-size: 100%;
	font: inherit;
	vertical-align:middle;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* HTML5BP:
   These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
base
*/
body {
font-family:"HiraKakuProN-W6","PhonepadTwo",Arial,sans-serif;
font-size:13px;
line-height:1.4;
background:#fff;
color:#000;
letter-spacing:-0.001em;
word-wrap:break-word;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0, 0.5);
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
枠
*/
html, body {
	color: #000;
}
#contentArea {
	padding: 30px 0;
	background: #fff;
}
#contentArea img {
	width: 100%;
}
#contentArea a {
	color: #000;
}
* {
	box-sizing: border-box;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
共通
*/

.inner { padding-left: 4px; padding-right: 4px; box-sizing: border-box; }
#impact-ad {
	display: none;
}
.section {
	margin-top: 35px;
}
.transparent {
	width: 1px;
	height: 1px;
}
.bt {
	padding: 0 25px;
}
.attention.txt {
	margin-left: 15px;
	margin-right: 15px;
	font-size: 12px;
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
メイン
*/
.mb60{
	margin-bottom: 60px !important;
}
img{
	width: 100%;
}
.tit_area{
	width: 95%;
	margin: 5% auto 7%;
}
.tit_area p.txt{
	margin: 10% auto ;
	text-align: center;
}
.tit_area p.txt img{
	width: auto !important;
}
.gift_area {
	width: 100%;
	margin: 0 auto;
}
.gift_area .txt{
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
.gift_area .gift_txt{
	width: 100%;
	margin: 0 auto;
}
.gift_area .gift_txt{
	margin: 0 auto;
	color: #c71444;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	letter-spacing: -1px;
}
.gift_area .gift_img{
	width: 95%;
	margin: 5% auto 7%;
	overflow: hidden;
}
.gift_area .gift_img .mb{
	margin: 0 0 5% 0;
}
.period_area{
	width: 95%;
	margin: 5% auto;
}
.period_area .txt {
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	color: #000;
	margin: 10px 0 0 0;
	font-weight: bold;
}
.step_area{
	width: 95%;
	margin: 5% auto 5%;
}
.step_area .txt {
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	color: #000;
	margin: 10px 0 0 0;
	font-weight: bold;
}
.step_area .flow{
	margin: 3% auto 0;
}
.step_area .step_inner {
	margin-top: 10px;
}
.step_area .step_inner p {
	margin-top: 10px;
}
.tel{
	width: 95%;
	margin: 0 auto;
}
.attention{
	width: 95%;
	color: #000;
	padding: 2% 0 0 0;
	margin: 0 auto;
}
.attention .tit{
	margin: 5% 0 0 0;
	font-size: 14px;
}
.attention ul{
	margin: 5px 0 0 0;
	color: #000;
	font-size: 12px;
	line-height: 20px
}
.attention ul li {
	margin-left: 1em;
	text-indent: -1em;
}
.bt {
	margin: 30px 0;
}
.bt a {
	display: block;
}
.bt a:first-child {
	width: 232px;
	margin: auto;
}
.bt a:last-child {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.kiyaku #contentArea h1,
.kiyaku #contentArea p,
.kiyaku #contentArea dl {
	margin: 0 10px;
}
.kiyaku #contentArea dt {
	margin-top: 1em;
	font-size: 12px;
}
.kiyaku #contentArea dd {
	margin-top: 0.5em;
	font-size: 10px;
}
.kiyaku #contentArea p {
	margin: 0 10px;
	font-size: 10px;
	line-height: 1.2;
}
.kiyaku #contentArea a {
	color: #c71444;
	word-break: break-all;
	display: inline;
}

/******************************************************************************
	#thanksMessage
******************************************************************************/
body #mainContents section#thanksMessage{
    font-size: 13px;
	box-sizing: border-box;
	width: 94.1333vw;
	margin: 2vw auto;
	border: #f00 2px solid;
	padding: 4vw 0;
	text-align: center;
	color: #f00;
}
body #mainContents section#thanksMessage h2{
    font-size: 13px;
	margin: 0 0 4vw;
}
body #mainContents section#thanksMessage p{
    font-size: 13px;
	margin: 0;
	font-weight: bold;
}