html, body {
	/*margin: 0;*/
	width: 100%;
	height: 100%;
}
body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    font-size: 14px;
	color: #333;
	line-height: 2em;
	margin: 0;
	-webkit-text-size-adjust: 100%;
}
#inner_page {
	background: url(../images/form/contents_bg_01.jpg) center top no-repeat;
	-moz-background-size: cover;
    background-size: cover;
}
#interview_page {
	background: url(../images/interview/bg_03.jpg) center top no-repeat;
	background-attachment: fixed;
	-moz-background-size: cover;
    background-size: cover;
}
@media only screen and ( max-width : 736px ) {
body {
    font-size: 14px;
	line-height: 1.7em;
}
#interview_page {
	background: #333;
}
}



/*---------------------------------------
       画面に入ったらフェードイン
---------------------------------------*/

/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 30px);
    transition : all 1000ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/* 2つ目の要素に200msのdelayをかける */
#effect2 .fadein:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
/* 3つ目の要素に400msのdelayをかける */
#effect2 .fadein:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}
/* 4つ目の要素に600msのdelayをかける */
#effect2 .fadein:nth-of-type(4) {
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
	}
/* 5つ目の要素に800msのdelayをかける */
#effect2 .fadein:nth-of-type(5) {
	-moz-transition-delay:800ms;
	-webkit-transition-delay:800ms;
	-o-transition-delay:800ms;
	-ms-transition-delay:800ms;
	}
/* 6つ目の要素に1000msのdelayをかける */
#effect2 .fadein:nth-of-type(6) {
	-moz-transition-delay:1000ms;
	-webkit-transition-delay:1000ms;
	-o-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
	}

/*----------------------------------------
　　　　　　　    Top
----------------------------------------*/

#main_slide {
}

/*---- グローバルナビ ----*/

#gnavi_wrapp {
	clear: both;
	width: 100%;
	padding: 25px 0;
	/*overflow: hidden;
    zoom: 1;*/
	z-index: 100;
	color: #FFF;
}
/*nav ul li {
	color: #FFF;
}*/
#gnavi_wrapp h1 {
	float: left;
	padding: 0 0 0 30px;
	line-height: 0;
}
.slimmenu {
	float: right;
	padding: 0 30px 0 0;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.1em;
}
.slimmenu li {
	float: left;
	padding-left: 20px;
	padding-top: 8px;
}
.slimmenu li.nav_btn {
	border: 2px solid #FFF;
	padding: 5px 10px;
	margin-left: 20px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#mypage_pc {
	display: block;
}
#mypage_sp {
	display: none;
}

.scroll {
	position: fixed;
	top: 0;
	left: 0;
	background: linear-gradient(-135deg, #65cbe9, #f39492);
	/*overflow: hidden;
    zoom: 1;*/
}
/*.fixed {
    position: fixed;
    top: 0;
    z-index: 10000;
}
.spacer {
	padding-top: 80px;
}*/

#gnavi_wrapp ul li a { text-decoration: none; color: #fff;}
#gnavi_wrapp ul li a:hover { text-decoration: none; color: #fff; opacity: 0.6;}

a#lecturer, a#reservation, a#contact {
	clear: both;
	display: block;
	margin-top: -70px;
	padding-top: 70px;
}
a#method, a#lesson {
	clear: both;
	display: block;
	margin-top: -170px;
	padding-top: 170px;
}

/*---- 中ページグローバルナビ固定 ----*/

