@charset "utf-8";

body {
 margin: 0;
 padding: 0;
 font-size: 15px;
 font-family: "メイリオ", 'Meiryo', sans-serif;
 color: #000000;
 box-sizing: border-box;
 text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
 -moz-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 -o-text-size-adjust: 100%;
 overflow-x: hidden;
}


* {
 box-sizing: border-box;
}

*::after,
*::before {
 box-sizing: border-box;
}

img {
 max-width: 100%;
}

a:hover,
a:focus,
a:visited {
 outline: none;
 border: none;
}

.cont {
 width: 100%;
 max-width: 1160px;
 margin: 0 auto;
 position: relative;
}

a {
 text-decoration: none;
 color: inherit
}

.clear {
 clear: both;
}

a[href^="tel:"] {
 cursor: default;
}

a[href^="tel:"]:hover {
 text-decoration: none;
}

.ow {
 width: 100%;
 overflow: hidden;
}

br {
 font-size: 0;
}

.showPC {
 display: block;
}

.showSP,
.showSP-480 {
 display: none;
}

.br-copy,
.br-sp,
.br-480,
.br-640,
.br-767 {
 display: none;
}


/*
=============
=	Common	=
=============
*/
.wrapHeader {
 background-color: #000000;
 height: 100px;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
}

.heRows {
 display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 justify-content: space-between;
 align-items: center;
}

.heLeft ul {
 font-size: 0;
}

.heLeft ul li {
 display: inline-block;
 vertical-align: middle;
}

.heLeft ul li a img {
 width: 202px;
}

.heLeft ul li h1 {
 font-size: 11px;
 color: #fff;
 line-height: 154%;
 max-width: 232px;
 width: 100%;
 letter-spacing: 0;
}

.heLeft ul li:not(:first-child) {
 padding-left: 25px;
}

.heRight ul {
 font-size: 0;
}

.heRight ul li {
 display: inline-block;
 vertical-align: middle;
}

.heRight ul li:not(:last-child) {
 padding-right: 48px;
}

.heRight ul li:nth-child(3) {
 padding-right: 60px;
}

.heRight li:first-child img {
 width: 82px;
}

.heRight li:nth-child(2) img {
 width: 124px;
}

.heRight li:nth-child(3) img {
 width: 80px;
}

.heRight li:nth-child(4) img {
 width: 169px;
}

/*
=============
=	FOOTER	=
=============
*/

#hoContent05 {
 padding-top: 95px;
}

.titleStyle01 img {
 width: 117px;
}

.BoxInfoF .titleStyle01-eng img {
 width: 73px;
}

.dl-flex {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
}

.Info {
 padding-left: 110px;
}

.InfoTel {
 padding-left: 100px;
}

.Info,
.InfoTel {
 font-size: 16px;
 line-height: 175%;
 letter-spacing: 0;
}

.InfoTel span {
 font-size: 22px;
 padding-top: 12px;
 padding-left: 5px;
}

.InfoTel span a {
 font-size: 35px;
 font-weight: normal;
 padding-left: 10px;
}

.Info p
{border-top: solid 1px #ababab;
padding: 2px 0;}

#hoContent05 .Btn2 {
 margin-top: 35px;
}

.BoxInfoF .titleStyle01 {
 padding-left: 5px;
 padding-top: 5px;
}

#hoContent05 iframe {
 width: 100%;
 height: 385px;
 vertical-align: middle;
}

.BoxContactAb {
 padding-bottom: 60px;
}

.BoxContact {
 margin-bottom: 40px;
}

.BoxContact .titleStyle01 img {
 width: 341px;
}

.copy-right {
 text-align: center;
 font-size: 11px;
 letter-spacing: 0;
 line-height: 160%;
 padding: 27.5px 0;
}

.scrolltop {
 text-align: center;
 width: 80px;
 height: 80px;
 line-height: 40px;
 display: block;
 position: fixed;
 bottom: 20px;
 right: 20px;
 z-index: 99;
}

/*
=============
=	TOP		=
=============
*/
.slideItem {
 height: 797px;
 background-image: url(../img/ho-img00.jpg);
 background-size: cover;
 background-position: center center;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: center;
 justify-content: center;
 padding-bottom: 60px;
}

.slideItem img {
 width: 591px;
}

#slideTop {
 position: relative;
 z-index: 1;
}

.slNews {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 z-index: 1;
}

.slNBg {
 background-color: rgba(255, 255, 255, 0.8);
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 align-items: flex-end;
 padding-left: 48px;
 padding-right: 48px;
 padding-bottom: 25px;
 padding-top: 40px;
}

.slLeft span {
 display: block;
 text-align: center;
}

.slLeft .slTt img {
 width: 87px;
}

.slLeft span img {
 width: 167px;
}

span.slTt {
 padding-bottom: 15px;
}

.slRight {
 padding-left: 70px;
 width: calc(100% - 167px);
}

.slRight table {
 width: 100%;
}

.slRight table tr td {
 vertical-align: middle;
 font-size: 16px;
 color: #000;
 line-height: 187%;
 padding-top: 8px;
 padding-bottom: 6px;
}

.slRight table tr td a {
 color: inherit;
}

.slRight table tr td a:hover {
 text-decoration: underline;
}

.slLeft {
 padding-bottom: 16px;
}

#hoContent01 {
 background-image: url("../img/ho-img04.png");
 background-position: top center;
 background-repeat: repeat;
 padding-top: 52px;
 padding-bottom: 106px;
}

.ho01Rows {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 align-items: stretch;
}

.ho01Left {
 width: 43.103%;
 margin-right: 6.897%;
}

.ho01Right {
 width: 50%;
}

.ho01Left h2 .titleStyle01-jp img {
 width: 199px;
}

.ho01Left h2 .titleStyle01-eng img {
 width: 59px;
}

.ho01Left h2 span {
 display: block;
}

.titleStyle01-eng {
 margin-top: 12px;
 display: block;
}

.ho01Left h2 {
 padding-top: 15px;
 padding-bottom: 30px;
}

.ho01Left p {
 font-size: 16px;
 color: #000000;
 line-height: 187%;
}

span.ho01Btn {
 display: block;
 text-align: center;
 padding-top: 50px;
}

span.ho01Btn a {
 display: inline-block;
}

span.ho01Btn a img {
 width: 252px;
}

#hoContent02 {
 background-image: url("../img/ho-img10.jpg");
 background-position: center center;
 height: 643px;
 background-size: cover;
 background-repeat: no-repeat;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: center;
 justify-content: center;
}

.ho02Txt h2 img {
 width: 589px;
}

.ho02Txt h2 .titleStyle01-eng img {
 width: 72px;
}

