@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:20px;line-height:30px;}
@media only screen and (max-width:640px){.big{font-size:16px;line-height:24px;}}
.pc{width:100%;max-width:960px;display:block;margin:0 auto;}
.sp{width:100%;max-width:640px;display:none;margin:0 auto;}
.common{width:100%;max-width:640px;display:block;margin:0 auto;}
.br_sp{display:none;}
@media only screen and (max-width:640px){
.pc{display:none;}
.sp{display:block;}
.br_sp{display:block;}
}


/* ------------------------------------------- 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;
letter-spacing:0em;
overflow:hidden;
background:#f2f1ed url(../img/bg.png) repeat left top fixed;
}
@media only screen and (max-width:640px){
body{background-size:315px 60px;}
}

/*header----------*/
header{
margin:0;
padding:0;
width:100%;
background:url(../img/header_bg01.png) no-repeat center top;
text-align:center;
}
@media only screen and (max-width:960px){
header{
background:url(../img/header_bg02.png) no-repeat center top;
background-size:cover;
}
}
@media only screen and (max-width:640px){
header{background:none;}
}

/*----- wrapper -----*/
.wrapper{
width:100%;
max-width:960px;
margin:0 auto;
padding:0;
}
.flexbox{
width:100%;
max-width:1080px;
margin:0 auto;
padding:0;
box-sizing:border-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
height:100%;
}
.box_left{
width:50%;
max-width:640px;
margin:0 auto 0 0;
padding:0;
}
.box_right{
width:50%;
max-width:640px;
margin:0 0 0 auto;
padding:0;
}
.hr{
display:block;
margin:0;
padding:0;
width:100%;
height:80px;
}
@media only screen and (max-width:640px){
.hr{height:40px;}
}

/*cta----------*/
.cta{
margin:0;
padding:0;
box-sizing:border-box;
text-align:center;
background:#222222 url(../img/cta_bg.png) no-repeat center top;
background-size:cover;
position:relative;
}
.cta_title01{padding:75px 0 0 0;}
.cta_title02{padding:75px 0 0 0;}
.cta_title03{padding:90px 0 0 0;}
.cta_title04{padding:60px 0 0 0;}
.btn_pc{
display:inline-block;
margin:20px auto;
width:100%;
max-width:960px;
}
.btn_sp{display:none;}
.cta_text{
width:100%;
max-width:960px;
margin:0 auto;
padding:0 3.125% 40px 3.125%;
font-size:14px;
line-height:20px;
text-align:justify;
color:#eeeeee;
box-sizing:border-box;
}
.cta_text p{
margin:0;
padding:0;
}
@media only screen and (max-width:640px){
.cta_title01{padding:0;}
.cta_title02{padding:0;}
.cta_title03{padding:40px 0 0 0;}
.cta_title04{padding:40px 0 0 0;}
.btn_pc{display:none;}
.btn_sp{
display:inline-block;
margin:10px auto;
width:100%;
max-width:640px;
}
}

/*balloon----------*/
.balloon{
width:100%;
max-width:960px;
margin:0 auto;
padding:0;
position:relative;
}
.balloon_pc{
width:100%;
max-width:960px;
position:absolute;
top:-35px;
left:0;
right:0;
}
@media only screen and (max-width:960px){
.balloon{
width:100%;
max-width:960px;
margin:0 auto;
padding:9.375% 0 0 0;
position:relative;
}
.balloon_pc{
width:100%;
max-width:960px;
position:absolute;
top:-38.888%;
left:0;
right:0;
}
}

/*slipin-----*/
#slipin{
display:block;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
background:#ffffff url(../img/slipin_bg.png) no-repeat center top;
}
@media only screen and (max-width:640px){
#slipin{
background:#ffffff url(../img/slipin_bg_sp.png) no-repeat center top;
backgrond-size:cover;
}
}

