@charset "UTF-8";

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
 
.cf:after {
    clear: both;
}

.cf {
    zoom:1;
}

body{
	font-size: 20px;
	line-height:1.8;
	color: #000000;
	-webkit-font-smoothing: antialiased;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
	background-image: url(../img/body5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center bottom;
    max-width: 2000px;
    min-width: 1020px;
    margin: 0 auto;    
}

/*文字装飾*/
.bo{
	font-weight:900;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

.la12{
	font-size: 1.2em;
	font-weight:800;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

.la14{
	font-size: 1.4em;
	font-weight:800;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

.la16{
	font-size: 1.6em;
	font-weight:800;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

.la18{
	font-size: 1.8em;
	font-weight:800;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

.bb{
	color: #141212;
	font-weight:800;
	background:#faf37b;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

.bu{
	color: #141212;
	font-weight:800;
	text-decoration: underline;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

.re{
	color: #c4122b;
	font-weight:800;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

.ru{
	color: #c4122b;
	font-weight:800;
	text-decoration:underline;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

.rb{
	color: #c4122b;
	font-weight:800;
	background: #faf37b;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

br{display: block;}

img{
	display: block;
	margin: 0 auto;
}

.pc{display: block !important;}
.sp{display: none !important;}

p{
	margin: 0 0 1.8em 0;
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
	font-size: 20px;
	font-weight: 500;
}

r {
  	font-weight: bold;
  	color: #dc143c;
}

b {
  	font-weight: bold;
  	color: #0000ff;
}

li{
	font-family: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
	font-size: 20px;
	font-weight: 500;
}

.p2{
	margin-bottom: 3.2em;
}

.la{margin-bottom: 0 !important;}

.pc_n{
	display: none !important;
}

/****ヘッダー****/
.header{
	display: block;
	width: 100%;
	min-width: 1020px;
	height: 625px;
	background:url(../img/header-main.jpg) no-repeat scroll center 0;
	position: relative;
	overflow: hidden;
}

.wrapper_in{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.wrapper{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.img_sp{
	display: none;
	width: 0;
}

.textbox_wrap{
	width: 940px;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
	margin-top: 0%;
}
.textbox_wrap_form{
	width: 1200px;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
	margin-top: 0%;
}
.textbox_settlement{
	width: 2000px;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
	margin-top: 0%;
}

.textbox{
	width: 830px;
	margin: 0 auto;
}

.mt0{margin-top: 0% !important;}
.mb0{margin-bottom: 0% !important;}
.mt2{margin-top: 2% !important;}
.mb2{margin-bottom: 2% !important;}
.mt3{margin-top: 3% !important;}
.mb3{margin-bottom: 3% !important;}
.mt4{margin-top: 4% !important;}
.mb4{margin-bottom: 4% !important;}
.mt5{margin-top: 5% !important;}
.mb5{margin-bottom: 5% !important;}
.mt6{margin-top: 6% !important;}
.mb6{margin-bottom: 6% !important;}
.mt7{margin-top: 7% !important;}
.mb7{margin-bottom: 7% !important;}
.mt8{margin-top: 8% !important;}
.mb8{margin-bottom: 8% !important;}
.pdb2{padding-bottom: 2% !important;}
.pdb7{padding-bottom: 7% !important;}

.sub_photo{
	margin-bottom: 6%;
}

.sub_photo_bet{
	margin-top: 6%;
	margin-bottom: 6%;
}


/***sec01***/
.sec01_bg{
	width: 940px;
	margin: 0 auto;
	background-image: url(../img/sec01_bg.png);
}

.sec01_t{
	margin-top: 2%;
}

.sec01_img01{
	padding-top: 5%;
	margin-bottom: 5%;
}

.sec01_textbox{
	width: 745px;
	margin: 0 auto;
	padding-bottom: 5%;
}

iframe{
	width: 100%;
	height: 100%;
	position: absolute;
}

.movie{
	width: 830px;
	height: 467px;
	margin: 2% auto;
	display: block;
	position: relative;
	overflow: hidden;
}

.sub02_img02{
	margin-top: 2%;
	margin-bottom: 2%;
}

.yoku_bg{
	background: url(../img/etaihaikei.jpg) no-repeat center top fixed #fff;
    background-size: cover;
}

/***logic***/
.logic_bg{
	background: url(../img/logic_bg3.jpg) no-repeat center top fixed #fff;
    background-size: cover;
}

.logic_img01{
	margin-top: 2%;
}

.logic_box{
	width: 940px;
	margin: 0 auto;
	background-color: #02227F;
	overflow: hidden;
}

.logic_point_head{
	width: 830px;
	margin: 4% auto 0 auto;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004d9c+0,1597b5+100 */
	background: #004d9c; /* Old browsers */
	background: -moz-linear-gradient(left,  #004d9c 0%, #1597b5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #004d9c 0%,#1597b5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #004d9c 0%,#1597b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d9c', endColorstr='#1597b5',GradientType=1 ); /* IE6-9 */
}

.logic_img00{
	width: 70px;
	padding: 8px 0;
}

.logic_point_text{
	width: 830px;
	margin: 0 auto 4% auto;
	background-color: #fff;
	padding: 2% 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.logic_point_text p{
	font-weight: bold;
	color: #00264c;
}

.logic_text{
	width: 830px;
	margin: 0 auto;
	padding-bottom: 4%;
	color: #fff;
}

.message_img_left{
	float: left;
	width: 48.5%;
	margin-bottom: 3%;
}

.message_img_right{
	float: right;
	width: 48.5%;
	margin-bottom: 3%;
}

.message_img13{
	margin-bottom: 0%;
}

/****step****/
.step{
	display: block;
	width: 100%;
	min-width: 1020px;
	height: 1171px;
	background:url(../img/step.jpg) no-repeat scroll center 0;
	position: relative;
	overflow: hidden;
}

/***bonus***/
.bonus_bg{
	background: url(../img/red_back.png) no-repeat center top fixed #fff;
    background-size: cover;
}

.bonus_img01{
	padding-top: 7%;
}

.bonus_box{
	width: 940px;
	background-color: #220d0e;
	margin: 0 auto;
}

.bonus_text{
	width: 830px;
	margin: 0 auto;
	padding: 4.5% 0 4% 0;
	color: #fff;
}

/***gua***/
.gua_bg{
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcf6e0+15,fcfbf6+50,fcf6e0+85 */
	background: #fcf6e0; /* Old browsers */
	background: -moz-linear-gradient(left,  #fcf6e0 15%, #fcfbf6 50%, #fcf6e0 85%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fcf6e0 15%,#fcfbf6 50%,#fcf6e0 85%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fcf6e0 15%,#fcfbf6 50%,#fcf6e0 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6e0', endColorstr='#fcf6e0',GradientType=1 ); /* IE6-9 */
}

.gua_img01{
	padding-top: 1;
}

.gua_img02{
	float: right;
}

.gua_box{
	width: 940px;
	margin: 0 auto;
	background-image: url(../img/gua_bg.png);
}

.gua_text{
	width: 815px;
	margin: 0 auto -2% auto;
	padding-top: 3.5%;
}

.gua_u{
	padding-bottom: 1%;
}

/***form***/
.form_pc{
	display: block;
	width: 100%;
	min-width: 1020px;
	height: 2631px;
	background:url(../img/main_pc.png) no-repeat scroll center 0;
	position: relative;
	overflow: hidden;
}

.form_bg{
	width: 100%;
	background-color: #f4f0ea;
	overflow: hidden;
}

.btn01{
	width: 90%;
	margin-top: 1%;
}

.btn02{
	margin-top: 4%;
	
}

/***voice***/
.voice_img01{
	display: block;
	width: 100%;
	min-width: 1020px;
	height: 271px;
	background:url(../images/voice_img01.jpg) no-repeat scroll center 0;
	position: relative;
	overflow: hidden;
}

.voice_bg{
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}

.voice_img02{
	margin-top: 5%;
}

.voice_box{
	width: 940px;
	margin: 0 auto;
	border-left: 2px solid #1f7893;
	border-bottom: 2px solid #1f7893;
	border-right: 2px solid #1f7893;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.voice_text{
	width: 830px;
	margin: 0 auto;
	padding: 6% 0;
}

.voice_img03{
	float: right;
	width: 256px;
}

#img-list{
  display:flex;
  flex-flow:wrap;
}
#img-list li{
  width:50%;
  box-sizing:content-box;
}

/***qa***/
.qa_bg{
	width: 100%;
	overflow: hidden;
}

.qa_img01{
	margin-top: 0%;
}

.q_text{
	font-size: 23px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0;
	-webkit-background-size: 55px;
	background-size: 55px;
	background-position: 20px 11px;
	background-repeat: no-repeat;
	padding: 19px 20px 19px 93px;
	line-height: 1.5;
}

.q_box{
	margin: 2% auto 0 auto;
	width: 940px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#005a99+0,0f899b+100 */
	background: #fc0876; /* Old browsers */
	background: -moz-linear-gradient(left,  #0285d9 0%, #92d0f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0285d9 0%,#92d0f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0285d9 0%,#92d0f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0285d9', endColorstr='#92d0f7',GradientType=1 ); /* IE6-9 */
}

.a_text{
	width: 940px;
	margin: 0 auto;
	border: 1px solid #8b0000;
	padding: 3.3% 4.5%;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}



/***フッター***/
footer{
	margin: 0 0 0 0;
	min-width: 1020px;
	padding: 15px 0;
	background-color: #232323;
}

small{
	display:block;
	width: 100%;
	text-align:center;
	padding: 0;
}

.copy{
	display:block;
	color: #d7d7d7;
	font-size:14px;
	line-height: 1.3;
	padding:5px 0 0 0;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.foot{
	padding-top: 22px;
	text-align: center;
	color: #fff;
	font-size:14px;
	margin-bottom: 0;
	margin-top: 0;
}

.toku_box{
	text-align: center;
	color: #fff;
	font-size:14px;
}

.toku{
	font-size:14px;
	text-align: center;
	color: #fff;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/*追加分*/

.fix_outer {
    z-index: 0;
    position: fixed;
    right: 0;
    top: 75%;
}


/****SP****/
@media screen and (max-width:480px){	
	body{
		font-size: 15px;
		color: #000;
		background-color:none;
		background:none;
		background-image: none;
		min-width: auto;
	}

	body::before {
        background:url(../img/body5.jpg) repeat center top;
        -webkit-background-size: 100%;
        background-size: 100%;
        display: block;
        position: fixed;  /* スマホ用にコレで代替。 */
        top: 0;
        left: 0;
        width: 100%;  /* サイズ指定。 */
        height: 100%;  /* サイズ指定。 */
        padding-bottom: 0;
        content: "";
        z-index: -1;
    }

	br{display: none;}

	.br_b{display: block;}

	.pc{display: none !important;}
	.sp{display: block !important;}

	.pc_n{
		display: block !important;
	}

	p{
		font-size: 15px;
	}


	li{
		font-size: 15px;
	}
	
	.header{
		min-width: auto;
		height: auto;
		background:none;
	}

	.header2
	{
		min-width: auto;
		height: auto;
		background:none;
	}

	.img_sp{
		display: block;
		width: 100%;
	}

	.wrapper{
		width: 100%;
	}

	.wrapper_in{
		width: 100%;
	}	

	.sub{
		width: 100%;
	}

	.textbox_wrap{
		width: 92%;
		margin-top: 0%;
		background-color: #fff;
		overflow: hidden;
	}
	.textbox_wrap_form{
		width: 100%;
		margin-top: 0%;
		background-color: #fff;
		overflow: hidden;
	}
	.textbox{
		width: 88%;
	}

	.sub_photo{
		width: 100%;
		margin-top: 8%;
		margin-bottom: 8%;
	}

	.sub_photo_bet{
		width: 100%;
		margin-top: 8%;
		margin-bottom: 0%;
	}

	.movie{
		margin: 0% auto;
		display: block;
		width: 100%;
		height: auto;
		padding-bottom: 49.25%;
	}

	/***sec01***/
	.sec01_bg{
		width: 92%;
		margin: 0 auto;
		-webkit-background-size: 92%;
		background-size: 100%;
		background-image: url(../img/sec01_bg.png);
	}

	.sec01_t{
		width: 92%;
		margin-top: 2%;
	}

	.sec01_u{
		width: 92%;
	}

	.sec01_img01{
		width: 80%;
		padding-top: 7%;
		margin-bottom: 7%;
	}

	.sec01_textbox{
		width: 80%;
		padding-bottom: 7%;
	}

	.sub02_img02{
		width: 100%;
		margin-top: 2%;
		margin-bottom: 2%;
	}

	/***logic***/
	.logic_bg{
	background: url(../img/logic_bg3.jpg) no-repeat center top fixed #fff;
    background-size: cover;
	}

	.logic_img01{
		width: 92%;
		margin-top: 2%;
	}

	.logic_box{
		width: 92%;
		margin: 0 auto;
		background-color: #02227F;
		overflow: hidden;
	}

	.logic_point_head{
		width: 88%;
		margin: 6% auto 0 auto;
	}

	.logic_img00{
		width: 40px;
		padding: 6px 0;
	}

	.logic_point_text{
		width: 88%;
		margin: 0 auto 6% auto;
		background-color: #fff;
		padding: 4% 5%;
	}

	.logic_point_text p{
		font-weight: normal;
		color: #00264c;
	}

	.logic_text{
		width: 88%;
		padding-bottom: 6%;
		color: #fff;
	}

	.logic_u{width: 92%;}

	.message_img_left{
		float: none;
		width: 100%;
		margin-bottom: 5%;
	}

	.message_img_right{
		float: none;
		width: 100%;
		margin-bottom: 5%;
	}

	.message_img13{
		margin-bottom: 5%;
	}

	/****step****/
	.step{display: none;}

	/***bonus***/
	.bonus_bg{
		background: url(../img/red_back.png) no-repeat center top fixed #fff;
	    background-size: cover;
	}

	.bonus_img01{
		width: 80%;
		padding-top: 9%;
	}

	.bonus_img02{
		width: 92%;
	}

	.bonus_box{
		width: 92%;
		background-color: #220d0e;
		margin: 0 auto;
	}

	.bonus_text{
		width: 88%;
		margin: 0 auto;
		padding: 6.5% 0 6% 0;
		color: #fff;
	}

	.bonus_u{
		width: 92%;
	}

	.gua_img01{
		width: 92%;
		padding-top: 9%;
	}

	.gua_img02{
		float: right;
		width: 30%;
		margin-left: 3%;
	}

	.gua_box{
		width: 92%;
		margin: 0 auto;
		-webkit-background-size: 100%;
		background-size: 100%;
	}

	.gua_text{
		width: 85%;
		margin: 0 auto 0% auto;
		padding-top: 3.5%;
	}

	.gua_u{
		padding-bottom: 9%;
		width: 92%;
	}

	/***form***/
	.form_pc{
		display: none;
	}

	.btn01{
		width: 92%;
		margin-top: 2%;
	}

	.btn02{
		width: 92%;
		margin-top: 5%;
		
	}

	/***voice***/
	.voice_img01{
		display: none;
	}

	.voice_img02{
		width: 92%;
		margin-top: 7%;
	}

	.voice_box{
		width: 92%;
	}

	.voice_text{
		width: 85%;
		margin: 0 auto;
		padding: 8% 0;
	}

	.voice_img03{
		float: none;
		margin: 0 auto 8% auto;
		width: 55%;
	}

	/***qa***/
	.qa_img01{
		width: 100%;
		margin-top: 2%;
	}

	.q_text{
		font-size: 15px;
		margin-bottom: 0;
		-webkit-background-size: 28px;
		background-size: 28px;
		background-position: 10px 10px;
		background-repeat: no-repeat;
		padding: 14px 10px 10px 47px;
		line-height: 1.4;
	}

	.q_box{
		margin: 6% auto 0 auto;
		width: 92%;
	}

	.a_text{
		width: 92%;
		margin: 0 auto;
		border: 1px solid #8b0000;
		padding: 4.3% 5.5%;
		background-color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}





	.mt2{margin-top: 2%! important;}
	.mb2{margin-bottom: 2%! important;}
	.mt4{margin-top: 6%! important;}
	.mb4{margin-bottom: 6%! important;}
	.mt5{margin-top: 7%! important;}
	.mb5{margin-bottom: 7%! important;}
	.mt6{margin-top: 8%! important;}
	.mb6{margin-bottom: 8%! important;}
	.mt7{margin-top: 9%! important;}
	.mb7{margin-bottom: 9%! important;}
	.mt8{margin-top: 10%! important;}
	.mb8{margin-bottom: 10%! important;}
	.pdb2{padding-bottom: 2% !important;}
	.pdb7{padding-bottom: 9% !important;}



	footer{
		min-width: auto;
		margin-bottom: 0;
	}

	.copy{
		display:block;
		font-size:11px;
		line-height: 1.3;
		padding:0px 0 0px 0;
	}

	.foot{
		padding-top: 5px;
		text-align: center;
		color: #fff;
		font-size:12px;
		margin-bottom: 0;
		margin-top: 0;
	}

	.toku{
		font-size: 11px;
	}



}