@charset "UTF-8";
.Certification li div img, .about-certificate li img {
	-webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
}

/*=================== contact ===================*/
.contactbox {
	width: 90%;
	margin: 0 auto;
}

.contactbox > .heading {
	width: 100%;
}

.contactbox .tips {
	width: 100%;
	padding: 40px 0;
}

.contactbox .tips a {
	color: #169BD5;
}

.contactbox__form {
	width: calc(14px + ((100% - 24px) / 12 * 8));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	padding-right: 80px;
}

.contactbox__procedure {
	width: calc(6px + ((100% - 24px) / 12 * 4));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
}

.contactbox .contact-div {
	margin-bottom: 50px;
}

.contactbox .contact-div .heading {
	margin-bottom: 10px;
}

.contactbox .contact-div .form__label .form__title {
	padding-top: 0;
	padding-left: 15px;
}

.contactbox .contact-div a {
	color: #003e9d;
}

.contactbox .contact-div a.form__reset {
	color: #fff;
}

.contactbox .contact-div .map iframe {
	width: 100%;
	height: 400px;
}

.contactbox .contact-div .btnbox .btn {
	width: 200px;
	text-decoration: none;
}

.contactbox .confirm {
	width: 70%;
	margin: auto;
	padding: 60px 0;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.contactbox .confirm__img {
	margin-bottom: 40px;
}

.contactbox .confirm__img img {
	width: 80px;
	height: auto;
}

@media only screen and (max-width: 768px) {
	.contactbox {
		width: 100%;
		padding: 0 20px;
	}
	.contactbox__form, .contactbox__procedure {
		width: 100%;
	}
	.contactbox__form {
		padding-right: 0;
	}
	.contactbox .contact-div .form__label .form__title {
		padding-bottom: 10px;
	}
	.contactbox .contact-div .form__field {
		margin-bottom: 10px;
	}
	.contactbox .confirm {
		width: 90%;
	}
}

@media only screen and (max-width: 640px) {
	.contactbox .contact-div .btnbox .btn {
		width: 100%;
	}
}

.procedure {
	margin-top: 30px;
}

.procedure dl {
	padding-left: 45px;
	position: relative;
}

.procedure dl::before, .procedure dl::after {
	position: absolute;
}

.procedure dl::before {
	width: 32px;
	height: 32px;
	font-size: 13px;
	border-radius: 50%;
	border: 1px #7f7f7f solid;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	top: 0;
	left: 0;
}

.procedure dl::after {
	content: "";
	height: calc(100% - 34px);
	width: 1px;
	background: #333;
	top: 34px;
	left: 16px;
}

.procedure dl.step1::before {
	content: "1";
}

.procedure dl.step2::before {
	content: "2";
}

.procedure dl.step3::before {
	content: "3";
}

.procedure dl.step4::before {
	content: "4";
}

.procedure dl.step5::before {
	content: "5";
}

.procedure dl.step5::after {
	display: none;
}

.procedure dl dt {
	padding-top: 5px;
	margin-bottom: 10px;
}

.procedure dl dd {
	padding-bottom: 20px;
}

.contact-info {
	padding: 10px 0;
}

.contact-info dt, .contact-info dd {
	margin-bottom: 15px;
}

.contact-info dd {
	padding-left: 40px;
	position: relative;
}

.contact-info dd::before {
	position: absolute;
	left: 0;
	top: -3px;
	width: 30px;
	height: 30px;
	font-size: 22px;
	font-family: 'icomoon';
	color: #000;
}

.contact-info dd.tel::before {
	content: "\e926";
}

.contact-info dd.mail::before {
	content: "\e91f";
}

.contact-info dd.mail a {
	color: #003e9d;
	text-decoration: underline;
}

.contact-info dd.add::before {
	content: "\e923";
}

@media only screen and (min-width: 1281px) {
	.contactbox .tips a:hover {
		text-decoration: underline;
	}
	.contactbox .contact-div a:hover {
		text-decoration: underline;
	}
	.contactbox .contact-div .btnbox .btn:hover {
		color: #fff;
	}
	.contact-info dd.mail a:hover {
		color: #333;
	}
}

/*=================== blog ===================*/
.blog--list .blog__item {
	margin-bottom: 30px;
}

.blog--list .blog__item .heading {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.blog--list .blog__item .blog-text {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.blog--list .blog__item .type {
	color: #003e9d;
	z-index: 10;
}

.blog--list .blog__item .type a {
	color: #555;
}

.blog--list .blog__item .type::before {
	content: "#";
	font-family: 'icomoon';
	color: #555;
	margin-right: 5px;
}

.blog--detail .sectionBlock:first-child {
	width: 75%;
}

.blog--detail .titleBox {
	padding: 0 15px 15px;
	margin-bottom: 15px;
	border-bottom: 1px #d7d7d7 solid;
}

.blog--detail .titleBox .date {
	width: 140px;
}

.blog--detail .titleBox .type {
	width: calc(100% - 400px);
}

.blog--detail .titleBox .share {
	width: 260px;
	text-align: right;
}

.blog--detail .heading--detail {
	text-align: center;
	margin: 30px 0 20px;
}

.blog--detail .edit {
	padding: 30px 60px 0;
	margin-bottom: 30px;
}

.blog--detail .edit a {
	color: #169BD5;
	text-decoration: underline;
}

.blog--detail .edit a.btn {
	text-decoration: none;
	color: #000;
	width: auto;
	padding: 15px 20px;
}

.blog--detail .tag {
	padding: 0 60px;
}

.blog--detail .tag::before {
	font-family: 'icomoon';
	content: "\e927";
	margin-right: 7px;
	color: #555;
	font-size: 22px;
	vertical-align: middle;
}

.blog--detail .tag a {
	color: #999;
	margin-right: 10px;
}

.blog--detail .tag a::after {
	content: ",";
	margin-left: 5px;
}

.blog--detail .btnbox {
	padding-bottom: 0;
}

.blog .blog-related .heading {
	width: 100%;
}

@media only screen and (min-width: 1281px) {
	.blog--list .blog__item .type a:hover {
		text-decoration: underline;
	}
	.blog--detail .edit a:hover {
		color: #333;
	}
	.blog--detail .tag a:hover {
		color: #333;
		text-decoration: underline;
	}
}

@media only screen and (max-width: 1280px) {
	.blog--detail .sectionBlock:first-child {
		width: 90%;
	}
}

@media only screen and (max-width: 768px) {
	.blog--detail .heading--detail {
		margin-top: 20px;
	}
	.blog--detail .edit, .blog--detail .tag {
		padding: 0;
	}
}

@media only screen and (max-width: 640px) {
	.blog--list .blog__item {
		width: calc((100% - 15px));
		margin-left: 7.5px;
		margin-right: 7.5px;
		margin-bottom: 15px;
		margin-bottom: 25px;
	}
	.blog--list .blog__item .blog-img {
		height: 300px;
	}
	.blog--detail .titleBox .date, .blog--detail .titleBox .type, .blog--detail .titleBox .share {
		width: 100%;
	}
	.blog--detail .titleBox .share {
		margin-top: 10px;
	}
	.blog--detail .heading--detail {
		text-align: left;
	}
	.blog .blog-related .blog__item {
		width: 100%;
		margin: 0 0 20px;
	}
	.blog .blog-related .blog__item:last-child {
		margin-bottom: 0;
	}
}

/*=================== faq ===================*/
.faq {
	margin-bottom: 60px;
}

.faq > .heading {
	margin-bottom: 20px;
}

.faq .accordian {
	margin-bottom: 0;
}

.faq .accordian h3 {
	padding: 20px 30px;
	background: none;
}

.faq .accordian .accordian__content {
	padding: 0 30px 15px;
}

.faq .accordianBox {
	border-bottom: 1px #d7d7d7 solid;
}

@media only screen and (min-width: 1281px) {
	.faq .accordian h3:hover {
		background: #003e9d;
	}
}

@media only screen and (max-width: 480px) {
	.faq .accordian .accordian__content {
		padding: 0 10px 15px;
	}
}

/*=================== catalogue ===================*/
.catalogue__latest {
	margin-bottom: 80px;
	padding: 30px 60px;
	position: relative;
	z-index: 0;
}

.catalogue__latest::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 85%;
	background: #f2f2f2;
	content: "";
	z-index: -1;
}

.catalogue__list {
	padding: 0 60px;
}

@media only screen and (max-width: 768px) {
	.catalogue__list {
		padding: 0 20px;
	}
	.catalogue__latest {
		margin-bottom: 40px;
		padding: 30px;
	}
}

@media only screen and (max-width: 640px) {
	.catalogue__latest {
		padding: 40px 20px 20px;
		background: #f2f2f2;
	}
	.catalogue__latest::after {
		display: none;
	}
	.catalogue__list {
		padding: 0;
	}
}

.latest__img {
	width: calc(2px + ((100% - 10px) / 5 * 2));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.latest__img img {
	max-width: 300px;
	height: auto;
	border: 6px #fff solid;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

.latest__inner {
	width: calc(4px + ((100% - 10px) / 5 * 3));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	padding: 0 80px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.latest__inner .heading {
	margin-bottom: 30px;
}

.latest__inner .btnbox {
	text-align: left;
}

@media only screen and (max-width: 768px) {
	.latest__img img {
		width: 100%;
	}
	.latest__inner {
		padding: 0 0 0 25px;
	}
	.latest__inner .heading {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 640px) {
	.latest__img, .latest__inner {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.latest__img {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 40px;
	}
	.latest__img img {
		max-width: 200px;
	}
	.latest__inner {
		padding-left: 0;
	}
	.latest__inner .btnbox {
		text-align: center;
	}
	.latest__inner .btnbox .btn {
		width: 200px;
		margin-bottom: 20px;
	}
}

.download .heading {
	width: 100%;
	margin-bottom: 10px;
}

.download .sm-p {
	width: 100%;
	margin-bottom: 30px;
}

.download .graphic-item {
	width: calc(((100% - 120px) / 4 * 1));
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	padding: 15px;
	background: #f2f2f2;
}

.download .graphic-item__img img {
	border: 3px #fff solid;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}

.download .graphic-item__title {
	font-size: 20px;
	color: #169BD5;
}

.download .graphic-item__title span {
	display: block;
	font-size: 16px;
	padding: 7px 0;
}

.download .graphic-item__title span.part {
	color: #333;
}

.download .graphic-item__title span.pages {
	color: #7f7f7f;
}

@media only screen and (max-width: 1024px) {
	.download .graphic-item {
		width: calc(((100% - 60px) / 2 * 1));
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 640px) {
	.download .graphic-item {
		width: 100%;
		margin: 0 0 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.download .graphic-item__img {
		width: calc(((100% - 6px) / 3 * 1));
		margin-left: 1px;
		margin-right: 1px;
		margin-bottom: 2px;
	}
	.download .graphic-item__title {
		width: calc(2px + ((100% - 6px) / 3 * 2));
		margin-left: 1px;
		margin-right: 1px;
		margin-bottom: 2px;
		padding-left: 10px;
	}
	.download .graphic-item:last-child {
		margin-bottom: 0;
	}
}

.pages::before {
	content: "Pages:";
	margin-right: 7px;
}

.catalogue-qa .accordianBox {
	max-width: 1024px;
	margin: 0 auto 40px;
}

.catalogue-qa .accordianBox .accordian {
	margin-bottom: 0;
}

.catalogue-qa .accordianBox .accordian h3 {
	background: none;
}

.catalogue-qa .accordianBox .accordian:last-child {
	border-bottom: 1px #d7d7d7 solid;
}

.catalogue-qa .accordianBox .accordian__content {
	padding-top: 0;
}

.catalogue-qa .accordianBox .accordian__inner {
	padding: 0 30px;
}

@media only screen and (min-width: 1281px) {
	.catalogue-qa .accordianBox .accordian h3:hover {
		background: #003e9d;
	}
}

@media only screen and (max-width: 480px) {
	.catalogue-qa .accordianBox .accordian__inner {
		padding: 0 10px;
	}
}

/*=================== Engineering ===================*/
.engineering-list .graphic-item-row {
	margin-bottom: 40px;
}

.engineering-list .graphic-item-row__img {
	width: calc(6px + ((100% - 24px) / 12 * 4));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
}

.engineering-list .graphic-item-row__info {
	width: calc(14px + ((100% - 24px) / 12 * 8));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
}

.engineering-list .graphic-item-row__info .heading {
	color: #003e9d;
}

.engineering-list .graphic-item-row .btnbox {
	text-align: left;
	padding: 0;
}

.engineering-list--customize .graphic-item-row__info .heading {
	color: #333;
}

.engineering-list--customize .graphic-item-row__info p {
	-webkit-line-clamp: inherit;
}

.engineering--customize .graphic-item-row__info p {
	-webkit-line-clamp: inherit;
}

@media only screen and (max-width: 768px) {
	.engineering-list .graphic-item-row__img, .engineering-list .graphic-item-row__info {
		width: 100%;
	}
	.engineering-list .graphic-item-row .btnbox .btn {
		width: 100%;
		margin: 10px 0 0;
	}
	.engineering-list--customize .graphic-item-row {
		margin-bottom: 30px;
	}
	.engineering-list--customize .graphic-item-row:last-child {
		margin-bottom: 0;
	}
}

.manufacturing {
	padding: 0 60px;
}

.manufacturing .graphic-item {
	padding: 0 0 40px 80px;
	margin-bottom: 60px;
}

.manufacturing .graphic-item::before, .manufacturing .graphic-item::after {
	position: absolute;
	content: "";
	background: #003e9d;
}

.manufacturing .graphic-item::before {
	width: 21px;
	height: 21px;
	top: 0;
	left: 0;
}

.manufacturing .graphic-item::after {
	width: 2px;
	height: calc(100% - 21px);
	top: 21px;
	left: 10px;
}

.manufacturing .graphic-item__img {
	margin-bottom: 0;
}

.manufacturing .graphic-item__div {
	margin-bottom: 20px;
}

.manufacturing .graphic-item__div .headingBox {
	width: calc(100% - 120px);
}

.manufacturing .graphic-item__div .headingBox .heading {
	margin-bottom: 15px;
	font-weight: 700;
}

.manufacturing .graphic-item__div .proImg {
	width: 120px;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.manufacturing .graphic-item__div .proImg img {
	width: 50%;
	height: auto;
}

.manufacturing .graphic-item__div .proImg--other img {
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.manufacturing {
		padding: 0;
	}
	.manufacturing .graphic-item {
		padding-left: 45px;
	}
}

@media only screen and (max-width: 640px) {
	.manufacturing .graphic-item__div {
		padding-top: 80px;
		position: relative;
	}
	.manufacturing .graphic-item__div .headingBox, .manufacturing .graphic-item__div .proImg {
		width: 100%;
	}
	.manufacturing .graphic-item__div .headingBox {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.manufacturing .graphic-item__div .proImg {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		position: absolute;
		top: 0;
		right: 30px;
	}
	.manufacturing .graphic-item__div .proImg img {
		width: auto;
		max-height: 120px;
	}
}

.policy .heading {
	width: 100%;
}

.policy .sectionDiv {
	width: calc(4px + ((100% - 10px) / 5 * 3));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	-ms-flex-line-pack: space-evenly;
	    align-content: space-evenly;
}

.policy .certification-ul {
	width: calc(2px + ((100% - 10px) / 5 * 2));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	padding-left: 30px;
}

.policy .certification-ul li {
	width: calc(((100% - 90px) / 3 * 1));
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
}

.policy .certification-ul li img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px) {
	.policy .sectionDiv, .policy .certification-ul {
		width: 100%;
	}
	.policy .certification-ul {
		margin-top: 20px;
		padding-left: 0;
	}
	.policy .certification-ul li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.policy .certification-ul li img {
		max-width: 120px;
	}
}

@media only screen and (max-width: 640px) {
	.policy .certification-ul li img {
		max-width: 100px;
	}
}

.Certification li {
	width: calc(((100% - 180px) / 6 * 1));
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}

.Certification li div {
	height: 190px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.Certification li div img {
	max-width: 120px;
	height: auto;
	margin: 0 auto 10px;
}

.Certification li i {
	width: 22px;
	font-size: 24px;
	color: #003e9d;
}

@media only screen and (min-width: 1281px) {
	.Certification li:hover div img {
		-webkit-transform: translateY(-5px);
		    -ms-transform: translateY(-5px);
		        transform: translateY(-5px);
	}
	.Certification li:last-child:hover div img {
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}
}

@media only screen and (max-width: 768px) {
	.Certification li {
		width: calc(((100% - 90px) / 3 * 1));
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 640px) {
	.Certification li div {
		height: 150px;
	}
	.Certification li div img {
		max-width: 100px;
	}
}

.quality .sectionDiv:last-child {
	margin-bottom: 0;
}

.equipment .sectionDiv .equipment-img {
	margin-top: 20px;
}

.equipment .sectionDiv .equipment-img img {
	width: 100%;
	height: auto;
}

.reports-ul li {
	width: calc(((100% - 90px) / 3 * 1));
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-bottom: 0;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.reports-ul li img {
	max-width: 100%;
	height: auto;
	-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 640px) {
	.reports-ul li {
		width: 100%;
		margin-bottom: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.reports-ul li:last-child {
		margin-bottom: 0;
	}
	.reports-ul li img {
		max-width: 86%;
	}
}

.material-ul {
	text-align: center;
}

.material-ul li {
	margin: 0 40px;
	display: inline-block;
}

.material-ul li img {
	max-height: 60px;
	width: auto;
}

@media only screen and (max-width: 1024px) {
	.material-ul li {
		margin: 0 15px;
	}
}

@media only screen and (max-width: 640px) {
	.material-ul li {
		display: block;
	}
	.material-ul li img {
		max-height: 40px;
	}
	.material-ul li:nth-child(1) {
		margin-bottom: 15px;
	}
}

.heat-ul {
	text-align: center;
}

.heat-ul li {
	margin: 0 30px;
	display: inline-block;
}

@media only screen and (max-width: 1024px) {
	.heat-ul li {
		margin: 0 15px;
	}
	.heat-ul li img {
		max-height: 260px;
		width: auto;
	}
}

@media only screen and (max-width: 640px) {
	.heat-ul li {
		display: block;
	}
	.heat-ul li:nth-child(1) {
		margin-bottom: 15px;
	}
}

.Eco-Friendly__ul {
	width: calc(2px + ((100% - 10px) / 5 * 2));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
}

.Eco-Friendly__ul li {
	width: calc(((100% - 60px) / 2 * 1));
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-bottom: 0;
}

.Eco-Friendly__ul li img {
	max-width: 100%;
	height: auto;
}

.Eco-Friendly__text {
	width: calc(4px + ((100% - 10px) / 5 * 3));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	padding-left: 50px;
}

@media only screen and (max-width: 768px) {
	.Eco-Friendly__text {
		padding-left: 20px;
	}
}

@media only screen and (max-width: 640px) {
	.Eco-Friendly__ul, .Eco-Friendly__text {
		width: 100%;
	}
	.Eco-Friendly__text {
		padding-left: 0;
		margin-top: 20px;
	}
}

.material > .heading {
	margin-bottom: 60px;
}

.material .accordian {
	margin-bottom: 0;
}

.material .accordian h3 {
	font-weight: normal;
	text-align: center;
	border-top: none;
	color: #003e9d;
}

.material .accordian h3::before {
	content: "\9EDE \64CA \958B \555F \6750 \6599 \6210 \5206 \8868 ";
}

.material .accordian h3::after {
	right: inherit;
	top: 20px;
	margin-left: 10px;
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.material .accordian__content {
	padding: 30px 15px;
}

.material .accordian.active h3::before {
	content: "\6536 \8D77 ";
}

.material .accordian.active h3::after {
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
}

.material .accordian.active .accordian__content {
	padding-bottom: 0;
}

.material__div {
	margin-bottom: 40px;
}

.material__div:last-child {
	margin-bottom: 0;
}

.material__table {
	width: 100%;
	border: 1px #555 solid;
	border-width: 1px 0 0 1px;
}

.material__table caption {
	color: #003e9d;
	margin-bottom: 10px;
}

.material__table th, .material__table td {
	font-weight: 300;
	text-align: center;
	padding: 5px 10px;
	border: 1px #555 solid;
	border-width: 0 1px 1px 0;
}

.material__table thead tr:nth-child(2) th {
	background: #eee;
}

@media only screen and (min-width: 1281px) {
	.material .accordian h3:hover {
		color: #fff;
	}
}

@media only screen and (max-width: 768px) {
	.material > .heading {
		margin-bottom: 40px;
	}
	.material .accordian__content {
		padding: 30px 0;
	}
	.material__div {
		overflow: hidden;
		overflow-x: auto;
		margin-bottom: 20px;
	}
	.material__table {
		width: 1000px;
		overflow-x: auto;
		white-space: nowrap;
	}
}

.about-banner img {
	width: 100%;
	height: auto;
	display: block;
}

.about {
	width: 90%;
	margin: 0 auto;
	padding: 40px 50px 0;
	background: #fff;
}

.about .sectionBlock {
	width: 100%;
}

@media only screen and (max-width: 1024px) {
	.about {
		padding: 20px 25px 0;
	}
}

@media only screen and (max-width: 768px) {
	.about {
		width: 100%;
		padding: 20px 20px;
		margin-top: 70px;
	}
	.about--no {
		margin-top: 0;
	}
}

@media only screen and (max-width: 640px) {
	.about {
		margin-top: 0;
	}
}

.story .heading {
	width: calc(((100% - 8px) / 4 * 1));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
}

.story__text {
	width: calc(4px + ((100% - 8px) / 4 * 3));
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
}

.story__text .sectionDiv:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
	.story .heading, .story .story__text {
		width: 100%;
		margin: 0;
	}
	.story .heading {
		margin-bottom: 20px;
	}
}

.profile .flex {
	padding: 10px 0;
}

.profile .field-name {
	width: 300px;
	color: #999;
}

.profile .field-row {
	width: calc(100% - 300px);
}

.profile .field-result {
	position: relative;
	padding-left: 40px;
}

.profile .field-result::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	font-size: 20px;
	font-family: 'icomoon';
	color: #003e9d;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.profile .field-result.tel::before {
	content: "\e925";
}

.profile .field-result.mail::before {
	content: "\e91f";
}

.profile .field-result.mail a {
	color: #003e9d;
	text-decoration: underline;
}

.profile .field-result.add::before {
	content: "\e923";
}

.profile .btnbox {
	padding-bottom: 0;
}

@media only screen and (min-width: 1281px) {
	.profile .field-result.mail a:hover {
		color: #333;
	}
}

@media only screen and (max-width: 640px) {
	.profile .field-name, .profile .field-row {
		width: 100%;
	}
}

.about-img li {
	width: calc(((100% - 90px) / 3 * 1));
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-bottom: 0;
}

.about-img li img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px) {
	.about-img {
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 640px) {
	.about-img li {
		width: 100%;
		margin: 0 0 20px;
	}
	.about-img li:last-child {
		margin-bottom: 0;
	}
}

.about-certificate {
	width: 80%;
	text-align: center;
	margin: 0 auto 60px;
	padding-top: 20px;
}

.about-certificate li {
	width: 160px;
	display: inline-block;
	margin: 0 20px;
}

.about-certificate li img {
	max-height: 110px;
	width: auto;
	vertical-align: middle;
}

@media only screen and (min-width: 1281px) {
	.about-certificate li img:hover {
		-webkit-transform: translateY(-5px);
		    -ms-transform: translateY(-5px);
		        transform: translateY(-5px);
	}
}

@media only screen and (max-width: 1280px) {
	.about-certificate {
		width: 96%;
	}
	.about-certificate li {
		width: 150px;
	}
}

@media only screen and (max-width: 768px) {
	.about-certificate {
		width: 100%;
		margin-bottom: 40px;
	}
	.about-certificate li {
		width: 130px;
		margin: 0 10px;
	}
}

@media only screen and (max-width: 640px) {
	.about-certificate li img {
		max-width: 90px;
	}
	.about-certificate li:nth-child(1), .about-certificate li:nth-child(2) {
		margin-bottom: 20px;
	}
}

.location {
	padding-top: 60px;
}

.location .sectionDiv {
	text-align: center;
}

.location__map {
	max-width: 1200px;
	margin: 60px auto 0;
}

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

@media only screen and (max-width: 768px) {
	.location__map {
		margin-top: 40px;
	}
}

.message {
	position: relative;
}

.message__img {
	position: absolute;
	right: 0;
	top: -90px;
}

@media only screen and (max-width: 768px) {
	.message__img {
		top: -130px;
	}
}

@media only screen and (max-width: 640px) {
	.message__img {
		position: relative;
		top: 0;
		margin-bottom: 20px;
		text-align: center;
	}
}

.sign {
	padding: 0 20px;
}

.sign img {
	display: inline-block;
	margin-right: 25px;
}

@media only screen and (max-width: 768px) {
	.sign img {
		margin-right: 0;
	}
}

@media only screen and (max-width: 640px) {
	.sign img {
		max-width: 120px;
		height: auto;
	}
}

/*=================== 文字段落 ===================*/
.ul-ml {
	margin-left: 25px;
}

.ul-mt {
	margin-top: 10px;
}

.ul-mb {
	margin-bottom: 10px;
}

.disc li {
	list-style-type: disc;
	margin-bottom: 10px;
}

.circle li {
	list-style-type: circle;
	margin-bottom: 10px;
}