@charset "UTF-8";
/*--------------------------
 WB ABOUT
----------------------------*/
.wb_about {
	position: relative;
}
.wb_title_br
 {
	display: none;
}
@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_logo {
	width: 280px;
	margin-left: 40px;
	margin-top: 20px;
}
.wb_logo img {
	width: 100%;
	height: auto;
}
.wb_illust {
	width: 250px;
	position: absolute;
	top: -10px;
	right: 50px;;
}
.wb_illust img {
	width: 100%;
	height: auto;
}
}
@media screen and (min-width:1000px) {
.wb_logo {
	width: 320px;
}
.wb_logo img {
	width: 100%;
	height: auto;
}
.wb_illust {
	width: 320px;
	position: absolute;
	top: -20px;
	right: 50px;;
}
.wb_illust img {
	width: 100%;
	height: auto;
}
}

@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_about_shoulder
 {
	letter-spacing: 0.05em;
	font-size: 22px;
	line-height: 38px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: 40px;
	margin-right: 40px;
}
.wb_about_p
 {
	letter-spacing: 0.05em;
	font-size: 16px;
	line-height: 32px;
	padding-top: 40px;
	padding-bottom: 50px;
	margin-left: 40px;
	margin-right: 40px;
}
}
@media screen and (min-width:1000px) {
.wb_about_shoulder
 {
	letter-spacing: 0.05em;
	font-size: 26px;
	line-height: 38px;
	padding-top: 100px;
	padding-bottom: 50px;
}
.wb_about_p
 {
	letter-spacing: 0.05em;
	font-size: 16px;
	line-height: 32px;
	padding-top: 0px;
	padding-bottom: 50px;
	margin-right: 40px;
}
}
/*--------------------------
 WB SHOULDER STD
----------------------------*/
@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_shoulder_std
 {
	letter-spacing: 0.05em;
	font-size: 24px;
	line-height: 36px;
	padding-top: 100px;
	padding-bottom: 20px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 1px;
	margin-bottom: 0px;
	padding-left: 40px;
}
.wb_shoulder_std br
 {
	display: none;
}
.wb_p_std
 {
	letter-spacing: 0.05em;
	font-size: 16px;
	line-height: 32px;
	padding-top: 20px;
	padding-bottom: 50px;
	margin-left: 40px;
	margin-right: 40px;
}
}
@media screen and (min-width:1000px) {
.wb_shoulder_std
 {
	letter-spacing: 0.05em;
	font-size: 24px;
	line-height: 36px;
	padding-top: 100px;
	padding-bottom: 30px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 1px;
	margin-bottom: 30px;
}
.wb_shoulder_std br
 {
	display: none;
}
.wb_p_std
 {
	letter-spacing: 0.05em;
	font-size: 16px;
	line-height: 32px;
	padding-top: 0px;
	padding-bottom: 50px;
	margin-right: 40px;
}
}
/*--------------------------
 WB EXPLAN
----------------------------*/
.wp_explan_wrapper
{
	margin-bottom: 100px;
}
.wb_explan_title
 {
	letter-spacing: 0.05em;
	font-size: 24px;
	line-height: 36px;
	padding-top: 50px;
	padding-bottom: 20px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 1px;
	margin-bottom: 50px;
}
.wp_explan
{
	padding-right: 5%;
}

