@charset "utf-8";
.flex_div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.flex_space_bet {
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
.flex_center {
	-webkit-align-items: center; /* Safari */
	align-items: center;
}
.flex_space_aro {
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
}
.flex_row {
	-webkit-flex-direction: row-reverse; /* Safari */
	flex-direction: row-reverse;
}
.flex_row_reverse {
	-webkit-flex-flow: row-reverse wrap-reverse;/*--- safari（PC）用 ---*/
	flex-flow: row-reverse wrap-reverse;
}

.flexslider {
    position: relative;
    width: 100%;
    height: 100vh;
}
#fade1 {
    background-image: url(../images/fade1.jpg);
}
#fade2 {
    background-image: url(../images/fade2.jpg);
}
#fade3 {
    background-image: url(../images/fade3.jpg);
}
#fade1,  #fade2,  #fade3 {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}



.atop2{
	background-image: url(http://ritz-service.com/images/a1.jpg);
}
.ctop2{
	background-image: url(../images/c1.jpg);
}
.ftop2{
	background-image: url(../images/f1.jpg);
}
.qtop2{
	background-image: url(../images/q1.jpg);
}
.wtop2{
	background-image: url(../images/w1.jpg);
}
.rtop2{
	background-image: url(../images/r1.jpg);
}
.etop2{
	background-image: url(../images/e1.jpg);
}
.ptop2{
	background-image: url(../images/p1.jpg);
}

.atop2,.ctop2,.ftop2,.qtop2,.wtop2,.rtop2,.etop2,.ptop2{
	position: relative;
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	height: 450px;
}

.atop2 a{
	color: #333;
}
.atop200 a:hover .atop21{
	background-color: #8b2520;
	color: #fff;
}
.atop20{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	height: 100px!important;
	height: auto;
	opacity: 0.7;
}
.atop21{
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #fff;
	color: #333;
	width: 350px;
	padding: 30px 0;
	text-align: center;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.atop21 span{
	position: relative;
	top: -5px;
}
.fa-envelope{
	position: relative;
	padding-right: 8px;
	font-size: 26px;
}

.all{
	position: relative;
	top: -80px;
	margin-bottom: -80px;
	background-image: url(../images/aback1.jpg);
	background-repeat: repeat-y;
	background-size:contain;
	padding: 180px 0 150px 0;
}
.all2{
	position: relative;
	top: -150px;
	margin-bottom: -150px;
	background-image: url(../images/aback1.jpg);
	background-repeat: repeat-y;
	background-size:contain;
	padding: 180px 0 150px 0;
}
.block648{
	display: none;
}
.block480{
	display: none;
}
.none648{
	display: block;
}
.none480{
	display: block;
}
.ntel{
	font-size: 18px!important;
}
.ntel a:after{
	display: none;
}





/****************************** index **********************************/


.i1000{
	position: absolute;
	top:300px;
	left: 0;
	height: 300px;
	width: auto;
	opacity: 0.03;
}
.i1001{
	position: absolute;
	top:1800px;
	right: 80px;
	height: 300px;
	width: auto;
	opacity: 0.03;
}
.i1002{
	position: absolute;
	top:2150px;
	left: 80px;
	height: 300px;
	width: auto;
	opacity: 0.03;
}
.i1003{
	position: absolute;
	bottom: 180px;
	left: 80px;
	height: 300px;
	width: auto;
	opacity: 0.03;
}

.ititle img{
	position: absolute;
	top: 500px;
	width: auto;
	height: 76.5px;
	opacity: 0.7;
}
.ititle1{
	left: 50%;
	margin-left: -700px;
}
.ititle2{
	right: 50%;
	margin-right: -700px;
}

.iscroll{
	display: block;
	text-align: center;
}
.iscroll p{
	color: #8b2520;
	font-size: 16px;
}
.i0 a{
	text-decoration: none;
}

.i1{
	padding-top: 30px;
}
.iback1{
	position: relative;
	background-color: #fff;
	padding: 100px 8% 50px;
}
.i11 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.i11 ul li{
	width: 50%;
}
.i111{
	background-image: url(../images/i3.jpg);
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: 600px;
}
.i112{
	position: relative;
	top: 40px;
	right: 60px;
}
.i112 img{
	height: 60px;
}
.i113{
	background-color: #fff;
	padding: 60px 0 150px 10%;
	margin-top: 60px;
}
.i1131{
	font-size: 20px;
	line-height: 1.6;
}
.i1132{
	margin-top: 20px;
}

.i12{
	margin-top: 40px;
	width: 270px;
}
.i12 a{
	color: #333;
	text-decoration: none;
}
.i121{
	margin-top: 20px;
}
.i121 p{
	position: relative;
	border: 1px solid #333;
	padding: 10px 0;
	text-align: center;
	font-family: CenturyGothicStd;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.i121 p:before{
	content: "";
	position: absolute;
	top: 24px;
	right: 35px;
	border-bottom: 1px solid #333;
	width: 45px;
	height: 1px;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.i121 p:hover:before{
	content: "";
	position: absolute;
	top: 24px;
	right: 25px;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 55px;
	height: 1px;
}
.i121 p:after{
	content: "＼";
	position: absolute;
	top: 7px;
	right: 35px;
	width: 10px;
	height: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.i121 p:hover:after{
	content: "＼";
	position: absolute;
	top: 6px;
	right: 12px;
	width: 35px;
	height: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.i121 p:hover{
	border: 1px solid #333;
	background-color: #333;
	color: #fff;
	padding: 10px 0;
}

.i2{
	margin-top: 100px;
}
.i2 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.i2 ul li:nth-child(1){
	width: 35%;
}
.i2 ul li:nth-child(2){
	width: 60%;
}
.i21 img{
	height: 60px;
	width: auto;
}
.i212{
	margin-top: 40px;
}


.i22{
	position: absolute;
	background-image: url(../images/i4.jpg);
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: 500px;
}


.i3 {
    position: relative;
    top: 150px;
    background-color: #fff;
    padding: 60px 0;
}
.i3 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.i3 ul li{
	width: 33.3%;
}
.i31{
	display: table;
	padding-left: 10%;
}
.i311{
	display: table-cell;
	vertical-align: middle;
}
.i311 img{
	height: 50px;
	width: auto;
}
.i312{
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}
.i3121 {
    font-size: 16px;
    color: #8b2520;
    line-height: 1.3;
}
.i3121 span{
	font-size: 14px;
	color: #333;
}
.i313{
	width: 82%;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
}

.i4{
	margin: 200px 0;
}

.i41{
	position: relative;
	background-color: #fff;
}
.i42{
	position: relative;
	top: -130px;
}

.i4200{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.i4201{
	width: 48%;
}
.i4202{
	width: 48%;
}
.i421{
	position: relative;
	background-color: #8b2520;
	color: #fff;
	padding: 60px 0;
	text-align: center;
}
.i421:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto;
	content: "";
	border: 1px solid #fff;
	width: 98%;
	height: 97%;
}
.i422{
	position: relative;
	font-size: 20px;
	font-family: CenturyGothicStd;
	font-weight: bold;
	line-height: 1.6;
}
.i422:after{
	position: absolute;
	top: 85px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	content: "";
	border-bottom: 1px solid #fff;
	width: 25px;
	height: 1px;
}
.i423{
	width: 410px;
	display: block;
	margin: 0 auto;
	margin-top: 40px;
}
.i423 ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.i423 ul:nth-child(n+2){
	margin-top: 20px;
}
.i423 ul li img{
	width: 30px;
	height: auto;
}
.i423 ul li:nth-child(2){
	padding-left: 10px;
}

.i43{
	position: relative;
	background-color: #5f5f5f;
	color: #fff;
	padding: 50px 0;
	text-align: center;
	line-height: 1.6;
}
.i43:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto;
	content: "";
	border: 1px solid #fff;
	width: 98%;
	height: 97%;
}

.i424{
	width: 425px;
	display: block;
	margin: 0 auto;
	margin-top: 40px;
}
.i424 ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.i424 ul:nth-child(n+2){
	margin-top: 20px;
}
.i424 ul li img{
	width: 30px;
	height: auto;
}
.i424 ul li:nth-child(2){
	padding-left: 10px;
}

.i45{
	position: relative;
	top: -65px;
	display: block;
	margin: 0 auto;
}


.i51 ul{
	display: flex;
	flex-wrap: wrap;
}
.i51 ul li{
	width: 33.3%;
	padding: 0 2%;
}
.i51 ul li a{
	color: #333;
	text-decoration: none;
}
.i51 ul li:nth-child(n+4){
	margin-top: 60px;
}
.i51 ul li img{
	width: 100%;
	height: auto;
}


.i50{
	margin: 100px 0 80px 0;
}
.i500{
	display: block;
	margin: 0 auto;
	margin-top: 80px;
}


.i6{
	position: relative;
	top: 150px;
	float: right;
	width: 50%;
}
.i61 img{
	position: relative;
	z-index: 9999;
	top: 33px;
	left: 8%;
	height: 60px;
	width: auto;
}

.i7{
	position: relative;
	background-color: #fff;
	padding: 150px 8%;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);	
	margin: 100px 0;
}
.i7line{
	border-bottom: 2px solid #8b2520;
	width: 25px;
	margin: 15px 0;
}














/*************************** access ******************************/


#cy_header{
	position: relative;
	z-index: 999;
	padding-left: 100px;
}
.itop1 {
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}
.atop1{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
}
.atop11{
	width: 40%;
}
.atop11 img{
	width: 250px;
	height: auto;
}
.atop12{
	width: 60%;
}
.atop12 ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.atop12 ul li{
	padding:  0 25px;
}
.atop12 ul li a{
	 text-decoration: none;
	 color: #000;
	 display: block;
}
.atop12 ul li a:after {
	 content: '';
	 width: 0;
	 padding-bottom: 4px;
	 transition: all 0.3s ease;
	 border-bottom: 2px solid #8b2520;
	 display: block;
}
.atop12 ul li a:hover::after {
     width: 100%;
	 border-bottom: 2px solid #8b2520;
}
.posi100 {
    position: relative;
	z-index: 999;
    height: 520px;
}
#map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 520px;
    overflow: hidden;
}

.a2{
	margin-top: 80px;
}
.a20{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.a201{
	width: 40%;
}
.a21{
	position: relative;
	background-image: url(../images/a3.jpg);
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	height: 400px;
}
.a21 img{
	position: absolute;
	bottom: -115px;
	right: 50px;
	width: 280px;
	height: auto;
}
.a202{
	width: 53%;
}
.a22 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #4d4d4d;
	padding: 16px 0;
}
.a22 ul:nth-child(1){
	border-top: 1px solid #4d4d4d;
	padding: 15px 0;
}
.a22 ul li:nth-child(1){
	width: 30%;
	border-right: 1px solid #4d4d4d;
	padding-left: 6%;
	font-size: 18px;
}
.a22 ul li:nth-child(2){
	width: 70%;
	padding-left: 8%;
	font-family: CenturyGothicStd;
}
.a22 ul li:nth-child(2) p{
	line-height: 2;
}

.amail0 a{
	color: #fff;
	text-decoration: none;
}

.amail p{
	background-color: #8b2520;
	text-align: center;
	padding: 25px 0;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.amail p:hover{
	background-color: #4d4d4d;
	text-align: center;
	padding: 25px 0;
}
.amail p span{
	position: relative;
	top: -4px;
}

.af1{
	background-color: #252424;
	padding: 100px 0;
}
.af2 img{
	width: 250px;
	height: auto;
}
.af3{
	margin-top: 30px;
}
.af3 ul{
	display: flex;
	flex-wrap: wrap;
}
.af3 ul li{
	padding: 0 2%;
	border-right: 1px solid #fff;
}
.af3 ul li:nth-child(1){
	padding-left: 0;
}
.af3 ul li:last-child{
	border-right: none;
}
.af3 ul li a{
	color: #fff;
}

#copy{
	position: absolute;
	z-index: 9999;
	top: 170px;
	left: 40px;
	font-size: 12px;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
}
#copy2{
	position: absolute;
	z-index: 9999;
	top: 40vh;
	left: 40px;
	font-size: 12px;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
}


/******************************* contact ****************************************/



.c1{
	text-align: center;
}
.c11{
	position: relative;
	font-size: 18px;
}
.c11:after{
	position: absolute;
	top: 10px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	content: "＿";
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #8b2520;
}
.c1 img{
	margin-top: 40px;
	height: 35px;
}

.c2{
	margin-top: 80px;
	border: 1px solid #4d4d4d;
}
.c20{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid #4d4d4d;
	padding: 30px 0;
}
.c20:last-child{
	border-bottom: none;
}
.c201{
	width: 25%;
	font-size: 16px;
	padding-left: 5%;
}
.c202{
	width: 75%;
}
.c21 ul{
	display: flex;
	flex-wrap: wrap;
}
.c21 ul li{
	width: 35%;
	padding: 10px 0;
}
.c21 ul li:nth-child(2){
	margin-left: 4%;
}
.c21 ul li p{
	padding-left: 5%;
}

.c211 ul{
	display: flex;
	flex-wrap: wrap;
}
.c211 ul li{
	width: 25%;
	padding: 10px 0;
}
.c211 ul li:nth-child(2){
	margin-left: 4%;
}
.c211 ul li:nth-child(3){
	margin-left: 4%;
	text-align: center;
}
.c211 ul li:nth-child(3) a{
	text-decoration: none;
}
.c211 ul li:nth-child(3) a p{
	display: block;
	background-color: #8b2520;
	color: #fff;
	text-decoration: none;
	padding: 8px 0;
}
.c211 ul li p{
	padding-left: 5%;
}

.ctel ul{
	display: flex;
	flex-wrap: wrap;
}
.ctel ul li{
	width: 25%;
	padding: 20px 0;
}
.ctel ul li:nth-child(2){
	margin-left: 4%;
}
.ctel ul li:nth-child(3){
	margin-left: 4%;
}
.ctel ul li p{
	padding-left: 5%;
}
.c2100{
	padding: 20px 0;
	margin-right: 10%;
	background-color: #fff;
}
.ckome{
	color: #8b2520;
}
.csyou{
	font-size: 12px;
	padding-top: 10px;
}

.c22{
	margin-top: 30px;
	padding-left: 5%;
}
.c3{
	width: 500px;
	display: block;
	margin: 0 auto;
	margin-top: 100px;
}
.c3 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.c3 ul li{
	width: 45%;
}
.c3 ul li a{
	display: block;
	border: 1px solid #333;
	text-align: center;
	padding: 10px 0;
	color: #333;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.c3 ul li:nth-child(1) a:hover{
	display: block;
	border: 1px solid #333;
	background-color: #333;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}
.c3 ul li:nth-child(2) a:hover{
	display: block;
	border: 1px solid #8b2520;
	background-color: #8b2520;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}
.c1000{
	position: absolute;
	top: 280px;
	right: 0;
	width: 200px;
	height: auto;
	opacity: 0.03;
}



/******************************* flow ************************************/


.f1{
	background-color: #fff;
	padding: 80px;
}
.f11{
	position: relative;
}
.f111{
	background-image: url(../images/f4.jpg);
	background-size: cover;
	background-position: 50% 0;
	width: 50%;
	height: 400px;
}
.f112{
	position: absolute;
	top: 64px;
	right: 0;
	width: 53%;
	border: 1px solid #8b2520;
	padding: 60px 0 60px 12%;
}
.f1120{
	position: absolute;
	top: 33px;
	right: 0;
	width: 53%;
	border: 1px solid #8b2520;
	padding: 60px 0 60px 12%;
}
.f1121{
	font-size: 18px;
	font-weight: bold;
	color: #8b2520;
}
.f1121 span{
	font-size: 24px;
	padding-right: 10px;
}
.f113{
	margin-top: 20px;
}
.f1131{
	font-family: CenturyGothicStd-Bold;
	margin-bottom: 8px;
}
.f1131 img{
	width: 22px;
	height: auto;
	margin-right: 8px;
}

.f12{
	margin-top: 80px;
}


.f1111{
	background-image: url(../images/f3.jpg);
	background-size: cover;
	background-position: 50% 0;
	width: 50%;
	height: 400px;
}

.f2{
	margin-top: 100px;
}
.f21{
	text-align: center;
}
.f21 img{
	height: 35px;
	width: auto;
}
.f21 p{
	margin-top: 5px;
	font-size: 18px;
}

.f22{
	margin-top: 60px;
}
.f22 ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-family: CenturyGothicStd-Bold;
}
.f22 ul:nth-child(n+2){
	margin-top: 60px;
}
.f22 ul li{
	display: table;
}
.f22 ul li p{
	display: table-cell;
	vertical-align: middle;
}
.f22 ul li:nth-child(1){
	width: 120px;
	text-align: center;
	font-size: 40px;
	border-right: 2px solid #333; 
}
.f22 ul li:nth-child(2){
	height: 72px;
	padding-left: 40px;
	margin-left: 3px;
	border-left: 1px solid #333;
}



/****************************** faq ***************************************/


.q11 ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 2px;
	padding: 5px 0;
}
.q11 ul:nth-child(1){
	border-bottom: 2px solid #333;
}
.q11 ul:nth-child(2){
	border-top: 1px solid #333;
	padding: 15px 0;
}
.q11 ul li:nth-child(1){
	width: 8%;
}
.q11 ul li:nth-child(1) p{
	font-size: 28px;
}
.q11 ul li:nth-child(2){
	width: 92%;
}

.q2{
	margin-top: 40px;
}
.qcolor{
	color: #8b2520;
}
.qdai{
	font-size: 20px;
}
.qsyou{
	font-size: 14px;
	font-family: CenturyGothicStd-Bold;
}
.q1000{
	position: absolute;
	top: 250px;
	left: 0;
	height: 300px;
	width: auto;
	opacity: 0.05;
}
.q1001{
	position: absolute;
	bottom: 100px;
	right: 80px;
	height: 300px;
	width: auto;
	opacity: 0.05;
}



/*************************** workd *********************************/


.w10{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.w100{
	width: 70%;
}
.w101{
	width: 20%;
}

.w2 ul{
	display: flex;
	flex-wrap: wrap;
}
.w2 ul li{
	width: 50%;
	padding: 0 3%;
}
.w2 ul li a{
	color: #333;
	text-decoration: none;
}
.w2 ul li:nth-child(n+3){
	margin-top: 60px;
}
.w2 ul li img{
	width: 100%;
	height: auto;
}
.w211{
	font-weight: bold;
	margin: 15px 0 10px 0;
}
.w210{
	font-weight: bold;
	margin: 15px 0 10px 0;
}
.whan{
	font-weight: bold;
	margin: 15px 0 10px 0;
}
.wten{
	font-weight: bold;
	margin: 15px 0 10px 0;
}
.wsono{
	font-weight: bold;
	margin: 15px 0 10px 0;
}
.w2111{
	font-weight: bold;
	margin: 15px 0 10px 0;
}
.w211 span{
	background-color: #f19149;
	color: #fff;
	padding: 5px 15px;
	font-family: CenturyGothicStd-Bold;
	font-size: 12px;
	margin-right: 10px;
	font-weight: normal;
}
.w210 span{
	background-color: #556fb5;
	color: #fff;
	padding: 5px 15px;
	font-family: CenturyGothicStd-Bold;
	font-size: 12px;
	margin-right: 10px;
	font-weight: normal;
}
.whan span{
	background-color: #8b2520;
	color: #fff;
	padding: 5px 15px;
	font-family: CenturyGothicStd-Bold;
	font-size: 12px;
	margin-right: 10px;
	font-weight: normal;
}
.wsono span{
	background-color: #434343;
	color: #fff;
	padding: 5px 15px;
	font-family: CenturyGothicStd-Bold;
	font-size: 12px;
	margin-right: 10px;
	font-weight: normal;
}
.wten span{
	background-color: #FF3636;
	color: #fff;
	padding: 5px 15px;
	font-family: CenturyGothicStd-Bold;
	font-size: 12px;
	margin-right: 10px;
	font-weight: normal;
}
.w2111 span{
	background-color: #448aca;
	color: #fff;
	padding: 5px 15px;
	font-family: CenturyGothicStd-Bold;
	font-size: 12px;
	margin-right: 10px;
	font-weight: normal;
}
.w212{
	font-family: CenturyGothicStd-Bold;
}

.bnarabi{
	margin-top: 60px;
}
.bnarabi ul{
	display: flex;
	flex-wrap: wrap;
	font-family: CenturyGothicStd-Bold;
}
.bnarabi ul li{
	padding: 0 2px;
}
.bnarabi ul li a{
	text-decoration: none;
}
.bnarabi1{
	border: 1px solid #333;
	padding: 0 8px;
	color: #333;
	font-weight: bold;
-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.bnarabi1:hover{
	border: 1px solid #8b2520;
	background-color: #8b2520;
	padding: 0 8px;
	color: #fff;
}
.w1000{
	position: absolute;
	top: 480px;
	left: 0;
	height: 300px;
	width: auto;
	opacity: 0.05;
}
.w1001{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 300px;
	width: auto;
	opacity: 0.05;
}
.w121{
	border-bottom: 2px solid #333;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
}
.w13{
	border-top: 1px solid #333;
	margin-top: 3px;
	padding-top: 15px;
	font-size: 16px;
}
.w131{
	margin-bottom: 10px;
	font-family: CenturyGothicStd-Bold;
}
.w131 a{
	text-decoration: none;
	color: #333;
	padding: 5px 15px;
}
.w131 a:hover{
	background-color: #362e2b;
	color: #fff;
	padding: 5px 15px;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}




/***************************** repair ********************************/


.r1{
	position: relative;
}
.r11{
	position: relative;
	z-index: 999;
	float: right;
	width: 45%;
}
.r111{
	background-image: url(../images/r3.jpg);
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: 380px;
}
.r12{
	position: absolute;
	top: 80px;
	width: 70%;
	background-color: #fff;
	padding: 100px 0;
	padding-left: 8%;
}
.r121{
	font-size: 20px;
	padding-bottom: 15px;
}
.r122{
	font-family: CenturyGothicStd;
}

.r2{
	position: relative;
	margin-top: 180px;
}
.r21{
	position: relative;
	z-index: 999;
	width: 45%;
}
.r211{
	background-image: url(../images/r4.jpg);
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: 380px;
}
.r22{
	position: absolute;
	top: 80px;
	right: 0;
	width: 70%;
	background-color: #fff;
	padding: 100px 0;
	padding-left: 20%;
}
.r221{
	font-size: 20px;
	padding-bottom: 15px;
}
.r222{
	font-family: CenturyGothicStd;
}
.r1000{
	position: absolute;
	top: 200px;
	left: 120px;
	height: 300px;
	width: auto;
	opacity: 0.05;
}
.r1001{
	position: absolute;
	top: 750px;
	right: 80px;
	height: 300px;
	width: auto;
	opacity: 0.05;
}
.r1002{
	position: absolute;
	bottom: 0;
	left: 80px;
	height: 300px;
	width: auto;
	opacity: 0.05;
}

.r3{
	margin-top: 200px;
}
.r31{
	text-align: center;
}
.r31 img{
	height: 40px;
	width: auto;
}
.r31 p{
	padding-top: 8px;
	font-size: 18px;
	font-family: CenturyGothicStd;
}

.r32{
	margin-top: 80px;
}
.r32 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.r32 ul li{
	width: 30%;
}
.r321{
	text-align: center;
}
.r321 img{
	width: 250px;
	height: auto;
}
.r3211{
	font-size: 20px;
	padding: 10px 0 0 0;
	color: #8b2520;
}
.r3212{
	font-family: CenturyGothicStd;
}
.r33{
	width: 600px;
	display: block;
	margin: 0 auto;
	margin-top: 100px;
}
.r33 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.r33 ul li{
	width: 46%;
}
.r33 ul li a{
	color: #333;
	text-decoration: none;
}
.r331 p{
	position: relative;
	border: 1px solid #333;
	padding: 12px 0;
	text-align: center;
	font-family: CenturyGothicStd;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.r331 p:before{
	content: "";
	position: absolute;
	top: 25px;
	right: 35px;
	border-bottom: 1px solid #333;
	width: 45px;
	height: 1px;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.r331 p:hover:before{
	content: "";
	position: absolute;
	top: 25px;
	right: 30px;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 55px;
	height: 1px;
}
.r331 p:after {
    content: "＼";
    position: absolute;
    top: 8px;
    right: 22px;
    width: 35px;
    height: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.r331 p:hover:after{
	content: "＼";
	position: absolute;
	top: 8px;
	right: 17px;
	width: 35px;
	height: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.r331 p:hover{
	border: 1px solid #333;
	background-color: #333;
	color: #fff;
	padding: 12px 0;
}

.r332 p{
	position: relative;
	border: 1px solid #333;
	padding: 12px 0;
	text-align: center;
	font-family: CenturyGothicStd;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.r332 p:before{
	content: "";
	position: absolute;
	top: 25px;
	right: 35px;
	border-bottom: 1px solid #333;
	width: 45px;
	height: 1px;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.r332 p:hover:before{
	content: "";
	position: absolute;
	top: 25px;
	right: 30px;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 55px;
	height: 1px;
}
.r332 p:after{
	content: "＼";
	position: absolute;
	top: 8px;
	right: 22px;
	width: 35px;
	height: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.r332 p:hover:after{
	content: "＼";
	position: absolute;
	top: 8px;
	right: 17px;
	width: 35px;
	height: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.r332 p:hover{
	border: 1px solid #8b2520;
	background-color: #8b2520;
	color: #fff;
	padding: 12px 0;
}



/*************************** feature ********************************/


.e1{
	position: relative;
	padding-bottom: 22%;
}
.e11{
	float: right;
	background-image: url(../images/e11.jpg);
	background-size: cover;
	background-position: 50%;
	width: 80%;
	height: 400px;
}
.e111{
	position: relative;
	top: -40px;
}
.e1112{
	font-size: 24px;
}
.e1113{
	margin-top: 20px;
}
.e1000{
	position: absolute;
	bottom: 0;
	width: 100%;
	opacity: 0.1;
}

.e2{
	background-color: #fff;
}
.e211{
	background-image: url(../images/e12.jpg);
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	height: 350px;
}
.e21 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.e21 ul li:nth-child(1){
	width: 45%;
	position: relative;
	top: -75px;
}
.e21 ul li:nth-child(2){
	width: 50%;
}

.e3{
	margin-top: 100px;
}

.ejunbi{
	text-align: center;
	padding: 100px 0;
	font-size: 30px;
}




/*************************** price ************************************/


.p0{
	text-align: center;
	margin-bottom: 80px;
	font-family: CenturyGothicStd;
}
.p11{
	background-color: #fff;
	padding: 80px 8%;
}
.p100{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.p101{
	width: 25%;
}
.p102{
	width: 65%;
}
.p111{
	position: relative;
	color: #8b2520;
	text-align: center;
	padding: 80px 0;
}
.p111:before{
	position: absolute;
	top: 5px;
	left: -5px;
	content: "";
	border: 2px solid #8b2520;
	width: 100%;
	height: 100%;
}
.p111:after{
	position: absolute;
	content: "";
	border: 1px solid #8b2520;
	width: 100%;
	height: 100%;
	top: -5px;
	left: 5px;
}
.p1111{
	position: relative;
	top: -10px;
	font-size: 40px;
	font-family: CenturyGothicStd;
}
.p1112{
	position: relative;
	top: -10px;
	font-size: 16px;
}
.p1121{
	font-size: 22px;
}
.p1121 span{
	color: #8b2520;
	font-size: 30px;
	font-weight: bold;
	padding-left: 30px;
}
.p1122{
	margin-top: 20px;
}
.p12 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.p12{
	position: relative;
	margin-top: 40px;
}
.p12 ul li{
	width: 40%;
}
.p121 img{
	width: 100%;
	height: auto;
}
.p122 img{
	width: 100%;
	height: auto;
}
.p1200{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	width: 35px;
	height: auto;
}
.p1201{
	display: none;
}

.p110{
	padding: 80px 8%;
}
.p1120{
	color: #8b2520;
	font-size: 20px;
}























@media only screen and (min-width:1700px) {

}


@media only screen and (max-width:1699px) {

}


@media only screen and (max-width:1600px) {
	
.ititle1{
	position: absolute;
	top: 0!important;
	right: 0;
	bottom: 50px;
	left: 0;
	margin: auto auto;
	width: auto;
	height: 76.5px;
	opacity: 0.7;
}
.ititle2{
	position: absolute;
	top: 150px!important;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	width: auto;
	height: 76.5px;
	opacity: 0.7;
}
	
	
	
	
	
	
	
.atop11{
	width: 30%;
}
.atop11 img{
	width: 250px;
	height: auto;
}
.atop12{
	width: 70%;
	text-align: center;
}
}


@media only screen and (max-width:1440px) {
.atop11{
	width: 20%;
}
.atop11 img{
	width: 200px;
	height: auto;
}
.atop12{
	width: 80%;
	text-align: center;
}
}


@media only screen and (max-width:1287px) {
	
.f111 {
    background-image: url(../images/f4.jpg);
    background-size: cover;
    background-position: 50% 0;
    width: 100%;
    height: 400px;
}	
	
.f112 {
    position: static;
    width: 100%;
    border: 1px solid #8b2520;
    padding: 60px 0 60px 12%;
}
.f111 {
    background-image: url(../images/f4.jpg);
    background-size: cover;
    background-position: 50% 0;
    width: 100%;
    height: 350px;
}
	
.f1111 {
    background-image: url(../images/f3.jpg);
    background-size: cover;
    background-position: 50% 0;
    width: 100%;
    height: 350px;
}
.f1120 {
    position: static;
    width: 100%;
    border: 1px solid #8b2520;
    padding: 60px 0 60px 12%;
}

}


@media only screen and (max-width:1200px) {
.atop12 {
    display: none;
}
	
.r11 {
    position: static;
    z-index: 999;
    float: none;
    width: 100%;
}
.r111 {
    background-image: url(../images/r3.jpg);
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 300px;
}
.r12 {
    position: static;
    top: 80px;
    width: 100%;
    background-color: #fff;
    padding: 60px 5%;
}
	
.r2 {
    position: relative;
    margin-top: 0;
}
.r211 {
    background-image: url(../images/r4.jpg);
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 300px;
}
.r21 {
    position: static;
    z-index: 999;
    width: 100%;
}
.r22 {
    position: static;
    width: 100%;
    background-color: #fff;
    padding: 60px 5%;
}
.r3 {
    margin-top: 100px;
}
.ititle1{
	position: absolute;
	top: 0!important;
	right: 0;
	bottom: 50px;
	left: 0;
	margin: auto auto;
	width: auto;
	height: 70px!important;
	opacity: 0.7;
}
.ititle2{
	position: absolute;
	top: 140px!important;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	width: auto;
	height: 70px!important;
	opacity: 0.7;
}
	
	
	
	
	
	
}

@media only screen and (max-width:1100px) {
	
.c201 {
    width: 100%;
    font-size: 16px;
    padding-left: 5%;
}
.c21 ul li:nth-child(1) {
    width: 35%;
    background-color: #fff;
    padding: 10px 0;
	margin-left: 7%;
	margin-top: 10px;
}
.c21 ul li:nth-child(2) {
    width: 35%;
    background-color: #fff;
    padding: 10px 0;
	margin-top: 10px;
}
.c211 ul li:nth-child(1) {
    width: 25%;
    background-color: #fff;
    padding: 10px 0;
	margin-left: 7%;
	margin-top: 10px;
}
.c211 ul li:nth-child(2) {
    width: 25%;
    background-color: #fff;
    padding: 10px 0;
	margin-top: 10px;
}
.c2100 {
    padding: 20px 0;
    margin: 0 7%;
    background-color: #fff;
	margin-top: 10px;
}
.ctel ul {
    display: flex;
    flex-wrap: wrap;
	padding-left: 7%;
	margin-top: 10px;
}
.csyou {
    font-size: 12px;
    padding-top: 10px;
	padding-left: 7%;
}

	
	

}


@media only screen and (max-width:1024px) {

#cy_header {
    position: relative;
    z-index: 999;
    padding-left: 0;
}
	.atop11{
		padding-left: 3%;
	}
.af1 {
    background-color: #252424;
    padding: 100px 0 40px 0;
}
#copy {
    position: static;
	color: #fff;
    font-size: 12px;
	text-align: center;
	margin-top: 60px;
    writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
}
#copy2 {
    position: static;
	color: #fff;
    font-size: 12px;
	text-align: center;
	margin-top: 60px;
    writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
}
.all {
    position: relative;
    top: -80px;
    margin-bottom: -80px;
    background-image: url(../images/aback1.jpg);
    background-repeat: repeat-y;
    background-size: contain;
    padding: 150px 0;
}
.a2 {
    margin-top: 40px;
}
.a21 img {
    display: none;
}
.a201 {
    width: 100%;
}
.a202{
	width: 100%;
	margin-top: 40px;
}
.w1000 {
    display: none;
}
.w100 {
    width: 100%;
}
.w101 {
    width: 100%;
	margin-top: 60px;
}
.w2 ul li {
    width: 48%;
}
.q11 ul li:nth-child(1){
	width: 15%;
}
.q11 ul li:nth-child(2){
	width: 85%;
}
.p101 {
    width: 100%;
}
.p102 {
    width: 100%;
	margin-top: 40px;
}
.p111 {
    width: 300px;
	display: block;
	margin: 0 auto;
}
.r32 ul li:nth-child(1) {
    width: 100%;
}
.r32 ul li:nth-child(n+2) {
	margin-top: 20px;
    width: 50%;
}
.e11 {
    float: right;
    background-image: url(../images/e11.jpg);
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 400px;
}
.e111 {
    position: relative;
    top: 0;
	margin-top: 20px;
}
	.e2{
		padding: 60px 3%;
	}
.e21 ul li:nth-child(1) {
    width: 100%;
    position: static;
}
.e21 ul li:nth-child(2) {
	margin-top: 20px;
    width: 100%;
}
	
	
.iback1 {
    position: relative;
    background-color: #fff;
    padding: 60px 5% 50px;
}
.i11 ul li {
    width: 100%;
}
.i11 ul li:nth-child(2) {
    margin-top: 40px;
}
.i111 {
    background-image: url(../images/i3.jpg);
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 300px;
}
.i112 {
    position: static;
}
.i113 {
    background-color: #fff;
    padding: 20px 0;
    margin-top: 20px;
}
	
.i2 {
    margin-top: 40px;
}
.i2 ul{
	flex-direction: column-reverse;
}
.i2 ul li:nth-child(1) {
    width: 100%;
	margin-top: 40px;
}
.i2 ul li:nth-child(2) {
    width: 100%;
}
.i22 {
    position: static;
    background-image: url(../images/i4.jpg);
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 300px;
}
.i3 {
    position: static;
    background-color: #fff;
    padding: 60px 0 0 0;
}
.i3 ul li {
    width: 100%;
}
.i31 {
    display: table;
    padding-left: 0;
	margin: 0 auto;
}
.i313 {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
	text-align: center;
}
.i3 ul li:nth-child(n+2){
	margin-top: 30px;
}
.i4 {
    margin: 60px 0;
}
.i41 {
    position: relative;
    background-color: #fff;
	padding: 20px 0 60px 0;
}
.i42 {
    position: static;
}
.i4201 {
    width: 100%;
}
.i4202 {
    width: 100%;
	margin-top: 20px;
}
.i45 {
    position: static;
    top: 0;
    display: block;
    margin: 0 auto;
	margin-top: 40px;
}
.i50 {
    margin: 80px 0 60px 0;
}
.i51 ul li {
    width: 50%;
    padding: 0 2%;
}
.i51 ul li:nth-child(n+3) {
    margin-top: 60px;
}
.i6 {
    position: static;
    float: none;
    width: 97%;
	display: block;
	margin: 0 auto;
	margin-top: 60px;
}
.i7 {
    position: relative;
    background-color: #fff;
    padding: 150px 8%;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
    margin: 0;
}


	
	
}


@media only screen and (max-width:900px) {
#topcontrol {
    background-color: #252424;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #FFF;
    font-size: 40px;
    line-height: 0;
    padding: 15px 22px 17px;
    z-index: 999;
    bottom: 170px!important;
    right: 5%!important;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.f22 ul li:nth-child(1) {
    width: 100%;
    text-align: center;
    font-size: 40px;
    border-right: none;
    border-bottom: 2px solid #333;
	padding-bottom: 5px;
}	
.f22 ul li:nth-child(2) {
    width: 100%;
	height: auto;
	padding-top: 20px;
    padding-left: 0;
	margin-top: 3px;
    margin-left: 3px;
    border-left: none;
    border-top: 1px solid #333;
}
.ititle1 {
    position: absolute;
    top: 0%!important;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
    width: 90%!important;
    height: auto!important;
    opacity: 0.7;
}
.ititle2 {
    position: absolute;
    top: 24%!important;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
    width: 50%!important;
    height: auto!important;
    opacity: 0.7;
}
	
	
	
}


@media only screen and (max-width:800px) {
#topcontrol {
    background-color: #252424;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #FFF;
    font-size: 40px;
    line-height: 0;
    padding: 15px 22px 17px;
    z-index: 999;
    bottom: 180px!important;
    right: 5%!important;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#topcontrol:hover{
    background-color: #ffff;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #252424;
    font-size: 40px;
    line-height: 0;
    padding: 15px 22px 17px;
    z-index: 999;
    bottom: 180px!important;
    right: 5%!important;
}
.af3 ul li {
    padding: 0;
    border-right: none;
    width: 25%;
}
.af3 ul li:nth-child(n+5) {
    padding-top: 10px;
}
.f1 {
    background-color: #fff;
    padding: 40px 5%;
}

}


@media only screen and (max-width:740px) {
.i6 {
    position: static;
    float: none;
    width: 94%;
	display: block;
	margin: 0 auto;
	margin-top: 60px;
}
}


@media only screen and (max-width:648px) {
.block648{
	display: block;
}
.none648{
	display: none;
}
.a22 ul li:nth-child(1) {
    width: 100%;
    border-right: none;
    padding-left: 5%;
    font-size: 18px;
}
.a22 ul li:nth-child(2) {
    width: 100%;
    padding-left: 5%;
	margin-top: 10px;
    font-family: CenturyGothicStd;
}
.f112 {
    position: static;
    width: 100%;
    border: none; 
    padding: 20px 2%;
}
.f1120 {
    position: static;
    width: 100%;
    border: none;
    padding: 20px 2%;
}
.f2 {
    margin-top: 60px;
}
.r32 {
    margin-top: 60px;
}
.r32 ul li:nth-child(n+2) {
    margin-top: 40px;
    width: 100%;
}
.r3211 {
    font-size: 18px;
    padding: 10px 0 0 0;
    color: #8b2520;
}
.r33 {
    width: 250px;
    display: block;
    margin: 0 auto;
    margin-top: 60px;
}
.r33 ul li {
    width: 100%;
}
.r33 ul li:nth-child(2){
	margin-top: 20px;
}
.i121 p:after{
	content: "＼";
	position: absolute;
	top: 9px;
	right: 22px;
	width: 35px;
	height: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.i121 p:hover:after{
	content: "＼";
	position: absolute;
	top: 9px;
	right: 12px;
	width: 35px;
	height: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.i421 {
    position: relative;
    background-color: #8b2520;
    color: #fff;
    padding: 40px 0;
    text-align: center;
}
.i423 {
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}
.i424 {
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}
.i421:before {
    display: none;
}
.i43:before {
    display: none;
}
.i7 {
    position: relative;
    background-color: #fff;
    padding: 70px 8%;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
}
.c21 ul li:nth-child(1) {
    width: 40%;
    background-color: #fff;
    padding: 10px 0;
    margin-left: 5%;
    margin-top: 10px;
}	
.c21 ul li:nth-child(2) {
    width: 40%;
    background-color: #fff;
    padding: 10px 0;
    margin-top: 10px;
}
.c202 {
    width: 100%;
}
.c211 ul {
    display: flex;
    flex-wrap: wrap;
	margin-top: 10px;
}
.c211 ul li:nth-child(3){
	order: -1;
}
.c2100 {
    padding: 20px 0;
    margin: 0 5%;
    background-color: #fff;
    margin-top: 10px;
}
.ctel ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 5%;
    margin-top: 10px;
}
	
.c3 {
    width: 280px;
    display: block;
    margin: 0 auto;
    margin-top: 60px;
}
.c3 ul li {
    width: 100%;
}
.c3 ul li:nth-child(2) {
    margin-top: 20px;
}

	
	
	
	
}


@media only screen and (max-width:480px) {
.block480{
	display: block;
}
.none480{
	display: none;
}
.atop1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}
.atop2, .ctop2, .ftop2, .qtop2, .wtop2, .rtop2, .etop2, .ptop2 {
    position: relative;
    background-size: cover;
    background-position: 50% 0;
    width: 100%;
    height: 350px;
}
.atop21 {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    color: #333;
    width: 100%;
    padding: 30px 0;
    text-align: center;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.atop20 {
    position: absolute;
    top: -60px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
    height: 80px!important;
    height: auto;
    opacity: 0.7;
}
.a21 {
    position: relative;
    background-image: url(../images/a3.jpg);
    background-size: cover;
    background-position: 50% 0;
    width: 100%;
    height: 250px;
}	
	
.all {
    position: relative;
    top: -80px;
    margin-bottom: -80px;
    background-image: url(../images/aback1.jpg);
    background-repeat: repeat-y;
    background-size: contain;
    padding: 130px 0 80px 0;
}
.posi100 {
    position: relative;
    height: 300px;
}
#map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.af3 ul li {
    padding: 0;
    border-right: none;
    width: 100%;
}
.af3 ul li:nth-child(n+2){
	padding-top: 10px;
}
	
#topcontrol {
    background-color: #252424;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #FFF;
    font-size: 40px;
    line-height: 0;
    padding: 15px 22px 17px;
    z-index: 999;
    bottom: 100px!important;
    right: 5%!important;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#topcontrol:hover{
    background-color: #ffff;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #252424;
    font-size: 40px;
    line-height: 0;
    padding: 15px 22px 17px;
    z-index: 999;
    bottom: 100px!important;
    right: 5%!important;
}
.af1 {
    background-color: #252424;
    padding: 60px 0 40px 0;
}
#copy {
    position: static;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 40px;
    writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
}
.w2 ul li {
    width: 100%;
}
.w2 ul li:nth-child(n+2) {
    margin-top: 20px;
}
.w1001 {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 260px;
    width: auto;
    opacity: 0.05;
}
.q11 ul{
	align-items: top!important;
}
.q11 ul li:nth-child(1) {
    width: 100%;
	text-align: center;
}
.q11 ul li:nth-child(2) {
    width: 100%;
}
.q1001 {
    position: absolute;
    bottom: 100px;
    right: 50px;
    height: 300px;
    width: auto;
    opacity: 0.05;
}
.qdai {
    font-size: 16px;
}
.q2 {
    margin-top: 20px;
}
	
.p0 {
    text-align: center;
    margin-bottom: 50px;
    font-family: CenturyGothicStd;
}
.p111 {
    width: 100%;
    display: block;
    margin: 0 auto;
	padding: 60px 0;
}
.p1121 span {
	display: block;
    color: #8b2520;
    font-size: 30px;
    font-weight: bold;
    padding-left: 0; 
}
.p12 ul li {
    width: 100%;
}
.p12 ul li:nth-child(2){
	margin-top: 80px;
}
.p1200 {
    display: none;
}
.p1201 {
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
    width: 35px;
    height: auto;
}
.p11 {
    background-color: #fff;
    padding: 60px 8%;
}
.p110 {
    padding: 60px 8%;
}
.p1100{
	padding-bottom: 0;
}
	
	
.f111 {
    background-image: url(../images/f4.jpg);
    background-size: cover;
    background-position: 50% 0;
    width: 100%;
    height: 250px;
}
.f1111 {
    background-image: url(../images/f3.jpg);
    background-size: cover;
    background-position: 50% 0;
    width: 100%;
    height: 250px;
}
	

.f1121{
	text-align: center;
}
.f1121 span {
	display: block;
    font-size: 24px;
    padding-right: 10px;
}
.f12 {
    margin-top: 20px;
}
.f22 {
    margin-top: 20px;
}
.f22 ul:nth-child(n+2) {
    margin-top: 20px;
}
.r12 {
    position: static;
    top: 80px;
    width: 100%;
    background-color: #fff;
    padding: 40px 5%;
}
.r121 {
    font-size: 18px;
    padding-bottom: 15px;
}
.r111 {
    background-image: url(../images/r3.jpg);
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 250px;
}
.r211 {
    background-image: url(../images/r4.jpg);
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 250px;
}
.r22 {
    position: static;
    width: 100%;
    background-color: #fff;
    padding: 40px 5%;
}
.e11 {
    float: right;
    background-image: url(../images/e11.jpg);
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 250px;
}
.e1112 {
    font-size: 16px;
}
.e2 {
    padding: 40px 3%;
}
.e211 {
    background-image: url(../images/e12.jpg);
    background-size: cover;
    background-position: 50% 0;
    width: 100%;
    height: 250px;
}
.e3 {
    margin-top: 60px;
}
.ejunbi {
    text-align: center;
    padding: 40px 0;
    font-size: 24px;
}
.amail p {
    background-color: #8b2520;
    text-align: center;
    padding: 18px 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.ititle1 {
    position: absolute;
    top: -20px!important;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
    width: 300px!important;
    height: auto!important;
    opacity: 0.7;
}
.ititle2 {
    position: absolute;
    top: 45px!important;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
    width: 165px!important;
    height: auto!important;
    opacity: 0.7;
}
.iback1 {
    position: relative;
    background-color: #fff;
    padding: 40px 5%;
}
.i111 {
    background-image: url(../images/i3.jpg);
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 250px;
}
.i112 img {
    height: 38px;
}
.i11 ul li:nth-child(2) {
    margin-top: 20px;
}
.i113 {
    background-color: #fff;
    padding: 0;
}
.i1131 {
    font-size: 15px;
    line-height: 1.6;
}
.i1132 {
    margin-top: 10px;
}
.i22 {
    position: static;
    background-image: url(../images/i4.jpg);
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 250px;
}
.i21 img {
    height: 38px;
    width: auto;
}
.i2 ul li:nth-child(1) {
    width: 100%;
    margin-top: 20px;
}
.i212 {
    margin-top: 20px;
}
.i12 {
    margin-top: 20px;
    width: 270px;
}
	
.i3 {
    position: static;
    background-color: #fff;
    padding: 40px 0 0 0;
}
.i312 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}
.i313 {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    text-align: left;
}
	
.i4 {
    margin: 40px 0 20px 0;
}
.i422:after {
    position: absolute;
    top: 110px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
    content: "";
    border-bottom: 1px solid #fff;
    width: 25px;
    height: 1px;
}
.i423 ul li {
    width: 100%;
	text-align: left;
}
.i423 ul li:nth-child(2) {
    padding-left: 0; 
	margin-top: 10px;
}
.i424 ul li {
    width: 100%;
	text-align: left;
}
.i424 ul li:nth-child(2) {
    padding-left: 0; 
	margin-top: 10px;
}
.i50 {
    margin: 60px 0 40px 0;
}
.i51 ul li {
    width: 100%;
    padding: 0;
}
.i51 ul li:nth-child(n+2) {
    margin-top: 20px;
}
.i12 {
    width: 270px;
	display: block;
	margin: 0 auto;
    margin-top: 40px;
}
.i61 img {
    position: relative;
    z-index: 9999;
    top: 20px;
    left: 8%;
    height: 34px;
    width: auto;
}
.i7 {
    position: relative;
    background-color: #fff;
    padding: 8%;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
}
.all2 {
    position: relative;
    top: -150px;
    margin-bottom: -150px;
    background-image: url(../images/aback1.jpg);
    background-repeat: repeat-y;
    background-size: contain;
    padding: 180px 0 80px 0;
}
	
.c1 img {
    margin-top: 40px;
    height: 24px;
}
	
.c21 ul li:nth-child(1) {
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
    margin: 0 5%;
    margin-top: 10px;
}
.c21 ul li:nth-child(2) {
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
    margin: 0 5%;
    margin-top: 10px;
}
.c211 ul li {
    width: 100%;
	margin: 0 5%;
}
.c211 ul li:nth-child(1) {
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
    margin: 0 5%;
    margin-top: 10px;
}
.c211 ul li:nth-child(2) {
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
    margin: 0 5%;
    margin-top: 10px;
}
.ctel ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
	margin: 0 5%;
    margin-top: 10px;
}
.ctel ul li {
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
	margin-left: 0!important;
	margin-top: 10px;
}
.c2 {
    margin-top: 60px;
    border: 1px solid #4d4d4d;
}
.c1000{
	display: none;
}
.w1000{
	display: none;
}
.w1001{
	display: none;
}
.r1000{
	display: none;
}
.r1001{
	display: none;
}
.r1002{
	display: none;
}
.q1000{
	display: none;
}
.q1001{
	display: none;
}
	
.r331 p:after {
    top: 10px;
}
.r332 p:after {
    top: 10px;
}
.r331 p:hover:after {
    top: 10px;
}
.r332 p:hover:after {
    top: 10px;
}
	
	
	
}


@media only screen and (max-width:370px) {

}