.ho02Txt h2 .titleStyle01-eng {
 margin-top: 0;
}


.ho02Txt {
 float: right;
}

.ho02Txt span {
 display: block;
 color: #ffffff;
 font-size: 16px;
 letter-spacing: 1px;
 line-height: 187%;
 padding-top: 20px;
}

span.ho02Btn {
 display: block;
 text-align: center;
 padding-top: 35px;
}

span.ho02Btn a {
 display: inline-block;
}

span.ho02Btn a img {
 width: 361px;
}

.ho02Img {
 display: none;
}

.grid-1280 {
 max-width: 1280px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}

.ho03Rows {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 align-items: stretch;
}

#hoContent03 {
 margin-top: 135px;
 margin-bottom: 130px;
}

#hoContent03 .grid-1280 {
 background-image: url(../img/ho-img11.jpg);
 background-position: right center;
 background-repeat: no-repeat;
 background-repeat: no-repeat;
}

.ho03Right {
 display: none;
}

.ho03Rows {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 align-items: stretch;
}

.ho03Left h2 .titleStyle01-jp img {
 width: 120px;
}

.ho03Left h2 .titleStyle01-eng img {
 width: 60px;
}

.ho03Left h3 img {
 width: 638px;
}

.ho03Left h3 {
 margin-top: 25px;
}

.ho03Left h2 {
 padding-top: 20px;
}

.ho03Left p {
 font-size: 16px;
 color: #000000;
 letter-spacing: 1px;
 line-height: 187%;
 padding-top: 25px;
}

ul.ho03cl2 {
 font-size: 0;
 text-align: center;
 display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 justify-content: space-between;
 width: 100%;
}

ul.ho03cl2 li {
 display: inline-block;
 position: relative;
}

ul.ho03cl2 li .txt-img img,
ul.ho03cl3 li .txt-img img,
ul.ho03cl4 li .txt-img img{
 border: none;
}

ul.ho03cl2 li .txt-img,
ul.ho03cl3 li .txt-img,
ul.ho03cl4 li .txt-img{
 position: absolute;
 bottom: 28px;
 left: 35px;
}

ul.ho03cl3 li .txt-img,
ul.ho03cl4 li .txt-img{
 bottom: 20px;
}

ul.ho03cl2 li:nth-child(1) .txt-img {
 width: 114px;
}

ul.ho03cl2 li:nth-child(2) .txt-img {
 width: 270px;
}

ul.ho03cl3 li:nth-child(1) .txt-img {
 width: 96px;
}

ul.ho03cl3 li:nth-child(2) .txt-img {
 width: 160px;
}

ul.ho03cl3 li:nth-child(3) .txt-img {
 width: 263px;
}

ul.ho03cl4 li:nth-child(1) .txt-img {
 width: 263px;
}


ul.ho03cl2 li img,
ul.ho03cl3 li img,
ul.ho03cl4 li img{
 border: 2px solid #000;
}

ul.ho03cl3 li:nth-child(2) img {}
ul.ho03cl4 li:nth-child(2) img {}

ul.ho03cl3,
ul.ho03cl4{
 font-size: 0;
 text-align: center;
 display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 justify-content: space-between;
 width: 100%;
 margin-top: 25px;
}

ul.ho03cl3 li,
ul.ho03cl4 li{
 display: inline-block;
 position: relative;
}

ul.ho03cl3 li .img-480,
ul.ho03cl4 li .img-480{
 display: none;
}


.ho03 {
 margin-top: 65px;
}

#hoContent04 {
 background-image: url(../img/ho-img18.jpg);
 background-position: center center;
 height: 726px;
 background-size: cover;
 background-repeat: no-repeat;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: center;
 justify-content: center;
}

#hoContent04 .ho4Img {
 display: none;
}

.ie #hoContent04 {
 justify-content: flex-start;
}

p.txt {
 font-size: 16px;
 line-height: 187%;
 color: #000;
 letter-spacing: 1px;
}

.txt-ct {
 text-align: center;
}

.Btn1 img {
 width: 340px;
}

.BoxA-content span {
 display: block;
}

.BoxA-content .BoxASub1 img {
 width: 528px;
}

.BoxA-content .BoxASub2 img {
 width: 146px;
}

.BoxA-content .BoxASub2 {
 margin-top: 35px;
 padding-left: 15px;
}

.Btn2 img {
 width: 390px;
}

.BoxContent4 p {
 margin-bottom: 35px;
}

.BoxA-content {
 padding-left: 10px;
}


/*
=============
=  BANNER  =
=============
*/
#banner {
 height: 288px;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 top: 0;
 left: 0;
 align-items: center;
}

.banner-company {
 background-image: url(../img/banner-company.jpg);
}

.banner-service {
 background-image: url(../img/banner-service.jpg);
}

.banner-contact {
 background-image: url(../img/banner-contact.jpg);
}

.banner-new {
 background-image: url(../img/banner-company.jpg);
}


.banner-company .banner-txt img {
 width: 197px;
}

.banner-service .banner-txt img {
 width: 296px;
}

.banner-contact .banner-txt img {
 width: 297px;
}

.banner-contact .banner-new img {
 width: 201px;
}

.banner-new .banner-txt img {
 width: 202px;
}


.banner-txt {
 padding-left: 35px;
 padding-top: 25px;
}

/* New */

#newsList {
 padding-top: 50px;
 padding-bottom: 50px;
 position: relative;
 z-index: 1;
}

.div_detail h2 {
 border-bottom: 1px solid #ee3c00;
 font-size: 20px;
 color: #000;
 line-height: 140%;
 margin-bottom: 10px;
 word-break: break-all;
 padding-bottom: 8px;
}

#up_ymd {
 font-style: italic;
 font-size: 13px;
 margin-bottom: 10px;
 overflow: hidden;
 width: 100%;
}

#detail {
 word-break: break-all;
}

.detailText {
 font-size: 15px;
 line-height: 160%;
 color: #000;
}

.detailUpfile {
 margin-top: 10px;
 margin-bottom: 20px;
}

.detail_back {
 overflow: hidden;
 width: 100%;
 margin-top: 20px;
}

.hoNItem {
 width: 20.603%;
 margin-right: 5.863%;
 position: relative;
}

.hoNItem > a.linkpo {
 /* position: absolute;
	width: 100%;
	top: 0;
	left: 0; */
 display: block;
}

#newsList .hoNItem:nth-child(4n) {
 margin-right: 0;
}

span.hoNImg {
 display: block;
 background-size: cover;
 background-position: center center;
 height: 168px;
 background-repeat: no-repeat;
}

.hoNItem ul {
 font-size: 0;
 margin-top: 15px;
}