.wp_explan li
{
    
	padding-bottom: 30px;
    border-bottom-color: #ddd8bc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.wp_explan li::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (min-width:768px) and ( max-width:1000px) {
.wp_explan_left
{

}
.wp_explan_right
{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
}
@media screen and (min-width:1000px) {
.wp_explan_left
{
	width: 45%;
    float: left;
}
.wp_explan_right
{
	width: 50%;
    float: right;
}
}


.wp_explan_left_non
{

}
.wp_explan_right_non
{

}

@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_explan_shoulder
 {
	margin-left: 40px;
	margin-right: 40px;
}
.wb_explan_p
 {
	margin-left: 40px;
	margin-right: 40px;
}
}
@media screen and (min-width:1000px) {
.wb_explan_shoulder
 {
	
}
.wb_explan_p
 {
	
}
}
.wb_explan_shoulder
 {
	letter-spacing: 0.05em;
	font-size: 20px;
	line-height: 32px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-top: 30px;
	
	background-repeat: no-repeat;
	background-position: left top 8px;
	background-size: 20px auto;
}
.wb_explan_num01
 {
	background-image: url(../images/wb/wb_num01.svg);
}
.wb_explan_num02
 {
	background-image: url(../images/wb/wb_num02.svg);
}
.wb_explan_num03
 {
	background-image: url(../images/wb/wb_num03.svg);
}
.wb_explan_num04
 {
	background-image: url(../images/wb/wb_num04.svg);
}
.wb_explan_p
 {
	font-size: 16px;
	line-height: 32px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
.wp_explan_illust01
{
	width: 80%;
}
.wp_explan_illust01 img
{
	width: 100%;
	height: auto;
}
.wp_explan_illust02
{
	width: 70%;
	margin-left: 10%;
}
.wp_explan_illust02 img
{
	width: 100%;
	height: auto;
}
.wp_explan_illust03
{
	width: 50%;
	margin-left: 18%;
}
.wp_explan_illust03 img
{
	width: 100%;
	height: auto;
}
.wp_explan_illust04
{
	margin-top: 30px;
	width: 80%;
}
.wp_explan_illust04 img
{
	width: 100%;
	height: auto;
}
/*--------------------------
 WB COMPARE
----------------------------*/
.wb_compare_shoulder
 {
	letter-spacing: 0.05em;
	color: #ee5a45;
	font-size: 18px;
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}
.wb_compare_p
 {
	letter-spacing: 0.05em;
	font-size: 16px;
	line-height: 32px;
	padding-top: 0px;
	padding-bottom: 50px;
	margin-right: 40px;
}
@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_compare_shoulder
 {
	margin-left: 40px;
	margin-right: 40px;
}
.wb_compare_p
 {
	margin-left: 40px;
	margin-right: 40px;
}
}
@media screen and (min-width:1000px) {
.wb_compare_shoulder
 {
	
}
.wb_compare_p
 {
	
}
}


.wb_compare_diagram_frame
{
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 7%;
}
.wb_compare_diagram_frame::after {
    content: "";
    display: block;
    clear: both;
}
.wb_cdfcol01
{
	background-color: #f3c485;
}
.wb_cdfcol02
{
	background-color: #9ed8f5;
}
.wb_compare_diagram_frame_push
{
	margin-bottom: 30px;
}
.wb_compare_left
{
	width: 70%;
	float: left;
	/*background-color: #ee5a45;*/
}
.wb_compare_right
{
	width: 30%;
	float: right;
	/*background-color: aqua;*/
}

.wb_compare_diagram_season
{
	position: absolute;
	top: 0px;
	left: 0px;
}
.wb_compare_diagram_season img
{
	width: 60px;
	height: auto;
}
.wb_compare_diagram_wb
{
	text-align: center;
}
.wb_compare_diagram_wb img
{
	width: 90%;
	height: auto;
}
.wb_compare_diagram_st
{
	text-align: center;
}
.wb_compare_diagram_st img
{
	width: 90%;
	height: auto;
}
.wb_compare_diagram_st_wrap
{
	border-style: solid;
	border-color: white;
	border-width: 2px;
	text-align: center;
}
.wb_compare_diagram_st_p
 {
	font-size: 16px;
	line-height: 32px;
	padding-top: 20px;
	padding-bottom: 20px;
	/*border-bottom: #fff;*/
	/*border-style: solid;*/
	border-bottom-width: 2px;
}
.wb_compare_diagram_st_desc
 {
	font-size: 14px;
	line-height: 22px;
	padding-top: 20px;
	padding-bottom: 10%;
}

.wb_compare_click_p
 {
	font-size: 12px;
	line-height: 20px;
	padding-top: 10px;
}
@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_compare_click_p
 {
	margin-left: 40px;
	margin-right: 40px;
}
}
@media screen and (min-width:1000px) {
.wb_compare_click_p
 {
	
}
}

