@charset "UTF-8";

/* 基本設定 */
*{padding:0;margin:0;}

.wapper{
width: 100%;	
background:#f9f9f9;	
	
}



.container {
	background-color: #ffffff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	max-width :1080px;
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

.row {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline-block
}
.body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



.pc-header{
width:100%;	
max-width: 1080px;
height: 100px;
background: #ffffff;
}


.pc-header-left {
float: left;	
width: 60%;
		
}
.pc-header-left > p {
font-size:27px;
font-weight: normal;	
text-decoration: none;	
padding-top:0px;	
padding-left:20px;	
line-height: 110%;
letter-spacing: 3px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
font-style: italic;
}
.pc-header-left > p >a {
text-decoration: none;
color:#4a4a4a;	
}
.pc-header-title-span{
font-size:14px;	
letter-spacing: 2px;	
}


.pc-header-right {
float: left;	
width: 40%;
}

.pc-header-right > p {
font-size:12px;
font-weight: normal;	
color:#4a4a4a;
text-align: right;
line-height: 120%;	
padding-top:20px;	
padding-right:0px;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}


.pc-header-right > p > a {
  color:#4a4a4a;
  text-decoration: none;
}
.pc-header-right > p > a:hover {
  color:#4a4a4a;
  text-decoration: underline;
}




/* スマホヘッダーメニュー */

/* SPヘッダー3ハンバーガーのみ */
.sp-header {	
position: fixed;	
top: 0;	
left: 0;
width: 100%;
padding-bottom: 0px;
	z-index: 25;
background: #ffffff;	
	height: 50px;
margin-top:0px;	
  box-shadow: 0px 1px 3px #dfdfdf;		
}
.sp-header-menu1{
width: 66%;	
margin: 0 auto;
float:left;	
height: 50px;
padding-top:0px;
padding-left:2%;	
line-height: 110%;	
}
.sp-header-menu1> a{
font-size:17px;	
color:#5f5f5f;
text-decoration: none;
padding-left:0%;
letter-spacing: 1px;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
font-style: italic;	
}
.sp-header-span{
font-size:9px;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
font-style: italic;	
}

.sp-header-menu2{
width: 9%;	
margin-top:5px;
margin-right:2%;	
float:right;	
height: 33.5px;	
background: #ffffff;
padding-top:12px;
padding-left:1%;

}

/* spハンバーガー */
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 11%;
  height: 52px;
  vertical-align: middle;	
padding-left: 10%;	
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 1px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 1px;
  background: #b4b4b4;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
padding-top:5%;	
padding-left:5%;	
background: rgb(250, 255, 244, 0.9);	
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 350px;/*最大幅（調整してください）*/
  height: 100%;
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

#nav-content > li
{
	position: relative;
	width: 95%;
  color: black;
  border-left: solid 0px orange;/*左側の線*/
  margin-bottom: 6px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 12px 0;
  border-bottom:1px solid #e9e9e9;	
  list-style-type: none!important;
}
#nav-content > li:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #8a8a8a;
  border-right: solid 1px #8a8a8a;
  position: absolute;
  top: 50%;
 right: 25px;
  margin-top: -4px;
  transform: rotate(45deg);
}


#nav-content  > li > a {
	font-weight: normal;
	   color: #353535;
	text-decoration: none;
display:block;
font-size:18px;	
padding-left:10%;
letter-spacing: 2px;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}



/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}




.row.blockDisplay {
	display: block;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}



/* ＰＣメニュー */


.menu {
    position: relative;
    width: 100%;
    max-width: 1080px;
    margin-bottom:0px;
	padding:0;
}

.menu > li {
    float: left;
    width: 180px; 
    height: 40px;
    line-height: 40px;
    background: #7bb661;
	list-style: none;	
}

.menu > li a {
    display: block;
    color: #ffffff;
	text-decoration: none;
	font-size:16px;
	text-align: center;
	letter-spacing: 2px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.menu > li a:hover {
    background: #8cc873;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
	padding:0;
}



.menu > li:hover {
    background: rgb(213, 255, 170, 0.8);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #d5eaff;
	list-style: none;
	padding:0;
	margin:0;
}
.menu__second-level li  a {
    border-bottom:0px solid #111;
	padding:0;
	margin:0;
	text-align: center;
}

.menu__second-level li a:hover {
    background: rgb(213, 255, 170, 0.8);
}



/* 下矢印 */
.init-bottom1:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
	margin-bottom:5px;
    margin-left: 15px;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;

}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: rgb(213, 255, 170, 0.2);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 40px;
    visibility: visible;
    opacity: 1;
}

li.menu__single-last{
width: 156px;	
}


/* 基本Pタグ設定 */

p{
    margin: 10px auto;
	padding-left: 1%;
	padding-right: 0%;
    font-size: 17px;
	text-align: left;
	letter-spacing: 1px;
	width: 96%;
	max-width: 680px;
	line-height: 170%;
	color:#2a2a2a;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;	
}

p.spsite{
	padding-left: 4%;
	padding-right: 4%;
    font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
	width: 100%;
color: #4a4a4a;		
line-height: 190%;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;	
}

/* pcサイトで使っているCSS*/





h1{
font-size: 30px;
width: 980px;	
text-align: center;
margin:auto;	
color:#558d1d;	
letter-spacing: 3px;		
margin-top:50px;
padding-left:40px;	
padding-bottom:0px;
margin-bottom:0px;	
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
font-style: italic;
}

.pc-h1-komiji{
font-size:17px;	
}
.pc-h1-sen{
width: 500px;
margin:auto;
margin-bottom:40px;	
}

h2{
font-size: 30px;
width: 980px;	
text-align: left;
margin:auto;	
color:#558d1d;	
letter-spacing: 3px;		
border-bottom: 1px solid #aaaaaa;
margin-top:50px;
padding-left:40px;	
padding-bottom:0px;
margin-bottom:0px;	
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
font-style: italic;
}

h3{
font-size: 24px;
width: 98%;	
text-align: left;
margin:auto;	
color: #558d1d;	
letter-spacing: 2px;			
border-bottom: 1px solid #e9e9e9;	
padding-top:0px;
padding-left:3%;
margin-top:30px;	
margin-bottom:30px;	
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
font-style: italic;
}


h4{
font-size: 24px;
width: 98%;	
text-align: left;
margin:auto;	
color: #558d1d;	
letter-spacing: 2px;				
padding-top:27px;
padding-left:3%;
margin-top:30px;		
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
font-style: italic;
}
.sp-h4-sen{
width: 100%;
margin-bottom:50px;	
}

/* pcトップメイン画像 */
.pc-top-main{
width: 100%;
}
.pc-top-main-bun-zentai{
width: 100%;
max-width: 1080px;
margin-top:-10px;	
padding:40px 0;
background-image: url("../images/pc-main-bun-back1.jpg") ;
background-repeat: no-repeat;		
}
.pc-top-bun-title{
width: 100%;
margin:auto;	
}
.pc-top-bun-title > p{
font-size:25px;	
color:#558d1d;	
font-family: park-lane, serif;	
}
.pc-top-main-bun{
width: 980px;
margin:auto;
padding:20px;	
background: #ffffff;	
}
.pc-top-main-bun > p{
font-size:17px;
letter-spacing: 2px;
color: #4a4a4a;	
}
/* pcトップイメージリンク*/
.pc-top-linkimage-zentai{
width: 100%;
padding:80px 0;	
background: #ffffff;	
}
.pc-top-linkimage-naka{
width: 90%;
margin:auto;	
}
table.pc-top-link-image{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
	
}
table.pc-top-link-image td{
width: 33.333%;		
}
.pc-linkimage{
width: 60%;
margin:auto;	
}

/* pc演奏依頼*/
.pc-top-irai-title{
width: 900px;
margin:auto;
margin-top:30px;
margin-bottom:0px;
font-size:24px;	
text-align:left;
padding-left:80px;
padding-bottom:15px;	
letter-spacing: 2px;	
font-family: "sawarabi-mincho", sans-serif;	
}

.pc-top-irai-sen{
width: 900px;
margin:auto;
margin-top:-20px;	
}

.pc-top-irai-bun{
width: 850px;
margin:auto;
margin-bottom:0px;	
padding:20px 30px;	
}
.pc-top-irai-bun > p{
font-size:17px;	
}
.pc-top-irai-botan{
width: 300px;
margin:auto;
margin-bottom:50px;	
}
.pc-top-irai-botan a:hover{
opacity: 0.8;
}

