h4.txt_l {
font-size: 36px;
font-weight: bold;
font-weight: 700;
border-bottom: 10px solid #ec8e26;
padding-bottom: 5px;
display: inline-block;
}@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
/*-----------------------------------------------------
全体共通
-------------------------------------------------------*/
p, h1, h2, h3, h4, h5, h6, a, li, caption, td, th, dt, dd, input, textarea, select, div, address  {
font-family:Roboto,"Noto Sans JP","メイリオ",Meiryo,sans-serif!important;
color: #000;
}


body {
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
	font-weight: 700;
}



a {
	text-decoration: underline;
	color: #036eb7;
	font-weight: bold;
	font-weight: 700;
}
.caution-txt a {
	text-decoration: underline!important;
	color: #C21B1E!important;
}
sup {
font-size: 10px;
vertical-align: top;
}
.anchorlink {
	font-size: 0;
	line-height: 1;
}
.clearfix {
	zoom: 1;
	min-height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.txt-j {
text-align: justify;
}

/*====================================================================
 pagetopbtn_common
====================================================================*/
#ptbtn {
	position:fixed;
	bottom: 30px;
	right:5px;
	display:none;
	z-index:1000;
}

header {
background-color: #fff;
width: 100%;
margin: 0 auto;
border-top:3px #FABE00 solid;
}
header #hd_logo {
padding: 10px;
text-align: left;
}
header #hd_logo img {
max-width: 243px;
}

footer {
width: 100%;
margin: 0 auto;
padding: 15px 0 50px 0;
background-color: #fabe00;
}
#copyright {
font-size: 12px;
text-align: center;
padding: 10px 0 0;
}
#yw_top {
margin: 0 auto;
text-align: center;
padding-top: 10px;
}
#yw_top img {
max-width: 149px;
width: 70%;
}




/* 768px以下 スマホ向け
--------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
body {
	-webkit-text-size-adjust: 100%;
	min-width: 320px;
	line-height: 1.6;
	font-size: 13px;
}
div img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.part_pc {
	display: none!Important;
}
#wrapper {
width: 100%;
margin: 0 auto;
background : scroll #FFF000 url('https://yellowhat.pro/campaign/202102/img/bg.png') center top repeat;
}

/*-----------------------------------------------------
contents
-------------------------------------------------------*/
.contents {
	width: 98%;
	margin: 0 auto;
}
.contents2 {
	width: 98%;
	margin: 0 auto;
	background-color: #fff;
}

.contents_block {
	width: 92%;
	margin: 0 auto;
}
.past_block {
width: 100%;
margin: 0 auto;
background-color: #006934;
padding: 20px 0;
}

#main-v {
width: 100%;
margin: 0 auto;
background: #fff000;
}
#main-v .main {
width: 100%;
margin: 0 auto;
}
#main-v .main .kv {
width: 100%;
margin: 0 auto;
}
#main-v .main .kv img {
width: 100%;
}
#main-v .main #top_menu {
width: 100%;
margin: 0 auto;
}
#main-v .main #top_menu img {
width: 100%;
}
#statement {
width: 100%;
margin: 0 auto;
padding: 20px 0;
background-color:#006934;
}
#statement .st_box {
width: 80%;
margin: 0 auto;
padding: 30px;
border-radius: 20px;
background: #fff;
}
#statement h2 {
font-size: 18px;
color: #006934;
text-align: center;
line-height: 1.3;
padding-bottom: 10px;
border-bottom: 3px solid #006934;
font-weight: bold;
font-weight: 700;
}
#statement .lead {
font-size: 14px;
color: #006934;
line-height: 1.5;
text-align: center;
padding-top: 20px;
}

