@charset "utf-8";

body{margin:0; padding:0;color: #333;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';}

section {
    padding-top: 20px;
    padding-bottom: 40px;
}

p{font-size:15px; line-height:30px;}

.container{padding:0 15px;}

.bg_gray{background-color: #1d1d1d; color: #fff;}

h1.pv_head{ margin:0; background-color:#1db3c8; color: #fff; text-align:center; font-size:40px; font-weight:100;  letter-spacing:10px; padding:20px; margin-top:20px;}
.pv_head span{display:block; font-size:15px; padding-top:0;}

.ban_txt{position:absolute; top:30%; left:10%;}
.ban_txt span{color:#fff; font-family: serif; font-weight:600; letter-spacing:2px; display:block; margin:50px 0; font-size:20px;}

.ban_txt span.bn1{}
.ban_txt span.bn2{margin-left:20px;}
.ban_txt span.bn3{font-size:30px; margin-left:40px;}
.intro h2 {line-height:45px; font-size:25px; margin-bottom:20px; color:#1db3c8;}
.intro ul{padding-left:10px; font-size:15px; line-height:30px;}

#intro {padding-top:0;}
#intro h2 {letter-spacing:1px; font-weight:600; }
#intro p{  margin:0 auto; line-height:30px; letter-spacing:1px; font-family: serif; font-weight:500;}

#b_studios {text-align:center; margin:20px auto;}
#b_studios h2{text-align:center; margin:20px auto;}
#b_studios a{ display:inline-block; margin:0 auto; text-align:center;}
#b_studios img{ max-width:200px; margin:15px; }

#class_info { padding:20px; background-color:#e9e9e9;}
#class_info ul li{ list-style-type: square!important;  font-size:14px; line-height:30px;}

.studio_list h3{font-family: serif; font-style: italic; font-weight:600; letter-spacing:3px; font-size:30px; text-align:center; }
.studio_list h3{font-family: serif; font-style: italic; font-weight:600; letter-spacing:3px; font-size:30px; text-align:center; }
.studio_list h3 span{ display:block; margin:0 auto; border-bottom:3px solid #fff; width:35px; padding-top:15px;}
p.studio_date {padding:15px; background-color:#f5f5f5; max-width:600px; margin:0 auto;}

.container {max-width: 900px; margin: 0 auto;}

div.zu_div {margin:20px auto 0 auto; }
div.zu_div p{font-size:13px; padding-top:10px; }
div.zu_div img{width:100%; max-width:350px; display:inline-block; margin:0 auto; }

.img_wrap_left {width:45%; float:left; margin-top:20px; margin-right:15px; margin-bottom:15px;}

.img_wrap_right {width:45%; float:right; margin-top:20px; margin-left:15px; margin-bottom:15px;}

@media screen and (min-width:768px) {
  .pc {display: block;}
  .sp {display: none;}
}

@media screen and (max-width:767px) {
	
	h1.pv_head {margin:10px 0 0 0; background-color:#1db3c8; color: #fff; text-align:center; font-size:25px; font-weight:100; letter-spacing:1px; padding:30px 20px 20px 20px;}
	
}


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

.ban_txt{position:absolute; top:40%; left:4%;}
.ban_txt span{color:#fff; font-weight:600; letter-spacing:2px; display:block; margin:30px 0; font-size:20px;}

.ban_txt span.bn1{}
.ban_txt span.bn2{margin-left:0;}
.ban_txt span.bn3{font-size:25px; margin-left:0;}
	
}

.studio_list ul{margin:0 auto; text-align:center; padding:0;}
.studio_list ul li{ font-size:15px; border:1px solid #999; list-style-type: none; margin:10px ; padding:5px 3px; text-align:center; display:inline-block; min-width:100px; }
.studio_list ul li:hover{ background-color:#62c7d5; color:#fff!important;}
.studio_list ul li a{ display:inline-block; width:100%;color:#555!important; text-decoration:none;}
.studio_list ul li a:hover{color:#fff!important;}
span.st_date{display: block; text-align: center; margin: 20px auto 10px auto;}