@charset "utf-8";
/* CSS Document */

.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}

/*-----------------------------------------*/
/* general */
/*-----------------------------------------*/
html,body{width:100%;}
.wrap{width:100%;}
body{font-family:"メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS PGothic", Arial, helvetica, sans-serif;color:#3C3C3C;background-color:#fff;line-height:1.5;-webkit-text-size-adjust:100%;font-size:17px;}
a:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}.wrap{overflow:hidden;}
ol, ul{list-style:none;}
@media only screen and (max-width:768px){
.wrap{overflow:hidden;}
}

/*-----------------------------------------*/
/* header */
/*-----------------------------------------*/
.headerBox{width:100%;}
.headerBox img{max-width:100%;height:auto;padding:30px;margin:auto;}
h1{font-family:'M PLUS Rounded 1c', sans-serif;}
@media only screen and (min-width:1025px){
}
@media only screen and (max-width:1024px){
.headerBox img{padding:0;height:auto;}
h1{font-family:'M PLUS Rounded 1c', sans-serif;}
}
.h1__color{color:#da60cf;}
.h1__tel{color:#3e79bd;}

/*-----------------------------------------*/
/* menu */
/*-----------------------------------------*/
/**, *:before, *:after{padding:0;margin:0;box-sizing:border-box;}*/
ol, ul{list-style:none;}
a{text-decoration:none;color:inherit;}
.step_cont{height:180px;}
.step_offcm01{position:fixed;/*position:absolute;*/top:20px;right:20px;display:inline-block;z-index:9999;}
@media only screen and (max-width:768px){
.step_offcm01{right:10px;}
}
/* menu */
.step_offcm01 .step_menu{
position:fixed;
top:0;
right:-100vw;
width:250px;
height:100%;
cursor:pointer;
-webkit-transition: 0.53s transform;
        transition: 0.53s transform;
-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
background-color:#3e79bd;
opacity:0.8;
z-index:9999;
}
.step_offcm01 .step_menu ul{margin:0;padding:0;}
.step_offcm01 .step_menu li{list-style:none;}
.step_offcm01 .step_menu li a{
display:block;
padding:20px;
text-decoration:none;
color:#ffffff;
border-bottom:1px solid #ffffff;
}
.step_offcm01 #step_toggle01{
position:absolute;
display:none;
opacity:0;
}
.step_offcm01 #step_toggle01:checked ~ .step_menu{
-webkit-transform: translateX(-100vw);
transform: translateX(-100vw);
}
/* menu toggle */
.step_offcm01 #step_toggle01 ~ label{
display:block;
padding:0.5em;
cursor:pointer;
-webkit-transition:0.5s transform;
transition:0.5s transform;
-webkit-transition-timing-function:cubic-bezier(.61,-0.38,.37,1.27);
transition-timing-function:cubic-bezier(.61,-0.38,.37,1.27);
text-align:center;
color:#888888;
}
.step_offcm01 #step_toggle01:checked ~ label{
-webkit-transform:translateX(-250px);
transform:translateX(-250px);
}
.step_offcm01 #step_toggle01 ~ label::before{
font-family:'FontAwesome';
content:'\f0c9';
font-size:2em
}
.step_offcm01 #step_toggle01:checked ~ label::before{
content:'\f00d';
}
/* contents */
.step_contents{
color: #333333;
text-align:center;
line-height:1.6;
}
.step_contents h1{vertical-align:middle;font-size:37px;padding:10px;}
@media only screen and (max-width:768px){
.step_contents{padding:5px;}
.step_contents h1{font-size:23px;text-align:left;}
}