/*point-----*/
#point{
display:block;
width:100%;
margin:0;
padding:40px 0;
box-sizing:border-box;
background:#002b5f;
position:relative;
}
.title_point{
margin:0 auto;
padding:0 0 20px 0;
}
.point_box{
margin:60px 20px 20px 20px;
padding:0;
background:#002552;
border:1px solid #eeeeee;
position:relative;
box-sizing:border-box;
}
.point_img{
width:120px;
height:40px;
position:absolute;
top:-40px;
left:-1px;
}
.point_text{
margin:0;
padding:20px 20px 0 20px;
}
.point_text dt{
margin:0;
padding:0 0 10px 0;
font-size:20px;
line-height:30px;
font-weight:bold;
text-align:justify;
color:#ffffff;
border-bottom:1px solid #eeeeee;
}
.point_text dd{
display:table-cell;
margin:0;
padding:20px 0 0 0;
font-size:15px;
line-height:25px;
text-align:justify;
vertical-align:middle;
color:#ffffff;
}
.point_text dd.point_pct{
width:40%;
padding:20px 0 10px 20px;
}
.point_text dd.point_pct img{width:100%;}
.point_text dd p{
margin:0;
padding:0 0 20px 0;
}
.point_text dd ul{
list-style:inside;
margin:0;
padding:0 0 20px 0;
}
@media only screen and (max-width:640px){
#point{padding:40px 0 1px 0;}
.title_point{padding:0;}
.point_box{
margin:60px 20px 20px 20px;
padding:0;
}
.point_img{}
.point_text{padding:20px 20px 0 20px;}
.point_text dt{
padding:0 0 10px 0;
font-size:18px;
line-height:24px;
}
.point_text dd{
display:block;
margin:0;
padding:20px 0 0 0;
font-size:14px;
line-height:20px;
text-align:justify;
vertical-align:top;
}
.point_text dd.point_pct{
display:block;
width:100%;
padding:10px 0;
}
.point_text dd br{display:none;}
.point_text dd.point_pct img{}
.point_text dd p{}
.point_text dd ul{}
}

/*lecturer-----*/
#lecturer{
width:100%;
margin:0;
padding:40px 0 40px 0;
box-sizing:border-box;
background:#0052a1;
position:relative;
}
.title_lecturer{
margin:0 auto;
padding:0 0 60px 0;
}
.lecturer_tab{
width:280px;
height:40px;
position:absolute;
top:-40px;
left:0;
}
.lecturer_box{
margin:20px 20px 60px 20px;
width:100%;
padding:20px;
background:#ffffff;
position:relative;
box-sizing:border-box;
}
.lecturer_img{display:table-cell;}
.lecturer_img img{width:120px;}
.lecturer_text{
display:table-cell;
margin:0;
padding:0 0 0 20px;
font-size:15px;
line-height:25px;
text-align:justify;
vertical-align:top;
}
.lecturer_text dt{
margin:0;
padding:0;
font-size:14px;
line-height:20px;
font-weight:bold;
text-align:justify;
color:#0052a1;
}
.lecturer_text dd{
margin:0;
padding:20px 0 0 0;
font-size:14px;
line-height:24px;
text-align:justify;
color:#333333;
}
.lecturer_text dd p{
margin:0;
padding:0;
}
@media only screen and (max-width:768px){
#lecturer{padding:40px 0 20px 0;}
.title_lecturer{padding:0 0 40px 0;}
.lecturer_tab{
width:210px;
height:30px;
position:absolute;
top:-30px;
left:0;
}
#lecturer .flexbox{display:block;margin:0;}
.lecturer_box{
margin:20px 20px 50px 20px;
width:auto;
padding:20px;
}
.lb_sp{margin:20px 20px 30px 20px;}
.lecturer_img{}
.lecturer_img img{width:80px;}
.lecturer_text{
font-size:14px;
line-height:20px;
}
.lecturer_text dt{
font-size:14px;
line-height:20px;
}
.lecturer_text dd{
font-size:14px;
line-height:20px;
}
.lecturer_text dd p{}
}