.hoNItem ul li {
 display: inline-block;
 vertical-align: middle;
 font-size: 16px;
 color: #000;
}

.hoNItem ul li:not(:first-child) {
 margin-left: 12px;
}

.hoNItem ul {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}

.hoNItem ul li.hoCat {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
 height: 21px;
 background-color: #ee3c00;
 color: #fff;
 font-size: 12px;
 padding: 2px 8px;
 transition: ease all 0.35s;
 opacity: 1;
 padding-top: 2px;
}

.hoNItem h3 {
 font-size: 16px;
 font-weight: bold;
 line-height: 175%;
 transition: ease all 0.35s;
 opacity: 1;
 word-break: break-all;
}


/* End New */

/*
=============
=  COMPANY  =
=============
*/
#Company01 {
 margin-top: 80px;
}

.titleStylePage {
 height: 44px;
 background-image: url(../img/company1.jpg);
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 top: 0;
 left: 0;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}

.titleStylePage span {
 padding-left: 10px;
 display: block;
}

#Company01 .titleStylePage img {
 width: 151px;
}

#Company01 .Company-content {
 margin-top: 60px;
}

#Company01 .Company-content img {
 width: 470px;
}

.Company-content p {
 margin-top: 35px;
}

.Company-content span {
 font-size: 16px;
 letter-spacing: 1px;
 margin-top: 40px;
 display: block;
 text-align: right;
}

.Company-content span strong {
 font-size: 21px;
 font-weight: normal;
 padding-left: 20px;
}

#Company02 {
 margin-top: 65px;
}

#Company02 .titleStylePage img {
 width: 129px;
}

.companyTb {
 margin-top: 47px;
 width: 100%;
}

.companyTb td {
 font-size: 16px;
 letter-spacing: 0;
 color: #000;
 border-bottom: 1px solid rgba(152, 152, 152, 0.25);
 padding: 8px 0;
}

.companyTb td:first-child {
 width: 255px;
 padding-left: 60px;
}

.companyTb td:last-child {
 line-height: 187%;
}

#Company03 {
 margin-top: 80px;
 margin-bottom: 130px;
}

#Company03 .titleStylePage img {
 width: 81px;
}

.bg-ft {
 background-image: url(../img/bg-ft.jpg);
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 top: 0;
 left: 0;
}

.top-ft20 {
	padding-top: 6.250vw;
}

.hoPgae {
 padding-top: 0 !important;
}

.hoPgae .BoxContactAb {
 padding-top: 80px;
}

/*
=============
=  SERVICE  =
=============
*/
#Service01 {
 margin-top: 65px;
}

#Service01 > p.txt {
 margin-bottom: 55px;
}

.titleStylePage2 {
 height: 44px;
 background-image: url(../img/service1.jpg);
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 top: 0;
 left: 0;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}

#Service01 .titleStylePage2 img {
 width: 108px;
}

#Service01 .ServiceLR:first-child .ServiceLeft img {
 width: 358px;
}

.ServiceLeft {
 width: 45%;
 margin-right: 5%;
}

.ServiceRight {
 width: 50%;
}

.ServiceLeft p {
 margin-top: 25px;
}

.ServiceLR {
 margin-top: 35px;
}

.ServiceLeft span {
 padding-top: 22px;
 display: block;
}

#Service01 .ServiceLRoll .ServiceRight {
 order: -1;
}

#Service01 .ServiceLRoll .ServiceLeft {
 width: 45%;
 margin-right: 0;
 margin-left: 4%;
}

#Service01 .ServiceLRoll .ServiceLeft span {
 padding-top: 50px;
}

#Service01 .ServiceLRoll .ServiceLeft img {
 width: 360px;
}

.ServiceLRoll {
 margin-top: 0;
}

.BoxServiceList {
 margin-top: 85px;
}

.BoxServiceList li {
 width: 26.2%;
 margin-right: 10.7%;
 margin-bottom: 65px;
 margin-bottom: 33px;
}

.BoxServiceList li:nth-child(3n) {
 margin-right: 0;
}

.BoxServiceList li .ServiceImg img {
 border: 1px solid rgba(238, 60, 0, 0.5);
}

.BoxServiceList li .ServiceTT {
 line-height: 156%;
 font-size: 16px;
 letter-spacing: 1px;
 color: #000;
 display: block;
 border-bottom: 1px solid #cbcbcb;
 padding-bottom: 15px;
 padding-top: 20px;
}

.BoxServiceList li p {
 line-height: 168%;
 padding-top: 15px;
}

.ServiceLink {
 background: #f1f1f1;
 padding-top: 33px;
 padding-bottom: 48px;
 margin-top: 37px;
}

.ServiceLink img {
 width: 89px;
}

.ServiceLink a {
 display: block;
 background: #fff;
 max-width: 507px;
 width: 100%;
 border: 1px solid #cbcbcb;
 border-radius: 12px;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 -ms-border-radius: 12px;
 -o-border-radius: 12px;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 margin: 0 auto;
 margin-top: 20px;
 height: 94px;
}

.ServiceLink a img {
 width: 421px;
}

.ServiceLink p {
 padding-bottom: 12px;
}

.ServiceLink02 {
 margin-top: 37px;
}

.ServiceLink02 img {
 width: 89px;
}

.ServiceLink02 a {
 display: block;
 background: #fff;
 max-width: 507px;
 width: 100%;
 border: 1px solid #cbcbcb;
 border-radius: 12px;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 -ms-border-radius: 12px;
 -o-border-radius: 12px;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 margin: 0 auto;
 margin-top: 20px;
 height: 108px;
}

.ServiceLink02 a img {
 width: 50%;
}

#Service02 {
 margin-top: 90px;
}

#Service02 .titleStylePage2 img {
 width: 204px;
}

#Service02 .ServiceLeft img {
 width: 494px;
}

.ServiceLeft .sp-480,
.ho03cl3 li .img-480 {
 display: none;
}

.titlePageSub img {
 width: 144px;
}

.titlePageSub {
 margin-top: 60px;
 padding-bottom: 10px;
 border-bottom: 1px solid #ee3c00;
}

.ServiceContentS p {
 margin-top: 35px;
}

.ServiceContentBg {
 margin-top: 82px;
 background: rgba(238, 60, 0, 0.10);
 align-items: center;
 padding: 40px 80px;
}

#Service02 .SerBg-TT img {
 width: 233px;
}

.SerBg-Content {
 padding-left: 60px;
}

#Service03 {
 margin-top: 105px;
}

#Service03 .titleStylePage2 img {
 width: 108px;
}

#Service03 .ServiceLeft img {
 width: 310px;
}

#Service04 {
 margin-top: 110px;
}

#Service04 .titleStylePage2 img {
 width: 155px;
}

