@charset "utf-8";

/* title
------------------------------------------------ */

#option .title {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 45px;
}


#option .content .sub_navigation {
	margin: 0 0 67px;
}



#option .content .sub_navigation ul li{
	box-sizing: border-box;
	float: left;
	width: 138px;
	height: 33px;
	border-top: #BE9245 solid 1px;
	border-left: #BE9245 solid 1px;
	border-bottom: #BE9245 solid 1px;
	color: #BE9245;
	text-align: center;
	line-height: 33px;
	font-size: 1.5rem;
	letter-spacing: 3px;
}

#option .content .sub_navigation ul li:last-child{
	width: 139px;
	border-right: #BE9245 solid 1px;
}


#option .content .sub_navigation ul li a{
	display: block;
	height: 31px;
	color: #BE9245;
}

#option .content .sub_navigation ul li a:hover{
	background-color: #BE9245;
	color:#fff;
	text-decoration: none;
}


#option .content .sub_navigation .active a{
	background-color: #BE9245;
	color:#fff;
	text-decoration: none;
}

#option .content .sub_navigation .active a:hover{
	background-color: #BE9245;
	color:#fff;
	text-decoration: none;
}

#option .content .main_content{
	margin-bottom: 100px;
}

#option .content .main_content .main_text{
	width: 500px;
	float: left;
}

#option .content .main_content .main_text h3{
	font-size: 2.6rem;
	font-weight:100;
	color: #BE9245;
	padding: 0px 0 0px 0;
	letter-spacing: 1px;
	margin: 32px 0 17px 0;
}

#option .content .main_content .main_text p{
	font-size: 1.5rem;
	padding-left: 0;
	line-height: 35px;
	letter-spacing: -0.3px;
	margin-bottom: 0;
	width: 410px;
}

#option .content .main_content .main_img{
	width: 467px;
	float:right;
	margin-top: 8px;
}

/* tab
------------------------------------------------ */
#option .disnon{display: none;}

/* responsive style
------------------------------------------------ */
@media screen and (max-width: 1000px) {
	#option .content .sub_navigation ul { margin: 0 auto; width: 552px; }
	#option .content .sub_navigation ul li { margin-top: -1px; }
	#option .content .sub_navigation ul li:nth-of-type(4) { border-right: solid #BE9245 1px; }
	#option .content .sub_navigation ul li:nth-of-type(5) { clear: both; }
	#option .content .main_content .main_text { width: 50%; }
	#option .content .main_content .main_text p { width: 100%; }
	#option .content .main_content .main_img { width: 46%; }
}

@media screen and (max-width: 750px) {
	#option .content .sub_navigation { margin-bottom: 30px; }
	#option .content .sub_navigation ul { width: 100%; }
	#option .content .sub_navigation ul li { width: 50%; font-size: 1.2rem; letter-spacing: 0; }
	#option .content .sub_navigation ul li:nth-of-type(2n) { border-right: solid #BE9245 1px; }
	#option .content .sub_navigation ul li:nth-of-type(2n+1) { clear: both; }
	#option .content .sub_navigation ul li:nth-of-type(5) { clear: none; }
	#option .content .sub_navigation ul li:last-child { width: 100%; }
	#option .content .main_content { margin-bottom: 0; }
	#option .content .main_content .main_text,
	#option .content .main_content .main_img { float: none; width: 100%; }
	#option .content .main_content .main_text h3 { margin: 0 0 10px; text-align: center; font-size: 1.8rem; letter-spacing: 0; }
	#option .content .main_content .main_text p { font-size: 1.2rem; line-height: 1.6; letter-spacing: 0; }
	#option .content .main_content .main_img { margin-top: 20px; text-align: center; }
}