@charset "UTF-8";

/*form
---------------------------------------------------------- */
dl.form01 {}
dl.form01 dt {color: #333;font-size: 90%;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;padding: 5px 5px 5px 15px;margin-bottom: 5px;line-height: 1.5em;background: url(/img/bg_dl01.gif) no-repeat left center;}
dl.form01 dd {color: #333;font-size: 80%;margin-bottom: 5px;line-height: 3.0em;margin-right: 0px;margin-left: 15px;}

dl.form01 dt a {color: #0068a2;}
dl.form01 dd a {color: #0068a2;}


dl.form01 {
    margin-bottom: 10px;
	}

.input-txt.w-long, textarea.w-long {
    width: 100%;
}

.input-txt, textarea {
    margin-bottom:8px;
    padding: 8px;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

@media screen and (max-width: 767px) {
	.form01 dl{
		margin-bottom:10px;border-bottom:1px dotted #eee
	}
	.form01 dt{
		padding-bottom:10px;font-weight:bold
	}
	.form01 dd{
		padding-bottom:10px
	}

}

/*recruit:work*/
@media only screen and (min-width: 768px) {
.work_out {
        width:748px;
        margin-bottom:20px;
}
   .work_in {
        width:240px;
        margin-top:20px;
        float:left;
    }

   .work_in img {
        margin-bottom:10px;
    }

.work_out p {
   float:right;
   width:500px;
    }

}
@media screen and (max-width: 767px) {

.work_out {
   width:90%;
   float:left;
}
    .work_in  {
        margin:0px;
    }
    .work_in img {
        width:45%;
        margin-left:10px;
        margin-bottom:10px;
    }
}
/*//recruit:work*/
/*recruit:welfare 庡側惂搙*/
@media only screen and (min-width: 768px) {
.seido_out {
        width:710px;
}
   .seido_in {
        width:180px;
        float:left;
    }

   .seido_in img {
    }

.seido_out p {
   float:right;
   width:510px;
   margin-left:20px;
   margin-top:-10px;
    }

}
@media screen and (max-width: 767px) {

.seido_out {
   width:90%;
   float:left;
   margin-left:10px;margin-right:10px;margin-top:-10px;
}
    .seido_in  {
        margin-bottom:-20px;
    }
    .seido_in img {
        width:40%;
        margin-left:10px;
    }
    .seido_out p {
    margin-bottom:10px;
    }
}
/*惵暎幨恀*/
img.fukuri_blue_r {float: left;border: 5px solid #e2f3f7;}
/*僥僉僗僩*/
p.seido {
    font-size: 1.0em;
    line-height: 1.5em;
}
 h3.h3bodyseido {
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 0px;
    background: url(../img/tit_h2_a.png) left bottom no-repeat;
    line-height: normal;
    font-size: 1.2em;
    color: #203744;
    clear: both;
}

/*//recruit:work*/

/*recruit:senior*/

@media only screen and (min-width: 768px) {
.senior_article {
        width:748px;
        margin-bottom:20px;
}
   .left_sen1 {      width:200px;margin-top:20px;float:left;background:url(/recruit/img/p_sen_2.png) no-repeat left top;background-size: 200px 200px;padding:200px 0px 0px 0px;clear: both;}
   .left_sen2 {      width:200px;margin-top:20px;float:left;background:url(/recruit/img/p_sen_3.png) no-repeat left top;background-size: 200px 200px;padding:200px 0px 0px 0px;clear: both;}
   .left_sen3 {        width:200px;margin-top:20px;float:left;background:url(/recruit/img/p_sen_4.png) no-repeat left top;background-size: 200px 200px;padding:200px 0px 0px 0px;clear: both;}
   .left_sen4 {        width:200px;margin-top:20px;float:left;background:url(/recruit/img/p_sen_5.png) no-repeat left top;background-size: 200px 200px;padding:200px 0px 0px 0px;clear: both;}
   .left_ui1 {        width:200px;margin-top:20px;float:left;background:url(/recruit/img/p_ui_1.png) no-repeat left top;background-size: 200px 200px;padding:200px 0px 0px 0px;clear: both;} 
   .left_ui2 {        width:200px;margin-top:20px;float:left;background:url(/recruit/img/p_ui_2.png) no-repeat left top;background-size: 200px 200px;padding:200px 0px 0px 0px;clear: both;} 
   .left_ui3 {       width:200px;margin-top:20px;float:left;background:url(/recruit/img/p_sen_1.png) no-repeat left top;background-size: 200px 200px;padding:200px 0px 0px 0px;clear: both;} 
   .left_ui4 {       width:200px;margin-top:20px;float:left;background:url(/recruit/img/p_ui_3.png) no-repeat left top;background-size: 200px 200px;padding:200px 0px 0px 0px;clear: both;} 
   .left_ui5 {       width:200px;margin-top:20px;float:left;background:url(/recruit/img/p_ui_4.png) no-repeat left top;background-size: 200px 200px;padding:200px 0px 0px 0px;clear: both;} 
   .left_ui6 {       width:200px;margin-top:20px;float:left;background:url(/recruit/img/p_ui_5.png) no-repeat left top;background-size: 200px 200px;padding:200px 0px 0px 0px;clear: both;} 
   
   .right_ui {
        width: 528px; 
        float:right;
        margin-top:20px;
        margin-left:0px;
        margin-bottom:20px;
    } 

   .right_ui img{
        display:none;
    } 

}

@media screen and (max-width: 767px) {
.senior_article {
         width:100%;
}

.left_sen1,.left_sen2,.left_sen3,.left_sen4,.left_ui1,.left_ui2,.left_ui3 {
        display:none;
    }
   .right_ui {
        width: 100%; 
        float:left;
    } 

.right_ui h3.h3body1 {
        display:none;
    }

}

dl.seniorl {
    margin-bottom: 20px;
 } 
dl.seniorl dt {
    color: #333;
    font-size: 90%;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    padding: 5px 5px 5px 15px;
    margin-bottom: 10px;
    line-height: 1.5em;
    background: url(/img/bg_dl01.gif) no-repeat left center;
 } 

dl.seniorr {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left:10px;
 } 
dl.seniorr dt {
    color: #333;
    font-size: 90%;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    padding: 5px 5px 5px 15px;
    margin-bottom: 10px;
    line-height: 1.5em;
    background: url(/img/bg_dl01.gif) no-repeat left center;
 } 
 
 dl.seniorr dd {
     margin-left:10px; 
  } 

}

/*inquiryr/abroad.html*/
@media screen and (max-width: 767px) {/*夋柺僒僀僘767px傑偱*/
   .ab_article {
         width:100%;
   }
   .left_ab  {
        margin:0px;
    }
    .left_ab img {
        margin-left:10px;
        margin-bottom:10px;
    }
    
   .right_ab {
        width: 100%; 
        float:left;
    } 

}

@media only screen and (min-width: 768px) {/*夋柺僒僀僘768px埲忋*/
   .ab_article {
        width:748px;
        margin-bottom:20px;
   }
   .left_ab {
        width:125px;
        float:left;
    }

    .right_ab {
        width: 623px; 
        float:right;
    } 
}

/*昞
.table_ab {
	width:100%;
	border:#d2d7e6 1.5px solid;
}

.table_ab th{
	padding:3px;
	display:block;
	background-color:#f1f8fa;
	border-bottom:#d2d7e6 1.5px solid;
}

.table_ab th.h_ab {
text-align: center;background-color:#006baf;color:white;font-size:110%;
}

.table_ab td{
	padding:5px;
	display:block;
	text-align:center;
	border-bottom:#d2d7e6 1.5px solid;
}

.table_ab th a, .table_ab td a{
	text-decoration: none !important;
	color:#0068a2 !important;
}
.table_ab th a:hover {color: #00b4dd !important;}

.table_ab td a:hover {color: #00b4dd !important;}

@media screen and (max-width: 767px) {
.table_ab
{       width:100%;
	margin-top:20px;
}
.table_ab td.td_ab
{       text-align:center; vertical-align:middle; 
}

}

@media only screen and (min-width: 768px) {
.table_ab
{    
	width:610px;
}
.table_ab {
	width:100%
    margin:5px auto;
	font-size:90%;
	border:#d2d7e6 1.5px solid;丂  
}
.table_ab tr{
    border-bottom:#d2d7e6 1px solid;
border-bottom:#d2d7e6 1.5px solid;
}
.table_ab tr:last-child{
	border:none
 }


.table_ab th{
	width:20%;   
    padding:5px 10px;
	display:table-cell;
	border-right:#d2d7e6 1px solid;
	text-align: left;
	border-bottom:#d2d7e6 1.5px solid;
}

.table_ab td{
	width:80%;   
    padding:5px 10px;
	display:table-cell;
	text-align: left;
	border-bottom:#d2d7e6 1.5px solid;
}

}*/	
/*//inquiry/abroad.html*/
/*inquiryr/domestic.html*/
.t_noborder{
	width: 100%;
	border-style:none;
}
.t_noborder tbody img:hover { opacity: 0.5 ; }

.t_noborder td,
.t_noborder th{
	border-style:none;
}
.t_noborder th{
	font-weight: bold;
}
.t_noborder thead th{
	background:#e6e6e6;
}
.t_noborder tbody td a{
	text-decoration: none !important;
	color:#0068a2 !important;
}
.t_noborder tbody td a:hover {color: #00b4dd !important;}

@media screen and (max-width: 767px) {
	.t_noborder {
		display: block;
	}
		.t_noborder thead{
			display: none;
		}
		.t_noborder tbody{
			display: block;
		}
			.t_noborder tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			.t_noborder tbody th,
			.t_noborder tbody td{
				display: list-item;
				border: none;
			}
			.t_noborder tbody td img{ display: block; margin: 0; width: 100%; max-width: none;}
			
			.t_noborder tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				/*color: #fff;*/
				background: #ccc;
			}
	.t_noborder tbody td:nth-of-type(2):before { content: ""; }
	.t_noborder tbody td:nth-of-type(3):before { content: ""; }
			
}	
}
/*//inquiry/domestic.html*/

/*/inquiry/*/
/* PDF 僟僂儞儘乕僪儕儞僋梡 */
dl.dl_pdf {width: 100%;float: right; margin-bottom:20px;}/*夋柺僒僀僘767px埲壓*/
dl.dl_pdf dd {color: #333;margin-bottom: 5px;line-height: 1.5em;padding: 5px 5px 5px 35px;margin-right: 5px;margin-left: 5px;background: url(/img/pdf_icon.png) no-repeat left top;}
dl.dl_pdf dd a {color: #0068a2;text-decoration: none;}
dl.dl_pdf dd a:hover {color: #00b4dd; text-decoration: none;}

@media only screen and (min-width: 768px) {/*夋柺僒僀僘768px埲忋*/
dl.dl_pdf {width: 748px;float: left; margin-bottom:10px;}
}
dl.dl_pdf dd {background: url(/img/pdf_icon.png) no-repeat left top;}
/* //PDF 僟僂儞儘乕僪儕儞僋梡 */

/*昞 挿偄*/
.table_ab2 {
	width:100%;
	border:#d2d7e6 1.5px solid;
}

.table_ab2 th{
	padding:3px;
	display:block;
	background-color:#f1f8fa;
	border-bottom:#d2d7e6 1.5px solid;
}

.table_ab2 th.h_ab {
text-align: center;background-color:#006baf;color:white;font-size:110%;
}

.table_ab2 td{
	padding:5px;
	display:block;
	text-align:center;
	border-bottom:#d2d7e6 1.5px solid;
}

.table_ab2 th a, .table_ab2 td a{
	text-decoration: none !important;
	color:#0068a2 !important;
}
.table_ab2 th a:hover {color: #00b4dd !important;}

.table_ab2 td a:hover {color: #00b4dd !important;}


@media only screen and (min-width: 768px) {/*夋柺僒僀僘768px埲忋*/
.table_ab2
{    
	width:748px;
}
.table_ab2 {
	width:100%
    margin:5px auto;
	font-size:90%;
	border:#d2d7e6 1.5px solid;丂  
}
.table_ab2 tr{
    border-bottom:#d2d7e6 1px solid;
border-bottom:#d2d7e6 1.5px solid;
}
.table_ab2 tr:last-child{
	border:none
 }


.table_ab2 th{
	width:20%;   
    padding:5px 10px;
	display:table-cell;
	border-right:#d2d7e6 1px solid;
	text-align: left;
	border-bottom:#d2d7e6 1.5px solid;
}

.table_ab2 td{
	width:80%;   
    padding:5px 10px;
	display:table-cell;
	text-align: left;
	border-bottom:#d2d7e6 1.5px solid;
}

}	

@media screen and (max-width: 767px) {/*夋柺僒僀僘767px傑偱*/
.table_ab2
{   width:100%;
	margin-top:20px;
}
.table_ab2 td.td_ab
{   text-align:center; vertical-align:middle; 
}

}
/*//昞 挿偄*/
/*//inquiry/ohentry偺table*/

/*inquiryr/form偺table*/
.formtable{
	width: 100%;
	border-collapse: collapse;
	margin-top:15px;margin-bottom:15px;
}
.formtable td,
.formtable th{
	padding: 5px;
	border: 1px solid #ccc;
}
.formtable th{
	font-weight: bold;
}
.formtable thead th{
	background:#e6e6e6;
}
.formtable tbody th{
	background:#f1f8fa;
}
.formtable tbody td a{
	text-decoration: none !important;
	color:#0068a2 !important;
}
.formtable tbody td a:hover {color: #00b4dd !important;}

@media screen and (max-width: 767px) {
	.formtable {
		display: block;
	}
		.formtable thead{
			display: none;
		}
		.formtable tbody{
			display: block;
		}
			.formtable tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			.formtable tbody th,
			.formtable tbody td{
				display: list-item;
				list-style:none;
				border: none;
			}
			.formtable tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				/*color: #fff;*/
				background: #ccc;
			}
			.formtable tbody td{
				margin-left: 20px;
				padding: 0;
			}
	.formtable tbody td:nth-of-type(2):before { content: ""; }
	.formtable tbody td:nth-of-type(3):before { content: ""; }
			
}	
}
/*//inquiry/form偺table*/



/*table termr clean2*/
table.longt {
    margin:5px auto;
    border-collapse: collapse;
    border: 1px solid #bbb;
    margin-bottom: 1.5em;
    font-size: 90%;
}
.longt th {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: top;
    padding: 5px 10px;
    background-color: #eee;
}
.longt td {
    text-align: left;
    padding: 5px 10px;
    display: table-cell;
}
@media screen and (max-width: 767px) {/*儌僶僀儖*/
	table.longt {
		overflow-x: auto;
		display: block;
		width: 100%;
	}
	table.longt caption {
    font-size: 70%;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    caption-side: bottom;
    padding: 10px;
}
}

@media screen and (min-width: 768px) {/*PC*/
table.longt {
    width: 100%;
}
table.longt caption {
    font-size: 90%;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    caption-side: bottom;
    padding-top: 5px;
}
}
/*//table termr clean2*/

/*recruit:new senior table*/
/* 
Generic Styling, for Desktops/Laptops 
*/
.rectable{
	width: 100%;
	border-collapse: collapse;
}
.rectable td,
.rectable th{
	padding: 5px;
	border: 1px solid #ccc;
}
.rectable th{
	font-weight: bold;
}
.rectable thead th{
	background:#eee;
}
.rectable tbody td a{
	text-decoration: none !important;
	color:#0068a2 !important;
}
.rectable tbody td a:hover {color: #00b4dd !important;}

@media screen and (max-width: 767px) {
	.rectable{
		display: block;
	}
		.rectable thead{
			display: none;
		}
		.rectable tbody{
			display: block;
		}
			.rectable tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			.rectable tbody th,
			.rectable tbody td{
				display: list-item;
				list-style:none;
				border: none;
			}
			.rectable tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				/*color: #fff;*/
				background: #eee;
			}
			.rectable tbody td{
				margin-left: 20px;
				padding: 0;
			}
	.rectable tbody td:nth-of-type(2):before { content: ""; }
	.rectable tbody td:nth-of-type(3):before { content: ""; }
			
}	
}

/*//recruit:new senior table*/

/*儁乕僕僉乕價僕儏傾儖 僒僀僘偱曄峏*/
img.miniimage { display: none; }
/* 仴昞帵椞堟偑768px埲忋偺応崌 */
@media only screen and (min-width: 768px){
   img.miniimage { display: none; }  /* mini傪旕昞帵 */
   img.bigimage  { display: block; } /* big傪昞帵 */
}
/* 仴昞帵椞堟偑767px枹枮偺応崌 */
@media screen and (max-width: 767px)  {
   img.miniimage { display: block; } /* mini傪昞帵 */
   img.bigimage  { display: none; }  /* big傪旕昞帵 */
   
}
p.resizeimage img { width: 100%; }

/*傾僐乕僨傿僆儞*/
.accordion-container {
	width: 100%;
	margin: 0 0 20px;
	clear: both;
}
.accordion-toggle {
  border: 1px solid #DDD;
  position: relative;
  display: block;
	padding: 20px 20px 20px 50px;
	font-size: 1.5em;
	font-weight: 300;
	background: #fff;
	color: #005bac;
	text-decoration: none !important;
}

.ac01 {
	background: url(/recruit/img/wlfr/tit_fukuri_01s.jpg) right top no-repeat;
}
.ac02 {
	background: url(/recruit/img/wlfr/tit_fukuri_02s.jpg) right top no-repeat;
}
.ac03 {
	background: url(/recruit/img/wlfr/tit_fukuri_03s.jpg) right top no-repeat;
}
.ac04 {
	background: url(/recruit/img/wlfr/tit_fukuri_04s.jpg) right top no-repeat;
}

.accordion-toggle.open {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.accordion-toggle:hover {
		color: #005bac;
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
}
.accordion-toggle span.toggle-icon {
	position: absolute;
	top: 9px;
	left: 10px;
	font-size: 1.5em;
}
.accordion-content {
	display: none;
	padding: 20px;
	overflow: auto;
}
.accordion-content img {
	display: block;
	float: left;
	margin: 0 15px 10px 0;
	max-width: 100%;
	height: auto;
}
/* media query for mobile */
@media (max-width: 767px) {
	.accordion-content {
		padding: 10px 0;
		overflow: inherit;
	}
	.ac01 {
	background: url(/recruit/img/wlfr/tit_fukuri_01sp.jpg) right top no-repeat;
}
.ac02 {
	background: url(/recruit/img/wlfr/tit_fukuri_02sp.jpg) right top no-repeat;
}
.ac03 {
	background: url(/recruit/img/wlfr/tit_fukuri_03sp.jpg) right top no-repeat;
}
.ac04 {
	background: url(/recruit/img/wlfr/tit_fukuri_04sp.jpg) right top no-repeat;
}
.accordion-toggle {
	font-weight:bold;
}
}
/*//傾僐乕僨傿僆儞*/

/*僾儖僟僂儞屻偺彫尒弌偟 嶲峫:erudo*/
/*PC:夋柺僒僀僘768px埲忋*/
@media only screen and (min-width: 768px) {
section.top-cat {width: 100%;background-color: #fff;}

div.top-cat {width: 710px;margin-right: auto;margin-left: auto;padding-bottom: 10px;}
ul.top-cat {overflow: hidden;}
ul.top-cat li {float: left;margin:10px;list-style-type:none;}
ul.top-cat li a {display: block;width: 335px;font-size: 9px;text-align: center;line-height: 1.75em;text-decoration:none; }
ul.top-cat li a span.top-cat-bg {color: #fff;font-size: 9px;background: url(/recruit/img/wlfr/bg_blue.gif) repeat 0 0;display: block;padding-top: 20px;padding-bottom: 20px;line-height: 1.75em;}
ul.top-cat li a img {width: 100%;height: auto;}
ul.top-cat li a b {padding-top:5px;text-align: center;color: #fff;display: block;font-size: 31px;font-weight: normal;font-style: normal;margin-bottom:13px;}
ul.top-cat li a:hover {
filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;}
	
	
.nopc {display: none!important;}
}

/*夋柺僒僀僘767px傑偱*/	
@media screen and (max-width: 767px) {

div.top-cat {padding-bottom: 20px;margin-right: 3%;margin-left: 3%;}
ul.top-cat {overflow: hidden;}
ul.top-cat li {margin-bottom: 3%;list-style-type:none;}
ul.top-cat li a {display: block;width: 100%;font-size: 10px;text-align: center;line-height: 1.75em;text-decoration:none; }
ul.top-cat li a span.top-cat-bg {color: #fff;font-size: 12px;background: url(/recruit/img/wlfr/bg_blue.gif) repeat 0 0;display: block;padding-top: 20px;padding-bottom: 20px;line-height: 1.75em; }
ul.top-cat li a img {width: 100%;height: auto;}
ul.top-cat li a b {text-align: center;color: #fff;display: block;font-size: 27px;font-weight: normal;font-style: normal;margin-bottom:10px;}

.nosp {display: none!important;}
.nopc {
    display: block;}
}
/*//儌僶僀儖*/

/*奀偺壠偺摿挜 嶲峫:erudo*/
/*PC:夋柺僒僀僘768px埲忋 攚宨敀丄暥帤擹偄僌儗乕*/
@media only screen and (min-width: 768px) {
section.top-cat2 {width: 100%;background-color: #fff;}

div.top-cat2 {width: 710px;margin-right: auto;margin-left: auto;padding-bottom: 10px;}
ul.top-cat2 {overflow: hidden;}
ul.top-cat2 li {float: left;margin:10px;list-style-type:none;}
ul.top-cat2 li span {display: block;width: 335px;font-size: 9px;text-align: center;line-height: 1.75em;text-decoration:none; }
ul.top-cat2 li span span.top-cat-bg2 {color: #203744;font-size: 9px;background: url(/recruit/img/wlfr/bg_gray.gif) repeat 0 0;display: block;padding-top: 20px;padding-bottom: 20px;line-height: 1.75em;}
ul.top-cat2 li span img {width: 100%;height: auto;}
ul.top-cat2 li span b {padding-top:5px;text-align: center;color: #203744;display: block;font-size: 31px;font-weight: normal;font-style: normal;margin-bottom:13px;}

.nopc {display: none!important;}
}

/*夋柺僒僀僘767px傑偱*/	
@media screen and (max-width: 767px) {

div.top-cat2 {padding-bottom: 20px;margin-right: 3%;margin-left: 3%;}
ul.top-cat2 {overflow: hidden;}
ul.top-cat2 li {margin-bottom: 3%;list-style-type:none;}
ul.top-cat2 li span {display: block;width: 100%;font-size: 10px;text-align: center;line-height: 1.75em;text-decoration:none; }
ul.top-cat2 li span span.top-cat-bg2 {color: #203744;font-size: 12px;background: url(/recruit/img/wlfr/bg_gray.gif) repeat 0 0;display: block;padding-top: 20px;padding-bottom: 20px;line-height: 1.75em; }
ul.top-cat2 li span img {width: 100%;height: auto;}
ul.top-cat2 li span b {text-align: center;color: #203744;display: block;font-size: 27px;font-weight: normal;font-style: normal;margin-bottom:10px;}

.nosp {display: none!important;}
.nopc {
    display: block;}
}
/*//儌僶僀儖*/

/* 僇儖乕僙儖/僗儔僀僪僔儑乕(erudo嶲乯儗僋儗乕僔儑儞 */
@media screen and (min-width: 768px) {/*PC*/
section.rec-slide {width: 100%;background-color: #fff;padding-bottom: 20px;}
div.rec-slide {width: 710px;margin-right: auto;margin-left: auto;}
ul.btn-recslide {overflow: hidden;margin-left: -8px;}
ul.btn-recslide li {float: left;margin-left: 5px;margin-bottom: 10px;}
ul.btn-recslide li {display: block;width: 230px;}
ul.btn-recslide li img {width: 100%;height: auto;}
ul.btn-recslide li img:hover {filter:alpha(opacity=70);opacity:0.7;}

.nopc {display: none!important;}
}
@media screen and (max-width: 767px) {
section.rec-slide {width: 100%;background-color: #fff;padding-bottom: 10px;}
div.rec-slide {margin-right: auto;margin-left: auto;}
ul.btn-recslide {overflow: hidden;}
ul.btn-recslide a:hover {filter:alpha(opacity=70);opacity:0.7;}
ul.btn-recslide li {float: left;margin-left: 5px;}
ul.btn-recslide li {display: block;}
ul.btn-recslide li img {width: 100%;}
ul.btn-recslide li img:hover {filter:alpha(opacity=70);opacity:0.7;}

.slick-slide img {
    width: 100%!important;
    height: auto;
}
.nopc {
    display: block;
}
.nosp {display: none!important;}
}

/* 僊儍儔儕乕 */
@media screen and (min-width: 768px) {/*PC*/
section.gallery {width: 100%; background-color: #fff;padding-bottom: 10px;}
div.gallery {width: 740px;margin-right: auto;margin-left: auto;}
ul.btn-gallery {overflow: hidden;margin-left: -4px;}
ul.btn-gallery li {float: left;margin-left: 10px;margin-bottom: 10px;}
ul.btn-gallery li {display: block;width: 232px;}
ul.btn-gallery li img {width: 100%;height: auto;}

.nopc {display: none!important;}
}

@media screen and (max-width: 767px) {/*儌僶僀儖*/
section.gallery {width: 100%;background-color: #fff;padding-bottom: 10px;}
div.gallery {margin-right: auto;margin-left: auto;}
ul.btn-gallery {overflow: hidden;margin: 0;
    width: 100%;}
ul.btn-gallery li {float: left;margin-left: 5px;margin-bottom: 5px;width: 48%;}
ul.btn-gallery li {display: block;}
ul.btn-gallery li img {width: 100%;}

.slick-slide img {
    width: 100%!important;
    height: auto;
}
.nopc {
    display: block;
}
.nosp {display: none!important;}
}