@charset "utf-8";

body {
    background: #ffffff;
    color: #000000;
    font-family: Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}
a {
    color: #000000;
    text-decoration: underline;
}
a:hover {
    color: #000000;
    text-decoration: none;
}
.clearfix {
    _height: 1%;
    *zoom: 1;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


@media (min-width: 768px){
    header {
        width: 956px;
        margin: 0 auto;
    }
    header h1 {
        float: left;
        margin-top:40px;
    }
    header nav {
        margin-top:40px;
        float: right;
    }
    header nav ul {
        margin-top: 5px;
    }
    header nav ul li {
        float: left;
        margin-right: 43px;
    }
    header nav ul li:last-child {
        margin-right: 0;
    }
    header nav ul li a {
        text-decoration: none;
    }
    section#title {
        width: 956px;
        margin: 0 auto;
        margin-top: 159px;
    }
    section#title div.left {
        float: left;
        margin-left: 30px;
    }
    section#title div.left h2 {
        margin-top: 56px;
    }
    section#title div.right {
        float: right;
        margin-right: 65px;
    }
    section#title div.right h1{
        float: right;
        margin-top: 121px;
    } 
    section#title div.right h2 a{
        float: right;
        margin-right: 18px;
        margin-top: 37px;
    } 
}
    
    
@media (max-width: 767px){
    header {
        width: 546px;
        margin: 0 auto;
    }
    header h1 {
        float: left;
        margin-top: 40px;
        margin-left: 82px;
    }
    section#title {
        width: 546px;
        margin: 0 auto;
        margin-top: 153px;
    }
    section#title div.left {
        float: left;
        margin-left: 110px;
    }
     section#title div.left h2{
        margin-top: 53px;
    } 
    section#title div.right {
        float: left;
        margin-top: 68px;
        margin-left: 82px;
    }
    section#title div.right h2{
        margin-top: 34px;
    } 
}

@media screen and (max-width: 767px){
.none{display:none}
} 

@media (min-width: 768px){
    section#ABOUT {
        width: 956px;
        margin: 162px auto 0;
        color: #8b8b8b;
        background: white;
        border-radius: 30px;
        height: 385px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    }
    section#ABOUT h2{
        text-align: center;
        padding-top: 61px;
    }
    section#ABOUT p {
        margin-top:50px;
        text-align: center;
        font-size: 116%;
        line-height: 3;
        letter-spacing: 0.1em;
    }
    section#ABOUT br.br-sp {
        display:none; 
    }
}
@media (max-width: 767px){
     section#ABOUT{
        width: 546px;
        margin: 206px auto 0;
        color: #8b8b8b;
        background: white;
        border-radius: 30px;
        width:546px;
        height: 500px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    }
    section#ABOUT h2 {
        margin: 50px auto 0;
        text-align: center;
        padding-top: 52px;
    }
    section#ABOUT p {
        text-align: center;
        float: left;
        margin-left: 73px;
        width: 400px;
        font-size: 116%;
        line-height: 3;
        letter-spacing: 0.1em;
    }
}

@media (min-width: 768px){
    section#CONCEPT {
        width: 956px;
        margin: 65px auto 0;
        color: #8b8b8b;
        background: white;
        border-radius: 30px;
        height: 480px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    }
    section#CONCEPT h2{
        text-align: center;
        padding-top: 61px;
    }
    section#CONCEPT h3 {
        margin: 50px auto 0;
        text-align: center;
        font-size: 140%;
        line-height: 2.5;
        letter-spacing: 0.1em;
    }
    section#CONCEPT p {
        text-align: center;
        font-size: 116%;
        line-height: 2.5;
        letter-spacing: 0.1em;
}
}

@media (max-width: 767px){
     section#CONCEPT{
        width: 546px;
        margin: 65px auto 0;
        color: #8b8b8b;
        background: white;
        border-radius: 30px;
        width:546px;
        height: 500px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22); 
    }
    section#CONCEPT h2 {
        text-align: center;
        padding-top: 52px;
    }
    section#CONCEPT h3 {
        margin: 50px auto 0;
        text-align: center;
        font-size: 140%;
        line-height: 2.5;
        letter-spacing: 0.1em;
    }
    section#CONCEPT p {
        float: left;
        margin-left: 73px;
        width: 400px;
        font-size: 116%;
        line-height: 2.5;
        letter-spacing: 0.1em;
    }
    section#CONCEPT br.br-sp {
        display:none; 
    }
}