#gnavi_wrapp2 {
	clear: both;
	width: 100%;
	padding: 25px 0;
	background: linear-gradient(-135deg, #65cbe9, #f39492);
	/*overflow: hidden;
    zoom: 1;*/
	z-index: 100;
	position: fixed;
	top:0;
	color: #FFF;
}
#gnavi_wrapp2 h1 {
	float: left;
	padding: 0 0 0 30px;
	line-height: 0;
}
.slimmenu2 {
	float: right;
	padding: 0 30px 0 0;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.1em;
}
.slimmenu2 li {
	float: left;
	padding-left: 20px;
	padding-top: 8px;
}
.slimmenu2 li.nav_btn {
	border: 2px solid #FFF;
	padding: 5px 10px;
	margin-left: 20px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#mypage_pc {
	display: block;
}
#mypage_sp {
	display: none;
}
.slimmenu2 li a { text-decoration: none; color: #fff;}
.slimmenu2 a:hover { text-decoration: none; color: #fff; opacity: 0.6;}

@media only screen and ( max-width : 736px ) {
#gnavi_wrapp {
	clear: both;
	width: 100%;
	height: 40px;
	padding: 10px 0;
	background: linear-gradient(-135deg, #65cbe9, #f39492);
	z-index: 100;
	position: fixed;
	top:0;
	color: #FFF;
}
#gnavi_wrapp h1 {
	float: left;
	padding: 3px 0 0 10px;
	line-height: 0;
}
#gnavi_wrapp h1 img {
	width: 230px;
}

.slimmenu {
	float: none;
	padding: 0 0 0 0;
}
.slimmenu li {
	float: none;
	padding-left: 0;
	padding-top: 0;
}
.slimmenu li.nav_btn {
	border: none;
	border-bottom: 1px solid #7183a1;
	padding: 0 0;
	margin-left: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#mypage_pc {
	display: none;
}
#mypage_sp {
	display: block;
}

/*-- slimMenu Start --*/
.menu-collapser { position: relative;width:39px; height:39px; border: 1px solid #fff; border-radius:5px; cursor:pointer; float: right; margin: 0 10px 0 0;}
.collapse-button{width:28px;height:27px;padding:7px 0 0 7px;cursor:pointer;}
.collapse-button .icon-bar{display:block;height:3px;width:25px;margin:4px 0;background-color:#fff;border-radius:1px}
ul.slimmenu{width:100%;margin:0;padding:0;list-style-type:none; position:absolute; top: 60px; background: rgba(44,65,101,0.9); z-index:10000;}
ul.slimmenu li {text-align: center; font-size: 16px; height:60px; border-bottom: 1px solid #7183a1;}
ul.slimmenu li:last-child {border-bottom: none;}
ul.slimmenu li a { display: block; width: 100%; height: 60px; line-height: 60px; color: #FFF; text-decoration: none;}
/*-- slimMenu End --*/
}

@media only screen and ( max-width : 736px ) {
#gnavi_wrapp2 {
	clear: both;
	width: 100%;
	height: 40px;
	padding: 10px 0;
	background: linear-gradient(-135deg, #65cbe9, #f39492);
	z-index: 100;
	position: fixed;
	top:0;
}
#gnavi_wrapp2 h1 {
	float: left;
	padding: 3px 0 0 10px;
	line-height: 0;
}
#gnavi_wrapp2 h1 img {
	width: 230px;
}

.slimmenu2 {
	float: none;
	padding: 0 0 0 0;
}
.slimmenu2 li {
	float: none;
	padding-left: 0;
	padding-top: 0;
}
.slimmenu2 li.nav_btn {
	border: none;
	border-bottom: 1px solid #7183a1;
	padding: 0 0;
	margin-left: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#mypage_pc {
	display: none;
}
#mypage_sp {
	display: block;
}

/*-- slimMenu Start --*/
.menu-collapser { position: relative;width:39px; height:39px; border: 1px solid #fff; border-radius:5px; cursor:pointer; float: right; margin: 0 10px 0 0;}
.collapse-button{width:28px;height:27px;padding:7px 0 0 7px;cursor:pointer;}
.collapse-button .icon-bar{display:block;height:3px;width:25px;margin:4px 0;background-color:#fff;border-radius:1px}
ul.slimmenu2{width:100%;margin:0;padding:0;list-style-type:none; position:absolute; top: 60px; background: rgba(44,65,101,0.9); z-index:10000;}
ul.slimmenu2 li {text-align: center; font-size: 16px; height:60px; border-bottom: 1px solid #7183a1;}
ul.slimmenu2 li:last-child {border-bottom: none;}
ul.slimmenu2 li a { display: block; width: 100%; height: 60px; line-height: 60px; color: #FFF; text-decoration: none;}
/*-- slimMenu End --*/
}

@media only screen and ( max-width : 736px ) {
a#lecturer, a#reservation, a#contact {
	clear: both;
	display: block;
	margin-top: -40px;
	padding-top: 40px;
}
a#method, a#lesson {
	clear: both;
	display: block;
	margin-top: -100px;
	padding-top: 100px;
}
}
	





/*---- Movie ----*/

#movie_wrapp {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-495px;
	margin-top:-140px;
	text-align: center;
}
#lets_begin {
	font-size: 60px;
	color: #FFF;
	letter-spacing: 0.1em;
	margin-bottom: 100px;
	font-family: 'Rock Salt', cursive;
}
#play_btn {
	margin-bottom: 10px;
}
#play_txt {
	color: #FFF;
	font-size: 20px;
}

