@charset "UTF-8";
@media screen and (max-width: 768px) { /* sp */

/*--------------------------------------------------
 contents
--------------------------------------------------*/
h2{
    border-left: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 14px;
    margin: 0 0 20px;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.0;
    text-align: left;
    color: #ffaa93;
}

.more{
    position: static;
    margin: 20px 0;
}
.more a{
    display: block;
    border: 1px solid #000;
    padding: 10px 0;
}

/* kv
-----------------------------------*/
#kv{
    width: 100%;
    margin: 0 0 35px;
}
#kv img{
    width: 100%;
}

/* topics
-----------------------------------*/
#topics{
    margin: 0 0 40px;
}
#topics ul{display: block;}
#topics ul li{
    display: block;
    width: 100%;
    margin: 0 0 16px;
}
#topics ul li:first-child{margin: 0 0 16px;}
#topics ul li a{display: table;}
#topics ul p{
    display: table-cell;
    vertical-align: top;
}
#topics ul .img{
    width: 60% !important;
    max-width: 300px;
    height: 100% !important;
    padding: 0 10px 0 0;
}
#topics ul .img img{width: 100%;}
#topics ul .tx{
    display: table-cell;
    padding: 0 0 0 10px;
    font-size: 14px;
    vertical-align: middle;
}

/* topLink
-----------------------------------*/
#topLink{
    margin: 0 0 40px;
}
#topLink ul{display: block;}
#topLink ul li{
    display: block;
    width: 100%;
    margin: 0 0 16px;
}
#topLink ul li:first-child{margin: 0 0 16px;}
#topLink ul li a{display: table;}
#topLink ul p{
    display: table-cell;
    vertical-align: top;
}

/* news
-----------------------------------*/
#news{
    position: relative;
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 40px;
}
#news h2{
    padding: 0 0 14px;
    margin: 0 0 14px;
}
#news dl{
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 12px;
    margin: 0 0 10px;
}
#news dl dt,
#news dl dd{
    display: block;
    width: 100%;
}
#news dl dt{
    font-size: 14px;
    margin: 0 0 4px;
}

/* ir
-----------------------------------*/
#ir{
    position: relative;
    float: none;
    width: 100%;
    height: auto;
}
#ir h2{
    padding: 0 0 14px;
    margin: 0 0 14px;
}
#ir dl{
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 12px;
    margin: 0 0 10px;
}
#ir dl dt,
#ir dl dd{
    display: block;
    width: 100%;
}
#ir dl dt{
    font-size: 14px;
    margin: 0 0 4px;
}

/* sp end */
}