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

.sp_none{
display: none;
}
.pc_none{
display: block;
}
.base-box{
max-width: 1000px;
margin: auto;
}
h2{
font-family: 'Josefin Sans', sans-serif;
font-size: 30px;
line-height: normal;
margin-bottom: 5px;
}
h3{
font-size: 18px;
}
.stit span{
font-family: 'Josefin Sans', sans-serif;
font-size: 20px;
}
.stit {
font-weight: 500;
}

/*--------------------------------------------------------------
MV:
----------------------------------------------------------------
*/	
#visual {
margin-top: 70px;
padding: 20px;
font-weight: bold;
text-align: center;
}
#visual .l p {
margin: 15px auto;
}
#visual .mv-logo{
max-width: 615px;
}
#visual .mv-icon{
max-width: 340px;
}
#visual .mv-img{
max-width: 390px;
margin: auto;
}

/*--------------------------------------------------------------
Lead:
----------------------------------------------------------------
*/
#lead{
clear: both;
font-weight: bold;
text-align: center;
padding: 20px;
}

/*--------------------------------------------------------------
What is:
----------------------------------------------------------------
*/
#whatis{
background: #faf8fa;
padding: 20px;
}
#whatis .img{
margin-bottom: 20px;
}
#whatis .tit{
margin-bottom: 15px;
}
#whatis h3{
margin-bottom: 10px;
}
	












/*--------------------------------------------------------------
features:
----------------------------------------------------------------
*/
#features{
padding: 20px;
}
#features .tit{
margin-bottom: 15px;
}
#features .img{
margin-bottom: 5px;
}
#features .txt{
margin-bottom: 15px;
}

/*--------------------------------------------------------------
Top News:
----------------------------------------------------------------
*/
#top-news{
padding: 20px;
background: #faf8fa;
}
#top-news .tit {
margin-bottom: 15px;
}
#top-news .news_box a {
display: block;
margin-bottom: 15px;
}
#top-news .news_box .row a {
display: block;
}
#top-news a.btn {
max-width: 140px;
padding: 10px 15px;
border-radius: 30px;
transition: all 0.2s ease;
display: block;
text-align: center;
background-color: #ffcc00;
margin-left: auto;
margin-right: auto;
font-weight: 500;
}
#top-news .img img{
border-radius: 15px;
}
#top-news .category , #top-news .date {
font-size: 13px;
}

/*--------------------------------------------------------------
features:
----------------------------------------------------------------
*/
#function{
padding: 20px;
}
#function .tit{
margin-bottom: 15px;
}
#function .img{
margin-bottom: 5px;
}
#function .txt{
margin-bottom: 15px;
}
#function .f-box{
width: 100%;
margin-bottom: 15px;
}
#function .f-box .img{
display: table-cell;
vertical-align: middle;
width: 80px;
}
#function .f-box .icon-tit{
display: table-cell;
vertical-align: middle;
padding-left: 15px;
font-size: 18px;
}
#function .f-box p {
margin-top: 5px;
}
#function .cv_txt{
text-align: center;
font-weight: bold;
font-size: 18px;
}
#function hr{
border: 1px solid #e6e6e6;
margin-top: 20px;
margin-bottom: 20px;
}