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

.r-box {
	border-radius: 5px;
	border-width: 3px;
	border-style: solid;
}

/*--------  Margin -------*/
.mb-20 {
	margin-bottom: 0px;
}

.mb-40 {
	margin-top: 0px;
	margin-bottom: 40px;
}

.mr-40 {
	margin-right: 40px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mt-20 {
	margin-top: 20px;
}

.mr-20 {
	margin-right: 20px;
}

.m-clear {
    margin: 0;
    font-size: 20px;
}

.mt-clear {
	margin-top: 0;
}
.box-center {
	margin-left: auto;
	margin-right: auto;
}

/*--------  Padding -------*/
.p-20 {
	padding: 20px;
}

.pl-20 {
	padding-left: 20px;
}

/*--------  Float -------*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.fc {
	clear: both;
}

/*--------  Container -------*/
.container {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    margin-bottom: 120px;
    box-sizing: border-box;
    padding: 0px;
}

.container_case {
    max-width: 1000px;
    width: 100%;
    margin: auto;
    margin-bottom: 120px;
    box-sizing: border-box;
    padding: 0px;
}

.side-container {
	margin-bottom: 40px;
	box-sizing: border-box;
}


/*--------  Column -------*/
.col-1 {
	width: 75px;
}

.col-2 {
	width: 170px;
}

.col-3 {
	width: 265px;
}

.col-4 {
    width: 100%;
}

.col-5 {
	width: 455px;
}

.col-6 {
    width: 47.5%;
}

.col-7 {
	width: 645px;
}

.col-8 {
	width: 740px;
}

.col-10 {
    float: left;
    width: 76%;
}

/*--------  Display -------*/
.d-block {
	display: block;
}

/*--------  Position -------*/
.p-rel {
	position: relative;
}