#Service04 .ServiceLeft img {
 width: 358px;
}

#Service05 {
 margin-top: 115px;
 margin-bottom: 130px;
}

#Service05 .titleStylePage2 img {
 width: 229px;
}

#Service05 .ServiceLeft img {
 width: 262px;
}

#Service05 .SerBg-TT img {
 width: 161px;
}

#Service05 .SerBg-Content {
 padding-left: 135px;
}

#Service06 {
 margin-top: 115px;
 margin-bottom: 130px;
}

#Service06 .titleStylePage2 img {
 width: 229px;
}

#Service06 .ServiceLeft img {
 width: 380px;
}

#Service06 .SerBg-TT img {
 width: 161px;
}

#Service06 .SerBg-Content {
 padding-left: 135px;
}



.hoPgaeService .bg-ft {
 background-image: url(../img/service32.jpg) !important;
}

/*
=====================
=	  CONTTACT      =
=====================
*/

.contact .banner-introduction img {
 width: 255px;
}

#contact {
 margin-top: 118px;
 margin-bottom: 115px;
}

.grid-926 {
 max-width: 926px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}

span.ctIntro {
 display: block;
 text-align: center;
 font-size: 16px;
 color: #000000;
 letter-spacing: 0.47px;
 line-height: 175%;
}

.ctItem:first-child {
 text-align: center;
}

.ctItem h2 {
 text-align: left;
}

.ctItem:first-child a {
 margin-top: 75px;
 display: inline-block;
}

span.fullTxtIn {
 display: block;
 text-align: center;
 font-size: 16px;
 line-height: 175%;
 letter-spacing: 0;
 color: #000000;
}

span.ctRequ {
 text-align: center;
 display: block;
 padding-top: 60px;
 padding-bottom: 35px;
}

span.ctRequ ul {
 text-align: center;
}

span.ctRequ ul li {
 display: inline-block;
 vertical-align: middle;
 font-size: 16px;
 color: #000;
}

span.ctRequ ul li:last-child {
 padding-top: 2px;
}

span.ctRequ ul li:first-child {
 padding-right: 6px;
}

.ctItem table {
 width: 100%;
 border-collapse: separate;
 border-spacing: 0 5px;
}

.ctItem table tr td {
 vertical-align: middle;
 font-size: 16px;
 color: #000;
}

.ctItem table tr td:first-child {
 width: 210px;
 padding-right: 15px;
}

span.big {
 display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 justify-content: space-between;
 align-items: center;
}

span.ctLeft {
 padding-top: 2px;
}

.ctItem table tr td input {
 width: 100%;
 border: 1px solid #cccccc;
 background-color: #f2f2f2;
 height: 36px;
 outline: none;
 font-size: 16px;
 padding-left: 12px;
 padding-right: 12px;
}

.ctItem table tr td ul {
 padding-left: 7px;
 padding-right: 10px;
 font-size: 0;
 /* padding-top: 30px; */
}

.trarea .pdform-30 {
 padding-top: 30px;
}

.ctItem table tr td ul li {
 vertical-align: middle;
 font-size: 16px;
 color: #000;
 width: 100%;
 text-align: left;
 margin-bottom: 27px;
}

.ctItem table tr td ul li input {
 display: inline-block;
 vertical-align: middle;
 width: 12px;
 height: 12px;
 margin-right: 12px;
}

.ctItem table tr td ul li label {
 display: inline-block;
 vertical-align: middle;
}

.trarea td {
 text-align: left;
}

.trarea p {
 padding-left: 7px;
 padding-bottom: 18px;
}

.ctItem table tr td textarea {
 width: 100%;
 height: 206px;
 border: 1px solid #CCCCCC;
 background-color: #F2F2F2;
 padding-left: 12px;
 padding-right: 12px;
 outline: none;
 resize: none;
 overflow: hidden;
 padding-top: 12px;
 padding-bottom: 12px;
}

.ctItem table tr:last-child td {
 text-align: center;
}

.ctItem table tr.trarea td {
 vertical-align: top;
}

span.btnSubmit {
 display: block;
 text-align: center;
 padding-top: 58px;
 padding-top: 185px;
}

span.btnSubmit input {
 width: 338px;
 height: 62px;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-left: auto;
 margin-right: auto;
 font-size: 18px;
 font-weight: bold;
 color: #fff;
 font-family: inherit;
 background-color: #00A199;
 border: 0;
 outline: none;
 cursor: pointer;
 transition: ease all 0.35s;
}

span.btnSubmit input:hover {
 opacity: 0.75;
}

span.btnSubmit button {
 background: none;
 border: 0;
 outline: 0;
 opacity: 1;
 transition: ease all 0.35s;
 -webkit-transition: ease all 0.35s;
 -moz-transition: ease all 0.35s;
 -ms-transition: ease all 0.35s;
 -o-transition: ease all 0.35s;
 cursor: pointer;
}

span.btnSubmit button:hover {
 opacity: 0.7;
}

span.btnSubmit button img {
 width: 390px;
}

.ctRight img,
.ctRequ ul li img {
 width: 53px;
}

.ctItem table .trimg td {
 text-align: left !important;
 vertical-align: top;
}

.ctItem table .trimg td p {
 padding-left: 7px;
 padding-bottom: 12px;
 /* padding-top: 40px; */
}

.ctItem table .trimg .pdform-40 {
 padding-top: 40px;
}

.ctItem table .trimg td input {
 background-color: #fff;
 border: none;
}

.inputfile-1 + label {
 color: #fff;

}

.trimg label span {
 background-color: #4d4d4d;
 max-width: 330px;
 width: 100%;
 height: 36px;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 cursor: pointer;
}

.trimg label span:hover {
 opacity: 0.7;
}

.trimg input {
 display: none;
}