@media (min-width: 768px){
        section#EVENT{
        width:956px;
        margin: 65px auto 0;
        color: #8b8b8b;
        background: white;
        border-radius: 30px;
        height: 408px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    }
    section#EVENT h2{
        text-align: center;
        padding-top:61px;
    }
    section#EVENT h3 {
        float: left;
        margin-top:50px;
        margin-left: 147px;
    }
    section#EVENT h4 {
        float: left;
        margin-top:50px;
        margin-left: 115px;
    }

}

@media (max-width: 767px){    
section#EVENT{
        width: 546px;
        margin:65px auto 0;
        color: #8b8b8b;
        background: white;
        border-radius: 30px;
        width:546px;
        height: 500px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    }
    section#EVENT h2 {
        text-align: center;
        padding-top: 52px;
    }
    section#EVENT h3 {
        float:left;
        margin-top: 50px;
        margin-left: 77px;
    }
    section#EVENT h4 {
        float:left;
        margin-top: 40px;
        margin-left: 151px;
    }
}

@media (min-width: 768px){
    section#ACCESS{
        width:956px;
        margin: 65px auto 0;
        color: #8b8b8b;
        background: white;
        border-radius: 30px;
        height: 482px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    }
    section#ACCESS h2{
        text-align: center;
        padding-top: 61px;
    }
    section#ACCESS div.left{
        float: left;
        margin-top: 45px;
        margin-left: 81px;
    }
    section#ACCESS div.right{
        float: left;
        margin-top: 51px;
        margin-left: 86px;
    }
    section#ACCESS div.right h5{
        margin-top: 54px;
    }
    section#ACCESS div.right h6{
        margin-top: 61px;
    }
}
@media (max-width: 767px){
     section#ACCESS{
        width: 546px;
        margin:65px auto 0;
    }
    section#ACCESS h2 {
        text-align: center;
        padding-top: 61px;
    }
    section#ACCESS div.left{
        text-align: center;
        padding-top: 58px;
    }
    section#ACCESS div.right{
        float:left;
        margin-left: 129px;
    }
    section#ACCESS div.right h4{
        float:left;
        margin-top: 51px;
    }
    section#ACCESS div.right h6{
        float:left;
        margin-top: 40px;
    }
    section#ACCESS{
        color: #8b8b8b;
        background: white;
        border-radius: 30px;
        width:546px;
        height: 800px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);   
    }
}

@media (min-width: 768px){
     section#sns {
        width: 956px;
        margin: 65px auto 0;
        text-align: center;
        background: #bfa666;
        border-radius: 40px;
        width:554px;
        height: 80px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    }
    section#sns h1 {
        text-align: center;
        margin-left: 100px;
    }
    section#sns a{
        float: left;
        margin-top: 28px;
        margin-left: 69px;
    }
}

@media (max-width: 767px){
    section#sns {
        width: 546px;
        margin:97px auto 0;
        background: #bfa666;
        border-radius: 40px;
        width:530px;
        height: 78px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    }
    section#sns h1 {
        width: 530px;
        margin-left: 100px;
    }
    section#sns a{
        float: left;
        margin-top: 28px;
        margin-left: 65px;
    }
}

@media (min-width: 768px){
     footer {
        margin:50px auto 0;
        text-align: center;
        width: 554px;
        height:160px;
    }
    footer h1 {
        text-align: center;
    }
    footer h2{
        text-align: center;
        margin-top:52px;
    }
    footer h2 a{
        text-align: center;
        margin-left: 60px;
    }
    footer h2 a:first-child {
        margin-left: 0;
    }
}
    
@media (max-width: 767px){
    footer {
        margin:50px auto 0;
        text-align: center;
        width: 530px;
        height: 188px;
    }
    footer h1 {
        text-align: center;
    }
    footer h2 {
        text-align: center;
        margin-top:52px;
    }
    footer h2 a{
        text-align: center;
        margin-left: 60px;
    }
    footer h2 a:first-child {
        margin-left: 0;
    }
}


/* page-top
------------------------------------------------------------ */
.pagetop {
	display: none;
	width: 74px;
	height: 74px;
	position: fixed;
	right: 27px;
	bottom: 27px;
}