@media only screen and ( max-width : 736px ) {
#movie_wrapp {
	position: relative;
	top: 110px;
	left: auto;
	margin-left: 0;
	margin-top: 0;
	text-align: center;
}
#lets_begin {
	font-size: 20px;
	color: #FFF;
	line-height: 2em;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
	font-family: 'Rock Salt', cursive;
}
#play_btn {
	margin-bottom: 10px;
}
#play_btn img {
	width: 80px;
}
#play_txt {
	color: #FFF;
	font-size: 16px;
}
}
@media only screen and ( max-width : 414px ) {
#movie_wrapp {
	top: 270px;
}
}
@media only screen and ( max-width : 375px ) {
#movie_wrapp {
	top: 210px;
}
}
@media only screen and ( max-width : 320px ) {
#movie_wrapp {
	top: 150px;
}
}




/*---- Particle ----*/

#particles {
  width: 100%;
  height: 100%;
  position: relative;
}
#particles_inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
canvas.pg-canvas {
  position: fixed;
  z-index: -100;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
/*@media only screen and ( max-width : 375px ) {
#particles {
  width: 100%;
  height: 100%;
  position: relative;
}
#particles_inner {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
}
canvas.pg-canvas {
	display: none;
}
}*/





/*----------------------------------------
　　　　　　　    topics
----------------------------------------*/

#topics_wrapp {
	width: 1000px;
	margin: 0 auto;
	padding: 100px 0;
}
.h3_01 {
	text-align: center;
	margin-bottom: 50px;
}
.box_01 {
    width: 100%;
    height: 100%;
    border-left: 2px solid #6edfff;
    border-right: 2px solid #f49391;
}
.box_01:before,
.box_01:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
	background: -webkit-gradient(linear, left top, right bottom, from(#6edfff), to(#f49391));
	background: -moz-linear-gradient(left, #6edfff, #f49391);
	background: linear-gradient(left, #6edfff, #f49391);
}
.box_01 dl {
	clear: both;
	padding: 30px 40px;
}
.box_01 dt {
    clear: left;
    float: left;
    width: 6em;
	padding: 10px 0 10px 10px;
}
.box_01 dd {
	padding: 10px 0 10px 8em;
	border-bottom: 1px dotted #CCCCCC;
}
.box_01 dd:last-child {
	border-bottom: none;
}
@media only screen and ( max-width : 736px ) {
.h3_01 {
	text-align: center;
	margin-bottom: 30px;
}
#topics_wrapp {
	width: 90%;
	margin: 0 auto;
	padding: 70px 0;
}
.box_01 dl {
	clear: both;
	padding: 10px 20px;
}
.box_01 dt {
    clear: both;
    float: none;
    width: 100%;
	padding: 10px 0 10px 0;
}
.box_01 dd {
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #CCCCCC;
}
.box_01 dd:last-child {
	border-bottom: none;
}
}







/*----------------------------------------
　　　　　　　   concept
----------------------------------------*/

#concept_wrapp {
	clear: both;
	width: 100%;
}
.title_01 {
	margin-bottom: 40px;
}
.title_01 img {
	width: 100%;
	height: 100%;
	
}
.h4_resonance {
	font-size: 40px;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 20px;
}
.h4_resonance span {
	font-size: 23px;
	line-height: 1.5em;
	text-align: center;
}
.h4_resonance span span {
	letter-spacing: -0.2em;
}
.txt_resonance {
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
	line-height: 2em;
}
.wrapp_01 {
	width: 1000px;
	margin: 0 auto;
}
@media only screen and ( max-width : 736px ) {
.title_01 {
	margin-bottom: 20px;
}
.h4_resonance {
	font-size: 30px;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 10px;
}
.h4_resonance span {
	font-size: 20px;
	line-height: 1.4em;
	text-align: center;
}
.txt_resonance {
	font-size: 14px;
	text-align: center;
	margin-bottom: 15px;
	line-height: 1.8em;
	font-weight: bold;
}
.wrapp_01 {
	/*width: 340px;*/
	width: 90%;
	margin: 0 auto;
}
}





/*----------------------------------------
　　　　　　　  lecturer
----------------------------------------*/

#lecture_wrapp {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 100px 0;
	overflow: hidden;
    _zoom: 1;
}
#lecture_l {
	width: 570px;
	float: left;
}
#lecture_r {
	width: 350px;
	float: right;
	text-align: center;
}
.h4_profile {
	background: url(../images/top/stripe_bg_01.gif) 0 0 repeat;
	padding: 15px 0;
	line-height: 0;
	text-align: center;
	margin-bottom: 30px;
}
#lecture_l dl {
	clear: both;
}
#lecture_l dt {
    clear: left;
    float: left;
    width: 4em;
	padding: 0;
}
#lecture_l dd {
	padding: 0 0 0 6em;
}
#aoi_img {
}
.aoi_name {
	font-size: 34px;
	margin: 20px 0 30px;
	letter-spacing: -0.3em;
}