/*
=====================
=	  RESPONSIVE    =
=====================
*/
@media screen and (max-width:1280px) {
 .heLeft ul li a img {
  width: 15.781vw;
 }

 .heRight ul li:not(:last-child) {
  padding-right: 3.750vw;
 }

 .heRight ul li:nth-child(3) {
  padding-right: 4.688vw;
 }

 .heLeft ul li:not(:first-child) {
  padding-left: 1.953vw;
 }

 .heRight li:nth-child(4) img {
  width: 13.203vw;
 }

 .heRight li:first-child img {
  width: 6.406vw;
 }

 .heRight li:nth-child(2) img {
  width: 9.688vw;
 }

 .heRight li:nth-child(3) img {
  width: 6.250vw;
 }

 .slRight {
  padding-left: 2.734vw;
  width: calc(100% - 167px);
 }

 .slNBg {
  padding-left: 3.750vw;
  padding-right: 3.750vw;
  padding-bottom: 1.953vw;
  padding-top: 3.125vw;
  align-items: center;
 }

 .slRight table tr:first-child td {
  padding-top: 0;
 }

 .cont,
 #Service01 > p,
 .grid-926 {
  padding-left: 1.563vw;
  padding-right: 1.563vw;
 }

 #hoContent02 .cont {
  padding-left: 0;
  padding-right: 0;
 }


 .slNews .cont,
 .wrapHeader .cont {
  padding-left: 0;
  padding-right: 0;
 }

 .ho02Txt h2 img {
  width: 45.859vw;
 }

 .ho02Txt span {
  max-width: 40.781vw;
  width: 100%;
 }

 #hoContent03 .grid-1280 {
  background-size: 47.922vw;
 }

 .ho03cl2 li {
  width: 49%;
  margin-right: 2%;
 }

 .ho03cl2 li:last-child {
  margin-right: 0;
 }

 ul.ho03cl3 li {
  width: 32%;
  margin-right: 2%;
 }

 ul.ho03cl3 li:last-child {
  margin-right: 0;
 }
	
ul.ho03cl4 li {
  width: 32%;
  margin-right: 2%;
 }

 ul.ho03cl4 li:last-child {
  margin-right: 0;
 }	
	

 .BoxA-content .BoxASub1 img {
  width: 41.250vw;
 }

 .Info {
  padding-left: 8.594vw;
 }

 .InfoTel {
  padding-left: 7.813vw;
 }

 #hoContent01 {
  padding-top: 4.063vw;
  padding-bottom: 8.281vw;
 }

 #hoContent03 {
  margin-top: 10.547vw;
  margin-bottom: 10.156vw;
 }

 #hoContent05 {
  padding-top: 7.422vw;
 }

 .slideItem img {
  width: 46.172vw;
 }

 .slideItem {
  height: 62.266vw;
  padding-bottom: 4.688vw;
 }

 .BoxContactAb {
  padding-bottom: 4.688vw;
 }

 .BoxContact {
  margin-bottom: 3.125vw;
 }

 .ho03Left h3 img {
  width: 49.844vw;
 }

 ul.ho03cl2 li:nth-child(1) .txt-img {
  width: 8.906vw;
 }

 ul.ho03cl2 li:nth-child(2) .txt-img {
  width: 21.094vw;
 }

 ul.ho03cl3 li:nth-child(1) .txt-img {
  width: 7.500vw;
 }

 ul.ho03cl3 li:nth-child(2) .txt-img {
  width: 12.500vw;
 }

 ul.ho03cl3 li:nth-child(3) .txt-img {
  width: 20.547vw;
 }

 ul.ho03cl2 li .txt-img,
 ul.ho03cl3 li .txt-img {
  position: absolute;
  bottom: 2.188vw;
  left: 2.734vw;
 }

	
ul.ho03cl4 li:nth-child(1) .txt-img {
  width: 20.547vw;
 }

 ul.ho03cl4 li:nth-child(2) .txt-img {
  width: 12.500vw;
 }

 ul.ho03cl4 li:nth-child(3) .txt-img {
  width: 20.547vw;
 }

 ul.ho03cl4 li .txt-img {
  position: absolute;
  bottom: 2.188vw;
  left: 2.734vw;
 }	
	
	
	
	
 /*
	==================
	=	  SERVICE    =
	==================
	*/
 #Service01 {
  margin-top: 5.078vw;
 }

 #Service01 > p.txt {
  margin-bottom: 4.297vw;
 }

 .ServiceLeft span {
  padding-top: 1.719vw;
 }

 #Service01 .ServiceLRoll .ServiceLeft span {
  padding-top: 3.906vw;
 }

 .BoxServiceList {
  margin-top: 6.641vw;
 }

 .ServiceLink {
  padding-top: 2.578vw;
  padding-bottom: 3.750vw;
  margin-top: 2.891vw;
 }

 #Service02 {
  margin-top: 7.031vw;
 }

 .titlePageSub {
  margin-top: 4.688vw;
 }

 .ServiceContentBg {
  margin-top: 6.406vw;
  padding: 3.125vw 6.250vw;
 }

 .SerBg-Content,
 #Service05 .SerBg-Content {
  padding-left: 4.688vw;
 }

 #Service03 {
  margin-top: 8.203vw;
 }

 #Service04 {
  margin-top: 8.594vw;
 }

 #Service05 {
  margin-top: 8.984vw;
  margin-bottom: 10.156vw;
 }
 #Service06 {
  margin-top: 8.594vw;
 margin-bottom: 0; 
 }
	
	
 .hoPgae .BoxContactAb {
  padding-top: 6.250vw;
 }

 #contact {
  margin-top: 9.219vw;
  margin-bottom: 8.984vw;
 }

 span.ctRequ {
  padding-top: 4.688vw;
  padding-bottom: 2.734vw;
 }

 .ctItem table .trimg .pdform-40 {
  padding-top: 3.125vw;
 }

 .trarea .pdform-30 {
  padding-top: 2.344vw;
 }

 span.btnSubmit {
  display: block;
  text-align: center;
  padding-top: 4.531vw;
  padding-top: 14.453vw;
 }

}

@media screen and (max-width:1200px) {
 .br-PC {
  display: none;
 }

 #hoContent02 .cont {
  padding-left: 1.563vw;
  padding-right: 1.563vw;
 }

 .hoNItem ul li {
  width: 100%;
  text-align: center;
 }

 .hoNItem ul li:not(:first-child) {
  margin-left: 0;
  margin-top: 5px;
 }


}

@media screen and (max-width:1100px) {
 .BoxServiceList li {
  width: 29%;
  margin-right: 6.5%;
 }

 .BoxServiceList li .ServiceTT,
 .BoxServiceList li p {
  line-height: 160%;
  font-size: 14px;
 }

}

@media screen and (max-width:1024px) {
 .wrapHeader .cont {
  padding-left: 0.977vw;
  padding-right: 0.977vw;
 }

}

@media screen and (max-width:1000px) {
 .slRight table tr td {
  font-size: 14px;
  line-height: 160%;
 }

 .slLeft span img {
  width: 16.700vw;
 }

 .slNBg {
  padding-left: 10px;
  padding-right: 10px;
 }

 .InfoTel span a {
  font-size: 20px;
  padding-left: 5px;
 }

 .Info,
 .InfoTel {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
 }

 .InfoTel span {
  font-size: 16px;
 }

 .ServiceLRoll {
  margin-top: 20px;
 }

 .ServiceLeft span,
 #Service01 .ServiceLRoll .ServiceLeft span {
  padding-top: 2vw;
 }

 .ServiceContentBg {
  padding: 4vw 2vw;
 }

 .SerBg-Content p {
  font-size: 14px;
 }

 #hoContent03 .grid-1280 {
  background-size: 37.922vw;
 }


}