#road{
  background: repeating-linear-gradient(
    90deg, #eeeeee 0, #eeeeee 30px, #ffffff 30px, #ffffff 60px);
	border-top:30px solid #eeeeee;
	border-bottom:30px solid #eeeeee;
}
.sub_txt {
font-size: 12px;
line-height: 2;
color: #000;
text-align: center;
}
h3 {
text-align: center;
margin: 0 auto;
width: 92%;
}
h3 img {
width: 100%;
}
.catch {
font-size: 14px;
background-color:#ec8e26;
padding: 10px;
color: #fff;
border-radius: 20px;
line-height: 1;
display: inline-block;
margin-bottom: 10px;
}
h4.txt_c {
font-size: 14px;
font-weight: bold;
font-weight: 700;
border-bottom: 5px solid #ec8e26;
padding-bottom: 5px;
display: inline-block;
}
h4.txt_l {
font-size: 14px;
font-weight: bold;
font-weight: 700;
border-bottom: 5px solid #ec8e26;
padding-bottom: 5px;
display: inline-block;
}
h5 {
font-size: 15px;
color: #006934;
line-height: 2;
text-align: center;
padding: 20px 0;
}
.past-ttl {
font-size: 15px;
color: #fff;
font-weight: bold;
font-weight: 700;
border-bottom: 5px solid #fff000;
padding-bottom: 5px;
display: inline-block;
}

.honbun1 {
font-size: 12px;
line-height: 1.5;
color: #222;
text-align: center;
padding: 20px 0;
}
.honbun1_l {
font-size: 13px;
line-height: 1.5;
color: #222;
padding: 20px 0;
}
.honbun2 {
font-size: 13px;
line-height: 1.8;
color: #222;
padding: 20px 0;
}
.honbun3 {
font-size: 11px;
line-height: 1.8;
color: #222;
padding: 20px 0;
}
.honbun4 {
font-size: 12px;
line-height: 1.8;
color: #222;
text-align: center;
padding: 20px 0;
}
.txt-ywl {
border-bottom: 3px solid #fff000;
}
.txt-red {
color: #E30408;
font-weight: bolder;
font-weight: 700;
}

.txtblock1 {
width: 96%;
margin: 0 auto;
display: block;
}
.txtblock1 .txt-box {
display: block;
}
.txtblock1 .ill-box {
display: block;
width: 60%;
margin: 0 auto;
}
.txtblock1 .ill-box img {
width: 100%;
}
.txtblock1 .ill-box2 {
display: block;
width: 40%;
margin: 0 auto;
}
.txtblock1 .ill-box2 img {
width: 100%;
}

