@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

body {
/* ★★★　背景白は解除background-color:#ffffff;★★★ */
	font-family:'Roboto', Arial, "YakuHanJPs", 'Noto Sans Japanese',"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#000000;
}
.clear{	clear:both;}
img{line-height:0; }

@media screen and (min-width: 769px) {
/* 共通用のスタイル記述 */
.br-sp{
	display:none;
}
.pc-none{
	display:none;
}
a:hover{
    opacity: 0.5;
}

/* ★★★★★★★★★★　コンテンツ枠　★★★★★★★★★★ */
#wrapper {
	width:100%;
    height: auto;
    z-index: -999;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px ;
	font-size:18px;
	line-height:2em;
    letter-spacing: 0.05em;
}

section{
    width:720px;
    margin:0px auto 50px;
    padding: 0px 0px 24px 0px;
    background-color: #ffffff;
}

/* ★★★★★★★★★★　ページ用テンプレート　★★★★★★★★★★ */
h2{
    margin: 32px auto 32px auto;
    padding: 48px 0px 16px 0px;
    font-size:36px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #111111;
}
h2 .subtitle{
    display: block;
    margin:5px 0 0 0;
    padding:0 0 0 0;
    font-size: 14px;
    font-weight: normal;
    color:#999;
    line-height: 2em;
}
h3{
    margin: 32px auto 16px auto;
    padding: 32px 0px 16px 0px;
    font-size:24px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #111111;
}
h4{
    margin: 12px auto 12px auto;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #111111;
}
.text{
    margin-top: 0px;
    text-align: center;
    font-size: 18px;
    line-height: 2em;
    letter-spacing: 0.05em;
}
.text_2{
    margin-top: 0px;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.05em;
}
.concept{
    margin-top: 0px;
    text-align: center;
    font-size: 18px;
    line-height: 2.5em !important;
    letter-spacing: 0.1em !important;
}

hr{
    min-width:720px;
    max-width:720px;
    margin:0 auto;
    padding: 0px 0px 0px 0px ;
    border-bottom: solid 1px #fefefe;
}

/* ★★★★★★★★★★　ヘッダー　★★★★★★★★★★ */
#top-head{
    max-width: 1080px;
    margin: 0px auto;
    z-index: 99;
}
.header_logo{
    position: absolute;
    width: 120px;
    margin: 0px;
    padding: 27px 30px;
    background-color: #ffffff;
    box-shadow:0px 0px 3px 0px #777777;
    -moz-box-shadow:0px 0px 3px 0px #777777;
    -webkit-box-shadow:0px 0px 3px 0px #777777;
    float: left;
    z-index: 99;
    text-align: center;
}
#global-nav{
    font-size: 18px;
    letter-spacing: 0.05em;
}
#global-nav ul{
    float: right;
    margin: 0px 0px 0px 0px;
}
#global-nav ul li{
    float: left;
    margin: 40px 0px 40px 40px;
}
#global-nav ul li a{
    padding: 0px 0px 5px 0px;
}
#global-nav ul li a:hover{
    padding: 0px 0px 3px 0px;
    border-bottom: solid 2px #999;
}



/* ★★★★★★★★★★　トップ画像　★★★★★★★★★★ */
.top_visual {
    width: 100%;
    max-width: 580px;
    margin:0px auto 0;
    padding: 40px 0 0 0;
}
.top_visual img{
    width: 100%;
    height: auto;
}


/* ★★★★★コース紹介★★★★★ */

.course_list{
    margin:-24px 0 32px 0;
}

.course_list li{
    display: inline-block;
    margin:0 10px 0 0;
}
.course_list li a{
    background-color: #eee;
    padding: 5px 15px;
}

.course_box{
    margin:0 0 0 0;
}

.table_course1{
	margin:24px auto 0px auto ;
    text-align: center;
}
.table_course1 th{
    width:40px;
	margin:0px 0px 0px 0px;
	padding:8px 0px;
    font-size: 14px;
    text-align: center;
	vertical-align:top;
	line-height:1.5em;
    border:solid 1px #ccc;
}
.table_course1 td{
    width:320px;
	margin:0px 0px 0px 0px;
	padding:8px 10px;
    font-size: 14px;
    text-align: left;
	vertical-align:top;
	line-height:1.5em;
    border:solid 1px #ccc;
    border-left:solid 0px #ccc;
}
.table_course1_top{
    text-align: center!important;
    background-color: #eee;
}


