@charset "utf-8";
/*
	Theme Name: pianotatunootoshigo
	Description: タツノ音シゴピアノ教室のサイトです。
	Theme URI: https://pianotatunootoshigo.com/
	Author: pianotatunootoshigo.com
	Author URI: https://pianotatunootoshigo.com/
	License: GNU General Public License
	License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


@media screen and (min-width: 761px) {


body,p,div,ul,li,h1,h2,h3,h4,h5 { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; font-family: sans-serif, Arial;}
li { display:inline; float:left; list-style: none ; }
a img{ border:none; }
a:link { color: #9ACCFF ; text-decoration: none ;}
a:hover { color: #9ACCFF ; text-decoraiton: none ; }
a:visited { color: #9ACCFF ; text-decoration: none;}
a:active { color: #9ACCFF ; text-decoration: none;}
table { border-top: 0px #666666 solid; border-left: 0px #666666 solid; }
td { border-right: 0px #666666 solid; border-bottom: 0px #666666 solid; font-family: 'M PLUS Rounded 1c', sans-serif, Arial; font-size: 14px; line-height: 20px;}
p { font-size: 28px; font-family: 'M PLUS Rounded 1c', sans-serif, Arial; line-height: 56px; }
p.resizeimage img { width: 100%; text-align:center; }
hr { border-width: 2px 0px 0px 0px; border-style: dotted ; border-color: #BBBBBB; height: 1px; }
.pc_br{ display: none; }

h1 { font-family: 'M PLUS Rounded 1c', sans-serif, Arial; font-size: 26px; font-weight:normal; line-height: 50px; margin-right:50px;}
h2 { font-family: 'M PLUS Rounded 1c', sans-serif, Arial; font-size: 40px; font-weight:normal; line-height: 50px; }
h3 { font-family: 'M PLUS Rounded 1c', sans-serif, Arial; font-size: 35px; font-weight:normal; height: 50px; color:#D86C00; margin-bottom:30px;}
h4 { font-family: 'M PLUS Rounded 1c', sans-serif, Arial; font-size: 35px; font-weight:normal; height: 50px; color:#D86C00; margin-bottom:40px;}

.pc_no { display: none; }
.pic100 { width:100%;}
.pic95 { width:95%;}
.pic87 { width:87%;}
.font01 {color:#D86C00;}
.font02 { text-align:center; }
.font03 {color:#000000; font-size: 28px;}
.navi01 { width:120px; height:40px; float:right;}
.navi01 a{ display:block; background:url(images/more01_b.png) no-repeat; overflow:hidden; }
.navi01 a:hover img{ position:relative; z-index:-1; }
.navi01 a:hover{ width:120px; height:40px; background-color:transparent; }
.style_400 { width:600px;}
.style_260 { width:300px;}

.f100 { width: 100% ; height:100px; float:left; }
.f50 { width: 100% ; text-align:right; height:50px; float:left; }
.f20 { width: 100% ; text-align:right; height:20px; float:left; }

.backtotop { position: fixed; right: 15px; bottom: 210px; z-index: 9000; display: none; }    
.backtotop a { display: block; color: #ffffff; padding: 20px 10px; margin: 0; background-color: #73B9FF; border-radius: 5px; text-decoration: none; font-size: 16px; font-weight: bold;}
.backtotop a:hover { background: #ffffff; color: #73B9FF;}

.menu-btn {
    position: fixed;
    top: 20px;
    left: 20px;
    display: flex;
    height: 78px;
    width: 70px;
    justify-content: center;
    align-items: center;
    z-index: 90;
	color: #73B9FF;
	font-size:18px;
	font-weight:bold;
	background-color: #ffffff;
	border-radius: 10px;
	border: 5px solid #73B9FF;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #73B9FF;
    position: absolute;
	top: 16px;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
.menu-content ul {
    padding: 70px 30px ;
}
.menu-content ul li {
    border-bottom: solid 1px #73B9FF;
    list-style: none;
	width: 100%;
	margin-top: 30px;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 23px;
    box-sizing: border-box;
    color:#73B9FF;
    text-decoration: none;
    padding: 5px 15px 10px 0;
    position: relative;
}
.menu-content ul li a:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #73B9FF;
    border-right: solid 2px #73B9FF;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
.menu-content {
    width: 20%;
	min-width:320px;
    height: 100%;
    position: fixed;
    top: 0;
    right: 100%;
    z-index: 80;
    background-color: #ffffff;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

html,body { text-align: center ; margin: 0 auto ; background:#EAFAFF; font-family: 'M PLUS Rounded 1c', sans-serif;}

#outline { text-align: center ; margin: 0 auto ; min-width:1200px;}
.header01 { width: 20% ; min-width:400px; text-align: right ; position: fixed; top: 0px; right: 0px; z-index: 9001;}
.header01 a:hover { opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )";}

#home_h { width: 100% ; text-align: center ; margin: 50px auto ; }
#home_h_sp { display: none;}

#outline01 { width:100%; text-align: center ; }
.home01 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home01_text01 { width: 10% ; text-align: center ; float:left;}
.home01_text02 { width: 85% ; text-align: center ; float:right; background-color:#ffffff; border-radius: 50px; margin-right:5%;}
.home01_text02_a { width: 92% ; text-align: left ; margin: 4% 4% 4% 4% ; float:left; }
.home01_text02_b { width: 100% ; text-align: left ; float:left; margin-bottom:50px; }
.home01_text02_b1 { width: 400px ; text-align: left ; float:left; }
.home01_text02_b2 { width: 500px ; text-align: left ; float:left; margin-top:5px; }
.home01_text02_c { width: 100% ; text-align: left ; float:left; margin-bottom:50px; }
.home01_text02_c1 { width: 23% ; text-align: left ; float:left; }
.home01_text02_c2 { width: 23% ; text-align: left ; float:left; margin-left:2.5%; }
.home01_text02_c3 { width: 23% ; text-align: left ; float:left; margin-left:2.5%; }
.home01_text02_c4 { width: 23% ; text-align: left ; float:left; margin-left:2.5%; }

#outline02 { width:100%; text-align: center ; }
.home02 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home02_text01 { width: 44% ; text-align: left ; float:left;}
.home02_text02 { width: 10% ; text-align: center ; float:left;}
.home02_text03 { width: 42% ; text-align: left ; float:left;}

#outline03 { width:100%; text-align: center ; }
.home03 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home03_text01 { width: 10% ; text-align: center ; float:left;}
.home03_text02 { width: 42% ; text-align: left ; float:left;}
.home03_text03 { width: 44% ; text-align: left ; float:right;}

#outline04 { width:100%; text-align: center ; }
.home04 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home04_text01 { width: 44% ; text-align: left ; float:left;}
.home04_text02 { width: 10% ; text-align: center ; float:left;}
.home04_text03 { width: 42% ; text-align: left ; float:left;}

#outline05 { width:100%; text-align: center ; }
.home05 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home05_text01 { width: 10% ; text-align: center ; float:left;}
.home05_text02 { width: 38% ; text-align: left ; float:left;}
.home05_text03_pc { width: 44% ; text-align: left ; float:right;}
.home05_text03_sp { display: none;}
.home05_text04 { width: 44% ; text-align: center ; float:left; margin-left:10%;}
.home05_text04 a:hover { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
.home05_text05 { width: 44% ; text-align: center ; float:right;}
.home05_text05 a:hover { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}

#outline06 { width:100%; text-align: center ; }
.home06 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home06_text01 { width: 10% ; text-align: center ; float:right;}
.home06_text02 { width: 85% ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px; margin-left:5%;}
.home06_text02_a { width: 92% ; text-align: left ; margin: 4% 4% 4% 4% ; float:left; }
.home06_text02_b { width: 100% ; text-align: left ; float:left; margin-bottom:50px; }
.home06_text02_b1 { width: 400px ; text-align: left ; float:left; }
.home06_text02_c { width: 100% ; text-align: left ; float:left; margin-bottom:50px; }

#outline07 { width:100%; text-align: center ; }
.home07 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home07_text01 { width: 10% ; text-align: center ; float:left;}
.home07_text02 { width: 42% ; text-align: left ; float:left;}
.home07_text03 { width: 44% ; text-align: left ; float:right; margin-top:120px;}
.home07_text02_a { width: 44% ; text-align: left ; float:left; margin-left:10%;}
.home07_text03_a { width: 41% ; text-align: left ; float:right; margin-left:5%;}
.home07_text02_b { width: 41% ; text-align: left ; float:left; margin-left:10%;}
.home07_text03_b { width: 44% ; text-align: left ; float:right; margin-left:5%;}

#sub_h { width: 100% ; text-align: center ; margin: 130px 0 40px 0 ; }
#sub_h_sp { display: none;}

#instructor_out01 { width:100%; text-align: center ; }
.instructor01 { width: 100% ; text-align: center ; margin: 0 auto ;}
.instructor01_text01 { width: 10% ; text-align: center ; float:left;}
.instructor01_text02 { width: 85% ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px; }
.instructor01_text02_l { width: 85% ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px; margin: 5% 0 0 10%; }
.instructor01_text03 { width: 92% ; text-align: left ; margin: 4% 4% 4% 4% ; float:left; }
.instructor01_text04 { width: 100% ; text-align: left ; float:left; margin-bottom:50px; }
.instructor02_text01 { width: 50% ; text-align: left ; float:left;}
.instructor02_text02 { width: 50% ; text-align: left ; float:left;}

#qa_out01 { width:100%; text-align: center ; }
.qa01 { width: 100% ; text-align: center ; margin: 0 auto ;}
.qa01_text01 { width: 10% ; text-align: center ; float:left;}
.qa01_text02 { width: 85% ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px; }
.qa01_text03 { width: 92% ; text-align: left ; margin: 4% 4% 4% 4% ; float:left; }
.qa01_text04 { width: 100% ; text-align: left ; float:left; margin-bottom:50px; }

#news_out01 { width:100%; text-align: center ; }
.news01 { width: 100% ; text-align: center ; margin: 0 auto ;}
.news01_text01 { width: 10% ; text-align: center ; float:left;}
.news01_text02 { width: 85% ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px; }
.news01_text03 { width: 92% ; text-align: left ; margin: 4% 4% 4% 4% ; float:left; }
.news01_text04 { width: 100% ; text-align: left ; float:left; margin-bottom:50px; }

#contact_out01 { width:100%; text-align: center ; }
.contact01 { width: 100% ; text-align: center ; margin: 0 auto ;}
.contact01_text01 { width: 10% ; text-align: center ; float:left;}
.contact01_text02 { width: 85% ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px; }
.contact01_text03 { width: 92% ; text-align: left ; margin: 4% 4% 4% 4% ; float:left; }
.contact01_text04 { width: 100% ; text-align: left ; float:left; margin-bottom:50px; }

.wpcf7 span.wpcf7-not-valid-tip { color: #D86C00; font-size: 20px;}
.wpcf7-response-output { color: #D86C00; font-size: 20px;}
input { font-size: 26px;}
textarea { font-size: 26px; width: 500px ;}
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 20px;
  font-weight: bold;
  width: 200px;
  height: 50px;
  border-radius: 10px;
  background-color: #5691BD;
  border: none;
  color: #fff;
  cursor: pointer;
  text-align: center ;
}
span.wpcf7-spinner {
  display: none;
}
	
#footer { width: 100% ; float:left; margin: 0 auto ; background-color:#72B8FF; clear: both; bottom:0; }
.footer01 { width: 1100px ; height: 56px ; text-align: center ; margin: 0 auto ; }
.footer_text01 { width: 1100px ; float:left; }
.footer_text01 p { font-size: 24px; font-family: 'M PLUS Rounded 1c', sans-serif, Arial; line-height: 56px; color:#ffffff; }

/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateX(-200px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}

.fadeUp2{
animation-name:fadeUp2Anime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUp2Anime{
  from {
    opacity: 0;
  transform: translateX(200px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUp2Trigger{
    opacity: 0;
}

}



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

body,p,div,ul,li,h1,h2,h3,h4,h5 { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; font-family: sans-serif, Arial;}
li { display:inline; float:left; list-style: none ; }
a img{ border:none; }
a:link { color: #9ACCFF ; text-decoration: none ;}
a:hover { color: #9ACCFF ; text-decoraiton: none ;}
a:visited { color: #9ACCFF ; text-decoration: none;}
a:active { color: #9ACCFF ; text-decoration: none;}
table { border-top: 0px #666666 solid; border-left: 0px #666666 solid; }
td { border-right: 0px #666666 solid; border-bottom: 0px #666666 solid; font-family: 'M PLUS Rounded 1c', sans-serif, Arial; font-size: 14px; line-height: 20px;}
p { font-size: 27px; font-family: 'M PLUS Rounded 1c', sans-serif, Arial; line-height: 56px; }
p.resizeimage img { width: 100%; text-align:center; }
hr { border-width: 3px 0px 0px 0px; border-style: dotted ; border-color: #BBBBBB; height: 1px; }
.sp_no { display: none; }


h1 { font-family: 'M PLUS Rounded 1c', sans-serif, Arial; font-size: 23px; font-weight:normal; line-height: 50px; margin-right:50px;}
h2 { font-family: 'M PLUS Rounded 1c', sans-serif, Arial; font-size: 40px; font-weight:normal; line-height: 50px; }
h3 { font-family: 'M PLUS Rounded 1c', sans-serif, Arial; font-size: 32px; font-weight:normal; height: 50px; color:#D86C00; margin-bottom:30px;}
h4 { font-family: 'M PLUS Rounded 1c', sans-serif, Arial; font-size: 35px; font-weight:normal; height: 50px; color:#D86C00; margin-bottom:40px;}

.sp_no { display: none; }
.sp_c { text-align:center; }
.pic100 { width:100%;}
.pic95 { width:95%;}
.pic87 { width:87%; }
.font01 { color:#D86C00;}
.font02 { text-align:center; margin-top:20px;}
.font03 {color:#000000; font-size: 27px;}
.font04 { font-size: 24px;}
.navi01 { width:120px; height:40px; float:right;}
.navi01 a{ display:block; background:url(images/more01_b.png) no-repeat; overflow:hidden; }
.navi01 a:hover img{ position:relative; z-index:-1; }
.navi01 a:hover{ width:120px; height:40px; background-color:transparent; }
.style_400 { width:300px;}
.style_260 { width:340px;}

.f100 { width: 100% ; height:80px; float:left; }
.f50 { width: 100% ; text-align:right; height:50px; float:left; }
.f20 { width: 100% ; text-align:right; height:20px; float:left; }

.backtotop { position: fixed; right: 15px; bottom: 210px; z-index: 9000; display: none; }    
.backtotop a { display: block; color: #ffffff; padding: 20px 10px; margin: 0; background-color: #73B9FF; border-radius: 5px; text-decoration: none; font-size: 16px; font-weight: bold;}
.backtotop a:hover { background: #ffffff; color: #73B9FF;}

.menu-btn {
    position: fixed;
    top: 20px;
    left: 20px;
    display: flex;
    height: 78px;
    width: 70px;
    justify-content: center;
    align-items: center;
    z-index: 90;
	color: #73B9FF;
	font-size:18px;
	font-weight:bold;
	background-color: #ffffff;
	border-radius: 10px;
	border: 5px solid #73B9FF;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #73B9FF;
    position: absolute;
	top: 16px;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
.menu-content ul {
    padding: 70px 30px ;
}
.menu-content ul li {
    border-bottom: solid 1px #73B9FF;
    list-style: none;
	width: 100%;
	margin-top: 30px;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 23px;
    box-sizing: border-box;
    color:#73B9FF;
    text-decoration: none;
    padding: 5px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #73B9FF;
    border-right: solid 2px #73B9FF;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
.menu-content {
    width: 20%;
	min-width:320px;
    height: 100%;
    position: fixed;
    top: 0;
    right: 100%;
    z-index: 80;
    background-color: #ffffff;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

html,body { text-align: center ; margin: 0 auto ; background:#EAFAFF; }

#outline { text-align: center ; margin: 0 auto ;}
.header01 { width: 480px ; text-align: right ; position: fixed; top: 0px; right: 0px; z-index: 9001;}
.header01 a:hover { opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )";}

#home_h { display: none; }
#home_h_sp { width: 100% ; text-align: center ; margin: 150px 0 20px 0 ; }

#outline01 { width:100%; text-align: center ; }
.home01 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home01_text01 { width: 100px ; text-align: center ; float:left;}
.home01_text02 { width: 600px ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px;}
.home01_text02_a { width: 92% ; text-align: left ; margin: 40px ; float:left; }
.home01_text02_b { width: 100% ; text-align: left ; float:left; margin-bottom:30px; }
.home01_text02_b1 { width: 400px ; text-align: left ; float:left; }
.home01_text02_b2 { width: 500px ; text-align: left ; float:left; margin-top:5px; }
.home01_text02_c { width: 540px ; text-align: left ; float:left; margin-bottom:20px; }
.home01_text02_c1 { width: 250px ; text-align: left ; float:left; }
.home01_text02_c2 { width: 250px; text-align: left ; float:left; margin-left:20px; }
.home01_text02_c3 { width: 250px ; text-align: left ; float:left; margin: 20px 0 10px 0; }
.home01_text02_c4 { width: 250px ; text-align: left ; float:left; margin: 20px 0 10px 20px; }


#outline02 { width:100%; text-align: center ; }
.home02 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home02_text01 { width: 55% ; text-align: left ; float:left;}
.home02_text02 { width: 80px ; text-align: center ; float:left; margin-left:20px;}
.home02_text03 { width: 620px ; text-align: left ; float:right; margin: 70px 60px 0 70px;}

#outline03 { width:100%; text-align: center ; }
.home03 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home03_text01 { width: 80px ; text-align: center ; float:right; margin-right:20px;}
.home03_text02 { width: 620px ; text-align: left ; float:left; margin: 70px 0 0 70px;}
.home03_text03 { width: 55% ; text-align: left ; float:right;}

#outline04 { width:100%; text-align: center ; }
.home04 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home04_text01 { width: 55% ; text-align: left ; float:left;}
.home04_text02 { width: 80px ; text-align: center ; float:left; margin-left:20px;}
.home04_text03 { width: 620px ; text-align: left ; float:left; margin: 70px 60px 0 70px;}

#outline05 { width:100%; text-align: center ; }
.home05 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home05_text01 { width: 100px ; text-align: center ; float:left;}
.home05_text02 { width: 620px ; text-align: left ; float:left; margin: 50px 0 0 80px;}
.home05_text03_pc { display: none;}
.home05_text03_sp { width: 580px ; text-align: left ; float:left;}
.home05_text04 { width: 580px ; text-align: left ; float:left; margin-left: 80px;}
.home05_text04 a:hover { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
.home05_text05 { width: 580px ; text-align: left ; float:left; margin: 80px 0 0 80px;}
.home05_text05 a:hover { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}

#outline06 { width:100%; text-align: center ; }
.home06 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home06_text01 { width: 100px ; text-align: center ; float:right;}
.home06_text02 { width: 600px ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px; margin-left:5%;}
.home06_text02_a { width: 92% ; text-align: left ; margin: 40px ; float:left; }
.home06_text02_b { width: 100% ; text-align: left ; float:left; margin-bottom:50px; }
.home06_text02_b1 { width: 400px ; text-align: left ; float:left; }
.home06_text02_c { width: 520px ; text-align: left ; float:left; }

#outline07 { width:100%; text-align: center ; }
.home07 { width: 100% ; text-align: center ; margin: 0 auto ;}
.home07_text01 { width: 100px ; text-align: center ; float:left;}
.home07_text02 { width: 560px ; text-align: left ; float:left;}
.home07_text03 { width: 560px ; text-align: left ; float:left; margin: 80px 0 0 100px;}
.home07_text02_a { width: 560px ; text-align: left ; float:left; margin: 80px 0 0 100px;}
.home07_text03_a { width: 560px ; text-align: left ; float:left; margin-left: 100px;}
.home07_text02_b { width: 560px ; text-align: left ; float:left; margin-left: 100px;}
.home07_text03_b { width: 560px ; text-align: left ; float:left; margin: 80px 0 0 100px;}

#sub_h { display: none; }
#sub_h_sp { width: 100% ; text-align: center ; margin: 150px 0 20px 0 ; }

#instructor_out01 { width:100%; text-align: center ; }
.instructor01 { width: 100% ; text-align: center ; margin: 0 auto ;}
.instructor01_text01 { width: 100px ; text-align: center ; float:left;}
.instructor01_text02 { width: 600px ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px;}
.instructor01_text02_l { width: 600px ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px; margin: 50px 0 0 100px}
.instructor01_text03 { width: 92% ; text-align: left ; margin: 40px ; float:left; }
.instructor01_text04 { width: 520px ; text-align: left ; float:left; }
.instructor02_text01 { width: 520px ; text-align: left ; float:left; margin: 50px 0 0 0 ;}
.instructor02_text02 { width: 520px ; text-align: left ; float:left;} 

#qa_out01 { width:100%; text-align: center ; }
.qa01 { width: 100% ; text-align: center ; margin: 0 auto ;}
.qa01_text01 { width: 100px ; text-align: center ; float:left;}
.qa01_text02 { width: 600px ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px;}
.qa01_text03 { width: 92% ; text-align: left ; margin: 40px ; float:left; }
.qa01_text04 { width: 520px ; text-align: left ; float:left; }

#news_out01 { width:100%; text-align: center ; }
.news01 { width: 100% ; text-align: center ; margin: 0 auto ;}
.news01_text01 { width: 100px ; text-align: center ; float:left;}
.news01_text02 { width: 600px ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px;}
.news01_text03 { width: 92% ; text-align: left ; margin: 40px ; float:left; }
.news01_text04 { width: 520px ; text-align: left ; float:left; }

#contact_out01 { width:100%; text-align: center ; }
.contact01 { width: 100% ; text-align: center ; margin: 0 auto ;}
.contact01_text01 { width: 100px ; text-align: center ; float:left;}
.contact01_text02 { width: 600px ; text-align: center ; float:left; background-color:#ffffff; border-radius: 50px;}
.contact01_text03 { width: 92% ; text-align: left ; margin: 40px ; float:left; }
.contact01_text04 { width: 520px ; text-align: left ; float:left; }

.wpcf7 span.wpcf7-not-valid-tip { color: #D86C00; font-size: 20px;}
.wpcf7-response-output { color: #D86C00; font-size: 20px;}
input { font-size: 20px; border: 1px solid #000000;}
textarea { font-size: 20px; width: 270px ; border: 1px solid #000000;}
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 27px;
  font-weight: bold;
  width: 200px; 
  height: 50px;
  border-radius: 10px;
  background-color: #5691BD;
  border: none;
  color: #fff;
  cursor: pointer;
}
span.wpcf7-spinner {
  display: none;
}

	
#footer { width: 100% ; float:left; margin: 0 auto ; background-color:#72B8FF; clear: both; bottom:0; }
.footer01 { width: 760px ; height: 56px ; text-align: center ; margin: 0 auto ; }
.footer_text01 { width: 760px ; float:left; }
.footer_text01 p { font-size: 24px; font-family: 'M PLUS Rounded 1c', sans-serif, Arial; line-height: 56px; color:#ffffff; }

/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(-200px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}

.fadeUp2{
animation-name:fadeUp2Anime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUp2Anime{
  from {
    opacity: 0;
  transform: translateY(200px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUp2Trigger{
    opacity: 0;
}

}