.txtblock2 {
width: 92%;
margin: 0 auto;
display: block;
}
.txtblock2 .item {
display: block;
}
.img-ill img {
width: 100%;
}
.quiz_img{
width: 90%;
margin:  20px auto;
}
.quiz_img img {
width: 100%;
}
.point-ttl1,
.point-ttl2,
.point-ttl3 {
color: #006934;
font-size: 16px;
font-weight: bolder;
font-weight: 700;
line-height: 1.3;
}
.point-ttl1:before {
	content:"";
	display:inline-block;
	width:24px;
	height:24px;
	background:url(https://yellowhat.pro/campaign/202102/img/icon_point1.png) no-repeat;
	background-size:contain;
	position:relative;
    top:3px;
}
.point-ttl2:before {
	content:"";
	display:inline-block;
	width:24px;
	height:24px;
	background:url(https://yellowhat.pro/campaign/202102/img/icon_point2.png) no-repeat;
	background-size:contain;
	position:relative;
    top:3px;
}
.point-ttl3:before {
	content:"";
	display:inline-block;
	width:24px;
	height:24px;
	background:url(https://yellowhat.pro/campaign/202102/img/icon_point3.png) no-repeat;
	background-size:contain;
	position:relative;
    top:3px;
}

.point-img {
float: none;
width: 80%;
margin: 0 auto;
}
.point-img img {
width: 100%;
border:5px solid #eee;
}

.kakomi {
padding: 10px;
margin: 50px auto;
border:2px solid #006934;
}
.kakomi .img-camp {
float: none;
}
.kakomi .img-camp img {
width: 400px;
margin-right: 20px;
}
.kakomi .kakomi-ttl {
font-size: 16px;
color: #006934;
font-weight: bolder;
font-weight: 700;
padding-bottom: 20px;
letter-spacing: 0.2em;
text-align: center;
}
.kakomi .kakomi-txt {
font-size: 13px;
color: #222;
line-height: 1.8;
}
.sticker {
width: 100%;
margin: 0 auto;
}
.sticker img {
width: 100%;
}
.date {
color: #fff;
background-color: #006934;
font-weight: bolder;
font-weight: 700;
padding: 0.3em 0 0.3em 0.3em;
display: inline-block;
font-size: 18px;
text-align: center;
margin-bottom: 30px;
}
.date span {
font-size: 13px;
}
.cmp_txt {
color: #006934;
font-size: 16px;
text-align: center;
line-height: 1.5;
font-weight: bolder;
font-weight: 700;
}
.cmp_anno {
font-size: 22px;
color: #E30408;
text-align: center;
padding: 20px 0;
font-weight: bolder;
font-weight: 700;
}
.act_block {
width: 100%;
margin:10px auto;
display: block;
}
.act_block .items {
display: block;
margin-bottom: 20px;
}
.act_block .y-ttl {
font-size: 16px;
color: #fff;
text-align: center;
line-height: 2;
}
.act_block .honbun {
color: #fff;
font-size: 13px;
text-align: center;
line-height: 1.8;
padding: 10px 0 0;
}
.act_block .honbun a{
color: #fff000;
text-decoration: underline;
}
.pt50 {
padding-top: 20px;
}

.cmp_outline {
width: 88%;
margin: 20px auto 50px;
}
.cmp_outline .ttl {
font-size: 18px;
color: #006934;
text-align: center;
font-weight: bolder;
font-weight: 700;
padding: 10px;
}
.cmp_outline .ttl:before{
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	background:url(https://yellowhat.pro/campaign/202102/img/icon_1.png) no-repeat;
	background-size:contain;
	position:relative;
    top:6px;
	padding-right: 3px;
}
.cmp_outline .oubo_txt {
font-size: 14px;
text-align: center;
font-weight: bolder;
font-weight: 700;
line-height: 1.8;
padding-bottom: 20px;
}
.cmp_outline .tw_btn {
width: 80%;
margin: 0 auto;
}
.cmp_outline .tw_btn img {
width: 100%;
}
.cmp_outline .txt_step {
font-size: 16px;
color: #222;
border-bottom: 5px solid #006934;
display: inline-block;
padding-top: 10px;
font-weight: bolder;
font-weight: 700;
}
.cmp_outline .txt_nyan {
color: #ec8e26;
font-size: 16px;
text-align: center;
font-weight: bolder;
font-weight: 700;
padding-bottom: 50px;
}
.cmp_outline .ot_block {
width: 92%;
margin: 0 auto 80px;
height: 200px;
overflow: auto;
padding: 10px;
border: 1px solid #999;
}
.cmp_outline .ot_block .ptxt {
font-size: 13px;
color: #000;
line-height: 1;
}
.cmp_outline .ot_block .ntxt {
font-size: 12px;
color: #444;
line-height: 1.5;
padding: 10px 0;
}





/* モーダルウィンドウ */
/* スマホ向けボタン位置調整 */
.modaal-close {
	position:absolute;
	right: 17px;
	top: 18px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 22px;
	height: 22px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/**/
#modal {
display: none;
}
.box_modal {
	text-align: left;
}
.box_modal .h_modal {
	font-size: 18px;
	font-weight: 700;
	background-color: #fff000;
	padding: 15px 30px 15px 15px;
}
.box_modal .clearfix {
	padding: 15px 20px;
}
.box_modal .txt_modal {
	margin-bottom:20px;
}
.box_modal .ph_modal {
}
.box_modal .note_modal {
}
.box_modal .note_modal a {
	text-decoration: underline;
	display:inline-block;
}
/* モーダル調整 */
.box_modal .clearfix {
}
.box_modal .txt_modal {
}
.box_modal .ph_modal {
}
.box_modal .note_modal {
	clear: both;
	padding-top: 20px;
}

.mv_box1,
.mv_box2 {
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-bottom: 10px;
}
.mv_box1 iframe,
.mv_box2 iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.coming {
width: 92%;
margin: 0 auto 20px;
}
.coming img {
width: 100%;
}

.btn_quiz {
width: 88%;
margin: 0 auto;
}
.btn_quiz img {
width: 100%;
}
.anno {
text-align: center;
padding: 20px 0 50px;
font-size: 11px;
line-height: 1.5;
}

.ctr {
text-align: center;
}

.ml10 {
margin-left: 10px;
}

.osarai_ttl {
font-size: 13px;
padding: 10px 0 0;
font-weight: bolder;
font-weight: 700;
line-height: 1.3;
}
.thumb_line {
border: 2px solid #222;
}

.cmp_end {
position: relative;
}
.cmp_end .end_txt {
position: absolute;
  top: 55%;
  left: 50%;
  transform: translateY(-55%) translateX(-50%);
  -webkit- transform: translateY(-55%) translateX(-50%);
  margin: auto;
  background: #DB2023;
  width: 100%;
  opacity: 0.9;
}
.cmp_end .end_txt p {
padding: 50px 0;
text-align: center;
font-size: 18px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}

.cmp_end_gr {
position: relative;
}
.cmp_end_gr .end_txt2 {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  background: #999999;
  width: 100%;
  opacity: 0.95;
  z-index: 100;
}
.cmp_end_gr .end_txt2 p {
padding: 200px 0;
text-align: center;
font-size: 18px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}
.cmp_end_gr .end_txt2 p span {
padding: 50px 0;
text-align: center;
font-size: 14px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}


}


/* 769px以上 PC向け
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
body {
	min-width: 1200px;
}
.part_sp {
	display: none!Important;
}
a {
	transition: .5s;
}
a:hover {
	opacity: 0.7;
}
#wrapper {
width: 100%;
margin: 0 auto;
background : scroll #FFF000 url('https://yellowhat.pro/campaign/202102/img/bg.png') center top repeat;
}


/*-----------------------------------------------------
contents
-------------------------------------------------------*/
.contents {
	width: 1000px;
	margin: 0 auto;
}
.contents2 {
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;
}

.contents_block {
	width: 880px;
	margin: 0 auto;
}
.past_block {
width: 100%;
margin: 0 auto;
background-color: #006934;
padding: 50px 0;
}

#main-v {
width: 100%;
margin: 0 auto;
background: #fff000;
}
#main-v .main {
width: 1200px;
height: 568px;
margin: 0 auto;
position: relative;
}
#main-v .main .kv {
width: 1200px;
margin: 0 auto;
}
#main-v .main .kv img {
width: 100%;
}
#main-v .main #top_menu {
position: absolute;
bottom: -30px;
left: 10%;
}
#main-v .main #top_menu img {
width: 200px;
}
#statement {
width: 100%;
margin: 0 auto;
padding: 50px 0;
background:url('https://yellowhat.pro/campaign/202102/img/st_bg.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#006934;
}
#statement .st_box {
width: 800px;
margin: 0 auto;
padding: 50px;
border-radius: 20px;
background: #fff;
}
#statement h2 {
font-size: 36px;
color: #006934;
text-align: center;
line-height: 1.3;
padding-bottom: 10px;
border-bottom: 3px solid #006934;
font-weight: bold;
font-weight: 700;
}
#statement .lead {
font-size: 20px;
color: #006934;
line-height: 1.8;
text-align: center;
padding-top: 50px;
}

