#pc{
    text-align:center;
    color:#333;
}
#sp{
    display:none;
    color:#333;
}
#pc header{
    width:1365px;
    margin:0 auto 10px auto;
    
}
#pc header img{
    width:100%;
}
li{
    list-style:none;
}
.sec0{
    background:#000;
    min-width:1365px;
}
.ft15{
    font-size:15px;
    color:#000;
    font-weight:400;
}

.menu{
    width:1365px;
    margin:auto;
    margin-top:-10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.menu .m_0{
    background-image:url("../img/pc/m_0_2.png");
}
.menu .m0{
    opacity:0;
}
/* .menu .m_1{
    background-image:url("../img/pc/m_1_2.png");
}
.menu .m1{
    opacity:0;
} */
/* .menu .m_2{
    background-image:url("../img/pc/m_2_2.png");
}
.menu .m2:hover{
    opacity:0;
}
.menu .m_3{
    background-image:url("../img/pc/m_3_2.png");
}
.menu .m3:hover{
    opacity:0;
}
.menu .m_4{
    background-image:url("../img/pc/m_4_2.png");
}
.menu .m4:hover{
    opacity:0;
}
.menu .m_5{
    background-image:url("../img/pc/m_5_2.png");
} 
.menu .m5:hover{
    opacity:0;
}
*/
.op5{
    opacity:0.5;
}

.bold{
    font-weight:bold;
}

.sec1{
    min-width:1365px;
    margin:auto;
    padding:50px 0;
    font-size:27px;
    line-height:35px;
}
.special .sec1{
    padding:0;
}
.sec2{
    background:#f6ff00;
    min-width:1365px;
}
.sec2 .wrap{
    margin:auto;
    padding:50px 0;
    font-size:26px;
    line-height:35px;
    text-align:center;
}

.sec3{
    min-width:1365px;
    margin:auto;
    width:100%;
    margin-top:50px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.sec3 .left,.sec3 .right{
    padding:10px;
}
.sec3 .news_frame{
    width:540px;
    height:400px;
    border:solid 1px #ccc;
    padding:20px;
    text-align:left;
    overflow-x:hidden;
    overflow-y: auto;
    line-height:40px;
}
.sec3 .twitter_frame{
    width:540px;
    height:400px;
    border:solid 1px #ccc;
    margin-top:-8px;
    padding:20px;
}

.sec4{
    min-width:1365px;
    margin:auto;
    margin-top:50px;
    background:#f6ff00;
    border-top:solid 2px #ccc;
    border-bottom:solid 2px #ccc;
}
.sec5{
    min-width:1365px;
    margin:auto;
    margin-top:50px;
}

.sec6{
    min-width:1365px;
    margin:auto;
    margin-top:50px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.sec6 img{
    padding:10px;
}

.slick01{
    width:1000px;
    margin:auto;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
}
.slbr{
    text-align:center;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display:none;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slbr img{
    width:250px;
    margin:auto;
}
.slick-slide{
    margin-top:50px;
    font-size:12px;
}
.slick-center{
    margin-top:25px;
    font-size:18px;
}
.slick-center img{
    width:300px;
    margin:auto;
}
.slick-prev:before {
    content: '◀︎';
}
.slick-next:before {
    content: '▶︎';
}
#gototop{
    display:none;
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:2;
    cursor:pointer;
}

footer{
    min-width:1365px;
    background:#000;
    font-family: 'Noto Sans JP', sans-serif;
    color:#fff;
    font-size:12px;
    padding:20px 0;
    margin-top:50px;
}
footer .banner ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    list-style:none;
}
footer .banner li{
 margin:20px;
}
footer .banner img{
    width:300px;
}
footer .sns{
    text-align:center;
    color:#f6ff00;
    font-size:20px;
}
footer .sns .icon{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
footer .sns .icon a{
    margin:20px;
}
footer .sns .icon a img{
    width:30px;
}
.exhi{
    text-align:left;
}
.contitle{
    background:yellow;
    text-align:center;
    width:100%;
}
.contitle img{
    width:1000px;
}
.exhi .subtitle{
    width:1365px;
    margin:auto;
}
.exhi .uline{
    width:1365px;
    margin:auto;
    font-size:18px;
    padding-left:30px;
}
.exhi .uline p{
    width:250px;
    background:linear-gradient(transparent 60%, #FFFF00 0%);
}
.exhi .ctext{
    width:1365px;
    margin:auto;
    padding-left:30px;
    text-align:center;
}
.exhi .cau{
    width:950px;
    margin:auto;
    padding-left:30px;
    font-size:12px;
    line-height:18px;
}
.exhi .cimg{
    width:1365px;
    margin:auto;
    text-align:center;
    padding:20px;
}
.project{
    width:1365px;
    margin:auto;
    text-align:left;
}
.project .ctext{
    font-size:30px;
    font-weight:600;
    line-height:50px;
}
.project .cimg{
    width:100%;
    text-align:center;
}
.project .cau{
    font-size:20px;
}
.project .ctext_2{
    font-size:25px;
}
.special .sec1{
    width:1366px;
    margin:auto;
    
}
.special .title{
    width:1000px;
    margin:auto;
    background:none;
    text-align:left;
    padding:10px;
    border-top:1px solid #ccc;
     border-bottom:1px solid #ccc;
     cursor:pointer;
}
.special .titles{
    width:1000px;
    margin:auto;
    background:yellow;
    text-align:left;
    padding:10px;
    border-top:1px solid #ccc;
     border-bottom:1px solid #ccc;
}
.special .title:after{
    content: "＋";
    float:right;
}
.special .titles:after{
    content: "ー";
    float:right;
}

.special .contents{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width:1000px;
    margin:auto;
    text-align:left;
}
.special .co1,.special .co2,.special .co3,.special .co4,.special .co5{
    display:none;
}
.special .contents div{
    padding:10px;
}
.special bold{
    font-weight:bold;
}
.special .f35{
    font-size:35px;
}
.special .f25{
    font-size:25px;
}
.special .f20{
    font-size:20px;
}
.special .f16{
    font-size:16px;
    line-height:20px;
}
.special .red{
   color: #bb0057;
}
.special .white{
   color: #fff;
}
.special .tc{
    text-align:center;
}
.special .tl{
    text-align:left;
}
.special .con5 .left{
    width:50%;
    background:#78cbff;
    border:solid 3px #fff;
    border-radius:20px;
    padding:20px;
}
.special .con5 .right{
    width:50%;
    background:#ff92ac;
    border:solid 3px #fff;
    border-radius:20px;
    padding:20px;
}
.project .ctext_3{
    font-size:30px;
    font-weight:bold;
    line-height:50px;
}
.project .ctext_3_big{
    font-size:60px;
    font-weight:bold;
    background:linear-gradient(transparent 70%, #FFFF00 0%);
}
.project .ctext_4{
    font-size:40px;
    font-weight:bold;
}
.project  .bold{
    font-weight:bold;
    font-size:40px;
}

#modal{
    position:fixed;
    width:100%;
    height:110%;
    z-index:99999;
    background:rgba(0,0,0,0.5);
    display:none;
}
#modal .modal{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width:80%;
    padding:20px;
    font-size:3vw;
    line-height:6vw;
    text-align:center;
}
#modal .modal .mtitle{
    font-size:6vw;
    line-height:40px;
    font-weight:bold;
}
#modal .modal .caution{
    width:90%;
    margin:30px auto;
    font-size:2.5vw;
    line-height:20px;
    text-align:left;
}
#modal .modal .photo{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
#modal .modal .photo li{
    margin:20px;
}
#modal .modal .photo img{
    width:600px;
}
#modal .close {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  left:95%;
  top:-1vw;
}
 