/*-----------------------------------------*/
/* content */
/*-----------------------------------------*/
.contentBox{width:95%;margin:15px auto 0 auto;}
.content{width:100%;}
.content .img-center{margin:15px auto 0 auto;width:950px;}
.content h2{position:relative;text-align:center;/*position:relative;top:85px;padding-left:115px*/;font-size:37px;font-family:'M PLUS Rounded 1c', sans-serif;margin-top:50px;margin-bottom:35px;}
.content h2:before{content:'';position:absolute;bottom:-15px;display:inline-block;width:5%;height:5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#da60cf;border-radius:2px;}
.mt150{margin-top:150px;}
.mt50{margin-top:50px;}
@media only screen and (max-width:768px){
.contentBox{width:98%;}
.content .img-center a img{width:95vw;}
.content h2{text-align:center;/*position:relative;padding-left:105px;*/font-size:33px;font-family:'M PLUS Rounded 1c', sans-serif;}
.mt150{margin-top:80px;}
.mt50{margin-top:30px;}
}

/*-----------------------------------------*/
/* ribon */
/*-----------------------------------------*/
.contentBoxwrap-inner{width:85%;margin:0 auto;}
.ribon__info{background-color:#fff;width:100%;margin:80px auto 15px auto;}
.ribon__info table{width:80%;margin:0 auto;}
.ribon__info td{padding:10px;}
.youtubeLivetime{font-weight:bold;vertical-align:middle;font-size:27px;line-height:2.2;border-bottom:1px solid #eee;}
.youtubeLivetitle{vertical-align:middle;font-size:33px;font-weight:bold;line-height:2.2;border-bottom:1px solid #eee;}
.cp_card{width:100%;position:relative;background:#ffffff;overflow:visible;margin:2em auto;padding:5px;box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}
.cp_ribbon11{line-height:50px;position:absolute;top:15px;display:block;width:calc(100% + 20px);height:50px;margin-right:-10px;margin-left:-18px;text-align:center;color:#ffffff;background:#3e79bd;font-family:'M PLUS Rounded 1c', sans-serif;font-size:27px;}
.cp_ribbon11:before, .cp_ribbon11:after{position:absolute;content:'';}
.cp_ribbon11:before{bottom:-10px;left:0;width:0;height:0;border-top:10px solid #3e79bd;border-left:10px solid transparent;}
.cp_ribbon11:after{right:0;bottom:-10px;width:0;height:0;border-top:10px solid #3e79bd;border-right:10px solid transparent;}
@media only screen and (max-width:768px){
.contentBoxwrap-inner{width:100%;}
.cp_ribbon11{height:50px;}
.ribon__info{margin:135px auto 15px auto;}
.ribon__info td{display:block;width:100%;}
.youtubeLivetime{font-size:23px;}
.youtubeLivetitle{font-size:27px;}
}

/*-----------------------------------------*/
/*  */
/*-----------------------------------------*/
.key-box{width:100%;margin-top:30px;}
.key-box_inner{margin-top:10px;font-size:33px;padding:15px;line-height:1.6;text-align:center;}
.key-box td{padding:10px;line-height:1.2;}
.key-box td a{color:#333;}
.__icon{font-size:90px;line-height:1.6;padding:35px;color:#3e79bd;}
@media only screen and (max-width:768px){
.key-box td{display:block;width:100%;}
.key-box_inner{font-size:27px;}
}

/*-----------------------------------------*/
/*  */
/*-----------------------------------------*/
.cp_card03{position:relative;margin:15px auto 30px auto;border-radius:3px;background:#fff;-webkit-box-shadow:0 3px 7px -3px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px -3px rgba(0, 0, 0, 0.3);}
.cp_card03 .header{position:relative;z-index:1;overflow:hidden;height:240px;margin:0;border-radius: 3px 3px 0 0;}
.cp_card03 .header::before{position:absolute;z-index:-1;top:0;left:0;overflow:hidden;width:100%;height:100%;content:'';-webkit-transform:skewY(-3.2deg);transform:skewY(-3.2deg);-webkit-transform-origin:0 0;transform-origin:0 0;background:#e4007f;-webkit-backface-visibility:hidden;}
.cp_card03 .cover{position:absolute;z-index:2;top:120px;left:20px;max-width:140px;height:auto;}
.cp_card03 .header .details{padding:80px 0 0 180px;font-family:'M PLUS Rounded 1c', sans-serif;line-height:1.2;}
.cp_card03 .header .details p{font-size:1.4em;position:relative;margin-bottom:13px;color:#ffffff;}
.cp_card03 .description{padding:0 0.7em 1em 0;color:#8c8b88;display:-webkit-box;display:-ms-flexbox;display:flex;}
.cp_card03 .description .text{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:190px;line-height:1.2;}
.Etitle{font-size:27px;font-weight:bold;}
.Ename{font-size:37px; font-weight:bold;}
@media screen and (max-width:768px){
.cp_card03 .description{display:block;padding:0.5em 0.7em;}
.cp_card03 .cover{max-width:100px;height:auto;top:170px;left:10px;}
.cp_card03 .header .details{padding:5px 0 0 5px;}
.cp_card03 .description .text{padding:30px 0 0 10px;line-height:1.2;}
}

/*-----------------------------------------*/
/*  */
/*-----------------------------------------*/
.event__more{width:90%;margin:0 auto;}
.event__more iframe{width:100%;height:472px;}
@media screen and (max-width:768px){
.event__more video{width:100%;}
}
.mt15{margin-top:15px;}
.mb20{margin-bottom:20px;}
.videomidasi{padding:2px 0 2px 10px;border-left:6px solid #e4007f;border-bottom:2px solid #fff100;font-size:23px;font-weight:bold;color:#444;margin:30px 0 15px 0;}

/*-----------------------------------------*/
/*  */
/*-----------------------------------------*/
.event-detail{margin-top:15px;width:90%;margin:20px auto 20px auto;}
.event-detail iframe{width:100%;height:350px;}
.event-detail table{width:80%;margin:50px auto 50px auto;}
.event-detail th{font-size:21px;margin:10px 0 10px 0;text-align:left;font-weight:bold;color:#333;padding:15px;background-color:#fff;width:40%;line-height:1.9;border-bottom:1px solid #eee;}
.event-detail td{line-height:1.9;border-bottom:1px solid #eee;font-size:19px;}
.total{position:relative;width:150px;top:-230px;left:565px;}
.FBcome{padding:2px 6px 0 6px;background-color:#385495;border-radius:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;box-shadow:3px 3px 1px #e2e1e1;-moz-box-shadow:2px 2px 1px #e2e1e1;-webkit-box-shadow:2px 2px 1px #e2e1e1;}
.FBcome a{font-family:'M PLUS Rounded 1c', sans-serif;color:#fff;text-align:center;font-size:18px;text-decoration:none;}
.Fcome{font-size:16px; text-align:center; line-height:1.2;}
.border{margin-bottom:10px;}
.footer-textBox{width:100%;}
.footer-text{width:80%; margin:-100px auto 30px auto; line-height:1.2; font-size:16px;}
.suport-text{width:80%; margin:0 auto 30px auto; font-size:16px;}
.suport-text2{margin:10px auto 0 auto; font-size:16px;line-height:1.5;}
.suport-text-come{font-size:16px;line-height:1.6;}
.fleft{float:left; margin-right:15px;}
.frkLink{margin:15px auto 0 auto; width:400px;}
.suport-title{position:relative;/*display:inline-block;*/margin-bottom:30px;font-family:'M PLUS Rounded 1c', sans-serif;font-size:23px;text-align:center;}
.suport-title:before{content:'';position:absolute;bottom:-10px;display:inline-block;width:5%;height:3px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#da60cf;border-radius:2px;}
@media screen and (max-width:768px){
.event-detail{width:95%;}
.event-detail th , .event-detail td{display:block;width:100%;}
.FBcome a{font-size:17px;}
.total{width:150px;top:30px;left:15px;}
.footer-textBox{margin-top:90px;}
.suport-text{width:98%;}
.goron__pdf{padding:2px 6px 0 6px;background-color:#e4007f;border-radius:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;box-shadow:3px 3px 1px #e2e1e1;-moz-box-shadow:2px 2px 1px #e2e1e1;-webkit-box-shadow:2px 2px 1px #e2e1e1;margin-bottom:15px;text-align:center;}
.goron__pdf a{font-family:'M PLUS Rounded 1c', sans-serif;color:#fff;text-align:center;font-size:18px;text-decoration:none;}
.frkLink__sp{font-family:'M PLUS Rounded 1c', sans-serif;text-align:center;padding-top:20px;}
.btn-open{display:inline-block;width:100%;text-align:center;background-color:#e4007f;font-size:16px;line-height:25px;padding-top:20px;padding-bottom:20px;color:#fff;text-decoration:none;font-weight:bold;border:2px solid #e4007f;position:relative;overflow:hidden;z-index:1;}
.btn-open:after{width:100%;height:0;content:"";position:absolute;top:50%;left:50%;background :#fff;opacity:0;transform:translateX(-50%) translateY(-50%) rotate(45deg);transition:.2s;z-index:-1;}
.btn-open:hover{color:#e4007f;}
.btn-open:hover:after{height:240%;opacity:1;}
.btn-open:active:after{height:340%;opacity:1;}
}

/*-----------------------------------------*/
/* font */
/*-----------------------------------------*/
.fontB{font-weight:bold;}

/*-----------------------------------------*/
/* footer */
/*-----------------------------------------*/
.footerBox{width:100%;background-color:#e4007f;}
.footerBox-inner{padding:15px;}
.copyright{color:#fff;text-align:center;font-size:15px;}

/*-----------------------------------------*/
/* footer */
/*-----------------------------------------*/
*, *:before, *:after{padding:0;margin:0;box-sizing:border-box;}
.wrap{background:#fff;margin:auto;margin-bottom:130px;/*footerの高さ*/padding-bottom:40px;min-height:100vh;box-shadow:0 3px 3px 0 rgba(0,0,0,0.2);}
.footer{position:fixed;z-index:-100;bottom:0;left:0;width:100%;height:130px;padding:30px;background:#3e79bd;}
.footer p{font-size:15px;color:#fff;margin-bottom:2em;line-height:1.4;}
.footer .copyright{float:left;width:50%;}
.footer .copyright p{font-size:0.8em;line-height:2em;letter-spacing:1px;color:#ffffff;}
.footer .sns{float:right;width:50%;}
.footer .sns a{font-weight:bold;line-height:2em;width:2em;margin:auto 0.1em;float:right;-webkit-transition:all, 0.3s;transition:all, 0.3s;text-align:center;text-decoration:none;color:#ffffff;border-radius:4px;background-color:#00acc1;}
.footer .sns a:hover{-webkit-transition:all, 0.3s;transition:all, 0.3s;background-color:#222222;}
.footer .sns .insta{background-color:#e4405f;}
.footer .sns .line{background-color:#1dcd00;}
.footer .sns .fb{background-color:#3b5999;}
.footer .sns .tw{background-color:#55acee;}
.footer__title01{font-family:'M PLUS Rounded 1c', sans-serif;font-size:21px;}
.footer__title02{font-family:'M PLUS Rounded 1c', sans-serif;font-size:25px;}
.footer__sns{font-family:'M PLUS Rounded 1c', sans-serif;color:#1dcd00;}
@media only screen and (max-width:768px){
.footer .copyright{float:none;width:100%;}
.footer .sns{float:none;width:100%;}
.wrap{margin-bottom:160px;/*footerの高さ*/}
.footer{width:100vw;height:160px;padding-left:10px;padding-right:10px;}
.footer .sns a{float:none;}
.footer .sns .insta{padding:5px 10px 5px 10px;}
.footer .sns .line{padding:5px 10px 5px 10px;}
.footer .sns .fb{padding:5px 15px 5px 15px;}
.footer .sns .tw{padding:5px 10px 5px 10px;}
}

/*--------------------------------------------------
    entry-linkBtn01
--------------------------------------------------*/
.entry-linkBtn01 {
  position: relative;
  margin: 100px auto 0 auto;
  padding: 0 200px 49px 200px;
  width:100%;
  background: #da60cf;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.entry-linkBtn01 > .title-main01 {
  padding-top: 38px;
  font-size: 37px;
  font-weight: 700;
  line-height: 1.72;
  letter-spacing: 0.05em;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color:#fff;
}
.entry-linkBtn01 > .text-block01 {
  margin-top: 37px;
  font-size: 25px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color:#fff;
}
.entry-linkBtn01 > .detail01 {
  position: relative;
  margin: 37px -50px 0 -50px;
  z-index: 1;
}
.entry-linkBtn01 > .detail01 .detail01-01 {
  float: left;
  width: 475px;
}
.entry-linkBtn01 > .detail01 .image01 {
  position: relative;
  line-height: 0;
  z-index: 2;
}
.entry-linkBtn01 > .detail01 .box01 {
  position: relative;
  margin: -190px 0 0 330px;
  padding: 21px 30px 0 30px;
  width: 550px;
  background:#fff;
  z-index: 3;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.entry-linkBtn01 > .detail01 .box01 .title01 {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0.15em;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.entry-linkBtn01 > .detail01 .box01 .title02 {
  font-size: 27px;
  font-weight: 700;
  letter-spacing: 0.15em;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.entry-linkBtn01 > .detail01 .box01 .text01 {
  margin-top: 8px;
  padding-bottom:20px;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width:751px) and ( max-width:1299px) {
  .entry-linkBtn01 {
      padding: 0 108px 100px 70px;
      width:100%;
      background: #da60cf;
  }
  .entry-linkBtn01 > .detail01 .detail01-01 {
      margin-left: 50px;
  }
}
@media screen and (max-width: 750px) {
  .entry-linkBtn01 {
      position: relative;
      margin: 30px 20px 0 20px;
      padding: 0 27px 35px 27px;
      width: auto;
      background: #da60cf;
      background-size: 100% auto;
  }
  .entry-linkBtn01 > .title-main01 {
      padding-top: 23px;
      font-size: 21px;
      line-height: 1.9;
  }
  .entry-linkBtn01 > .text-block01 {
      margin-top: 15px;
      font-size: 19px;
  }
  .entry-linkBtn01 > .detail01 {
      margin: 28px 0 0 0;
  }
  .entry-linkBtn01 > .detail01 .detail01-01 {
      float: none;
      width: auto;
  }
  .entry-linkBtn01 > .detail01 .image01 {
      display: none
  }
  .entry-linkBtn01 > .detail01 .box01 {
      position: relative;
      margin: 0 auto;
      padding: 23px 25px 25px 25px;
      width: auto;
  }
  .entry-linkBtn01 > .detail01 .box01 .title01 {
      font-size: 21px;
      font-weight: 700;
  }
  .entry-linkBtn01 > .detail01 .box01 .title02 {
  font-size: 23px;
  font-weight: 700;
  letter-spacing: 0.15em;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  }
  .entry-linkBtn01 > .detail01 .box01 .text01 {
      margin-top: 17px;
      letter-spacing: 0;
      font-size: 17px;
  }
}

/*-----------------------------------------*/
/* flow */
/*-----------------------------------------*/
.step_flow_stepflow03 {
font-size:27px;
font-family: 'M PLUS Rounded 1c', sans-serif;
line-height:1.4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 1em;
padding: 0;
}
.step_flow_stepflow03 > li {
position: relative;
display: block;
width: auto;
margin: 0;
padding: 0;
list-style: none;
/*text-overflow: ellipsis;*/
color:#da60cf;
-ms-flex: 1;
-moz-flex: 1;
-webkit-box-flex: 1;
     flex: 1;
}
.step_flow_stepflow03 > li .title {
font-weight: bold;
}
.step_flow_stepflow03 > li .text {
display: block;
padding-right: 2.5em;
}
.step_flow_stepflow03 > li .bubble {
display: block;
width: 20px;
height: 20px;
margin: 0 0 0.5em;
border-radius: 1000px;
background-color:#da60cf;
}
.step_flow_stepflow03 > li .bubble::after,
.step_flow_stepflow03 > li .bubble::before {
position: absolute;
top: 9px;
display: block;
width: 100%;
height: 3px;
content: '';
background-color:#da60cf;
}
.step_flow_stepflow03 > li.completed,
.step_flow_stepflow03 > li.completed .bubble {
color: #3e79bd;
}
.step_flow_stepflow03 > li.completed .bubble,
.step_flow_stepflow03 > li.completed .bubble::after,
.step_flow_stepflow03 > li.completed .bubble::before {
background-color: #3e79bd;
}
.step_flow_stepflow03 > li:last-child .bubble::after,
.step_flow_stepflow03 > li:last-child .bubble::before {
width: 0%;
margin-right: 50%;
}
.step_flow_stepflow03 > li.active,
.step_flow_stepflow03 > li.active .bubble {
color: #f57c00;
}
.step_flow_stepflow03 > li.active .bubble,
.step_flow_stepflow03 > li.active .bubble::after,
.step_flow_stepflow03 > li.active .bubble::before {
background-color: #fb8c00;
}

@media only screen and (max-width:768px){
.step_flow_stepflow03{
  display: grid;
}
.step_flow_stepflow03 > li {
color:#da60cf;
}
.step_flow_stepflow03 > li:last-child .bubble::after,
.step_flow_stepflow03 > li:last-child .bubble::before {
width: 100%;
margin-right:0;
}
.step_flow_stepflow03 .text{text-align:center;}
.step_flow_stepflow03 > li .text {
padding-right: 0;
}
}

/*-----------------------------------------*/
/* gallery */
/*-----------------------------------------*/
.bl_sliderBlock{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.el_menuSliderCounter{
    padding: 10px 0 0;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.2em;
}
 
.slick-initialized .slick-slide{
    position: relative;
}
 
.bl_sliderBlock_slide > img{
    width: 100%;
    max-width: 790px;
}
 
/*スライダー送り矢印のCSS*/
.slider-arrow{
    position: absolute;
    cursor: pointer;
    z-index: 1;
    top: calc(50%);
    transform: translateY(-50%);
}
 
.slider-arrow.slider-prev{
    left: calc((100% - 800px)/2 - 30px);
    transform: translate(-100%,-50%);
}
@media screen and (max-width: 640px){
    .slider-arrow.slider-prev{
        transform: translate(0,-50%);
        left: 10px; 
    }
}
 
.slider-arrow.slider-next{
    right: calc((100% - 800px)/2 - 30px);
    transform: translate(100%,-50%);
}
@media screen and (max-width: 640px){
    .slider-arrow.slider-next{
        transform: translate(0,-50%);
        right: 10px;    
    }
}
 
.slider-arrow img{
    width: 35px;
    height: 50px;
}


.sns_c_Box{width:50%;margin:0 auto;}
.sns_c_Box table{margin:0 auto;}
.sns_c_Box th{background-color:#3b5999;padding:15px 30px 15px 30px;}
.sns_c_Box td{background-color:#e4405f;padding:15px 30px 15px 30px;border-left:10px solid #fff;}
.sns_c_Box .fb{font-size:50px;text-align:center;padding:15px 30px 15px 30px;color:#fff;}
.sns_c_Box .insta{font-size:50px;text-align:center;padding:15px 30px 15px 30px;color:#fff;}
@media only screen and (max-width:768px){
.sns_c_Box{width:100%;}
}


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