@charset "UTF-8";

/* ------------------------------------------- CSS Information 
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */  
html{overflow-y: scroll;} 
body,div,blockquote,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,input,textarea,fieldset{margin: 0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
table{border-collapse: collapse;border-spacing: 0;}
caption, th{text-align: left;}   
img,abbr,acronym,fieldset{border: none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
hr,legend{display: none;}
object,embed{vertical-align: top;} 

/* ------------------------------------------- CSS Information 
 Style Info:     基本設定
----------------------------------------------------------- */
/*A Style*/  
a:link{text-decoration:underline;color:#ffec47;}
a:visited{text-decoration:none;color:#ffec47;}
a:hover{text-decoration:underline;color:#ffec47;}
a:active{text-decoration:none;color:#ffec47;}
.b{font-weight:bold;}
.ul{text-decoration:underline;}
.bg{background-color:#fff45c;}
.red{color:#ff0000;}
.big{font-size:24px;line-height:36px;}
@media only screen and (max-width:640px){.big{font-size:16px;line-height:24px;}}

/* ------------------------------------------- CSS Information 
 Style Info:     セールスレター型ホームページ詳細設定
----------------------------------------------------------- */
body{  
font-family:"メイリオ",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
color:#f3f3f3;
font-size:16px;
line-height:0;
text-align:center;
background:#14141b;
letter-spacing:0em;
overflow:hidden;
}

/*bg----------*/
.bg_02{
margin:0;
width:100%;
background:linear-gradient(#14141b, #f3f3f3);
}
.bg_03{
margin:0;
width:100%;
background:#f3f3f3;
}


/*header----------*/
header{
margin:0;
width:100%;
background:#14141b url(../img/header_bg.png) no-repeat center top;
position:relative;
text-align:center;
border-top:5px solid #ff0000;
border-bottom:1px solid #ff0000;
}

/*title----------*/
.title{
width:100%;
background:#6b000a;
}

/*contents----------*/
.contents{
width:100%;
max-width:960px;
margin:0 auto;
padding:30px 0;
box-sizing:border-box;
}
@media only screen and (max-width:640px){.contents{padding:0;}}

/*textbox----------*/
.textbox{
margin:0 auto;
padding:30px 3.125%;
text-align:left;
font-size:16px;
line-height:30px;
}
.textbox p,.textbox ul{
margin:0;
padding:0 0 30px 0;
}
ul.list_01 li{
list-style:none;
padding-left:16px;
background:url(../img/list_01_pc.png) no-repeat center left;
}
ul.list_02 li{
list-style:none;
font-size:24px;
line-height:36px;
color:#ff0000;
text-decoration:underline;
font-weight:bold;
padding-left:16px;
background:url(../img/list_02_pc.png) no-repeat center left;
}
.text_right{text-align:right;}
.img_right{
width:40%;
max-width:320px;
padding:0 0 20px 10px;
float:right;
}
@media only screen and (max-width:640px){
.textbox{
padding:20px 3.125%;
text-align:justify;
font-size:14px;
line-height:20px;
}
.textbox p,.textbox ul{
margin:0;
padding:0 0 20px 0;
}
ul.list_02 li{
font-size:16px;
line-height:24px;
padding-left:16px;
background:url(../img/list_02_sp.png) no-repeat top left;
}
.textbox br{display:none;}
.img_right{
float:none;
width:100%;
max-width:600px;
padding:0 0 20px 0;
}
}

/*textbox_01----------*/
.textbox_01{
margin:30px 3.125%;
padding:30px 3.125% 0 3.125%;
background:#3b0306;
border:1px solid #ff0000;
box-sizing:border-box;
}
.textbox_01 dt{
margin:0;
padding:0;
text-align:left;
}
.textbox_01 dd{
margin:0;
padding:40px 0 0 0;
text-align:justify;
font-size:16px;
line-height:30px;
color:#f3f3f3;
}
.textbox_01 p{
margin:0;
padding:0 0 30px 0;
}
ul.list_01{
margin:0;
padding:30px 0;
border-top:1px solid #ff0000;
}
ul.list_01 li{
padding-left:14px;
background:url(../img/list_01_pc.png) no-repeat center left;
}
@media only screen and (max-width:640px){
.textbox_01{
margin:20px 3.125%;
padding:20px 3.125% 0 3.125%;
}
.textbox_01 dt{}
.textbox_01 dd{
padding:30px 0 0 0;
font-size:14px;
line-height:20px;
}
.textbox_01 p{
margin:0;
padding:0 0 20px 0;
}
ul.list_01{padding:20px 0;}
ul.list_01 li{background:url(../img/list_01_sp.png) no-repeat top left;}
.textbox_01 br{display:none;}
}



/*textbox_02----------*/
.textbox_02{
margin:30px 3.125%;
padding:30px 3.125%;
background:#3b0306;
border:1px solid #ff0000;
box-sizing:border-box;
overflow-y:auto;
}
.textbox_02 dt{
margin:0 0 20px 0;
padding:0 0 20px 0;
text-align:left;
font-size:24px;
line-height:30px;
color:#ff0000;
font-weight:bold;
border-bottom:1px solid #ff0000;
}
.date{
display:inline-block;
margin:0 0 0 10px;
padding:0 10px;
font-size:14px;
line-height:30px;
height:30px;
color:#fff6b6;
background:#ff0000;
}
.textbox_02 dd{
text-align:justify;
font-size:16px;
line-height:30px;
color:#f3f3f3;
}
.chart{
width:50%;
float:left;
padding:6px 20px 0 0;
}
@media only screen and (max-width:640px){
.textbox_02{
margin:20px 3.125%;
padding:20px 3.125%;
}
.textbox_02 dt{
margin:0 0 10px 0;
padding:0;
text-align:center;
font-size:16px;
line-height:20px;
border-bottom:0;
}
.date{
display:block;
margin:5px 0 0 0;
padding:0 5px;
font-size:14px;
line-height:20px;
height:20px;
background:#ff0000;
font-weight:normal;
}
.textbox_02 dd{
font-size:14px;
line-height:20px;
}
.chart{
width:100%;
float:none;
padding:0 0 10px 0;
}
}

/*textbox_06----------*/
.textbox_06{
margin:0 auto;
padding:30px 3.125%;
text-align:left;
font-size:16px;
line-height:30px;
color:#333333;
}
.textbox_06 p{
margin:0;
padding:0 0 30px 0;
list-style:none;
}
@media only screen and (max-width:640px){
.textbox_06{
padding:20px 3.125%;
text-align:justify;
font-size:14px;
line-height:20px;
}
.textbox_06 p{
margin:0;
padding:0 0 20px 0;
}
.textbox_06 br{display:none;}
}


/*movie----------*/
.movie_box{
margin:30px 3.125%;
padding:30px;
text-align:center;
background:#3b0306;
border:1px solid #ff0000;
box-sizing:border-box;
}
.movie_box_user{
margin:30px 3.125%;
padding:30px;
text-align:center;
background:#3b0306;
border:1px solid #ff0000;
box-sizing:border-box;
}
.movie{
position:relative;
width:100%;
padding-top:56.25%;
}
.movie iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
@media only screen and (max-width:640px){
.movie_box{
margin:20px 3.125% 40px 3.125%;
padding:20px;
}
.movie_box_user{
margin:20px 3.125%;
padding:20px;
}
}
@media only screen and (max-width:480px){
.movie_box{padding:10px;}
.movie_box_user{padding:10px;}
}

/*faq----------*/
#faq dl{margin:30px 3.125% 60px 3.125%;}
#faq dt{
margin:0;
padding:20px 20px 20px 50px;
font-size:20px;
line-height:30px;
text-align:left;
color:#fff6b6;
font-weight:bold;
background:#b20000 url(../img/question.png) no-repeat center left;
background-size:40px auto;
border:solid 1px #ff0000;
box-sizing:border-box;
}
#faq dd{
margin:0 0 10px 0;
padding:20px 20px 20px 50px;
font-size:16px;
line-height:24px;
text-align:justify;
background:#3b0306 url(../img/answer.png) no-repeat center left;
background-size:40px auto;
border-left:solid 1px #ff0000;
border-right:solid 1px #ff0000;
border-bottom:solid 1px #ff0000;
box-sizing:border-box;
}
@media only screen and (max-width:640px){
#faq dl{
margin:20px 3.125% 30px 3.125%;
}
#faq dt{
margin:0;
padding:10px 10px 10px 40px;
font-size:16px;
line-height:24px;
background-size:30px auto;
}
#faq dd{
padding:10px 10px 10px 40px;
font-size:14px;
line-height:20px;
background-size:30px auto;
}
}

/*cta----------*/
.cta{
width:100%;
margin:0;
padding:0;
text-align:center;
}
.cta_box{
width:100%;
max-width:960px;
margin:0 auto;
padding:30px 3.125% 60px 3.125%;
box-sizing:border-box;
}
.cta table{
width:100%;
margin:0 auto 60px auto;
padding:0;
border-collapse: separate;
border-spacing:0 10px;
}
.cta table th{
font-size:16px;
line-height:24px;
text-align:center;
width:180px;
padding:20px 0;
background:#b20000;
border:solid 1px #ff0000;
}
.cta table th.table_title{
font-size:20px;
line-height:30px;
text-align:center;
width:auto;
padding:20px 0;
background:#fe0303;
color:#fff6b6;
border:solid 1px #ff0000;
}
.cta table td{
font-size:16px;
line-height:24px;
text-align:left;
padding:20px;
background:#3b0306;
border-top:solid 1px #ff0000;
border-right:solid 1px #ff0000;
border-bottom:solid 1px #ff0000;
}
.price{
font-size:20px;
line-height:30px;
font-weight:bold;
color:#fff6b6;
}
.btn{
display:block;
margin:0 auto 20px auto;
width:80%;
}
.cta p{
margin:0 auto;
padding:0 0 10px 0;
max-width:900px;
font-size:14px;
line-height:20px;
color:#333333;
}
.kiyaku{
padding:2px 5px;
background:#14141b;
border:1px solid #ff0000;
} 
.cta dl{
margin:30px auto 0 auto;
padding:0;
max-width:900px;
font-size:14px;
line-height:20px;
text-align:justify;
color:#333333;
}
.cta dt{
margin:0 0 10px 0;
padding:0 0 0 4px;
border-left:solid 4px #ff0000;
}
.cta dd{
margin:0 0 20px 0;
}
.cta_01{width:80%;max-width:600px;margin:0 auto 10px auto;}
.br_sp{display:none;}
@media only screen and (max-width:768px){
.cta table{border-spacing:0;border-bottom:solid 1px #ff0000;}
.cta table th{
font-size:14px;
line-height:20px;
display:block;
text-align:center;
width:100%;
padding:10px 0;
border:solid 1px #ff0000;
box-sizing:border-box;
}
.cta table th.table_title{
font-size:16px;
line-height:24px;
padding:10px 0;
}
.cta table td{
font-size:14px;
line-height:20px;
display:block;
width:100%;
text-align:left;
padding:20px 10px;
background:#3b0306;
border-top:0;
border-right:solid 1px #ff0000;
border-left:solid 1px #ff0000;
border-bottom:0;
box-sizing:border-box;
}
}

@media only screen and (max-width:640px){
.cta_box{padding:20px 3.125% 40px 3.125%;}
.cta table{}
.cta table th{}
.cta table td{}
.price{
font-size:16px;
line-height:24px;
}
.cta p{margin:0 auto;}
.cta dl{margin:20px auto 0 auto;}
.cta dt{}
.cta dd{}
.cta dd br{display:none;}
.br_sp{display:block;}
}

/*footer*/
footer{
margin:0;
padding:30px 0;
width:100%;
font-size:12px;
color:#f5f5f5;
background:#000000;
border-top:1px solid #555555;
}
nav{
margin:0 auto;
padding:0 0 30px 0;
}
nav ul{
text-align:center;
font-size:12px;
line-height:20px;
padding:0 0 0 20px;
}
nav li{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
list-style-type:none;
padding: 0 20px 0 8px;
background: url(../img/footer.png) no-repeat left center;
}
nav a:link{color:#ffffff;text-decoration:none;}
nav a:visited{color:#eeeeee;text-decoration:none;}
nav a:hover{color:#eeeeee;text-decoration:underline;}
nav a:active{color:#eeeeee;text-decoration:none;}
.attention{
margin:0 auto;
padding:0 10px 20px 10px;
max-width:940px;
text-align:center;
font-size:12px;
line-height:20px;
}
.attention p{margin:0;padding:10px 0;}
address{
font-size:12px;
line-height:20px;
padding: 5px 15px;
}
@media only screen and (max-width:640px){
nav{
margin:0 auto 20px auto;
padding:0 0 30px 0;
}
nav ul{
text-align:center;
font-size:12px;
line-height:30px;
padding:0 0 0 20px;
}
nav li{
display:block;
/display:block;
/zoom:1;
list-style-type:none;
padding: 0;
background:none;
}
.attention{
margin:0 auto;
padding:0 10px 20px 10px;
max-width:940px;
text-align:justify;
font-size:12px;
line-height:20px;
}
.attention br,.sp_no{display:none;}
}

.pc{width:100%;max-width:960px;display:block;margin:0 auto;}
.sp{width:100%;max-width:640px;display:none;margin:0 auto;}
@media only screen and (max-width:640px){
.pc{display:none;}
.sp{display:block;}
}