@charset "UTF-8";

.internshipIndexLayout #main #c01 .cassette .cassetteIn {
	padding: 0 0 20px;
}

.internshipIndexLayout #main #c01 .cassette .box01 {
	background: url(../img/bg01.png) no-repeat left top rgba(255,255,255,0.9);
	padding: 30px 25px 0;
	color: #284b8c;
	margin: 0 0 30px;
}

.internshipIndexLayout #main #c01 .cassette .box02 li {
	background-color: #eef1f6;
	border-radius: 10px;
	padding: 15px 20px;
	margin: 0 0 20px;
	box-sizing: border-box;
}


			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
				.internshipIndexLayout #main #c01 .cassette .flex {
					display: flex;
					justify-content: space-between;
				}
				.internshipIndexLayout #main #c01 .cassette .flex p {
					width: 48%;
				}
				.internshipIndexLayout #main #c01 .cassette .box02 {
					display: flex;
					flex-wrap: wrap;
				}
				.internshipIndexLayout #main #c01 .cassette .box02 li {
					width: 48%;
					margin: 0 4% 30px 0;
				}
				.internshipIndexLayout #main #c01 .cassette .box02 li:nth-child(2n) {
					margin: 0 0 30px;
				}
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 1200px) {
			}



/* clearfix
------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow:hidden;
}

.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix {
height: 1%
}

.clearfix {
display:block;
}
/* end MacIE5 */