@charset "UTF-8";
/* CSS Document */

/* ============================
		Reset
 ============================ */


.topVisualSection .smartContainer {
background-image: url("../images/top_visual002.webp");
}



.mainSection .panfu {
border: 1px solid #ccc;
margin: 0;
}


.mainSection .note {
text-indent: -1em;
padding-left: 1em;
}

.basicNumberList.normal li::before {
font-family: 'BIZ UDPGothic', sans-serif;
counter-increment: number 1;
content: counter(number) ". ";
}


.mainSection .topPhoto {
margin-bottom: 2em;
}
.mainSection .topPhoto img {
width: 100%;
}



/* for PC */
@media screen and (min-width: 1201px) {

	.mainSection .panfu {
	width: 768px;
	margin: 0 auto;
	border: 1px solid #ccc;
	}

	.basicNumberList.normal li::before {
	font-size: 1.8rem;
	top: 0.6em;
	}


	.mainSection .topPhoto {
	margin-bottom: 0;
	float: right;
	width: 600px;
	}
	.mainSection .topPhoto img {
	width: 100%;
	}
	
	.mainSection .withPhoto {
	margin-right: 640px;
	}


}




/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}

/* for PCX */
@media screen and (min-width: 1501px) {
}