.table_course2{
    margin:24px 0;
    padding: 0px;
    font-size: 14px;
    line-height: 1.5em;

}
.table_course2 dl{
}
.table_course2 dt{
    display: inline-block;
    width:180px;
    margin: 0px 12px 16px 0px;
    padding: 10px 10px;
    font-weight: bold;
    text-align: center;
    border: solid 1px #333;
	vertical-align:middle;
    border-radius: 3px;
}
.table_course2 dd{
    display: inline-block;
    width:500px;
    margin: 0px 0px 12px 0px;
    padding: 0px 0px 3px;
	vertical-align:middle;
}





.course_dummy img{
    width: 100%;
    height: auto;
}

/* ★★★★★講師紹介★★★★★ */

.teacher_box{
    margin:32px 0;
}

.teacher_box_left{
    width:240px;
    float: left;
    margin: 0px 40px 16px 0;
}
.teacher_box_right{
    width:440px;
    float: left;
    margin: -8px 0 32px 0;
}


.teacher_name{
    margin:0 0 12px 0;
    font-size: 23px;
    font-weight: bold;
}
.teacher_name span{
    display: block;
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2em;
}
.teacher_text{

}

/* ★★★★★募集要項★★★★★ */
.table_require{
	margin:0px auto 0px auto ;
    text-align: center;
}
.table_require th{
    width:92px;
	margin:0px 0px 0px 0px;
	padding:0px 10px 24px 0px;
    text-align: left;
	vertical-align:top;
	line-height:2em;
}
.table_require td{
	margin:0px 0px 0px 0px;
	padding:0px 10px 24px 0px;
    text-align: left;
	vertical-align:top;
	line-height:2em;
}
.table_info th a{
	text-decoration:none;
}

a.button{
    text-decoration: underline;
}

/* ★★★★★★★★★★　fixed logo　★★★★★★★★★★ */
#side_logo{
    position: fixed;
    bottom:10px;
    left:26px;
    margin: 0px 0px 0px 0px;
}
/* ★★★★★★★★★★　footer　★★★★★★★★★★ */
.gototop{
    margin: 48px 0px 0px 0px;
    font-size: 28px;
    font-weight: 100;
    text-align: center;
}
.gototop a{
    padding: 12px 0px;
    display: block;
    background-color: #fff;
}
.gototop a:hover{
    display: block;
    background-color: #eee;
}

footer{
    background-color: #ffffff;
}
.footer_logo{
	margin:0px auto 0px auto;
    padding: 24px 0px 21px 0px;
	text-align:center;
	letter-spacing:0.05em;
	font-size:12px;
}
.copyright{
	margin:0px auto 0px auto;
    padding: 0px 0px 24px 0px;
	text-align:center;
	letter-spacing:0.05em;
	font-size:12px;
    color:#4F4946;
}

}




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
ここから下、スマホ用
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */





@media screen and (max-width: 768px) {
/* スマホ用のスタイル記述 */
.br-pc{
	display:none;
}
.sp-none{
	display:none;
}
a:hover{
    opacity: 0.5;
}

/* ★★★★★★★★★★　コンテンツ枠　★★★★★★★★★★ */
#wrapper {
	width:100%;
    height: auto;
    z-index: -999;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px ;
	font-size:15px;
	line-height:2em;
    letter-spacing: 0.05em;
}

section{
    width:90%;
    margin:40px 5% 70px;
    background-color: #ffffff;
}

/* ★★★★★★★★★★　ページ用テンプレート　★★★★★★★★★★ */
h2{
    margin: 24px 0 24px 0;
    padding: 24px 0px 12px 0px;
    font-size:32px;
    line-height: 1.5em;
    font-weight: bold;
    color: #111111;
}
h2 .subtitle{
    display: block;
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size: 12px;
    font-weight: normal;
    color:#999;
    line-height: 1.5em;
}
h3{
    margin: 24px 0 12px 0;
    padding: 12px 0px 12px 0px;
    font-size:20px;
    line-height: 1.5em;
    font-weight: bold;
    color: #111111;
}

h4{
    margin: 12px auto 12px auto;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #111111;
}

.text{
    margin-top: 0px;
    text-align: left;
    font-size: 13px;
    line-height: 2em;
    letter-spacing: 0.05em;
}

.text_2{
    margin-top: 0px;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: 0.05em;
}


