/* all */
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
p {
    line-height: 1;
    margin-bottom: 0;
}
a {
    color: #fdfdfd;
}
a:hover {
    opacity: 0.9;
    color: #fdfdfd;
    text-decoration: none;
}


.body-all {
    font-family: "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", "繝｡繧､繝ｪ繧ｪ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: #fdfdfd;
}
.wd {
    max-width: 770px;
    margin: 0 auto;
}
.wd-scd {
    max-width: 860px;
    margin: 0 auto;
}
.sp-br {
    display: none;
}

/* header */
header {
    background-color: #252f4a;
    height: 46px;
    padding-top: 6px;
    position: fixed;
    top:0;
    width: 100%;
    margin-bottom: 46px;
    z-index: 99;
}
.hd-edit-l li{
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
}
.hd-edit-l img {
    margin-top: 6px;
    vertical-align: top;
}
.hd-edit-r {
    float: right;
}
.hd-arrow {
    width: 46px;
    height: auto;
    margin-right: 5px;
}
.hd-logo {
    width: 180px;
    height: auto;
}
.hd-edit-l-set {
    padding-top: 5px;
    width: 108px;
    height: auto;
}
.hide-pc{
    display: none;
}
/* Main */
.main {
    background-image: url("../img/bg_kv.jpg");
    width: auto;
    height: 656px;
    margin-top: 46px;
    background-attachment: fixed;
    background-position: top;
    background-size: 2000px auto;
    text-align: center;
}
.main-school-top {
    max-width: 487px;
    height: auto;
    margin-top: 250px;
}
.main-line {
    background-image: url("../img/bg.jpg");
    width: auto;
    height: 1600px;
    background-attachment: fixed;
    background-position: top;
    background-size: 2000px auto;
    color: #252f4a;
    padding-top: 40px;
}
.open-chat {
    background-image: linear-gradient(18deg, #ff7777 30%, #ff9b0c 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 82px;
    border: none;
}
.open-chat img {
    width: 24px;
    height: 24px;
    margin-right: 15px;
}
.open-chat p {
    color: #fdfdfd;
    font-size: 28px;
    font-weight: bold;
    line-height: 0.9;
}

.btn-theme {
    background-image: linear-gradient(18deg, #11d2af 30%, #0cc75c 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 82px;
    border: none;
}
.btn-theme {
    display: none;
}
.btn-theme p {
    color: #fdfdfd;
    font-size: 28px;
    font-weight: bold;
    line-height: 0.9;
}

/* line-animation */
.line-animation {
    opacity: 0;
}
.line-pop-sp {
    display: none;
}
.line-l,
.line-r{
  margin: 10px 0;
  display:flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.line-r{
  justify-content:flex-end;
}
.faceicon img{
  width: 80px;
  height: auto;
}
.line-no-image {
    padding-left: 80px;
}
.line-txt-l-pt1 {
    width: 300px;
    height: auto;
}
.line-txt-l-pt2 {
    width: 138px;
    height: auto;
}
.line-txt-r-pt1 ,
.line-txt-r-pt2 ,
.line-txt-r-pt4 {
    width: 160px;
    height: auto;
}
.line-txt-r-pt3 {
    width: 240px;
    height: auto;
}
.line-txt-top {
    margin-top: 10px;
}
.says-right {
  right: 2%;
}
.line {
  display: none;
}
.active{
    opacity: 1;
    display: block;
}


/* Schedule */
.schedule {
    background-color: #202a43;
    padding-top: 73px;
}
.schedule-txt {
    padding-bottom: 50px;
}
.schedule-tit-date01 ,
.schedule-tit-date02 ,
.schedule-tit-date03 {
    margin-bottom: 15px;
}
.schedule-tit-date01 {
    max-width: 520px;
    height: auto;
}
.schedule-tit-date02 {
    max-width: 290px;
    height: auto;
}
.schedule-tit-date03 {
    max-width: 221px;
    height: auto;
}
.scd-day h2 {
    font-size: 24px;
    font-weight: bold;
    color: #8af530;
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: solid 3px #8af530;
}
.schedule-txt01 {
    margin-bottom: 23px;
}
.schedule-txt01-pc {
    max-width: 670px;
    height: auto;
}
.schedule-txt01-sp {
    width: 100%;
    height: auto;
    display: none;
}
.schedule-txt p {
    line-height: 1.8;
    font-size: 16px;
}
.btn-green {
    width: 363px;
    height: 69px;
    background-image: linear-gradient(18deg, #11d2af 30%, #0cc75c 100%);
    color: #fdfdfd;
    font-weight: bold;
    border-radius: 50px;
    font-size: 26px;
    border:none;
}
.btn-green-end {
    width: 363px;
    height: 69px;
    background: #475076;
    color: #fdfdfd;
    font-weight: bold;
    border-radius: 50px;
    font-size: 26px;
    border:none;
}
.btn-orange {
    width: 360px;
    height: 69px;
    background-image: linear-gradient(18deg, #ff7777 30%, #ff9b0c 100%);
    color: #fdfdfd;
    font-weight: bold;
    border-radius: 50px;
    font-size: 23px;
    border:none;
    position: relative;
}
.btn-orange-end {
    width: 360px;
    height: 69px;
    background: #475076;
    color: #fdfdfd;
    font-weight: bold;
    border-radius: 50px;
    font-size: 23px;
    border:none;
    position: relative;
}
.btn-icon{
  position: absolute;
  top: 50%;
  right: 15px;/*蜿ｳ縺九ｉ縺ｮ霍晞屬*/
  width: 8px;/*繧｢繧､繧ｳ繝ｳ縺ｮ讓ｪ蟷�欠螳�*/
  transform: translateY(-50%);/*縺薙�謖�ｮ壹〒荳贋ｸ倶ｸｭ螟ｮ縺ｫ*/
}

.btn-talkloom-blue ,
.btn-talkloom-green {
    width: 380px;
    height: 93px;
    color: #fdfdfd;
    font-weight: normal;
    border-radius: 15px;
    font-size: 26px;
    border:none;
}
.artist-img {
    width: 100%;
    height: auto;
    margin-top: 25px;
}

.schedule-txt02-pc {
    max-width: 564px;
    height: auto;
}
.schedule-txt02-sp {
    max-width: 80%;
    height: auto;
    display: none;
}

.schedule-txt03-pc {
    max-width: 729px;
    height: auto;
}
.schedule-txt03-sp {
    width: 100%;
    height: auto;
    display: none;
}
.schedule-button {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-top: 25px;
}
.schedule-art-button {
    text-align: center;
    margin-top: 25px;
}
.schedule-week {
    font-size: 20px;
}
/* HomeLoom */
.homeloom {
    background-color: #313b54;
    padding-top: 40px;
    padding-bottom: 230px;
}
.homeloom-tit {
    text-align: center;
    margin-bottom: 48px;
}
.enter-tit-pc {
    max-width: 630px;
    height: auto;
    margin-top: 48px;
}
.enter-tit-sp {
    max-width: 90%;
    height: auto;
    display: none;
    margin-top: 24px;
}
.homeloom-tit-howto-pc {
    max-width: 630px;
    height: auto;
}
.homeloom-tit-howto-sp {
    max-width: 90%;
    height: auto;
    display: none;
}
.homeloom-add h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 48px;
}
.homeloom-box-fst ,
.homeloom-box-scd {
    max-width: 340px;
}
.homeloom-box-img {
    width: 100%;
    height: auto;
}
.homeloom-box-fst p ,
.homeloom-box-scd p {
    font-size: 20px;
    padding-top: 15px;
    line-height: 1.4;
    letter-spacing: 0.07rem;
}
.homeloom-box-fst p {
    padding-bottom: 50px;
}
.homeloom-box-scd p {
    padding-bottom: 100px;
}
.homeloom-box-mrg-r {
    margin-right: 5px;
}
.homeloom-box-mrg-l {
    margin-left: 5px;
}

.homeloom-btn-fst {
    margin-bottom: 15px;
}
.homeloom-btn-scd {
    margin-bottom: 50px;
}
.homeloom-tit-present {
    max-width: 355px;
    height: auto;
    padding-bottom: 20px;
}
.homeloom-txt {
    margin-bottom: 20px;
}
.homeloom-txt-present-pc {
    width: 100%;
    height: auto;
}
.homeloom-txt-present-sp {
    width: 100%;
    height: auto;
    display: none;
}
.homeloom-product {
    width: 100%;
    height: auto;
}
.homeloom-twitter ul {
    margin-top: 30px;
}
.homeloom-twitter li {
    font-size: 16px;
    line-height: 1.75;
}
.howto-txt-green {
    color: #8af530;
}
.emb-twitter-pc ,
.emb-twitter-sp {
    margin-top: 50px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.emb-twitter-pc {
    width: 60%;
}
.emb-twitter-sp {
    width: 90%;
}
.twitter-tweet {
    margin: 0 auto;
    text-align: center;
}
.emb-twitter-sp {
    display: none;
}
.homeloom-twitter a {
    color: #ffcc00;
}

/* HowTo */
.howto-openchat {
    width: 577px;
    padding-top: 30px;
    padding-bottom: 60px;
}
.howto_tit_about {
    width: 257px;
    height: auto;
    margin-bottom: 23px;
}
.howto-openchat p {
    line-height: 1.75;
    margin-bottom: 40px;
}
.howto-openchat h3 {
    font-size: 16px;
    color: #8af530;
    line-height: 1.75;
    margin-bottom: 0;
}
.howto-openchat li {
    margin-left: 20px;
    font-size: 14px;
    line-height: 1.75;
    list-style: disc;
}
.howto-openchat-img {
    width: 100%;
    height: auto;
    position: relative;
}
.howto-openchat-img-ab {
    position: absolute;
    width: 175px;
    height: auto;
    right: 5%;
    top: -10%;
}
/* talkloom */
.howto-banner {
    text-align: center;
    margin-bottom: 30px;
}
.howto-banner-pc {
    width: 630px;
    height: auto;
}
.howto-banner-sp {
    width: 100%;
    height: auto;
    display: none;
}
.howto-talkloom-link {
    width: 380px;
    margin: 0 auto;
}
.howto-link-img {
    width: 380px;
    height: auto;
}
.howto-illust {
    padding-top: 60px;
    position: relative;
}
.howto-illust-img {
    position: absolute;
}
.howto-illust-img img {
    width: 100%;
    height: auto;
}


/* footer */
footer {
    margin-top: 100px;
    margin-bottom: 132px;
}
.footer-border {
    color: black;
    border-top: solid 1px #202a43;
    padding-top: 2px;
}
.footer-border::before {
    content: " ";
    border-top: solid 3px #55585e;
    padding-right: 100%;
}
.footer-message {
    display: flex;
    justify-content: center;
    padding-top: 52px;
    padding-bottom: 60px;
    color: #202a43;
}
.footer-message p {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.04rem;
    word-break: break-all;
}
.footer-message-img img {
    width: 180px;
    height: auto;
    margin-right: 28px;
}
.footer-img {
    width: 100%;
    height: auto;
    margin-bottom: 35px;
}
.footer-link-img {
    width: 730px;
    height: auto;
}
.footer-corp {
    text-align: center;
    color: #11512b;
    margin-top: 20px;
}
.footer-school-img {
    width: 95px;
    height: auto;
    margin-top: 54px;
    margin-bottom: 19px;
}
.footer-corp p {
    font-size: 12px;
    margin-bottom: 50px;
}
.under-set {
    position: fixed;
    bottom:0;
    width: 100%;
}