#road{
  background: repeating-linear-gradient(
    90deg, #eeeeee 0, #eeeeee 100px, #ffffff 100px, #ffffff 200px);
	border-top:50px solid #eeeeee;
	border-bottom:50px solid #eeeeee;
}
.sub_txt {
font-size: 20px;
line-height: 2;
color: #000;
text-align: center;
}
h3 {
text-align: center;
margin: 0 auto;
}
h3 img {
width: 880px;
}
.catch {
font-size: 20px;
background-color:#ec8e26;
padding: 10px;
color: #fff;
border-radius: 20px;
line-height: 1;
display: inline-block;
margin-bottom: 10px;
}
h4.txt_c {
font-size: 36px;
font-weight: bold;
font-weight: 700;
border-bottom: 10px solid #ec8e26;
padding-bottom: 5px;
display: inline-block;
}
h4.txt_l {
font-size: 36px;
font-weight: bold;
font-weight: 700;
border-bottom: 10px solid #ec8e26;
padding-bottom: 5px;
display: inline-block;
}
h5 {
font-size: 24px;
color: #006934;
line-height: 2;
text-align: center;
padding: 20px 0;
}
.past-ttl {
font-size: 36px;
color: #fff;
font-weight: bold;
font-weight: 700;
border-bottom: 10px solid #fff000;
padding-bottom: 5px;
display: inline-block;
}

