.spShow {display: none;}
@media only screen and (max-width: 1275px) {

}

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

}

@media only screen and (max-width: 768px) {
.spShow {display: block;}
.spHide {display: none;}
#header {padding-bottom: 40px; margin-bottom: 40px;}
#header .pt30 {padding-top: 15px;}
#header .logo {width: 50%; font-size: 12px;}
#header p.hpos {width: 80%; margin: 15px auto; padding-top: 70px;}
#header h1 {font-size: 20px; padding-top: 21%; left: -15%;}
#header h1 span {font-size: 16px;}
#header h2 {font-size: 17px;}
.icHead  {width: 70%; bottom: -60px;}
.des .content {padding: 30px 15px;}
.coRed {font-size: 14px;}
h2.tit1, h2.tit2, h2.tit3, h2.tit4 {font-size: 5vw; line-height: normal;}
.pItem {margin-bottom: 70px;}
.pItem h3 {font-size: 14px; line-height: 16px; margin-top: 30px; background-size: 30px auto; padding: 10px 0 10px 40px;}
.pItem:nth-child(2n) h3 {margin-left: -5px;}
.pItem:nth-child(odd) .col-xs-7 {padding-left: 0;}
.pItem:nth-child(even) .col-xs-7 {padding-right: 0;}
.pItem:nth-child(odd) .col-xs-5 {padding-right: 10px;}
.pItem:nth-child(even) .col-xs-5 {padding-left: 10px;}
.pItem .col-xs-7 p {padding: 0 0 0 20px; font-size: 12px;}
.content {padding: 0 15px; overflow: hidden;}
.icon01:before {width: 120px; height: 71px; bottom: -43%;}
.icon02:before {width: 70px; height: 71px; bottom: -45%; left: -9%;}
.btnSty a {font-size: 14px; line-height: 30px;}
.btnSty.ic:before {content: ""; width: 129px; height: 50px; left: -23%;}
.btnSty.ic:after {content: ""; width: 117px; height: 70px; right: -20%;}
h3.tit {font-size: 20px; margin-bottom: 30px;}
h2.tit5 {font-size: 16px; line-height: 24px;}
.ic_bg:before, .ic_bg:after {width: 80px; height: 80px; background-size: cover; margin-top: 0;}
.ic_bg:before {left: 0;}
.ic_bg:after {right: 0;}
.info .item {font-size: 12px; line-height: 16px; margin-bottom: 30px;}
.info .item p {font-size: 12px; line-height: 16px;}
.info .item img.spShow.fLeft {margin: 10px 10px 10px 0;}
.info .item img.spShow.fRight {margin: 10px 0 10px 10px;}
.fWidth.info .item p.pl40 {padding-left: 20px;}
.fWidth.info .item p.pr40 {padding-right: 20px;}
.item .col-xs-5 {display: none;}
.mVoices {padding: 0 15px;}
.mVoices .item {padding: 30px 25px; margin-bottom: 30px; min-height: auto;}
.mVoices .item p {font-size: 12px; line-height: 16px;}
.mVoices .item h5 {font-size: 20px; line-height: 26px;}
#footer {padding-top: 30px;}
#footer .fWidth {padding-left: 15px; padding-right: 15px;}
#footer .logo {margin-bottom: 20px;}
#footer .logo.spShow {display: block;}
#footer .logo.spHide {display: none;}
#footer h4 {font-size: 12px; margin-bottom: 10px;}
#footer p {font-size: 10px; margin-bottom: 10px;}
#footer .btnCont {font-size: 16px; padding: 2px 10px; border-radius: 3px;}
.foImg {max-width: 45%;}
.flagTit {font-size: 16px;}
.l38 {line-height: 24px;}
.f18 {font-size: 12px;}
.mb45, .mb80, .mb60, .mb100 {margin-bottom: 30px;}
.pt80, .pt100 {padding-top: 30px;}
.pb80 {padding-bottom: 30px;}
.sp_mb20 {margin-bottom: 20px;}
}

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

}

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

}

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

}

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

}