@charset "utf-8";




/* Mobile Layout: 480px and below. */
#スマートフォン {
}
#top {
    background-size: cover;
    background-position: center center;
    margin-top: 90px;
}
#top .con1200 h2 {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 2em;
    letter-spacing: 0.2em;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 10%;
}
#contents {
    padding-bottom: 30px;
    width: 100%;
    float: left;
    clear: both;

}

.material {
    width: 100%;
    float: left;
    clear: both;
    padding-top: 30px;
}
.material h3  {
    margin-left: 2%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.con1200 .material p {
    margin-left: 2%;
    width: 94%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 0.9em;
    line-height: 1.8em;
}




















































/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

	
#タブレット {
}
#top .con1200 h2 {
    padding-top: 80px;
    padding-bottom: 80px;

}
.con1200 .material img {
    width: 50%;
    float: left;
}
.con1200 .material .text {
    width: 50%;
    float: left;
}



.con1200 .material h3 {
    width: 90%;
    margin-left: 5%;
}
.con1200 .material p {
    margin-left: 5%;
}













	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
}




/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

	
#パソコン {
}
#top {
    margin-top: 0px;
}
#top .con1200 h2 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.con1200 .material h3 {
    font-size: 1.6em;
}
.con1200 .material p {
    line-height: 2em;
    font-size: 1em;
}








}	
/* WideDesktop Layout: 1233px to a max of 2000px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1233px) {
#ワイドパソコン {
}


	




		
}