/* DESKTOP (HOVER) */
@media screen and (min-width:1024px) {
	.mb-only { display: none; }

	/* HOVER */
	.langs a{ transition: all 0.3s; }
	.langs a:hover{ background: #f0f0f0;}
	.grouplinks a{ transition: all 0.3s; }
	.grouplinks a:hover{ background: #f0f0f0;}
	.pan li a:hover{ text-decoration: underline; }
	.button-more .i-arrow_right:after, .button-more .i-arrow_right:before { display: inline-block; vertical-align: top; }
	.button-more .i-arrow_right:after { content: "\e901"; position: absolute; left: -100%; top: 0; opacity: 0; }
	.button-more:hover .i-arrow_right:after { transition: all 0.5s; transform: translate(100%, 0); opacity: 1; }
	.button-more:hover .i-arrow_right:before { transition: all 0.5s; transform: translate(100%, 0); opacity: 0; }
	.header-sub-nav a { transition: all 0.3s; }
	.header-sub-nav a:hover { opacity: 0.6; }
	.bussiness-img-wrap a { transition: all 0.3s; }
	.bussiness-img-wrap a:hover { opacity: 0.6; }

	.group-about-panel { transition: all 0.3s; }
	.group-about-panel:hover { opacity: 0.6; }

	.banner-size a { transition: all 0.3s; }
	.banner-size a:hover { opacity: 0.6; }

}/*  END DESKTOP */


/* LAPTOP */
@media screen and (max-width:1200px) {
	.nav li a { width: 140px;}

	.header-sub-nav ul li { width: 140px;}
	.header-sub-nav ul li ul li a { width: 140px; }

}/* END LAPTOP */


/* TABLET */
@media screen and (max-width:1024px) {

	.mb-only { display: none; }

	/* HOVER */
	.langs a{ transition: all 0.3s; }
	.langs a:hover{ background: #f0f0f0;}
	.grouplinks a{ transition: all 0.3s; }
	.grouplinks a:hover{ background: #f0f0f0;}
	.pan li a:hover{ text-decoration: underline; }
	.button-more .i-arrow_right:after, .button-more .i-arrow_right:before { display: inline-block; vertical-align: top; }
	.button-more .i-arrow_right:after { content: "\e901"; position: absolute; left: -100%; top: 0; opacity: 0; }
	.button-more:hover .i-arrow_right:after { transition: all 0.5s; transform: translate(100%, 0); opacity: 1; }
	.button-more:hover .i-arrow_right:before { transition: all 0.5s; transform: translate(100%, 0); opacity: 0; }
	.header-sub-nav a { transition: all 0.3s; }
	.header-sub-nav a:hover { opacity: 0.6; }
	.bussiness-img-wrap a { transition: all 0.3s; }
	.bussiness-img-wrap a:hover { opacity: 0.6; }

	.group-about-panel { transition: all 0.3s; }
	.group-about-panel:hover { opacity: 0.6; }

	.worlds .banner-body1 { bottom: -15px; }
	.banner-size a { transition: all 0.3s; }
	.banner-size a:hover { opacity: 0.6; }

	
	/* INDEX */
	.main-title br { display: block; }
	.header-logoes, .header-nav { float: none; }
	.nav li a { width: 100%; }
	.nav { border-top: 1px solid #2e2f30; }
	.banner-body { height: 100px; }
	.nav li { width: 20%; }
	.banner-size-s a{ width: 50% }
	.banner-size a img { display: block; width: 100%; }
	.section-business .body { padding: 0; }
	.section-product .messaging-title { font-size: 2.5rem;  }
	.panel-body .table .cell { padding: 0 30px; text-align: center; }
	.banner-slider { width: 90%; margin: 0 auto; }
	.news-tab-links-wrap { max-width: 49%; }
	.news-tab-links { max-width: 100%; padding: 20px 10px; }
	
	.header-sub-nav > nav { width: 100%;}
	.header-sub-nav > nav > ul > li { width: 20%;}
	.header-sub-nav ul li ul li { width: 100%; }
	.header-sub-nav ul li ul li a { width: 100%; }

	/* SUBPAGES */
	.header-shadow { height: 179px; }
	.contet--title-wrap > .in { padding-right: 230px; box-sizing: border-box; }
	.body { max-width: 100%; padding: 0 20px; }
	.body.section { padding: 60px 20px; }

	.section-recruit .layout-img-cols-wrap .layout-cols { width: 32%; padding: 0 1%; }
	.main-title-wrap { padding-top: 179px; }
	.corp-mes > p.messaging-title br { display: block; }
	.group-about-panel .group-about-text { font-size: 1.2rem; }


}/* END TABLET */


/* TABLET */
@media screen and (max-width:1024px) {
}/* END TABLET */

@media screen and (max-width:920px) {
	.footer .body .footer-sitemap-body .i-right { display: none; }
}

@media screen and (max-width:800px) {
	.footer .body { display: none; }
}


/* MOBILE */
@media screen and (max-width:680px) {

	p, li, span, figure, a { font-size: 1.4rem; }
	td, th { font-size: 1.2rem; }
	.mb-only { display: block; }
	.subpages .messaging-p br, .messaging-p br,
	.footer .body,
	.mb-hide { display: none; }
	.section { padding: 40px 0; }
	.body, .thin { max-width: 100%; padding: 0 10px; }
	.body.max{ padding: 0; }
	.sub-title-wrap, .panel-body p{padding-bottom: 20px; }

	/* HEADER */
	.toggle { display: block; }
	.nav li { width: 100%; border: none; border-bottom: 1px solid #2e2f30; }
	.header-shadow { height: 108px; }
	.support-aside { float: right; }
	.header-support { padding: 0 0 0 10px; }
	.header-logoes { padding: 20px 10px; }
	.logoes-sege a { height: 30px; width: 85px; background-size: 85px; }
	.logoes-sege-sammy a { height: 17px; width: 78px; background-size: 78px; }
	.toggle span { display: block; height: 3px; width: 20px; background: #fff; transition: all 0.3s; }
	.toggle span.t2 { margin: 4px 0; }
	.is_menu_opened .toggle span.t2 { opacity: 0; }
	.is_menu_opened .toggle span.t1 { transform: translate(0px, 7px) rotate(45deg); }
	.is_menu_opened .toggle span.t3 { transform: translate(0px, -7px) rotate(-45deg); }
	.toggle { cursor: pointer; width: 70px; height: 70px; position: absolute; right: 0; top: 0; }
	.toggle .in { padding: 26px 25px; width: 20px; height: 17px; }
	.nav { display: none; }
	.nav li a { line-height: 60px; height: 60px; text-align: left; padding: 0 30px; position: relative; box-sizing: border-box; }
	.nav li a:after { position: absolute; display: block; content: "\e906"; width: 60px; height: 60px; line-height: 60px; top: 0; right: 5px; text-align: center; font-family: 'i'; font-size: 1.8rem; color: #464647; }
	.support-aside li span { font-size: 1.3rem; }
	.support-aside li a { font-size: 1.3rem; }
	.support-aside-li { padding: 0 5px 0 0; margin: 0 5px 0 0; }
	.support-aside-grouplink { padding: 0 5px 0 0; margin: 0 5px 0 0; }
	.support-aside-product { padding: 0 5px 0 0; margin: 0 5px 0 0; }
	.grouplink-header { padding: 8px 8px 8px 0px; }
	.grouplink-body { left: -50%; }
	.local-nav-list { text-align: left; }
	.local-nav-list li { display: inline-block; width: 32%; margin: 3px 0; padding: 0; text-align: center; }
	.local-nav-list li a { display: inline-block; font-size: 1.0rem; vertical-align: middle; }
	.local-nav-list li:after { width: 10px; text-align: center; font-family: 'i'; content: "\e906"; color: #0082ca; font-size: 1.0rem; display: inline-block; vertical-align: middle; }
	


	/* INDEX */
	.main-title-wrap { padding-top: 108px; }
	.main-title-wrap > .cell { vertical-align: top; padding-top: 10%; box-sizing: border-box;}
	.main-title-wrap .cell .main-title img { max-width: 100%;max-height: 100%; margin: 0 auto; }
	.main-title { font-size: 3.8rem; line-height: 1.2em; letter-spacing: 2px; }
	.main-title-banner { right: auto; top: 50%; z-index: 10; display: block; left: 50%; width: 260px; }
	.banner-size-s a { width: 100%; }
	.banner-body { height: auto; }
	.banner-body { bottom: -100px; }
	.banner-wrap { max-width: 360px; margin: -50px auto 0 ; }
	.banner-size a img { display: block; width: auto; max-height: 100px; }
	.worlds { margin-bottom: 100px;}
	.button-more.rt { position: relative; right: auto; top: auto; margin: 0 auto; }
	.subpages .messaging-title, .messaging-title { font-size: 2.2rem; margin-bottom: 1em; letter-spacing: 2px; }
	.panel-body { width: 100%; float: none; }
	.panel-body .table { height: auto; }
	.panel-body .table .cell { padding: 30px; }
	.group-company-wrap a { height: 50px; }
	.banner-slider-wrap { padding: 30px 0; }
	.banner-slider { width: 90%; }
	.banner-slider .banner-slider-body { width: 46%; padding: 0; margin: 0 0 10px 4%; }
	.banner-slider .banner-slider-body:nth-child(odd) { margin: 0 2% 10px 0; }
	.slick-dots { bottom: -24px; }
	.sub-title { font-size: 2.2rem; }
	.section-product .messaging-title { font-size: 2.2rem;  }

	/**/
	.section-philosophy .table { height: auto; padding: 40px 30px; box-sizing: border-box; width: 100%; }
	.layout-col-sm1 { width: 8%;}
	.layout-col-sm2 { width: 16%;}
	.layout-col-sm3 { width: 25%;}
	.layout-col-sm4 { width: 33%;}
	.layout-col-sm5 { width: 41%;}
	.layout-col-sm6 { width: 50%;}
	.layout-col-sm7 { width: 58%;}
	.layout-col-sm8 { width: 66%;}
	.layout-col-sm9 { width: 75%;}
	.layout-col-sm10 { width: 83%;}
	.layout-col-sm11 { width: 91%;}
	.layout-col-sm12 { width: 100%; padding: 0; }
	.company-list { padding: 30px 15px; }
	.company-list-logo { padding: 15px 10px; }
	.company-list-logo img { max-height: 80px; }
	.contet-title { padding-right: 0; }
	.bussiness-wrap .messaging-wrap { margin: 30px auto; }
	.bussiness-wrap .messaging-wrap .messaging-title { text-align: left; font-size: 1.6rem; }
	.bussiness-wrap .messaging-wrap p { text-align: left; }
	.bussiness-wrap .company-list .contet-title { font-size: 2.0rem; padding-top: 20px; box-sizing: border-box; }
	.bussiness-wrap .button-more { float: right; }
	.layout-three-cols-wrap {margin-bottom: 20px; } 
	.group-list .contet-sub-title { float: none; }
	.group-list span.layout-right { float: none; }
	.section-shortcut .layout-cols { margin-bottom: 20px; }
	.layout-table dl dt.pg-company-position { float: none;  margin-right: 0;}
	.pg-company-sellcontent dl dd { margin-bottom: 10px; }
	.layout-table td, .layout-table th { padding: 10px; }
	.group-list .layout-table tbody th { width: 25%; }
	.section-history th { width: 25%; }
	.section-history .yearj { font-size: 0.8rem; }
	.section-history .layout-table p.imgR { float: none; margin: 5px auto; text-align: center; }
	.bussiness-col-wrap { position: relative; width: 95%;  box-sizing: border-box; float: right; border-left: 1px solid #e0e0e0;padding-top:20px;}
	.bussiness-col-wrap-nb { border-left: 1px solid #fff;}
	.bussiness-col-title { position: absolute; left: 0; right: 0; color: #fff; font-size: 1.4rem; font-weight: 700; text-align: center; padding-left: 10px; border-radius: 6px; margin:0; width: 40%; z-index: 2; }
	.bussiness-col-line { position: absolute; width:10px;height:30px; top:0; left:0; border-left: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0; margin-left: -1px; }
	.bussiness-holdings img { width: 30%; }
	.bussiness-col-in {margin-top: 10px; width:90%; }
	.section-recruit .contet-title { display: block; }
	.section-recruit .contet-title-wrap .layout-right { float: none; }
	.section-recruit .layout-img-cols-wrap .layout-cols { width: 49%; }
	.section-recruit .button-more span { font-size: 1.8rem; }

	.corp-mes > div.messaging-sub-title {  font-size: 1.6rem;}
	.corp-mes > p.messaging-title { font-size: 2.2rem;}

	.recruit-logo img { max-height: 150px; }
	.group-about .layout-cols { padding: 0 5px;  }
	.group-about-panel .group-about-text { font-size: 1.0rem; }


	/* CSR */
	.section-csr .layout-cols-sm-left { padding: 0 10px 0 0; }
	.section-csr .layout-cols-sm-center { padding: 0 5px 0 5px; }
	.section-csr .layout-cols-sm-right { padding: 0 0 0 10px; }
	.section-csr .layout-cols-sm-none { padding: 0 0 0 0; }


	/* TAB */
	.news-tab-links { width: 100%; padding: 10px; }
	.news-tab-links-wrap { width: 49%; }
	.news-tab-links span { display: block; }
	.news-tab-links .t1 { font-size: 1.4rem; }
	.news-tab-links .t2 { font-size: 1.1rem; color: #8f8f8f; margin-left: 0; padding-left: 0; border-left: none; }
	.news-tab-in dt { width: 100%; float: none; padding: 10px 0; }
	.news-tab-in dd { padding: 0 0 10px 0; }
	.news-tab-body { margin-bottom: 40px; }

	/* FOOTER */
	.footer-support { padding: 10px 10px 0 10px; }
	.footer-support .support-title { display: block; text-align: center; float: none; line-height: 3em; height: auto; }
	.footer-support-links { float: none; padding: 0 0px; text-align: center; }
	.footer-support-links li a { line-height: 1em; height: 1em; padding-right: 5px; margin-right: 5px; font-size: 1rem; }
	address { float: none; text-align: center; }

	span.yearj { font-size: 0.8rem; }
    .csr-caption { color: #777; font-size: 1.3rem;}

}/* END MOBILE */