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


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


/*------------------
        共通
------------------*/
#wrapper {
/*	background-color: #F8EDDA;*/
}

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 img {
	border-radius: 10px;
	box-shadow: 00px 0px 10px 0px rgba(0, 0, 0, 0.35);
}


.railBox span {
    font-size: 14px;
	line-height: 32px;
}


/*-------------------------------------------------------------------------------------------------------------
	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){
}