@charset "utf-8";



.flexslider {
	position: relative;
	width: 100%;
	height: 600px;
}

#fade1 {
	background-image: url(../images/fade.jpg);
}

#fade2 {
	background-image: url(../images/fade.jpg);
}

#fade3 {
	background-image: url(../images/fade.jpg);
}

#fade4 {
	background-image: url(../images/fade.jpg);
}



#fade1,
#fade2,
#fade3,
#fade4 {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
}


.imt1 {
	color: #fff;
	padding-top: 150px;
	padding-left: 18%;
	width: 45% !important;
}

.imt21 {
	font-size: 20px;
}

.imt22 {
	font-size: 45px;
	margin-top: -15px;
}

.ikuwa a {
	display: block;
	width: 320px;
	border: 1px solid #fff;
	margin-top: 60px;
	text-align: center;
	padding: 15px;
	color: #fff;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}

.ikuwa a:hover {
	box-shadow: 0px 0px 6px 3px #f3f3f3;
}

.ikuwa a img {
	position: relative;
	top: -2px;
	width: 15px !important;
	height: auto !important;
}

.ii1 {
	position: absolute;
	z-index: 999;
	top: 80px;
	right: 15%;
	width: 580px !important;
	height: auto;
}




.dtop1 {
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.dtoplogo {
	width: 45%;
}

.dtoptime {
	width: 55%;
}

.dtoptime ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.dtoptime ul li {
	width: 40%;
}

.dtoptime ul li:last-child {
	width: 20%;
}

.dtoptime ul li:first-child {
	width: 35%;
}

.dtoplogo {
	text-align: center;
}

.dtoplogo a {
	transition: 0.3s ease-in-out;
}

.dtoplogo a:hover {
	opacity: 0.7;
}

.dtoplogo img {
	width: 75%;
	height: auto;
}

.dtoptime1 img {
	width: 100%;
	height: auto;
}

.dtoptel1 {
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	margin-bottom: 5px;
}

.dtoptel11 {
	width: 23%;
	background-color: #333;
	color: #fff;
	text-align: center;
	letter-spacing: 0.5em;
	border-radius: 8px;
}

.dtoptel12 {
	width: 70%;
	padding-left: 3%;
}

.dtoptel img {
	width: 80%;
	height: auto;
}

.dtopmail {
	background-color: #333;
	text-align: center;
	padding: 40px 0;
}

.dtopmail a {
	transition: 0.3s ease-in-out;
}

.dtopmail a:hover {
	opacity: 0.7;
}

.dtopmail img {
	width: 90px;
	height: auto;
}

.dtopmenu {
	background-color: #eeeeee;
	padding: 20px 0;
}

.dtopmenu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.dtopmenu ul li {
	width: 16.666%;
	text-align: center;
	border-right: 1px dashed #333;
}

.dtopmenu ul li:first-child {
	border-left: 1px dashed #333;
}

.dtopmenu ul li a {
	display: block;
	color: #333;
}


.dtopmenu2 {
	background-color: #333;
	padding: 20px 0;
}

.dtopmenu2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.dtopmenu2 ul li {
	width: 25%;
	text-align: center;
	border-right: 1px dashed #fff;
}

.dtopmenu2 ul li:first-child {
	border-left: 1px dashed #fff;
}

.dtopmenu2 ul li a {
	display: block;
	color: #fff;
}



.dtop2,
.ptop2,
.ftop2,
.atop2,
.etop2,
.otop2,
.ltop2,
.ttop2,
.ctop2,
.ytop2,
.utop2,
.ntop2 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	height: 450px;
	padding-left: 20%;
	color: #fff;
	font-size: 50px;
}

.dtop2 {
	background-image: url(../images/d1.jpg);
}

.ptop2 {
	background-image: url(../images/p1.jpg);
}

.ftop2 {
	background-image: url(../images/f1.jpg);
}

.atop2 {
	background-image: url(../images/a1.jpg);
}

.etop2 {
	background-image: url(../images/e1.jpg);
}

.otop2 {
	background-image: url(../images/o1.jpg);
}

.ltop2 {
	background-image: url(../images/l1.jpg);
}

.ttop2 {
	background-image: url(../images/t1.jpg);
}

.ctop2 {
	background-image: url(../images/c1.jpg);
}

.ytop2 {
	background-image: url(../images/y1.jpg);
}

.utop2 {
	background-image: url(../images/u1.jpg);
}

.ntop2 {
	background-image: url(../images/n1.jpg);
}

.df1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 150px 0;
}

.df2 {
	width: 45%;
	border-right: 1px solid #e5e5e5;
	padding-right: 5%;
}

.df3 {
	width: 50%;
}

.df3 iframe {
	width: 100%;
	height: 100%;
}

.dflogo {
	width: 80%;
	height: auto;
}

.df21 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0 20px;
}

.df21 ul li {
	width: 58%;
}

.df21 ul li:nth-child(2) {
	width: 38%;
}

.df22 img {
	width: 100%;
	height: auto;
}

.df23 a {
	display: block;
	position: relative;
}

.df23 a img {
	width: 100%;
	height: auto;
}

.df23 a .dfkuwah {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.df23 a:hover .dfkuwah {
	opacity: 1;
}

.df24 img {
	width: 100%;
	height: auto;
}

.dfac {
	margin: 20px 0;
}

.df31 img {
	width: 100%;
	height: auto;
}

.dfmenu1 {
	background-color: #f2f2f2;
	padding: 20px 0;
}

.dfmenu1 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.dfmenu1 ul li {
	width: 25%;
	text-align: center;
	border-right: 1px dashed #333;
}

.dfmenu1 ul li:first-child {
	border-left: 1px dashed #333;
}

.dfmenu1 ul li a {
	color: #333;
}

.dfmenu2 {
	background-color: #333;
	padding: 20px 0 0 0;
}

.dfmenu2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.dfmenu2 ul li {
	width: 16.666%;
	text-align: center;
	border-right: 1px dashed #fff;
}

.dfmenu2 ul li:first-child {
	border-left: 1px dashed #fff;
}

.dfmenu2 ul li a {
	color: #fff;
}

#copy {
	text-align: right;
	color: #fff;
	font-size: 10px;
	padding: 60px 0 20px;
}

#copy a {
	color: #fff;
}

.all {
	position: relative;
	padding: 150px 0 60px;
}

.all2 {
	position: relative;
	padding: 150px 0 0 0;
}

.fq {
	position: absolute;
	top: 60px;
	right: 5%;
	width: 65%;
	height: auto;
}

.fback {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.allg {
	position: relative;
	padding: 150px 0;
	background-color: #f3f3f3;
}

.ppro {
	position: absolute;
	top: 80px;
	right: 0;
	bottom: auto;
	left: 0;
	margin: 0 auto;
	width: 80%;
	height: auto;
}

.pback1 {
	position: absolute;
	top: 20%;
	right: 0;
	width: 80%;
	height: auto;
}

.pback2 {
	position: absolute;
	top: 79%;
	right: 0;
	width: 28%;
	height: auto;
}

.lback1 {
	position: absolute;
	top: 700px;
	right: 0;
	width: 40%;
	height: auto;
}

.lback2 {
	position: absolute;
	top: 2500px;
	right: 0;
	width: 60%;
	height: auto;
}


.allg2 {
	position: relative;
	padding-top: 150px;
	margin-bottom: 60px;
	background-color: #f5f5f5;
}

.allg3 {
	position: relative;
	padding: 150px 0;
	background-color: #f5f5f5;
}

.imedi {
	position: absolute;
	top: 80px;
	right: 0;
	bottom: auto;
	left: 0;
	margin: 0 auto;
	width: 80%;
	height: auto;
}




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



.i1 {
	position: relative;
	padding-bottom: 130px;
}

.ikuwa2 {
	position: absolute;
	top: 55px;
	right: 0;
}

.i11 {
	width: 65%;
}

.i12 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}

.i12 ul li {
	width: 23.5%;
}

.i12 ul li:nth-child(n+5) {
	padding-top: 20px;
}

.i12 ul li img {
	width: 100%;
	height: auto;
}

.i2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.i2 ul li {
	width: 60%;
}

.i2 ul li:nth-child(2) {
	width: 40%;
	background-color: #fff;
	padding: 150px 5% 150px 8%;
}

.i21 {
	position: relative;
	left: 60px;
}

.i21 img {
	width: 100%;
	height: auto;
}

.i221 {
	padding: 20px 0;
}

.i222 {
	text-align: right;
	font-size: 22px;
}

.ikuwa3 {
	margin-top: 80px;
}


.i3 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.i3 ul li {
	width: 40%;
}

.i3 ul li:nth-child(2) {
	width: 60%;
}

.i31 {
	background-color: #fff;
	padding: 100px 8%;
	height: 900px;
}

.i32 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 13px;
	align-items: top;
}

.i32 p {
	width: 48%;
}

.i34 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../images/iback.jpg);
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	height: 900px;
}

.i34 img {
	width: 500px;
	height: auto;
}

.i4 {
	padding: 130px 0;
}

.ikuwa4 a {
	margin: 0 auto !important;
}


.i5 {
	background-color: #fff;
	padding: 130px 0;
}

.i51 {
	position: relative;
	padding-right: 35%;
}

.iden {
	position: absolute;
	top: 20px;
	right: 0;
	width: 80%;
	height: auto;
}


.i6 ul {
	display: table;
	width: 100%;
}

.i6 ul li {
	display: table-cell;
	width: 33.333%;
}

.i6 ul li a {
	display: block;
	position: relative;
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	height: 600px;
	padding: 0 20% 60px;
	color: #fff;
	text-decoration: none;
}

.i6 ul li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.i6 ul li a:hover:before {
	opacity: 1;
}

.i6 ul li:nth-child(1) a {
	background-image: url(../images/i31.jpg);
}

.i6 ul li:nth-child(2) a {
	background-image: url(../images/i32.jpg);
}

.i6 ul li:nth-child(3) a {
	background-image: url(../images/i33.jpg);
}

.i61 {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	width: 75%;
	height: 220px;
}

.i612 {
	font-size: 24px;
	padding: 10px 0;
}

.iire {
	font-size: 30px !important;
}




/*********************************** deduction ***************************************/



.d1 {
	position: relative;
	background-color: #f3f3f3;
	padding: 180px 0 0 0;
}

.dall {
	position: relative;
}

.dmedi {
	position: absolute;
	top: 80px;
	right: 0;
	bottom: 0;
	left: auto;
	margin: 0 auto;
	width: 95%;
	height: auto;
}

.d21 {
	font-size: 36px;
}