#modal .close::before, #modal .close::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px; /* 棒の幅（太さ） */
  height: 30px; /* 棒の高さ */
  background: #fff;
}
 
#modal .close::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
#modal .close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}


@media (max-width: 768px){
    #pc{
        display:none;
    }
    #sp{
        display:block;
        color:#333;
    }
    header img{
        width:100%;
    }
    .minif{
        font-size:2vw;
    }
    .menuico{
        position:fixed;
        top:10px;
        right:10px;
        z-index:99;
    }
    .menuclose{
        position:fixed;
        top:10px;
        right:10px;
        z-index:99;
        display:none;
        color:#fff;
        font-size:40px;
    }
    .spmenu{
        display:none;
        position:fixed;
        padding-top:50px;
        z-index:10;
    }
    .spmenu .menubar{
        display:block;
        width:300px;
        margin:30px auto;
        text-align:center;
    }
    .menuico img{
        width:100%;
    }
    .spmenu{
        position:fixed;
        width:100%;
        background:rgba(0,0,0,0.8);
    }
    .spmenu img{
        width:60%;
    }
    .slbr img{
        width:85%;
        margin:auto;
    }
    
    .spsec1{
        width:95%;
        margin:auto;
        padding:50px 0;
        font-size:3.5vw;
        line-height:6vw;
        text-align:center;
    }
    .spsec1.special{
        width:100%;
        margin:auto;
        padding:50px 0;
        font-size:3.5vw;
        line-height:6vw;
        text-align:center;
    }

    .spsec2{
        width:100%;
        margin:auto;
        background:#f6ff00;
        padding:50px 0;
        font-size:5vw;
        line-height:35px;
        text-align:center;
    }
    .spsec2 img{
        width:90%;
        margin:auto;
    }
    .spsec3{
        margin:auto;
        width:95%;
        margin-top:50px;
        text-align:center;
    }
    .spsec3 .left,.spsec3 .right{
        margin-top:30px;
    }
    .spsec3 .news_frame{
        width:90%;
        margin:auto;
        padding:10px;
        height:100px;
        border:solid 1px #ccc;
        text-align:left;
        overflow-x:hidden;
        overflow-y: auto;
        line-height:40px;
        font-size:10px;
    }
    .spsec3 .twitter_frame{
        width:90%;
        margin:auto;
        padding:10px;
        height:300px;
        border:solid 1px #ccc;
        margin-top:-8px;
    }
    .spsec4{
        padding-top:50px;
        width:100%;
        margin:auto;
    }
    .spsec4 img{
        width:100%;
        margin:auto;
    }
    .slick-slide{
        margin-top:6vw;
    }
    .slick-center{
         margin-top:3vw;
    }
    .slick-center img{
        width:95%;
        margin:auto;
    }

    .slick02{
        transform: scale(0.8, 0.8);
    }
    .spsec5{
        overflow:hidden;
        width:95%;
        margin:50px auto;
        text-align:center;
    }
      .spsec5 .title{
        width:80%;
    }
    .spsec6{
        overflow:hidden;
        width:95%;
        margin:50px auto;
        text-align:center;
    }
      .spsec6 img{
        width:100%;
    }
    
    footer{
        min-width:100%;
        text-align:center;
    }
    footer .banner ul{
        display: block;
        margin-left:-20px;
    }
    footer .banner li{
     margin:10px 0;
    }
    footer .banner img{
        width:300px;
    }
    #gototop img{
        width:50px;
    }
    footer .sns{
        text-align:center;
        color:#f6ff00;
        font-size:17px;
    }
    footer .sns .icon{
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    footer .sns .icon a{
        margin:20px;
    }
    footer .sns .icon a img{
        width:30px;
    }
    .slick-dots {
        position: absolute;
        bottom: 10px;
        z-index: 99;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }
    
    .exhi{
        text-align:left;
    }
    .contitle{
        background:yellow;
        text-align:center;
    }
    .contitle img{
        width:80%;
    }
    .exhi .subtitle{
        width:95%;
        margin:auto;
    }
    .exhi .uline{
        width:95%;
        margin:auto;
        font-size:18px;
        padding-left:30px;
    }
    .exhi .uline p{
        width:250px;
        background:linear-gradient(transparent 60%, #FFFF00 0%);
    }
    .exhi .ctext{
        width:95%;
        margin:auto;
        padding-left:30px;
        text-align:center;
        font-size:4vw;
    }
    .exhi .cau{
        width:75%;
        margin:auto;
        padding-left:30px;
        font-size:12px;
        line-height:18px;
    }
    .exhi .cimg{
        width:90%;
        margin:auto;
        text-align:center;
    }
    .exhi .cimg{
        width:95%;
        margin:auto;
        text-align:center;
    }
    .exhi .cimg img{
        width:90%;
    }
    .project{
        width:100%;
        margin:auto;
        text-align:left;
    }
    .project img{
        width:80%;
    }
    .project .spsec1{
        width:95%;
        margin:auto;
        text-align:left;
    }
    .project .ctext{
        width:100%;
        font-size:7vw;
        font-weight:600;
        line-height:9vw;
    }
    .project .cimg{
        width:100%;
        text-align:center;
    }
    .project .cimg img{
        width:100%;
    }
    .project .cau{
        font-size:15px;
    }
    .project .ctext_2{
        font-size:22px;
    }
    .special .sec1{
    width:100%;
    margin:auto;
    
    }
    .special .title{
        width:95%;
        margin:auto;
        background:none;
        text-align:left;
        padding:10px;
        border-top:1px solid #ccc;
         border-bottom:1px solid #ccc;
    }
    .special .titles{
        width:95%;
        margin:auto;
        background:yellow;
        text-align:left;
        padding:10px;
        border-top:1px solid #ccc;
         border-bottom:1px solid #ccc;
    }
    .special .title ul{
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .special .title:after{
        content: "";
        float:right;
    }
    .special .title .t1{
        width:10%
    }
    .special .title .t2{
        width:80%
    }
    .special .title .t3{
        width:10%
    }
    .special .contents{
        display: -webkit-flex;
        display: block;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width:100%;
        margin:auto;
        text-align:left;
    }
    .special .contents div{
        padding:10px;
    }
    .special bold{
        font-weight:bold;
    }
    .special .f35{
        font-size:35px;
    }
    .special .f25{
        font-size:25px;
    }
    .special .f20{
        font-size:20px;
    }
    .special .f16{
        font-size:16px;
        line-height:20px;
    }
    .special .red{
       color: #bb0057;
    }
    .special .white{
       color: #fff;
    }
    .special .tc{
        text-align:center;
    }

    .special .con5 .left{
        width:90%;
        background:#78cbff;
        border:solid 3px #fff;
        border-radius:20px;
        padding:15px;
        margin:auto;
    }
    .special .con5 .right{
        width:90%;
        background:#ff92ac;
        border:solid 3px #fff;
        border-radius:20px;
        padding:15px;
        margin:auto;
    }
    .special .con5 .right img,.special .con5 .left img{
        width:80%;
    }
    .special .title .t3:after{
        content: "＋";
        float:right;
    }
    .special .titles .t3:after{
        content: "ー";
        float:right;
    }
    .special .tc img{
        width:95%;
    }
    .project .ctext_3{
        font-size:25px;
        line-height:40px;
    }
    .project .ctext_3_big{
        font-size:10vw;
        font-weight:bold;
        background:linear-gradient(transparent 70%, #FFFF00 0%);
    }
    .project .ctext_4{
        font-size:5.5vw;
        font-weight:bold;
        line-height:30px;
    }
    .project  .bold{
        font-weight:bold;
        font-size:8vw;
    }

    #modal .modal{
        position: absolute;
        top: 50%;
        left: 45%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
        width:100%;
        font-size:3vw;
        line-height:6vw;
        text-align:center;
    }
    #modal .modal .mtitle{
        font-size:6vw;
        line-height:40px;
        font-weight:bold;
    }
    #modal .modal .caution{
        width:90%;
        margin:30px auto;
        font-size:2.5vw;
        line-height:20px;
        text-align:left;
    }
    #modal .modal .photo{
        display: block;
    }
    #modal .modal .photo li{
        margin:0px;
    }
    #modal .modal .photo img{
        width:100%;
    }
    #modal .close {
      display: block;
      position: relative;
      width: 30px;
      height: 30px;
      left:95%;
      top:-1vw;
    }
     
    #modal .close::before, #modal .close::after { /* 共通設定 */
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px; /* 棒の幅（太さ） */
      height: 30px; /* 棒の高さ */
      background: #fff;
    }
     
    #modal .close::before {
      transform: translate(-50%,-50%) rotate(45deg);
    }
     
    #modal .close::after {
      transform: translate(-50%,-50%) rotate(-45deg);
    }

}