@charset "UTF-8";
* { margin: 0 auto;padding: 0; font-size: clamp(15px, 1vw, 25px);font-family: "Kiwi Maru","游ゴシック", "メイリオ", "Meiryo UI", "ＭＳ Ｐゴシック", "MS P Gothic", "Hiragino Maru Gothic ProN W4", "ヒラギノ丸ゴ ProN W4", "Lucida Grande", Arial, Helvetica, Verdana, serif;}
body {-webkit-text-size-adjust: 100%;/*iphone文字サイズ自動変更防止*/ max-width: 100%;}
#container {z-index: 1;position: relative;overflow-x: hidden;background: url("https://u.jimcdn.com/cms/o/scedaec656e028259/userlayout/img/bg.png?t=1711601518") 27% top; background-size: 100%;/*background-attachment: fixed;*/}
#content {max-width:1080px;clear:both; padding:10px;margin-bottom:100px;}
p,div,span{/* じわっと画像が表示される */animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal;}
#cc-m-13735868136,#cc-m-13735868936,#cc-m-13735869036,#cc-m-13735869136{/* ogp画像非表示 */ display: none; }

/* 全ページ共通 */
.sp{display: none;}
img { max-width:93%;}
a { text-decoration: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
a:hover { text-decoration:none; opacity: 0.7; }
h1{display: none;}
h2 { position: relative; margin: 60px 30px; padding: 30px auto; text-align: center; background: url(https://u.jimcdn.com/cms/o/scedaec656e028259/userlayout/img/h2.png?t=1706497529) no-repeat center center; background-size: 450px; height: 50px;line-height:50px; }
h3 { position: relative; margin: 1rem 1rem 3rem; padding: 0.7rem; text-align: center;background: url(https://u.jimcdn.com/cms/o/scedaec656e028259/userlayout/img/h3.png?t=1711005274) no-repeat center center; height: 60px;}
/*h3::before { position: absolute; bottom: -6px; left: calc(50% - 30px); width: 60px; height: 5px; content: ''; border-radius: 3px; background: #a26c75;}*/
input{ border-radius:5px; }
li{margin-left:5px;}

/* マーカー・文字装飾 */
.blue { color:#788293; font-weight: bold; font-size:140%; }
.marker_k { background: linear-gradient(transparent 65%, #ccc 65%);font-weight: bold; }
.marker_b { background: linear-gradient(transparent 65%, #c1e0ff 65%);font-weight: bold; }
.marker_r { background: linear-gradient(transparent 60%, #FFA0A0 60%);font-weight: bold; }
.marker_p { background: linear-gradient(transparent 60%, #F9CACC 60%);font-weight: bold; }
.marker_y { background: linear-gradient(transparent 65%, #fff799 65%);font-weight: bold; }
.marker_w { background: linear-gradient(transparent 65%, #fff 65%);font-weight: bold; }
.background_w { background-color: rgba(256,256,256,0.6); padding:20px;border-radius:20px; }
.ts_be{text-shadow: #FFF8EA 3px 3px 4px; padding:3px; font-size:2rem;}
.lh15{line-height: 1.5;}
.p3 { padding:3px; }

/* ヘッダー */
header {position:relative;z-index: 10000;top: 0;　padding: 10px; max-width: 1600px; }
header nav ul{ display: flex;justify-content: flex-end;align-items: center;list-style: none; }
#header-nav { position: fixed;background: rgba(254,249,245,0);padding:10px;margin: 5px; right:0;}
#header-nav ul li {border-left:0.5px #ccc solid;padding-left:20px;padding-right:20px;}
#header-nav ul li:first-child {border-left:none;}
#header-nav ul li a{text-decoration: none ;color: #756A57;}
/*　フッター　*/
footer { clear: both;font-size: 0.8em;text-align: center;background-color: #788293;padding: 40px 10px 20px;font-family:"游ゴシック",;color:#FEF9F5;}
#footer-nav {padding:10px;margin: 5px; }
#footer-sns { display: flex;justify-content: flex-end;align-items: center;list-style: none; text-align:center;font-size:1.3em;width: fit-content;margin:0px auto 10px; }
#footer-sns li{ padding:5px;}
#footer-copyright { clear: both;padding: 20px 0px 20px;}


/* トップページ共通 */
.contact{background:url("top1.png") no-repeat right top; background-size: 350px ; padding:30px 10px;}
#cc-m-13723482636,#cc-m-13724436636,#cc-m-13724455736,#cc-m-13722533236,#cc-m-13721664936,#cc-m-13723515236,#cc-m-13723086836,#cc-m-13723329636,#cc-m-13717634036,#cc-m-13721750336,#cc-m-13719586636,#cc-m-13719586736,#cc-m-13719586836,#cc-m-13722533636,#cc-m-13722534036,#cc-m-13719555336,#cc-m-13717639636,#cc-m-13723515436,#cc-m-13723515736,#cc-m-13871287336,#cc-m-13871279436 {z-index: 100;position: relative;}
/*#cc-m-13732944136{z-index: 100;position: absolute; right:200px; top:400px;}*/
#cc-m-13723086636{ content: '';position: absolute;right:0%;top:0;margin:0;padding:0;z-index:0; }/*トップファーストビュー*/
#cc-m-13723341536{ content: '';position: absolute;right:8%;top:90px; height: 25%; }/*こどもアナウンス教室ファーストビュー*/
#cc-m-13723345636{ content: '';position: absolute;right:8%;top:90px; height: 25%; }/*受講料ファーストビュー*/
#cc-m-13723419736{ content: '';position: absolute;right:8%;top:90px; height: 25%; }/*お問いあわせファーストビュー*/
#cc-m-13723251836{ margin:10px; }/*scroll*/
.scroll { padding-top: 70px; position: relative; text-align:center; }
.scroll::before { animation: scroll 3.5s infinite; display: inline-block; content: ""; position: absolute; width: 20px; height: 20px; border-bottom: solid 1px #000; border-left: solid 1px #000; transform: rotate(-45deg); top: 0; right: 0; left: 0; margin: auto; }
@keyframes scroll {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  
  40% {
    opacity: 1;
  }
  
  80% {
    transform: rotate(-45deg) translate(-30px, 30px);
    opacity: 0;
  }
  
  100% {
    opacity: 0;
  }
}

@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

@media screen and (min-width: 635px) {
/*600px以上のPCカラム非表示*/
#cc-m-13871284436,#cc-m-13732917736,#cc-m-13723482636,#cc-matrix-3959253836,#cc-m-13723081936,#cc-m-13723083436,#cc-m-13871277936,#cc-m-13723336336,#cc-m-13723359336,#cc-m-13723515236,#cc-m-13723515436,#cc-m-13723515736{ display: none; }
}

/* =======================================
　　タブレット用
======================================= */
@media screen and (max-width: 1080px) {
#container {background:#FEF9F5 url("https://u.jimcdn.com/cms/o/scedaec656e028259/userlayout/img/bg.png?t=1711601518") 27% top; background-size: 200%;}
#cc-m-13723341536{ right:-3%;top:30px; height: 25%; }/*キッズアナウンス教室ファーストビュー*/
#cc-m-13723345636{ right:-3%;top:30px; height: 25%; }/*受講料ファーストビュー*/
#cc-m-13723419736{ right:-3%;top:30px; height: 25%; }/*お問いあわせファーストビュー*/

#cc-m-13722533236{ margin-top:30px; }/*トップページサイトロゴ*/
#cc-m-13721664936{ margin-top:30px; }/*キッズアナウンス教室サイトロゴ*/
#cc-m-13722533636{ margin-top:30px; }/*受講料サイトロゴ*/
#cc-m-13722534036{ margin-top:30px; }/*お問い合わせサイトロゴ*/
}

/* =======================================
　　モバイル用
======================================= */
@media screen and (max-width: 635px) {
#cc-inner{}
body {margin:0px 10px; font-size:0.8rem;}
#container {background:#FEF9F5 url("https://u.jimcdn.com/cms/o/scedaec656e028259/userlayout/img/bg-sp.png?t=1711601523") 27% 100px; background-size: 100%;}
#content { margin:auto 0px 50px; padding:0px 10px; }
.ts_be{ font-size:1.5rem;}
#header{ display: none; }
h2 { background-size: 280px; margin-top:20px; }
#footer-copyright { margin-bottom:50px;}
.leftrow,.rightrow{visibility:hidden;}

#cc-m-13723086636{ display: none;}
#cc-m-13732917736{ content: '';position: absolute;right:0%;top:0;margin:0;padding:0; }/*トップSPファーストビュー*/
#cc-m-13723341536{ right:-10%;top:-15px; height: 200px;width: 70%; }
#cc-m-13723345636{ right:-10%;top:-15px; height: 200px;width: 70%; }
#cc-m-13723419736{ right:-10%;top:-15px; height: 200px;width: 70%; }
#cc-m-13871282736,#cc-m-13722835036,#cc-m-13722533236,#cc-m-13717656236,#cc-m-13717658336,#cc-m-13871274636,#cc-m-13723314636,#cc-m-13871275136,#cc-m-13718922336,#cc-m-13717658336,#cc-m-13723357236{ display: none; }
#cc-m-13722533236{ margin-top:30px; }/*トップページサイトロゴ*/
#cc-m-13721664936{ margin-top:10px; }/*キッズアナウンス教室サイトロゴ*/
#cc-m-13722533636{ margin-top:10px; }/*受講料サイトロゴ*/
#cc-m-13722534036{ margin-top:10px; }/*お問い合わせサイトロゴ*/

/* フローティングメニュー */
#footerFloatingMenu {display: block;z-index: 10000;width: 100%;position: fixed;left: 0px;bottom: 0px;text-align: center;margin: 0 auto;
padding: 0 0 25px 0; background-color: #A36C75;color: #ede7da;font-size: 2.0em;}
#footerFloatingMenu a {text-decoration: none !important; }
a.home,a.program,a.price,a.mail,a.tel,a.top{position: relative; padding: 15px 15px 15px;}
a.home:before,a.program:before,a.price:before,a.mail:before,a.tel:before,a.top:before{font-family: FontAwesome; color: #ede7da;font-size: 1.4em; }
a.home:after,a.program:after,a.price:after,a.mail:after,a.tel:after,a.top:after{font-size: .5em; color:#ede7da; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; padding: 0; text-align: center;}
a.home:before {content: "\f015";}
a.home:after {content: "ホーム";}
a.program:before {content: "\f4ba";}
a.program:after {content: "教室のこと";}
a.price:before {content: "\f157";}
a.price:after {content: "受講料";}
a.mail:before {content: "\f0e0";}
a.mail:after {content: "お問合せ";}
a.tel:before {content: "\f095";}
a.tel:after {content: "TEL";}
a.top:before {content: "\f102";}
a.top:after {content: "TOP";}
}

@media screen and (max-width: 500px) {
#cc-m-13732916336,#cc-m-13732918436{ height:20px;}/*スペースのサイズ調整*/
}