/* pcニュース*/
.pc-news-zentai{
width: 400px;
margin:auto;
margin-top:40px;	
}
table.pc-news-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
	
}
table.pc-news-table th{
width: 20%;	
padding:10px 0;	
text-align: left;
font-size:17px;
font-weight: normal;
color: #4a4a4a;		
}
table.pc-news-table td{
width: 80%;	
padding:10px 0;
font-size:17px;
font-weight: normal;
color: #4a4a4a;		
}

/* pcプロフィール */
.pc-profile-zentai{
width: 100%;
margin-top:50px;	
}
.pc-profile-naka{
width: 900px;
margin:auto;	
}
table.pc-profile-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
	
}
table.pc-profile-table th{
width: 50%;
vertical-align: top;	
}

table.pc-profile-table td{
width: 50%;		
vertical-align: top;
	
}
.pc-profile-photo{
width: 100%;
text-align: center;
padding-top:18px;	
}
.pc-profile-namae{
width: 95%;
margin:auto;	
}
.pc-profile-namae > p{
font-size:25px;
font-weight: bold;	
color: #4a4a4a;		
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.pc-profile-span{
font-size:20px;
font-weight: normal;	
} 
.pc-profile-bun{
width: 95%;
margin:auto;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;	
}
.pc-profile-bun > p{
font-size:17px;	
color: #4a4a4a;		
}

/* pcスケジュール */
.pc-schedule-zentai{
width: 100%;
margin-top:50px;	
}
.pc-schedule-naka{
width: 900px;
margin:auto;	
}
.pc-setumeibun{
width: 90%;
margin:25px auto;	
}
.pc-setumeibun > p{
font-size:15px;
letter-spacing: 1px;
color: #2a2a2a;	
text-align: center;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;	
	
}
table.pc-schedule-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
	
}
table.pc-schedule-table th{
width: 50%;
vertical-align: top;	
}

table.pc-schedule-table td{
width: 50%;		
vertical-align: top;	
}
.pc-schedule-photo{
width: 100%;
text-align: left;
padding-top:0px;	
}
.pc-schedule-namae{
width: 100%;
margin:auto;
margin-bottom:30px;
padding:2px 0;	
background: rgb(191, 234, 149, 0.8);	
}
.pc-schedule-namae > p{
font-size:24px;
font-weight: bold;	
color: #2a2a2a;		
text-align: center;
line-height: 140%;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.span-komoji{
font-size:13px;		
}
.span-kokmoji1{
width: 100%;
font-size:13px;
line-height: 130%;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;	
}
.span-komoji2{
width: 100%;
font-size:13px;
line-height: 130%;
text-align: center;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;	
}
table.pc-schedule-naka-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
table-layout: fixed; 
}
table.pc-schedule-naka-table th{
width: 25%;
vertical-align: top;	
font-size:17px;
font-weight: normal;
text-align: left;	
padding-bottom:12px;	
color: #4a4a4a;	
line-height: 180%;	
}

table.pc-schedule-naka-table td{
width:75%;		
vertical-align: top;
font-size:17px;
font-weight: normal;
text-align: left;
padding-bottom:25px;	
color: #4a4a4a;	
padding-left:10px;	
line-height: 180%;	
overflow-wrap: anywhere;	
}
table.pc-schedule-naka-table td a{
text-decoration: none;	
}
table.pc-schedule-naka-table td a:hover{
text-decoration: underline;	
}

.pc-schedule-bun{
width: 95%;
margin:auto;	
}
.pc-schedule-bun > p{
font-size:17px;	
color: #4a4a4a;		
}

.pc-schedule-sen{
width: 90%;
margin:auto;
margin-top:50px;	
border-bottom:1px solid #cccccc;	
}
.pc-concert-sen{
width: 1000px;
margin:auto;
margin:40px;	
}
/* pcコンタクト */
.pc-contact-bun{
width: 850px;
margin:auto;
margin-top:40px;
margin-bottom:90px;	
}
.pc-contact-bun > p{
font-size:17px;
color: #4a4a4a;		
}

/* spトップメイン画像 */
.sp-top-mainimage{
width: 100%;
margin-top:27px;	
}
/* spトップメイン文 */
.sp-top-main-bun-zentai{
width: 100%;
margin-top:-10px;	
padding:20px 0;
background-image: url("../images/pc-main-bun-back1.jpg") ;
background-repeat: no-repeat;		
}
.sp-top-bun-title{
width: 100%;
margin:auto;	
}
.sp-top-bun-title > p{
font-size:25px;	
color:#558d1d;	
font-family: park-lane, serif;	
}
.sp-top-main-bun{
width: 90%;
margin:auto;
padding-top:20px;
padding-left:3%;
padding-right:3%;	
padding-bottom:20px;	
background: #ffffff;	
}
.sp-top-main-bun > p{
font-size:16px;
letter-spacing: 2px;
color: #4a4a4a;	
}

/* spトップ画像リンク*/
.sp-top-imagelink1{
width: 50%;
margin:auto;
padding:30px 0;	
}
.sp-top-imagelink2{
width: 50%;
margin:auto;
padding-bottom:30px;	
}

/* sp演奏依頼*/
.sp-top-irai-title{
width: 100%;
margin:auto;
margin-top:30px;
margin-bottom:0px;
font-size:20px;	
text-align:left;
padding-left:10%;
padding-bottom:15px;	
letter-spacing: 2px;	
font-family: "sawarabi-mincho", sans-serif;	
}

.sp-top-irai-sen{
width: 98%;
margin:auto;
margin-top:-20px;	
}

.sp-top-irai-bun{
width: 100%;
margin:auto;
margin-bottom:0px;	
padding:20px 2%;	
}
.sp-top-irai-bun > p{
font-size:17px;	
}
.sp-top-irai-botan{
width: 80%;
margin:auto;
margin-top:10px;
margin-bottom:20px;	
}

/* spニュース*/
.sp-news-zentai{
width: 90%;
margin:auto;
margin-top:40px;
margin-bottom:40px;	
}
table.sp-news-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
	
}
table.sp-news-table th{
width: 20%;	
padding:10px 0;	
text-align: left;
font-size:17px;
font-weight: normal;
color: #4a4a4a;		
vertical-align: top;	
}
table.sp-news-table td{
width: 80%;	
padding:10px 0;
padding-left:4%;	
font-size:17px;
font-weight: normal;
color: #4a4a4a;	
vertical-align: top;	
}