.honbun1 {
font-size: 16px;
line-height: 1.5;
color: #222;
text-align: center;
padding: 20px 0;
}
.honbun1_l {
font-size: 16px;
line-height: 1.5;
color: #222;
padding: 20px 0;
}
.honbun2 {
font-size: 18px;
line-height: 1.8;
color: #222;
padding: 20px 0;
}
.honbun3 {
font-size: 14px;
line-height: 1.8;
color: #222;
padding: 20px 0;
}
.honbun4 {
font-size: 18px;
line-height: 1.8;
color: #222;
text-align: center;
padding: 20px 0;
}
.txt-ywl {
border-bottom: 3px solid #fff000;
}
.txt-red {
color: #E30408;
font-weight: bolder;
font-weight: 700;
}

.txtblock1 {
width: 100%;
margin: 0 auto;
display: table;
}
.txtblock1 .txt-box {
display: table-cell;
vertical-align: top;
}
.txtblock1 .ill-box {
display: table-cell;
vertical-align: top;
}
.txtblock1 .ill-box img {
width: 300px;
}

.txtblock2 {
width: 100%;
margin: 0 auto;
display: table;
border-collapse: separate;
border-spacing: 20px 0;
table-layout: fixed;
}
.txtblock2 .item {
display: table-cell;
vertical-align: top;
}
.img-ill img {
width: 100%;
}
.quiz_img{
width: 700px;
margin:  20px auto;
}
.quiz_img img {
width: 100%;
}
.point-ttl1,
.point-ttl2,
.point-ttl3 {
color: #006934;
font-size: 22px;
font-weight: bolder;
font-weight: 700;
line-height: 1;
}
.point-ttl1:before {
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	background:url(https://yellowhat.pro/campaign/202102/img/icon_point1.png) no-repeat;
	background-size:contain;
	position:relative;
    top:6px;
}
.point-ttl2:before {
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	background:url(https://yellowhat.pro/campaign/202102/img/icon_point2.png) no-repeat;
	background-size:contain;
	position:relative;
    top:6px;
}
.point-ttl3:before {
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	background:url(https://yellowhat.pro/campaign/202102/img/icon_point3.png) no-repeat;
	background-size:contain;
	position:relative;
    top:6px;
}

.point-img {
float: right;
}
.point-img img {
width: 300px;
border:5px solid #eee;
}

.kakomi {
padding: 20px;
margin: 50px auto;
border:2px solid #006934;
}
.kakomi .img-camp {
float: left;
}
.kakomi .img-camp img {
width: 400px;
margin-right: 20px;
}
.kakomi .kakomi-ttl {
font-size: 18px;
color: #006934;
font-weight: bolder;
font-weight: 700;
padding-bottom: 20px;
letter-spacing: 0.2em;
}
.kakomi .kakomi-txt {
font-size: 14px;
color: #222;
line-height: 1.8;
}
.sticker {
width: 800px;
margin: 0 auto;
}
.sticker img {
width: 100%;
}
.date {
color: #fff;
background-color: #006934;
font-weight: bolder;
font-weight: 700;
padding: 0.3em 0 0.3em 0.3em;
display: inline-block;
font-size: 34px;
text-align: center;
margin-bottom: 30px;
}
.date span {
font-size: 26px;
}
.cmp_txt {
color: #006934;
font-size: 24px;
text-align: center;
line-height: 1.8;
font-weight: bolder;
font-weight: 700;
}
.cmp_anno {
font-size: 22px;
color: #E30408;
text-align: center;
padding: 20px 0;
font-weight: bolder;
font-weight: 700;
}
.act_block {
width: 100%;
margin:30px auto;
display: table;
border-collapse: separate;
border-spacing: 20px 0;
table-layout: fixed;
}
.act_block .items {
display: table-cell;
vertical-align: top;
}
.act_block .y-ttl {
font-size: 24px;
color: #fff;
text-align: center;
line-height: 2;
}
.act_block .honbun {
color: #fff;
font-size: 16px;
text-align: center;
line-height: 1.8;
padding: 20px 0 0;
}
.act_block .honbun a{
color: #fff000;
text-decoration: underline;
}
.pt50 {
padding-top: 50px;
}

.cmp_outline {
width: 880px;
margin: 20px auto 50px;
}
.cmp_outline .ttl {
font-size: 24px;
color: #006934;
text-align: center;
font-weight: bolder;
font-weight: 700;
padding: 10px;
}
.cmp_outline .ttl:before{
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	background:url(https://yellowhat.pro/campaign/202102/img/icon_1.png) no-repeat;
	background-size:contain;
	position:relative;
    top:6px;
	padding-right: 3px;
}
.cmp_outline .oubo_txt {
font-size: 18px;
text-align: center;
font-weight: bolder;
font-weight: 700;
line-height: 1.8;
padding-bottom: 20px;
}
.cmp_outline .tw_btn {
width: 300px;
margin: 0 auto;
}
.cmp_outline .tw_btn img {
width: 100%;
}
.cmp_outline .txt_step {
font-size: 22px;
color: #222;
border-bottom: 5px solid #006934;
display: inline-block;
padding-top: 2em;
font-weight: bolder;
font-weight: 700;
}
.cmp_outline .txt_nyan {
color: #ec8e26;
font-size: 20px;
text-align: center;
font-weight: bolder;
font-weight: 700;
padding-bottom: 50px;
}
.cmp_outline .ot_block {
width: 840px;
margin: 0 auto 80px;
height: 300px;
overflow: auto;
padding: 20px;
border: 1px solid #999;
}
.cmp_outline .ot_block .ptxt {
font-size: 15px;
color: #000;
line-height: 1;
}
.cmp_outline .ot_block .ntxt {
font-size: 13px;
color: #444;
line-height: 1.5;
padding: 10px 0;
}

/* モーダルウィンドウ */
#modal {
display: none;
}
.box_modal {
	text-align: left;
}
.box_modal .h_modal {
	font-size: 24px;
	font-weight: 700;
	background-color: #fff000;
	padding: 10px 0 10px 15px;
}
.box_modal .clearfix {
	padding: 20px 25px;
}
.box_modal .txt_modal {
	float: left;
	font-size: 14px;
	line-height: 1.5;
}
.box_modal .ph_modal {
	float: right;
}
.box_modal .ph_modal img {
	width: 100%;
	height: auto;
}
.box_modal .note_modal {
}
.box_modal .note_modal a {
	text-decoration: underline;
}
.box_modal .note_modal a:hover {
	text-decoration: none;
	opacity: 1;
}
/* モーダル調整 */

.box_modal .clearfix {
	padding: 20px 20px 20px 25px;
}
.box_modal .txt_modal {
	width: 500px;
}
.box_modal .ph_modal {
	width: 306px;
}
.box_modal .note_modal {
	clear: both;
	padding-top: 30px;
}
.mv_box1{
width: 960px;
margin: 50px auto;
text-align: center;
}
.coming {
width: 960px;
margin: 0 auto;
padding-bottom: 20px;
}
.coming img {
width: 100%;
}
.mv_box2{
width: 800px;
margin: 50px auto;
text-align: center;
}
.mv_box2 iframe {
width: 800px;
height: 450px;
}
.btn_quiz {
width: 516px;
margin: 30px auto;
}
.btn_quiz img {
width: 100%;
}
.anno {
text-align: center;
padding: 20px 0 50px;
font-size: 14px;
line-height: 1.5;
}

.ctr {
text-align: center;
}
.osarai_ttl {
font-size: 16px;
padding: 10px 0 0;
font-weight: bolder;
font-weight: 700;
line-height: 1.5;
text-align: center;
}
.thumb_line {
border: 2px solid #222;
}

.cmp_end {
position: relative;
}
.cmp_end .end_txt {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  background: #DB2023;
  width: 100%;
  opacity: 0.95;
}
.cmp_end .end_txt p {
padding: 50px 0;
text-align: center;
font-size: 44px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}

.cmp_end_gr {
position: relative;
}
.cmp_end_gr .end_txt2 {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  background: #999999;
  width: 100%;
  opacity: 0.95;
  z-index: 100;
}
.cmp_end_gr .end_txt2 p {
padding: 200px 0;
text-align: center;
font-size: 44px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}
.cmp_end_gr .end_txt2 p span {
padding: 50px 0;
text-align: center;
font-size: 24px;
font-weight: bold;
font-weight: 700;
  color: #fff;
}


}