@charset "utf-8";

/* 共通
--------------------------------*/

body {
	background:#fff;
	font-size: 14px;
	letter-spacing:2px;
	line-height:1.7em;
	color:#595757;
	font-family: '游ゴシック体','游ゴシック', YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	}

	
a{
	text-decoration:none;
	color:#00a0e9;
	}

a:hover{
	color:#00a0e9;
	}
	
a:visited{
	color:#00a0e9;
	}

.footer_add a{
	color:#FFFFFF !important;
	}

.contents_inner{
	max-width:1020px;
	overflow:hidden;
	margin:0 auto;
	}

.page_sub_tit_area{
	padding:40px 0 30px 0;
	}


.bg_arrow{
	display:block;
	margin:0 auto;
 	width: 0px;
 	border-color: #FFFFFF;
  	border-style: solid;
  	border-width: 30px;
  	border-left-color: transparent;
  	border-bottom-color: transparent;
  	border-right-color: transparent;
}

.bg_arrow_2{
	display:block;
	margin:0 auto;
 	width: 0px;
 	border-color: #edf2f6;
  	border-style: solid;
  	border-width: 30px;
  	border-left-color: transparent;
  	border-bottom-color: transparent;
  	border-right-color: transparent;
}

.note{
	clear:both;
	font-size:14px;
	padding-left:1.2em;
	text-indent:-1.2em;
	padding-bottom:30px;
	}


.news{
	background:#00a0e9;
	color:#FFFFFF;
	font-size:12px;
	border-radius: 3px;
	padding: 5px;
	margin-left:10px;
	margin-bottom:10px;
	}

.campaign{
	background:#00a39a;
	color:#FFFFFF;
	font-size:12px;
	border-radius: 3px;
	padding: 5px;
	margin-left:10px;
	margin-bottom:10px;
	}
	
.instructor{
	background:#5b77ac;
	color:#FFFFFF;
	font-size:12px;
	border-radius: 3px;
	padding: 5px;
	margin-left:10px;
	margin-bottom:10px;
	}

.unknown{
	background:#eeeeee;
	font-size:12px;
	border-radius: 3px;
	padding: 5px;
	margin-left:10px;
	margin-bottom:10px;
	}
	
/* メインビジュアル
--------------------------------*/
.tit_main_area{
	background-color:#edf2f6;
	text-align:center;
	}

.tit_main_area .tit_bg h2{
	color:#FFFFFF;
	background:#00a0e9;
	text-align:center;
	padding:10px 0;
	}
	
.tit_main_area h2 span{
	display:block;
	font-size:12px;
	}

/* ページナビ
--------------------------------*/
.page_nav_area{
	background:url(../images/common/pagenav_dot.gif) #eaf6fd bottom repeat-x;
	padding:20px 0;
	}
	
.page_nav_area ul{
	text-align:center;
  }
  
.page_nav_area ul li{
	display: inline-block;
	padding-right:15px;
	}

.page_nav_area ul li a{
	color:#00a0e9;
	}
	
.page_nav_area ul li a::before{
	content:" ";
	background: url(../images/common/pagenav_arw.gif);
	display: inline-block;
	width:25px;
    height:25px;
	margin-right:10px;
	background-size:contain;
	vertical-align:middle;
	}
	

/* お問い合わせ
--------------------------------*/
.foot_contact_area{
	}

.foot_contact_area_bg{
	background:url(../images/common/foot_contact_bg.gif) repeat;
	}

.foot_contact_l{
	float:left;
	width:35%;
	}

.foot_contact_r img{
	max-width:100%;
	}

.foot_contact_r{
	float:right;
	width:65%;
	overflow:hidden;
	text-align:center;
	padding:40px 0 0px 0;
	}

.foot_contact_r ul{
	margin-top:10px;
	width:100%;
	overflow:hidden;
	letter-spacing:-0.4em;
	}

.foot_contact_r ul li{
	display:inline-block;
	letter-spacing:normal;
	}

.foot_contact_r ul li:first-child{
	margin-left:0;
	}

.foot_contact_r ul li.foot_contact_btn_01{
	width:42%;
	}
.foot_contact_r ul li.foot_contact_btn_02{
	width:46%;
	margin-left:1%;
	}
.foot_contact_r ul li.foot_contact_btn_03{
	width:39%;
	margin-left:1%;
	}

.foot_contact_btn_01 p{
	display:block;
	width:100%;
	background:#00a0e9;
	border-radius:3px;
	overflow:hidden;
	}

.foot_contact_btn_01 a,.foot_contact_btn_02 a,.foot_contact_btn_03 a{
	color:#FFFFFF;
	display:block;
	padding:5px 10px;
	}

.foot_contact_btn_01 p a::before{
	content:" ";
	background:url(../images/common/foot_contact_icon_01.png) ;
	display: inline-block;
	margin-right:10px;
	width:25px;
    height:25px;
	background-size:contain;
	vertical-align:middle;
	}

.foot_contact_btn_02 p{
	display:block;
	width:100%;
	background:#0ba29a;
	border-radius:3px;
	overflow:hidden;
	}
	
.foot_contact_btn_02 p a::before{
	content:" ";
	background:url(../images/common/foot_contact_icon_02.png) ;
	display: inline-block;
	margin-right:10px;
	width:25px;
    height:25px;
	background-size:contain;
	vertical-align:middle;
	}

.foot_contact_btn_03 p{
	display:block;
	width:100%;
	background:#5977ac;
	color:#FFFFFF;
	border-radius:3px;
	overflow:hidden;
	}
	
