﻿@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#header{
	width: 100%;
	position: relative;
}
.header{
	height: 98px;
}
.headLeft{
	float: left;
	width: 57%;
	/*padding: 18px 0 17px 37px;*/
padding: 15px 0 15px 35px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.headRight{
	float: right;
	width: 43%;
}
.headInfo{
	font-weight: bold;
	color: #5f5f5f;
}
.headTel{
	margin-left: 65px;
}
.headTel .headPhone{
	color: #0088D5;
	/*padding-left: 38px;*/
	box-sizing: border-box;
	background: url('../img/index/tel.png')no-repeat left 5px center;
	background-size: 18px 19px;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3;
    	display: block;
   	margin-bottom: 10px;
	pointer-events: none;
/*画像リンク調整*/
	margin-left: -38px;
}


.enItem .headMess,
.headTel .headMess{
	color: #0088D5;
	/*padding-left: 38px;*/
	box-sizing: border-box;
	background: url('../img/index/email.png')no-repeat left center;
	background-size: 27px 17px;
	font-size: 12px;
	font-weight: bold;
/*画像リンク調整*/
	margin-left: -38px;
}


.headTel a{
/*画像リンク調整*/
	padding-left: 38px !important;
}


.enItem .headMess{
display:none;
}

.headEnglish{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0088D5;
	height: 98px;
}
.headSearch{
	float: left;
	width: 60%;
	background: #76C3E5;
	height: 98px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	box-sizing: border-box;
}
.headEnglish{
	float: right;
	width: 40%;
}
.headEnglishsp a,
.headEnglish a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
}
.schitem{
	position: relative;
	max-width: 223px;
	width: 100%;
}
.schlist01{
	border: none;
	height: 28px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 25px 0 10px;
	background: #B1DCEF;
	max-width: 223px;
}
.schlist02{
	border: none;
	width: 17px;
	height: 16px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 7px;
	z-index: 10;
	background: url('../img/index/serch.png')no-repeat center center;
	color: transparent;
}
#gNavSub{
    position: relative;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #C8C8C8;
}
#gNavSub ul{
    border-top: 1px solid #C8C8C8;
    border-bottom: 1px solid #E6E6E6;	
}
#gNavSub ul li{
	float: left;
	width: 14.28%;
	text-align: center;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #C8C8C8;
	position: relative;
	box-sizing: border-box;
}
#gNavSub ul li:before{
	position: absolute;
	width: 100%;
	height: 16px;
	bottom: 0;
	left: 0;
	content:"";
  background: -webkit-linear-gradient(top, rgba(255,0,0,0), #E6E6E6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, rgba(255,0,0,0), #E6E6E6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, rgba(255,0,0,0), #E6E6E6); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, rgba(255,0,0,0), #E6E6E6); /* ?准的?法（必?放在最后） */
}
#gNavSub ul li:first-child{
	border-left: none;
}
#gNavSub ul li:last-child{
	border-right: none;
}
#gNavSub ul li a{
	font-size: 14px;
	font-weight: bold;
	color: #5F5F5F;
	width: 100%;
	display: block;
	padding: 24px 0;
	box-sizing: border-box;
}
#gNavSub ul li a span{
	font-size: 10px;
	color: #0088D5;
	display: block;
	margin-top: 5px;
}
#gNavSub ul li a:hover{
	opacity: 0.8;
	transition: all 0.3s;
}