/*schdule----------*/
#schdule{
width:100%;
margin:0;
padding:0 0 60px 0;
box-sizing:border-box;
background:url(../img/schdule_bg.png) center no-repeat;
background-size:cover;
}
.title_schdule{padding:90px 0 60px 0;}
.time_schdule{width:100%;padding:0 0 10px 0;}
.time_table{
width:600px;
margin:0 auto;
padding:30px;
box-sizing:border-box;
font-size:15px;
line-height:25px;
text-align:center;
color:#333333;
background:rgba(255,255,255,0.9);
}
.time_table dl{
margin:0;
text-align:left;
font-size:18px;
line-height:50px;
}
.time_table dt{
display:inline-block;
width:100px;
margin:0;
padding:0 20px 0 0;
text-align:right;
border-right:1px solid #999999;
box-sizing:border-box;
}
.time_table dd{
display:inline-block;
width:440px;
margin:0;
padding:0 0 0 20px;
text-align:left;
box-sizing:border-box;
}
.time_table p{margin:20px 0 0 0;padding:0;}
@media only screen and (max-width:640px){
#schdule{padding:0 0 20px 0;}
.title_schdule{padding:40px 0 20px 0;}
.time_schdule{padding:0 0 10px 0;}
.time_table{
width:auto;
margin:0 20px;
padding:20px;
text-align:center;
}
.time_table dl{
margin:0;
text-align:left;
font-size:14px;
line-height:30px;
}
.time_table dt{
display:block;
width:80px;
margin:0;
padding:0;
font-size:14px;
line-height:30px;
text-align:center;
border-right:0;
background:#6f8daa;
color:#ffffff;
font-weight:bold;
box-sizing:border-box;
}
.time_table dd{
display:block;
width:100%;
margin:0;
padding:0 0 20px 0;
text-align:left;
box-sizing:border-box;
}
.time_table p{
margin:0;
font-size:12px;
line-height:20px;
}
}

/*date-----*/
#date{
width:100%;
margin:0;
padding:60px 0 20px 0;
text-align:left;
box-sizing:border-box;
}
#date .wrapper{
max-width:960px;
}
.title_date{
margin:0 auto;
padding:0 0 40px 0;
}
.date_box{
margin:0 3.125%;
display:table;
vertical-align:middle;
}
.date_text{
display:table-cell;
width:60%;
margin:0;
padding:30px 20px 0 20px;
font-size:15px;
line-height:25px;
text-align:justify;
vertical-align:middle;
background:#ffffff;
border-radius:10px;
box-sizing:border-box;
}
.date_text p{
margin:0;
padding:0 0 30px 0;
}
.date_img{
display:table-cell;
width:40%;
margin:0;
padding:0 0 0 20px;
vertical-align:middle;
box-sizing:border-box;
}
.graf{width:100%;}
@media only screen and (max-width:640px){
#date{padding:40px 0 0 0;}
#date .wrapper{}
.title_date{
margin:0 auto;
padding:0 0 20px 0;
}
.date_box{
margin:0 20px;
padding:0 0 20px 0;
display:block;
}
.date_text{
margin:0;
padding:20px 20px 0 20px;
font-size:14px;
line-height:20px;
text-align:justify;
vertical-align:top;
}
.date_text p{
margin:0;
padding:0 0 20px 0;
}
.date_text br{display:none;}
.date_img{display:none;}
}

/*reason-----*/
#reason{
display:block;
width:100%;
margin:0;
padding:0;
text-align:center;
box-sizing:border-box;
background:#ffffff;
}
.title_reason{padding:40px 0;}
@media only screen and (max-width:640px){
#reason{}
.title_reason{padding:40px 0 20px 0;}
}

/*message----------*/
#message{
display:block;
margin:0;
padding:40px 0 40px 0;
width:100%;
box-sizing:border-box;
background:#0052a1;
}
.title_message{padding:0 0 20px 0;}
.message_box{
margin:0 3.125%;
padding:0;
box-sizing:border-box;
}
.message_text{
margin:0;
padding:0;
font-size:15px;
line-height:25px;
text-align:justify;
color:#ffffff;
}
.message_text dt{
margin:0 0 30px 0;
padding:0 0 30px 0;
font-size:20px;
line-height:30px;
text-align:justify;
color:#ffffff;
font-weight:bold;
border-bottom:1px solid #ffffff;
}
.message_text dt .big{
font-size:30px;
line-height:40px;
}
.message_text p{
margin:0;
padding:0 0 30px 0;
}
@media only screen and (max-width:640px){
#message{padding:20px 0;}
.title_message{padding:0 0 20px 0;}
.message_box{margin:0 20px 0 20px;}
.message_text{
font-size:14px;
line-height:20px;
}
.message_text dt{
margin:0 0 30px 0;
padding:0 0 10px 0;
font-size:16px;
line-height:24px;
text-align:center;
color:#ffffff;
font-weight:bold;
border-bottom:1px solid #ffffff;
}
.message_text dt .big{
font-size:20px;
line-height:30px;
}
.message_text p{
margin:0;
padding:0 0 30px 0;
}
}

