@charset "Shift_JIS";

/* for PC view
------------------------------*/

div#content p {
	font-size:16px;
}

div#content h1 {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    line-height: 1.4;
    border-bottom: 1px solid #000;
}

div#content h2 {
    font-size: 20px;
    font-weight: bold;
    margin:40px 0 20px;
}

div#content ul li {
    list-style: disc;
    margin: 0 0 0 30px;
    font-weight: bold;
}

div#content p img {
    width: 690px;
}

div#content p.caption {
    font-size:80%;
    color: #333;
    margin: -5px 0 20px;
}

br.sp {
    display: none;    
}

br.pc {
    display: block;    
}

.mt40 {
    margin-top: 40px;
}

/* for Mobile view
------------------------------*/

@media screen and (min-width: 769px) and (max-width: 960px) {
    br.sp {
    display: none;    
	}

    br.pc {
        display: block;    
    }
}
 
@media screen and (max-width: 768px) {

	div#content h1 {
        font-size: 20px !important;
        line-height: 1.4 !important;
		padding: 0;
		margin: 0 0 20px;
	}
    
    div#content p {
        margin: 10px 0;
    }
    
    div#content p img {
        width: 100%;
    }
    
    br.sp {
        display: block;
    }

    br.pc {
        display: none;
    }

    
    div#content ul li {
        margin: 10px 10px 10px 5vw
    }
    
    .mt40 {
        margin-top: 0;
    }

}