.indexNner{
	max-width: 1140px;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	margin: 0 auto;
}
.contTop{
	background-color: #E5F3FB;
	padding: 40px 0 0;
	box-sizing: border-box;
}
.contTop .itemUl{
	background: #fff;
	padding:10px 10px 40px;
	-webkit-box-shadow: 5px 5px 0px #E6E6E6;
	-moz-box-shadow: 5px 5px 0px #E6E6E6;
	-o-box-shadow: 5px 5px 0px #E6E6E6;
	box-shadow: 5px 5px 0px #E6E6E6;
	position: relative;
}
.contTop ul{
	margin-left: -40px;
}
.contTop ul li{
	float: left;
	width: 25%;
	padding-left: 40px;
	box-sizing: border-box;
	margin-bottom: 35px;
}
.contTop ul li:first-child{
	float: left;
	width: 50%;
	padding-left: 40px;
	box-sizing: border-box;
}
.contTop .itemList li:first-child{
	width: 25%;
}
.itemImg img{
	width: 100%;
}
.itemSub{
	font-weight: bold;
	font-size: 17px;
	color: #0088D5;
	margin: 15px 0 13px;
}
.itemInfo{
	font-size: 13px;
	color: #5F5F5F;
	padding-bottom: 40px;
}
.itemBtn{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 40px;
	border: 2px solid #0088D5;
	box-sizing: border-box;
	height: 35px;
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	color: #0872CB;
	padding-right: 35px;
	padding-left: 35px;
	background: url('../img/index/arrow_btn.png')no-repeat right 25px center;
}
.itemBtn:hover{
	opacity: 0.8;
	color: #0872CB;
}
.contMidd{
	padding: 60px 0;
	box-sizing: border-box;
}
.middInner{
	max-width: 1020px;
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
}
.newsBox{
	border-top: 3px solid #E6E6E6;
}