/*faq----------*/
#faq{
display:block;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
}
.title_faq{
margin:0 auto;
padding:60px 0;
}
.faq_text{
width:100%;
margin:0;
padding:0 3.125%;
box-sizing:border-box;
}
.faq_text dt{
width:100%;
margin:0;
padding:20px 20px 20px 50px;
font-size:16px;
line-height:20px;
color:#ffffff;
font-weight:bold;
text-align:justify;
box-sizing:border-box;
position:relative;
background:#0052a1 url(../img/q.png) no-repeat left center;
background-size:40px auto;
border-radius:10px 10px 0 0;
}
.faq_text dd{
font-size:15px;
line-height:25px;
text-align:justify;
margin:0 0 20px 0;
padding:30px 20px 0 20px;
box-sizing:border-box;
background:#ffffff;
border-radius:0 0 10px 10px;
}
.faq_text dd p{
margin:0;
padding:0 0 30px 0;
}
@media only screen and (max-width:640px){
#faq{padding:0;}
.title_faq{
margin:0 auto;
padding:40px 0;
}
.faq_text{
width:100%;
margin:0;
padding:0 3.125%;
box-sizing:border-box;
}
.faq_text dt{
font-size:14px;
line-height:20px;
}
.faq_text dd{
font-size:14px;
line-height:20px;
text-align:justify;
margin:0 0 20px 0;
padding:20px 20px 0 20px;
}
.faq_text dd p{
margin:0;
padding:0 0 20px 0;
}
}

/*about----------*/
#about{
display:block;
margin:0;
padding:40px 0;
width:100%;
box-sizing:border-box;
background:#002b5f;
}
.title_about{
margin:0 auto;
padding:0 0 40px 0;
}
.about_box{
margin:0 20px;
padding:0;
box-sizing:border-box;
}
.about_text{
margin:0;
padding:0;
font-size:15px;
line-height:25px;
text-align:justify;
color:#ffffff;
}
.about_text p{
margin:0;
padding:0 0 30px 0;
}
.minkabu_box{
margin:30px 20px 0 20px;
width:100%;
padding:0;
box-sizing:border-box;
background:#002552;
border:1px solid #eeeeee;
}
.minkabu_text{
margin:0;
padding:40px 40px 10px 40px;
font-size:20px;
line-height:40px;
font-weight:bold;
text-align:justify;
color:#ffffff;
}
.minkabu_text .big{font-size:30px;line-height:50px;}
.minkabu_text p{
margin:0;
padding:0 0 30px 0;
}
.minkabu_img{
float:right;
width:40%;
padding:40px 0 0 20px;
}
@media only screen and (max-width:640px){
#about{padding:20px 0;}
.title_about{padding:0 0 20px 0;}
.about_box{margin:0 20px;}
.about_text{
font-size:14px;
line-height:20px;
text-align:justify;
}
.about_text p{
margin:0;
padding:0 0 30px 0;
}
.about_text br{display:none;}
.minkabu_box{margin:20px 20px 0 20px;}
.minkabu_text{
padding:20px 20px 0 20px;
font-size:14px;
line-height:20px;
text-align:center;
}
.minkabu_text .big{font-size:20px;line-height:30px;}
.minkabu_text p{
margin:0;
padding:0 0 20px 0;
}
.minkabu_img{
display:block;
float:none;
width:100%;
max-width:300px;
margin:0 auto;
padding:0 0 30px 0;
}
}

/*footer----------*/
footer{
margin:0;
padding:0 30px 30px 30px;
width:100%;
font-size:12px;
color:#f5f5f5;
background:#000000;
box-sizing:border-box;
}
nav{
margin:0 0 0 auto;
padding:0 0 30px 0;
}
nav ul{
text-align:left;
font-size:12px;
line-height:20px;
padding:0;
}
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;
padding:0 0 30px 0;
text-align:justify;
font-size:12px;
line-height:20px;
}
.attention p{margin:0;padding:0;}
address{
text-align:right;
font-size:12px;
line-height:20px;
padding:0;
}
@media only screen and (max-width:768px){
footer{padding:30px 10px;}
nav ul{line-height:30px;}
nav li{display:block;/display:block;}
.attention br,.sp_no{display:none;}
}