.foot_contact_btn_03 p a::before{
	content:" ";
	background:url(../images/common/foot_contact_icon_03.png) ;
	display: inline-block;
	margin-right:10px;
	width:25px;
    height:25px;
	background-size:contain;
	vertical-align:middle;
	}

.foot_contact_btn_01 p a:hover,.foot_contact_btn_02 p a:hover,.foot_contact_btn_03 p a:hover {
	background-color: rgba(255, 255, 255, .2);
}
	
	
/* Footer
--------------------------------*/
.footer_link_area{
	background:#727171;
	color:#fff;
	font-size:12px;
	padding:40px 0 60px 0;
	}

.footer_link_area a{
	color:#FFFFFF;
	}

.footer_link_area ul{
	clear:both;
	padding-top:20px;
	}
	
.footer_link_area ul li{
	width:25%;
	float:left;
	}

.footer_link_area ul li ol li{
	float:none;
	width:95%;
	margin-left:5%;

	}
.footer_link_area ul li ol li:first-child{
	margin-left:5%;
	}

.footer_link_area ul li:first-child{
	margin-left: 0;
	}

.copyright{
	display:block;
	overflow:hidden; 
	background:#00a0e9;
	font-size:10px;
	padding:20px 0;
	}

/*.copyright li{
	display:table-cell;
	vertical-align:middle;
	color:#FFFFFF;
	}

.copyright li a{
	color:#FFFFFF;
	}*/

/* Footer
--------------------------------*/
.footer_logo_l{
	float:left;
	margin-right:20px;
	}

.footer_logo_r{
	float:right;
	}

.footer_add{
	color:#FFFFFF;
	}


/*floating-menu
--------------------------------*/
#floating-menu a{
	display:block;
	width:88px;
	height:88px;
    position: fixed;
    bottom: 100px;
    right: 10px;
	background:url(../images/common/floating_senior.png) no-repeat;
	background-size:88px;
    z-index: 9999;
	}

	
/* Pagetop
--------------------------------*/
#pagetop {
    position: fixed;
    bottom: 30px;
    right: 30px;
	z-index:10000;
	}

#pagetop a {
	background:url(../images/common/pagetop_arw.png) no-repeat #333;
	background-size:50px;
    text-decoration: none;
    color: #fff;
    width: 50px;
	height:50px;
    display: block;
	border-radius:50%;
	opacity:0.7;
	}
	
#pagetop a:hover {
	opacity:0.5;
	background-size:50px;
	}





@media only screen and (max-width: 767px) {

.tit_main_area{
	padding-top:65px;
	}
	
.contents_inner{
	margin:0 20px;
	}

.page_sub_tit_area{
	margin:0 20px
	}

/* ページナビ
--------------------------------*/
.page_nav_area ul li{
	display: block;
	text-align:left;
	}
	
.page_nav_area ul li a::before{
	width:15px;
    height:15px;
	}

/* お問い合わせ
--------------------------------*/
.foot_contact_area_bg{
	padding:20px 0 ;
	}
	
.foot_contact_l{
	display:none;
	}
	
.foot_contact_r{
	float:none;
	width:100%;
	padding:0;
	font-size:14px;
	}

.foot_contact_r ul li.foot_contact_btn_01{
	width:49%;
	margin-bottom:2%;
	}
.foot_contact_r ul li.foot_contact_btn_02{
	width:49%;
	margin-left:2%;
	margin-bottom:2%;
	}
.foot_contact_r ul li.foot_contact_btn_03{
	width:100%;
	margin-left:0%;
	}
	

	
/* Footer
--------------------------------*/
.footer_link_area {
    padding: 0px 0 20px 0;
	}

.footer_link_area ul{
	padding-top:5px;
	padding-bottom:10px;
	}
	
.footer_link_area ul li{
	float:none;
	width:100%;
	}

.footer_link_area ol li{
	border-bottom: solid 1px #919191;
	padding:5px 0;
	}

.footer_link_area .sp_none{
	display:none;
	}
	
.copyright li{
		display: inline-block;
		text-align:center;
		width:100%;	
	}

.copyright li span.text{
	display: inline-block;
	}

/* Footer
--------------------------------*/
.footer_logo_l img {
	width:200px;
	padding:0;
	margin:0 auto;
	}

.footer_logo_r img {
	width:200px;
	padding:20px 0 20px;
	margin:0 auto;
	}

.footer_add{
	text-align:center;
	}


	
	}







/* Reset
--------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	list-style: none;
	}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
	
ol, ul, li{
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

img{
	vertical-align: bottom;
	max-width: 100%;
	width /***/:auto; height: auto;
}

.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT55{margin-top:55px;}
.mT60{margin-top:60px;}

.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR35{margin-right:35px;}
.mR40{margin-right:40px;}
.mR45{margin-right:45px;}
.mR50{margin-right:50px;}
.mR55{margin-right:55px;}
.mR60{margin-right:60px;}

.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB45{margin-bottom:45px;}
.mB50{margin-bottom:50px;}
.mB55{margin-bottom:55px;}
.mB60{margin-bottom:60px;}

.mTB25{margin-top:25px;margin-bottom:25px;}
.mTB50{margin-top:50px;margin-bottom:50px;}

.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}

.pB10{padding-bottom:10px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB35{padding-bottom:35px;}
.pB40{padding-bottom:40px;}
.pB45{padding-bottom:45px;}
.pB50{padding-bottom:50px;}
.pB55{padding-bottom:55px;}
.pB60{padding-bottom:60px;}