/*--------------------------
 WB VOICE
----------------------------*/
.wb_voice_backcolor
 {
	padding-top: 80px;
	padding-bottom: 0px;
	background-color: #ebf2ef;
}

@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_voice_wrapper
 {
	padding-right: 40px;
	margin-bottom: 80px;
}
}
@media screen and (min-width:1000px) {
.wb_voice_wrapper
 {
	padding-right: 10%;
	margin-bottom: 80px;
}
}

.wb_voice_shoulder
 {
	letter-spacing: 0.05em;
	font-size: 24px;
	line-height: 36px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 1px;
}
@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_voice_shoulder
 {
	margin-left: 40px;
	margin-right: 0px;
}
}
@media screen and (min-width:1000px) {
.wb_voice_shoulder
 {
	
}
.wb_voice_shoulder_br01
 {
	display: none;
}
.wb_voice_shoulder_br02
 {
	display: none;
}
}

.wb_voice_contents
 {
	
}
.wb_voice_contents::after {
    content: "";
    display: block;
    clear: both;
}
.wb_voice_contents_left
 {
	float: left;
	width: 60%;
}
.wb_voice_contents_right
 {
	float: right;
	width: 30%;
	padding-top: 40px;
}

.wb_voice_p
 {
	letter-spacing: 0.05em;
	font-size: 14px;
	line-height: 26px;
	padding-top: 30px;
	
}
@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_voice_p
 {
	margin-left: 40px;
	margin-right: 0px;
}
}
@media screen and (min-width:1000px) {
.wb_voice_p
 {
	
}
}
.wb_voice_img
{

}
.wb_voice_img img
{
	width: 100%;
	height: auto;
}
.wb_voice_img figcaption
{
	font-size: 12px;
	line-height: 22px;
	padding-top: 12px;
}
/*--------------------------
 WB FORM
----------------------------*/
.wb_form_wrapper
 {
	padding-top: 100px;
	padding-bottom: 80px;
}
@media screen and (min-width:769px) and ( max-width:1000px) {
.wb_contact_wrapper {
	position: relative;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 50px;
}
}
@media screen and (min-width : 1000px ) {
.wb_contact_wrapper {
	width: 95%;
	margin-top: -20px;
	max-width: 650px;
}
}

.wb_contact_p
 {
	letter-spacing: 0.05em;
	font-size: 16px;
	line-height: 28px;
	padding-bottom: 70px;
	margin-top: -5px;
	
}
.wb_contact_daytime_p
 {
	letter-spacing: 0.02em;
	font-size: 12px;
	line-height: 20px;
	padding-top: 10px;
	
}
/*--------------------------
 WB REPORT
----------------------------*/
@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_report_frame {
	margin-left: 20px;
	margin-right: 20px;
}
}
@media screen and (min-width:1000px) and ( max-width:1200px) {
.wb_report_frame {
	width: 90%;
}
}
@media screen and (min-width:1200px) {
.wb_report_frame {
	width: 80%;
}
}
.wb_report_frame {
	border-left-color: #f1f1f1;
    border-left-style: solid;
    border-left-width: 10px;

	border-right-color: #f1f1f1;
    border-right-style: solid;
    border-right-width: 10px;

    border-top-color: #f1f1f1;
    border-top-style: solid;
    border-top-width: 10px;

    border-bottom-color: #f1f1f1;
    border-bottom-style: solid;
    border-bottom-width: 10px;
}

@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_report_shoulder
 {
	margin-left: 40px;
}
}
@media screen and (min-width:1000px) {
.wb_report_shoulder
 {
	
}
}
.wb_report_shoulder
 {
	letter-spacing: 0.05em;
	font-size: 24px;
	line-height: 36px;
	padding-top: 150px;
	padding-bottom: 20px;
	border-bottom: 1px;
}
.wb_report_shoulder span
 {
	padding-left: 5px;
	padding-right: 5px;
	color: #dd3e2a;
}
/*--------------------------
 WB REPORT OBSERVATION
----------------------------*/
.wb_report_observation
 {
	background-color: #f1f1f1;
	padding-top: 40px;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 40px;
}
.wb_report_observation_arrow
 {
	text-align: center;
}
.wb_report_observation_arrow img
 {
	width: 60px;
	height: auto;
}

