@charset "utf-8";

/* =========================================
	common
========================================= */
.br_sp {
	display: none;
}
.br_pc {
	display: block;
}

.contents {
	padding: 30px 0;
}
.contents:after {.social_article_list .article_txt_box
  	content: "";
	display: block;
	clear: both;
}

.global-footer__inner {
	padding: 0 30px;
}


/* =========================================
	social_nav
========================================= */
.social_nav {
	float: left;
	width: 25%;
}
.social_nav h2 {
	text-align: center;
}
.social_nav .social_menu_btn {
	display: none;
}
.social_nav h2 a,
.social_nav .radius_box {
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
.social_nav .radius_box {
	margin: 0 0 30px 0;
	background-color: #f5f5f5;
}

/* h2 h3 */
.social_nav h2,
.social_nav h3 {
	text-align: center;
}
.social_nav h2 img {
	width: 44.1666%;
}
.social_nav h2 a {
	display: block;
	width: 100%;
	padding: 16% 0;
	color: #000000;
	text-decoration: none;
	background: #666666 url(/company/social/images/common/nav/arw_social_ttl.png) 94% center no-repeat;
}
.social_nav h2 a:hover {
	background-color: #AAAAAA;
}

.social_nav h3 {
	padding: 1.5em 0 0.5em 0;
}

/* social_menu_area common */
.social_nav .social_menu_area {
	margin: 30px 0 0 0;
}
.social_nav .social_menu_area .social_menu_category ul,
.social_nav .social_menu_area .social_menu_year ul {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 2em 0;
}
.social_nav .social_menu_area .social_menu_category li,
.social_nav .social_menu_area .social_menu_year li {
	font-size: 14px;
	border-bottom: 1px solid #d8d8d8;
}
.social_nav .social_menu_area .social_menu_category li a,
.social_nav .social_menu_area .social_menu_year li a {
	display: block;
	padding: 1em 0 1em 24px;
	color: #222222;
	text-decoration: none;
}

/* category color */
.social_nav .social_menu_area .category_corp-info a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_corp-info.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_corp-info a:hover {
	background: #ffebcc url(/company/social/images/common/nav/arw_corp-info.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_products-solutions a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_products-solutions.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_products-solutions a:hover {
	background: #f5ede3 url(/company/social/images/common/nav/arw_products-solutions.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_events-promos a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_events-promos.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_events-promos a:hover {
	background: #fff7cd url(/company/social/images/common/nav/arw_events-promos.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_csr a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_csr.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_csr a:hover {
	background: #f7f2d8 url(/company/social/images/common/nav/arw_csr.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_recruit a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_recruit.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_recruit a:hover {
	background: #eef6d8 url(/company/social/images/common/nav/arw_recruit.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_other-topics a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_other-topics.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_other-topics a:hover {
	background: #e5f7ec url(/company/social/images/common/nav/arw_other-topics.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_primary-education a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_primary-education.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_primary-education a:hover {
	background: #d4ebdf url(/company/social/images/common/nav/arw_primary-education.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy07 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy07.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy07 a:hover {
	background: #dae7ec url(/company/social/images/common/nav/arw_dmy07.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy08 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy08.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy08 a:hover {
	background: #cde3ff url(/company/social/images/common/nav/arw_dmy08.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy09 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy09.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy09 a:hover {
	background: #e0f5ff url(/company/social/images/common/nav/arw_dmy09.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy10 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy10.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy10 a:hover {
	background: #e7f1fe url(/company/social/images/common/nav/arw_dmy10.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy11 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy11.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy11 a:hover {
	background: #e3e0f7 url(/company/social/images/common/nav/arw_dmy11.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy12 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy12.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy12 a:hover {
	background: #f0ebf5 url(/company/social/images/common/nav/arw_dmy12.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy13 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy13.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy13 a:hover {
	background: #efddf3 url(/company/social/images/common/nav/arw_dmy13.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy14 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy14.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy14 a:hover {
	background: #ebcce4 url(/company/social/images/common/nav/arw_dmy14.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy15 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy15.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy15 a:hover {
	background: #fbd3cc url(/company/social/images/common/nav/arw_dmy15.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy16 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy16.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy16 a:hover {
	background: #ffe4e6 url(/company/social/images/common/nav/arw_dmy16.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy17 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy17.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy17 a:hover {
	background: #fff0f0 url(/company/social/images/common/nav/arw_dmy17.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy18 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy18.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy18 a:hover {
	background: #f6dfda url(/company/social/images/common/nav/arw_dmy18.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy19 a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_dmy19.png) left 1em no-repeat;
}
.social_nav .social_menu_area .category_dmy19 a:hover {
	background: #e7dacd url(/company/social/images/common/nav/arw_dmy19.png) left 1em no-repeat;
}

/* social_menu_year */
.social_nav .social_menu_area .social_menu_year li a {
	background: #f5f5f5 url(/company/social/images/common/nav/arw_year.png) left 1em no-repeat;
}
.social_nav .social_menu_area .social_menu_year li a:hover {
	background: #ebebeb url(/company/social/images/common/nav/arw_year.png) left 1em no-repeat;
}

/* social_menu_banner */
.social_nav .social_menu_banner li {
	margin: 0 0 20px 0;
}


/* =========================================
	social_contents
========================================= */
.social_contents {
	float: right;
	width: 71.875%;
}

/* social_contents_visual */
.social_contents .social_contents_visual {
	margin: 0 0 30px 0;
}
.social_contents .social_contents_visual img {
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* social_article_list */
.social_contents .social_article_list {
	margin-top: 20px;
}
.social_contents .social_article_list:after {
	content: "";
	display: block;
	clear: both;
}
.social_contents .social_article_list li {
	position: relative;
	float: left;
	width: 30.43478%;
	margin: 0 4.34783% 20px 0;
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
.social_contents .social_article_list li:nth-of-type(3n) {
	margin: 0;
}
.social_contents .social_article_list a {
	display: block;
}
.social_contents .social_article_list .article_img_box .img img {
	width: 100%;
	border-radius: 2px;
}
.social_contents .social_article_list .article_txt_box {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	/* 170703 */
	height: 3em;
	/* 170703 */
	line-height: 1.4;
	color: #333333;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	background-color: #FFFFFF;
}
.social_contents .social_article_list a {
	text-decoration: none;
}
.social_contents .social_article_list .article_txt_box p {
	padding: 5px 3px 0 3px;
	font-size: 12px;
}
.social_contents .social_article_list a .article_txt_box {
	color: #333333;
}
.social_contents .social_article_list a:hover .article_txt_box {
	color: #ffffff;
}

/* category bg color */
.social_contents .social_article_list .category_corp-info a:hover .article_txt_box {
	background-color: #ff9902;
}
.social_contents .social_article_list .category_products-solutions a:hover .article_txt_box {
	background-color: #cda673;
}
.social_contents .social_article_list .category_events-promos a:hover .article_txt_box {
	background-color: #ffd904;
}
.social_contents .social_article_list .category_csr a:hover .article_txt_box {
	background-color: #d5bd3a;
}
.social_contents .social_article_list .category_recruit a:hover .article_txt_box {
	background-color: #a9d13e;
}
.social_contents .social_article_list .category_other-topics a:hover .article_txt_box {
	background-color: #7dd7a0;
}
.social_contents .social_article_list .category_primary-education a:hover .article_txt_box {
	background-color: #299961;
}
.social_contents .social_article_list .category_dmy07 a:hover .article_txt_box {
	background-color: #48859e;
}
.social_contents .social_article_list .category_dmy08 a:hover .article_txt_box {
	background-color: #0675ff;
}
.social_contents .social_article_list .category_dmy09 a:hover .article_txt_box {
	background-color: #66cbff;
}
.social_contents .social_article_list .category_dmy10 a:hover .article_txt_box {
	background-color: #88baf9;
}
.social_contents .social_article_list .category_dmy11 a:hover .article_txt_box {
	background-color: #7262d7;
}
.social_contents .social_article_list .category_dmy12 a:hover .article_txt_box {
	background-color: #b49dcd;
}
.social_contents .social_article_list .category_dmy13 a:hover .article_txt_box {
	background-color: #ad53c3;
}
.social_contents .social_article_list .category_dmy14 a:hover .article_txt_box {
	background-color: #9b0078;
}
.social_contents .social_article_list .category_dmy15 a:hover .article_txt_box {
	background-color: #e92400;
}
.social_contents .social_article_list .category_dmy16 a:hover .article_txt_box {
	background-color: #fd7982;
}
.social_contents .social_article_list .category_dmy17 a:hover .article_txt_box {
	background-color: #feb6b6;
}
.social_contents .social_article_list .category_dmy18 a:hover .article_txt_box {
	background-color: #d25d46;
}
.social_contents .social_article_list .category_dmy19 a:hover .article_txt_box {
	background-color: #874506;
}

.social_contents .social_article_list .date {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	line-height: 1.2;
	padding: 5px;
	color: #FFFFFF;
	font-size: 12px;
	z-index: 10;
}

/* category color */
.social_contents .social_article_list .category_corp-info {
	border: 2px solid #ff9902;
}
.social_contents .social_article_list .category_products-solutions {
	border: 2px solid #cda673;
}
.social_contents .social_article_list .category_events-promos {
	border: 2px solid #ffd904;
}
.social_contents .social_article_list .category_csr {
	border: 2px solid #d5bd3a;
}
.social_contents .social_article_list .category_recruit {
	border: 2px solid #a9d13e;
}
.social_contents .social_article_list .category_other-topics {
	border: 2px solid #7dd7a0;
}
.social_contents .social_article_list .category_primary-education {
	border: 2px solid #299961;
}
.social_contents .social_article_list .category_dmy07 {
	border: 2px solid #48859e;
}
.social_contents .social_article_list .category_dmy08 {
	border: 2px solid #0675ff;
}
.social_contents .social_article_list .category_dmy09 {
	border: 2px solid #66cbff;
}
.social_contents .social_article_list .category_dmy10 {
	border: 2px solid #88baf9;
}
.social_contents .social_article_list .category_dmy11 {
	border: 2px solid #7262d7;
}
.social_contents .social_article_list .category_dmy12 {
	border: 2px solid #b49dcd;
}
.social_contents .social_article_list .category_dmy13 {
	border: 2px solid #ad53c3;
}
.social_contents .social_article_list .category_dmy14 {
	border: 2px solid #9b0078;
}
.social_contents .social_article_list .category_dmy15 {
	border: 2px solid #e92400;
}
.social_contents .social_article_list .category_dmy16 {
	border: 2px solid #fd7982;
}
.social_contents .social_article_list .category_dmy17 {
	border: 2px solid #feb6b6;
}
.social_contents .social_article_list .category_dmy18 {
	border: 2px solid #d25d46;
}
.social_contents .social_article_list .category_dmy19 {
	border: 2px solid #874506;
}
/* date color */
.social_contents .social_article_list .category_corp-info .date {
	background: url(/company/social/images/common/contents/bg_date_corp-info.png) left top no-repeat;
}
.social_contents .social_article_list .category_products-solutions .date {
	background: url(/company/social/images/common/contents/bg_date_products-solutions.png) left top no-repeat;
}
.social_contents .social_article_list .category_events-promos .date {
	background: url(/company/social/images/common/contents/bg_date_events-promos.png) left top no-repeat;
}
.social_contents .social_article_list .category_csr .date {
	background: url(/company/social/images/common/contents/bg_date_csr.png) left top no-repeat;
}
.social_contents .social_article_list .category_recruit .date {
	background: url(/company/social/images/common/contents/bg_date_recruit.png) left top no-repeat;
}
.social_contents .social_article_list .category_other-topics .date {
	background: url(/company/social/images/common/contents/bg_date_other-topics.png) left top no-repeat;
}
.social_contents .social_article_list .category_primary-education .date {
	background: url(/company/social/images/common/contents/bg_date_primary-education.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy07 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy07.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy08 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy08.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy09 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy09.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy10 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy10.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy11 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy11.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy12 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy12.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy13 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy13.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy14 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy14.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy15 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy15.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy16 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy16.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy17 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy17.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy18 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy18.png) left top no-repeat;
}
.social_contents .social_article_list .category_dmy19 .date {
	background: url(/company/social/images/common/contents/bg_date_dmy19.png) left top no-repeat;
}

/* pager */
.social_contents .pager_area {
	padding: 20px 0 0 0;
}
.social_contents .pager_area ul {
	text-align: center;
}
.social_contents .pager_area li {
	display: inline-block;
	text-align: center;
	font-size: 14px;
}
.social_contents .pager_area li a {
	display: block;
	border: 1px solid #d8d8d8;
	color: #000000;
}

.social_contents .pager_area span {
	display: block;
}
.social_contents .pager_area li a,
.social_contents .pager_area span {
	padding: 6px 10px;
}
.social_contents .pager_area .pager_control {
	background-color: #f5f5f5;
}

/* h2 */
.social_contents h2 {
	padding: 1em;
	font-size: 14px;
	color: #FFFFFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
/* h2 bg color */
.social_contents h2.category_corp-info {
	background-color: #ff9902;
}
.social_contents h2.category_products-solutions {
	background-color: #cda673;
}
.social_contents h2.category_events-promos {
	background-color: #ffd904;
}
.social_contents h2.category_csr {
	background-color: #d5bd3a;
}
.social_contents h2.category_recruit {
	background-color: #a9d13e;
}
.social_contents h2.category_other-topics {
	background-color: #7dd7a0;
}
.social_contents h2.category_primary-education {
	background-color: #299961;
}
.social_contents h2.category_dmy07 {
	background-color: #48859e;
}
.social_contents h2.category_dmy08 {
	background-color: #0675ff;
}
.social_contents h2.category_dmy09 {
	background-color: #66cbff;
}
.social_contents h2.category_dmy10 {
	background-color: #ffffff;
}
.social_contents h2.category_dmy11 {
	background-color: #ffffff;
}
.social_contents h2.category_dmy12 {
	background-color: #ffffff;
}
.social_contents h2.category_dmy13 {
	background-color: #ffffff;
}
.social_contents h2.category_dmy14 {
	background-color: #ffffff;
}
.social_contents h2.category_dmy15 {
	background-color: #ffffff;
}
.social_contents h2.category_dmy16 {
	background-color: #ffffff;
}
.social_contents h2.category_dmy17 {
	background-color: #ffffff;
}
.social_contents h2.category_dmy18 {
	background-color: #ffffff;
}
.social_contents h2.category_dmy19 {
	background-color: #ffffff;
}
.social_contents h2.category_year {
	background-color: #999999;
}

/* breadcrumbs */
.social_contents .breadcrumbs {
	text-align: right;
	padding: 8px 0;
}
.social_contents .breadcrumbs li {
	display: inline-block;
	padding-right: 5px;
	font-size: 12px;
}
.social_contents .breadcrumbs li:last-child {
	padding-right: 0px;
}
.social_contents .breadcrumbs li a {
	color: #333333;
	padding-right: 10px;
}

/* =========================================
	pagetop
========================================= */
.pagetop {
	display: none;
}

/* =========================================
	article_area
========================================= */
.article_area {
	color: #333333;
	font-size: 14px;
}
.article_title_area {
	padding: 20px 0 15px 0;
}
.article_img_area, .article_movie_area, .article_txt_area, .article_link_area .article_youtube_area {
	padding: 20px 0;
}

/* article_title_area */
.article_title_area {
	border-bottom: 1px solid #d8d8d8;
}
.article_title_area h3 {
	line-height: 1.4;
	margin: 0 0 1.5em 0;
	font-size: 16px;
}

/* article_img_area */
.article_img_area .img {
	width: 76.9565%;
	margin: 20px auto;
}

/* slider */
.article_img_area .article_slider {
	text-align: center;
}
.article_img_area .article_slider #bx-pager a {
	margin: 0 1px;
}
.article_img_area .article_slider #bx-pager a img {
	margin: 0 0 6px 0;
	border: 1px solid #ffffff;
}
.article_img_area .article_slider #bx-pager a:hover img,
.article_img_area .article_slider #bx-pager a.active img {
	border: 1px solid #0066cc;
}
.bx-wrapper .bx-prev {
	left: 14px;
	background: url('/company/social/images/common/contents/controls.png') no-repeat 0 -50px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
	background-position: 0 0;
}
.bx-wrapper .bx-next {
	right: 14px;
	background: url('/company/social/images/common/contents/controls.png') no-repeat -28px -50px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
	background-position: -28px 0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 28px;
	height: 50px;
	text-indent: -9999px;
	z-index: 9999;
}

/* article_movie_area */
.article_movie_area > div {
	max-width: 640px;
	margin: 0 auto;
}

/* article_youtube_area */
.article_youtube_area .article_youtube_area_inner {
  max-width: 560px;
	margin: 0 auto;
}
.article_youtube_area iframe {
  width: 100%;
}
/* article_txt_area */
.article_txt_area p {
	margin: 0 0 2em 0;
}

/* article_link_area */
.article_link_area {
	border-top: 1px solid #d8d8d8;
}
.article_link_area .relate_link {
	display: inline-block;
	line-height: 1;
	padding: 0.5em 2em 0.3em 2em;
	font-size: 16px;
	background-color: #e8e8e8;
}
.article_link_area .relate_link_list {
	margin: 1em 0 0 0;
}
.article_link_area .relate_link_list a {
	color: #333333;
}
.article_link_area .relate_link_list .outside_link a:after {
	padding: 0 0 0 5px;
	content: url(/company/social/images/common/icon_outside.png);
}

/* =========================================
		front_rear_article
========================================= */
	.front_rear_article {
		margin: 48px 0 0;
		color: #333;
	}
	.front_rear_article a {
		display: block;
		color: #333;
		text-decoration: none;
	}
	.front_rear_article ul {
		/*background: #f6f6f6;*/
		font-size: 0;
		border-radius: 10px;
}
	.front_rear_article ul::after {
		content: "";
		display: block;
		clear: both;
	}
	.front_rear_article_left {
		width: 48.55072%;
		float: left;
		background: #f6f6f6;
		padding: 0 2.903% 0 0;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
.front_rear_article_arwbox-left {
	display: inline-block;
	width: 7.76119%;
	vertical-align: middle;
	background: #999;
	padding: 63px 0;
	margin: 0 4.1791% 0 0;
	text-align: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
	.front_rear_article_right {
		width: 48.55072%;
		float: right;
		padding: 0;
		background: #f6f6f6;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
.front_rear_article_arwbox-right {
	float: right;
	width: 7.76119%;
	vertical-align: middle;
	background: #999;
	padding: 63px 0;
	margin: 0 0 0 4.1791%;
	text-align: center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.front_rear_article_right::after {
	content: "";
	display: block;
	clear: both;
}
.front_rear_article_img {
	width: 37.31343%;
	display: inline-block;
	vertical-align: top;
	padding: 19px 2.98507% 19px 0;
}
.front_rear_article_img img {
	width: 90%;
}
.front_rear_article_text {
	width: 47.76119%;
	display: inline-block;
	vertical-align: top;
	padding: 19px 0 0;
}

.front_rear_article_text {
	text-align: left;
}
.article_category {
	width: 100%;
	border-radius: 5px;
	background: #ff9902;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 9px;
	font-size: 12px;
	color: #fff;
}
.article_category_corp-info {
	width: 100%;
	border-radius: 5px;
	background: #ff9902;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 9px;
	font-size: 12px;
	color: #fff;
}
.article_category_products-solutions {
	width: 100%;
	border-radius: 5px;
	background: #cda673;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 9px;
	font-size: 12px;
	color: #fff;
}
.article_category_events-promos {
	width: 100%;
	border-radius: 5px;
	background: #ffd904;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 9px;
	font-size: 12px;
	color: #fff;
}
.article_category_csr {
	width: 100%;
	border-radius: 5px;
	background: #d5bd3a;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 9px;
	font-size: 12px;
	color: #fff;
}
.article_category_recruit {
	width: 100%;
	border-radius: 5px;
	background: #a9d13e;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 9px;
	font-size: 12px;
	color: #fff;
}
.article_category_primary-education {
	width: 100%;
	border-radius: 5px;
	background: #299961;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 9px;
	font-size: 12px;
	color: #fff;
}
.article_category_other-topics {
	width: 100%;
	border-radius: 5px;
	background: #7dd7a0;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 9px;
	font-size: 12px;
	color: #fff;
}
.article_data {
	display: block;
	font-size: 12px;
	padding: 0 0 5px;
}
.article_ttl {
	font-size: 14px;
	line-height: 1.6;
}

/* 960～767px */
@media only screen and (max-width: 960px) and (min-width: 766px) {
	.contents {
		padding: 30px 15px;
	}
	/* front_rear_article */
	.front_rear_article_left {
		width: 100%;
		float: none;
		border-radius: 10px;
		padding: 0;
	}
	.front_rear_article_right {
		width: 100%;
		float: none;
		padding: 0;
		margin: 0 0 20px;
		border-radius: 10px;
	}
	.front_rear_article_img {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 19px 2.98507% 19px 0;
	}
	.front_rear_article_right .front_rear_article_img {
    padding: 19px 2.98507%;
	}
	.front_rear_article_img img {
		width: 90%;
	}
	.front_rear_article_arwbox-left,
	.front_rear_article_arwbox-right {
		padding: 64px 0;
	}
	/* front_rear_article */
}


/* 768px以下 */
@media only screen and (max-width: 767px) {
	/* =========================================
		common
	========================================= */
	.br_sp {
		display: block;
	}
	.br_pc {
		display: none;
	}

	/* =========================================
		social_nav
	========================================= */
	.social_nav,
	.social_contents {
		float: none;
	}

	/* social_nav */
	.social_nav {
		position: relative;
		width: 100%;
		background-color: #FFFFFF;
		z-index: 100;
	}
	.social_nav h2 a {
		background-position: 96% center;
	}

	.social_menu_btn, .social_menu_area {
		position: absolute;
	}
	.social_nav .social_menu_btn {
		display: block;
		top: 18%;
		left: 6%;
		width: 40px;
		height: 40px;
		z-index: 20;
	}
	.social_nav .social_menu_area {
		display: none;
		width: 100%;
		height: 100vh;
		margin: 0;
		background-color: #FFFFFF;
		opacity: 0.95;
		z-index: 1000;
	}
	.social_menu_area_inner {
		height: 56vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	#cover-layer {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: #FFFFFF;
		filter: alpha(opacity=0);
		opacity: 0;
		z-index: 10;
	}

	/* h2 */
	.social_nav h2 {
		position: relative;
		width: 92%;
		margin: 0 auto;
		padding: 0;
	}
	.social_nav h2 img {
		width: auto;
		height: 100%;
		margin: 0 auto;
	}
	.social_nav h2 a {
		height: 62px;
		padding: 0;
	}

	/* social_menu_banner */
	.social_nav .social_menu_banner {
		width: 92%;
		margin: 0 auto;
	}
	

	/* =========================================
		social_contents
	========================================= */
	.social_contents {
		width: 92%;
		margin: 0 auto;
	}
	.social_contents .social_contents_visual {
		margin: 20px auto;
	}
	/* social_article_list */
	.social_contents .social_article_list {
		margin-top: 20px;
	}
	/* social_article_list */
	.social_contents .social_article_list li,
	.social_contents .social_article_list li:nth-of-type(3n) {
		width: 48%;
		margin: 0 0 20px 0;
	}
	.social_contents .social_article_list li:nth-of-type(odd) {
		float: left;
	}
	.social_contents .social_article_list li:nth-of-type(even) {
		float: right;
	}
	.social_contents .social_article_list .article_txt_box p {
		font-size: 11px;
	}

	/* h2 */
	.social_contents h2 {
		margin: 20px 0;
	}

	/* breadcrumbs */
	.social_contents .breadcrumbs {
		display: none;
	}

	/* =========================================
		article_area
	========================================= */
	/* slider */
	.article_img_area .article_slider {
		text-align: left;
	}
	.bx-wrapper .bx-prev {
		left: 0;
	}
	.bx-wrapper .bx-next {
		right: 0;
	}

  /* article_youtube_area */
  .article_youtube_area {
    width: 100%;
  }
  .article_youtube_area_inner {
    width: 94%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .article_youtube_area_inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
	/* front_rear_article */
	.front_rear_article_left {
		width: 100%;
		float: none;
		border-radius: 5px;
		padding: 0;
	}
	.front_rear_article_right {
		width: 100%;
		float: none;
		padding: 0;
		margin: 0 0 20px;
		border-radius: 5px;
	}
	.front_rear_article_img {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 20px 2.98507%;
	}
	.front_rear_article_img img {
		width: 100%;
	}
	.front_rear_article_text {
    width: 65%;
    display: inline-block;
    vertical-align: top;
    padding: 20px 0;
	}

	.front_rear_article_arwbox-left,
	.front_rear_article_arwbox-right {
		width: 94%;
		float: none;
		display: block;
		padding: 5px 3%;
		margin: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.front_rear_article_arwbox-right {
		text-align: right;
	}
	.front_rear_article_arwbox-left {
		text-align: left;
	}
	/* front_rear_article */

  
	/* =========================================
		pagetop
	========================================= */
	#pagetop {
		display: none;
		margin: 0;
		padding: 0;
	}
	#pagetop p {
		margin: 0;
		padding: 0;
		position: fixed;
		right: 16px;
		bottom: 16px;
		z-index: 10;
	} 
	#move_page_top {
		display: block;
		width: 60px;
		height: 60px;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
		background: #666666 url(/company/social/images/common/nav/arw_pagetop.png) center no-repeat;
		background-size: 20px 20px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}


}