.button_01 {
	display: inline-block;
	width: 250px;
	height: 60px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	background-color: #2c4165;
	border: 2px solid #2c4165;
	color: #fff;
	letter-spacing: 0.2em;
}
.button_01::before,
.button_01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_01,
.button_01::before,
.button_01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.button_01:hover {
	background-color: #fff;
	border-color: #2c4165;
	color: #2c4165;
}
@media only screen and ( max-width : 736px ) {
#lecture_wrapp {
	clear: both;
	width: 90%;
	margin: 0 auto;
	padding: 70px 0;
}
#lecture_l {
	width: 100%;
	float: none;
}
#lecture_r {
	width: 100%;
	float: none;
}
.h4_profile {
	background: url(../images/top/stripe_bg_01.gif) 0 0 repeat;
	padding: 15px 0;
	line-height: 0;
	text-align: center;
	margin-bottom: 30px;
}
#lecture_l dl {
	clear: both;
}
#lecture_l dt {
    clear: both;
    float: none;
    width: 100%;
	padding: 0;
	font-weight: bold;
}
#lecture_l dd {
	padding: 0 0 10px 0;
}
#aoi_img img {
	width: 70%;
	margin-top: 30px;
}
.button_01 {
	width: 250px;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
}
}



/*----------------------------------------
　　　　　　　   method
----------------------------------------*/