@media screen and (max-width: 860px) {
 .BoxServiceList li {
  width: 33%;
  margin-right: 0.5%;
 }

 .SerBg-Content,
 #Service05 .SerBg-Content {
  padding-left: 15px;
 }

 .hoNItem ul li:not(:first-child) {
  margin-left: 0;
  margin-top: 10px;
  margin-bottom: 10px;
 }
}

@media screen and (max-width:767px) {
 .showSP {
  display: block;
 }

 .showPC {
  display: none;
 }

 .slNBg .slLeft .slBtn {
  display: none;
 }

 span.slTt {
  padding-bottom: 0;
 }

 .hopage .BoxContactAb {
  border-top: 1px solid #000;
  padding-top: 20px;
 }

 .heRight ul.menu_pc li {
  display: block;
  vertical-align: middle;
  width: 100%;
  padding-right: 0;
  border-bottom: 1px dashed #fff;
 }

 /* News */
 .hoNItem {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
 }

 .hoNItem:nth-child(2n) {
  margin-right: 0;
 }

 /* End News */
 .heRight ul.menu_pc li:last-child {
  border-bottom: none;
 }

 .wrapHeader,
 .wrapHeader .ow {
  overflow: visible;
 }

 .menu_pc li:last-child a {
  border-bottom: none;
 }

 .menu_pc li a {
  width: 100%;
  padding: 15px 0;
  display: block;
  text-align: center;
 }

 .heLeft li:last-child {
  display: none;
 }

 .heLeft ul li a img {
  width: 260px;
 }

 /* menu tog */
 .wrapHeader {
  position: relative;
 }

 .heRows ul.menu_pc {
  display: none;
 }

 .heRight .menu_pc {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 86px;
  left: 0;
  z-index: 999999;
  width: 100%;
 }

 .menu_sp li {
  text-align: center;
  width: 100%;
 }

 .menu_sp li a {
  display: block;
  color: #ee3c00;
  height: 100%;
 }

 .chane-x {
  float: right;
  position: relative;
 }

 .chane-x::before {
  content: "";
  font-size: 16px;
  color: #fff;
  position: absolute;
  bottom: -25px;
  left: 0;
 }

 .chane-x.change::before {
  content: none;
 }

 .bar1,
 .bar2,
 .bar3 {
  width: 50px;
  height: 4px;
  background-color: #ee3c00;
  margin: 15px 5px;
  transition: 0.4s;
 }

 .ie .bar1,
 .bar2,
 .bar3 {
  transition: 0;
  -webkit-transition: 0;
  -moz-transition: 0;
  -ms-transition: 0;
  -o-transition: 0;
 }

 .change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-16px, 14px);
  transform: rotate(-45deg) translate(-16px, 14px);
  -moz-transform: rotate(-45deg) translate(-16px, 14px);
  -ms-transform: rotate(-45deg) translate(-16px, 14px);
  -o-transform: rotate(-45deg) translate(-16px, 14px);
 }

 .change .bar2 {
  opacity: 0;
 }

 .change .bar3 {
  -webkit-transform: rotate(45deg) translate(-12px, -10px);
  transform: rotate(45deg) translate(-12px, -10px);
  -moz-transform: rotate(45deg) translate(-12px, -10px);
  -ms-transform: rotate(45deg) translate(-12px, -10px);
  -o-transform: rotate(45deg) translate(-12px, -10px);
 }

 /* End menu tog */

 /*
	==============
	=	  TOP    =
	==============
	*/
 .heLeft {
  padding-left: 5px;
 }

 .heRight li:first-child img {
  width: 82px;
 }

 .heRight li:nth-child(2) img {
  width: 124px;
 }

 .heRight li:nth-child(3) img {
  width: 80px;
 }

 .heRight li:nth-child(4) img {
  width: 169px;
 }

 .slLeft,
 .slRight {
  width: 100%;
  padding-left: 0;
  padding-bottom: 20px;
 }

 .slLeft {
  border-bottom: 1px solid #000;
 }

 .slNBg,
 #hoContent05 .cont {
  padding-left: 0;
  padding-right: 0;
 }

 .slRight,
 #hoContent05 .cont .BoxContact,
 #hoContent05 .cont .BoxContactAb {
  padding-left: 10px;
  padding-right: 10px;
 }



 .slRight {
  padding-bottom: 0;
  padding-top: 20px;
 }

 .slLeft span img,
 .showSP span img {
  width: 167px;
 }

 .showSP span {
  text-align: center;
  display: block;
  margin-top: 20px;
 }

 .ho01Left {
  width: 100%;
  margin-right: 0;
 }

 span.ho01Btn {
  padding-top: 20px;
 }

 .ho01Right {
  order: -1;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
 }

 #hoContent01,
 #hoContent02,
 #hoContent03,
 #hoContent04 {
  padding-top: 60px;
  padding-bottom: 60px;
 }

 #hoContent03 {
  margin-top: 0;
  margin-bottom: 0;
 }

 .ho01Left h2 {
  padding-top: 0;
 }

 .ho03Right {
  display: block;
  width: 100%;
  text-align: center;
 }

 .ho03Left {
  width: 100%;
  margin-top: 30px;
 }

 #hoContent03 .grid-1280 {
  background-image: none;
 }

 .br-767-n {
  display: none;
 }

 .ho03 {
  margin-top: 30px;
 }

 #hoContent05 {
  padding-top: 60px;
 }

 p.txt,
 .ho03Left p,
 .ho02Txt span,
 .ho01Left p {
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0;
 }

 .BoxContact {
  margin-bottom: 30px;
 }

 .BoxInfoF .titleStyle01 {
  padding-left: 0;
  padding-top: 0;
  width: 100%;
 }

 .Info,
 .InfoTel {
  width: 49%;
  margin-right: 2%;
  padding-left: 0;
  margin-top: 20px;
 }

 .InfoTel {
  margin-right: 0;
 }

 .ho02Img {
  display: block;
  text-align: center;
 }

 #hoContent02 {
  height: auto;
  background-image: none;
  background-color: #000;

 }

 .ho02Txt {
  float: left;
  margin-top: 30px;
 }

 .ho02Txt span {
  max-width: 100%;
  width: 100%;
 }

 .ho03Left h2 {
  padding-top: 0;
 }

 #hoContent04 .ho4Img {
  display: block;
  width: 100%;
 }

 #hoContent04 {
  background-image: none;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  background: #ee3c00;
 }

 .BoxASub1,
 #hoContent05 .Btn2 {
  margin-top: 30px;
 }

 .BoxContent4 p {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
  text-align: left;
 }

 .BoxA-content .BoxASub2 {
  padding-left: 0;
  margin-top: 12px;
 }

 #hoContent05 iframe {
  height: 50.196vw;
 }

 .slNews {
  position: relative;
 }

 .br-767 {
  display: block;
 }

 .copy-right {
  padding: 20px 0;
 }

 .cont,
 .ServiceLink,
 #Service01 > p {
  padding-left: 10px;
  padding-right: 10px;
 }

 .BoxA-content .BoxASub2 img {
  width: 75px;
 }

 .ho02Txt h2 .titleStyle01-eng img {
  width: 45px;
 }

 .ho02Txt h2 .titleStyle01-eng {
  padding-top: 12px;
 }



 /*
	==================
	=	  COMPANY    =
	==================
	*/
 #Company01,
 #Company02 {
  margin-top: 60px;
 }

 #Company01 .Company-content,
 .companyTb {
  margin-top: 30px;
 }

 .Company-content p {
  margin-top: 20px;
 }

 .Company-content span {
  margin-top: 20px;
 }

 .companyTb td:first-child {
  width: 100%;
  padding-left: 0;
  float: left;
  background: rgba(152, 152, 152, 0.25);
  border-bottom: none;
  padding: 15px;
 }

 .companyTb td:last-child {
  line-height: 160%;
  width: 100%;
  float: left;
  padding: 15px;
 }

 .companyTb td {
  border-bottom: none;
  font-size: 14px;
  line-height: 160%;
 }

 #Company03 {
  margin-top: 45px;
  margin-bottom: 45px;
 }

 .hoPgae .BoxContactAb {
  padding-top: 60px;
  padding-bottom: 60px;
 }

 .banner-txt {
  padding-left: 0;
  padding-top: 0;
 }

 .banner-company .banner-txt img {
  width: 41.042vw;
 }

 .banner-service .banner-txt img {
  width: 38.592vw;
 }

 .banner-contact .banner-txt img {
  width: 38.722vw;
 }

 .banner-new .banner-txt img {
  width: 26.206vw;
 }

 /*
	==================
	=	  SERVICE    =
	==================
	*/
 #Service01 {
  margin-top: 60px;
 }

 #Service01 > p.txt {
  margin-bottom: 60px;
 }

 .ServiceLR {
  margin-top: 30px;
 }

 .ServiceLRoll {
  margin-top: 40px;
 }

 .ServiceLeft p {
  margin-top: 20px;
 }

 .BoxServiceList {
  margin-top: 60px;
 }

 .BoxServiceList li {
  margin-bottom: 30px;
 }

 .BoxServiceList li {
  width: 49%;
  margin-right: 2%;
 }

 .BoxServiceList li:nth-child(2n) {
  margin-right: 0;
 }

 /* .ServiceTT {
		max-width: 304px;
		width: 100%;
	} */
 .BoxServiceList li .ServiceTT,
 .BoxServiceList li p,
 .ServiceImg {
  text-align: center;
 }

 .ServiceLink {
  margin-top: 20px;
 }

 #Service02,
 #Service03,
 #Service04,
 #Service05 {
  margin-top: 60px;
 }

 #Service05 {
  margin-bottom: 60px;
 }

 .titlePageSub,
 .ServiceContentS p,
 .ServiceContentBg {
  margin-top: 30px;
 }

 .ServiceContentBg {
  padding: 20px;
 }

 .SerBg-TT {
  width: 100%;
 }

 .SerBg-Content,
 #Service05 .SerBg-Content {
  padding-left: 0;
  margin-top: 20px;
 }

 .ServiceLeft,
 .ServiceRight {
  width: 100%;
  margin-right: 0;
 }

 .ServiceLeft {
  margin-top: 20px;
 }

 .ServiceRight {
  order: -1;
  text-align: center;
 }

 .ServiceLeft span,
 #Service01 .ServiceLRoll .ServiceLeft span {
  padding-top: 0;
 }

 #Service01 .ServiceLRoll .ServiceLeft {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
 }

 .BoxServiceList li:nth-child(3n) {
  margin-right: 2%;
 }

 .BoxServiceList li:last-child {
  margin-right: 0;
 }

 .ctItem table tr td:first-child,
 .ctItem table tr td:last-child {
  width: 100%;
  float: left;
 }

 .ctItem table tr td:first-child {
  padding-bottom: 15px;
 }

 .ctItem table tr td:last-child {
  padding-bottom: 15px;
 }

 .ctItem table tr td ul {
  padding-left: 0;
  padding-right: 0;
 }

 .ctItem table tr td ul li {
  margin-bottom: 15px;
 }

 .ctItem table tr td ul li:last-child {
  padding-bottom: 0;
 }

 .trarea p {
  padding-left: 0;
  padding-bottom: 0;
 }

 .trarea .pdform-30,
 .ctItem table .trimg .pdform-40 {
  padding-top: 0;
 }

 #contact {
  margin-top: 60px;
  margin-bottom: 60px;
 }

 span.ctRequ {
  padding-top: 20px;
  padding-bottom: 20px;
 }

 span.btnSubmit {
  padding-top: 30px;
 }


}

