@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:none;color: #999999;}
a:visited{text-decoration:none;color:#666666;}
a:hover{text-decoration:underline;color:#666666;}
a:active{text-decoration:none;color:#999999;}
/*font*/
.b{font-weight:bold;}
.b-ul{font-weight:bold;text-decoration:underline;}
.b-bg{font-weight:bold;background-color:#fff45c;}
.b-ul-bg{font-weight:bold;text-decoration:underline;background-color:#fff45c;}
.b-big{font-weight:bold;font-size:20px;line-height:30px;}
.b-ul-big{font-weight:bold;text-decoration:underline;font-size:20px;line-height:30px;}
.b-bg-big{font-weight:bold;background-color:#fff45c;font-size:20px;line-height:30px;}
.red-b{color:#a40000;font-weight:bold;}
.red-b-ul{color:#a40000;font-weight:bold;text-decoration:underline;}
.red-b-bg{color:#a40000;font-weight:bold;background-color:#fff45c;}
.red-b-ul-bg{color:#a40000;font-weight:bold;text-decoration:underline;background-color:#fff45c;}
.red-b-big{color:#a40000;font-weight:bold;font-size:20px;line-height:30px;}
.red-b-ul-big{color:#a40000;font-weight:bold;text-decoration:underline;font-size:20px;line-height:30px;}
.red-b-bg-big{color:#a40000;font-weight:bold;background-color:#fff45c;font-size:20px;line-height:30px;}
.small{font-size:12px;}
@media only screen and (max-width:767px){.b-big,.b-ul-big,.b-bg-big,.red-b-big,.red-b-ul-big,.red-b-bg-big{font-size:16px;line-height:20px;}}

/*img float*/
img.imgr{float:right;padding: 0 0 10px 10px;}
img.imgl{float:left;padding: 0 10px 10px 0;}


/* ------------------------------------------- CSS Information 
 Style Info:     セールスレター型ホームページ詳細設定
----------------------------------------------------------- */
html,body{
margin:0;
padding:0;
line-height:0;
font-family:"メイリオ",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
color:#333333;
font-size:16px;
height:100%;
text-align:center;
min-width:320px;
min-height:100%;
background:#fafafa;
}

/*contents*/
#contents{margin:0;width:100%;}

/*img*/
img.pc{
margin:0 auto;
width:100%;
max-width:960px;
display:block;
}
img.sp{
margin:0 auto;
width:100%;
max-width:960px;
display:none;
}
.img01_pc{float:right;}
.img01_sp{margin:0 auto;width:180px;display:none;}
@media only screen and (max-width:640px){
img.pc{display:none;}img.sp{display:block;}
.img01_pc{display:none;}
.img01_sp{display:block;}
}

/*header*/
header{
background:#ffffff url(../img/header_index_bg.png) center top no-repeat;
}

/*cta*/
.cta{
width:100%;
margin:0;
background-color:#02295a;
background-image:url(../img/cta_bg.png);
background-position:center bottom;
background-repeat:no-repeat;
}
.cta_box{
margin:0 auto;
padding:0 0 40px 0;
width:100%;
max-width:960px;
min-width:320px;
text-align:center;
}
.cta p{margin:0;padding:10px 0 30px 0;font-size:14px;line-height:20px;color:#eeeeee;font-weight:bold;}
.btn{
margin:0 auto;
width:100%;
max-width:820px;
display:block;
}
@media only screen and (max-width:640px){
.cta{background-image:none;}
.cta_box{padding:0 0 20px 0;}
.cta p{margin:0;padding:10px 0 30px 0;font-size:10px;line-height:14px;color:#eeeeee;font-weight:bold;}
}

/*wrapper*/
.wrapper{
margin:0 auto;
padding:0;
width:100%;
max-width:960px;
min-width:320px;
background:#ffffff;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
}

/*title*/
.title{
margin-top:60px;
width:100%;
max-width:960px;
min-width:320px;
text-align:center;
background: url(../img/title_bg.png) left center no-repeat;
background-size:100% auto;
}
.title_pc{width:100%;max-width:960px;display:block;}
.title_sp{width:100%;max-width:640px;display:none;}
@media only screen and (max-width:640px){.title{margin-top:20px;}.title_pc{display:none;}.title_sp{display:block;}}

/*textbox*/
.textbox{
margin:0 auto;
padding:60px 0;
width:800px;
font-size:18px;
line-height:30px;
text-align:justify;
position:relative;
}
.font2{font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.textbox p,.textbox ul{margin:0;padding:15px 0;}
.textbox p.fl:first-letter{font-size:30px;font-weight:bold;}
.list_01{
font-weight:bold;
list-style-type:none;
line-height:30px;
background: url(../img/list_01_pc.png) left top no-repeat;
padding-left:30px;
}
@media only screen and (max-width:840px){
.textbox{
margin:0 auto;
padding:20px;
width:auto;
font-size:14px;
line-height:20px;
text-align:justify;
position:relative;
}
.textbox p,.textbox ul{margin:0;padding:10px 0;}
.list_01{
line-height:24px;
font-size:14px;
background:url(../img/list_01_sp.png) left top no-repeat;
padding-left:20px;
}
.textbox p.fl:first-letter{font-size:20px;}
}
@media only screen and (max-width:640px){.textbox br{display:none;}}
@media only screen and (max-width:480px){
ul.listbox{
margin:12px 0;
border:2px solid #00561f;
padding:10px 5px;
}
li.list_01{
font-weight:bold;
list-style-type: none;
line-height:20px;
font-size:12px;
background: url(../img/list_01_sp.png) left top no-repeat;
padding-left:16px;
}
}

/*user*/
#user{
width:100%;
max-width:960px;
min-width:320px;
margin:0 auto;
padding:0 0 30px 0;
text-align:center;
background:#fffeee url(../img/user_bg.png) left top repeat;
}
.user_img{
margin:0 auto;
width:100%;
max-width:960px;
}
.user_text{
margin:0 30px 10px 30px;
padding:20px 20px 20px 60px;
font-size:14px;
line-height:20px;
text-align:justify;
background:#ffffff url(../img/user_text_pc.png) left center no-repeat;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:2px solid #fab939;
}
@media only screen and (max-width:640px){
#user{padding:0 0 20px 0;}
.user_text{
margin:0 10px 10px 10px;
padding:10px 10px 10px 35px;
font-size:12px;
line-height:16px;
background:#ffffff url(../img/user_text_sp.png) left center no-repeat;
}
}

/*step*/
#step{
width:100%;
max-width:960px;
min-width:320px;
margin:30px auto;
padding:0 0 30px 0;
text-align:center;
}
.step_box{
margin:0 30px 20px 30px;
max-width:900px;
}
.step_text{
padding:20px;
font-size:14px;
line-height:20px;
text-align:justify;
background:#ffffff;
border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
}
.step01{border:2px solid #2165a6;}
.step02{border:2px solid #2c8ac8;}
.step03{border:2px solid #189bd3;}
.step04{border:2px solid #1bc3de;}
.step05{border:2px solid #40d5eb;}

/*footer*/
footer{
margin:0;
padding:0;
font-size:12px;
color:#eeeeee;
width:100%;
border-top:2px solid #b2970e;
background:#323232;
overflow-y:auto;
}
footer a:link{text-decoration:none;color:#eeeeee;}
footer a:visited{text-decoration:none;color:#eeeeee;}
footer a:hover{text-decoration: underline;color:#eeeeee;}
footer a:active{text-decoration:none;color:#eeeeee;}
nav ul{
text-align:left;
float:left;
padding:30px 10px 0 10px;
line-height:20px;
}
nav li{
list-style-type:none;
float:left;
padding:0 20px 0 16px;
background:url(../img/footer_nav.png) left center no-repeat;
}
.copyright{
width:280px;
float:right;
height:60px;
line-height:20px;
padding:10px;
overflow-y:auto;
display:table;
}
address{display:table-cell;text-align:left;vertical-align:middle;}
.logo{display:table-cell;width:60px;height:60px;vertical-align:middle;padding-right:5px;}
@media only screen and (max-width:640px){
nav ul{float:none;padding:20px 10px;}
nav li{}
.copyright{float:none;margin:0 0 0 auto;}
}

/*sub*/
.title_sub{
margin:0 30px;
padding:30px 0 10px 0;
font-size:20px;
line-height:30px;
font-weight:bold;
color:#2165a6;
text-align:center;
border-bottom:dashed 2px #2165a6;
}
.textbox_sub{
max-width:800px;
margin:0 auto;
padding:30px;
font-size:16px;
line-height:24px;
text-align:justify;
}
.textbox_sub p,.textbox_sub ol{margin:0;padding:10px 0;}
@media only screen and (max-width:640px){
.title_sub{
margin:0 20px;
padding:20px 0 10px 0;
font-size:16px;
line-height:20px;
border-bottom:dashed 1px #2165a6;
}
.textbox_sub{
padding:20px;
font-size:14px;
line-height:20px;
}
}
@media only screen and (max-width:480px){
.title_sub{
margin:0 10px;
padding:20px 0 10px 0;
}
.textbox_sub{
padding:10px;
font-size:12px;
line-height:18px;
}
}

.textbox_sub dl{padding:10px 0;}
.textbox_sub dt{
border-left:5px solid #2165a6;
font-weight:bold;
margin:0 0 5px 0;
padding:0 0 0 5px;
}
.textbox_sub dd{
margin:0 0 20px 0;
padding:0 0 0 10px;
}
.textbox_sub ol{margin:0;padding:0;}
.textbox_sub ol li{
list-style-type:decimal;
list-style-position:outside;
margin-left:24px;
}
.textbox_sub p.text_right{text-align:right;}
.red{color:#a40000;}