@charset "UTF-8";
/*
 * cmn_layout.css
 *
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}


/*------------------
        共通
------------------*/

h2 {
    font-size: 18px;
    line-height: 150%;
}

h3 {
    font-size: 14px;
    line-height: 150%;
}

h4 {
    font-size: 12px;
    border-bottom: 1px #333 solid;
}

article a :hover {
    opacity: 0.8;
}


/*------------------
        PC
------------------*/
#mainBox{
    margin: 0 auto;
    width: 80%;
	max-width: 1000px;
	padding: 40px 0;
}

.railBox {
    width: 25%;
    padding: 2% 1%;
    float: left;
}

.railBox span {
    display: block;
    height: 40px;
}

.railBox span img {
    /*height: 100%;*/
    width: 60%;
}

/*-------------------------------------------------------------------------------------------------------------
	480px以上　767px以下
-------------------------------------------------------------------------------------------------------------*/

@media (min-width: 480px) and (max-width: 767px){
    .railBox {
        width: 33%;
    }
    
    .railBox span {
    margin-top: 2%;
    }
    
    .railBox span img {
        height: 48px;
        width: auto;
        display: block;
    }
}


/*-------------------------------------------------------------------------------------------------------------
	479px以下
-------------------------------------------------------------------------------------------------------------*/

@media (max-width: 479px){
    .railBox {
        width: 50%;
    }
    .railBox span img {
    height: 40px;
        width: auto;
    }
}




/*-------------------------------------------------------------------------------------------------------------
	768px以上
-------------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px){
}