/* ----------- mv ----------- */
.mv {
	overflow: hidden;
}
.mv_bg{
	background: url(../img/mv_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
}
.mv_center{
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 733px;
}
.mv_Inner{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 5.5rem;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	letter-spacing: 23px;
}
.mv_Inner p{
	display: inline-block;
}
.mv_Inner span{
	display: inline-block;
	opacity: 0;
}

/* ----------- about ----------- */
.about{
	padding-top: 146px;
}
.about_box{
	padding-left: calc(50% + 48px);
	/* padding-right: 35px; */
}
.about_bg{
	position: relative;
	
}
.about_bg::after{
	content: "";
	display: block;
	width: calc(50% - 48px);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/about_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.about .part_title h2 {
	text-align: justify;
}
.about_Inner{
	font-size: 1.8rem;
	line-height: 3.0rem;
	color: #070731;
	letter-spacing: -0.5px;
	text-align: justify;
	margin-top: 40px;
}

/* ----------- strengths ----------- */

.strengths{
	padding-top: 130px;
}

.strengths_synopsis{
	font-size: 1.8rem;
	color: #070731;
	text-align: center;
	line-height: 3.2rem;
	padding-top: 45px;
}
.strengths_bg{
	background: url(../img/strengths_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-top: 33px;
	padding: 80px 0 102px;
}
.strengths_list{
	overflow: hidden;
}
.strengths_list>li{
	width: 30.416%;
	float: left;
	margin-right: 4.376%;
}
.strengths_list>li:nth-child(3n){
	margin-right: 0%;
}
.strengths_Box{
	
}
.strengths_point{
	font-size: 0;
}
.strengths_point img{
	display: block;
	position: relative;
	top: 2px;
}
.strengths_inner{
	background-color: #FFFFFF;
	padding: 45px 34px 38px;
}

.strengths_iTitle{
	font-size: 2.2rem;
	color: #070731;
	font-weight: bold;
	line-height: 3.0rem;
	/* text-align: justify; */
}
.strengths_iText{
	font-size: 1.8rem;
	color: #070731;
	/* text-align: justify; */
	line-height: 3.0rem;
	padding-top: 13px;
}

/* ----------- service ----------- */
.service{
	padding-top: 105px;
	padding-bottom: 102px;
	
}
.service_list{
	padding: 85px 0px 0;
	
}
.service_list>ul{
	overflow: hidden;
	width: 1030px;
	max-width: 100%;
	margin: 0 auto;
}
.service_list>ul>li{
	width: 33.333%;
	float: left;
	box-sizing: border-box;
	
	border-bottom: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	padding: 10px 25px 25px;
}
.service_list>ul>li:nth-child(3n){
	border-right: none;
}
.service_list>ul>li:nth-child(4),.service_list>ul>li:nth-child(5),.service_list>ul>li:nth-child(6){
	border-bottom: none;
	padding-top: 30px;
}
.service_img{
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.service_img div{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
.service_img div img{
	display: block;
	margin: 0 auto;
	
}
.service_inner{
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 20px;
}
.service_inner p{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-size: 1.6rem;
	color: #070731;
	line-height: 2.4rem;
	text-align: center;
}

/* ----------- handling ----------- */
.handling{
	padding: 104px 0 122px;
	background-color: #e6ecf3;
}
.handling_swiper{
	margin-top: 46px;
}
.handling_cbox{
	
}

.handling_swiper .swiper-slide{
	width: 386px;
}
.handling_swiper .swiper-slide a{
	display: block;
}
.handling_swiper .swiper-slide a:hover{
	opacity: 0.9;
}
.handling_swiper .swiper-slide a .handling_cbox{
	border: 1px solid #FFFFFF;
}
.handling_swiper .swiper-slide a img{
	display: block;
	margin: 0 auto;
	width: 100%;
}

.handling_swiper .swiper-slide-active a .handling_cbox{
	border: 1px solid #3c4e93;
}

.handling_swiperBottom{
	position: relative;
	margin-top: 45px;
}
.handling_swiperBottom .swiper-pagination {
    position: relative;
    text-align: justify;
    opacity: 1;
    z-index: 10;
	font-size: 0;
}
.handling_swiperBottom .swiper-pagination-bullet {
    width: 19.5%;
    height: auto;
    display: inline-block;
    border-radius: 0;
    background: transparent;
    opacity: 1;
	margin-right: 0.625%;
	font-size: 1.8rem;
	line-height: 1;
	padding-bottom: 3px;
	border-bottom: 8px solid #FFFFFF;
}
.handling_swiperBottom .swiper-pagination-bullet:last-child{
	margin-right: 0;
}
.handling_swiperBottom .swiper-pagination-bullet-active {
    opacity: 1;
    color: #30438c;
	border-bottom: 8px solid #30438c;
}















/* ----------- export ----------- */
.export{
	background: url(../img/export_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 155px 0 140px;
}
.export_list{
	padding-top: 45px;
}
.export_list>ul{
	overflow: hidden;
	text-align: center;
	font-size: 0;
	margin-bottom: -10px;
}
.export_list>ul>li{
	display: inline-block;
	width: 230px;
	margin: 0 3.5px 10px;
}
.export_Box{
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid rgba(255,255,255,0.6);
	min-height: 63px;
}
.export_inner{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFFFFF;
	text-align: center;
	font-size: 2.0rem;
	line-height: 2.2rem;
	padding: 7px 3px 4px;
	font-weight: bold;
}
.export_inner p span{
	font-size: 1.4rem;
}

/* ----------- company ----------- */
.company{
	padding-top: 125px;
	padding-bottom: 120px;
	background: url(../img/company_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.company_list{
	max-width: 915px;
	margin: 0 auto;
}
.company_list>ul{
	margin-top: 60px;
	margin-bottom: -22px;
}
.company_list>ul>li{
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-size: 1.8rem;
	color: #070731;
	line-height: 3.0rem;
	margin-bottom: 22px;
}
.company_th{
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 205px;
	text-align: right;
	font-weight: bold;
}
.company_td{
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 90px;
}
.company_td a{
	color: #070731;
}
.company_td a:hover{
	color: #30438c;
	text-decoration: underline;
}
.company_representative{
	max-width: 915px;
	margin: 0 auto;
	padding-top: 80px;
}
.company_rTable{
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 16px solid rgba(166,190,217,0.4);
}
.company_rInner{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #e6ecf3;
	padding: 25px 65px 10px;
}
.company_rImg{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 351px;
	font-size: 0;
	background: url(../img/company_img01.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.company_rImg img{
	display: block;
	opacity: 0;
	
}
.company_rTitle{
	
}
.company_rTitle h2{
	font-size: 4.0rem;
	color: #30438c;
	font-weight: bold;
	line-height: 1;
}
.company_rText{
	font-size: 1.6rem;
	color: #070731;
	line-height: 2.8rem;
	margin-top: 10px;
}
.company_rText ul{
	padding-left: 20px;
}
.company_rText>ul>li{
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.company_rText>ul>li>div{
	display: table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.company_rText .mg_top20{
	margin-top: 10px;
}
.company_td br.pc_br{
	display: block;
}
.company_td br.sp_br{
	display: none;
}

.company_rName{
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 20px;
	white-space:nowrap;
}
.company_rNLeft{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-size: 1.6rem;
	color: #070731;
}

.company_rNRight{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
}
.company_rNRight div{
	display: inline-block;
	text-align: center;
}
.company_rNRight p{
	font-size: 1.6rem;
	color: #070731;
	line-height: 2.8rem;
}

/* ----------- contact ----------- */
.contact{
	padding: 145px 0 134px;
}
.contact_btn{
	padding-top: 45px;
}
.contact_btn ul{
	/* font-size: 0; */
	text-align: center;
	margin-bottom: -20px;
}
.contact_btn ul li{
	width: 348px;
	display: inline-block;
	margin: 0 22px 20px;
}
.contact_btn ul li a{
	display: block;
	font-size: 2.0rem;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	border: 1px solid #30438c;
	text-align: center;
}
.contact_btn ul li:nth-child(1) a{
	color: #30438c;
}
.contact_btn ul li:nth-child(1) a:hover{
	color: #FFFFFF;
	background-color: #ed1b23;
	border: 1px solid #ed1b23;
}
.contact_btn ul li:nth-child(2) a{
	color: #FFFFFF;
	background: url(../img/contact_img.png),#30438c;
	background-repeat: no-repeat !important;
	background-position: 85px center !important;
}
.contact_btn ul li:nth-child(2) a:hover{
	color: #FFFFFF;
	background: url(../img/contact_img.png),#ed1b23;
	border: 1px solid #ed1b23;
}
.contact_btn ul li a div{
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact_btn ul li a div p{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 27px 0 23px;
}










@media only screen and (max-width: 1250px){
	/* ----------- about ----------- */
	.about_box {
	    padding-left: calc(50% + 30px);
	}
	.about_bg::after {
	    width: calc(50% - 30px);
	}
	.about_Inner br.pc_br01{
		display: none;
	}
	/* ----------- strengths ----------- */
	.strengths_iTitle br{
		display: none;
	}
	/* ----------- service ----------- */
	.service_list>ul>li {
	    padding: 10px 15px 25px;
	}
	
	
}


@media only screen and (max-width: 1024px) {
	
	/* ----------- mv ----------- */
	.mv_center {
	    height: 600px;
	}
	.mv_Inner {
	    font-size: 4.8rem;
	    letter-spacing: 18px;
	}
	
	/* ----------- about ----------- */
	.about {
	    padding-top: 80px;
	}
	.about_box {
	    padding-left: calc(50% + 20px);
	}
	.about_bg::after {
	    width: calc(50% - 20px);
	}
	.about_Inner {
	    font-size: 1.6rem;
	    line-height: 2.6rem;
	    color: #070731;
	    letter-spacing: -0.5px;
	    text-align: justify;
	    margin-top: 30px;
	}
	
	/* ----------- strengths ----------- */
	.strengths {
	    padding-top: 80px;
	}
	.strengths_synopsis {
	    font-size: 1.6rem;
	    line-height: 2.6rem;
	    padding-top: 30px;
	}
	.strengths_bg {
	    margin-top: 25px;
	    padding: 60px 0 80px;
	}
	.strengths_list>li {
	    width: 32%;
	    float: left;
	    margin-right: 2%;
	}
	.strengths_inner {
	    background-color: #FFFFFF;
	    padding: 30px 20px 30px;
	}
	.strengths_iTitle {
	    font-size: 2.0rem;
	    line-height: 2.8rem;
	}
	.strengths_iText {
	    font-size: 1.6rem;
	    line-height: 2.6rem;
	    padding-top: 8px;
	}
	.strengths_point img {
	    width: 150px;
	}
	/* ----------- service ----------- */
	.service {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}
	.service_list {
	    padding: 60px 0px 0;
	}
	.service_img div img {
	    width: 130px;
	}
	.service_list>ul>li {
	    padding: 10px 15px 25px;
	}
	
	/* ----------- handling ----------- */
	.handling{
		padding: 80px 0;
	}
	.handling_swiper{
		margin-top: 30px;
	}
	.handling_swiper .swiper-slide{
		width: 340px;
	}
	
	
	
	
	
	
	
	
	
	/* ----------- export ----------- */
	.export{
		padding: 80px 0 80px;
	}
	.export_list {
	    padding-top: 30px;
	}
	.export_list>ul>li {
	    width: 200px;
	}
	.export_inner {
	    font-size: 1.8rem;
	    line-height: 2.0rem;
	    padding: 7px 3px 4px;
	}
	.export_inner p span {
	    font-size: 1.2rem;
	}
	.export_Box {
	    min-height: 56px;
	}
	
	/* ----------- company ----------- */
	.company {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}
	.company_list>ul {
	    margin-top: 40px;
	    margin-bottom: -20px;
	}
	.company_list>ul>li {
	    font-size: 1.6rem;
	    line-height: 2.6rem;
	    margin-bottom: 20px;
	}
	.company_th {
	    width: 150px;
	}
	.company_td {
	    padding-left: 40px;
	}
	.company_representative{
		padding-top: 60px;
	}
	.company_rTable{
		border: 10px solid rgba(166,190,217,0.4);
	}
	.company_rInner {
	    padding: 20px 40px 20px;
	}
	.company_rTitle h2 {
	    font-size: 3.5rem;
	}
	.company_rText {
	    font-size: 1.6rem;
	    line-height: 2.6rem;
	}
	.company_rText .mg_top20 {
	    margin-top: 15px;
	}
	.company_rImg {
	    width: 320px;
	}
	.company_rNRight p{
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	
	/* ----------- contact ----------- */
	.contact{
		padding: 80px 0 80px;
	}
	.contact_btn{
		padding-top: 40px;
	}
	.contact_btn ul li {
	    width: 300px;
	    margin: 0 15px 20px;
	}
	.contact_btn ul li:nth-child(2) a {
	    background-position: 60px center !important;
	}
	.contact_btn ul li a div p {
	    padding: 23px 0 20px;
	}
	
	

}

@media only screen and (max-width: 768px) {
	
	/* ----------- mv ----------- */
	.mv_center {
	    height: 400px;
	}
	.mv_Inner {
	    font-size: 4.2rem;
	    letter-spacing: 10px;
	}
	
	/* ----------- about ----------- */
	.about {
	    padding-top: 60px;
	}
	.about_Inner {
	    margin-top: 20px;
	}
	/* ----------- strengths ----------- */
	.strengths {
	    padding-top: 60px;
	}
	.strengths_synopsis {
	    padding-top: 20px;
	}
	.strengths_bg {
	    margin-top: 20px;
	    padding: 40px 0 60px;
	}
	.strengths_list{
		margin-bottom: -30px;
	}
	.strengths_list>li {
	    width: auto;
	    float: none;
	    margin-right: 0%;
		margin-bottom: 30px;
	}
	.strengths_point img {
	    width: 120px;
	}
	.strengths_inner {
	    padding: 23px 20px 20px;
	}
	.strengths_iTitle {
	    font-size: 1.8rem;
	    line-height: 2.6rem;
	}
	.strengths_iText {
	    padding-top: 5px;
	}
	/* ----------- service ----------- */
	.service {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	.service_list {
	    padding: 25px 0px 0;
	}
	.service_list>ul>li {
	    width: 50%;
	    padding: 20px 15px 20px;
	}
	.service_list>ul>li:nth-child(3n) {
	    border-right: 1px solid #b8b8b8;
	}
	.service_list>ul>li:nth-child(2n) {
	    border-right: none;
	}
	.service_list>ul>li:nth-child(4), .service_list>ul>li:nth-child(5), .service_list>ul>li:nth-child(6) {
	    padding-top: 20px;
	}
	.service_list>ul>li:nth-child(1), .service_list>ul>li:nth-child(2) {
	    padding-top: 10px;
	}
	.service_list>ul>li:nth-child(4) {
		border-bottom: 1px solid #b8b8b8;
	}
	.service_img div img {
	    width: 100px;
	}
	.service_inner {
	    margin-top: 10px;
	}
	
	/* ----------- handling ----------- */
	.handling{
		padding: 60px 0;
	}
	.handling_swiper{
		margin-top: 20px;
	}
	.handling_swiper .swiper-slide{
		width: 300px;
	}
	.handling_swiperBottom {
	    margin-top: 30px;
	}
	.handling_swiperBottom .swiper-pagination-bullet {
	    font-size: 1.6rem;
	    border-bottom: 5px solid #FFFFFF;
	}
	.handling_swiperBottom .swiper-pagination-bullet-active {
	    border-bottom: 5px solid #30438c;
	}
	
	
	
	
	
	
	
	/* ----------- export ----------- */
	.export{
		padding: 60px 0 60px;
	}
	.export_list {
	    padding-top: 20px;
	}
	.export_list>ul>li {
	    width: 195px;
	}
	.export_inner {
	    font-size: 1.6rem;
	    line-height: 1.8rem;
	    padding: 5px 3px 2px;
	}
	.export_Box {
	    min-height: 56px;
	}
	
	/* ----------- company ----------- */
	.company {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	.company_list>ul {
	    margin-top: 20px;
	    margin-bottom: -15px;
	}
	.company_th {
	    width: 110px;
	}
	.company_td {
	    padding-left: 30px;
	}
	.company_list>ul>li {
	    margin-bottom: 15px;
	}
	.company_representative{
		padding-top: 40px;
	}
	.company_rTable {
	    border: 5px solid rgba(166,190,217,0.4);
	}
	.company_rInner {
		display: block;
	    padding: 40px 20px 30px;
	}
	.company_rTitle h2 {
	    font-size: 3.0rem;
	}
	.company_rText {
	    /* margin-top: 20px; */
	}
	.company_rImg {
		display: block;
	    width: auto;
		background: none;
		background-color: #e6ecf3;
		padding-bottom: 40px;
	}
	.company_rImg img {
	    display: block;
	    opacity: 1;
		margin: 0 auto;
		width: 300px;
	}
	
	/* ----------- contact ----------- */
	.contact{
		padding: 60px 0 60px;
	}
	.contact_btn{
		padding-top: 30px;
	}
	.contact_btn ul li {
	    width: 280px;
	    margin: 0 10px 20px;
	}
	.contact_btn ul li a {
	    font-size: 1.8rem;
	}
	.contact_btn ul li:nth-child(2) a {
	    background-position: 55px center !important;
	}
	.contact_btn ul li a div p {
	    padding: 20px 0 15px;
	}
	

}

@media only screen and (max-width: 760px) {
	
	/* ----------- about ----------- */
	.about_box {
	    padding-left: 0;
	}
	.about .part_title h2 {
		text-align: center;
	}
	.about_bg::after {
		position: relative;
		right: 0;
	    width: 100%;
		height: 280px;
		margin-top: 30px;
	}
	.about_Inner {
		letter-spacing: normal;
	}
	
	
}

@media only screen and (max-width: 600px) {
	
	/* ----------- mv ----------- */
	.mv_Inner {
	    font-size: 3.8rem;
	    letter-spacing: 8px;
	}
	
	
	
}

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

	/* ----------- mv ----------- */
	.mv_Inner {
	    font-size: 7.8vw;
	    letter-spacing: 2.0vw;
	}
	/* ----------- about ----------- */
	.about {
	    padding-top: 40px;
	}
	.about_Inner {
	    font-size: 1.4rem;
	    line-height: 2.4rem;
	}
	.about_bg::after {
	    height: 200px;
	}
	/* ----------- strengths ----------- */
	.strengths {
	    padding-top: 40px;
	}
	.strengths_synopsis {
	    font-size: 1.4rem;
	    line-height: 2.4rem;
	}
	.strengths_bg {
	    margin-top: 15px;
	    padding: 30px 0 40px;
	}
	.strengths_inner {
	    padding: 20px 15px 17px;
	}
	.strengths_iTitle {
	    font-size: 1.6rem;
	    line-height: 2.2rem;
	}
	.strengths_iText {
	    font-size: 1.4rem;
	    line-height: 2.4rem;
	    padding-top: 5px;
	}
	.strengths_list {
	    margin-bottom: -20px;
	}
	.strengths_list>li {
	    margin-bottom: 20px;
	}
	
	/* ----------- service ----------- */
	.service {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.service_list {
	    padding: 20px 0px 0;
	}
	.service_list>ul>li {
	    width: auto;
	    float: none;
	    border-right: none;
	    padding: 20px 25px 20px;
	}
	.service_list>ul>li:nth-child(1) {
	    padding-top: 0px;
	}
	.service_list>ul>li:nth-child(2) {
	    padding-top: 20px;
	}
	.service_list>ul>li:nth-child(3n) {
	    border-right: none;
	}
	.service_inner p {
	    font-size: 1.4rem;
	    line-height: 2.4rem;
	}
	.service_list>ul>li:nth-child(5) {
	    border-bottom: 1px solid #b8b8b8;
	}
	.service_list>ul>li:nth-child(6) {
	    padding-bottom: 0;
	}
	/* ----------- handling ----------- */
	.handling{
		padding: 40px 0;
	}
	.handling_swiper .swiper-slide{
		width: 280px;
	}
	.handling_swiperBottom .swiper-pagination-bullet {
	    font-size: 1.4rem;
	}
	.handling_swiperBottom {
	    margin-top: 25px;
	}
	
	
	/* ----------- export ----------- */
	.export{
		padding: 40px 0 40px;
	}
	.export_list>ul>li {
	    width: 195px;
	}
	.export_inner {
	    font-size: 1.6rem;
	    line-height: 1.8rem;
	    padding: 5px 3px 2px;
	}
	.export_Box {
	    min-height: 54px;
	}
	
	/* ----------- company ----------- */
	.company {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.company_list>ul {
	    margin-bottom: -10px;
	}
	.company_list>ul>li {
	    font-size: 1.4rem;
	    line-height: 2.4rem;
	    margin-bottom: 10px;
	}
	.company_th {
	    width: 80px;
	}
	.company_td {
	    padding-left: 20px;
	}
	.company_td br.pc_br{
		display: none;
	}
	.company_td br.sp_br{
		display: block;
	}
	.company_representative {
	    padding-top: 30px;
	}
	.company_rInner {
	    padding: 25px 15px 20px;
	}
	.company_rTitle h2 {
	    font-size: 2.6rem;
	}
	.company_rText {
	    font-size: 1.4rem;
	    line-height: 2.4rem;
	    margin-top: 20px;
	}
	.company_rText .mg_top20 {
	    margin-top: 10px;
	}
	.company_rImg {
	    padding: 0 15px 20px;
	}
	.company_rNLeft {
	    font-size: 1.4rem;
	}
	.company_rNRight img {
	    width: 120px;
	}
	.company_rNRight p{
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	
	/* ----------- contact ----------- */
	.contact{
		padding: 40px 0 40px;
	}
	.contact_btn{
		padding-top: 20px;
	}
	.contact_btn ul li {
	    margin: 0 0px 20px;
	}
	.contact_btn ul li a {
	    font-size: 1.6rem;
	}
	.contact_btn ul li:nth-child(2) a {
	    background-position: 60px center !important;
		background-size: 24px auto;
	}
	.contact_btn ul li a div p {
	    padding: 18px 0 15px;
	}
	

}



/* handling_pop */

.handling_pop{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 10000;
	color: #000000;
	
	-webkit-overflow-scrolling: touch;
	/* opacity: 0; */
	/* -webkit-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear; */
}

.publicity_iframe_box{
	width: 1200px;
	max-width: 95%;
	overflow-y: auto;
	max-height: 90%;
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border: 1px solid #898a8a;
}


.handling_popBox{
	/* height: 641px; */
	background: rgba(255,255,255,1);
}

.handling_popBtn{
	padding-top: 30px;
}
.handling_popBtn>div{
    width: 30px;
    height: 30px;
    background-color: #fa2b2b;
    position: absolute;
    top: 0px;
    right: 0;
	cursor: pointer;
}
.handling_popBtn>div span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 2px;
    margin: -2px 0 0 -11px;
    background: transparent;
    transition: .2s;
}
.handling_popBtn>div span:before, .handling_popBtn>div span:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 2px;
    background: #FFF;
    transition: .3s;
}

.handling_popBtn>div span:before {
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.handling_popBtn>div span:after {
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
@media only screen and (max-width: 1024px) {

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

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

}

.handling_popInner{
	padding: 52px 64px 63px;
	display: none;
}
.handling_pTop{
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.handling_pLogo{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0;
	width: 260px;
	padding-right: 20px;
}
.handling_pLogo img{
	display: block;
}
.handling_pCompany{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.handling_pCompany p:nth-child(1){
	font-size: 3.0rem;
	color: #070731;
	font-weight: bold;
	line-height: 3.2rem;
}
.handling_pCompany p:nth-child(2){
	font-size: 2.0rem;
	color: #070731;
	line-height: 2.4rem;
	padding-top: 16px;
}
.handling_pImg{
	padding-top: 33px;
}
.handling_pImg ul{
	overflow: hidden;
	font-size: 0;
}
.handling_pImg ul li{
	display: inline-block;
	width: 32.14%;
	margin-right: 1.79%;
}
.handling_pImg ul li:nth-child(3n){
	margin-right: 0%;
}
.handling_pImg ul li img{
	display: block;
	border: 5px solid #e6ecf3;
	box-sizing: border-box;
}
.handling_pCenter{
	padding-top: 35px;
}
.handling_pTitle{
	font-size: 4.0rem;
	color: #30438c;
	font-weight: bold;
	line-height: 1;
	text-align: justify;
}

.handling_pText{
	font-size: 1.8rem;
	color: #070731;
	line-height: 3.0rem;
	text-align: justify;
	padding-top: 20px;
	min-height: 170px;
}
.handling_pText .mg_top18{
	margin-top: 18px;
}
.handling_pText .mg_top10{
	margin-top: 10px;
}
.handling_pBtn{
	padding-top: 37px;
}
.handling_pBtn ul{
	text-align: center;
	font-size: 0;
	margin-bottom: -20px;
}
.handling_pBtn ul li{
	display: inline-block;
	width: 248px;
	margin: 0 20px 20px;
}
.handling_pBtn ul li a{
	display: block;
	
	font-size: 1.6rem;
	color: #FFFFFF;
	line-height: 1;
	font-weight: bold;
	background-color: #30438c;
	padding: 17px 10px 15px;
	border-radius: 50px;
	border: 1px solid #30438c;
}
.handling_pBtn ul li a:hover{
	background-color: #ed1b23;
	border: 1px solid #ed1b23;
}

.handling_pBtn ul li:nth-child(2) a{
	color: #30438c;
	background: url(../img/handling_pBtn01.png),#e6ecf3;
	background-repeat: no-repeat !important;
	background-position: 29px calc(50% + 1px) !important;
}
.handling_pBtn ul li:nth-child(2) a:hover{
	color: #FFFFFF;
	background: url(../img/handling_pBtn02.png),#ed1b23;
}

@media only screen and (max-width: 1200px) {
	.handling_popInner {
	    padding: 60px 40px 60px;
	}

}
@media only screen and (max-width: 1024px) {
	.handling_pLogo {
	    width: 220px;
	    padding-right: 20px;
	}
	.handling_pCompany p:nth-child(1) {
	    font-size: 2.4rem;
	    line-height: 2.6rem;
	}
	.handling_pCompany p:nth-child(2) {
	    font-size: 1.8rem;
	    line-height: 2.2rem;
	    padding-top: 10px;
	}
	.handling_pImg {
	    padding-top: 30px;
	}
	.handling_pTitle {
	    font-size: 3.5rem;
	}
	.handling_pText {
	    font-size: 1.6rem;
	    line-height: 2.6rem;
	    padding-top: 15px;
	    min-height: auto;
	}
	.handling_pBtn {
	    padding-top: 30px;
	}
	.handling_pImg ul li img {
	    border: 3px solid #e6ecf3;
	}
	

}
@media only screen and (max-width: 768px) {
	.handling_popInner {
	    padding: 40px 20px 40px;
	}
	.handling_pLogo {
	    width: 180px;
	    padding-right: 20px;
	}
	.handling_pCompany p:nth-child(1) {
	    font-size: 2.0rem;
	    line-height: 2.2rem;
	}
	.handling_pCompany p:nth-child(2) {
	    font-size: 1.6rem;
	    line-height: 2.0rem;
	    padding-top: 5px;
	}
	.handling_pCenter {
	    padding-top: 30px;
	}
	.handling_pTitle {
	    font-size: 3.0rem;
	}
	
	.handling_pBtn ul li {
	    width: 220px;
	    margin: 0 15px 20px;
	}
	.handling_pBtn ul li a {
	    display: block;
	    font-size: 1.4rem;
	    color: #FFFFFF;
	    line-height: 1;
	    font-weight: bold;
	    background-color: #30438c;
	    padding: 15px 10px 13px;
	    border-radius: 50px;
	    border: 1px solid #30438c;
	}
	

}
@media only screen and (max-width: 700px) {
	.handling_pImg ul {
	    text-align: center;
		margin-bottom: -20px;
	}
	.handling_pImg ul li {
	    width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.handling_pImg ul li:nth-child(3n){
		margin-right: 2%;
	}
	.handling_pImg ul li:nth-child(2n){
		margin-right: 0%;
	}
	.handling_pImg ul li img {
	    margin: 0 auto;
	}

}
@media only screen and (max-width: 480px) {
	.handling_popInner {
	    padding: 25px 15px 30px;
	}
	.handling_pLogo {
		display: block;
	    width: auto;
	    padding-right: 0px;
		padding-bottom: 20px;
	}
	.handling_pLogo img {
		max-width: 180px;
	    margin: 0 auto;
	}
	.handling_pCompany p:nth-child(1) {
	    font-size: 1.8rem;
	    line-height: 2.0rem;
	}
	.handling_pCompany p:nth-child(2) {
	    font-size: 1.4rem;
	    line-height: 2.0rem;
	    padding-top: 8px;
	}
	.handling_pCompany {
	    display: block;
	}
	.handling_pImg {
	    padding-top: 20px;
	}
	.handling_pImg ul li {
		display: block;
	    width: auto;
	    margin-right: 0%;
	}
	.handling_pImg ul li:nth-child(3n) {
	    margin-right: 0%;
	}
	.handling_pCenter {
	    padding-top: 30px;
	}
	.handling_pTitle {
	    font-size: 2.6rem;
	}
	.handling_pText {
	    font-size: 1.4rem;
	    line-height: 2.4rem;
	    padding-top: 10px;
	}
	.handling_pBtn {
	    padding-top: 20px;
	}
	.handling_pImg ul li img {
	    border: 2px solid #e6ecf3;
	}
	
	

}