@media screen and (max-width:580px) {
 .slRight table tr td {
  width: 100%;
  float: left;
 }

 .BoxServiceList li {
  width: 100%;
  margin-right: 0;
 }

 .BoxServiceList {
  margin-top: 30px;
 }

 .BoxServiceList li .ServiceTT {
  padding-bottom: 10px;
  padding-top: 10px;
  line-height: 160%;
 }

}

@media screen and (max-width:480px) {
 .heLeft ul li a img {
  width: 54.167vw;
 }

 .slLeft span img {
  width: 34.792vw;
 }

 .bar1,
 .bar2,
 .bar3 {
  width: 10.417vw;
  height: 0.833vw;
  background-color: #ee3c00;
  margin: 3.125vw 1.042vw;
  transition: 0.4s;
 }

 .change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-3.333vw, 2.917vw);
  transform: rotate(-45deg) translate(-3.333vw, 2.917vw);
  -moz-transform: rotate(-45deg) translate(-3.333vw, 2.917vw);
  -ms-transform: rotate(-45deg) translate(-3.333vw, 2.917vw);
  -o-transform: rotate(-45deg) translate(-3.333vw, 2.917vw);
 }

 .change .bar3 {
  -webkit-transform: rotate(45deg) translate(-12px, -10px);
  transform: rotate(45deg) translate(-12px, -10px);
  -moz-transform: rotate(45deg) translate(-12px, -10px);
  -ms-transform: rotate(45deg) translate(-12px, -10px);
  -o-transform: rotate(45deg) translate(-12px, -10px);
 }

 .wrapHeader {
  height: 20.833vw;
 }

 .heRight .menu_pc {
  top: 17.917vw;
 }

 .slideItem img {
  width: 61.563vw;
 }

 #hoContent01,
 #hoContent02,
 #hoContent03,
 #hoContent04 {
  padding-top: 40px;
  padding-bottom: 40px;
 }

 span.ho01Btn a img {
  width: 52.500vw;
 }

 .ho02Txt h2 img {
  width: 61.042vw;
 }

 .ho03Left h3 img {
  width: 66.458vw;
 }

 .BoxA-content .BoxASub1 img {
  width: 55vw;
 }

 .ho03cl2 li,
 ul.ho03cl3 li,
 ul.ho03cl4 li	{
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
 }

 .ho03cl2 li:last-child,
 ul.ho03cl3 li:last-child,
	ul.ho03cl4 li:last-child{
  margin-bottom: 0;
 }

 ul.ho03cl2,
 ul.ho03cl3,
 ul.ho03cl4{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
 }

 .slRight table tr:last-child td {
  padding-bottom: 0;
 }

 .ho01Left h2 {
  padding-bottom: 20px;
 }

 span.ho02Btn {
  padding-top: 20px;
 }

 .ho03Left p {
  padding-top: 20px;
 }

 #hoContent05 {
  padding-top: 40px;
 }

 .BoxContact {
  margin-bottom: 40px;
 }

 .BoxASub1,
 #hoContent05 .Btn2 {
  margin-top: 20px;
 }

 .Info,
 .InfoTel {
  width: 100%;
  margin-right: 00;
  padding-left: 0;
  margin-top: 20px;
 }

 .BoxContactAb {
  padding-bottom: 40px;
 }

 .hopage .BoxContactAb {
  padding-top: 40px;
 }

 .ie span.ho02Btn a {
  width: 100%;
  display: block;
 }

 .scrolltop {
  bottom: 10px;
  right: 10px;
 }

 .br-480 {
  display: block;
 }

 ul.ho03cl2 li:nth-child(1) .txt-img {
  width: 15.83vw;
 }

 ul.ho03cl2 li:nth-child(2) .txt-img {
  width: 37.5vw;
 }

 ul.ho03cl3 li:nth-child(1) .txt-img {
  width: 13.33vw;
 }

 ul.ho03cl3 li:nth-child(2) .txt-img {
  width: 22.222vw;
 }

 ul.ho03cl3 li:nth-child(2) img {
  /* border: none; */
 }

 ul.ho03cl3 li:nth-child(3) .txt-img {
  width: 36.528vw;
 }

 ul.ho03cl3 li img {
  width: 100%;
 }

 ul.ho03cl2 li .txt-img,
 ul.ho03cl3 li .txt-img {
  bottom: 4.167vw;
  left: 4.167vw;
 }

 ul.ho03cl3 li > img {
  display: none;
 }

 ul.ho03cl3 li .img-480 {
  display: block;
 }

 ul.ho03cl4 li:nth-child(1) .txt-img {
  width: 36.528vw;
 }

 ul.ho03cl4 li:nth-child(2) .txt-img {
  width: 22.222vw;
 }

 ul.ho03cl4 li:nth-child(2) img {
  /* border: none; */
 }

 ul.ho03cl4 li:nth-child(3) .txt-img {
  width: 36.528vw;
 }

 ul.ho03cl4 li img {
  width: 100%;
 }

 ul.ho03cl4 li .txt-img {
  bottom: 4.167vw;
  left: 4.167vw;
 }

 ul.ho03cl4 li > img {
  display: none;
 }

 ul.ho03cl3 li .img-480 {
  display: block;
 }	
	
