@charset "utf-8";
/*
Theme Name: template_pc

*/

*{margin:0;padding:0;}

html{background:#d4e3ec;}

body{
background:#ffffff;
font-size:18px/1.7;
/*
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
*/
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
color:#252525;

/*background:#ffffff url(images/header.png) repeat-x;*/
}
table{
border-collapse: collapse;
border-spacing: 0;
}

/*******************************
ヘッダー
*******************************/
#header_wrap{
width:1920px;
text-align:center;
background:url(/hp/wp-content/themes/pc/images/bg_header.png) no-repeat;
margin:auto;
}
#header{
width:1500px;
height:240px;
margin:0 210px;
overflow:hidden;
}
.header_logo{
margin:30px 0 0 30px;
}
.header_tel{
margin:30px 0 0 30px;
}
.header_btn_tel{
margin:30px 0 0 20px;
}
.header_btn_line{
margin:30px 0 0 20px;
}
.header_l{
float:left;
width:320px;
height:240px;
}
.header_r{
float:right;
width:1150px;
height:240px;
}
#header_nav{
margin:40px 0 0 100px;
}
#header_nav a{
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-size:26px;
margin:0 20px;
}
#header_nav a:hover{
color:orange;
transition:0.5s;
}
.btn_main_traial{
margin-top:-320px; 
z-index:10; 
text-align:right; 
margin-right:240px;
}
.btn_main_traial img:hover{
transition:0.5s;
opacity:0.8;
}
/*******************************
コンテンツ
*******************************/
#wrapper{
text-align:center;
margin:0 auto;
width:1920px;
margin:0 auto;
}
#main{
width:100%;
background:url(/hp/wp-content/themes/pc/images/bg_main.png);
}
#container{
width:1500px;
margin:0 auto;
}
#main_image{
width:1920px;
text-align:center;
margin:0px auto;
padding:0px 0;
}
.main_base-01{
width:1260px; 
float:left;
text-align:center;
}
.main_base-02{
margin-top:20px;
font-size:48px;
color:#0072be;
font-weight:bold;
}
.main_base-03{
margin-top:30px;
font-size:20px;
line-height:2.5rem;
}
.main_base-21{
width:216px; 
float:right;
text-align:left;
}
.main_base-21 img{
margin-top:-10px;
}
.main_course{
width:1470px;
height:650px;
background:url(/hp/wp-content/themes/pc/images/bg_main_course.png);
text-align:left;
padding:450px 0 0 100px;
}
.main_course img{
margin:20px 0;
}
.main_info_box_wrapper{
width:1920px;
height:580px;
background:url(/hp/wp-content/themes/pc/images/bg_main_info_box.png);
text-align:left;
padding:0px 0 0 0px;
margin:0 auto;
}
.classroom_box{
width:1500px;
text-align:left;
}
.classroom_box b{
font-size:48px;
color:#0072be;
font-weight:bold;
}
.classroom{
width:490px;
height:510px;
background:url(/hp/wp-content/themes/pc/images/bg_main_classroom.png);
text-align:left;
padding:40px 0 0 30px;
margin:10px;
}
.classroom_title{
width:100%;
text-align:center;
font-size:48px;
color:#ffffff;
font-weight:bold;
}
.classroom_content{
width:60%;
height:200px;
text-align:left;
font-size:16px;
color:#ffffff;
float:leftl;
}
.classroom_img{
width:350%;
height:150px;
text-align:right;
}
.classroom_tel{
width:60%;
height:50px;
font-size:24px;
}