hr{
    width:90%;
    margin:0 auto;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 0px ;
    border-bottom: solid 1px #fefefe;
}
/* ★★★★★★★★★★　ヘッダー　★★★★★★★★★★ */
#top-head{
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    z-index: 99;
}
.header_logo{
    width: 40%;
    margin: 0px 30%;
    padding: 44px 0px 40px 0px;
    background-color: #ffffff;
    float: left;
    z-index: 99;
    text-align: center;
}
.header_logo img{
    width: 70%;
    height: auto;
}
#global-nav{
    display: none;
}



/* ★★★★★★★★★★　トップ画像　★★★★★★★★★★ */
.top_visual {
    width: 70%;
    max-width: 100%;
    margin:0 15%;
    padding: 90px 0 10px 0;
}
.top_visual img{
    width: 100%;
    height: auto;
}

/* ★★★★★コース紹介★★★★★ */

.course_list{
    margin:-16px 0 32px 0;
}

.course_list li{
    display: inline-block;
    margin:0 10px 10px 0;
}
.course_list li a{
    background-color: #eee;
    padding: 5px 15px;
}

.course_box{
    margin:0 0 40px 0;
}

.table_course1{
	margin:24px auto 0px auto ;
    text-align: center;
}
.table_course1 th{
    width:20px;
	margin:0px 0px 0px 0px;
	padding:8px 0px;
    text-align: center;
	vertical-align:top;
    font-size: 13px;
	line-height:1.6em;
    border:solid 1px #ccc;
}
.table_course1 td{
    width:45%;
	margin:0px 0px 0px 0px;
	padding:8px 10px;
    text-align: left;
	vertical-align:top;
    font-size: 13px;
	line-height:1.6em;
    border:solid 1px #ccc;
    border-left:solid 0px #ccc;
}
.table_course1_top{
    text-align: center!important;
    background-color: #eee;
}



.table_course2{
    margin:24px 0;
    padding: 0px;
    font-size: 13px;
    line-height: 1.6em;

}
.table_course2 dl{
}
.table_course2 dt{
    display: inline-block;
    width:100%;
    margin: 0px 0px 6px 0px;
    padding: 8px 0px;
    font-weight: bold;
    text-align: center;
    border: solid 1px #333;
	vertical-align:middle;
    border-radius: 3px;
}
.table_course2 dd{
    display: inline-block;
    width:100%;
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 3px;
	vertical-align:middle;
}



.course_dummy img{
    width: 100%;
    height: auto;
}

/* ★★★★★講師紹介★★★★★ */

.teacher_box{
    margin:32px 0;
}
.teacher_box_left img{
    width:55%;
    max-width: 240px;
    height: auto;
}
.teacher_name{
    margin:0 0 12px 0;
    font-size: 18px;
    font-weight: bold;
}
.teacher_name span{
    display: block;
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.2em;
}
.teacher_text{
    font-size: 13px;
	line-height:1.6em;
}

/* ★★★★★募集要項★★★★★ */
.table_require{
	margin:0px auto 0px auto ;
    text-align: center;
}
.table_require th{
    width:68px;
	margin:0px 0px 0px 0px;
	padding:0px 10px 20px 0px;
    text-align: left;
	vertical-align:top;
    font-size: 13px;
	line-height:1.6em;
}
.table_require td{
    width:calc(100% - 88px);
	margin:0px 0px 0px 0px;
	padding:0px 10px 20px 0px;
    text-align: left;
	vertical-align:top;
    font-size: 13px;
	line-height:1.6em;
}
.table_info th a{
	text-decoration:none;
}

a.button{
    text-decoration: underline;
    word-break: break-all;
}

/* ★★★★★★★★★★　fixed logo　★★★★★★★★★★ */
#side_logo{
    position: fixed;
    bottom:10px;
    left:5%;
    margin: 0px 0px 0px 0px;
}
/* ★★★★★★★★★★　footer　★★★★★★★★★★ */
.gototop{
    margin: 48px 0px 0px 0px;
    font-size: 28px;
    font-weight: 100;
    text-align: center;
}
.gototop a{
    padding: 12px 0px;
    display: block;
    background-color: #fff;
}
.gototop a:hover{
    display: block;
    background-color: #eee;
}

footer{
    background-color: #ffffff;
}
.footer_logo{
	margin:0px auto 0px auto;
    padding: 24px 0px 12px 0px;
	text-align:center;
	letter-spacing:0.05em;
	font-size:14px;
}
.copyright{
	margin:0px auto 0px auto;
    padding: 0px 0px 18px 0px;
	text-align:center;
	letter-spacing:0.05em;
	font-size:10px;
    color:#4F4946;
}

}