.wb_report_observation_shoulder
 {
	letter-spacing: 0.05em;
	font-size: 20px;
	line-height: 32px;
	padding-bottom: 40px;
	border-bottom: 1px;
}
@media screen and (min-width:768px) and ( max-width:1300px) {
.wb_report_observation_shoulder br
 {
	
}
}
@media screen and (min-width:1300px) {
.wb_report_observation_shoulder br
 {
	display: none;
}
}

.wb_report_observation_wrap
 {
	
}
.wb_report_observation_wrap::after {
    content: "";
    display: block;
    clear: both;
}
.wb_report_observation_left
 {
	float: left;
	width: 60%;
}
.wb_report_observation_p
 {
	letter-spacing: 0.03em;
	font-size: 16px;
	line-height: 28px;
	padding-bottom: 20px;
	border-bottom: 1px;
}
.wb_report_observation_caraircon
 {
	float: right;
	width: 30%;
}
.wb_report_observation_caraircon img
 {
	width: 100%;
	height: auto;
}
.wb_report_observation_caraircon figcaption
 {
	font-size: 14px;
	line-height: 28px;
	padding-top: 10px;
}
/*--------------------------
 WB REPORT RESULT
----------------------------*/
.wb_report_result_shoulder
 {
	letter-spacing: 0.05em;
	font-size: 22px;
	line-height: 34px;
	padding-top: 30px;
	padding-bottom: 5px;
	border-bottom: 1px;
	color: #b95a24;
	text-align: center;
}
.wb_report_result_shoulder br
 {
	display: none;
}
.wb_report_result_desc
 {
	letter-spacing: 0.05em;
	font-size: 10px;
	line-height: 22px;
	padding-bottom: 30px;
	text-align: center;
}
.wb_report_result_wrapper
 {
	margin-left: 60px;
	margin-right: 60px;
}
.wb_report_result_frame
 {
	
}
.wb_report_result_frame::after {
    content: "";
    display: block;
    clear: both;
}
.wb_report_result_frame_left
 {
	float: left;
	width: 60%;
}
.wb_report_result_frame_left img
 {
	width: 100%;
	height: auto;
}
.wb_report_result_frame_right
 {
	float: right;
	width: 33%;
}
.wb_report_result_meter_pc
 {
	
}
.wb_report_result_meter_xs
 {
	display: none;
}

.wb_report_result_p
 {
	letter-spacing: 0.03em;
	font-size: 16px;
	line-height: 28px;
	padding-bottom: 20px;
	border-bottom: 1px;
}