#method_wrapp {
	clear: both;
	width: 100%;
}
.h4_01 {
	font-size: 29px;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 40px;
}
.open {
	width: 100%;
	height: 50px;
	/*border: 2px solid #000;*/
	background-color: #efc2c3;
	text-align: center;
	font-size: 18px;
	margin-top: 30px;
}
.open a {
	display: block;
	width: 100%;
	line-height: 50px;
	letter-spacing: 0.1em;
	color: #fff;
}
.open a:hover {
	color: #fff;
}
.open:hover {
	/*border: 2px solid #999;*/
	background-color: #f6d2d3;
}
.close {
	width: 100%;
	height: 50px;
	text-align: center;
	font-size: 18px;
	margin-top: 30px;
}
.close a {
	display: block;
	width: 100%;
	line-height: 50px;
	letter-spacing: 0.1em;
	color: #000;
}
.close a:hover {
	color: #999;
}
@media only screen and ( max-width : 736px ) {
.h4_01 {
	font-size: 20px;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 20px;
}
.open {
	width: 100%;
	height: 40px;
	/*border: 2px solid #000;*/
	background-color: #efc2c3;
	text-align: center;
	font-size: 16px;
	margin-top: 20px;
}
.open a {
	display: block;
	width: 100%;
	line-height: 40px;
	letter-spacing: 0.1em;
	color: #fff;
}
}





/*----------------------------------------
　　　　　　　   event
----------------------------------------*/

#event_wrapp {
	clear: both;
	width: 100%;
	padding: 100px 0;
}
@media only screen and ( max-width : 736px ) {
#event_wrapp {
	clear: both;
	width: 100%;
	padding: 70px 0;
}
}




/*----------------------------------------
　　　　　　　   lesson
----------------------------------------*/

#lesson_wrapp {
	clear: both;
	width: 100%;
}
.stripe_box {
	width: 100%;
	background: url(../images/top/stripe_bg_01.gif) 0 0 repeat;
	padding: 70px 0;
}
.box_02 {
    width: 100%;
    height: 100%;
    border-left: 2px solid #6edfff;
    border-right: 2px solid #f49391;
	background-color: #FFF;
}
.box_02:before,
.box_02:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
	background: -webkit-gradient(linear, left top, right bottom, from(#6edfff), to(#f49391));
	background: -moz-linear-gradient(left, #6edfff, #f49391);
	background: linear-gradient(left, #6edfff, #f49391);
}
.box_02 dl {
	clear: both;
	padding: 20px 40px;
}
.box_02 dt {
    clear: left;
    float: left;
    width: 10em;
	padding: 10px 0 10px 10px;
	font-weight: bold;
}
.box_02 dd {
	padding: 10px 0 10px 12em;
	border-bottom: 1px dotted #CCCCCC;
}
.box_02 dd:last-child {
	border-bottom: none;
}
.school_info_btn {
	margin-top: 50px;
	text-align: center;
}
.lesson_btm_img img {
	width: 100%;
	height: 100%;
	
}
@media only screen and ( max-width : 736px ) {
.stripe_box {
	width: 100%;
	background: url(../images/top/stripe_bg_01.gif) 0 0 repeat;
	padding: 30px 0;
}
.box_02 dl {
	clear: both;
	padding: 10px 20px;
}
.box_02 dt {
    clear: both;
    float: none;
    width: 100%;
	padding: 10px 0 10px 0;
	font-weight: bold;
}
.box_02 dd {
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #CCCCCC;
}
.box_02 dd:last-child {
	border-bottom: none;
}
.school_info_btn {
	margin-top: 30px;
	text-align: center;
}
}





/*----------------------------------------
　　　　　　　 reservation
----------------------------------------*/

#reservation_wrapp {
	clear: both;
	width: 100%;
	padding: 100px 0;
}
.reservation_txt_01 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	/*margin-top: 50px;*/
}
.button_02 {
	display: inline-block;
	width: 350px;
	height: 70px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	line-height: 64px;
	outline: none;
	background-color: #2c4165;
	border: 2px solid #2c4165;
	color: #fff;
	margin: 0 auto;
}
.button_02::before,
.button_02::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_02,
.button_02::before,
.button_02::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.button_02:hover {
	background-color: #fff;
	border-color: #2c4165;
	color: #2c4165;
}
@media only screen and ( max-width : 736px ) {
#reservation_wrapp {
	clear: both;
	width: 100%;
	padding: 70px 0;
}
.reservation_txt_01 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	/*margin-top: 30px;*/
}
.button_02 {
	width: 100%;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
}
}