.main_info_box{
float:left;
margin-left:210px;
width:950px;
height:580px;
overflow:hidden;
}
.main_chirashi_box{
float:left;
margin-left:20px;
width:530px;
height:580px;
overflow:hidden;
}
.main_info_box ul{
width:960px;
height:300px;
overflow:hidden;
margin:0px 50px 40px;
}
li.main_info{
width:850px;
margin:20px 0px;
font-size:18px;
color:#ffffff;
overflow:hidden;
}
p.main_info_box_tl,p.main_chirashi_box_tl{
width:100%;
font-size:60px;
text-align:center;
color:#ffffff;
padding:20px 0 0;
}
li.main_info a{
color:#ffffff;
text-decoration:none;
}
li.main_info a:hover{
color:orange;
transition:0.3s;
}
.main_info_cat{
width:80px;
float:left;
padding:2px 6px;
text-align:center;
}
.main_info_date{
width:140px;
float:left;
padding:2px 6px;
}
.main_info_title{
width:430px;
float:left;
padding:2px 6px;
overflow:hidden;
}
.main_chirashi_inner{
width:500px;
height:300px;
overflow:hidden;
margin:0px auto 40px;
text-align:center;
}
.main_chirashi_inner img{
width:200px;
height:300px;
margin:20px auto;
}
.go_infolilst{
width:96%;
text-align:right;
}
.classroom_box,.group_box,{
width:1500px;
margin:0px auto;
}
.classroom_box2{
width:1000px;
margin:0px auto;
}
.classroom_title,.group_title{
width:100%;
margin:50px 0 0 20px;
text-align:center;
color:#2e74d4;
font-size:46px;
font-weight:bold;
}
.classroom{
float:left;
width:450px;
overflow:hidden;
}
.classroom_name{
width:80%;
margin:20px 0 0 20px;
text-align:center;
color:#ffffff;
font-size:42px;
font-weight:bold;
}
.hamoroba{
margin-top:24px;
font-size:36px;
letter-spacing:-0.25rem;
}
.classroom_box_inner,.group_box_inner{
margin:20px 0 0 5%;
width:94%;
height:205px;
clear:both;
}
.group_box_inner{
margin:20px 0 0 0;
width:100%;
height:205px;
clear:both;
}
.group_box_inner a{
margin:0 8px;
}
.classroom_content{
width:68%;
height:200px;
margin:0px 0% 0 0px;
color:#ffffff;
line-height:2rem;
float:left;
font-size:20px;
}
.classroom_content a{
color:#ffffff;
line-height:3rem;
}
.classroom_content a:hover{
color:yellow;
}
.classroom_image{
width:29%;
height:200px;
margin-right:2%;
float:right;
}
.classroom_image img{
width:100%;
height:auto;
margin-top:10px;
}
.classroom_tel{
margin:45px 0 0 110px;
color:#2e74d4;
font-size:32px;
font-weight:bold;
}
.main_voice_wrapper{
width:100%; 
}
.main_voice{
width:1200px; 
height:580px; 
background:#ffffff; 
margin:50px auto;
}
.main_voice_box{
float:left;
width:280px;
height:150px;
overflow:hidden;
margin:20px 45px;
border:1px dashed gray;
}
.main_voice_box img{
width:280px;
height:auto;
}
.main_voice_box img:hover{
opacity:0.6;
transition:0.5s;
width:300px;
height:auto;
}
a.btn_main_voice_02{
width:996px;
height:113px;
margin:50px auto;
}
.main_traial_box{
width:1220px;
height:830px;
padding:1030px 0 0 700px; 
background:url(/hp/wp-content/themes/pc/images/bg_main_traial.png) no-repeat;
}
#main_kotsu-01{
width:100%; 
text-align:center; 
background:url(/hp/wp-content/themes/pc/images/bg_main.png);
}
p.main_kotsu-02{
margin-top:20px;
font-size:48px;
color:#0072be;
font-weight:bold;
}
#main_kotsu-01 img{
margin-bottom:10px;
}
#main_kotsu-01 img:hover{
opacity:0.7;
transition:0.5s;
}
.main_kotsu-03{
width:1110px;
margin:30px auto;
text-align:left;
font-weight:bold;
font-size:18px;
line-height:2rem;
}
#main_hitokoto_box{
width:100%; 
text-align:center; 
}
p.main_hitokoto1{
padding-top:40px;
font-size:48px;
color:#000000;
font-weight:bold;
}
.main_hitokoto{
width:1137px;
height:290px;
margin:30px auto 0;
background:url(/hp/wp-content/themes/pc/images/bg_main_hitokoto.png)no-repeat;
}
p.main_hitokoto2{
padding-top:50px;
color:#1097df;
font-size:30px;
font-weight:bold;
}
p.main_hitokoto3{
font-size:16px;
line-height:2rem;
color:#000000;
width:70%;
height:130px;
overflow:hidden;
margin:0px auto;
}
p.main_hitokoto_kako{
text-align:left;
margin:14px 0 0 954px
}
p.main_hitokoto_kako a{
color:#000000;
font-size:18px;
text-decoration:none;
}
p.main_hitokoto_kako a:hover{
color:#ffffff;
}

/*******************************
フッター
*******************************/