.d3 {
	display: table;
	width: 100%;
	margin-top: 60px;
}

.d31 {
	display: table-cell;
	width: 70px;
	height: 300px;
	background-color: #14398c;
	color: #fff;
	vertical-align: middle;
}

.d311 {
	position: relative;
	left: 17px;
	font-size: 20px;
	text-align: center;
	height: 300px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.d32 {
	display: table-cell;
	vertical-align: middle;
	background-color: #fff;
	padding: 60px 5%;
}

.d33 {
	display: table;
	width: 100%;
	border-bottom: 2px dashed #eeeeee;
}

.d331 {
	display: table-cell;
	width: 45px;
	font-size: 35px;
	color: #c23344;
}

.d332 {
	font-size: 20px;
}

.d34 {
	padding-top: 10px;
}

.d41 {
	background-color: #fff;
	padding: 60px 6%;
	margin-top: 60px;
}

.d42 {
	text-align: center;
	color: #c23344;
	font-size: 26px;
	padding-bottom: 40px;
}

.d43 {
	display: table;
	width: 100%;
	font-size: 26px;
}

.d431 {
	display: table-cell;
	width: 40px;
	color: #c23344;
}

.d44 {
	padding: 10px 0 20px 40px;
}

.d4all {
	background-image: url(../images/dback2.png);
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	padding: 200px 0;
	margin-top: -70px;
}

.d51 {
	padding: 100px 0 40px;
}

.d511 {
	font-size: 35px;
	border-bottom: 2px solid #333;
}

.d512 {
	padding-top: 40px;
}

.d6 {
	background-image: url(../images/dback.png);
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	padding: 80px 8%;
}

.d62 {
	font-size: 30px;
	color: #14398c;
}

.d63 ul {
	padding: 40px 40px 40px 20px;
	display: table;
	width: 100%;
	border: 1px solid #14398c;
	background-color: #fff;
	margin-top: 40px;
}

.d63 ul li:nth-child(1) {
	display: table-cell;
	width: 80px;
}

.d63 ul li:nth-child(2) {
	display: table-cell;
	vertical-align: middle;
}

.d631 {
	font-family: cs;
	font-size: 24px;
	color: #14398c;
	text-align: center;
	height: 180px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}



/*************************** production ****************************/


.p1 {
	position: relative;
	font-size: 30px;
	padding-bottom: 60px;
}

.p2 {
	position: relative;
	background-color: #fff;
	padding: 60px;
}

.p21 {
	font-size: 18px;
	border-bottom: 2px solid #14398c;
	padding-bottom: 10px;
	color: #14398c;
}

.p211 {
	font-size: 25px;
}

.p22 {
	padding-top: 40px;
}

.psheip {
	position: relative;
	padding: 20px 0;
	padding-left: 15%;
}

.psheip img {
	width: 60px;
	height: auto;
}



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


.f1 {
	font-size: 30px;
	border-bottom: 2px solid #333;
}

.f21 {
	position: relative;
	background-color: #f3f3f3;
	padding: 50px 60px;
	margin-top: 40px;
}

.f21 ul {
	display: table;
	width: 100%;
}

.f21 ul:nth-child(1) {
	border-bottom: 1px solid #14398c;
	margin-bottom: 15px;
}

.f21 ul li:nth-child(1) {
	display: table-cell;
	width: 50px;
	padding-right: 20px;
}

.f22 {
	font-size: 40px;
	color: #14398c;
}

.f23 {
	font-size: 26px;
	color: #14398c;
}

.f24 {
	font-size: 40px;
	color: #c23344;
}

.f25 {
	font-size: 18px;
}




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


.a1 {
	position: relative;
	text-align: center;
}

.a1left {
	text-align: left;
}

.a11 {
	text-decoration: underline;
	font-size: 18px;
}

.img100 {
	width: 100%;
	height: auto;
}

.img100 img {
	width: 100%;
	height: auto;
}

.a12 {
	font-size: 33px;
	padding-top: 22px;
	font-weight: bold;
}

.a2 {
	padding-top: 80px;
}

.a2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.a2 ul li {
	width: 35%;
}

.a2 ul li:nth-child(2) {
	width: 65%;
}

.a21 {
	background-color: #fff;
	padding: 100px 12%;
}

.a22 {
	font-size: 30px;
}

.a23 {
	padding: 20px 0;
}

.a24 img {
	width: 320px;
	height: auto;
	margin-top: 5px;
}

.a25 img {
	width: 100%;
	height: auto;
}

.a3 {
	position: relative;
	padding: 100px 0 260px;
}

.atime {
	position: relative;
	max-width: 650px;
	width: 94%;
	display: block;
	margin: 0 auto;
}

.aap {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80%;
	height: auto;
}

.amap iframe {
	width: 100%;
	height: 500px;
}



/******************************* fee **********************************/


.e1 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

.e1 ul li {
	width: 70%;
}

.e1 ul li:nth-child(2) {
	width: 30%;
}

.e11 {
	background-image: url(../images/eback.png);
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	padding: 20px 40px;
	font-size: 30px;
	font-weight: bold;
}

.e12 img {
	box-shadow: 0px 0px 6px 3px #f3f3f3;
	width: 100%;
	height: auto;
}

.e2 {
	padding-top: 60px;
}

.e21 {
	font-size: 30px;
	color: #14398c;
	border-bottom: 1px solid #14398c;
	padding-left: 10px;
}

.tbl-r04 {
	width: 100%;
	margin-top: 20px;
}

.tbl-r04 th {
	background: #f9f9f9;
	border: solid 1px #ccc;
	padding: 20px;
	width: 50%;
	font-size: 18px;
	font-weight: bold;
}

.tbl-r04 td {
	border: solid 1px #ccc;
	padding: 20px;
	width: 50%;
	font-size: 20px;
}

.e3 {
	padding-top: 100px;
}

.e4 {
	background-image: url(../images/eback.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	height: 420px;
	margin-top: 200px;
}



/******************************* doctor *********************************/



.o1 {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 100px;
}

.o1:before {
	content: "";
	position: absolute;
	top: -30px;
	right: 0;
	width: 90%;
	height: 980px;
	background-color: #fcfcfc;
}

.o11 {
	position: relative;
	width: 50%;
}

.o12 {
	position: relative;
	top: 50px;
	width: 50%;
	background-color: #fff;
	box-shadow: 10px 10px 10px 4px #f0f0f0;
	padding: 230px 5%;
}

.o11 img {
	width: 100%;
	height: auto;
}

.o2 {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding-top: 130px;
}

.o21 {
	width: 50%;
	padding: 2%;
}

.o211 {
	font-size: 30px;
	border-bottom: 1px solid #14398c;
	color: #14398c;
}

.o22 {
	padding-top: 30px;
}

.o22 ul {
	display: flex;
	flex-wrap: wrap;
}

.o22 ul li:nth-child(1) {
	width: 200px;
}

.o23 {
	padding-top: 30px;
}

.o23 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.osyo {
	padding-top: 40px;
}

.o24 {
	padding-top: 30px;
}

.otoshi {
	text-align: center;
	padding-top: 30px;
}

.otoshi img {
	width: 85%;
	height: auto;
}

.osta {
	background-image: url(../images/oback.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	height: 420px;
}

.o131 {
	font-size: 26px;
}

.o132 {
	font-size: 35px;
	margin-top: -10px;
}

.o132span {
	border-bottom: 1px solid #333;
}

.o14 {
	padding-top: 40px;
}

.o141 {
	font-size: 20px;
}



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


.l1 {
	padding-top: 100px;
}

.l1 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.l1 ul:nth-child(n+2) {
	padding-top: 40px;
}

.l1 ul li {
	width: 33%;
}

.l1 ul li:nth-child(2) {
	width: 62%;
	padding-top: 30px;
}

.l11 img {
	width: 100%;
	height: auto;
}

.l121 {
	font-size: 18px;
	color: #14398c;
	border-bottom: 1px solid #14398c;
	padding-bottom: 5px;

}

.l121span {
	font-size: 25px;
	padding-left: 20px;
}

.l122 {
	padding-top: 30px;
}

.l2 {
	background-color: #fff;
	padding: 100px 12%;
	margin: 80px 0;
}

.l21 {
	font-size: 35px;
	text-align: center;
}

.l3 {
	padding-top: 0;
}

.lkuwa a {
	position: relative;
	display: block;
	margin: 0 0 0 auto;
	margin-top: 30px;
	width: 280px;
}

.lkuwa {
	width: 100%;
	height: auto;
}

.lkuwa a .lkuwah {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	transition: 0.3s ease-in-out;
}

.lkuwa a:hover .lkuwah {
	opacity: 1;
}



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




.t1 {
	position: relative;
	padding: 100px 0 180px;
}

.tmedi {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 90%;
	height: auto;
}

.trela {
	position: relative;
}

.t2 {
	position: relative;
	background-color: #eeeeee;
	padding: 130px 0 200px;
	margin-top: -7px;
}

.tback {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 85%;
	height: auto;
}

.t21 ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.t21 ul li {
	width: 43%;
}

.t21 ul li:nth-child(n+3) {
	padding-top: 100px;
}

.t21 ul li img {
	width: 100%;
	height: auto;
}

.t221 {
	position: relative;
	font-size: 20px;
}

.t221span {
	font-size: 30px;
}

.t222 {
	position: relative;
	padding: 20px 0;
	min-height: 160px;
}

.tct {
	min-height: 201px;
}




/************************************** facility ************************************/





.c1 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 100px;
}

.c1 ul li {
	width: 45%;
}

.c1 ul li:nth-child(n+3) {
	padding-top: 100px;
}

.c1 ul li img {
	width: 100%;
	height: auto;
}

.c12 {
	padding-top: 20px;
}

.c121 {
	font-size: 35px;
	font-weight: bold;
	padding-bottom: 10px;
}




/************************************** type **************************************/





.y1 ul {
	position: relative;
	z-index: 999;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.y1 ul li {
	width: 23%;
}

.y1 ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.y1 ul li a .y11,
.y1 ul li a .y12,
.y1 ul li a .y13,
.y1 ul li a .y14,
.y1 ul li a .u11,
.y1 ul li a .u12,
.y1 ul li a .u13,
.y1 ul li a .uu23,
.y1 ul li a .uu24,
.y1 ul li a .uu25,
.y1 ul li a .uu26,
.y1 ul li a .uu27,
.y1 ul li a .uu28 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: 220px;
	box-shadow: 0px 0px 6px 3px #eeeeee;
}

.y1 ul li a .y11 {
	background-image: url(../images/y11.jpg);
}

.y1 ul li a .y12 {
	background-image: url(../images/y12.jpg);
}

.y1 ul li a .y13 {
	background-image: url(../images/y13.jpg);
}

.y1 ul li a .y14 {
	background-image: url(../images/y14.jpg);
}

.y1 ul li a .u11 {
	background-image: url(../images/u11.png);
}

.y1 ul li a .u12 {
	background-image: url(../images/u12.png);
}

.y1 ul li a .u13 {
	background-image: url(../images/u13.png);
}

.y1 ul li a .uu23 {
	background-image: url(../images/u61.png);
}

.y1 ul li a .uu24 {
	background-image: url(../images/u62.png);
}

.y1 ul li a .uu25 {
	background-image: url(../images/u63.png);
}

.y1 ul li a .uu26 {
	background-image: url(../images/u64.png);
}

.y1 ul li a .uu27 {
	background-image: url(../images/u65.png);
}

.y1 ul li a .uu28 {
	background-image: url(../images/u66.png);
}

.y1 ul li a .y11:before,
.y1 ul li a .y12:before,
.y1 ul li a .y13:before,
.y1 ul li a .y14:before,
.y1 ul li a .u11:before,
.y1 ul li a .u12:before,
.y1 ul li a .u13:before,
.y1 ul li a .uu23:before,
.y1 ul li a .uu24:before,
.y1 ul li a .uu25:before,
.y1 ul li a .uu26:before,
.y1 ul li a .uu27:before,
.y1 ul li a .uu28:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 6px solid #fff;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.2s ease-in-out;
}

.y1 ul li a:hover .y11:before,
.y1 ul li a:hover .y12:before,
.y1 ul li a:hover .y13:before,
.y1 ul li a:hover .y14:before,
.y1 ul li a:hover .u11:before,
.y1 ul li a:hover .u12:before,
.y1 ul li a:hover .u13:before,
.y1 ul li a:hover .uu23:before,
.y1 ul li a:hover .uu24:before,
.y1 ul li a:hover .uu25:before,
.y1 ul li a:hover .uu26:before,
.y1 ul li a:hover .uu27:before,
.y1 ul li a:hover .uu28:before {
	opacity: 1;
}

.y111 {
	font-size: 22px;
	text-align: center;
	line-height: 1.4;
}


.y2 {
	position: relative;
	background-color: #efefef;
	padding: 250px 0 150px;
	margin-top: -100px;
}

.yback {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 85%;
	height: auto;
}

.y21 {
	position: relative;
	padding: 40px 0 80px;
}

.y22 {
	position: relative;
	background-color: #fff;
	padding: 60px;
}

.y221 {
	font-size: 30px;
	border-bottom: 2px solid #333;
}

.y23 ul {
	display: table;
	width: 100%;
	margin-top: 40px;
}

.y23 ul li:nth-child(1) {
	display: table-cell;
	width: 60px;
	vertical-align: middle;
}

.y23 ul li:nth-child(2) {
	display: table-cell;
	width: 60%;
	vertical-align: middle;
	padding-right: 30px;
}

.y23 ul li:nth-child(3) {
	display: table-cell;
	width: 32%;
	vertical-align: middle;
}

.y26 img {
	width: 100%;
	height: auto;
}

.y24 {
	display: table-cell;
	width: 70px;
	height: 235px;
	background-color: #14398c;
	color: #fff;
	vertical-align: middle;
}

.y241 {
	position: relative;
	left: 17px;
	font-size: 22px;
	font-family: cs;
	text-align: center;
	height: 220px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.y251 {
	font-size: 26px;
	color: #14398c;
	padding-bottom: 15px;
}

.y3 {
	padding: 130px 0;
}

.y31 {
	text-decoration: underline;
	margin-bottom: 40px;
}

.y32 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.y32 ul li {
	width: 60%;
}

.y32 ul li:nth-child(2) {
	width: 35%;
}

.y34 img {
	width: 100%;
	height: auto;
}

.y331 {
	font-size: 35px;
	line-height: 1.4;
	padding-bottom: 30px;
}

.ygray {
	position: relative;
	background-color: #f3f3f3;
	padding: 130px 0 200px;
}

.yback2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 85%;
	height: auto;
}

.y41 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}