/*----------------------------------------
　　　　　　　  home ground
----------------------------------------*/

#home_wrapp {
	clear: both;
	width: 100%;
	overflow: hidden;
     _zoom: 1;
}
#home_l {
	width: 560px;
	float: left;
	margin-bottom: 50px;
}
#home_r {
	width: 377px;
	float: right;
	margin: 0 40px 50px 0;
}
.list_disc {
    margin-left: 1.3em;
    padding: 0;
	list-style-type: disc;
}
#studio_img {
	clear: both;
	list-style-type: none;
	width: 1020px;
	margin-right: -20px;
}
#studio_img li {
	float: left;
	margin-right: 20px;
}

@media only screen and ( max-width : 736px ) {
#home_l {
	width: 100%;
	float: none;
	margin-bottom: 20px;
	word-break: break-all;
}
#home_r {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
	text-align: center;
}
#home_r img {
	width: 90%;
}
#studio_img {
	clear: both;
	list-style-type: none;
	width: 100%;
	margin-right: 0;
	text-align: center;
}
#studio_img li {
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}
}
@media only screen and ( max-width : 320px ) {
#studio_img li img {
	width: 280px;
}
}




/*----------------------------------------
　　　　　　　   contact
----------------------------------------*/

#contact_wrapp {
	clear: both;
	width: 100%;
	padding: 100px 0 0;
}
.h4_contact {
	font-size: 29px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
#contact_in {
	width: 650px;
	margin: 50px auto 0 auto;
}
#contact_tel {
	background: url(../images/top/ico_tel.png) 0 0 no-repeat;
	font-size: 32px;
	padding-left: 60px;
	margin-bottom: 20px;
	line-height: 35px;
	float: left;
}
#contact_day {
	font-size: 14px;
	line-height: 35px;
	float: right;
}
#contact_add {
	clear: both;
	text-align: center;
}
@media only screen and ( max-width : 736px ) {
#contact_wrapp {
	clear: both;
	width: 100%;
	padding: 70px 0 0;
}
.h4_contact {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
#contact_in {
	width: 100%;
	margin: 30px auto 0 auto;
}
#contact_tel {
	background: url(../images/top/ico_tel.png) 0 0 no-repeat;
	font-size: 25px;
	padding-left: 60px;
	margin-bottom: 10px;
	line-height: 35px;
	float: none;
}
#contact_day {
	font-size: 14px;
	line-height: 1.8em;
	float: none;
}
#contact_add {
	clear: both;
	text-align: left;
}
}





/*----------------------------------------
　　　　　　　   footer
----------------------------------------*/

footer {
	width: 100%;
	background: linear-gradient(-135deg, #f39492, #65cbe9);
	text-align: center;
	color: #FFF;
	padding: 50px 0;
}
footer a {
	text-decoration: underline;
	color: #FFF;
}
footer a:hover {
	text-decoration: none;
	color: #FFF;
	opacity: 0.8;
}
#copy {
	padding: 0 20px;
}
@media only screen and ( max-width : 736px ) {
footer {
	width: 100%;
	background: linear-gradient(-135deg, #f39492, #65cbe9);
	text-align: center;
	color: #FFF;
	padding: 20px 0;
}
}




/*---------------------------------------
       　　　　中ページ
---------------------------------------*/

#contents_wrapp {
	width: 1000px;
	margin: 0 auto;
	padding: 200px 0 100px;
}
#h2_page_title {
	font-size: 32px;
	font-weight: normal;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}