.image_footer_upper{
width:1920px;
height:512px;
margin:30px auto 0;
}
.footer_otoiawase{
width:1500px;
margin:30px auto 0;
text-align:center;
}
.footer_otoiawase p{
margin:50px auto;
font-size:48px;
color:#000000;
font-weight:bold;
}
img.footer_btn_tel{
margin:0px 0 0 80px;
}
img.footer_btn_line{
margin:0px 0 0 40px;
}
p.footer_upper_01{
margin:50px auto;
font-size:48px;
color:#0072be;
font-weight:bold;
}
p.footer_upper_02{
margin:50px auto 0;
font-size:18px;
color:#4f4f4f;
font-weight:bold;
line-height:2.5rem;
}
img.bnr_new_student{
margin:50px auto 50px;
}
#footerUpper{
clear:both;
padding:30px 0;
overflow:hidden;
background:#1097df;
text-align:center;
border:0px solid red;
}
#footerLower{
clear:both;
text-align:center;
background:#0065c1;
border:1px solid #0065c1;
}
.footerLower_wrapper{
width:1500px;
margin:30px auto 0;
text-align:left;
color:#ffffff;
overflow:hidden;
}
.footerLower_wrapper a{
color:#ffffff;
text-decoration:none;
}
.footerLower_wrapper a:hover{
color:silver;
transition:0.3s;
}
.footerLower_01{
border:0px solid #ffffff;
width:280px;
float:left;
}
.footerLower_02{
border:0px solid #ffffff;
width:200px;
float:left;
}
.footerLower_03{
border:0px solid #ffffff;
width:680px;
float:left;
}
.footerLower_04{
width:330px;
float:left;
}
.footerLower_04 img:hover{
opacity:0.8;
transition:0.5s;
}

img.footer_btn_tel2{
margin:30px 0 0 30px;
}
img.footer_btn_line2{
margin:30px 0 0 30px;
}
address{
font-style:normal;
font-size:13px;
color:#ffffff;
}


/*******************************
固定ページ
*******************************/
.page_title1 {
margin:0 0 50px;
}
.page_title1 h3 {
  border-bottom: solid 5px #cce4ff;
  position: relative;
font-size:36px!important;
}
.page_title1 h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #5472cd;
  bottom: -3px;
  width: 20%;
}
.page_title2 {
width:100%;
text-align:center;
font-size:36px;
margin-bottom:50px;
}
.page_title2 h4{
    position: relative;
    color: #333333;
    -webkit-box-reflect: below -5px -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .5));
}
.page_policy {
width:60%;
margin:30px auto 0;
font-size:24px;
}
.page_policy ul, .page_policy ol {
  background: #fffcf4;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
}
.page_policy ul li, .page_policy  ol li{
  line-height: 1.5;
  padding: 0.5em 0;
}
.page_title3{
width:90%;
margin:50px 5% 20px; 
text-align:center;
font-size:24px;
}
.page_title3 h5{
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
.page_title3 h5:before, h5:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
.page_title3 h5:before {
  left:0;
}
.page_title3 h5:after {
  right: 0;
}
.page_content_01{
width:60%;
margin:0 auto 50px;
}
.page_content_02{
width:60%;
margin:0 auto 50px;
text-align:center;
}
.page_content_02 img{
margin-bottom:10px;
}
.page_content_03{
width:80%;
margin:0 auto 50px;
}

.school_box1{
width:90%;
margin:50px auto 100px;
}
.school_01{
width:60%;
margin:0px 2%;
float:left;
}
.school_02{
width:30%;
margin:0px 2%;
float:left;
}
.school_box2{
clear:both;
width:60%;
margin:50px auto 0px;
overflow:hidden;
}
.school_box2 table{
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
margin:0px auto 10px;
}
.school_box2 table th{
 padding: 10px;
/* background: #5472cd;*/
	background: #249fdf;
 border: solid 1px #666666;
 color: #ffffff;
}
.school_box2 table td{
 padding: 10px;
 border: solid 1px #666666;
}
.school_box2 table td:first-child {
 background: #e9faf9;
}
td.school_tel{
font-size:24px;
font-weight:bold;
color:orange;
}
p.google-map{
border: solid 1px #666666;
width:99.8%;
height:400px;
overflow:hidden;
margin-top:30px;
}

.menu-01 {
 width: 60%;
margin:30px auto 89px;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 border-top: solid 1px #778ca3;
}
.menu-01 tr:nth-child(2n+1) {
 background: #e9faf9;
}
.menu-01 th,.menu-01 td {
 padding: 10px;
 border-bottom: solid 1px #778ca3;
}
.menu-01 td{
text-align:left
}
.menu-02 {
 width: 60%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
margin:30px auto 80px;
}
.menu-02 th {
 padding: 10px;
 background: #778ca3;
 border: solid 1px #666666;
 color: #ffffff;
}
.menu-02 td {
 padding: 10px;
 border: solid 1px #666666;
}
.design08 td:first-child {
 background: #e9faf9;
}
#top-link
{text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
}