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

.aboutUs_content{
	padding: 40px;
	border: 4px solid #b0206c;
	position: relative;
}

.aboutUs_content .door_1{
	position: absolute;
	bottom: -72px;
    left: 50px;
	display: block;
}

.aboutUs_content .door_2{
	position: absolute;
	bottom: -72px;
    left: 180px;
	display: block;
}

.aboutUs_content .door_3{
	position: absolute;
	bottom: -72px;
    left: 500px;
	display: block;
}

.aboutUs_content .door_4{
	position: absolute;
	bottom: -72px;
    left: 180px;
	display: block;
}

.aboutUs_pic{
	border: 4px solid #b0206c;
	border-top: none;
	border-bottom: none;
	position: relative;
	width: 308px;
}

.aboutUs_pic_01{
	margin-left:50% ; 
	margin-right: auto;
}

.aboutUs_pic_02{
	margin-left: auto; 
	margin-right: 0;
}

.aboutUs_pic_03{
	margin-left:0 ; 
	margin-right: auto;
}

.aboutUs_pic_04{
	margin-left:50% ; 
	margin-right: auto;
	border-bottom: 4px solid #b0206c;
}

.aboutUs_pic_01 .door_1, .aboutUs_pic_02 .door_2, .aboutUs_pic_03 .door_3, .aboutUs_pic_04 .door_4{
	position: absolute;
	top: 105px;
}
.aboutUs_pic_01 .door_1{
    left: -84px;
	rotate: 90deg;
	display: block;
}

.aboutUs_pic_02 .door_2{
    left: -84px;
	rotate: 90deg;
	display: block;
}

.aboutUs_pic_03 .door_3{
    right: -84px;
    rotate: 270deg;
	display: block;
}

.aboutUs_pic_04 .door_4{
    left: -84px;
	rotate: 90deg;
	display: block;
}

@media only screen and (max-width : 480px) {
	.aboutUs_content .door_1, .aboutUs_content .door_2, .aboutUs_content .door_3, .aboutUs_content .door_4,
	.aboutUs_pic_01 .door_1, .aboutUs_pic_02 .door_2, .aboutUs_pic_03 .door_3, .aboutUs_pic_04 .door_4{
		display: none;
	}
	
	.aboutUs_pic{
		margin: auto;
	}
}