.wb_report_result_measure_title
 {
	letter-spacing: 0.03em;
	font-size: 16px;
	line-height: 28px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px;
	border-bottom-color: #666666;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.wb_report_result_measure
 {
	
}
.wb_report_result_measure li
 {
	letter-spacing: 0.03em;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 3px;
 	background-image: url(../images/wb/wb_report_circle.svg);
    background-position: left top 5px;
    background-size: 13px 15px;
    background-repeat: no-repeat;
	padding-left: 20px;
}
.wb_report_result_p02
 {
	letter-spacing: 0.03em;
	font-size: 16px;
	line-height: 28px;
	padding-top: 30px;
	padding-bottom: 40px;
}

.wb_report_result_meter
 {
	
}
.wb_report_result_meter
 {
	margin-left: 25px;
	margin-right: 25px;
}
.wb_report_result_meter::after {
    content: "";
    display: block;
    clear: both;
}
.wb_report_result_meter li
 {
	float: left;
	width: 30%;
	margin-right: 5%;
}
.wb_report_result_meter li:nth-child(3n)
 {
	margin-right: 0%;
}
.wb_report_result_meter li img
 {
	width: 100%;
	height: auto;
}
.wb_report_result_meter li figcaption
 {
	letter-spacing: 0.03em;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	padding-top: 10px;
}
.wb_report_result_meter li figcaption span
 {
	display: block;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.0em;
}
.wb_report_result_p03
 {
	letter-spacing: 0.03em;
	font-size: 16px;
	line-height: 28px;
	padding-top: 40px;
	padding-bottom: 50px;
}
/*--------------------------
 WB COST
----------------------------*/
.wb_cost_bigin
 {
	
}
.wb_cost_bigin::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (min-width:768px) and ( max-width:1300px) {
.wb_cost_bigin_chars
 {
	float: left;
	width: 100%;
	margin-right: 1%;
}
}
@media screen and (min-width:1300px) {
.wb_cost_bigin_chars
 {
	float: left;
	width: 40%;
	margin-right: 1%;
}
}

@media screen and (min-width:768px) and ( max-width:1000px) {
.wb_cost_bigin_recon
 {
	float: left;
	width: 30%;
	margin-right: 4%;
	margin-left: 40px;
}
}
@media screen and (min-width:1000px) and ( max-width:1300px) {
.wb_cost_bigin_recon
 {
	float: left;
	width: 30%;
	margin-right: 4%;
}
}
@media screen and (min-width:1300px) {
.wb_cost_bigin_recon
 {
	float: left;
	width: 18%;
	margin-right: 4%;
}
}

.wb_cost_bigin_recon img
 {
	width: 100%;
	height: auto;
}
.wb_cost_bigin_recon figcaption
 {
	letter-spacing: 0.03em;
	font-size: 12px;
	line-height: 20px;
	padding-top: 15px;
}
@media screen and (min-width:768px) and ( max-width:1300px) {
.wb_cost_bigin_indicator
 {
	float: left;
	width: 35%;

}
}
@media screen and (min-width:1300px) {
.wb_cost_bigin_indicator
 {
	float: left;
	width: 25%;
}
}

.wb_cost_bigin_indicator img
 {
	width: 100%;
	height: auto;
}
.wb_cost_bigin_indicator figcaption
 {
	letter-spacing: 0.03em;
	font-size: 10px;
	line-height: 18px;
	padding-top: 15px;
}
/*--------------------------
 WB COST NEXT
----------------------------*/
@media screen and (min-width:768px) and ( max-width:1100px) {
.wb_cost_wrapper
 {
	margin-left: 40px;
}
}
@media screen and (min-width:1100px) {
.wb_cost_wrapper
 {
	
}
}
.wb_cost_next_shoulder
 {
	letter-spacing: 0.05em;
	font-size: 20px;
	line-height: 30px;
	padding-top: 80px;
	padding-bottom: 50px;
	font-feature-settings: "palt";
}
.wb_cost_next_shoulder span
 {
	color: #dd3e2a;
	padding-left: 5px;
	padding-right: 5px;
}
@media screen and (min-width:768px) and ( max-width:1200px) {
.wb_cost_next_shoulder br
 {

}
}
@media screen and (min-width:1200px) {
.wb_cost_next_shoulder br
 {
	display: none;
}
}

.wb_cost_next_fee
 {

}
.wb_cost_next_fee::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (min-width:768px) and ( max-width:1400px) {
.wb_cost_next_fee li
 {
	float: left;
	width: 35%;
	margin-right: 4%;
	margin-bottom: 20px;
}
.wb_cost_next_fee:nth-child(2n)
 {
	margin-right: 0%;
}
}
@media screen and (min-width:1400px) {
.wb_cost_next_fee li
 {
	float: left;
	width: 21%;
	margin-right: 2%;
}
.wb_cost_next_fee:nth-child(4n)
 {
	margin-right: 0%;
}
}
.wb_cost_next_fee li
 {
	border-color: #ddd8bc;
    border-style: solid;
    border-width: 1px;
}
.wb_cost_next_fee li img
 {
	width: 100%;
	height: auto;
}

.wb_cost_next_chars
 {
	margin-right: 10%;
}
.wb_cost_next_p
 {
	letter-spacing: 0.03em;
	font-size: 16px;
	line-height: 28px;
	padding-top: 40px;
	padding-bottom: 50px;
}















.works_list {

}
.works_list li {
	margin-bottom: 30px;
}
.works_list li a {
	text-decoration: none;
	display: block;
	color: #000000;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.works_list li a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
@media screen and (min-width:769px) and ( max-width:1000px) {
.works_list_chars {
	background-image: url(../images/more01.svg);
	background-position: right 55px top 30px;
	background-size: 55px auto;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 40px;
	margin-right: 0px;
}
}
@media screen and (min-width : 1000px ) {
.works_list_chars {
	background-image: url(../images/more01.svg);
	background-position: right 55px top 30px;
	background-size: 55px auto;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-bottom: 20px;
}
}


.works_list_p {
	letter-spacing: 0.05em;
	font-size: 18px;
	line-height: 30px;
	width: 80%;
}
.works_list_vol {
	letter-spacing: 0.3em;
	font-size: 16px;
	line-height: 26px;
	padding-top: 5px;
	color: #BD917F;
	padding-left: 2px;
}

/*--------------------------
 WORKS PHOTO TRIMMING
----------------------------*/
.works_list_thumb {
   
}
@media screen and (min-width:769px) and ( max-width:960px) {
.works_list_thumb img {
    height: 200px;
}
}
@media screen and (min-width:960px) and ( max-width:1500px) {
.works_list_thumb img {
    height: 300px;
}
}
@media screen and (min-width : 1500px ) {
.works_list_thumb img {
    height: 400px;
}
}
/*--------------------------
 WORK BOTTOM PUSH
----------------------------*/
.works_bottom_push {
	padding-bottom: 100px;   
}


/*--------------------------
 WORKS MAIN IMAGE ENTRY
----------------------------*/
.works_entry_mainimage_wrapper {
	margin-top: 50px;
}
.works_entry_mainimage_wrapper img {
	width: 100%;
	height: auto;
}
/*--------------------------
 WORKS ENTRY GALLERY
----------------------------*/
@media screen and (min-width:769px) and ( max-width:960px) {
.works_allery_wrapper {
    position: relative;

}
}
@media screen and (min-width:960px) and ( max-width:1800px) {
.works_gallery_wrapper {
    position: relative;

}
}
@media screen and (min-width : 1800px ) {
.works_gallery_wrapper {
	position: relative;

}
}
.works_gallery_wrapper::after {
    content: "";
    display: block;
    clear: both;
}

.works_gallery_thumb {
   
}

@media screen and (min-width:769px) and ( max-width:1000px) {
.works_gallery_thumb img {
    height: 200px;
}
}
@media screen and (min-width:1000px) and ( max-width:1300px) {
.works_gallery_thumb img {
    height: 160px;
}
}
@media screen and (min-width:1300px) and ( max-width:1500px) {
.works_gallery_thumb img {
    height: 220px;
}
}
@media screen and (min-width : 1300px ) {
.works_gallery_thumb img {
    height: 260px;
}
}
.works_gallery_thumb li {
	width: 25%;
    float: left;
    position: relative;
}

.works_gallery_thumb img {
    width: 100%;
    object-fit: cover;
    -webkit-transition: all .3s;
    transition: all .3s;
    
}
.works_gallery_thumb li::after {
    content: "";
    display: block;
    clear: both;
}
.works_gallery_thumb img:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
}
/*--------------------------
 WORKS ENTRY SPEC
----------------------------*/
@media screen and (min-width:769px) and ( max-width:1000px) {
.works_entry_spec_wrapper {
	margin-left: 40px;
	margin-right: 40px;
}
}
@media screen and (min-width : 1000px ) {
.works_entry_spec_wrapper {
	
}
}

.works_entry_spec_title {
	letter-spacing: 0.3em;
	font-size: 18px;
	line-height: 26px;
	padding-top: 50px;
	color: #BD917F;
	padding-bottom: 20px;
}
.works_entry_spec {
	letter-spacing: 0.05em;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	width: 80%;
}
.works_entry_spec tr th {
	text-align: left;
	font-weight: normal;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.works_entry_spec tr td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.works_entry_sentence {
	letter-spacing: 0.05em;
	font-size: 14px;
	line-height: 24px;
	padding-top: 30px;
	padding-left: 2px;
	padding-bottom: 20px;
	width: 80%;
}