.y41 ul li {
	width: 46%;
}

.y41 ul li img {
	width: 100%;
	height: auto;
}

.y421 {
	background-color: #14398c;
	color: #fff;
	font-size: 24px;
	text-align: center;
	padding: 10px;
	margin-bottom: 30px;
}

.y44 ul li {
	margin-top: 50px;
}

.y5 {
	padding: 100px 0;
	background-color: #fff;
}

.y6 {
	background-color: #eeeeee;
	padding: 20px 0 0 0;
}

.y61 {
	position: relative;
	top: 100px;
}

.y62 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.y62 ul li {
	width: 45%;
}

.y63,
.y64,
.y92,
.y93,
.y94,
.y95 {
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	padding: 80px 8%;
	min-height: 450px;
}

.y63 {
	background-image: url(../images/y51.jpg);
}

.y64 {
	background-image: url(../images/y61.jpg);
}

.y92 {
	background-image: url(../images/y101.png);
}

.y93 {
	background-image: url(../images/y102.png);

}

.y94 {
	background-image: url(../images/y103.png);
}

.y95 {
	background-image: url(../images/y104.png);
}

.y86 {
	background-image: url(../images/y81.jpg);
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	padding: 80px 8%;
	min-height: 470px;
	color: #fff;
}

.y87 {
	background-image: url(../images/y82.jpg);
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	padding: 80px 8%;
	min-height: 470px;
	color: #fff;
}

.y631 {
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
	font-size: 16px;
}

.y632 {
	text-align: center;
	font-size: 20px;
	padding-top: 20px;
}

.y632span {
	font-size: 26px;
}

.yline {
	border-bottom: 2px solid #333;
	margin: 30px 0 20px;
}

.yline2 {
	border-bottom: 2px solid #fff;
	margin: 30px 0 20px;
}

.y65 {
	background-image: url(../images/y62.jpg);
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
	padding: 80px 8%;
	margin-top: 60px;
}

.y66 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.y66 ul li {
	width: 30%;
}

.y671 {
	font-size: 20px;
}

.y7 {
	background-color: #fff;
	padding: 200px 0 150px;
}

.yme {
	text-align: right;
}

.yme img {
	width: 88% !important;
	height: auto;
}

.y72 {
	margin-top: -50px;
	margin-bottom: 60px;
	font-size: 35px;
}

.y73 {
	font-size: 30px;
	line-height: 1.2;
}

.y731 {
	font-size: 16px;
}

.y74 ul li {
	padding-top: 50px;
}

.y8 {
	background-color: #eeeeee;
	padding: 130px 0 100px;
}

.y81 {
	text-align: center;
}

.y821 {
	font-size: 20px;
	border-bottom: 2px solid #333;
	padding-bottom: 10px;
}

.y821span {
	font-size: 35px;
}

.y831 {
	padding-top: 40px;
}

.y84 {
	margin-top: 60px;
}

.y85 {
	padding-top: 100px;
}

.y851 {
	text-align: center;
	font-size: 30px;
	padding-bottom: 80px;
}

.y88 {
	text-align: right;
}

.y88 img {
	width: 80%;
	height: auto;
}

.y91 {
	padding-top: 80px;
}

.y91 ul li {
	width: 48%;
}

.y91 ul li:nth-child(n+3) {
	padding-top: 40px;
}

.y921 {
	font-size: 22px;
	padding-top: 20px;
	text-align: center;
}



.yy1 {
	background-color: #eeeeee;
	padding: 130px 0;
}

.yy11 {
	font-size: 30px;
}

.yy12 {
	padding: 30px 0 50px;
}

.yy2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.yy2 ul li {
	width: 32%;
}

.yy211 {
	background-color: #14398c;
	text-align: center;
	padding: 15px;
	color: #fff;
	font-size: 20px;
}

.yy22 {
	background-color: #fff;
}

.yy22 img {
	width: 250px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-top: 40px;
}

.yy221 {
	padding: 40px;
	min-height: 350px;
}

.yy31 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

.yy31 ul li:nth-child(odd) {
	width: 28%;
}

.yy31 ul li:nth-child(even) {
	width: 8%;
	padding: 0 15px;
}

.yy31 ul li img {
	width: 100%;
	height: auto;
}

.yy4 {
	padding-top: 50px;
}

.yy4 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.yy4 ul li {
	padding: 0 6%;
	font-size: 20px;
}


/********************************** about **********************************/




.u1 ul li {
	width: 28%;
}

.u2all {
	position: relative;
	padding-bottom: 100px;
}

.uback {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.u21 {
	position: relative;
	margin-top: -40px;
}

.u21 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.u21 ul li {
	width: 60%;
}

.u21 ul li:nth-child(2) {
	width: 35%;
}

.u22 {
	background-color: #fff;
	padding: 80px 6%;
}

.u23 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.u23 p {
	width: 30%;
}

.u23 p:nth-child(1) {
	width: 38%;
}

.u23 p img {
	position: relative;
	top: -2px;
	width: 20px;
	height: auto;
	margin-right: 5px;
}

.u25 img {
	width: 100%;
	height: auto;
}

.u3 {
	position: relative;
	background-color: #fff;
	padding: 130px 0;
}

.u3:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-color: #f3f3f3;
}

.u3 ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.u3 ul li {
	width: 55%;
}

.u3 ul li:nth-child(2) {
	width: 40%;
}

.u3 ul li img {
	width: 100%;
	height: auto;
	box-shadow: 0px 0px 6px 3px #eeeeee;
}

.u4 {
	background-color: #fff;
}

.u4 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.u4 ul li {
	width: 40%;
}

.u4 ul li:nth-child(2) {
	width: 60%;
}

.u41 {
	padding: 0 10% 0 20%;
}

.u42 img {
	width: 100%;
	height: auto;
}

.u5 {
	display: flex;
	flex-wrap: wrap;
	padding: 130px 0;
}

.u51 {
	padding: 30px 0;
}

.u52 {
	font-size: 30px;
	color: #14398c;
	max-width: 420px;
	width: 100%;
	margin: 0 auto;
}

.u53 {
	text-align: center;
}

.u6 {
	position: relative;
	background-color: #fff;
	padding: 130px 0;
}

.uback2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	height: auto;
}

.u62 ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 35px;
}

.u62 ul li {
	width: 65%;
}

.u62 ul li:nth-child(2) {
	width: 30%;
}

.u62 ul li img {
	width: 100%;
	height: auto;
}

.u7 {
	position: relative;
	padding: 130px 0;
}

.uback3 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.u7rela {
	position: relative;
}

.uireba {
	padding-left: 0;
}