.newTitle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding:22px 30px;
	box-sizing: border-box; 
	border-bottom: 2px solid #E6E6E6;
    color: #5F5F5F;
}
.newTitle:before{
	background: url('../img/index/news_04.png')no-repeat;
	position: absolute;
	top: -3px;
	width: 148px;
	height: 3px;
	left: 0;
	content: '';
}
.newTitle span{
	font-size: 20px;
}
.newTitle a{
	font-size: 20px;
	font-weight: bold;
	color: #5F5F5F;
	padding-left: 42px;
	padding-right: 20px;
	box-sizing: border-box;
	position: relative;
	background: url('../img/index/news_01.png')no-repeat left center;
}
.newTitle a:before{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 15px;
	height: 16px;
	right: 0;
	content: '';	
	background: url('../img/index/news_02.png')no-repeat right top;
}
.topicWrap{
	padding:20px 0;
	box-sizing: border-box;
	border-bottom: 2px solid #E6E6E6;
}
.topicWrap dl{
	box-sizing: border-box;
	padding: 15px 0 15px 0;
}
.topicWrap dl dt{
	font-weight: 200;
	color: #5F5F5F;
	font-size: 12px;
	float: left;
	max-width: 240px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 0 30px;
	position: relative;
}
.topicWrap dl dd{
	overflow: hidden;
	padding-left: 60px;
	position: relative;
	padding-right: 80px;
    box-sizing: border-box;
}
.topicWrap dl dd .time{
	font-weight: 200;
	font-size: 16px; 
}
.topicWrap dl dd .note{
	font-weight: 200;
	color: #ff0000;
	font-size: 16px;
}
.topicWrap dd a {
    font-weight: 400;
    color: #5F5F5F;
    font-size: 13px;
}
.topicWrap dd a:hover{
	text-decoration: underline;
}
.topicWrap dd .newTips{
	position: absolute;
	right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #5F5F5F;
    font-weight: normal;
    font-size: 12px;
    padding-right: 15px;
	background: url('../img/index/news_03.png')no-repeat right center;   
}
.topicWrap dl dt:before{
	background: url('../img/top/icon02.png')no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	height: 30px;
	background-size: cover;
	left: 0;
	content: '';
}
.newspan {
    height: 25px;
    font-size: 13px;
    text-align: center;
    font-weight: 400;
    padding: 0 15px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0088D5;
    color: #fff;
    position: absolute;right: 0;
    top: 50%;
    transform: translateY(-50%);
    min-width: 82px;
}
.irspan{	
    background: #FF2E6D;
}
.contBox{
	background: #0088D5;
	padding: 45px 0;
}
.contDL{}
.contDL dt{
	float: left;
	max-width: 210px;
	width: 100%;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-left: 30px;
	padding: 15px 0;
    box-sizing: border-box;
}
.contDL dd{
	overflow: hidden;
	display: flex;
}
.contDL dd a{
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 60px;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 310px;
	justify-content: center;
}
.telTips {
    font-size: 20px;
    background: url('../img/index/news_05.png')no-repeat left 60px center;
    padding-left: 80px;
    padding-right: 20px;
    box-sizing: border-box;
    pointer-events: none;
}
.emailTips {
    font-size: 14px;
    margin-left: 20px;
    background: url('../img/index/news_06.png')no-repeat left 15px center;
    padding-left: 60px;
    padding-right: 20px;
    box-sizing: border-box;
}
.contVoice{	
	background: url('../img/index/backing.jpg')no-repeat center center;
	min-height: 686px;
	padding: 60px 0;
	box-sizing: border-box;
	background-size: cover;  
}
.voiceHdl{
	text-align: center;
	color: #0088D5;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 60px;
}
.contVoice ul{
	margin-left: -30px;
}
.contVoice ul li{
	float: left;
	width: 25%;
	padding-left: 30px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.contVoice ul li .voiceItem{
	background: #fff;
	text-align: center;
	padding: 50px 15px 20px;
	max-height: 220px;
}
.contVoice ul li  .voiceInfo{
	color: #0088D5;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}
.contVoice .voiceList{
	margin-left: 0;
	text-align: center;
}
.contVoice .voiceList li{
	float: none;
	width: 25%;
	box-sizing: border-box;
	margin-bottom: 30px;
	display: inline-block;
    padding: 0 12px;
}
.voiceItem img{
	margin: 0 auto;
}
.linksBox{
	margin-left: -55px;
	position: relative;
	padding-bottom: 60px;
}
.linkLogo{
	position: absolute;
	right: 0;
	bottom: 60px;
}
.linksBox ul{
	float: left;
	padding-left: 55px;
	box-sizing: border-box;
}
.linksBox ul h2{
	color: #0088D5;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}
.linksBox ul li a{
	color: #5f5f5f;
	box-sizing: border-box;
	position: relative;
}
.linksBox .threeUl li a:after{
	display: inline-block;
	top: 5px;
	right: 0;
	content: '';
	background: url('../img/index/outline.png')no-repeat center center;
	width: 11px;
	height: 11px;
	margin-left: 5px;
}
.linksBox .firstUl li{
	padding-left: 13px;
	box-sizing: border-box;
	font-size: 12px;
	margin-bottom: 15px;
	background: url('../img/index/arrow_btn.png')no-repeat left center;
	color: #5f5f5f;
}
.contLinks{
	background: #fff;
	padding: 55px 0 0;
}
.linksBox .threeUl li{
	padding-left: 13px;
	box-sizing: border-box;
	font-size: 12px;
	margin-bottom: 15px;
	background: url('../img/index/arrow_btn.png')no-repeat left top 5px;
}




.linksList{
	float: left;
	padding-left: 1%;
	/*width: 50%;*/
	max-width: 484px;	
}
.linksList li {
	margin: 0 8% 10px 0;
	padding: 0 0 10px 46px;
	width: 90%;
	max-width: 430px;
	float: left;
	color: #c8c8c8;
	font-size: 12px;
	line-height: 1.5;
	word-wrap: break-word;
	box-sizing: border-box;
	background: url('../img/common/icon02.png') no-repeat 6px 4px;
	border-bottom: 1px solid #383838;
	min-height: 100px;
}
/*
#gFooter .fBox .twitter li:nth-child(3),
*/
.linksList li:nth-child(4),
.linksList .liStyle {
	border-bottom: none;
}

.linksList li a {
color:#0088B2;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.linksList li a:hover {
	color: #fff;
}












.firstUl{
	width: 28%;
}
.secondUl{
	width: 49%;
}
.threeUl{
	width: 23%;
}
.footItem{
	background: #0040C5;
	padding: 28px 0;
}
.footMenu{}
.footMenu ul{}
.footMenu ul li{
	float: left;
	box-sizing: border-box;
	padding: 0 11px;
	text-align: center;
	border-right: 1px solid #fff;
	line-height: 1;
}
.footMenu ul li:last-child{
	border-right: none;
}
.footMenu ul li a{
	font-size: 13px;
	color: #fff;
}
.footMenu ul li a:hover{
	text-decoration: underline;
}
.footFlex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footItem .copyright{
	color: #fff;
	font-size: 12px;
}

.englisgTips,.telItem{display: none;}
#gNavSub.active{
	display: none;
}
.faqInfo.active{
	display: none;
}
.faqInfo{
	display: none;
}


/*@media screen and (max-width: 768px)*/
@media screen and (max-width: 850px) {
.headTel {
    margin-left: 5.4%;
}
}

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

.headLeft {
    width: 70%;
    padding: 15px 0 15px 3%;
}
.headRight {
    width: 30%;
}
.telTips {
    font-size: 20px;
    background: url('../img/index/news_05.png')no-repeat left 30px center;
    padding-left: 40px;
    padding-right: 20px;
    box-sizing: border-box;
}
.emailTips {
    font-size: 14px;
    margin-left: 20px;
    background: url('../img/index/news_06.png')no-repeat left 10px center;
    padding-left: 45px;
    padding-right: 20px;
    box-sizing: border-box;
}
}
/*** タブレット 768x ~ 959px***/
/*@media screen and (max-width: 768px)*/
@media screen and (max-width: 850px) {

.enItem .headMess{
display:block;
margin-top: 12px;
margin-right: 56px;
    float: right;
}

.headMess a{
/*画像リンク調整*/
	padding-left: 38px !important;
}


.headInfo,.headTel .headMess,.headRight,.headTel .headPhone{
   display: none;
}
#gNavSub ul li:before{display: none;}
.headLeft {
    width: auto;
    padding: 9px 0 9px 3%;
    z-index: 10000;
    position: relative;
}

#gNavSub ul{
    top: 98px;
}

header {
    height: 98px;
min-height: 98px;
}

/*
.header {
    height: 70px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10000;
    background: #fff;
}*/
#headerLinks{
    z-index: 10000;
    position: relative;
    position: absolute;
    top: 0;
    right: 0;
}
#gNavSub {
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100vh;
    padding-top: 70px;
    border-top: none;
}
#gNavSub ul li {
    float: none;
    width: 100%;
    border-right: none;
    border-left: none;
}
#gNavSub ul li a {
    font-size: 12px;
    padding: 15px 0;
}
.btnMenu {
  position: relative;
  z-index: 998;
  width: 55px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  box-sizing: border-box;
}
.btnMenu a {
    display: block;
    width: 55px;
    height: 70px;
    box-sizing: border-box;
    position: relative;
}

