@charset "UTF-8";

/* 基本設定 */

*{padding:0;margin:0;}

.wapper{
width: 100%;	
background: #ffaa55;	

}



.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 :1280px;
}

.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: 1280px;
height: 90px;
background: #FFF5F0;
}


.pc-header-left {
float: left;	
width: 40%;		
}
.pc-header-left > p {
font-size:24px;	
text-decoration: none;	
padding-top:30px;	
padding-left:36px;
letter-spacing: 3px;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.pc-header-left > p >a {
text-decoration: none;
color: #552b00;	
}
.pc-header-orange{
color:#ff8000;	
}
.pc-header-green{
color:#55aa00;	
}
.pc-header-blue{
color:#0080ff;	
}

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

.pc-header-right > p {
font-size:12px;
font-weight: normal;	
color:#000000;
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:#000000;
  text-decoration: none;
}
.pc-header-right > p > a:hover {
  color:#000000;
  text-decoration: underline;
}



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

/* SPヘッダー3ハンバーガーのみ */
.sp-header {		
top: 0;	
left: 0;
width: 100%;
padding-bottom: 0px;
background: #ffc2b5;		
height: 50px;
margin-top:0px;	
  box-shadow: 0px 1px 3px #dfdfdf;		
}
.sp-header1 {		
top: 0;	
left: 0;
width: 100%;
padding-bottom: 0px;
background: #ffc2b5;		
	height: 50px;
margin-top:0px;		
}
.sp-header-menu1{
width: 80%;	
margin: 0 auto;
float:left;	
height: 50px;
padding-top:12px;
}
.sp-header-menu1> a{
font-size:15px;	
color: #552b00;
text-decoration: none;
padding-left:3%;
letter-spacing: 2px;	
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


.sp-header-menu2{
width: 9%;	
margin-top:3px;
margin-right:2%;	
float:right;	
height: 33.5px;	
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: 2px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 1px;
  background: #4a4a4a;
  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: #fffcee;		
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

#nav-content > ul >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 dashed #552b00;	
  list-style-type: none!important;
}
#nav-content > ul >li:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #552b00;
  border-right: solid 1px #552b00;
  position: absolute;
  top: 50%;
 right: 25px;
  margin-top: -4px;
  transform: rotate(45deg);
}


#nav-content > ul >li > a {
	font-weight: normal;
color: #552b00;	
	text-decoration: none;
display:block;
padding-left:10%;
letter-spacing: 2px;		
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;		
}