ul.ho03cl4 li .img-480 {
  display: block;
 }		
	
	
	
 /*
	==================
	=	  COMPANY    =
	==================
	*/
 #Company01,
 #Company02 {
  margin-top: 40px;
 }

 #Company01 .Company-content,
 .companyTb {
  margin-top: 20px;
 }

 .companyTb td:last-child {
  line-height: 160%;
  width: 100%;
  float: left;
  padding: 10px;
 }

 #Company03 {
  margin-top: 30px;
  margin-bottom: 30px;
 }

 .hoPgae .BoxContactAb {
  padding-top: 40px;
  padding-bottom: 40px;
 }

 .companyTb td:first-child {
  padding: 10px;
 }

 /*
	==================
	=	  SERVICE    =
	==================
	*/
 #Service01,
 #Service02,
 #Service03,
 #Service04,
 #Service05,
 #Service06	{
  margin-top: 40px;
 }

 #Service01 > p.txt {
  margin-bottom: 40px;
 }

 .ServiceLR {
  margin-top: 20px;
 }

 .ServiceLRoll,
 .BoxServiceList {
  margin-top: 40px;
 }

 .ServiceLink {
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
 }

 .banner-company .banner-txt img {
  width: 41.042vw;
 }

 .banner-service .banner-txt img {
  width: 61.667vw;
 }

 .banner-contact .banner-txt img {
  width: 61.875vw;
 }

 .banner-new .banner-txt img {
  width: 41.875vw;
 }

 #Service05 {
  margin-bottom: 40px;
 }

 .br-copy {
  display: block;
 }

 #banner {
  height: 60vw;
 }

 .scrolltop {
  width: 40px;
  height: 40px;
 }

 .showSP-480 {
  display: block;
 }

 #Company01 .Company-content img {
  width: 49.792vw;
 }

 .showPC-480 {
  display: none;
 }

 #contact {
  margin-top: 40px;
  margin-bottom: 40px;
 }

 .ctItem table tr td:first-child {
  padding-right: 0;
 }

 .ie span.btnSubmit button img {
  width: 100%;
  display: block;
 }

 .slNBg {
  padding-top: 40px;
 }

 #Service01 .ServiceLR:first-child .ServiceLeft img {
  width: 74.583vw;
 }

 #Service01 .ServiceLRoll .ServiceLeft img {
  width: 75vw;
 }

 #Service02 .ServiceLeft img {
  width: 54.583vw;
 }

 #Service03 .ServiceLeft img {
  width: 64.583vw;
 }

 #Service04 .ServiceLeft img {
  width: 74.583vw;
 }

 #Service05 .ServiceLeft img {
  width: 54.583vw;
 }

 .ServiceLeft .pc-480 {
  display: none;
 }

 .ServiceLeft .sp-480 {
  display: block;
 }

 /* News */
 .hoNItem {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
 }

 .hoNItem:nth-child(2n) {
  margin-right: 0;
 }

 /* End News */

}