.btnMenu a span {
  display: block;
  background: #333333;
  width: 24px;
  height: 3px;
  border-radius:3px;
  position: absolute;
  left: 0;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.btnMenu a span:first-child {
    top: 50%;
    margin-top: -8px;
}

.btnMenu a span:nth-child(2) {
    margin-top: -2px;
    top: 50%;
}

.btnMenu a span:last-child {
  bottom: 50%;
    margin-bottom: -8px;
}

.btnMenu.active a span {
  background: #666666;
}
.btnMenu.active a span:first-child {
  -webkit-transform: translateY(6px) rotate(45deg);
  -moz-transform: translateY(6px) rotate(45deg);
  -ms-transform: translateY(6px) rotate(45deg);
  transform: translateY(6px) rotate(45deg);
}

.btnMenu.active a span:nth-child(2) {
  opacity: 0;
}

.btnMenu.active a span:last-child {
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -moz-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}
.englisgTips{
	display: block;
	background: #0088D5;
	color: #fff;
	padding: 26px 0;
}

.telItem{
    display: flex;
    align-items: center;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    right: 55px;
}


.telItem a{
	width: 55px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
}

.mailBoxs{
display: none;
}

.telBoxs{
    background: #E5F3FB;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faqBoxs{
    background: #E5F3FB;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-left: 1px;
}

.headEnglishsp{
color: #fff;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0088D5;
    width: 55px;
    height: 55px;
}

.englisgTips a{
color:#fff !important;
}


.faqInfo{
	display: none;
    position: absolute;
    top: 70px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px 10px;
    z-index: 5555;
    background: #B1DCEF;
    width:100%;
    box-sizing: border-box;
}
.faqInfo .schitem {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}

.faqInfo .schlist01 {
    border: none;
    height: 28px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px 0 10px;
    background: #fff;
    max-width: 100%;
}
.itemBtn {
    max-width: 130px;
    padding-right: 25px;
    padding-left: 25px;
	background: url(../img/index/arrow_btn.png)no-repeat right 15px center;
}



.telTips {
    pointer-events: initial;
}


.contTop ul {
    margin-left: -20px;
}
.contTop ul li {
    padding-left: 20px;
    margin-bottom: 20px;
}
.contTop ul:first-child li:first-child {
    float: none;
    width: 100%;
    padding-left: 20px;
}
.itemSub {
    font-size: 12px;
    margin: 9px 0 7px;
}
.topicWrap dl dd {
    overflow: hidden;
    padding-left: 15px;
    position: relative;
    margin-top: 20px;
    padding-right: 0;
}
.topicWrap dl dt {
    float: none;
    padding: 0 0 0 15px;max-width: 170px;
}
.newTitle {
    padding: 16px 15px;
}
.newTitle span {
    font-size: 18px;
}
.newTitle a {
    font-size: 18px;
}
.contMidd {
    padding: 30px 0;
}
.contBox {
    background: #0088D5;
    padding: 25px 0;
}
.contDL dt {
    float: none;
    max-width: 100%;
    font-size: 20px;
    margin-left: 0;
    margin-bottom: 10px;
    text-align: center;
}
.contDL dd {
    overflow: hidden;
    display: block;
}
.contDL dd a {
    height: 40px;
    max-width: 310px;
    margin: 0 auto 10px;
}
.topicWrap dd .newTips {
    position: unset;
    font-size: 12px;
    padding-right: 15px;
    background: url('../img/index/news_03.png')no-repeat left 65px center;
    display: block;
    margin-top: 15px;
}
.contTop ul li {
    float: left;
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.contTop .itemList li:first-child {
    width: 50%;
    padding-left: 20px;
}

.contVoice .voiceList li {
    float: left; 
    display: block;
    padding: 0 0 0 15px;
    width: 50%;
    margin-bottom: 15px;
}
.contVoice ul li {
    width: 50%;
    padding-left: 15px;
    margin-bottom: 15px;
}
.contVoice ul {
    margin-left: -15px;
}
.voiceHdl {
    font-size: 18px;
    margin-bottom: 30px;
}
.contVoice {
    padding: 30px 0;
}
.contVoice ul li .voiceInfo {
    font-size: 12px;
    margin-top: 5px;
}
.contVoice ul li .voiceItem {
    padding: 20px 15px 20px;
    max-height: 180px;
}

.linksBox ul {
    float: none;
    padding-left: 0;
    margin-bottom: 15px;
clear: both;
}
.linksBox {
    margin-left: 0;
    margin-top: 23px;
    padding-bottom: 30px;
}
.firstUl{
	width: 100%;
}
.secondUl{
	width: 100%;
}
.threeUl{
	width: 100%;
}

.linksBox .firstUl li {
    margin-bottom: 10px;
}
.linksBox .threeUl li {
    margin-bottom: 10px;
}
.linkLogo {
    bottom: 30px;
}
.footFlex {
    display: block;
}
.footItem {
    padding: 14px 0;
}
.footMenu ul{
	text-align: center;
}
.footMenu ul li:nth-child(1),
.footMenu ul li:nth-child(2),
.footMenu ul li:nth-child(3),
.footMenu ul li:nth-child(4),
.footMenu ul li:nth-child(5),
.footMenu ul li:nth-child(6),
.footMenu ul li:nth-child(7){
    float: none;
    box-sizing: border-box;
    padding: 0 11px;
    text-align: center;
    border-right: 1px solid #fff;
    display: inline-block;
    margin-top: 10px;
}
.footMenu ul li:nth-child(7){
    border-right: none;
}
.footItem .copyright {
    font-size: 11px;
    text-align: center;
    margin-top: 15px;
}

.contLinks {
    background: #fff;
    padding: 25px 0 0;
}
.linksList{
	padding: 0 10px;
    box-sizing: border-box;
}
.linksList img{
	width: 100%;
}
}



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


.telItem {
    top: 50%
}

.mailBoxs,
.telBoxs,
.faqBoxs,
.headEnglishsp{
    width: 40px;
    height: 45px;

}

.mailBoxs{
    margin-right: 1px;
    background: #E5F3FB;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enItem .headMess{
    display: none;
}
}


@media screen and (max-width: 360px) {
.mailBoxs, .telBoxs, .faqBoxs, .headEnglishsp {
    width: 32px;
    height: 32px;
}

.telItem {
    top: 40%
}
}