@charset "utf-8";

/* content
---------------------------------------- */
#content{
	padding:0;
}

/* sec1
---------------------------------------- */
#sec1{
    width:100%;
    padding:0 0 20px 0;
    text-align:center;
    /*
    background-image: url("../../common/img/bg_paper.png");
    background-repeat:repeat;
    background-position: center top;
    */
}
#sec1 .inc{
	width: calc(100% - 100px);
    max-width: 900px;
    margin: 0 auto;
    padding:0 0 50px 0;
}
#sec1 .inc ul{
}
#sec1 .inc ul li{
    background-color: #FFF;
    display: block;
    float: left;
    box-sizing: border-box;
    width:31.12%;
    max-width: 280px;
    margin-right:3.32%;
    margin-bottom:5%;
    box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);
}
#sec1 .inc ul li:nth-child(3n){
    margin-right:0;
}
#sec1 .inc ul li a{
    background-image: url("../common/img/icon_arrow_right.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size:16px;
    text-align: center;
    color:#333;
}
#sec1 .inc ul li a figure{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height:165px;
    position: relative;
}
#sec1 .inc ul li a figure img{
    position: absolute;
    right: 10px;
    top:51%;
    width:16px;
    heigth:auto;
}
#sec1 .inc ul li a h3{
    text-align: center;
    font-weight: 400;
    font-size:16px;
    padding:6px 10px 10px 10px;
    line-height: 140%;
}
#sec1 .inc ul li a:hover{
    text-decoration: none;
}

@media screen and (max-width:800px){
    #sec1{
        padding:0px 0 10px 0;
    }
    #sec1 .inc{
        width: calc(100% - 40px);
        padding:0 0 10px 0;
    }
    #sec1 .inc ul li{
        width:48%;
        max-width:inherit;
        margin:0 4% 20px 0;
        box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);
    }
    #sec1 .inc ul li:nth-child(3n){
        margin-right:4%;
    }
    #sec1 .inc ul li:nth-child(2n){
        margin-right:0;
    }
    #sec1 .inc ul li a{
        background-position: right 5px center;
        background-size: 12px 12px;
    }
    #sec1 .inc ul li a figure{
        height:100px;
    }
    #sec1 .inc ul li a figure img{
        right: 10px;
        top:51%;
        width:16px;
    }
    #sec1 .inc ul li a h3{
        font-size:15px;
        padding:4px 10px 7px 10px;
        line-height: 120%;
        text-align:justify;
    }
}


/* content.detail
---------------------------------------- */
#content.detail{
	width: calc(100% - 100px);
    max-width:700px;
    margin: 0 auto 50px auto;
}
#content.detail img{
	width:100%;
    height:auto;
    max-width:700px;
    margin: 0 auto 15px auto;
}
#content.detail p{
    margin-bottom:20px;
}

@media screen and (max-width:800px){
    #content.detail{
        width: calc(100% - 40px);
        margin: 0 auto 30px auto;
    }
}