/* == layout == */
#content{
width:1110px;
font-size:16px;
line-height:175%;
}

/* == common == */
sub{
font-size:11px;
vertical-align:0;
}
img{
max-width:100%;
}
.inline-block{
display:inline-block;
vertical-align:middle;
}
.table-cell{
display:table-cell;
vertical-align:middle;
}
.cmp_block_title{
font-size:24px;
font-weight:bold;
text-align:center;
line-height:100%;
color:#000;
background:#F3B059;
position: relative;
padding:15px 0 10px;
z-index:1;
}
.cmp_block{
margin: 0 auto 60px;
border: 10px solid #FEF7B3;
background: #fff;
}
.inline-block{
display:inline-block;
}
/* == cmp_head == */
.catch_copy{
background:#2ca7e0;
color:#fff;
font-size:18px;
font-weight:bold;
text-align:center;
padding:6px 0 5px;
}
.cmp_head{
margin: 0 auto 60px;
}
.cmp_head_title {
background:url(/img/campaign/20200319/head_title_pc_bg.jpg) no-repeat center center;
background-size:cover;
}

.cmp_head_title img{
display:block;
max-width:100%;
margin:0 auto;
}

.cmp_body{
width:1110px;
margin:0 auto;
}
/* == cv_button == */
.cv_button{
text-align:center;
margin:0 5px 60px;
}
.cv_button a{
position: relative;
display:inline-block;
box-sizing: border-box;
padding: 25px 30px 20px;
border-radius: 3px;
font-weight: bold;
text-decoration:none;
cursor: pointer;
white-space:nowrap;
font-size:24px;
line-height:100%;
}
.cv_button .twitter{
background-color: #1DA1F2;
color: #fff;
}

/* == ogiri_theme == */
.ogiri_theme_content{
margin:20px 10px;
box-sizing:border-box;
width:100%;
}
.ogiri_theme_content p{
font-size:18px;
font-weight:bold;
text-align:center;
}
.ogiri_theme_content ul{
display:table;
width:100%;
box-sizing:border-box;
border-collapse: separate;
border-spacing: 10px 0;
margin:20px -10px 0;
}
.ogiri_theme_content li{
display:table-cell;
width:33.33%;
height:9em;
border:1px solid #EC6300;
border-radius:4px;
vertical-align:middle;
font-size:19px;
font-weight:bold;
text-align:center;
position:relative;
padding:10px 0 0;
}

.ogiri_theme_content li .no{
position:absolute;
top:-0.6em;
display: block;
left: 50%;
margin: 0 -1.5em;
}
.ogiri_theme_content li .no:before{
background:#ED6A0C;
color:#fff;
display:block;
padding:5px 10px;
font-size:16px;
line-height:100%;
}
.ogiri_theme_content .no1:before{ content:"その1"; }
.ogiri_theme_content .no2:before{ content:"その2"; }
.ogiri_theme_content .no3:before{ content:"その3"; }

/* == howto == */
.howto ul{
width:870px;
margin:20px auto;
}
.howto li{
padding:0 10px;
margin:0 0 50px;
}
.howto li:last-child{
margin:0 0;
}
.howto h4{
font-weight:bold;
font-size:18px;
margin:0 30px 0.75em;
line-height: 150%;
}
.howto p{
font-size:16px;
margin:0 30px;
}

.twitter_text{
color:#1b95e0;
}
.stepno{
font-size:24px;
font-weight:bold;
line-height: 125%;
font-family:"arial", "Hiragino Kaku Gothic Pro", sans-serif;
margin-bottom:16px;
color:#ED6A0C;
text-align:center;
display:block;
}
.stepno:before{
content:"";
display:block;
border-bottom: 4px dashed #ccc;
position:relative;
top:1em;
}
.stepno span{
background:#fff;
padding: 0 30px;
display:inline-block;
z-index: 10;
position: relative;
}
.stepno strong{
font-size:40px;
margin-left:0.1em;
line-height:100%;
}
.step_img{
text-align:center;
margin:1em auto 0;
border:1px solid #ccc;
padding:5px;
display:table;
}
.step_img img{

display:block;
margin:0 auto;
}

/* == cmp_summary == */

.cmp_summary_table{
display:block;
width:870px;
margin:20px auto;
}
.cmp_summary_table tr{
display:block;
}
.cmp_summary_table th{
display:block;
text-align:center;
vertical-align:top;
font-size:16px;
padding:12px 8px 8px;
background: linear-gradient(#FEF7B3, #FEFBD9 35%, #FEF7B3);
color:#000;
}
.cmp_summary_table td{
display:block;
font-size:16px;
padding:30px 10px;
}

.cmp_summary_table tr:last-of-type th{border-bottom:none;}
.cmp_summary_table tr:last-of-type td{border-bottom:none;}

.cmp_summary_table a{
word-break:break-all;
}
.cmp_summary_li li {
margin-left:1em;
text-indent:-1em;
}
.circled_decimal li{
margin-left:1em;
text-indent:-1em;
}

/* == contact_link == */

.contact_link{
width:850px;
margin:20px auto;
padding:10px;
}

/* == timer == */

.cmp_head{
position:relative;
}

.head_end .cmp_head_title{
background:url(/img/campaign/20200319/head_title_pc_bg_end.jpg) no-repeat center center;
background-size:cover;
}

@media (max-width: 321px) {
	.cv_button a{
		width:100%;
		margin:0 0 10px;
	}
	.cmp_head.before_start:before{
		width:40px;
		height:41.33px;
	}
	.cmp_head.finished:before{
		width:40px;
		height:41.33px;
	}
	.cmp_head_limit{
		font-size: 14px;
	}
}


@media (max-width: 376px) {
	.cv_button a{
		padding:15px 10px;
	}
}