.u71 {
	padding: 40px 8% 80px;
}

.u72 {
	background-color: #fff;
	padding: 60px;
}

.u72 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.u72 ul li {
	width: 40%;
}

.u72 ul li:nth-child(2) {
	width: 55%;
}

.u74 {
	padding-top: 20px;
}

.u741 {
	font-size: 20px;
}

.u75 img {
	width: 100%;
	height: auto;
}

.u8 {
	background-color: #fff;
	padding: 130px 0;
}

.u81 {
	display: table;
	width: 100%;
	margin-top: 20px;
}

.u82 {
	display: table-cell;
	vertical-align: top;
	width: 25%;
}

.u83 {
	display: table-cell;
	width: 70%;
	padding-left: 40px;
}

.u82 ul {
	display: table;
	width: 100%;
	border: 1px solid #14398c;
	height: 580px;
}

.u82 ul li:nth-child(1) {
	display: table-cell;
	vertical-align: middle;
	width: 55px;
	border-right: 1px solid #14398c;
}

.u82 ul li:nth-child(2) {
	display: table-cell;
	vertical-align: middle;
}




.u83 ul {
	display: table;
	width: 100%;
	border: 1px solid #14398c;
	height: 580px;
}

.u83 ul li:nth-child(1) {
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	border-right: 1px solid #14398c;
}

.u83 ul li:nth-child(2) {
	display: table-cell;
	vertical-align: middle;
}

.u8211 {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: 300px;
	font-size: 18px;
	color: #14398c;
	padding-left: 12px;
}

.u8222 {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: 490px;
	font-size: 18px;
	color: #14398c;
	padding-left: 9px;
	text-align: center;
}


.u8221 {
	line-height: 2;
}

.u16 {
	position: relative;
	left: 2px;
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
	text-combine-upright: all;
}

.u822 {
	display: table;
	width: 100%;
	padding: 30px;
}

.u822 p {
	display: table-cell;
	width: 25%;
	padding: 0 2%;
}

.u84 {
	background-color: #f3f3f3;
	padding: 80px 6%;
	margin-top: 80px;
}

.u841 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 40px;
}


.u9 {
	position: relative;
	padding: 130px 0 180px;
	background-image: url(../images/uback4.png);
	background-size: cover;
	background-position: 50% 0;
	width: 100%;
}

.u91 {
	position: relative;
}

.u92 {
	position: relative;
	margin-top: 130px;
	padding: 0 5%;
}

.ujiyuu {
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	width: 650px;
	height: auto;
}

.u92 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.u92 ul li {
	position: relative;
	z-index: 999;
	width: 40%;
}

.u92 ul li:nth-child(n+3) {

	padding-top: 250px;
}

.u931 {
	font-size: 30px;
	border-bottom: 2px solid #333;
}

.u9311 {
	font-size: 30px;
	border-bottom: 2px solid #333;
	text-align: right;
}

.u932 {
	padding-right: 30%;
}

.u933 {
	padding-left: 30%;
}

.uu1 {
	background-color: #fff;
}

.uu1 ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.uu1 ul li {
	width: 55%;
}

.uu1 ul li:nth-child(2) {
	width: 45%;
}

.uu11 img {
	width: 100%;
	height: auto;
}

.uu12 {
	padding: 0 20% 0 10%;
}

.uu121 {
	font-size: 26px;
	line-height: 1.4;
	margin-bottom: 20px;
}

.uu122 {
	background-color: #f3f3f3;
	padding: 20px;
	margin-top: 20px;
}

.uu1221 {
	text-indent: -28px;
	padding-left: 28px;
}

.uu1221 img {
	width: 24px;
	height: auto;
	margin-right: 5px;
}

.uu2 {
	background-color: #fff;
	padding: 100px 0;
}


.uuden {
	padding-right: 3%;
	text-align: right;
}

.uuden img {
	width: 70%;
	padding-right: 5%;
	text-align: right;
}

.uu21 {
	font-size: 30px;
	margin-top: -50px;
}

.uu22 ul li {
	padding-top: 60px;
}

#u1 {
	padding-bottom: 0;
}

.uireba {
	padding-left: 0 !important;
}

.mtr {
	position: relative;
	top: 15px;
}

.mtr2 {
	position: relative;
	top: 5px;
}


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



.n1 {
	background-color: #fff;
	padding: 100px 10%
}

.n1 ul {
	display: table;
	width: 100%;
	border-bottom: 1px solid #333;
	padding: 30px 10px;
}

.n1 ul li:nth-child(1) {
	display: table-cell;
	vertical-align: middle;
	width: 300px;
	color: #14398c;
	font-size: 20px;
}

.n1 ul li:nth-child(2) {
	display: table-cell;
	vertical-align: middle;
}

.n11 span {
	font-size: 14px;
	color: #E50003;
}

.n12 {
	border: 1px solid #333;
	padding: 25px 20px;
}

.n13 {
	border: 1px solid #333;
	padding: 150px 20px;
}

.certification_img {
	margin-top: 30px;
}

.certification_img img {
	max-width: 100%;
	height: auto;
}

/*********************************************************/

.new_table {
	width: 100%;
}

.new_table.bg_w {
	background-color: #FFF;
	border-radius: 10px;
	overflow: hidden;
}

.new_table.bg_w tr:nth-child(1) th,
.new_table.bg_w tr:nth-child(1) td {
	padding: 15px 0;
}

.new_table.bg_w th,
.new_table.bg_w td {
	padding: 20px 0;
}


.new_table tr:nth-child(1) th,
.new_table tr:nth-child(1) td {
	background-color: #333;
	color: #FFF;
	padding: 10px 0;
}

.new_table th {
	width: 120px;
}

.new_table th,
.new_table td {
	font-size: 18px;
	padding: 15px 0;
	text-align: center;
	border: 1px solid #EEE;
}

.t_color {
	color: #333;
}

.table_flex {
	display: flex;
	flex-wrap: wrap;
}

.table_flex p {
	margin-right: 20px;
	font-size: 15px;
}

/**header**/
.h_table .new_table tr:nth-child(1) th,
.h_table .new_table tr:nth-child(1) td {
	padding: 5px 0;
}

.h_table .new_table th,
.h_table .new_table td {
	font-size: 14px;
	padding: 5px 0;
}

.h_table .table_flex p {
	font-size: 13px;
}