.box_02_inner {
	width: 90%;
	margin: 0 auto 40px auto;
}
form table {
	width: 100%;
	border-top: solid 1px #ddd;
	margin: 0 auto 40px auto;
}
/*form table {
	width: 920px;
	border-top: solid 1px #ddd;
	margin: 0 auto 40px auto;
}*/
form table th {
	width: 25%;
	padding: 15px;
	background: #f2f2f2;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	vertical-align: middle;
	box-sizing:border-box; /* CSS3, IE8~, Opera8~ */
    -moz-box-sizing: border-box; /* Mozilla系 */
    -webkit-box-sizing: border-box; /* Safari, Chrome系 */
}
form table td {
	width: 75%;
	padding: 15px 20px;
	background: #fff;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	box-sizing:border-box; /* CSS3, IE8~, Opera8~ */
    -moz-box-sizing: border-box; /* Mozilla系 */
    -webkit-box-sizing: border-box; /* Safari, Chrome系 */
}

input {
	border: 1px solid #ccc;
    padding: 8px 10px;
}
textarea {
	border: 1px solid #ccc;
    padding: 8px 10px;
	resize: none;
}

.button_03 {
	display: inline-block;
	width: 250px;
	height: 60px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	background-color: #2c4165;
	border: 2px solid #2c4165;
	color: #fff;
	letter-spacing: 0.2em;
	cursor: pointer;
	/*margin-bottom: 40px;*/
}
.button_03::before,
.button_03::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_03,
.button_03::before,
.button_03::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.button_03:hover {
	background-color: #fff;
	border-color: #2c4165;
	color: #2c4165;
}
.abs {
	color: #F00;
	margin-left: 5px;
}

@media only screen and ( max-width : 736px ) {
#contents_wrapp {
	width: 90%;
	margin: 0 auto;
	padding: 100px 0 50px;
}
#h2_page_title {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0 10px;
}
.box_02_inner {
	width: 80%;
	margin: 0 auto 20px auto;
}
form table {
	width: 100%;
	border-top: solid 1px #ddd;
	margin: 0 auto 20px auto;
}
form table th {
	width: 100%;
    display: block;
	padding: 8px 10px;
	background: #f2f2f2;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	vertical-align: middle;
	box-sizing:border-box; /* CSS3, IE8~, Opera8~ */
    -moz-box-sizing: border-box; /* Mozilla系 */
    -webkit-box-sizing: border-box; /* Safari, Chrome系 */
}
form table td {
	width: 100%;
    display: block;
	padding: 8px 10px;
	background: #fff;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	box-sizing:border-box; /* CSS3, IE8~, Opera8~ */
    -moz-box-sizing: border-box; /* Mozilla系 */
    -webkit-box-sizing: border-box; /* Safari, Chrome系 */
}
.input_name {
	width: 80%;
}
.input_add {
	width: 80%;
}
.input_music {
	width: 80%;
}
.textarea_comment {
	width: 80%;
}
/*.input_name {
	width: 200px;
}
.input_add {
	width: 200px;
}
.input_music {
	width: 180px;
}
.textarea_comment {
	width: 200px;
}*/
.button_03 {
	width: 100%;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
}
}

/*@media only screen and ( max-width : 320px ) {
#contents_wrapp {
	width: 280px;
	margin: 0 auto;
	padding: 100px 0 50px;
}
form table {
	width: 240px;
	border-top: solid 1px #ddd;
	margin: 0 auto 40px auto;
}
form table th {
	width: 220px;
    display: block;
	padding: 8px 10px;
	background: #f2f2f2;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	vertical-align: middle;
}
form table td {
	width: 220px;
    display: block;
	padding: 8px 10px;
	background: #fff;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}
}*/




/*---------------------------------------
       　　　interview
---------------------------------------*/