/* spプロフィール */
.sp-profile-photo{
width: 90%;
margin:auto;	
text-align: center;	
padding-top:10px;
padding-bottom:20px;	
}
.sp-profile-namae{
width: 90%;
margin:auto;
padding-bottom:5px;	
}
.sp-profile-namae > p{
font-size:22px;
font-weight: normal;	
letter-spacing: 2px;
color: #4a4a4a;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}
.sp-profile-span{
font-size:17px;
font-weight: normal;	
}
.sp-profile-bun{
width: 90%;
margin:auto;
margin-bottom:50px;	
}
.sp-profile-bun > p{
font-size:17px;
line-height: 140%;
color: #4a4a4a;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;		
}

/* spスケジュール */
.sp-schedule-photo{
width: 96%;
margin:auto;	
text-align: center;	
padding-top:10px;
padding-bottom:20px;	
}
.sp-setumeibun{
width: 90%;
margin:25px auto;	
}
.sp-setumeibun > p{
font-size:15px;
letter-spacing: 1px;
color: #2a2a2a;	
text-align: center;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;	
	
}
.sp-schedule-title{
width: 100%;
padding:10px 0;	
margin-bottom:40px;	
background: rgb(191, 234, 149, 0.8);	
}
.sp-schedule-namae{
width: 96%;
margin:auto;
padding:2px 0;	
	
}
.sp-schedule-namae > p{
font-size:19px;
font-weight: bold;	
letter-spacing: 2px;
color: #2a2a2a;	
text-align: center;	
line-height: 150%;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}
.sp-schedule-span{
font-size:17px;
font-weight: normal;	
}
.sp-schedule-bun {
  width: 90%;
  margin: auto;
  margin-bottom: 50px;	
}

table.sp-schedule-naka-table {
  width: 100%;	
  border-collapse: collapse;
  border-spacing: 0;
  margin: auto;
}

/* PC・タブレット時 */
table.sp-schedule-naka-table th {
  width: 24%;
  vertical-align: top;	
  font-size: 16px;
  font-weight: bold;
  text-align: left;	
  padding: 6px 8px;	
  color: #2a2a2a;		
  letter-spacing: 1px;
  line-height: 180%;	
  border-right: 1px solid #cccccc;
  background: rgba(191, 234, 149, 0.4);  /* 見出しと同系色の淡いグリーン */
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

/* --- スマホ用調整 --- */
@media screen and (max-width: 600px) {
  table.sp-schedule-naka-table th,
  table.sp-schedule-naka-table td {
    display: block;
    width: 100%;
    font-size: 15px;
    padding-left: 0;
    border-right: none;
  }

  table.sp-schedule-naka-table th {
    margin-top: 15px;
    font-weight: bold;
    color: #2a2a2a;
    background: rgba(191, 234, 149, 0.6); /* 少し濃いグリーンで強調 */
    padding: 6px 10px;
	margin-bottom:15px;  
    border-radius: 4px;
    letter-spacing: 1.5px;
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  }

  table.sp-schedule-naka-table td {
    padding-bottom: 20px;
    padding-left: 6px;
    background: #fff; /* 本文は白でメリハリ */
	word-break: break-all;  
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;	  
  }
}



.sp-schedule-sen{
width: 95%;
margin:auto;
margin-top:40px;
margin-bottom:40px;	
border-bottom:1px solid #cccccc;	
}
.sp-concert-sen{
width: 98%;
margin:auto;	
margin:40px 0;	
}
/* pcコンタクト */
.sp-contact-bun{
width: 100%;
margin:auto;
margin-top:40px;
margin-bottom:70px;	
}
.pc-contact-bun > p{
font-size:17px;
color: #4a4a4a;		
}

/* 上に戻るボタン */

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #aae272;
  opacity: 0.6;
  border-radius: 50%;
margin-right: 3%;
	margin-bottom: 3%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';	
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}






/* pcフッター */
.pc-sns-image{
width: 100%;
padding:30px 0;		
}
table.pc-footer-sns-table{
  width: 300px;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
}
table.pc-footer-sns-table td{
width: 50%;	
}
.pc-footer-sns{
width: 100%;
text-align: center;	
}

.pc-footer {
	width: 100%;
 max-width:1080px;
  background-color: #7bb661;
	height: auto;	
}


.pc-footer > p {
	width: 100%;
	text-align: center;
  font-size: 12px;
  color: #ffffff;
	letter-spacing: 1px;
padding-top:20px;	
padding-bottom:20px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}



/* spフッター */

.sp-sns-image{
width: 100%;
padding:30px 0;		
}
table.sp-footer-sns-table{
  width: 60%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
}
table.sp-footer-sns-table td{
width: 50%;	
}
.sp-footer-sns{
width: 100%;
text-align: center;	
}

.spfooter {
	width: 100%;
	clear: both;
  margin-top: -10px;
  text-align: center;
  border-top: solid 0px #b4b4b4;
  background-color:#7bb661;;	
}

.spfooter p {
	width: 100%;
	clear: both;
	text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 150%;
padding:10px 0;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}



*, *:before, *:after {
	box-sizing: border-box;
}



/* pc問い合わせフォーム */

.pc-form-bun{
width: 700px;
margin:auto;
}
.pc-form-bun > p{
font-size:17px;	
}



.pc-form {
	width:700px;
	margin:0 auto;
	margin-top:-50px;
	color:#4a4a4a;
	font-size:14px;
}
table.pc-formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.pc-formTable td,table.pc-formTable th{
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	padding:30px;
	border-collapse:collapse;	
}
table.pc-formTable th{
	width:30%;
	color:#4a4a4a;
	font-weight:normal;
	border-left:1px solid #e9e9e9;	
background: #f4f4f4;	
	text-align:left;
    font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;	
}
.pc-form-hissu{
font-size:12px;
color:#ff0000;	
}

table.pc-formTable td {
	width: 70%;
	font-size:16px;
	color:#4a4a4a;
	margin-top:5px;
	border-right:1px solid #e9e9e9;	
	border-bottom:1px solid #e9e9e9;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
form input[type="text"], form textarea {
	width:100%;
	padding:5px;
	font-size:110%;
	display:block;
}


/*pc問い合わせフォームボタン*/
.pc-toiawase-botan{
width: 350px;	
margin:auto;
margin-top:50px;
margin-bottom:50px;	
}
table.pc-toiawase-botan-table{
  width: 100%;	
border-collapse:collapse;
  border-pcacing: 0;
margin:auto;
}



table.pc-toiawase-botan-table th{
width: 50%;
}

table.pc-toiawase-botan-table td{
width: 50%;	
}


/* pc個人情報 */
.pc-kojinjouhou{
width: 800px;
margin:auto;
padding:30px 0;	
}
.pc-kojinjouhou > p{
font-size:16px;
}

.pc-kojinjouhou-right{
width: 800px;
margin:auto;	
}
.pc-kojinjouhou-right > p{
font-size:16px;
text-align: right;	
}


/* pc個人情報アコーディオン */

.cp_actab {
	position: relative;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
	color: #ffffff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	text-align: center;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 3;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
	margin-top:30px;
	background: #0068b7;
		font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	height: auto;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #4a4a4a;
	background: #ffffff;
}
.cp_actab .cp_actab-content p {
	margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 1500px;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}

/* pcボタン活性化 */

.policy{
  margin: 20px auto;
  text-align:center;
}
.submit_btnarea {
  width: 360px;
  margin: 0 auto;
}
.form_btn{
  background: #558d1d;
  border: 1px solid #fff;
  color: #ffffff;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
  transition: all .5s ease-out;
  position: relative;
}

.form_btn:hover{
  border: 1px solid #558d1d;
  background: #fff;
  color: #558d1d;
}
button[type="submit"][disabled] {
      background-color: #fff;
      color: #ccc;
      border-color: #ccc;
      cursor: default;
    }
  
  button[type="submit"][disabled]:hover{
    opacity:1;
  }

/* sp問い合わせフォーム */
.sp-form {
	width:100%;
	margin:0 auto;
	margin-top:30px;
	color:#4a4a4a;
	font-size:14px;	
}
table.sp-formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.sp-formTable td,table.sp-formTable th{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:20px;
}
table.sp-formTable th{
	width:30%;
	font-size:14px;
	color:#4a4a4a;
	font-weight:normal;
background: #f9f9f9;
	text-align:left;
    font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;	
}
.sp-form-hissu{
font-size:12px;
color:#ff0000;	
}

table.sp-formTable td {
	width: 70%;
	font-size:16px;
	color:#4a4a4a;
	margin-top:5px;
	border-right:1px solid #ccc;	
	border-bottom:1px solid #ccc;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
form input[type="text"], form textarea {
	width:100%;
	padding:5px;
	font-size:110%;
	display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:80%;
	height:35px;
    font-size:14px;
    line-height: 180%;
	text-align: center;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
-webkit-appearance: none;
	border: none;
	outline: none;
	border-radius: 0px;
	background: #0055aa;
	color:#ffffff;
	letter-spacing: 2px;
box-shadow: 5px 5px  #c7d5e2;		
}


/*sp問い合わせフォームボタン*/
.sp-toiawase-botan{
width: 100%;	
max-width: 350px;	
margin:auto;
margin-top:50px;
margin-bottom:50px;	
}
table.sp-toiawase-botan-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
margin:auto;
}

table.sp-toiawase-botan-table th{
width: 50%;
padding-left:5%;	
}

table.sp-toiawase-botan-table td{
width: 50%;	
padding-left:5%;	
	
}


/* sp個人情報 */
.sp-kojinjouhou{
width: 100%;
margin:auto;
padding-top:10px;	
padding-bottom:30px;	
}
.sp-kojinjouhou > p{
font-size:16px;
}

.sp-kojinjouhou-right{
width: 100%;
margin:auto;	
}
.sp-kojinjouhou-right > p{
font-size:16px;
text-align: right;	
}

/* sp個人情報アコーディオン */


.sp-cp_actab {
	position: relative;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
	color: #ffffff;
}
.sp-cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.sp-cp_actab label {
	text-align: center;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 3;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
	margin-top:30px;
	background: #0068b7;
		font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
.sp-cp_actab .sp-cp_actab-content {
	overflow: hidden;
	height: auto;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #4a4a4a;
	background: #ffffff;
}
.sp-cp_actab .sp-cp_actab-content p {
	margin: 1em;
}
/* :checked */
.sp-cp_actab input:checked ~ .sp-cp_actab-content {
	max-height: 2000px;
}
/* Icon */
.sp-cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.sp-cp_actab input[type=checkbox] + label::after {
	content: '+';
}
.sp-cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}



/* レッスンページ */

/* pcトップメイン*/
.pc-main{
width: 100%;
height: 300px;	
background-image: url("../images/pc-main-back.jpg");
  padding-top:10px;		
}

.pc-top-main-title{
  position: relative;
  display: block;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  margin:auto;	


background: rgb(255, 255, 255, 0.9);	
}
.pc-top-main-title > p {
  position: absolute;
  width: 100%;
font-size:32px;
letter-spacing: 3px;	
  left: 0;
  top: 47%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align:center;
  line-height: 170%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.pc-top-main-title-span{
font-size: 30px;	
}


/* pc見出し*/
.pc-midashi1{	
width: 850px;
position: relative;	
margin:auto;
margin-top:20px;
margin-bottom:70px;	
background-image: url("../images/pc-midashi-kazari-ue.svg"); 
background-repeat:  no-repeat;
background-position:  2% 0%; /*フレーム下部画像*/	
background-size: 15%;	
}
.pc-midashi1:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100px;
	margin-top:-100px;
	display: block;
	background-image: url("../images/pc-midashi-kazari-shita.svg"); 
	background-repeat:  no-repeat;
	background-position:  100% 100%; /*フレーム下部画像*/
    background-size: 15%;	
}
.pc-midashi1 > p{
font-size: 24px;
width: 700px;	
text-align: center;
margin:auto;	
color: #3f3f3f;	
letter-spacing: 3px;		
border-bottom: 1px solid #b4b4b4;	
padding-top:35px;
padding-bottom:0px;
margin-bottom:0px;	
font-weight: bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.pc-midashi2{	
width: 850px;
position: relative;	
margin:auto;
margin-top:80px;
margin-bottom:70px;	
background-image: url("../images/pc-midashi-kazari-ue.svg"); 
background-repeat:  no-repeat;
background-position:  2% 0%; /*フレーム下部画像*/	
background-size: 15%;	
}
.pc-midashi2:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100px;
	margin-top:-100px;
	display: block;
	background-image: url("../images/pc-midashi-kazari-shita.svg"); 
	background-repeat:  no-repeat;
	background-position:  100% 100%; /*フレーム下部画像*/
    background-size: 15%;	
}
.pc-midashi2 > p{
font-size: 24px;
width: 700px;	
text-align: center;
margin:auto;	
color: #3f3f3f;	
letter-spacing: 3px;		
border-bottom: 1px solid #b4b4b4;	
padding-top:35px;
padding-bottom:0px;
margin-bottom:0px;	
font-weight: bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.pc-midashi-komiji{
font-size:17px;	
}
.pc-midashi-eigo{
width: 100%;	
font-size:30px;
margin-top:10px;
margin-bottom:30px;	
text-align: center;
font-family: 'Tangerine', cursive;	
}

.sp-midashi1{	
width: 100%;
position: relative;	
margin:auto;
margin-top:40px;
margin-bottom:45px;	
background-image: url("../images/pc-midashi-kazari-ue.svg"); 
background-repeat:  no-repeat;
background-position:  0% 0%; /*フレーム下部画像*/	
background-size: 21%;	
}
.sp-midashi1:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 115px;
	margin-top:-112px;
	display: block;
	background-image: url("../images/pc-midashi-kazari-shita.svg"); 
	background-repeat:  no-repeat;
	background-position:  100% 100%; /*フレーム下部画像*/
	background-size: 21%;	
}
.sp-midashi1 > p{	
font-size: 20px;
width: 84%;	
text-align: center;
margin:auto;	
color: #4a4a4a;	
letter-spacing: 0px;		
border-bottom: 1px solid #bfbfbf;	
padding-top:20px;	
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.sp-h3-komoji{
font-size:13px;
line-height: 100%;	
}

.sp-midashi2{	
width: 100%;
position: relative;	
margin:auto;
margin-top:60px;
margin-bottom:45px;	
background-image: url("../images/pc-midashi-kazari-ue.svg"); 
background-repeat:  no-repeat;
background-position:  0% 0%; /*フレーム下部画像*/	
background-size: 21%;	
}
.sp-midashi2:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 115px;
	margin-top:-112px;
	display: block;
	background-image: url("../images/pc-midashi-kazari-shita.svg"); 
	background-repeat:  no-repeat;
	background-position:  100% 100%; /*フレーム下部画像*/
	background-size: 21%;	
}
.sp-midashi2 > p{	
font-size: 20px;
width: 84%;	
text-align: center;
margin:auto;	
color: #4a4a4a;	
letter-spacing: 0px;		
border-bottom: 1px solid #bfbfbf;	
padding-top:20px;	
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.sp-midashi-eigo{
width: 70%;	
font-size:24px;
color:#4a4a4a;	
padding-top:10px;
padding-bottom:30px;	
margin:auto;	
text-align: center;
font-family: 'Tangerine', cursive;	
}

/* pcレッスントップ文章*/
.pc-lesson-bun{
width: 850px;
margin:auto;
margin-top:40px;	
}
.pc-lesson-bun > p{
font-size:17px;
color:#4a4a4a;		
}

/* pcトップページ各レッスン*/

.pc-top-kakulessen-zentai{
width: 100%;
padding:20px 0;	
background:rgb(208, 240, 192, 0.5);	
	
}
.pc-top-kakulessen-zentai1{
width: 980px;	
margin:auto;	
}
.pc-top-kakulessen{
float: left;	
width: 480px;	
padding:20px 0;	
background: #fffff;	
}


.pc-top-kakulessen-naka{	
width: 90%;	
padding:20px 10px;	
background: #ffffff;	
margin:auto;
border-radius: 	10px;
border:1px solid #cccccc;	
box-shadow: 3px 3px 6px #cccccc;	
}
.pc-top-kakulessen-naka > p{
width: 85%;	
font-size:16px;
padding:10px;	
}

.pc-top-kakulessen-naka-image{
width: 95%;
margin:auto;
text-align: center;	
padding:0px 0;	
}

/* pcトップページ各レッスン見出し*/
.pc-top-youji-lessen-midashi{
position: relative;	
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:1px solid #9f9f9f;
}
.pc-top-youji-lessen-midashi:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ff8800;
	top:13%;
	left:0%;
	display: block;
background-repeat:  no-repeat;
background-position:  20% 85%; /*フレーム下部画像*/
}
.pc-top-youji-lessen-midashi > p{
font-size:19px;
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:30px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

.pc-top-gakusei-lessen-midashi{
position: relative;	
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:1px solid #9f9f9f;
}
.pc-top-gakusei-lessen-midashi:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #80ff00;
	top:13%;
	left:0%;
	display: block;
background-repeat:  no-repeat;
background-position:  20% 85%; /*フレーム下部画像*/
}
.pc-top-gakusei-lessen-midashi > p{
font-size:19px;
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:30px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

.pc-top-otona-lessen-midashi{
position: relative;	
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:1px solid #9f9f9f;
}
.pc-top-otona-lessen-midashi:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #55aaff;
	top:13%;
	left:0%;
	display: block;
background-repeat:  no-repeat;
background-position:  20% 85%; /*フレーム下部画像*/
}
.pc-top-otona-lessen-midashi > p{
font-size:19px;
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:30px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

.pc-top-hoikushi-lessen-midashi{
position: relative;	
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:1px solid #9f9f9f;
}
.pc-top-hoikushi-lessen-midashi:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ff55aa;
	top:13%;
	left:0%;
	display: block;
background-repeat:  no-repeat;
background-position:  20% 85%; /*フレーム下部画像*/
}
.pc-top-hoikushi-lessen-midashi > p{
font-size:19px;
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:30px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

/* pcトップページ各レッスン見出し*/
.pc-top-kyouzai-lessen-midashi{
position: relative;	
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:1px solid #9f9f9f;
}
.pc-top-kyouzai-lessen-midashi:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ff8080;
	top:9%;
	left:0%;
	display: block;
background-repeat:  no-repeat;
background-position:  20% 90%; /*フレーム下部画像*/
}
.pc-top-kyouzai-lessen-midashi > p{
font-size:19px;
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:30px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

/* pcトップページ教室風景*/

.pc-top-lessonimage-back{
width: 100%;
margin-top:40px;		
padding-top:20px;
padding-bottom:10px;	
background: #fff4ea;
		
}

.pc-top-lessonimage{
width: 100%;
margin:auto;	
padding:20px 0;		
}

.pc-top-lessonimage-photo{
float: left;	
width:  300px;	
margin:0px 30px;	
}
.pc-top-lessonimage-photo > p{
width: 90%;
font-size:15px;
color:#4a4a4a;		
}




/* pcトップページ特徴*/

.pc-tokuchou-zentai{
width: 100%;
margin-top:40px;	
}

.pc-top-tokuchou{
display:flex;	
width: 800px;
margin:auto;	
}

.pc-top-tokuchou-left1{
  float: left;	
width: 200px;
background: rgb(191, 234, 149, 0.7);
}
.pc-top-tokuchou-left1 > p{
font-size: 150px;
line-height: 100%;	
text-align: center;
color:#ffffff;	
padding-top:30px;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}

.pc-top-tokuchou-left2{
  float: left;	
width: 200px;
background: #ffd5d5;	
}
.pc-top-tokuchou-left2 > p{
font-size: 150px;	
line-height: 100%;		
text-align: center;
padding-top:30px;	
color:#ffffff;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}

.pc-top-tokuchou-left3{
  float: left;	
width: 200px;
background: #d5eaff;	
}
.pc-top-tokuchou-left3 > p{
font-size: 150px;
line-height: 100%;
padding-top:40px;	
text-align: center;
color:#ffffff;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}

.pc-top-tokuchou-right1{
float: left;	
width: 600px;
background: rgb(191, 234, 149, 0.7);
padding-top:20px;	
}
.pc-top-tokuchou-right1 > p{
font-size:16px;		
padding:10px 50px;	
color:#4a4a4a;
}

.pc-top-tokuchou-right2{
float: left;	
width: 600px;
background: #ffd5d5;
padding:20px 0;		
}
.pc-top-tokuchou-right2 > p{
font-size:16px;		
padding:10px 50px;	
color:#4a4a4a;	
}

.pc-top-tokuchou-right3{
float: left;	
width: 600px;
background: #d5eaff;
padding:20px 0;		
}
.pc-top-tokuchou-right3 > p{
font-size:16px;		
padding:10px 50px;	
color:#4a4a4a;	
}

.pc-top-tokuchou-right-midashi{	
width: 500px;
color:#4a4a4a;
font-size:22px;
text-align: left;
font-weight: bold;
margin:auto;	
border-bottom:1px solid #4a4a4a;
padding-left:25px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;				
}




/* pcトップページプロフィール*/
.pc-top-profile{
width: 860px; 
margin:auto;	      
margin-top:50px; 
}

.pc-top-profile-left{
float: left;		
width: 300px;
margin:0px 15px;
text-align: center;	
}
.pc-top-profile-left > p{
font-size:16px;
text-align: center;	
letter-spacing: -1px;	
}




.pc-top-profile-right{
float: right;		
width: 500px; 
margin:0px 15px;		
}

.pc-top-profile-right > p{
font-size:16px;
line-height: 150%;	
color:#4a4a4a;
margin-top:-6px;	
}

.pc-insta{
width: 100%;	
margin-top:30px;	
}
.pc-insta a{
opacity: 1;
}
.pc-insta a:hover{
opacity: 0.7;
}
/* pcリンクボタン */

.pc-blog-btn {
	float: left;
	width: 200px;
	margin-top:20px;

	margin-left:17px;
   background: rgb(128, 213, 43, 1);
	text-align: center;	
}
.pc-blog-btn a {
	font-size:14px;	
	font-weight: normal;
	   color: #ffffff;
	padding:5px 10px;
	text-decoration: none;
display:block;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.pc-blog-btn:hover {
opacity: 0.8;
}

.pc-insta-btn {
	float: left;
	width: 200px;
	margin-top:20px;	
	margin-left:17px;
    background: rgb(207,46,146,1);
	text-align: center;
}
.pc-insta-btn a {
	font-size:14px;	
	font-weight: normal;
	   color: #ffffff;
	text-decoration: none;
	padding:5px 10px;	
display:block;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.pc-insta-btn:hover {
opacity: 0.8;
}

.pc-facebook-btn {
	float: left;
	width: 200px;
	margin-top:20px;	
	margin-left:17px;
    background: rgb(60,90,153,1);
	text-align: center;
}
.pc-facebook-btn a {
	font-size:14px;	
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding:5px 10px;
display:block;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.pc-facebook-btn:hover {
opacity: 0.8;
}



/* pcトップページ料金と開講時間*/

/* pc教室ページ＞表を囲むボックス */

.pc-top-lesson-zentai{
width: 100%;
padding:50px 0;
background: rgb(225, 197, 155, 0.1);	
}


.pc-toplesson{
position: relative;	
width: 100%;	
z-index: 2;	
margin: 0 auto;
max-width:650px;
background: #ffffff;
padding-top:0px;	
padding-bottom:20px;
border:0px solid #cccccc;	
text-align: left;	
border-radius: 	10px;
box-shadow: 3px 3px 6px #cccccc;
}



/* pcトップページ料金見出し*/
.pc-top-lesson-midashi{
position: relative;	
width: 100%;	
margin-bottom:10px;
padding:5px 0;		
background: #eaffd5;
border-radius: 10px 10px 0 0;	
}

.pc-top-lesson-midashi > p{
font-size: 20px;	
text-align: center;
color: #4a4a4a;	
font-weight: bold;	
letter-spacing: 4px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.pc-top-lesson-kugirisen{
width: 100%;	
}
.pc-top-lesson-kugirisen-shita{
width: 100%;	
margin-bottom:20px;	
}


/* pc教室ページ＞料金テーブルタグ */



table.pcryoukin{
  width: 98%;	
  max-width: 550px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
}

table.pcryoukin th:first-child{

}

table.pcryoukin th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 0px solid #a8b7c5;
}

table.pcryoukin th{
position: relative;	
  text-align: left;
  background: #ffffff;
  border-left: 0px solid #a8b7c5;
 border-top: 0px solid #a8b7c5;
  border-bottom: 1px dotted #a8b7c5;
  width: 50%;
font-weight: normal;
	font-size:16px;
	color:#4a4a4a;		
letter-spacing: 2px;
}

table.pcryoukin th > p{
position: relative;	
  text-align: left;
padding-right: 10px;
padding-left: 40px;
font-weight: normal;
font-size:16px;
color:#4a4a4a;	
letter-spacing: 2px;
}




table.pcryoukin td{
  text-align: left;
background: #ffffff;	
  border-left: 0px solid #a8b7c5;
  border-bottom: 1px dotted #a8b7c5;
  border-top: 0px solid #a8b7c5;
  width: 100%;
	font-size:16px;	
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom:10px;	
color:#4a4a4a;	
letter-spacing: 1px;	
}

table.pcryoukin td:first-child{

}

/* pc教室ページ＞開講時間テーブルタグ */
.pc-top-jikan-zentai{
width: 100%;
padding:30px 0;
background: #ffd5d5;	
}

table.pckaikoujikan{
  width: 600px;
  border-collapse:separate;
  border-spacing: 0;
border-bottom:0px solid #a8b7c5;
margin:auto;
}



table.pckaikoujikan th{
position: relative;	
  background: #ffffff;
  border-left: 0px solid #a8b7c5;
 border-top: 0px solid #a8b7c5;
  border-bottom: 1px dotted #a8b7c5;
  width: 50%;
padding:5px 0;	
}

table.pckaikoujikan th > p{
position: relative;	
  text-align: left;
padding-left: 25%;
font-weight: normal;
font-size:16px;
color:#4a4a4a;	
letter-spacing: 2px;
}


table.pckaikoujikan td{
  text-align: left;
	font-size:16px;	
background: #ffffff;	
  border-left: 0px solid #a8b7c5;
  border-bottom: 1px dotted #a8b7c5;
  border-top: 0px solid #a8b7c5;
  width: 50%;
  padding-top: 11px;
  padding-left: 10%;
  padding-bottom:10px;	
color:#4a4a4a;	
letter-spacing: 4px;	
}

table.pckaikoujikan td:first-child{

}
.pc-lesson-bikou{
width: 100%;	
}
.pc-lesson-bikou > p{
font-size:16px;
color:#4a4a4a;
padding-left:5%;
padding-right:5%;	
}


/* pc保護者の声*/
.pc-hogosha-zentai{
width: 600px;
margin:auto;	
}
.pc-hogosha-bun{
width: 100%;
margin-bottom:0px;	
}
.pc-hogosha-bun > p{
font-size:17px;
}
.pc-hogosha-nenrei{
width: 100%;
margin-bottom:40px;	
}
.pc-hogosha-nenrei > p{
font-size:16px;
text-align: right;	
}





/* pcQ&A */
.pc-qa-zentai{
width: 650px;
margin:auto;	
}
table.pc-qa-q{
  width: 98%;	
  max-width: 650px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
}
table.pc-qa-q th{
  width: 5%;
vertical-align: top;	
}
.pc-q-q{
  width: 30px;
  height: 30px;
  border-radius: 50%;
background:#55aa00;
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#ffffff;
	font-weight: normal;
}
table.pc-qa-q td{
  width: 95%;
	vertical-align: top;
padding-top:0px;
padding-left:30px;
  font-size:20px;
  font-weight: normal;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif	
}

table.pc-qa-a{
  width: 98%;	
  max-width: 650px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
margin-top:20px;	
margin-bottom:80px;	
}
table.pc-qa-a th{
  width: 5%;
  vertical-align: top;	
}
.pc-q-a{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ffffff;
  border:1px solid #55aa00;	
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#55aa00;
	font-weight: normal;
}
table.pc-qa-a td{
  width: 95%;
	vertical-align: top;
padding-top:0px;
padding-left:30px;
  font-size:16px;
  font-weight: normal;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif	
}

/* pcアクセス */
.pc-access{
width: 100%;	
text-align: center;	
padding-bottom:20px;	
}

/* pc問い合わせ全体 */
.pc-toiawase-zentai{
width: 700px;
margin:auto;	
}

/* pc問い合わせ電話 */


.pc-toiawase-denwa{
width: 100%;
padding-top:50px;	
	
}

.pc-toiawase-denwa > p{
  font-size:24px;
  font-weight: normal;	
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
    line-height:210%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 80px;
  	background-image: url("../images/denwa.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 7%;	
}
.pc-toiawase-bangou{
width: 100%;	
margin-top:20px;	
margin-bottom:20px;	
}
.pc-toiawase-bangou > p{
font-size:34px;
padding-left:14%;
}
.pc-toiawase-time{
font-size:18px;	
}

.pc-toiawase-koumoku-chuui{
width: 700px;
margin:auto; 	
}
.pc-toiawase-koumoku-chuui > p{
font-size:16px;
padding-left:87px;	
}

/* pc問い合わせメール */


.pc-toiawase-mail{
width: 100%;	
margin-top:50px;	
padding-left:0%;

}

.pc-toiawase-mail > p{
  font-size:24px;
  font-weight: normal;	
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
    line-height:210%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 80px;
  	background-image: url("../images/mail.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 7%;	
}

.pc-toiawase-adless{
width: 100%;	
margin-top:0px;	
margin-bottom:70px;	
}
.pc-toiawase-adless > a{
font-size:25px;
padding-left:300px;
text-decoration: none;	
}
.pc-toiawase-adless > a:hover{
text-decoration: underline;	
}

/* pc問い合わせLINE */


.pc-toiawase-line{
width: 100%;	
margin-top:50px;	
padding-left:5px;

}

.pc-line-botan{
width: 500px;
margin:auto;
margin-top:20px;	
margin-bottom:20px;		
}

.pc-toiawase-line > p{
  font-size:24px;
  font-weight: normal;	
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
    line-height:210%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 80px;
  	background-image: url("../images/line.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 6%;	
}






/* pc問い合わせ注意事項 */

.pc-toiawase-chuui{
width: 65%;
max-width: 600px;	
margin:auto;
margin-top:40px;	
border:1px solid #bfbfbf;	
}
.pc-toiawase-chuui > p{
font-size:15px;
padding:10px 20px;	
}

.clear {
clear:both;
}


/* spレッスンぺージ */
.sp-maingazou {
    width: 100%;
	padding-top:19px;

}

.sp-top-main{
width: 100%;
height: 250px;	
background-image: url("../images/sp-main-flute.jpg"); 
margin-top:19px;
margin-bottom:30px;
padding:10px 0;	
background-size: cover;
}
.sp-top-kyoushitsuei{
width: 100%;
margin-top:-80px;
margin-bottom:70px;	
background: #ffffff;
background: linear-gradient(to right, rgb(255, 255, 255,0.5)  0%, rgb(255, 255, 255, 1) 100%);	
}
.sp-top-kyoushitsuei > p{
font-size:14px;
color:#5f5f5f;	
text-align: right;
padding:1px 0;	
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}


.sp-top-main-title{
  position: relative;
  display: block;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  margin:auto;	
padding:0px 0;	
background: rgb(255, 255, 255, 0.9);	
}
.sp-top-main-title > p {
  position: absolute;
  width: 100%;
font-size:25px;
letter-spacing: 2px;	
  left: 0;
  top: 47%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align:center;
  line-height: 130%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}


.sp-top-main > p{
font-size:16px;	
color:#4a4a4a;	
}



/* spトップページ教室風景*/

.sp-top-lessonimage-back{
width: 100%;
margin-top:40px;	
padding:40px 0;	
background: #fffaf4;	
}

.sp-top-lessonimage1{
width: 90%;
margin:auto;
text-align: center;	
padding-bottom:0px;	
}
.sp-top-lessonimage{
width: 90%;
margin:auto;
text-align: center;	
padding-top:30px;	
}
.sp-top-lessonimage-bun{
width: 85%;
margin:auto;
margin-bottom:20px;	
}
.sp-top-lessonimage-bun > p{
font-size:17px;
padding-left:3%;
line-height: 190%;
color: #4a4a4a;		
}


/* spトップページ各レッスン*/

.sp-top-kakulessen-zentai{
width: 100%;
padding-top:40px;
padding-bottom:20px;	
background:rgb(208, 240, 192, 0.5);	
	
}
.sp-top-kakulessen{	
width: 90%;		
padding:20px 10px;	
background: #ffffff;	
margin:auto;
margin-bottom:30px;	
border-radius: 	10px;
border:0px solid #cccccc;	
box-shadow: 3px 3px 6px #cccccc;
}



.sp-top-kakulessen > p{
width: 95%;	
font-size:17px;
padding:2%;	
line-height: 190%;	
color: #4a4a4a;		
}


/* spトップページ各レッスン見出し*/
.sp-top-youji-lessen-midashi{
position: relative;	
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:1px solid #9f9f9f;
}
.sp-top-youji-lessen-midashi:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #95dc4e;
	top:3%;
	left:0%;
	display: block;
background-repeat:  no-repeat;
background-position:  10% 85%; /*フレーム下部画像*/
}
.sp-top-youji-lessen-midashi > p{
font-size:19px;
line-height: 120%;	
color: #4a4a4a;		
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:30px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

.sp-top-gakusei-lessen-midashi{
position: relative;	
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:1px solid #9f9f9f;
}
.sp-top-gakusei-lessen-midashi:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ffaa55;
	top:3%;
	left:0%;
	display: block;
background-repeat:  no-repeat;
background-position:  10% 85%; /*フレーム下部画像*/
}
.sp-top-gakusei-lessen-midashi > p{
font-size:19px;
line-height: 120%;	
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:30px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

.sp-top-otona-lessen-midashi{
position: relative;	
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:1px solid #9f9f9f;
}
.sp-top-otona-lessen-midashi:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #55aaff;
	top:3%;
	left:0%;
	display: block;
background-repeat:  no-repeat;
background-position:  10% 85%; /*フレーム下部画像*/
}
.sp-top-otona-lessen-midashi > p{
font-size:19px;
line-height: 120%;	
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:30px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

.sp-top-hoikushi-lessen-midashi{
position: relative;	
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:1px solid #9f9f9f;
}
.sp-top-hoikushi-lessen-midashi:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ff55aa;
	top:1%;
	left:0%;
	display: block;
background-repeat:  no-repeat;
background-position:  10% 85%; /*フレーム下部画像*/
}
.sp-top-hoikushi-lessen-midashi > p{
font-size:19px;
line-height: 140%;	
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:30px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}










/* sp特徴 */

.sp-tokuchou-zentai{
width: 100%;
margin-top:40px;	
}

.sp-tokuchou-1{
width: 100%;
margin-bottom:25px;	
background: rgb(191, 234, 149, 0.5);	
}
.sp-tokuchou-1 > p{
width: 100%;
padding-left:5%;
padding-right:5%;	
padding-bottom:5%;		
}

.sp-tokuchou-2{
width: 100%;
margin-bottom:25px;		
background: rgb(255, 213, 213, 0.5);	
}
.sp-tokuchou-2 > p{
width: 100%;
padding-left:5%;
padding-right:5%;	
padding-bottom:5%;	
}

.sp-tokuchou-3{
width: 100%;
background: rgb(213, 234, 255, 0.5);	
}
.sp-tokuchou-3 > p{
width: 100%;
padding-left:5%;
padding-right:5%;	
padding-bottom:5%;
}


/* sp特徴ナンバー */

table.sp-tokuchou , td, th {
	border: 0px solid #595959;
	border-collapse: collapse;
	margin-bottom:0px;		
}
table.sp-tokuchou th {
	width: 15%;
font-size:70px;
color: #ffffff;
font-weight: 100;	
text-align: center;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
}
table.sp-tokuchou td{
width: 85%;
text-align: left;	
font-size:20px;
padding-left:7%;
letter-spacing: 2px;
font-weight:normal;	
line-height: 150%;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

.sp-tokuchou-kugirisen{
margin-top:-20px;
}


/* spトップページコロナ*/
.sp-top-korona{
width: 90%;
margin:auto;
margin-top:50px;	
padding:5px;
border:	1px solid #cccccc;
}
.sp-top-korona > p{
font-size:14px;
line-height: 160%;	
}


/* spプロフィール */
.sp-profile-image{
width: 65%;
margin:auto;	
text-align: center;
padding-bottom:10px;	
}
.sp-profile-image > p{
font-size:17px;
letter-spacing: -1px;	
text-align: center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height: 190%;	
}

.sp-profile{
font-size:17px;	
}
.sp-insta{
width: 100%;
margin-top:20px;	
}

/* spリンクボタン */

.sp-blog-btn {
	float: left;
	width: 50%;
	margin-left:3%;
	margin-top:20px;
   background: rgb(128, 213, 43, 1);
	text-align: center;	
}
.sp-blog-btn a {
	font-size:14px;	
	font-weight: normal;
	   color: #ffffff;
	padding:5px 10px;
	text-decoration: none;
display:block;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.sp-blog-btn:hover {
opacity: 0.8;
}

.sp-insta-btn {
	float: left;
	width: 50%;
	margin-left:3%;
	margin-top:20px;
	margin-bottom:20px;
    background: rgb(207,46,146,1);
	text-align: center;
}
.sp-insta-btn a {
	font-size:14px;	
	font-weight: normal;
	   color: #ffffff;
	text-decoration: none;
	padding:5px 10px;	
display:block;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.sp-insta-btn:hover {
opacity: 0.8;
}

.sp-facebook-btn {
	float: left;
	width: 50%;
	margin-left:3%;
	margin-top:20px;
    background: rgb(60,90,153,1);
	text-align: center;
}
.sp-facebook-btn a {
	font-size:14px;	
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding:5px 10px;
display:block;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.sp-facebook-btn:hover {
opacity: 0.8;
}

/* spトップページ料金と開講時間*/

/* sp教室ページ＞表を囲むボックス */

.sp-top-lesson-zentai{
width: 100%;
padding:50px 0;
background: rgb(225, 197, 155, 0.1);
}


.sp-toplesson{
width: 95%;	
margin: 0 auto;
background: #ffffff;
padding-top:0px;	
padding-bottom:20px;
border:0px solid #cccccc;	
text-align: left;	
border-radius: 	10px;
box-shadow: 3px 3px 6px #cccccc;	
}



/* spトップページ料金見出し*/
.sp-top-lesson-midashi{
position: relative;	
width: 100%;	
margin-bottom:10px;
padding:5px 0;		
background: #eaffd5;
border-radius: 10px 10px 0 0;		
}

.sp-top-lesson-midashi > p{
font-size: 19px;	
text-align: center;
color: #4a4a4a;	
font-weight: normal;	
letter-spacing: 2px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* spトップページ開講時間見出し*/
.sp-top-jikan-midashi{
position: relative;	
width: 100%;	
margin-bottom:10px;
padding:5px 0;		
background: #eaffd5;
border-radius: 10px 10px 0 0;		
}

.sp-top-jikan-midashi > p{
font-size: 19px;	
text-align: center;
color: #4a4a4a;	
font-weight: normal;	
letter-spacing: 4px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/* sp教室ページ＞料金テーブルタグ */



table.spryoukin{
  width: 98%;	
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
}



table.spryoukin th{
position: relative;	
  text-align: left;
  background: #ffffff;
  border-left: 0px solid #a8b7c5;
 border-top: 0px solid #a8b7c5;
  border-bottom: 1px solid #e9e9e9;
  width: 45%;
font-weight: normal;	
letter-spacing: 2px;
}

table.spryoukin th > p{
position: relative;	
  text-align: left;
padding-left:5%;
padding-right:4%;	
font-weight: normal;
font-size:15px;
letter-spacing: 1px;
color: #4a4a4a;		
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif		
}




table.spryoukin td{
  text-align: left;
background: #ffffff;	
  border-left: 0px solid #a8b7c5;
  border-bottom: 1px solid #e9e9e9;
  border-top: 0px solid #a8b7c5;
  width: 55%;
	font-size:16px;	
  padding-top: 13px;
  padding-right:10px;	
  padding-bottom:13px;	
letter-spacing: 1px;
color: #4a4a4a;		
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif			
}




/* sp教室ページ＞開講時間テーブルタグ */


table.spkaikoujikan{
  width: 80%;
  border-collapse:separate;
  border-spacing: 0;
border-bottom:0px solid #a8b7c5;
margin:auto;
}



table.spkaikoujikan th{
position: relative;	
  background: #ffffff;
  border-left: 0px solid #a8b7c5;
 border-top: 0px solid #a8b7c5;
  border-bottom: 1px solid #e9e9e9;
  width: 50%;
padding:5px 0;	
}

table.spkaikoujikan th > p{
position: relative;	
  text-align: left;
padding-left: 15%;
font-weight: normal;
font-size:17px;	
color: #4a4a4a;		
letter-spacing: 2px;
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif		
}


table.spkaikoujikan td{
  text-align: left;
	font-size:17px;	
background: #ffffff;	
  border-left: 0px solid #a8b7c5;
  border-bottom: 1px solid #e9e9e9;
  border-top: 0px solid #a8b7c5;
  width: 50%;
  padding-top: 11px;
  padding-left: 0px;
  padding-bottom:10px;	
letter-spacing: 2px;	
color: #4a4a4a;		
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif		
}

table.spkaikoujikan td:first-child{

}
.sp-lesson-bikou{
width: 100%;	
}
.sp-lesson-bikou > p{
font-size:14px;
line-height: 140%;	
color:#4a4a4a;	
padding-left:3%;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif		
}

/* sp保護者の声 */
.sp-hogosha-zentai{
width: 90%;
margin:auto;	
}
.sp-hogosha-bun{
width: 100%;
margin-bottom:0px;	
}
.sp-hogosha-bun > p{
font-size:17px;
}
.sp-hogosha-nenrei{
width: 100%;
margin-bottom:40px;	
}
.sp-hogosha-nenrei > p{
font-size:16px;
text-align: right;	
}





/* spQ&A */
.sp-qa-zentai{
width: 96%;	
margin:auto;	
}
table.sp-qa-q{
  width: 98%;	
  max-width: 700px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
}
table.sp-qa-q th{
  width: 5%;
  vertical-align: top;		
}
.sp-q-q{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #55aa00;
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#ffffff;
	font-weight: normal;
}
table.sp-qa-q td{
  width: 95%;
	vertical-align: top;
padding-top:0px;
padding-left:5%;
padding-right:2%;
  font-size:19px;
  font-weight: normal;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif	
}

table.sp-qa-a{
  width: 98%;	
  max-width: 700px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
margin-top:30px;	
margin-bottom:70px;	
}
table.sp-qa-a th{
  width: 5%;
  vertical-align: top;	
}
.sp-q-a{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #ffffff;
  border:1px solid #55aa00;	
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#55aa00;
	font-weight: normal;
}
table.sp-qa-a td{
  width: 95%;
	vertical-align: top;
padding-top:0px;
padding-left:5%;
padding-right:2%;	
  font-size:17px;
  font-weight: normal;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif	
}
/* spアクセス */
.sp-access{	
padding-bottom:20px;	
}


/* sp問い合わせ電話 */


.sp-toiawase-denwa{
width: 100%;
padding-left:0%;	
	
}

.sp-toiawase-denwa > p{
  font-size:21px;
  font-weight: normal;	
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
    line-height:190%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 13%;
  	background-image: url("../images/denwa.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 10%;	
}
.sp-toiawase-bangou{
width: 100%;	
margin-top:20px;	
margin-bottom:20px;	
}
.sp-toiawase-bangou > p{
font-size:18px;
padding-left:14%;
}
.sp-toiawase-time{
font-size:14px;	
}
/* sp問い合わせ電話注意書き */
.sp-toiawase-denwa-chuui{
width: 73%;
margin:auto; 
}
.sp-toiawase-denwa-chuui > p{
font-size:16px;
}


/* sp問い合わせメール */


.sp-toiawase-mail{
width: 100%;	
margin-top:50px;	
padding-left:0%;

}

.sp-toiawase-mail > p{
  font-size:21px;
  font-weight: normal;	
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height:190%;	
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 13%;
  	background-image: url("../images/mail.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 10%;	
}

.sp-toiawase-adless{
width: 90%;	
margin:auto;	
margin-top:0px;	
margin-bottom:50px;	
padding-left:9%;	
}
.sp-toiawase-adless > a{
font-size:18px;
text-decoration: none;
}


/* sp問い合わせLINE */


.sp-toiawase-line{
width: 100%;	
margin-top:50px;
padding-left:1%;
margin-bottom:20px;
}



.sp-toiawase-line > p{
  font-size:21px;
  font-weight: normal;	
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height:180%;	
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 13%;
  	background-image: url("../images/line.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 9%;	
}

.sp-line-botan{
width: 100%;
margin:auto;	
margin-top:20px;	
margin-bottom:20px;
padding-left:16%;	
}

/* sp問い合わせLINE注意書き */
.sp-toiawase-line-chuui{
width: 73%;
margin:auto; 	
margin-bottom:50px;		
}
.sp-toiawase-line-chuui > p{
font-size:16px;
}

/* sp問い合わせ注意事項 */

.sp-toiawase-chuui{
width: 95%;	
margin:auto;
margin-top:0px;
margin-bottom:40px;	
border:1px solid #bfbfbf;	
}
.sp-toiawase-chuui > p{
font-size:14px;
padding:3%px 5%;	
}



/* spボタン */

.sp-btn {
	width: 75%;
   padding: 1em 1em;
    margin: 0 auto;
    background: #0080ff;
	border:0px solid #4a4a4a;
	border-radius: 0px;
	text-align: center;	
}
.sp-btn p {
    margin: 0; 
    padding: 0;
	text-align: center;
	font-size:18px;
}

.sp-btn a {
	font-size:16px;	
	font-weight: bold;
	   color: #ffffff;
	text-decoration: none;
display:block;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}


.pc-slider-naka{
width: 980px;
margin:auto;	
}
.sp-slider-naka{
width: 100%;
margin-top:30px;
margin-bottom:60px;	
}

.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:94%;
    margin:0 auto;
}

.slider img {
    width:534px;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}
.spslider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:94%;
    margin:0 auto;
}

.spslider img {
    width:70%;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
	margin:auto;
}

.slider .slick-slide {
  transform: scale(0.8);/*左右の画像のサイズを80%に*/
  transition: all .20s;/*拡大や透過のアニメーションを0.5秒で行う*/
  opacity: 0.5;/*透過50%*/
}

.slider .slick-slide.slick-center{
  transform: scale(1);/*中央の画像のサイズだけ等倍に*/
  opacity: 1;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
  margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
  margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
	border:1px solid #4a4a4a;
    background:#f4f4f4;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}



/* 初期状態の共通設定 */
.mojianime1 span,
.mojianime2 span,
.mojianime3 span,
.mojianime4 span,
.mojianime5 span,
.mojianime6 span,
.mojianime7 span,
.mojianime8 span,
.mojianime9 span,
.mojianime10 span
{
    display: inline-block;
    opacity: 0; /* 初期は透明 */
    transform: translate(0, 0) rotateY(0deg); /* 初期位置と回転角度 */
    will-change: transform, opacity; /* パフォーマンス向上 */
    backface-visibility: visible; /* 背面を表示 */
    transform-style: preserve-3d; /* 3D効果を維持 */
}

/* アニメーションごとのスタイル */
.mojianime1 span {
    transform: translate(-10px, -10px) rotateY(0deg); /* 初期状態 */
}

.mojianime2 span {
    transform: translate(0, -10px) rotateY(0deg); /* 初期状態 */
}

.mojianime3 span {
    transform: translate(0, 10px) rotateY(0deg); /* 初期状態 */
}

.mojianime4 span {
    transform: translate(-10px, 10px) rotateY(0deg); /* 初期位置 */
}

.mojianime5 span {
    transform: translateY(20px); /* 初期位置 */

}

.mojianime6 span {
    transform: translateY(0); /* 初期位置 */
}

.mojianime7 span {
    opacity: 0; /* 初期状態で透明 */
    transform: translateY(0); /* 初期位置は変化なし */
}
.mojianime8 span {
    opacity: 0; /* 初期状態で透明 */
    transform: translateY(0px); /* 初期位置 */
}
.mojianime9 span {
    transform: translate(0, -10px); /* 初期状態 */
}
.mojianime10 span {
    transform: translate(0, 10px); /* 初期状態 */
}


/* アニメーション1 */
.title-sen1 {
  width: 100%;
  max-width: 900px;
  margin: auto;
  border-bottom: 1px solid #7bb661;
  transform-origin: center;
  transform: scaleX(0); /* 初期状態で非表示 */
  transition: transform 1.7s ease-out;
}
.title-sen1.title-sen1-active {
  transform: scaleX(1); /* アニメーションで表示 */
}

/* アニメーション2 */

.title-sen2 {
  width: 100%;
  max-width: 750px;
  margin: auto;
  border-bottom: 1px solid #7bb661;
  transform-origin: left; /* アニメーションの起点を左側に設定 */
  transform: scaleX(0); /* 初期状態で非表示 */
  transition: transform 1.7s ease-out; /* アニメーション設定 */
}

.title-sen2.title-sen2-active {
  transform: scaleX(1); /* アニメーションで表示 */
}

/* アニメーション3 */

.title-sen3 {
  width: 100%;
  max-width: 750px;
  margin: auto;
  border-bottom: 3px solid #d4d4d4;
  transform-origin: right; /* アニメーションの起点を左側に設定 */
  transform: scaleX(0); /* 初期状態で非表示 */
  transition: transform 1.3s ease-out; /* アニメーション設定 */
}

.title-sen3.title-sen3-active {
  transform: scaleX(1); /* アニメーションで表示 */
}


/* イメージアニメーション1　右からスライド */
.image-right {

}

.image-right img {
  opacity: 0; /* 初期は透明 */
  transform: translateX(30px); /* 右にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}

.image-right-active img {
  transform: translateX(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}
.image-right-all {
  opacity: 0; /* 初期は透明 */
  transform: translateX(30px); /* 右にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}


.image-right-all-active{
  transform: translateX(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}


/* イメージアニメーション2　左からスライド */
.image-left {

}

.image-left img {
  opacity: 0; /* 初期は透明 */
  transform: translateX(-30px); /* 左にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}

.image-left-active img {
  transform: translateX(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}
.image-left-all {
  opacity: 0; /* 初期は透明 */
  transform: translateX(-30px); /* 左にずらす */
  transition: transform 1.5s ease-out, opacity 1.5s ease-out;
}


.image-left-all-active{
  transform: translateX(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}


/* イメージアニメーション3　下からスライド */
.image-shita {

}

.image-shita img {
  opacity: 0; /* 初期は透明 */
  transform: translateY(30px); /* 下にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}

.image-shita-active img {
  transform: translateY(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}
.image-shita-all {
  opacity: 0; /* 初期は透明 */
  transform: translateY(30px); /* 下にずらす */
  transition: transform 1.5s ease-out, opacity 1.5s ease-out;
}


.image-shita-all-active{
  transform: translateY(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}

/* イメージアニメーション4　上からスライド */
.image-ue {

}

.image-ue img {
  opacity: 0; /* 初期は透明 */
  transform: translateY(-30px); /* 上にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}

.image-ue-active img {
  transform: translateY(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}
.image-ue-all {
  opacity: 0; /* 初期は透明 */
  transform: translateY(-30px); /* 上にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}
.image-ue-all-active{
  transform: translateY(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}