@media only screen and (max-width: 1024px) {
	.new_table th {
		width: 80px;
	}

	.new_table th,
	.new_table td {
		font-size: 16px;
	}

}

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

	.new_table tr:nth-child(1) th,
	.new_table tr:nth-child(1) td {
		padding: 5px 0;
	}

	.new_table th,
	.new_table td {
		font-size: 14px;
		padding: 10px 0;
	}

	.table_flex p {
		font-size: 13px;
	}

}


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

	.dtoplogo {
		width: 35%;
	}

	.dtoptime {
		width: 65%;
	}

	.dtoplogo img {
		width: 80%;
		height: auto;
	}



}

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

	.u41 {
		padding: 0 10%;
	}

	.uu12 {
		padding: 0 8%;
	}

}

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

	.o12 {
		position: relative;
		top: 50px;
		width: 50%;
		background-color: #fff;
		box-shadow: 0px 8px 6px 3px #f3f3f3;
		padding: 150px 5%;
	}

	.i2 ul li {
		width: 55%;
	}

	.i2 ul li:nth-child(2) {
		width: 45%;
		background-color: #fff;
		padding: 100px 5% 100px 8%;
	}

	.a12 {
		font-size: 33px;
		padding-top: 22px;
		font-weight: bold;
	}

	.iire {
		font-size: 26px !important;
	}


}

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

	.dtoptel12 {
		width: 70%;
		padding-left: 3%;
		font-size: 11px;
	}

	.dtoptel11 {
		width: 23%;
		background-color: #333;
		color: #fff;
		text-align: center;
		letter-spacing: 0.5em;
		border-radius: 8px;
		font-size: 12px;
	}

	.dtopmail img {
		width: 90px;
		height: auto;
	}

	.dtoptel img {
		width: 70%;
		height: auto;
	}

	.dtop2,
	.ptop2,
	.ftop2,
	.atop2,
	.etop2,
	.otop2,
	.ltop2,
	.ttop2,
	.ctop2,
	.ytop2,
	.utop2,
	.ntop2 {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		height: 450px;
		padding-left: 15%;
		color: #fff;
		font-size: 50px;
	}

	.a2 ul li {
		width: 40%;
	}

	.a2 ul li:nth-child(2) {
		width: 60%;
	}

	.a21 {
		background-color: #fff;
		padding: 60px 10%;
	}

	.a24 img {
		width: 280px;
		height: auto;
		margin-top: 5px;
	}

	.i6 ul li a {
		display: block;
		position: relative;
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		height: 500px;
		padding: 0 20% 60px;
		color: #fff;
		text-decoration: none;
	}

	.i61 {
		position: absolute;
		top: auto;
		right: 0;
		bottom: 20px;
		left: 0;
		margin: 0 auto;
		width: 80%;
		height: 220px;
	}

	.i612 {
		font-size: 22px;
		padding: 10px 0;
	}

	.imt1 {
		color: #fff;
		padding-top: 150px;
		padding-left: 15%;
		width: 60% !important;
	}

	.ii1 {
		position: absolute;
		z-index: 999;
		top: 100px;
		right: 10%;
		width: 500px !important;
		height: auto;
	}


}

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

	.allg2 {
		position: relative;
		padding-top: 100px;
		margin-bottom: 60px;
		background-color: #f5f5f5;
	}

	.all {
		position: relative;
		padding: 100px 0 60px;
	}

	.e4 {
		background-image: url(../images/eback.jpg);
		background-attachment: fixed;
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		height: 380px;
		margin-top: 100px;
	}

	.o12 {
		position: relative;
		top: 50px;
		width: 50%;
		background-color: #fff;
		box-shadow: 0px 8px 6px 3px #f3f3f3;
		padding: 100px 5%;
	}

	.o22 ul li:nth-child(2) {
		width: 300px;
	}

	.tct {
		min-height: 230px;
	}

	.allg3 {
		position: relative;
		padding: 100px 0;
		background-color: #f5f5f5;
	}

	.d1 {
		position: relative;
		background-color: #f3f3f3;
		padding: 130px 0 0 0;
	}

	.u1 ul li {
		width: 31%;
	}

	.u23 p {
		width: 100% !important;
	}

	.u3 {
		position: relative;
		background-color: #fff;
		padding: 80px 0;
	}

	.uca {
		display: block;
	}

	.uca2 {
		padding-left: 0 !important;
	}

	.u6 {
		position: relative;
		background-color: #fff;
		padding: 100px 0;
	}

	.u7 {
		position: relative;
		padding: 100px 0;
	}

	.u8 {
		background-color: #fff;
		padding: 100px 0;
	}

	.u82 ul {
		display: table;
		width: 100%;
		border: 1px solid #14398c;
		height: 691px;
	}

	.u83 ul {
		display: table;
		width: 100%;
		border: 1px solid #14398c;
		height: 691px;
	}

	.u9 {
		position: relative;
		padding: 100px 0 130px;
		background-image: url(../images/uback4.png);
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
	}

	.uu12 {
		padding: 0 6%;
	}


	.uu1 ul li {
		width: 60%;
	}

	.uu1 ul li:nth-child(2) {
		width: 40%;
	}

	.y23 ul li:nth-child(2) {
		display: table-cell;
		width: 58%;
		vertical-align: middle;
		padding-right: 30px;
	}

	.ygray {
		position: relative;
		background-color: #f3f3f3;
		padding: 100px 0 150px;
	}

	.y62 ul li {
		width: 48%;
	}

	.y8 {
		background-color: #eeeeee;
		padding: 100px 0 80px;
	}

	.yy1 {
		background-color: #eeeeee;
		padding: 100px 0;
	}

	.yy211 {
		background-color: #14398c;
		text-align: center;
		padding: 15px;
		color: #fff;
		font-size: 18px;
	}

	.i11 {
		width: 64%;
	}

	.iire {
		font-size: 22px !important;
	}

	.i2 ul li:nth-child(2) {
		width: 45%;
		background-color: #fff;
		padding: 60px 5% 60px 8%;
	}

	.i1 {
		position: relative;
		padding-bottom: 100px;
	}

	.i4 {
		padding: 100px 0;
	}

	.i5 {
		background-color: #fff;
		padding: 100px 0;
	}

	.n1 {
		background-color: #fff;
		padding: 60px 8%;
	}

}

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

	.dtoptel11 {
		width: 23%;
		background-color: #333;
		color: #fff;
		text-align: center;
		letter-spacing: 0.5em;
		border-radius: 8px;
		font-size: 11px;
	}

	.dtoptel12 {
		width: 70%;
		padding-left: 3%;
		font-size: 10px;
	}

	.dtoptime ul li {
		width: 38%;
	}

	.u81 {
		display: table;
		width: 100%;
		margin-top: -20px;
	}

	.u82 {
		display: block;
		vertical-align: top;
		width: 100%;
	}

	.u83 {
		display: block;
		vertical-align: top;
		width: 100%;
		padding-top: 20px;
		padding-left: 0;
	}

	.u82 ul {
		display: table;
		width: 100%;
		border: 1px solid #14398c;
		height: auto;
	}

	.u83 ul {
		display: table;
		width: 100%;
		border: 1px solid #14398c;
		height: auto;
	}

	.uu1 {
		padding-top: 80px;
	}

	.uu1 ul li {
		max-width: 650px;
		width: 100%;
		display: block;
		margin: 0 auto;
	}

	.uu1 ul li:nth-child(2) {
		width: 100%;
		padding-top: 40px;
	}

	.y62 ul li {
		width: 100%;
	}

	.y62 ul li:nth-child(n+2) {
		padding-top: 40px;
	}

	.y63,
	.y64,
	.y92,
	.y93,
	.y94,
	.y95 {
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		padding: 60px 6%;
		min-height: auto;
	}

	.y21 {
		position: relative;
		padding: 30px 0 50px;
	}

	.y86 {
		background-image: url(../images/y81.jpg);
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		padding: 40px 6%;
		min-height: auto;
		color: #fff;
	}

	.y87 {
		background-image: url(../images/y82.jpg);
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		padding: 40px 6%;
		min-height: auto;
		color: #fff;
	}

	.y851 {
		text-align: center;
		font-size: 30px;
		padding-bottom: 40px;
	}

	.yy2 ul li {
		width: 100%;
	}

	.yy221 {
		padding: 40px;
		min-height: auto;
	}

	.i2 ul li {
		max-width: 800px;
		width: 100% !important;
		display: block;
		margin: 0 auto;
	}

	.i21 {
		position: static;
	}

	.i2 ul li:nth-child(2) {
		width: 45%;
		background-color: #fff;
		padding: 40px 4%;
	}

	.ikuwa3 {
		margin-top: 40px;
	}

	.lkuwa a {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		width: 280px;
	}

	.i2 {
		padding-bottom: 80px;
	}

	.i6 ul li {
		display: block;
		width: 100%;
	}

	.i6 ul li a {
		display: block;
		position: relative;
		background-size: cover;
		background-position: 50%;
		width: 100%;
		height: auto;
		padding: 150px 10%;
		color: #fff;
		text-decoration: none;
	}

	.i61 {
		position: static;
		width: 100%;
		height: auto;
	}

	.imt1 {
		color: #fff;
		padding-top: 150px;
		padding-left: 8%;
		width: 100% !important;
	}

	.ii1 {
		position: absolute;
		z-index: 999;
		top: 100px;
		right: 8%;
		width: 450px !important;
		height: auto;
	}

}

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



	.dtop1 {
		position: fixed;
		top: 0;
		z-index: 999;
		width: 100%;
		background-color: #fff;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}


	.dtoptime ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
	}

	.dtoptime ul li:first-child {
		display: none;
	}

	.dtoptime ul li:nth-child(2) {
		display: none;
	}

	.dtoptime ul li:last-child {
		width: 110px;
		margin-right: 100px;
	}

	.dtopmail img {
		width: 60px;
		height: auto;
	}

	.dtopmail {
		background-color: #333;
		text-align: center;
		padding: 25px 0;
	}

	.dtoplogo img {
		width: 350px;
		height: auto;
		margin-left: 40px;
	}

	.dtopmenu,
	.dtopmenu2 {
		display: none;
	}

	.a2 ul {
		flex-direction: column-reverse;
	}

	.a2 ul li {
		max-width: 650px;
		width: 100% !important;
		display: block;
		margin: 0 auto;
	}

	.df1 {
		max-width: 650px;
		width: 100%;
		display: block;
		margin: 0 auto;
		padding: 30px 0 60px;
	}

	.df2 {
		width: 100%;
		border-right: none;
		padding-right: 0;
	}

	.df3 {
		width: 100%;
		padding-top: 40px;
	}


	.df3 iframe {
		width: 100%;
		height: 400px;
	}

	.o11 {
		position: relative;
		max-width: 600px;
		width: 94%;
		display: block;
		margin: 0 auto;
	}

	.o12 {
		position: relative;
		top: 0;
		max-width: 600px;
		width: 100%;
		display: block;
		margin: 0 auto;
		background-color: #fff;
		box-shadow: 0px 8px 6px 3px #f3f3f3;
		padding: 40px;
	}

	.o14 {
		padding-top: 20px;
	}

	.o1:before {
		content: "";
		position: absolute;
		top: -50px;
		right: 0;
		width: 100%;
		height: 940px;
		background-color: #fcfcfc;
	}

	.o22 ul li:nth-child(2) {
		width: auto;
	}

	.o21 {
		width: 100%;
		padding: 2%;
	}

	.o23 ul li {
		width: 100%;
	}

	.u3 ul li {
		max-width: 650px;
		width: 100% !important;
		display: block;
		margin: 0 auto;
	}

	.u3 ul li:nth-child(2) {
		padding-top: 30px;
	}

	.p1 {
		position: relative;
		font-size: 30px;
		padding-bottom: 20px;
	}

	.u4 {
		background-color: #fff;
		padding: 80px 0;
	}

	.u4 ul {
		flex-direction: column-reverse;
	}

	.u4 ul li {
		max-width: 650px;
		width: 100% !important;
	}

	.u4 ul li:nth-child(1) {
		padding-top: 20px;
	}

	.u41 {
		padding: 0;
	}

	.u841 {
		text-align: center;
		font-size: 24px;
		margin-bottom: 40px;
	}

	.y23 ul li:nth-child(1) {
		display: block;
		width: 100%;
		vertical-align: middle;
	}

	.y23 ul li:nth-child(2) {
		display: block;
		width: 100%;
		vertical-align: middle;
		padding-right: 0;
	}

	.y23 ul li:nth-child(3) {
		display: block;
		width: 100%;
		vertical-align: middle;
		padding-top: 20px;
	}

	.y24 {
		display: block;
		width: 100%;
		height: auto;
		background-color: #14398c;
		color: #fff;
		vertical-align: middle;
	}

	.ypoi {
		-ms-writing-mode: lr-tb;
		/* for MS IE8+ */
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		width: 100%;
		text-align: center;
		padding: 10px 0;
		font-size: 20px;
	}

	.y251 {
		font-size: 26px;
		color: #14398c;
		padding: 15px 0;
	}

	.y241 {
		position: static;
		font-size: 22px;
		font-family: cs;
	}

	.y331 {
		font-size: 30px;
		line-height: 1.4;
		padding-bottom: 30px;
	}

	.i3 ul li {
		width: 100% !important;
	}

	.i31 {
		background-color: #fff;
		padding: 80px 6%;
		height: auto;
	}

	.i34 {
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url(../images/iback.jpg);
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		height: auto;
		padding: 80px 0;
	}

	.i51 {
		position: relative;
		padding-right: 0;
	}

	.dtoptitle {
		padding-top: 80px;
	}




}

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

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

	.dtop2,
	.ptop2,
	.ftop2,
	.atop2,
	.etop2,
	.otop2,
	.ltop2,
	.ttop2,
	.ctop2,
	.ytop2,
	.utop2,
	.ntop2 {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		height: 350px;
		padding-left: 15%;
		color: #fff;
		font-size: 40px;
	}

	.allg2 {
		position: relative;
		padding-top: 80px;
		margin-bottom: 60px;
		background-color: #f5f5f5;
	}

	.a3 {
		position: relative;
		padding: 80px 0 25%;
	}

	.amap iframe {
		width: 100%;
		height: 350px;
	}

	.all {
		position: relative;
		padding: 80px 0 60px;
	}

	.e11 {
		background-image: url(../images/eback.png);
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		padding: 15px 25px;
		font-size: 20px;
		font-weight: bold;
	}

	.e4 {
		background-image: url(../images/eback.jpg);
		background-attachment: fixed;
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		height: 320px;
		margin-top: 80px;
	}

	.osta {
		background-image: url(../images/oback.jpg);
		background-attachment: fixed;
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		height: 320px;
	}

	.allg {
		position: relative;
		padding: 100px 0;
		background-color: #f3f3f3;
	}

	.p1 {
		position: relative;
		font-size: 30px;
		padding-bottom: 30px;
	}

	.t1 {
		position: relative;
		padding: 80px 0;
	}

	.t2 {
		position: relative;
		background-color: #eeeeee;
		padding: 70px 0;
		margin-top: -7px;
		margin-bottom: 30px;
	}

	.t21 ul li {
		max-width: 600px;
		width: 100%;
		display: block;
		margin: 0 auto;
	}

	.t21 ul li:nth-child(n+2) {
		padding-top: 40px;
	}

	.t222 {
		position: relative;
		padding: 30px 0;
		min-height: auto;
	}

	.allg3 {
		position: relative;
		padding: 80px 0;
		background-color: #f5f5f5;
	}

	.c1 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 70px;
	}

	.c121 {
		font-size: 30px;
		font-weight: bold;
		padding-bottom: 10px;
	}

	.d1 {
		position: relative;
		background-color: #f3f3f3;
		padding: 70px 0 0 0;
	}

	.d21 {
		font-size: 30px;
	}

	.dmedi {
		position: absolute;
		top: 40px;
		right: 0;
		bottom: 0;
		left: auto;
		margin: 0 auto;
		width: 95%;
		height: auto;
	}

	.d4all {
		background-image: url(../images/dback2.png);
		background-size: cover;
		background-position: 50% -80px;
		width: 100%;
		padding: 80px 0;
		margin-top: 0;
	}

	.d51 {
		padding: 50px 0 40px;
	}

	.d511 {
		font-size: 30px;
		border-bottom: 2px solid #333;
	}

	.d6 {
		background-image: url(../images/dback.png);
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		padding: 40px 6%;
	}

	.d62 {
		font-size: 24px;
		color: #14398c;
	}

	.f1 {
		font-size: 26px;
		border-bottom: 2px solid #333;
	}

	.l1 {
		padding-top: 70px;
	}

	.l1 ul li {
		max-width: 650px;
		width: 100% !important;
		display: block;
		margin: 0 auto;
	}

	.l2 {
		position: relative;
		background-color: #fff;
		padding: 80px 10%;
		margin: 60px 0;
	}

	.l21 {
		font-size: 30px;
		text-align: center;
	}

	.lkuwa a {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		width: 280px;
	}

	.l1 ul li:nth-child(2) {
		padding-top: 20px;
	}

	.y111 {
		font-size: 20px;
		text-align: center;
		line-height: 1.4;
	}

	.y1 ul li a .y11,
	.y1 ul li a .y12,
	.y1 ul li a .y13,
	.y1 ul li a .y14,
	.y1 ul li a .u11,
	.y1 ul li a .u12,
	.y1 ul li a .u13,
	.y1 ul li a .uu23,
	.y1 ul li a .uu24,
	.y1 ul li a .uu25,
	.y1 ul li a .uu26,
	.y1 ul li a .uu27,
	.y1 ul li a .uu28 {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: cover;
		background-position: 50%;
		width: 100%;
		height: 150px;
		box-shadow: 0px 0px 6px 3px #eeeeee;
	}

	.u1 ul {
		justify-content: center;
	}

	.u1 ul li {
		width: 50%;
		padding: 2%;
	}

	.y2 {
		position: relative;
		background-color: #efefef;
		padding: 60px 0;
		margin-top: 40px;
	}

	.u21 ul {
		flex-direction: column-reverse;
	}

	.u21 ul li {
		width: 100% !important;
	}

	.u22 {
		background-color: #fff;
		padding: 40px 6%;
	}

	.u25 img {
		max-width: 450px;
		width: 80%;
		height: auto;
		display: block;
		margin: 0 auto;
		margin-bottom: 40px;
	}

	.y221 {
		font-size: 24px;
		border-bottom: 2px solid #333;
		margin-bottom: 20px;
	}

	.u5 {
		display: flex;
		flex-wrap: wrap;
		padding: 80px 0;
	}

	.u6 {
		position: relative;
		background-color: #fff;
		padding: 80px 0;
	}

	.u7 {
		position: relative;
		padding: 80px 0;
	}

	.u72 ul {
		flex-direction: column-reverse;
	}

	.u72 ul li {
		width: 100% !important;
	}

	.u72 ul li:nth-child(1) {
		padding-top: 30px;
	}

	.u8 {
		background-color: #fff;
		padding: 70px 0;
	}

	.u822 p {
		display: block;
		width: 100%;
		padding: 0 2%;
	}

	.u84 {
		background-color: #f3f3f3;
		padding: 60px 6%;
		margin-top: 80px;
	}

	.u9 {
		position: relative;
		padding: 80px 0 100px;
		background-image: url(../images/uback4.png);
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
	}

	.u92 ul li {
		position: relative;
		z-index: 999;
		width: 100%;
	}

	.u932 {
		padding-right: 0;
	}

	.u933 {
		padding-left: 0;
	}

	.u9311 {
		font-size: 24px;
		border-bottom: 2px solid #333;
		text-align: left;
		margin-top: 20px;
	}

	.ujiyuu {
		position: absolute;
		z-index: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto auto;
		width: 400px;
		height: auto;
	}

	.u92 {
		position: relative;
		margin-top: 70px;
		padding: 0;
	}

	.u92 ul li:nth-child(3) {
		padding-top: 450px;
	}

	.u92 ul li:nth-child(4) {
		padding-top: 0;
	}

	.u931 {
		font-size: 24px;
		border-bottom: 2px solid #333;
	}

	.uu2 {
		background-color: #fff;
		padding: 80px 0;
	}

	.uu21 {
		font-size: 24px;
		margin-top: -50px;
	}

	.uu22 {
		padding-top: 20px;
	}

	.y3 {
		padding: 100px 0;
	}

	.y31 {
		max-width: 650px;
		width: 100% !important;
		display: block;
		margin: 0 auto;
		text-decoration: underline;
		margin-bottom: 20px;
	}

	.y32 ul li {
		max-width: 650px;
		width: 100% !important;
		display: block;
		margin: 0 auto;
	}

	.y32 ul li:nth-child(2) {
		padding-top: 20px;
	}

	.ygray {
		position: relative;
		background-color: #f3f3f3;
		padding: 80px 0 130px;
	}

	.y421 {
		background-color: #14398c;
		color: #fff;
		font-size: 20px;
		text-align: center;
		padding: 10px;
		margin-bottom: 30px;
	}

	.y5 {
		padding: 70px 0;
		background-color: #fff;
	}

	.y6 {
		background-color: #eeeeee;
		padding: 20px 0 0 0;
	}

	.ymetal {
		margin-top: -60px;
	}

	.y632span {
		font-size: 26px;
		padding-right: 15px;
	}

	.y7 {
		background-color: #fff;
		padding: 160px 0 100px;
	}

	.y72 {
		margin-top: -50px;
		margin-bottom: 60px;
		font-size: 30px;
	}

	.y821 {
		font-size: 16px;
		border-bottom: 2px solid #333;
		padding-bottom: 10px;
	}

	.y821span {
		font-size: 30px;
	}

	.y831 {
		padding-top: 20px;
	}

	.y8 {
		background-color: #eeeeee;
		padding: 80px 0;
	}

	.y85 {
		padding-top: 60px;
	}

	.y851 {
		text-align: center;
		font-size: 30px;
		padding-bottom: 60px;
	}

	.y91 {
		padding-top: 60px;
	}

	.yy1 {
		background-color: #eeeeee;
		padding: 80px 0;
	}

	.yy11 {
		font-size: 24px;
	}

	.yy12 {
		padding: 20px 0 30px;
	}

	.yy31 ul {
		justify-content: center;
	}

	.yy31 ul li {
		width: 50% !important;
		padding: 2%;
	}

	.yy31 ul li:nth-child(even) {
		display: none;
	}

	.yy4 ul li {
		width: 100%;
		text-align: center;
	}

	.i11 {
		width: 100%;
	}

	.ikuwa2 {
		position: static;
		padding-top: 20px;
	}

	.i12 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 20px;
	}

	.i12 ul li {
		width: 50%;
		padding: 1%;
	}

	.i1 {
		position: relative;
		padding-bottom: 70px;
	}

	.i4 {
		padding: 70px 0;
	}

	.i5 {
		background-color: #fff;
		padding: 70px 0;
	}

	.imt1 {
		color: #fff;
		padding-top: 0;
		padding-left: 0;
		width: 100% !important;
		text-align: center;
	}

	.ii1 {
		position: static;
		width: 400px !important;
		height: auto;
		display: block;
		margin: 0 auto;
		padding-top: 100px;
	}

	.iikuwa a {
		display: block;
		margin: 0 auto;
		margin-top: 40px;
	}

	.flexslider {
		position: relative;
		width: 100%;
		height: 97vh;
	}

	#fade1,
	#fade2,
	#fade3,
	#fade4 {
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
		height: 97vh;
	}

	.n1 ul li:nth-child(1) {
		display: block;
		vertical-align: middle;
		width: 100%;
		color: #14398c;
		font-size: 20px;
	}

	.n1 ul li:nth-child(2) {
		display: block;
		vertical-align: middle;
		margin-top: 10px;
	}

	.n1 {
		background-color: #fff;
		padding: 40px 6%;
	}

	.y6 ul li {
		width: 100%;
	}

	.y6 ul li:nth-child(n+2) {
		padding-top: 20px;
	}



}

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

	.a12 {
		font-size: 26px;
		padding-top: 22px;
		font-weight: bold;
	}

	.akai {
		font-size: 18px !important;
		padding-top: 10px;
		padding-bottom: 20px;
		font-weight: bold;
	}

	.y1 ul li {
		width: 50%;
		padding: 2%;
	}

}

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


	.o2 {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		padding-top: 80px;
	}

	.o22,
	.o23,
	.o24 {
		padding-top: 20px;
	}

	.o22 ul:nth-child(n+2) {
		padding-top: 10px;
	}

	.o22 ul li {
		width: 100% !important;
	}

	.o22 ul li:nth-child(2) {
		padding-left: 15px;
	}

	.o211 {
		font-size: 26px;
		border-bottom: 1px solid #14398c;
		color: #14398c;
	}

	.o1:before {
		content: "";
		position: absolute;
		top: -50px;
		right: 0;
		width: 100%;
		height: 860px;
		background-color: #fcfcfc;
	}

}

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


	.e1 {
		padding-top: 40px;
	}

	.e1 ul li {
		max-width: 450px;
		width: 100% !important;
		display: block;
		margin: 0 auto;
	}

	.o131 {
		font-size: 20px;
	}

	.o132 {
		font-size: 30px;
		margin-top: -5px;
	}

	.o133 {
		font-size: 12px;
	}

	.o141 {
		font-size: 16px;
	}

	.c1 ul li {
		max-width: 600px;
		width: 100%;
		display: block;
		margin: 0 auto;
	}

	.c1 ul li:nth-child(n+2) {
		padding-top: 30px;
	}

	.cpad {
		max-width: 600px;
		width: 100%;
		display: block;
		margin: 0 auto;
	}

	.c1 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 50px;
	}

	.c121 {
		font-size: 24px;
		font-weight: bold;
		padding-bottom: 10px;
	}

	.d31 {
		display: block;
		width: 100%;
		height: auto;
		background-color: #14398c;
		color: #fff;
		vertical-align: middle;
	}

	.d32 {
		display: block;
		vertical-align: middle;
		background-color: #fff;
		padding: 60px 5%;
	}

	.d311 {
		position: static;
		font-size: 20px;
		padding: 10px 0;
		text-align: center;
		height: auto;
		-ms-writing-mode: lr-tb;
		/* for MS IE8+ */
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}

	.d3 {
		display: table;
		width: 100%;
		margin-top: 30px;
	}

	.d32 {
		display: block;
		vertical-align: middle;
		background-color: #fff;
		padding: 30px 6%;
	}

	.d332 {
		font-size: 16px;
	}

	.d331 {
		display: table-cell;
		width: 45px;
		font-size: 30px;
		color: #c23344;
	}

	.dsen {
		display: none;
	}

	.f21 {
		position: relative;
		background-color: #f3f3f3;
		padding: 30px;
		margin-top: 40px;
	}

	.f22 {
		font-size: 30px;
		color: #14398c;
	}

	.f23 {
		font-size: 20px;
		color: #14398c;
	}

	.f24 {
		font-size: 30px;
		color: #c23344;
	}

	.f21 ul:nth-child(1) {
		border-bottom: 1px solid #14398c;
		margin-bottom: 10px;
	}

	.u62 ul {
		flex-direction: column-reverse;
	}

	.u62 ul li {
		width: 100% !important;
		display: block;
		margin: 0 auto;
	}

	.u62 ul li:nth-child(1) {
		padding-top: 20px;
	}

	.y23 ul {
		display: table;
		width: 100%;
		margin-top: 20px;
	}

	.y23 ul:nth-child(n+2) {
		margin-top: 50px;
	}

	.y22 {
		position: relative;
		background-color: #fff;
		padding: 30px;
	}

	.y251 {
		font-size: 20px;
		color: #14398c;
		padding: 15px 0;
	}

	.i6 ul li a {
		display: block;
		position: relative;
		background-size: cover;
		background-position: 50%;
		width: 100%;
		height: auto;
		padding: 100px 6%;
		color: #fff;
		text-decoration: none;
	}

	.ii1 {
		position: static;
		width: 350px !important;
		height: auto;
		display: block;
		margin: 0 auto;
		padding-top: 80px;
	}

	.imt22 {
		font-size: 35px;
		margin-top: -10px;
	}


}

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


	.tbl-r04 {
		width: 100%;
		margin-top: 100px;
		margin-bottom: -40px;
	}

	.tbl-r04 .thead {
		display: none;
	}

	.tbl-r04 tr,
	.tbl-r04 td {
		display: block;
		width: 100%;
		position: relative;
		font-size: 18px;
	}

	.tbl-r04 td:first-child:before {
		content: "診療項目";
		background: #f9f9f9;
		box-sizing: border-box;
		font-weight: bold;
		height: 70px;
		padding: 20px;
		position: absolute;
		top: -70px;
		left: -0.2%;
		display: block;
		width: 100.5%;
	}

	.tbl-r04 tr {
		margin-bottom: 40px;
	}

	.fsc {
		margin-top: 100px !important;
	}

	.dtoplogo img {
		width: 250px;
		height: auto;
		margin-left: 20px;
	}

	.dtopmail {
		background-color: #333;
		text-align: center;
		padding: 15px 0;
	}

	.dtopmail img {
		width: 45px;
		height: auto;
	}

	.dtoptime ul li:last-child {
		width: 70px;
		margin-right: 70px;
	}

	.dtop2,
	.ptop2,
	.ftop2,
	.atop2,
	.etop2,
	.otop2,
	.ltop2,
	.ttop2,
	.ctop2,
	.ytop2,
	.utop2,
	.ntop2 {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		height: 250px;
		padding-left: 10%;
		color: #fff;
		font-size: 30px;
	}

	.allg2 {
		position: relative;
		padding-top: 50px;
		margin-bottom: 20px;
		background-color: #f5f5f5;
	}

	.a11 {
		text-decoration: underline;
		font-size: 16px;
	}

	.a12 {
		font-size: 26px;
		padding-top: 10px;
		font-weight: bold;
	}

	.a2 {
		padding-top: 50px;
	}

	.a21 {
		background-color: #fff;
		padding: 30px;
	}

	.a22 {
		font-size: 26px;
	}

	.a24 img {
		width: 250px;
		height: auto;
		margin-top: 5px;
	}

	.a3 {
		position: relative;
		padding: 50px 0 20%;
	}

	.amap iframe {
		width: 100%;
		height: 250px;
	}

	.df3 {
		width: 100%;
		padding-top: 20px;
	}

	.df3 iframe {
		width: 100%;
		height: 240px;
	}

	.df1 {
		max-width: 650px;
		width: 100%;
		display: block;
		margin: 0 auto;
		padding: 30px 0 40px;
	}

	.dfmenu1 ul li {
		width: 100%;
		text-align: center;
		border: none !important;
		border-bottom: 1px solid #333 !important;
		padding: 8px 0;
	}

	.dfmenu2 ul li {
		width: 100%;
		text-align: center;
		border: none !important;
		border-bottom: 1px solid #fff !important;
		padding: 8px 0;
	}

	#copy {
		text-align: center;
		color: #fff;
		font-size: 10px;
		padding: 40px 0 20px;
	}

	.all {
		position: relative;
		padding: 60px 0;
	}

	.e21 {
		font-size: 26px;
		color: #14398c;
		border-bottom: 1px solid #14398c;
		padding-left: 10px;
	}

	.e4 {
		background-image: url(../images/eback.jpg);
		background-attachment: fixed;
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		height: 250px;
		margin-top: 60px;
	}

	.o2 {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		padding-top: 40px;
	}

	.osta {
		background-image: url(../images/oback.jpg);
		background-attachment: inherit;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 0;
		width: 100%;
		height: 150px;
	}

	.allg {
		position: relative;
		padding: 60px 0;
		background-color: #f3f3f3;
	}

	.p1 {
		position: relative;
		font-size: 24px;
		padding-bottom: 20px;
	}

	.ppro {
		position: absolute;
		top: 50px;
		right: 0;
		bottom: auto;
		left: 0;
		margin: 0 auto;
		width: 80%;
		height: auto;
	}

	.p2 {
		position: relative;
		background-color: #fff;
		padding: 30px;
	}

	.p21 {
		font-size: 16px;
		border-bottom: 2px solid #14398c;
		padding-bottom: 10px;
		color: #14398c;
	}

	.p211 {
		font-size: 20px;
	}

	.p22 {
		padding-top: 20px;
	}

	.psheip img {
		width: 30px;
		height: auto;
	}

	.t1 {
		position: relative;
		padding: 60px 0 80px;
	}

	.t2 {
		position: relative;
		background-color: #eeeeee;
		padding: 50px 0;
		margin-top: -7px;
	}

	.t221 {
		position: relative;
		font-size: 16px;
	}

	.t221span {
		font-size: 24px;
	}

	.allg3 {
		position: relative;
		padding: 60px 0;
		background-color: #f5f5f5;
	}

	.c1 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 50px;
	}

	.d1 {
		position: relative;
		background-color: #f3f3f3;
		padding: 50px 0 0 0;
	}

	.d21 {
		font-size: 24px;
	}

	.d42 {
		text-align: center;
		color: #c23344;
		font-size: 18px;
		padding-bottom: 40px;
	}

	.d43 {
		display: table;
		width: 100%;
		font-size: 20px;
	}

	.d41 {
		background-color: #fff;
		padding: 40px 6%;
		margin-top: 50px;
	}

	.d511 {
		font-size: 24px;
		border-bottom: 2px solid #333;
	}

	.d512 {
		padding-top: 20px;
	}

	.d62 {
		font-size: 20px;
		color: #14398c;
	}

	.d63 ul {
		padding: 20px;
		display: table;
		width: 100%;
		border: 1px solid #14398c;
		background-color: #fff;
		margin-top: 20px;
	}

	.d63 ul li:nth-child(1) {
		display: table-cell;
		width: 50px;
	}

	.d631 {
		font-family: cs;
		font-size: 20px;
		color: #14398c;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}

	.f1 {
		font-size: 22px;
		border-bottom: 2px solid #333;
	}

	.fq {
		position: absolute;
		top: 50px;
		right: 5%;
		width: 65%;
		height: auto;
	}

	.l1 {
		padding-top: 30px;
	}

	.l121 {
		font-size: 16px;
		color: #14398c;
		border-bottom: 1px solid #14398c;
		padding-bottom: 5px;
	}

	.l121span {
		font-size: 20px;
		padding-left: 20px;
	}

	.l1 ul:nth-child(n+2) {
		padding-top: 20px;
	}

	.l21 {
		font-size: 22px;
		text-align: center;
	}

	.l3 {
		padding-top: 0;
	}

	.lkuwa a {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		width: 250px;
	}

	.u1 ul li {
		width: 100%;
		padding: 2%;
	}

	.y1 ul li a .y11,
	.y1 ul li a .y12,
	.y1 ul li a .y13,
	.y1 ul li a .y14,
	.y1 ul li a .u11,
	.y1 ul li a .u12,
	.y1 ul li a .u13,
	.y1 ul li a .uu23,
	.y1 ul li a .uu24,
	.y1 ul li a .uu25,
	.y1 ul li a .uu26,
	.y1 ul li a .uu27,
	.y1 ul li a .uu28 {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: cover;
		background-position: 50%;
		width: 100%;
		height: 130px;
		box-shadow: 0px 0px 6px 3px #eeeeee;
	}

	.y2 {
		position: relative;
		background-color: #efefef;
		padding: 50px 0;
		margin-top: 40px;
	}

	.y21 {
		position: relative;
		padding: 20px 0 40px;
	}

	.u3 {
		position: relative;
		background-color: #fff;
		padding: 50px 0;
	}

	.u4 {
		background-color: #fff;
		padding: 50px 3%;
		display: block;
		margin: 0 auto;
	}

	.u5 {
		display: flex;
		flex-wrap: wrap;
		padding: 50px 0;
	}

	.u52 {
		font-size: 20px;
		color: #14398c;
		max-width: 415px;
		width: 100%;
		margin: 0 auto;
	}

	.u53 {
		text-align: left;
	}

	.u6 {
		position: relative;
		background-color: #fff;
		padding: 50px 0;
	}

	.u7 {
		position: relative;
		padding: 60px 0;
	}

	.u71 {
		padding: 20px 6% 50px;
	}


	.u72 {
		background-color: #fff;
		padding: 30px;
	}

	.u8 {
		background-color: #fff;
		padding: 50px 0;
	}

	.u82 ul li:nth-child(1) {
		display: table-cell;
		vertical-align: middle;
		width: 50px;
		border-right: 1px solid #14398c;
	}

	.u8211 {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		height: 230px;
		font-size: 18px;
		color: #14398c;
		padding-left: 9px;
	}

	.u822 {
		display: table;
		width: 100%;
		padding: 20px;
	}

	.u841 {
		text-align: center;
		font-size: 20px;
		margin-bottom: 20px;
	}

	.u84 {
		background-color: #f3f3f3;
		padding: 40px 6%;
		margin-top: 50px;
	}

	.u9 {
		position: relative;
		padding: 60px 0 80px;
		background-image: url(../images/uback4.png);
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
	}

	.u92 {
		position: relative;
		margin-top: 40px;
		padding: 0;
	}

	.ujiyuu {
		position: absolute;
		z-index: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto auto;
		width: 250px;
		height: auto;
	}

	.u92 ul li:nth-child(3) {
		padding-top: 260px;
	}

	.uu1 {
		padding-top: 0;
	}

	.uu121 {
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 20px;
	}

	.l121span {
		font-size: 18px;
		padding-left: 20px;
	}

	.uu1221 img {
		width: 20px;
		height: auto;
		margin-right: 5px;
	}

	.uu2 {
		background-color: #fff;
		padding: 50px 0;
	}

	.uu21 {
		font-size: 20px;
		margin-top: -50px;
	}

	.y111 {
		font-size: 15px;
		text-align: center;
		line-height: 1.4;
	}

	.y331 {
		font-size: 24px;
		line-height: 1.4;
		padding-bottom: 30px;
	}

	.y3 {
		padding: 40px 0 60px;
	}

	.ygray {
		position: relative;
		background-color: #f3f3f3;
		padding: 50px 0 70px;
	}

	.y41 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 30px;
	}

	.y41 ul li {
		width: 100%;
	}

	.y41 ul li:nth-child(2) {
		padding-top: 20px;
	}

	.p211 {
		display: block;
	}

	.y44 ul li {
		margin-top: 30px;
	}

	.y5 {
		padding: 50px 0;
		background-color: #fff;
	}

	.y63,
	.y64,
	.y92,
	.y93,
	.y94,
	.y95 {
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		padding: 40px 6%;
		min-height: auto;
	}

	.yline {
		border-bottom: 2px solid #333;
		margin: 20px 0;
	}

	.y65 {
		background-image: url(../images/y62.jpg);
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		padding: 40px 6%;
		margin-top: 40px;
	}

	.y632 {
		text-align: center;
		font-size: 16px;
		padding-top: 20px;
	}

	.y632span {
		font-size: 20px;
		padding-right: 15px;
	}

	.y72 {
		margin-top: -50px;
		margin-bottom: 60px;
		font-size: 24px;
	}

	.y73 {
		font-size: 26px;
		line-height: 1.2;
	}

	.y731 {
		font-size: 14px;
	}

	.y74 ul li {
		padding-top: 30px;
	}

	.y7 {
		background-color: #fff;
		padding: 160px 0 50px;
	}

	.y81 {
		text-align: left;
	}

	.y821span {
		font-size: 20px;
	}

	.y8 {
		background-color: #eeeeee;
		padding: 50px 0;
	}

	.y821span {
		display: block;
		margin-left: -25px;
	}

	.y84 {
		margin-top: 30px;
	}

	.y85 {
		padding-top: 40px;
	}

	.y851 {
		text-align: center;
		font-size: 22px;
		padding-bottom: 40px;
	}

	.y91 {
		padding-top: 40px;
	}

	.yy1 {
		background-color: #eeeeee;
		padding: 50px 0;
	}

	.yy11 {
		font-size: 20px;
	}

	.yy221 {
		padding: 30px 20px;
		min-height: auto;
	}

	.t222 {
		position: relative;
		padding: 20px 0 40px;
		min-height: auto;
	}

	.i1 {
		position: relative;
		padding-bottom: 50px;
	}

	.iire {
		font-size: 20px !important;
	}

	.i222 {
		text-align: left;
		font-size: 18px;
	}

	.i2 {
		padding-bottom: 50px;
	}

	.i32 p:nth-child(n+2) {
		width: 100%;
		margin-top: 10px;
	}

	.i32 p {
		width: 100% !important;
	}

	.i31 {
		background-color: #fff;
		padding: 40px 6%;
		height: auto;
	}

	.i34 {
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url(../images/iback.jpg);
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		height: auto;
		padding: 50px 0;
	}

	.i34 img {
		max-width: 450px;
		width: 80%;
		height: auto;
	}

	.i4 {
		padding: 50px 0;
	}

	.i5 {
		background-color: #fff;
		padding: 50px 0;
	}

	.i51 {
		position: relative;
		padding-right: 0;
	}

	.i6 ul li a {
		display: block;
		position: relative;
		background-size: cover;
		background-position: 50%;
		width: 100%;
		height: auto;
		padding: 60px 6%;
		color: #fff;
		text-decoration: none;
	}

	.i612 {
		font-size: 18px;
		padding: 10px 0;
	}

	.n1 {
		background-color: #fff;
		padding: 20px 4%;
	}

	.f25 {
		font-size: 15px;
	}

	.dtoptitle {
		padding-top: 50px;
	}

}