#interview_wrapp {
	width: 1000px;
	margin: 0 auto;
	padding: 200px 0 100px;
	color: #FFF;
}
#h2_interview_title {
	font-size: 54px;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 100px;
}
#h2_interview_title span {
	letter-spacing: 0em;
}

.img_l {
    zoom: 100%;
}
.img_l:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.img_l img {
    float: left;
    margin-right: 30px;
	
}
.img_r {
    zoom: 100%;
}
.img_r:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.img_r img {
    float: right;
    margin-left: 30px;
	
}
.no-wrap{
    overflow:hidden;
    _zoom:1;
}
#interview_wrapp h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #b8eaf8;
}
#interview_wrapp p {
	margin-bottom: 30px;
}

@media only screen and ( max-width : 736px ) {
#interview_wrapp {
	width: 90%;
	margin: 0 auto;
	padding: 100px 0 50px;
	color: #FFF;
}
#h2_interview_title {
	margin-bottom: 40px;
}
#h2_interview_title img {
	width: 80%;
}
.img_l img {
    float: none;
    margin-right: 0;
	margin-bottom: 20px;
	/*width: 60%;*/
	width: 200px;
}
.img_r img {
    float: none;
    margin-left: 0;
	margin-bottom: 20px;
	/*width: 60%;*/
	width: 200px;
}
#interview_wrapp h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #b8eaf8;
}
#interview_wrapp p {
	margin-bottom: 20px;
}
}






/*---------------------------------------
       　　　privacy
---------------------------------------*/

.box_inner {
	padding: 0 40px 40px;
}
.h3_privacy {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
@media only screen and ( max-width : 736px ) {
.box_inner {
	padding: 0 20px 20px;
}
.h3_privacy {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
}




/*----------------------------------------
　　　　　　　   Q & A
----------------------------------------*/

.txt_q {
	color: #6edfff;
	font-size: 26px;
	font-weight: bold;
	margin-right: 3px;
}
.txt_a {
	color: #f49391;
	font-size: 26px;
	font-weight: bold;
	margin-left: 3px;
}


.box_03 {
    width: 100%;
    height: 100%;
    border-left: 2px solid #6edfff;
    border-right: 2px solid #f49391;
	background-color: #FFF;
}
.box_03:before,
.box_03:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
	background: -webkit-gradient(linear, left top, right bottom, from(#6edfff), to(#f49391));
	background: -moz-linear-gradient(left, #6edfff, #f49391);
	background: linear-gradient(left, #6edfff, #f49391);
}



#qa dl{
     /*width:650px;*/
     /*margin:80px;*/
     line-height:1.8em;
     /*font-size: 1.4em;*/
     overflow: hidden;
     _zoom: 1;
}
#qa dl dd,
#qa dl dt{
     text-indent: -2.6em;
     padding: 0 20px 0px 50px;
}
#qa dl dt{
     margin:20px 20px 0 0;
}
#qa dl dd:first-letter,
#qa dl dt:first-letter{
     font-size: 25px;
     font-weight: bold;
     margin-right:10px;
     padding:5px;
     /*font-family: 'Nunito', sans-serif;*/
}
#qa dl dd{
     margin: 20px 0 -1px 0;
     padding-bottom:15px;
     border-bottom: 1px #ccc dotted;
}
#qa dl dt:first-letter{
     color: #6edfff;
}
#qa dl dd:first-letter{
     color: #f49391;
}
@media only screen and ( max-width : 736px ) {
#qa dl{
     /*width:650px;*/
     /*margin:80px;*/
     line-height:1.8em;
     /*font-size: 1.4em;*/
     overflow: hidden;
     _zoom: 1;
	 margin-top: -20px;
}
#qa dl dd,
#qa dl dt{
     text-indent: -2.6em;
     padding: 0 10px 0px 35px;
}
#qa dl dt{
     margin:20px 10px 0 0;
}
#qa dl dd{
     margin: 20px 0 -1px 0;
     padding-bottom:20px;
     border-bottom: 1px #ccc dotted;
}
}