@charset "UTF-8";

/* main
-------------------------------------------------------------*/
.pc_main{
	text-align: center;
    background: url(../../img/main_sp.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10% 0 5%;
	}
.pc_main .pc_mainbox{
    line-height: 1.5;
}
.pc_main .title_box{
    margin: 0 0 5%;
}
.pc_main .title_box .main_titile{
    font-size: 0.8em;
    background: #000;
    color: #fff;
    width: 79%;
    margin: 0 auto;
    padding: 3% 0;
    font-weight: bold;
    font-weight: 600;
}
.pc_main .title_box .theme_title{
    font-size: 1.9em;
    margin: 2% 0 0;
}
.pc_main .title_box .theme_title span{
    font-size: 0.5em;
    display: block;
    letter-spacing: 3.2px;
}
.pc_main .details_box dt{
    color: #fff;
    background: #7a979b;
    width: 50%;
    padding: 1% 0;
    margin: 0 auto;
    font-size: 0.8em;
    font-weight: bold;
}
.pc_main .details_box dd{
}
.pc_main .details_box dd.day .l_text{
    font-size: 2.2em;
    font-weight: bold;
}
.pc_main .details_box dd.day .sunday{
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    background: #000;
    display: inline-block;
    border-radius: 100px;
    width: 26px;
    padding: 0 0 2px 2px;
    margin: 0 0 10px 5px;
}
.pc_main .details_box dd.web{
    font-size: 1.6em;
    margin: 1% 0 3%;
    font-weight: 500;
}
.pc_main .details_box dd.name{
    font-size: 1.2em;
    margin: 1.5% 0 3.5%;
}
.pc_main .details_box dd.name span{
    font-size: 0.7em;
    display: block;
}

/* award
-------------------------------------------------------------*/
.award{
    width: 90%;
    margin: 60px auto 40px;
}
.award .inner_box dl{
    background: #fffde9;
    border: solid 1px #000;
    margin: 0 0 20px 0;
}
.award .inner_box dt{
    background: #000;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    font-size: 16px;
    letter-spacing: 4px;
}
.award .inner_box dd{
    padding: 20px 40px 25px;
}
.award .inner_box dd p:first-child{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.award .inner_box dd p span{
    font-size: 16px;
}
.award .inner_box dd p span:last-child{
    font-weight: normal;
}
.award .inner_box dd p:last-child{
    color: #4a4a4a;
}

/* about
-------------------------------------------------------------*/
.about{
    margin: 120px 0 50px;
}

/* news
-------------------------------------------------------------*/
.news{
    background: url(../../img/news_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.main .btn_box{
    background: #3bb0be;
    letter-spacing: 3px;
    /*padding: 2% 0 6.5%;*/
    padding: 1% 0 2%;
}
.main .btn_box p{
    text-align: center;
    color: #fff;
    font-size: 2rem;
}
.main .btn_box img{
    width: 42px;
    height: auto;
    margin: 6% 2% 0 0;
}
.main .btn_box .btn_black{
    width: 70%;
    margin: 2% auto 0;
    font-size: 1em;
}
.main .btn_box .btn_black a{
    background: #000;
    display: block;
    padding: 15px 0;
}
.registration{
    margin: 70px 0 0;
}
.registration .gnav{
    display: flex;
}
.registration .gnav li{
    width: 50%;
}
.registration .gnav li a{
    padding: 20px 0;
    text-align: center;
    background: #3bb0be;
    display: block;
}
.registration .gnav li:last-child a{
    padding: 20px 0;
    text-align: center;
    background: #57abdb;
    display: block;
}
.news a{
    color: #3bb0be;
    text-decoration: underline;
}
.news h2{
    text-align: center;
    padding: 15% 0 0;
    margin: 0 0 4% 0;
}
.news dl{
    background: #fff;
    margin: 15px 8% 17%;
    padding: 7%;
    border: solid #dff2f6 7px;
}
.news .clearfix{
    position: relative;
}
.news dd{
    border-bottom: solid 1px #e9e9e9;
    padding: 0 0 6%;
    margin: 0 0 6%;
}
.news dt{
    margin: 0 0 4%;
    font-size: 0.9em;
    color: #555;
}
.news dd:last-child{
    border-bottom: none;
    padding: 0;
    margin: 0;
}
.news dl::before{
	content: "";
    width: 7px;
    height: 7px;
    display: block;
    background: #3bb0be;
    position: absolute;
    top: 18px;
    left: 50%;
    right: 50%;
    border-radius: 50px;
    margin: 0 0 0 -3px;
}
.news dl::after{
	content: "";
    width: 1px;
    height: 22px;
    display: block;
    background: #3bb0be;
    position: absolute;
    top: -7px;
    left: 50%;
    right: 50%;
}