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


.cfx:before, .cfx:after,.cf:before, .cf:after {
content:"";
display: table;
}
.cfx:after,.cf:after { clear:both; }
.cfx,.cf { *zoom:1; }


.byotoTwoColumn {
margin-bottom: 4em;
}

.byotoTwoColumn .photo {
text-align: center;
}

.byotoTwoColumn .photo img {
max-width: 100%;
}


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


	.byotoTwoColumn .photo {
	float: left;
	width: 300px;
	}

	.byotoTwoColumn .main {
	float: right;
	width: calc(100% - 320px);
	}


}





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