@media only screen and (max-width: 480px) {
	.dtoplogo img {
		width: 200px;
		height: auto;
		margin-left: 20px;
	}

	.dtoptime ul li:last-child {
		width: 60px;
		margin-right: 60px;
	}

	.dtopmail img {
		width: 40px;
		height: auto;
	}

	#spicon {
		position: fixed;
		right: 15px;
		top: 23px;
		width: 40px;
		height: 40px;
	}

	.dtop2,
	.ptop2,
	.ftop2,
	.atop2,
	.etop2,
	.otop2,
	.ltop2,
	.ttop2,
	.ctop2,
	.ytop2,
	.utop2,
	.ntop2 {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		background-size: cover;
		background-position: 50% 0;
		width: 100%;
		height: 250px;
		padding-left: 10%;
		color: #fff;
		font-size: 24px;
	}

	.f23 {
		font-size: 16px;
		color: #14398c;
	}

	.f21 {
		position: relative;
		background-color: #f3f3f3;
		padding: 30px;
		margin-top: 20px;
	}

	.f21 ul:nth-child(1) {
		border-bottom: 1px solid #14398c;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.f22 {
		font-size: 24px;
		color: #14398c;
	}

	.f24 {
		font-size: 24px;
		color: #c23344;
	}

	.f21 ul li:nth-child(1) {
		display: table-cell;
		width: 30px;
		padding-right: 10px;
	}

	.l2 {
		position: relative;
		background-color: #fff;
		padding: 40px 8%;
		margin: 40px 0;
	}

	.lkata {
		padding-left: 0;
	}

	.y221 {
		font-size: 20px;
		border-bottom: 2px solid #333;
		margin-bottom: 20px;
	}

	.p1 {
		position: relative;
		font-size: 20px;
		padding-bottom: 20px;
	}

	.u72 {
		background-color: #fff;
		padding: 20px;
	}

	.u741 {
		font-size: 18px;
	}

	.y331 {
		font-size: 20px;
		line-height: 1.4;
		padding-bottom: 20px;
	}

	.y72 {
		margin-top: -50px;
		margin-bottom: 30px;
		font-size: 20px;
	}

	.yy22 img {
		width: 210px;
		height: auto;
		display: block;
		margin: 0 auto;
		padding-top: 40px;
	}

	.yy211 {
		background-color: #14398c;
		text-align: center;
		padding: 12px;
		color: #fff;
		font-size: 18px;
	}

	.yy31 ul li {
		width: 100% !important;
		padding: 3%;
	}

	.yy4 {
		padding-top: 30px;
	}

	.yy4 ul li {
		width: 100%;
		text-align: center;
		padding: 0;
		font-size: 16px;
	}

	.y921 {
		font-size: 20px;
		padding-top: 20px;
		text-align: center;
	}

	.iire {
		font-size: 18px !important;
	}

	.a12 {
		font-size: 22px;
		padding-top: 10px;
		font-weight: bold;
	}

	.ii1 {
		position: static;
		width: auto !important;
		height: 280px !important;
		height: auto;
		display: block;
		margin: 0 auto;
		padding-top: 120px;
	}

	.imt1 {
		color: #fff;
		padding-top: 30px;
		padding-left: 0;
		width: 100% !important;
		text-align: center;
	}

	.imt22 {
		font-size: 30px;
		margin-top: -10px;
	}

	.imt21 {
		font-size: 16px;
	}

	.iikuwa a {
		display: block;
		margin: 0 auto;
		margin-top: 40px;
		width: 250px;
	}
}

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

	.dtoptime ul li:last-child {
		width: 50px;
		margin-right: 50px;
	}

	.dtopmail img {
		width: 35px;
		height: auto;
	}

	.dtoplogo img {
		width: 180px;
		height: auto;
		margin-left: 20px;
	}

	.d511 {
		font-size: 20px;
		border-bottom: 2px solid #333;
	}

	.l21 {
		font-size: 18px;
		text-align: center;
	}

	.y22 {
		position: relative;
		background-color: #fff;
		padding: 20px;
	}

	.y632 {
		text-align: center;
		font-size: 15px;
		padding-top: 20px;
	}

	.y632span {
		font-size: 17px;
		padding-right: 15px;
	}

	.ii1 {
		position: static;
		width: auto !important;
		height: 250px !important;
		display: block;
		margin: 0 auto;
		padding-top: 80px;
	}

	.imt1 {
		color: #fff;
		padding-top: 20px;
		padding-left: 0;
		width: 100% !important;
		text-align: center;
	}

	.imt22 {
		font-size: 26px;
		margin-top: -10px;
	}

	.iikuwa a {
		display: block;
		margin: 0 auto;
		margin-top: 40px;
		width: 250px;
	}

	.imt23 {
		text-align: left;
		padding: 0 4%;
	}


}