@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: #666666;}
a:visited{text-decoration: none;color: #66666;}
a:hover{text-decoration: underline;color: #999999;}
a:active{text-decoration: none;color: #66666;}
.it{ font-style: italic;}
.ol{ text-decoration: overline;}
.lt{ text-decoration: line-through;}
.uol{ text-decoration: underline overline;}
/*basic*/
.b{font-weight:bold;}
.ul{text-decoration:underline;}
.bg{background-color:#fff45c;}
.big{font-size:20px;}
.red{color:#f18324;}
/*img float*/
img.imgr{float: right; padding: 0 0 50px 30px;}
img.imgl{float: left;}


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

/*header*/
header{
margin:0;
width:100%;
min-width:320px;
background:#ffffff url(../img/header_bg.png) no-repeat top center;
text-align:center;
border-top:5px solid #ff9900;
}
#header{
margin:0;
width:100%;
min-width:320px;
background:#ffffff url(../img/header_bg.png) no-repeat top center;
text-align:center;
border-top:5px solid #ff9900;
}

/*cta*/
.cta{
width:100%;
margin:0;
padding:30px 0;
text-align:center;
background:#ff9900;
}
.btn{width:640px;}
@media only screen and (max-width:640px){
.cta{
padding:20px 0;
}
.btn{width:320px;}
}
@media only screen and (max-width:480px){.btn{width:240px;}}

/*textbox*/
.textbox{
margin:0 auto;
padding:0 0 40px 0;
width:100%;
max-width:960px;
text-align:left;
line-height:24px;
}
.textbox p{
margin:0;
padding:15px 30px;
}
@media only screen and (max-width:640px){
.textbox{
padding:0 0 20px 0;
text-align:justify;
font-size:14px;
line-height:20px;
}
.textbox p{
margin:0;
padding:10px 20px;
}
.textbox br{display:none;}
}
@media only screen and (max-width:480px){.textbox p{padding:10px;}}

/*point*/
#point{
width:100%;
margin:0;
padding:0 30px 30px 30px;
background:#f5f5f5;
box-sizing:border-box;
}
.point_index{
display:block;
margin:0 auto;
width:100%;
max-width:560px;
}
.point_img{
width:200px;
float:right;
padding:20px;
}
.point_text{
max-width:900px;
overflow-y:auto;
margin:0 auto 30px auto;
padding:0;
background:#ffffff;
}
.point_text p{
margin:0;
padding:30px;
text-align:justify;
font-size:16px;
line-height:30px;
}
@media only screen and (max-width:640px){
/*point*/
#point{padding:0 20px 20px 20px;}
.point_img{
display:block;
width:160px;
margin:0 auto;
float:none;
padding:20px 0 0 0;
}
.point_text{margin:0 auto 20px auto;}
.point_text p{
padding:20px;
font-size:14px;
line-height:20px;
}
}
@media only screen and (max-width:480px){
/*point*/
#point{padding:0 10px 10px 10px;}
.point_text{margin:0 auto 10px auto;}
.point_text p{padding:10px;}
}

/*profile*/
#profile{
width:100%;
margin:0;
padding:30px;
background:#f5f5f5;
box-sizing:border-box;
}
.profile_box{
margin:0 auto 30px auto;
width:100%;
max-width:900px;
border:2px solid #ff9900;
background:#ffffff;
}
.profile_text{
margin:0 5%;
padding:10px 0 30px 0;
font-size:16px;
line-height:24px;
text-align:justify;
border-top:2px solid #ff9900;
}
.profile_text p{
margin:0;
padding:20px 0 0 0;
}
@media only screen and (max-width:640px){
#profile{padding:20px 10px;}
.profile_box{
margin:0 auto 20px auto;
border:1px solid #ff9900;
}
.profile_text{
margin:0 10px;
padding:0 0 30px 0;
font-size:14px;
line-height:20px;
border-top:1px solid #ff9900;
}
.profile_text p{
margin:0;
padding:20px 0 0 0;
}
.profile_text br{display:none;}
}

/*user*/
#user{
width:100%;
margin:0;
padding:30px;
background:#f5f5f5;
box-sizing:border-box;
}
.user_box{
margin:0 auto 30px auto;
width:100%;
max-width:900px;
border:2px solid #ff9900;
background:#ffffff;
}
.user_text{
margin:0 5%;
padding:10px 0 30px 0;
font-size:16px;
line-height:24px;
text-align:justify;
border-top:2px solid #ff9900;
}
.user_text p{
margin:0;
padding:20px 0 0 0;
}
@media only screen and (max-width:640px){
#user{padding:20px 10px;}
.user_box{
margin:0 auto 20px auto;
border:1px solid #ff9900;
}
.user_text{
margin:0 10px;
padding:0 0 30px 0;
font-size:14px;
line-height:20px;
border-top:1px solid #ff9900;
}
.user_text p{
margin:0;
padding:20px 0 0 0;
}
.user_text br{display:none;}
}

/*faq*/
#faq{
width:100%;
margin:0;
padding:30px 30px 60px 30px;
background:#f5f5f5;
box-sizing:border-box;
}
#faq dl{
margin:0 auto;
width:100%;
max-width:900px;
font-size:16px;
}
#faq dt{
padding:20px 0 20px 50px;
line-height:20px;
text-align:left;
font-weight:bold;
background:url(../img/faq_q.png) no-repeat left center;
background-size:40px 40px;
}
#faq dd{
padding:20px 0 20px 50px;
line-height:20px;
text-align:justify;
background:url(../img/faq_a.png) no-repeat left center;
background-size:40px 40px;
}
@media only screen and (max-width:640px){
#faq{padding:20px 20px 40px 20px;}
#faq dl{font-size:14px;}
#faq dt{padding:10px 0 10px 50px;}
#faq dd{padding:10px 0 10px 50px;}
}
@media only screen and (max-width:480px){
#faq{padding:10px 10px 20px 10px;}
}

/*attention*/
#attention{
margin:0;
padding:30px 0;
width:100%;
text-align:center;
background:#f5f5f5;
}
#attention dl{
margin:0 auto;
padding:0 20px;
max-width:600px;
text-align:justify;
}
#attention dt{
list-style:none;
margin:20px 0 0 0;
padding:0 0 0 12px;
font-size:14px;
line-height:20px;
background:url(../img/attention_list.png) no-repeat left top;
}
#attention dd{
list-style:none;
margin:0;
padding:0 0 0 12px;
font-size:14px;
line-height:20px;
}
@media only screen and (max-width:640px){
.title_attention{width:120px;height:20px;}
#attention dl{padding:0 10px;}
#attention dt{
font-size:12px;
line-height:18px;
}
#attention dd{
font-size:12px;
line-height:18px;
}
}

/*footer*/
footer{
margin:0;
padding:30px 0;
width:100%;
position:relative;
background:#ff9900;
color:#ffffff;
}
#fnav a{color:#ffffff;text-decoration:none;}
#fnav a:hover{color:#ffffff;text-decoration:underline;}
#fnav{}
#fnav ul{list-style-type:none;}
#fnav li{
font-size:12px;
line-height:16px;
display:inline-block;
padding:0 10px 0 5px;
border-right:1px solid #ffffff;
}
#fnav li:last-child{border-right:none;}
address{
font-size:12px;
line-height:16px;
padding:20px 0 0 0;
}
@media only screen and (max-width:640px){
footer{padding:60px 0;}
#fnav li{
font-size:12px;
line-height:30px;
display:block;
padding:0 5px;
border-right:0;
}
.sp_no{display:none;}
}