.sp-menu-sns{
width: 100%;
margin-top:40px;	
}
.sp-menu-blog{
width: 100%;
height: 40px;	
text-align: left;	
margin-bottom:10px;	
  	background-image: url("../images/blog-aicon.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 20%; /*フレーム下部画像*/
	background-size: 7%;	
}
.sp-menu-blog > p{
	
	
}
.sp-menu-blog > a{
color: #552b00;	
text-decoration: none;
font-size: 15px;		
letter-spacing: 2px;			
padding-top:7px;
padding-left:38px;	
font-weight: normal;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

.sp-menu-insta{
width: 100%;	
height: 40px;	
text-align: left;
margin-bottom:10px;		
  	background-image: url("../images/insta.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 20%; /*フレーム下部画像*/
	background-size: 7%;	
}
.sp-menu-insta > a{
color: #552b00;	
text-decoration: none;
font-size: 15px;		
letter-spacing: 2px;			
padding-top:7px;
padding-left:38px;	
font-weight: normal;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}


/*チェックが入ったらもろもろ表示*/
#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: 520px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
@media only screen and (max-width: 520px) {
img { max-width: 100%; }
}





/* ＰＣメニュー */

.global-nav {
    width: 1280px;
    margin: 0 auto;
    background-color: #ffefd5; 
}

.menu {
    display: flex;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu-item {
    flex: 1;
    text-align: center;
    border-right: 3px dotted #552b00;
}

.menu-item1 {
    flex: 1;
    text-align: center;
}

.menu-item a {
    display: block;
    padding: 10px 0;
    color: #552b00; /* 文字色 */
    text-decoration: none;
    letter-spacing: 2px;
}

.menu-item a:hover {
    opacity: 0.5;
}

.menu-item1 a {
    display: block;
    padding: 10px 0;
    color: #552b00; /* 文字色 */
    text-decoration: none;
    letter-spacing: 2px;
}

.menu-item1 a:hover {
    opacity: 0.7;
}

.icon {
    font-size: 22px;
}

.text {
    color: #552b00;
    font-size: 13px;
letter-spacing: 3px;	
    font-weight: normal;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
    position: relative;
    padding-left: 10px; /* 画像分のスペースを確保 */
}

.text::before {
    content: '';
    display: inline-block;
    background-image: url("../images/onpu1.svg");
    background-repeat: no-repeat;
    background-size: 15px 15px; /* 画像サイズを調整 */
    width: 15px;
    height: 15px;
    position: absolute;
    left: 6%;
    top: 47%;
    transform: translateY(-50%); /* 画像を中央揃え */
}





/* 基本Pタグ設定 */



/* pcサイトで使っているCSS*/
/* pc見出しタグ */

.pc-page-midashi{
margin-top:-60px;	
}

h1{

}
.pc-h1{
width: 800px;
color: #552b00;		
margin:auto;	
margin-top:60px;	
margin-bottom:40px;	
border-bottom:3px dashed rgb(85, 43, 0, 0.5);
  	background-image: url("../images/midashi-back1.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 4%;		
}
.pc-h1-span1{
font-size: 24px;
letter-spacing: 2px;			
padding-top:15px;
padding-bottom:3px;
padding-left:55px;
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;


}
.pc-h1-span2{
font-size:17px;	
font-weight: normal;
letter-spacing: 3px;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


.sp-h1 {
  width: 100%;
  color: #552b00;
  margin-top: 60px;
  margin-bottom: 40px;
  padding-bottom: 14px;
  line-height: 180%;
  border-bottom: 3px dashed rgba(85, 43, 0, 0.5);
  background-image: url("../images/midashi-back1.svg"); 
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 10%;
}

.sp-h1-span1{
font-size: 22px;
letter-spacing: 2px;			
padding-top:15px;
padding-bottom:3px;
padding-left:55px;
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height: 100%;		
}
.sp-h1-span1-1{
font-size: 19px;
letter-spacing: 2px;			
padding-top:15px;
padding-bottom:3px;
padding-left:55px;
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height: 100%;		
}

.sp-h1-span2{
font-size:13px;	
letter-spacing: 2px;	
padding-left:55px;
line-height: 100%;
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;	
}






h2{
	
}
.pc-h2{
width: 800px;
color: #552b00;		
margin:auto;	
margin-top:60px;	
margin-bottom:40px;	
border-bottom:3px dashed rgb(85, 43, 0, 0.5);
  	background-image: url("../images/midashi-back1.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 4%;		
}
.pc-h2-span1 {
    font-size: 22px;
    letter-spacing: 2px;			
    padding-top: 15px;
    padding-bottom: 3px;
    padding-left: 55px;
    font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
}




.sp-h2{
width: 100%;
color: #552b00;		
margin-top:60px;	
margin-bottom:40px;	
padding-top:10px;	
padding-bottom:8px;	
line-height: 180%;		
border-bottom:3px dashed rgb(85, 43, 0, 0.5);
  	background-image: url("../images/midashi-back1.svg"); 
	background-repeat:  no-repeat;
	background-position:  2% 50%; /*フレーム下部画像*/
	background-size: 8%;		
}

.sp-h2-span1{
font-size: 22px;
letter-spacing: 2px;			
padding-top:15px;
padding-bottom:3px;
padding-left:55px;
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height: 100%;		
}

.sp-h2-page{
width: 100%;
color: #552b00;		
margin-top:20px;	
margin-bottom:40px;	
padding-top:10px;	
padding-bottom:8px;	
line-height: 180%;		
border-bottom:3px dashed rgb(85, 43, 0, 0.5);
  	background-image: url("../images/midashi-back1.svg"); 
	background-repeat:  no-repeat;
	background-position:  2% 50%; /*フレーム下部画像*/
	background-size: 8%;		
}



h3{
font-size: 22px;
width: 100%;	
line-height: 130%;	
text-align: left;
margin:auto;	
color: #804000;	
letter-spacing: 2px;			
padding-top:15px;
padding-bottom:8px;
padding-left:14%;	
margin-top:0px;	
margin-bottom:40px;	
border-bottom:2px dashed #804000;
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
  	background-image: url("../images/midashi-back1.svg"); 
	background-repeat:  no-repeat;
	background-position:  2% 78%; /*フレーム下部画像*/
	background-size: 8%;		
}
.sp-h3-komoji{
font-size:12px;
line-height: 100%;	
}

h4{
font-size: 22px;
width: 100%;	
line-height: 130%;	
text-align: left;
margin:auto;	
color: #804000;	
letter-spacing: 2px;			
padding-top:15px;
padding-bottom:8px;
padding-left:14%;	
margin-top:50px;	
margin-bottom:40px;	
border-bottom:2px dashed #804000;
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
  	background-image: url("../images/midashi-back1.svg"); 
	background-repeat:  no-repeat;
	background-position:  2% 50%; /*フレーム下部画像*/
	background-size: 8%;		
}

.pc-midashi-eigo{
width: 100%;	
font-size:30px;
margin-top:10px;
margin-bottom:30px;	
text-align: center;
font-family: 'Tangerine', cursive;	
}

.sp-midashi-eigo{
width: 70%;	
font-size:24px;
color:#000000;	
padding-top:10px;
padding-bottom:30px;	
margin:auto;	
text-align: center;
font-family: 'Tangerine', cursive;	
}



/* pcトップメイン*/
.pc-main{
width: 100%;
height: 400px;	
 padding-top:10px;	
background-image: url("../images/pc-main-back2.jpg");
background-repeat: repeat;
background-size: auto;
background-position: 0 0;	
}


table.pc-main-table {
    width: 95%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: auto;
}

table.pc-main-table td.left {
    width: 50%;
    text-align: center; /* 左右中央揃え */
 padding-top:40px;
}

table.pc-main-table td.right {
    width: 50%;
	vertical-align: middle;
	padding-top:40px;
}

.pc-main-image {
    display: flex;
    justify-content: center;
    align-items: center;
	margin:auto;
	width: 440px;
    height: 100%;
	border: 10px solid #ffffff;

}




.pc-right-box {
    width: 90%;
    margin: auto;
    padding: 50px 40px;
    background: rgba(255, 255, 255, 0.8);
	border-radius: 15px;

}



.pc-catchcopy{
width: 100%;
text-align: center;	
font-size: 35px;
letter-spacing: 4px;
font-weight: bold;
color: #4B3832;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;}




.pc-main-bun {
    width: 70%;
    margin: auto;
    padding-top: 20px;
    font-size: 17px;
    color: #4B3832;	
    letter-spacing: 1px;
    line-height: 180%;
    font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }









.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-top-shoukaibun{
width: 750px;
margin:auto;	
margin-bottom:60px;	
}
.pc-top-shoukaibun > p{
font-size:16px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

/* pcトップページ区切り線*/
.pc-kugirisen1{
width: 850px;
margin:auto;	
margin-top:60px;
margin-bottom:80px;	
}
/* pcトップページ最初のレッスン紹介、写真と文章*/

.pc-top-lessonshoukai {
    width: 100%; /* 幅を画面全体に設定 */
    padding: 30px 0;
    background-image: url("../images/pc-top-shoukai-back.jpg");
    background-repeat: repeat-x;
    background-size: cover; /* 背景を画面幅に合わせる */
    background-position: top;
    margin-bottom: 0px;
    overflow: hidden;
}

.pc-top-lessonshoukai-naka {
    width: 80%; /* 中身を少し狭くして中央に配置 */
    margin: auto;
    margin-top: 45px;
    margin-bottom: 70px;
    text-align: center;
}

table.pc-kouboushoukai-table {
    width: 100%;
    table-layout: fixed; /* セル幅を均等にする */
    border-collapse: collapse;
    border-spacing: 0;
    margin: auto;
}

table.pc-kouboushoukai-table td {
    vertical-align: middle; /* セル内の要素を中央揃え */
    padding: 15px;
    padding-bottom: 80px; /* セル下の間隔を広げる */
}

.pc-top-lessonshoukai-photo1,
.pc-top-lessonshoukai-photo2,
.pc-top-lessonshoukai-photo3 {
    width: 400px;
    height: 273px;
    margin: auto;
    border: 10px solid #ffffff;
    text-align: center;
    padding-top: 0px;

}



.pc-top-lessonshoukai-bun {
    width: auto; /* 自動調整 */
    max-width: 380px;
    height: auto; /* 高さも自動調整 */
    margin: auto;
    padding: 40px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.8);
    text-align: left; /* テキストを左寄せ */
}

.pc-top-lessonshoukai-bun > p {
    font-size: 16px;
    color: #393939;
    letter-spacing: 2px;
    line-height: 160%;
    font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }







/* pcトップページ各レッスン*/
.pc-tokuchou-bun{
width: 750px;
margin:auto;
margin-bottom:80px;	
}
.pc-tokuchou-bun > p{
font-size:16px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

.pc-top-kakulessen-zentai{
width: 100%;
margin-top:60px;	
padding:50px 0;		
background-image: url("../images/pc-lesson-back.jpg") ;
background-repeat: repeat-x repeat-y;		
	
}
.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-top:20px;
padding-bottom:30px;
padding-left: 10px;
padding-right: 10px;	
background: #ffffff;	
margin:auto;
border-radius: 	10px;
border:1px solid #cccccc;	
box-shadow: 3px 3px 6px #cccccc;	
}


.pc-top-kakulessen-naka-image{
width: 95%;
margin:auto;
text-align: center;	
padding:0px 0;	
}
.pc-kakulesson-bun{
width: 90%;	
margin:auto;	
}
.pc-kakulesson-bun > p{
font-size:16px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

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

.pc-lesson-line{
width: 100%;
height: 15px;	
margin-top:0px;
margin-bottom:20px;	
background-image: url("../images/pc-qa-line.png") ;
background-repeat: no-repeat;	
}





/* 各レッスンの見出し全体 */
.pc-top-youji-lessen-midashi,
.pc-top-gakusei-lessen-midashi,
.pc-top-otona-lessen-midashi,
.pc-top-hoikushi-lessen-midashi {
  margin: auto;
  margin-bottom: 10px;
  padding: 6px 0;
  width: 90%;
  text-align: center;
  background: #ffffff;
  border-bottom: 0px solid #9f9f9f;
  background-repeat: no-repeat;
  background-position: 0% 50%; /* 背景画像の位置を維持 */
  background-size: 8%; /* 背景画像サイズを維持 */
}

/* 背景画像設定 */
.pc-top-youji-lessen-midashi {
  background-image: url("../images/lesson-onpu.svg");
}

.pc-top-gakusei-lessen-midashi {
  background-image: url("../images/lesson-onpu2.svg");
}

.pc-top-otona-lessen-midashi {
  background-image: url("../images/lesson-onpu3.svg");
}

.pc-top-hoikushi-lessen-midashi {
  background-image: url("../images/lesson-onpu4.svg");
}

/* 見出しの文字部分 */
.pc-top-youji-lessen-midashi > p,
.pc-top-gakusei-lessen-midashi > p,
.pc-top-otona-lessen-midashi > p,
.pc-top-hoikushi-lessen-midashi > p {
  font-size: 21px;
  text-align: left;
  padding-top: 3px;
  padding-left: 45px;
  font-weight: normal;
  letter-spacing: 2px;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #552b00;	
}

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

.pc-top-noutore-left{
float: left;		
width: 300px;
margin:0px 15px;
padding-top:10px;	
text-align: center;	
}
.pc-top-noutore-left > p{
font-size:16px;
text-align: center;	
letter-spacing: 2px;
line-height: 190%;	
}


.pc-top-noutore-right{
float: right;		
width: 450px; 
margin:0px 40px;		
}
.pc-top-noutore-right-bun{
width: 100%;		
padding-left:50px;	
}

.pc-top-noutore-right-bun > p{
font-size:16px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; 
}

table.pc-noutore-table{
  width: 100%;	
border-collapse:collapse;
  border-pcacing: 0;
 margin:auto;
margin-top:40px;	
}



table.pc-noutore-table th{
  text-align: left;
  background:#ffffff;
  border-left: 0px solid #a8b7c5;
 border-right: 0px solid #a8b7c5;
  border-bottom: 0px solid #a8b7c5;
  width: 20%;
font-weight: normal;
font-size:16px;
	color:#000000;		
letter-pcacing: 1px;
vertical-align: top;
padding-left:20px;	
padding-bottom:5px;	
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif		
}

table.pc-noutore-table td{
  text-align: left;
background: #ffffff;	
  border-bottom: 0px solid #a8b7c5;
  border-top: 0px solid #a8b7c5;
  width: 80%;
	font-size:16px;		
	color:#000000;	
padding-left:3%;	
letter-pcacing: 1px;
padding-bottom:5px;
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif		
}
.pc-noutore-link{
width: 95%;
margin:auto;	
padding-left:10px;	
}
.pc-noutore-link > a{
font-size:16px;
text-decoration: none;	
color:#0000ff;	
}
.pc-noutore-link > a:hover{
text-decoration: underline;	
}



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

.pc-tokuchou-zentai{
width: 100%;
margin-top:40px;
padding-top:80px;	
padding-bottom:20px;	
background-image: url("../images/pc-tokuchou-back.jpg") ;
background-repeat: repeat-x repeat-y;			
}

@keyframes slideInLikePaper {
  0% {
    transform: translateX(-100%) rotate(-15deg);
    opacity: 0;
  }
  70% {
    transform: translateX(10px) rotate(3deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0) rotate(0);
  }
}

.pc-top-tokuchou {
  display: flex;
  width: 800px;
  margin: auto;
  margin-bottom: 80px;
  animation: slideInLikePaper 0.8s ease-out forwards;
}

.pc-top-tokuchou-left1 {
  float: left;
  width: 110px;
  background-image: url("../images/pc-tokuchou-1-back.png");
  background-repeat: repeat-y;
}




.pc-top-tokuchou-left2{
  float: left;	
width: 110px;
background-image: url("../images/pc-tokuchou-2-back.png") ;
background-repeat: repeat-y;	
}
.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: 110px;
background-image: url("../images/pc-tokuchou-3-back.png") ;
background-repeat: repeat-y;		
}
.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: 688px;
background:#ffffff;
padding-bottom:30px;	
}
.pc-top-tokuchou-right1 > p{
font-size:16px;		
padding:10px 50px;	
color:#000000;
	
}


/* 見出しのスタイル */
.pc-top-tokuchou-right-midashi {	
    width: 650px;
    color: #552b00;
    font-size: 22px;
    text-align: left;
    font-weight: normal;
    margin: auto;
	line-height: 150%;
    margin-bottom: 20px;	
    border-bottom: 2px dashed #552b00;
    letter-spacing: 2px;
    padding-top: 30px;	
    padding-left: 40px;
    padding-bottom: 8px;		
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;

}



.pc-top-tokuchou-right-midashi-kugirisen-ue{
width: 500px;	
margin-top:0px;
margin-bottom:20px;	
padding-left:50px;	
}
.pc-tokuchou-setumeibun{
width: 90%;
margin:auto;
padding-bottom:20px;	
}
.pc-tokuchou-setumeibun > p{
font-size:16px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.pc-tokuchou-setumeibun > p > a{
text-decoration: none;
}
.pc-tokuchou-setumeibun > p > a:hover{
text-decoration: underline;
}

.pc-tokuchou-midashi-color{
color:#ff8800;
font-size:27px;	
padding-left:5px;	
padding-right:5px;	
}

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

.pc-top-profile-left{
float: left;		
width: 300px;
margin:0px 15px;
padding-top:10px;	
text-align: center;	
}
.pc-top-profile-left > p{
font-size:16px;
text-align: center;	
letter-spacing: 2px;
line-height: 190%;	
}




.pc-top-profile-right{
float: right;		
width: 450px; 
margin:0px 40px;		
}
.pc-top-profile-right-bun{
width: 100%;	
margin-bottom:30px;	
}

.pc-top-profile-right-bun > p{
font-size:16px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

/* pc-brog*/
table.pc-profile-link{
  width: 90%;	
border-collapse:collapse;
  border-pcacing: 0;
 margin:auto;	
}



table.pc-profile-link th{
  width: 50%;
}

table.pc-profile-link td{
  width: 50%;	
}


.pc-blog{
width: 100%;
height: 40px;	
text-align: left;
font-weight: normal;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
  	background-image: url("../images/blog-aicon.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 10%;	
}
.pc-blog > p{
font-size: 16px;		
letter-spacing: 2px;			
font-weight: normal;
padding-top:0px;
padding-left:30px;	
}
.pc-blog > p > a{
color: #552b00;	
text-decoration: none;
}
.pc-blog > p > a:hover{
text-decoration: underline;
}
.pc-insta{
width: 100%;	
height: 40px;	
text-align: left;
font-weight: normal;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
  	background-image: url("../images/insta.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 11%;	
}
.pc-insta > p{
font-size: 16px;		
letter-spacing: 2px;			
font-weight: normal;
padding-top:0px;
padding-left:30px;	
}
.pc-insta > p > a{
color: #552b00;	
text-decoration: none;
}
.pc-insta > p > a:hover{
text-decoration: underline;
}


/* pcあいさつ*/

.pc-aisatsubun {
    width: 650px;
    margin: auto;
    position: relative; /* 要素の位置を固定 */
}

.pc-aisatsubun > p {
    font-size: 16px;
    color: #393939;
    letter-spacing: 2px;
    line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;

}









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

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

.pc-top-lesson-zentai{
width: 100%;
padding:20px 0;		
}


.pc-toplesson{
width: 100%;	
margin: 0 auto;
max-width:750px;
background: #ffffff;
padding-top:0px;	
padding-bottom:20px;
border:0px solid #cccccc;	
text-align: left;	
border-radius: 	0px;

	
}



/* pcトップページ料金見出し*/
.pc-top-lesson-midashi{
width: 100%;	
margin-bottom:10px;	
background: rgb(255, 149, 43, 0.2);	
border-radius: 5px;	
}

.pc-top-lesson-midashi > p{
font-size: 18px;	
text-align: center;
color: #552b00;	
font-weight: bold;
padding:8px 0;	
letter-spacing: 6px;
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.pc-top-lesson-kugirisen{
width: 100%;
margin-bottom:-10px;
background: #ffffea;	
}
.pc-top-lesson-kugirisen-shita{
width: 100%;	
margin-top:-15px;	
margin-bottom:20px;	
}


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



table.pcryoukin{
width: 650px;
  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{
  text-align: left;
  background: #ffffff;
 padding-top:15px;	
 padding-bottom:15px;		
  border-bottom: 1px solid  #cccccc;
  width: 50%;
font-weight: normal;		
letter-spacing: 2px;
}

table.pcryoukin th > p{
color:#393939;	
  text-align: left;
padding-top:0px;	
padding-right: 10px;
padding-left: 40px;
font-size:16px;
letter-spacing: 2px;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }




table.pcryoukin td{
  text-align: left;
background: #ffffff;	
  border-left: 0px solid #a8b7c5;
  border-bottom: 1px solid  #cccccc;
  border-top: 0px solid #a8b7c5;
  width: 100%;
	font-size:16px;	
 padding-top:20px;	
 padding-bottom:20px;	
  padding-left: 20px;
color:#393939;	
letter-spacing: 1px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; font-weight: 400;}

table.pcryoukin td:first-child{

}
.pc-ryoukin-komoji{
font-size:13px;	
}


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

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



table.pckaikoujikan th{
  background: #ffffff;
  border-bottom: 1px dotted #a8b7c5;
  width: 40%;
vertical-align: middle;
 padding-top:20px;	
 padding-bottom:20px;	
}

table.pckaikoujikan th > p{
text-align: center;
padding-left: 25%;
font-size:16px;
color:#393939;	
letter-spacing: 2px;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; font-weight: 400;
}


table.pckaikoujikan td{
vertical-align: middle;	
  text-align: left;
	font-size:16px;	
background: #ffffff;	
  border-bottom: 1px dotted #a8b7c5;
  width: 60%;
 padding-top:20px;	
 padding-bottom:20px;	
  padding-left: 10%;
color:#393939;	
letter-spacing: 2px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; font-weight: 400;}

table.pckaikoujikan td:first-child{

}
.pc-lesson-bikou{
width: 100%;	
}
.pc-lesson-bikou > p{
font-size:14px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; padding-left:5%;
padding-right:5%;	
}


/* pc保護者の声*/
.pc-hogosha-zentai{
width: 600px;
margin:auto;	
}
.pc-hogosha-bun{
width: 100%;
margin-bottom:20px;	
}
.pc-hogosha-bun > p{
font-size:16px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.pc-hogosha-nenrei{
width: 100%;
}
.pc-hogosha-nenrei > p{
font-size:14px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; text-align: right;	
}
.pc-hogosha-line{
width: 650px;	
margin:auto;
margin-top:30px;
margin-bottom:30px;	
}

.pc-hogosha-botan{
display: block;	
background-color:#ffefcf;
width: 300px;	
margin:auto;	
margin-top:80px;
margin-bottom:120px;
text-align: center;	
padding:8px;	
border-radius: 10px;
border:2px dashed #AA7777;	
box-shadow: 0px 0px 0px 7px #ffefcf;	
}
.pc-hogosha-botan:hover{
opacity: 0.8;	
}
.pc-hogosha-botan > a{	
display: block;
position: relative;	
font-size:14px;
color:#330000;
text-decoration: none;	
font-weight: normal;
letter-spacing: 2px;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.pc-hogosha-botan > a::after {
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 6px solid #AA7777;
border-left: 6px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


/* pcQ&A */
.pc-qa-zentai{
width: 600px;
margin:auto;	
}
table.pc-qa-q{
  width: 98%;	
  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: #6ad500;
  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:16px;
color:#393939;
font-weight: bold;	
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

table.pc-qa-a{
  width: 98%;	
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
margin-top:20px;	
margin-bottom:30px;	
}
table.pc-qa-a th{
  width: 5%;
  vertical-align: top;	
}
.pc-q-a{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ff8800; 
  border:0px solid #ff91af;
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#ffffff;
	font-weight: normal;
}
table.pc-qa-a td{
  width: 95%;
	vertical-align: top;
padding-top:0px;
padding-left:30px;
font-size:16px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

.pc-qa-line{
width: 100%;
margin:auto;
margin-top:40px;
margin-bottom:40px;		
}

/* pcアクセス */
.pc-access{
width: 100%;	
text-align: center;	
padding-bottom:20px;	
}
.pc-access-bun{
width: 600px;
margin:auto;
margin-bottom:100px;	
padding-top:10px;	
}
.pc-access-bun > p{
font-size:16px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

/* pc問い合わせ全体 */

.pc-toiawase-bun{
width: 700px;
margin:auto;
margin-bottom:100px;	
padding-top:10px;	
}
.pc-toiawase-bun > p{
font-size:16px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.pc-toiawase-zentai{
width:700px;
margin:auto;	
}
/* pc問い合わせ電話 */


.pc-toiawase-denwa{
width: 100%;
padding:5px;	
border-bottom:2px dashed #996600;
margin-bottom:60px;	
}

.pc-toiawase-denwa > p{
  font-size:20px;
  font-weight: normal;	
color: #552b00;	
letter-spacing: 2px;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;	
    line-height:240%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 65px;
  	background-image: url("../images/denwa.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 6%;	
}
.pc-toiawase-bangou{
width: 100%;	
margin-top:20px;	
margin-bottom:40px;	
text-align: center;	
}
.pc-toiawase-bangou > p{
font-size:28px;
}
.pc-toiawase-time{
font-size:18px;	
}

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

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


.pc-toiawase-mail{
width: 100%;	
margin-top:60px;	
margin-bottom:60px;	
padding:5px;	
border-bottom:2px dashed #996600;	
}

.pc-toiawase-mail > p{
font-size:20px;
color: #552b00;		
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height:240%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 65px;
letter-spacing: 2px;	
  	background-image: url("../images/mail.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 6%;	
}


.pc-toiawase-adless{
width: 100%;	
margin-top:20px;	
margin-bottom:0px;	
text-align: center;		
}
.pc-toiawase-adless > p > a{
font-size:22px;
text-decoration: none;
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;	
}
.pc-toiawase-adless > p > a:hover{
text-decoration: underline;
}
.pc-mail-toiawasesaki{
width:  700px;	
margin:auto;	
}
.pc-mail-toiawasesaki > p{
font-size:16px;
padding-left:14%;	
}

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


.pc-toiawase-form{
width: 100%;	
margin-top:70px;	
margin-bottom:60px;
padding:5px;
border-bottom:2px dashed #996600;	
}
.pc-form-bun{
width: 500px;
margin:auto;
margin-bottom:60px;	
}
.pc-form-bun > p{
font-size:16px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

.pc-toiawase-form > p{
font-size:20px;
  font-weight: normal;	
color: #552b00;		
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height:240%;	
letter-spacing: 2px;	
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 65px;
  	background-image: url("../images/form.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 6%;	
}

.pc-botan{
background: #b1236a;
width: 320px;	
margin:auto;	
margin-top:20px;
margin-bottom:80px;		
text-align: center;	
padding:8px;	
border-radius: 25px;
border:1px solid #ffffff;	
box-shadow: 0px 0px 0px 3px #b1236a;	
}

.pc-botan:hover{
background: #aa0055;	
}

.pc-botan > a{	
display: block;
position: relative;	
font-size:16px;
color:#ffffff;
text-decoration: none;	
font-weight: normal;
	letter-spacing: 3px;
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;	
}

.pc-botan > a::after {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 6px solid #ffffff;
border-left: 6px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


/* pc問い合わせLINE */


.pc-toiawase-line{
width: 100%;	
margin-top:80px;	
margin-bottom:60px;
padding:5px;	
border-bottom:2px dashed #996600;	
}


.pc-line-botan{
width: 500px;
margin:auto;
margin-top:20px;	
margin-bottom:40px;	
text-align: center;	
}
.pc-toiawase-line > p{
font-size:20px;
  font-weight: normal;
color: #552b00;		
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;	
    line-height:240%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 65px;
letter-spacing: 2px;	
  	background-image: url("../images/line.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 6%;	
}






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

.pc-toiawase-chuui{
width: 500px;	
margin:auto;
margin-top:40px;
padding:15px;	
border:1px solid #bfbfbf;	
}
.pc-toiawase-chuui > p{
font-size:13px;
color:#393939;
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }


.pc-shita-rogo{
width: 15%;
margin:auto;
margin-top:40px;	
margin-bottom:40px;	
}

.pc-shita-sns{
width: 220px;
margin:auto;	
}

table.pc-sns{
  width: 100%;	
border-collapse:collapse;
  border-pcacing: 0;
 margin:auto;	
}

table.pc-sns th{
	width: 50%;
	text-align: center;
}
table.pc-sns td{
	width: 50%;
	text-align: center;
	padding-right:17px;
}





.clear {
clear:both;
}







/* spサイトCSS */



.sp-main-zentai {
    width: 100%;
    margin-top: -26px;
    margin-bottom: 50px;
    padding-top: 30px;
padding-bottom:60px;	
    background-image: url("../images/sp-main-back2.webp");
    background-repeat: repeat; /* repeat-x, repeat-yを簡略化 */
    background-size: cover; /* 必要に応じて全体を覆う */
    background-position: center; /* 必要に応じて中央に配置 */
}



/* sp-main-image アニメーション */
.sp-main-image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 95%;
    border: 10px solid #ffffff;
}


/* sp-main-box アニメーション */
.sp-main-box {
    width: 96%;
    margin: auto;
    margin-top: 20px;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 15px;

}



/* sp-catchcopy アニメーション */
.sp-catchcopy {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #4B3832;
    margin-top: 30px;
    padding-bottom: 20px;
    letter-spacing: 4px;
    line-height: 1;
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;}



/* sp-main-bun アニメーション */
.sp-main-bun {
    width: 70%;
    margin: auto;
    padding-top: 10px;
    font-size: 16px;
    color: #4B3832;
    letter-spacing: 1px;
    line-height: 180%;
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif; }



.sp-zentai{
width: 96%;
margin:auto;	
}
.sp-bun{
width: 95%;
margin:auto;
margin-bottom:80px;	
}
.sp-bun > p{
font-size:17px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

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

.sp-top-lessonimage-back{
width: 100%;
margin-top:40px;	
padding-top:60px;
padding-bottom:80px;	
background-image: url("../images/sp-top-shoukai-back.jpg") ;
background-size:contain;
background-repeat: repeat-y;		
}

/* 共通スタイル */
.sp-top-lessonimage1,
.sp-top-lessonimage {
    width: 90%;
    height: auto; /* 高さを自動調整 */
    margin: auto;
    margin-bottom: 30px;
    text-align: center;
    border: 10px solid #ffffff; /* 画像周囲のボーダー */
    box-sizing: border-box; /* ボーダーを含めて要素全体のサイズを計算 */

}

.sp-top-lessonimage1 img,
.sp-top-lessonimage img {
    width: 100%; /* 親要素の幅に合わせる */
    height: auto; /* 高さを自動調整 */
    display: block; /* 余計なスペースを除去 */
    margin: 0; /* 外側の余白をリセット */
    border: none; /* 画像自体のデフォルトボーダーをリセット */
    vertical-align: bottom; /* インライン要素間の隙間を防止 */
}






.sp-top-lessonimage-bun{
width: 85%;
margin:auto;
margin-bottom:80px;	
border-radius: 10px;
padding:15px;	
background: rgb(255, 255, 255, 0.9);	
}
.sp-top-lessonimage-bun > p{
font-size:16px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.sp-top-lessonimage-bun-last{
width: 85%;
margin:auto;
padding:15px;	
border-radius: 10px;	
background: rgb(255, 255, 255, 0.9);	
}
.sp-top-lessonimage-bun-last > p{
font-size:16px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }


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

.sp-top-kakulessen-zentai{
width: 100%;
padding-top:40px;
padding-bottom:20px;	
background-image: url("../images/pc-lesson-back.jpg") ;
background-repeat: repeat-x repeat-y;		
	
}
.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:#2a2a2a;	
}
.sp-top-kakulessen-bun{
width: 95%;
margin:auto;
padding:15px;	
}
.sp-top-kakulessen-bun > p{
font-size:16px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

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


/* 各レッスンの見出し全体 */
.sp-top-youji1-lessen-midashi,
.sp-top-gakusei-lessen-midashi,
.sp-top-otona-lessen-midashi,
.sp-top-hoikushi-lessen-midashi {
  margin: auto;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  width: 95%;
  text-align: center;
  background: #ffffff;
  background-repeat: no-repeat;
  background-position: 0% 0%; /* フレーム下部画像 */
  background-size: 10%;
}

/* 背景画像を常に表示 */
.sp-top-youji1-lessen-midashi {
  background-image: url("../images/lesson-onpu.svg");
}

.sp-top-gakusei-lessen-midashi {
  background-image: url("../images/lesson-onpu2.svg");
}

.sp-top-otona-lessen-midashi {
  background-image: url("../images/lesson-onpu3.svg");
}

.sp-top-hoikushi-lessen-midashi {
  background-image: url("../images/lesson-onpu4.svg");
}

/* 見出しの文字部分 */
.sp-top-youji1-lessen-midashi > p,
.sp-top-gakusei-lessen-midashi > p,
.sp-top-otona-lessen-midashi > p,
.sp-top-hoikushi-lessen-midashi > p {
  font-size: 20px;
  line-height: 170%;
  text-align: left;
  padding-top: 0px;
  padding-left: 14%;
  letter-spacing: 2px;
  font-weight: normal;
color: #552b00;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
}



/* アニメーション以外の装飾: レッスン説明文 */
.sp-top-kakulessen-bun {
  width: 95%;
  margin: auto;
  padding: 15px;
}

.sp-top-kakulessen-bun > p {
  font-size: 16px;
  color: #393939;
  letter-spacing: 1px;
  line-height: 180%;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

/* レッスン全体のデザイン */
.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-zentai {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 20px;
  background-image: url("../images/pc-lesson-back.jpg");
  background-repeat: repeat-x repeat-y;
}





.sp-lesson-line{
width: 100%;
height: 15px;	
margin-top:0px;
margin-bottom:8px;	
background-image: url("../images/pc-qa-line.png") ;
background-repeat: no-repeat;	
}
/* sp脳トレ*/

.sp-noutore-title-shita{
width: 100%;
font-size:17px;
letter-spacing: 2px;
margin-top:-30px;
margin-bottom:40px;	
color: #552b00;	
text-align: center;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;	
}
.sp-noutore-image{
width: 100%;
margin-bottom:40px;	
}

.sp-noutore-bun{
width: 95%;
margin:auto;
margin-bottom:40px;	
}
.sp-noutore-bun > p{
font-size:17px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

.sp-noutore-waku{
width: 98%;
margin:auto;
border:1px solid #cccccc;
margin-bottom:60px;
padding:20px 0;	
}
table.sp-noutore-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;	
}

table.sp-noutore-table th{
  text-align: left;
  background:#ffffff;
  border-left: 0px solid #a8b7c5;
 border-right: 0px solid #a8b7c5;
  border-bottom: 0px solid #a8b7c5;
  width: 20%;
font-size:16px;
	color:#000000;		
letter-spacing: 1px;
vertical-align: top;
padding-left:20px;	
padding-bottom:5px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; 		
}

table.sp-noutore-table td{
  text-align: left;
background: #ffffff;	
  border-bottom: 0px solid #a8b7c5;
  border-top: 0px solid #a8b7c5;
  width: 80%;
	font-size:16px;		
	color:#000000;	
padding-left:3%;	
letter-spacing: 1px;
padding-bottom:5px;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; 	
}
.sp-noutore-link{
width: 95%;
margin:auto;	
padding-left:10px;	
}
.sp-noutore-link > a{
font-size:16px;
text-decoration: none;	
color:#0000ff;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; 	
}
/* sp特徴 */

.sp-tokuchou-zentai{
width: 100%;
margin-top:50px;
padding-top:50px;
padding-bottom:10px;	
background-image: url("../images/pc-tokuchou-back.jpg") ;
background-repeat: repeat-y;			
}

.sp-tokuchou-dotto1{
width: 90%;
height: 50px;	
margin:auto;
margin-bottom:10px;	
background-image: url("../images/pc-tokuchou-1-back.png") ;	
}
.sp-tokuchou-dotto2{
width: 90%;
height: 50px;	
margin:auto;
margin-bottom:10px;	
background-image: url("../images/pc-tokuchou-2-back.png") ;	
}
.sp-tokuchou-dotto3{
width: 90%;
height: 50px;	
margin:auto;
margin-bottom:10px;	
background-image: url("../images/pc-tokuchou-3-back.png") ;	
}

.sp-tokuchou-naka{
width: 90%;
margin:auto;
margin-top:-10px;	
background: #ffffff;
margin-bottom:50px;	
}
/* SP版の特長タイトル */
.sp-tokuchou-title {
    width: 95%;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 24px;
    color: #552b00;
    font-size: 20px;
	line-height: 150%;
    text-align: left;
    letter-spacing: 2px;
    padding-left: 5%;
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


.sp-tokuchou-bun{
width:  80%;	
margin:auto;
padding-bottom:40px;	
}
.sp-tokuchou-bun > p{
font-size:16px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }









.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-profile-image{
width: 70%;
margin:auto;	
text-align: center;
padding-bottom:10px;	
}
.sp-profile-image > p{
font-size:17px;
letter-spacing: 2px;	
text-align: center;
line-height: 190%;	
color:#393939;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.sp-profile-bun{
width: 95%;
margin:auto;
margin-bottom:30px;	
}
.sp-profile-bun > p{
font-size:16px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
/* sp-brog*/
table.sp-profile-link{
  width: 90%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;	
margin-bottom:60px;	
}



table.sp-profile-link th{
  width: 50%;
}

table.sp-profile-link td{
  width: 50%;	
}

.sp-blog{
width: 100%;
height: 40px;	
text-align: left;
font-weight: normal;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
  	background-image: url("../images/blog-aicon.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 10%;	
}
.sp-blog > p{
font-size: 16px;		
letter-spacing: 2px;			
font-weight: bold;
padding-top:7px;
padding-left:30px;	
}
.sp-blog > p > a{
color: #552b00;	
text-decoration: none;
}
.sp-blog > p > a:hover{
text-decoration: underline;
}
.sp-insta{
width: 100%;	
height: 40px;	
text-align: left;
font-weight: normal;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
  	background-image: url("../images/insta.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 11%;	
}
.sp-insta > p{
font-size: 16px;		
letter-spacing: 2px;			
font-weight: bold;
padding-top:7px;
padding-left:30px;	
}
.sp-insta > p > a{
color: #552b00;	
text-decoration: none;
}
.sp-insta > p > a:hover{
text-decoration: underline;
}


/* 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: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.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: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}
.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: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}
.sp-facebook-btn:hover {
opacity: 0.8;
}


@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.sp-pagelink-botan{
display: block;	
background-color:#ffefcf;
width: 85%;	
margin:auto;	
margin-top:50px;
margin-bottom:120px;
text-align: center;	
padding:12px;	
border-radius: 10px;
border:2px dashed #AA7777;	
box-shadow: 0px 0px 0px 7px #ffefcf;	
}
.sp-pagelink-botan:hover{
opacity: 0.8;	
}
.sp-pagelink-botan > a{	
display: block;
position: relative;	
font-size:16px;
color:#330000;
text-decoration: none;	
font-weight: normal;
letter-spacing: 2px;
line-height: 200%;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.sp-pagelink-botan > a::after {
content: "";
position: absolute;
top: 45%;
right: 10px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 10px solid #AA7777;
border-left: 10px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}



/* spあいさつ*/

.sp-aisatsubun {
    width: 95%;
    margin: auto;
    position: relative; /* 要素の位置を固定 */
}

.sp-aisatsubun > p {
    font-size: 16px;
    color: #393939;
    letter-spacing: 2px;
    line-height: 180%;
    font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }








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

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

.sp-top-lesson-zentai{
width: 100%;
padding:0px 0;
background: #ffffff;
}


.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;
	
}



/* spトップページ料金見出し*/
.sp-top-lesson-midashi{
width: 100%;	
margin-bottom:10px;	
background: rgb(255, 149, 43, 0.2);	
border-radius: 5px;	
}

.sp-top-lesson-midashi > p{
font-size: 18px;	
text-align: left;
color: #552b00;	
padding:5px 0;
padding-left:20px;	
letter-spacing: 4px;
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


/* spトップページ開講時間見出し*/
.sp-top-jikan-midashi{
width: 100%;	
margin-bottom:10px;	
background: rgb(255, 149, 43, 0.2);	
border-radius: 5px;	
}

.sp-top-jikan-midashi > p{
font-size: 18px;	
text-align: left;
color: #552b00;	
padding:5px 0;
padding-left:20px;	
letter-spacing: 4px;
font-weight: normal;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}


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


table.sp-ryoukin-table{
  width: 90%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
margin-bottom:40px;	
}
table.sp-ryoukin-table td.title{
width: 100%;
font-size:16px;
letter-spacing: 3px;	
text-align: center; 	
background: rgb(255, 149, 43, 0.2);	
padding:15px 0;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}
table.sp-ryoukin-table td.ryoukin{
width: 100%;
font-size:16px;
letter-spacing: 2px;	
padding:20px;	
text-align: center;	
color:#3f3f3f;	
background: #ffffff;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.sp-ryoukin-span{
font-size:14px;	
}
.sp-ryoukin-bikou{
width: 90%;
margin:auto;
margin-bottom:20px;
border:1px solid #cccccc;
padding:15px;	
}
.sp-ryoukin-bikou > p{
font-size:14px;
color:#3f3f3f;		
letter-spacing: 1px;
line-height: 180%;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }


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


table.spkaikoujikan{
  width: 100%;
  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:16px;	
letter-spacing: 2px;
color:#393939;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }


table.spkaikoujikan td{
  text-align: left;
	font-size:16px;	
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:#393939;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

table.spkaikoujikan td:first-child{

}


/* sp保護者の声 */
.sp-hogosha-zentai{
width: 90%;
margin:auto;	
}
.sp-hogosha-bun{
width: 100%;
margin-bottom:0px;	
}
.sp-hogosha-bun > p{
font-size:16px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.sp-hogosha-nenrei{
width: 100%;
margin-bottom:40px;	
}
.sp-hogosha-nenrei > p{
font-size:16px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; text-align: right;	
}





/* spQ&A */
.sp-qa-zentai{
width: 100%;	
}
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;
  margin-top:5px;	
  border-radius: 50px;
background: #6ad500;
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#ffffff;
	font-weight: normal;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
table.sp-qa-q td{
width: 95%;
vertical-align: top;
padding-top:7px;
padding-left:5%;
padding-right:2%;
font-size:16px;
color:#393939;
font-weight: bold;	
letter-spacing: 1px;
line-height: 150%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

table.sp-qa-a{
  width: 98%;	
  max-width: 700px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
margin-top:30px;	
margin-bottom:0px;	
}
table.sp-qa-a th{
  width: 5%;
  vertical-align: top;	
}
.sp-q-a{
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background: #ff8800;
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#ffffff;
	font-weight: normal;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
table.sp-qa-a td{
width: 95%;
vertical-align: top;
padding-top:0px;
padding-left:5%;
padding-right:2%;	
font-size:16px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

.sp-qa-line{
width: 100%;
height: 30px;
margin-top:40px;
margin-bottom:30px;	
background-image: url("../images/pc-qa-line.png") ;	
background-repeat: no-repeat;	
}





/* spアクセス */
.sp-access{	
padding-bottom:20px;	
}


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


.sp-toiawase-denwa{
width: 95%;
margin:auto;	
margin-bottom:40px;	
border-bottom:2px dashed #996600;	
}

.sp-toiawase-denwa > p{
  font-size:18px;
  font-weight: bold;	
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #552b00;		
letter-spacing: 2px;	
    line-height:190%;		
  padding-top:0px;	
  padding-bottom:5px;	
  padding-left: 13%;
  	background-image: url("../images/denwa.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 10%; /*フレーム下部画像*/
	background-size: 8%;	
}
.sp-toiawase-bangou{
width: 100%;	
margin-top:20px;	
margin-bottom:40px;	
text-align: center;	
}
.sp-toiawase-bangou > p{
font-size:20px;
font-weight: normal;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.sp-toiawase-bangou > p > a{
text-decoration: none;	
}
.sp-toiawase-time{
font-size:14px;	
}
/* sp問い合わせ電話注意書き */
.sp-toiawase-denwa-chuui{
width: 73%;
margin:auto; 
margin-bottom:60px;	
border:1px solid #cccccc;
padding:10px;	
}
.sp-toiawase-denwa-chuui > p{
font-size:14px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }


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


.sp-toiawase-mail{
width: 95%;
margin:auto;		
margin-bottom:40px;		
border-bottom:2px dashed #996600;	
}

.sp-toiawase-mail > p{
  font-size:18px;

font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #552b00;		
letter-spacing: 2px;	
    line-height:190%;		
  padding-top:0px;	
  padding-bottom:5px;	
  padding-left: 13%;
  	background-image: url("../images/mail.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 10%; /*フレーム下部画像*/
	background-size: 8%;	
}

.sp-toiawase-adless{
width: 90%;	
margin:auto;	
margin-top:20px;	
margin-bottom:40px;
text-align: center;	
}
.sp-toiawase-adless > p > a{
font-size:18px;
letter-spacing: 2px;	
text-decoration: none;
font-weight: normal;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}

/* sp問い合わせフォーム */
.sp-toiawase-form{
width: 95%;
margin:auto;	
margin-bottom:40px;		
border-bottom:2px dashed #996600;

}

.sp-toiawase-form > p{
  font-size:18px;
  font-weight: bold;	
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #552b00;		
letter-spacing: 2px;	
    line-height:190%;		
  padding-top:0px;	
  padding-bottom:5px;	
  padding-left: 13%;
  	background-image: url("../images/form.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 10%; /*フレーム下部画像*/
	background-size: 8%;	
}

.sp-botan{
background: #b1236a;
width: 78%;	
margin:auto;	
margin-top:50px;
margin-bottom:80px;		
text-align: center;	
padding:8px;	
border-radius: 25px;
border:1px solid #ffffff;	
box-shadow: 0px 0px 0px 3px #b1236a;	
}


.sp-botan > a{	
display: block;
position: relative;	
font-size:16px;
color:#ffffff;
text-decoration: none;	
	letter-spacing: 3px;
font-weight: normal;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

.sp-botan > a::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 6px solid #ffffff;
border-left: 6px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}





/* sp問い合わせLINE */


.sp-toiawase-line{
width: 95%;
margin:auto;
margin-bottom:40px;		
border-bottom:2px dashed #996600;
}



.sp-toiawase-line > p{
  font-size:18px;
  font-weight: bold;	
font-weight: normal;	
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #552b00;		
letter-spacing: 2px;	
    line-height:190%;		
  padding-top:0px;	
  padding-bottom:5px;	
  padding-left: 13%;
  	background-image: url("../images/line.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 10%; /*フレーム下部画像*/
	background-size: 7%;	
}

.sp-line-botan{
width: 100%;
margin:auto;	
margin-top:40px;	
margin-bottom:40px;
text-align: center;
}
/* sp問い合わせフォーム注意書き */
.sp-toiawase-form-chuui{
width: 73%;
margin:auto; 
margin-top:-40px;		
margin-bottom:50px;		
}
.sp-toiawase-form-chuui > p{
font-size:16px;
color:#2a2a2a;	
}
/* sp問い合わせメール注意書き */
.sp-toiawase-mail-chuui{
width: 100%;
margin:auto; 
margin-top:-40px;		
margin-bottom:50px;	
padding-left:13%;	
}
.sp-toiawase-form-chuui > p{
font-size:16px;
color:#2a2a2a;	
}


/* sp問い合わせLINE注意書き */
.sp-toiawase-line-chuui{
width: 73%;
margin:auto; 
margin-bottom:60px;	
border:1px solid #cccccc;
padding:10px;	
}
.sp-toiawase-line-chuui > p{
font-size:14px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }


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

.sp-toiawase-chuui{
width: 73%;
margin:auto; 
margin-bottom:60px;	
border:1px solid #cccccc;
padding:10px;	
}
.sp-toiawase-chuui > p{
font-size:14px;
color:#393939;	
letter-spacing: 1px;
line-height: 180%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }



.sp-shita-rogo{
width: 30%;
margin:auto;
margin-bottom:40px;	
}

table.sp-sns{
  width: 50%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;	
margin-bottom:80px;	
}

table.sp-sns th{
	width: 50%;
	text-align: center;
}
table.sp-sns td{
	width: 50%;
	text-align: center;
	padding-right:8%;
}

/* 上に戻るボタン */

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
background: rgb(255, 213, 213, 0.9);
  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フッター */

/*パソコンフッターデザイン2 */
.pc-footer-2{
width: 1280px;
padding-top:40px;
padding-bottom:20px;
background: #FFF5E6;	
}
table.pc-footer-2-table{
  width: 1280px;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;	
}
table.pc-footer-2-table td{
width: 360px;
padding:0 20px;	
vertical-align: top;	
}
.pc-footer-2-table-title{
width: 100%;
padding-bottom:8px;	
margin-bottom:15px;
border-bottom:1px solid #cccccc;
line-height: 100%;	
}
.pc-footer-2-table-title > p{
font-size:17px;
font-weight: bold;	
letter-spacing: 2px;	
color: #552b00;	
ffont-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;	
}
.pc-footer-2-table-jouohou{
width: 100%;	
}
table.pc-footer-2-jouhou-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
margin-top:20px;	
 margin-bottom:10px;	
}
table.pc-footer-2-jouhou-table th{
width: 30%;	
font-weight: normal;
font-size:14px;
letter-spacing: 1px;
color:#3f3f3f;	
text-align: left;
vertical-align: top;
padding-bottom:13px;	
line-height: 140%;		
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
table.pc-footer-2-jouhou-table td{
width: 70%;	
font-weight: normal;
font-size:14px;
letter-spacing: 1px;
color:#3f3f3f;		
vertical-align: top;
padding-bottom:13px;	
line-height: 140%;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
table.pc-footer-2-jouhou-table td > a{
text-decoration: none;	
}
table.pc-footer-2-jouhou-table td > a:hover{
text-decoration: underline;	
}
table.pc-fotter-tenpo{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
border-top:1px solid #80bfff;
border-bottom:0px solid #aad5ff;
	margin: auto;
max-width: 800px;	
}

table.pc-fotter-tenpo th:first-child{
}

table.pc-fotter-tenpo th:last-child{
}

table.pc-fotter-tenpo th{
  text-align: center;
  color:#ffffff;
  background: #00aeef;
  border-left: 0px solid #006ad5;
 border-top: 0px solid #ffd5ea;
 border-bottom: 1px solid #ffffff;
  width: 220px;
padding-right: 2%;
padding-left: 2%;
font-weight: normal;
	font-size:12px;
	letter-spacing: 2px;
margin-top:-1px;
	  padding: 10px 0;
}

table.pc-fotter-tenpo td{
  text-align: center;
  border-left: 1px solid #80bfff;
  border-bottom: 1px solid #80bfff;
  border-top: 0px solid #ffd5ea;
  width: 85.7142px;
  padding: 10px 0;
	font-size:13px;
}

table.pc-fotter-tenpo td:last-child{
  border-right: 1px solid #80bfff;
}
.pc-footer-botan{
display: block;	
background-color:#330000;
width: 230px;	
margin:auto;	
margin-top:20px;
margin-bottom:20px;
text-align: center;	
padding:8px;	
border-radius: 0px;
border:2px dashed #ffefcf;	
box-shadow: 0px 0px 0px 7px #330000;	
}
.pc-footer-botan:hover{
opacity: 0.8;	
}
.pc-footer-botan > a{	
display: block;
position: relative;	
font-size:14px;
color:#ffefcf;
text-decoration: none;	
font-weight: normal;
letter-spacing: 2px;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.pc-footer-botan > a::after {
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 6px solid #ffefcf;
border-left: 6px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

.pc-footer-2-table-menu{
width: 100%;
padding-left:0px;	
}
.pc-footer-2-table-menu > li{
width: 100%;
list-style: none;
padding:3px 0;
border-bottom:1px solid #cccccc;	
}
.pc-footer-2-table-menu > li > a{
position: relative;	
font-size:14px;
letter-spacing: 1px;
color:#3f3f3f;	
text-decoration: none;	
padding-left:20px;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.pc-footer-2-table-menu > li > a:hover{
text-decoration: underline;	
}
.pc-footer-2-table-menu > li > a::before {
content: "";
position: absolute;
top: 40%;
left: 0px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 8px solid #8a8a8a;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
.pc-footer-2-access{
width: 100%;
margin-top:20px;	
}
.pc-footer-2-copyright{
width: 1280px;
padding-top:20px;
padding-bottom:20px;	
background: #F5DEB3;	
}
.pc-footer-2-copyright > p{
font-size:14px;
color:#3f3f3f;
text-align: center;	
letter-spacing: 1px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }

/* spフッターナビ */

.sp-footer-taikenlesson{
width: 100%;
padding:30px 0;
background: #ffefcf;	
}



/* 元のスタイル */
.sp-footer-taikenlesson-title {
  width: 95%;
  margin: auto;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #552b00;
}

.sp-footer-taikenlesson-title > p {
  font-size: 19px;
color: #552b00;
	padding-bottom:5px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.sp-footer-taikenlesson-title > p .sp-wave-span {
  display: inline-block;
  opacity: 0; /* 初期状態で非表示 */
  transform: translateY(0); /* 終了位置を基準にする */
}

.sp-footer-taikenlesson-title.sp-wave-animate > p .sp-wave-span {
  animation: sp-wave 1s ease forwards;
}

@keyframes sp-wave {
  0% {
    opacity: 0;
    transform: translateY(0); /* 終了位置でフェードイン開始 */
  }
  50% {
    opacity: 1;
    transform: translateY(-10px); /* 上に持ち上がる */
  }
  100% {
    opacity: 1;
    transform: translateY(0); /* 終了位置に戻る */
  }
}








.sp-footer-taikenlesson-bun{
width: 85%;	
margin:auto;
margin-bottom:30px;	
}
.sp-footer-taikenlesson-bun > p{
font-size:14px;
color:#3f3f3f;		
letter-spacing: 1px;
line-height: 180%;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.sp-taiken-botan{
  background: #e4717a;
  width: 70%;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 20px;
border-radius: 10px;	
  text-align: center;
  padding: 10px 0px;
  border: 2px dashed #ffffff;
  box-shadow: 0px 0px 0px 7px #e4717a;	
}
.sp-taiken-botan > a{	
display: block;
position: relative;	
font-size:16px;
color:#ffffff;
text-decoration: none;	
font-weight: normal;
letter-spacing: 2px;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
.sp-taiken-botan > a::after {
content: "";
position: absolute;
top: 45%;
right: 15px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 10px solid #ffffff;
border-left: 10px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
/* spフッターmenu */
.sp-fotter-menu{
width: 100%;
background: #ffefcf;
padding:30px 0;	
}
sp-footer-menulist{
width: 95%;
margin:auto;	
}
table.sp-footer-list-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
	
}
table.sp-footer-list-table td.left{
width: 50%;	
vertical-align: top;
padding-left:10px;	
}
table.sp-footer-list-table td.right{
width: 50%;	
vertical-align: top;
border-left:1px solid #cccccc;	
padding-left:10px;	
}

li.sp-footer-list{
list-style: none;
position: relative;	
padding-left:40px;
padding-bottom:15px;	
}
li.sp-footer-list > a{
font-size:14px;
color:#3f3f3f;	
text-decoration: none;	
letter-spacing: 2px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }
li.sp-footer-list::before {
content: "";
position: absolute;
top: 25%;
left: 10px;
width: 5px;
height: 5px;
border-top: 1px solid #3f3f3f;
border-right: 1px solid #3f3f3f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/* spフッター */

.spfooter {
	width: 100%;
	clear: both;
  text-align: center;
  padding-top:20px;
  padding-bottom:60px;
  border-top: solid 0px #b4b4b4;
  background:#804000;	
}

.spfooter p {
width: 100%;
ext-align: center;
font-size: 12px;
color: #ffffff;
line-height: 180%;
letter-spacing: 2px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400; }




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


/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 1;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

/*左側メニュー*/
#sp-fixed-menu li:first-child{
   background: #A97846;
}

/*右側メニュー*/
#sp-fixed-menu li:last-child{
   background: #FF7256;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
	font-size:14px;
   text-align: center;
   display:block;
	text-decoration: none;
   width: 100%;
   padding:15px 10px;
	letter-spacing: 1px;
 font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;	
}
@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}


/* モーダル全体 */

.modal {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 98%;
  background: #fffcee;
  display: flex;
  align-items: flex-end;
  transition: bottom 0.6s ease-in-out; /* opacity を削除 */
  z-index: 100;
}

/* モーダルが表示された状態 */
.modal.sp-show {
  bottom: 0;
}

/* モーダルが閉じるアニメーションを追加するクラス */
.modal.closing {
  bottom: -100%; /* モーダルを下にスライド */
}

/* モーダルコンテンツ */
.modal-content {
  width: 100%;
  height: 95%;
  background: #fffcee;
  padding: 20px;
  overflow-y: auto;
}

/* 閉じるボタン */
.close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
  color: #333;

}

/* メニューリスト */
.modal-menu {
  list-style: none;
  margin: 0; /* デフォルトの余白をリセット */
  padding: 0; /* デフォルトの余白をリセット */
}

.modal-menu li {
  text-align: left;	
	position: relative;
}
.modal-menu li:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #552b00;
  border-right: solid 1px #552b00;
  position: absolute;
  top: 50%;
 right: 25px;
  margin-top: -4px;
  transform: rotate(45deg);
}

.modal-menu li a {
  color: #552b00;
  text-decoration: none;
  font-size: 17px;
  letter-spacing: 1px;
  display: block;
  padding-top:14px;
  padding-bottom:10px;
  padding-left:15px;	
  transition: background 0.3s;
  border-bottom:1px dashed #552b00;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}



/* SNSリンク */
.spfootermenu-sns {
  width: 100%;
  margin-top: 20px;
}

.sp-footermenu-blog, .sp-footermenu-insta {
  width: 100%;
  height: 40px;
  text-align: left;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  background-size: 7%;
}

.sp-footermenu-blog {
  background-image: url("../images/blog-aicon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
}

.sp-footermenu-insta {
  background-image: url("../images/insta.png");
  background-repeat: no-repeat;
  background-position: 10px center;
}

.sp-footermenu-blog > a, .sp-footermenu-insta > a {
  color: #552b00;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 2px;
  padding-left: 40px;
  font-weight: normal;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}


/* 初期状態の共通設定 */
.mojianime1 span,
.mojianime2 span,
.mojianime3 span,
.mojianime1 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); /* 初期状態 */
}

.mojianime1 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: 750px;
  margin: auto;
  border-bottom: 3px solid #d4d4d4;
  transform-origin: center;
  transform: scaleX(0); /* 初期状態で非表示 */
  transition: transform 1.3s ease-out;
}
.title-sen1.title-sen1-active {
  transform: scaleX(1); /* アニメーションで表示 */
}

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

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


/* ▼ お知らせボックス用スタイル ▼ */
.notice-box {
  width: 650px;
  margin: 30px auto 80px;;             /* 中央寄せ */
  border: 3px solid #ff8c42;     /* オレンジ系ボーダー */
  border-radius: 12px;
  padding: 25px 30px;
  background: #fffaf5;           /* 薄いオレンジ背景 */
  box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* ほんのり影で浮かせる */
  font-size: 16px;
  line-height: 1.8;
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}

.notice-title {
  font-size: 22px;
  font-weight: bold;
  color: #d35400;               /* 濃いオレンジ */
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #ff8c42;
  padding-bottom: 8px;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

.notice-list {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}

.notice-list li {
  margin-bottom: 8px;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

.notice-point {
  color: #e74c3c;               /* 赤系で強調 */
  font-weight: bold;
  margin: 10px 0 15px;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;	
}

.notice-contact {
  text-align: right;
  font-weight: bold;
  color: #333;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
}


/* ▼ スマホ用お知らせボックス用スタイル ▼ */
.sp-notice-box {
  width: 100%;
  max-width: 95%;                  /* 横幅を画面幅に応じて調整 */
  margin: 20px auto 100px;
  border: 2px solid #ff8c42;       /* オレンジ系ボーダー */
  border-radius: 10px;
  padding: 18px 15px;
  background: #fffaf5;             /* 薄いオレンジ背景 */
  box-shadow: 0 3px 8px rgba(0,0,0,0.05);
  font-size: 15px;
  line-height: 1.7;
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}

.sp-notice-title {
  font-size: 18px;
  font-weight: bold;
  color: #d35400;                  /* 濃いオレンジ */
  text-align: center;
  margin-bottom: 15px;
  border-bottom: 2px solid #ff8c42;
  padding-bottom: 6px;
}

.sp-notice-list {
  list-style: none;
  padding: 0;
  margin: 0 0 12px 0;
}

.sp-notice-list li {
  margin-bottom: 6px;
}

.sp-notice-point {
  color: #e74c3c;                  /* 赤系で強調 */
  font-weight: bold;
  margin: 8px 0 12px;
}

.sp-notice-contact {
  text-align: center;              /* スマホでは中央寄せに */
  font-weight: bold;
  color: #333;
}