.navbar,
.navbar .navbar-nav {
	border-bottom: 1px solid #ddd
}

@font-face {
	font-family: arrow3;
	src: url(../fonts/arrow3.eot?39643437);
	src: url(../fonts/arrow3.eot?39643437#iefix) format('embedded-opentype'), url(../fonts/arrow3.woff?39643437) format('woff'), url(../fonts/arrow3.ttf?39643437) format('truetype'), url(../fonts/arrow3.svg?39643437#arrow3) format('svg');
	font-weight: 400;
	font-style: normal
}

[class*=" icon-"]:before,
[class^=icon-]:before {
	font-family: arrow3;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em
}

.left-side li a:hover,
a:hover,
a:visited,
body.about .textLink-lg:hover,
body.en.about .textLink-lg:hover,
body.top.en .content-group .textLink-lg:hover {
	text-decoration: none
}

.icon-left-open-outline:before {
	content: '\e800'
}

.icon-left-open-1:before {
	content: '\e801'
}

.icon-right-open-outline:before {
	content: '\e802'
}

.icon-right-open-1:before {
	content: '\e803'
}

.icon-down-open:before {
	content: '\e804'
}

.icon-left-open:before {
	content: '\e805'
}

.icon-right-open:before {
	content: '\e806'
}

.icon-up-open:before {
	content: '\e807'
}

.icon-angle-left:before {
	content: '\e808'
}

.icon-angle-right:before {
	content: '\e809'
}

.icon-angle-up:before {
	content: '\e80a'
}

.icon-angle-down:before {
	content: '\e80b'
}

.icon-angle-circled-left:before {
	content: '\e80c'
}

.icon-angle-circled-right:before {
	content: '\e80d'
}

.icon-angle-circled-up:before {
	content: '\e80e'
}

.icon-angle-circled-down:before {
	content: '\e80f'
}

.icon-down:before {
	content: '\e810'
}

.icon-left:before {
	content: '\e811'
}

.icon-right:before {
	content: '\e812'
}

.icon-up:before {
	content: '\e813'
}

.icon-down-outline:before {
	content: '\e814'
}

.icon-left-outline:before {
	content: '\e815'
}

.icon-right-outline:before {
	content: '\e816'
}

.icon-up-outline:before {
	content: '\e817'
}

.icon-down-small:before {
	content: '\e818'
}

.icon-left-small:before {
	content: '\e819'
}

.icon-right-small:before {
	content: '\e81a'
}

.icon-up-small:before {
	content: '\e81b'
}

.icon-down-open-1:before {
	content: '\e81c'
}

.icon-left-open-2:before {
	content: '\e81d'
}

.icon-right-open-2:before {
	content: '\e81e'
}

.icon-up-open-1:before {
	content: '\e81f'
}

.icon-down-1:before {
	content: '\e820'
}

.icon-left-1:before {
	content: '\e821'
}

.icon-right-1:before {
	content: '\e822'
}

.icon-up-1:before {
	content: '\e823'
}

.icon-down-bold:before {
	content: '\e824'
}

.icon-left-bold:before {
	content: '\e825'
}

.icon-right-bold:before {
	content: '\e826'
}

.icon-up-bold:before {
	content: '\e827'
}

.icon-down-fat:before {
	content: '\e828'
}

.icon-left-fat:before {
	content: '\e829'
}

.icon-right-fat:before {
	content: '\e82a'
}

.icon-up-fat:before {
	content: '\e82b'
}

.icon-ccw:before {
	content: '\e82c'
}

body {
	padding-top: 53px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

body.en {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

a .icon-brands,
a .icon-category,
body.en #sitefooter .container {
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.navbar {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 1px rgba(0, 0, 0, .2)
}

@media (min-width:768px) {
	body#csr {
		padding-top: 72px;
	}

	.navbar {
		-webkit-box-shadow: 0 0 0 transparent;
		box-shadow: 0 0 0 transparent;
		position: relative;
		width: auto
	}

	.navbar .navbar-nav {
		border-bottom: none;
		margin-left: -20px
	}

	.navbar .navbar-nav li {
		position: relative
	}

	.navbar .navbar-nav li a {
		padding-top: 0;
		padding-bottom: 0;
		line-height: 50px
	}

	.navbar .navbar-nav li.open {

		background-color: #f7f7f7
	}

	.navbar .navbar-nav li.active > a:after {
		content: "";
		display: block;
		height: 5px;
		margin-top: -5px;
		background-color: #f9452d
	}
}

.navbar .navbar-nav .dropdown-menu {
	padding: 0 5px 10px;
	margin-top: -5px
}

.navbar .navbar-nav .dropdown-menu li a {
	padding: 8px 15px;
	line-height: 1
}

.navbar .navbar-nav i {
	float: right;
	color: #666
}

@media (min-width:768px) {
	.navbar .navbar-nav .dropdown-menu {
		padding: 10px 0;
		margin-top: 0
	}

	.navbar .navbar-nav .caret,
	.navbar .navbar-nav i {
		display: none
	}
}

.navbar .navbar-nav .caret {
	float: right;
	margin: 7px
}

.navbar .navbar-form {
	background-color: #f7f7f7;
	padding: 0;
	margin: 0;
	border-top: none;
	border-bottom: none
}

@media (min-width:768px) {
	.navbar .navbar-form {
		background-color: transparent;
		padding-top: 9px;
		padding-bottom: 0
	}
}

.navbar .navbar-form .form-group {
	padding: 0;
	margin: 0
}

.main {
	padding: 10px 10px 40px
}

@media (min-width:480px) {
	.main {
		padding: 10px 20px 40px
	}
}

@media (min-width:768px) {
	.main {
		padding: 0 0 70px
	}
}

@media (min-width:992px) {
	.main {
		padding: 0 0 80px
	}
}

@media (min-width:1200px) {
	.main {
		padding: 0 0 90px
	}
}

.sub {
	padding: 10px 10px 0;
}

@media (min-width:480px) {
	.sub {
		padding: 10px 20px 0;
	}
}

@media (min-width:768px) {
	.sub {
		padding: 0;
	}
}

@media (min-width:992px) {
	.sub {
		padding: 0;
	}
}

@media (min-width:1200px) {
	.sub {
		padding: 0;
	}
}

#sitefooter {
	position: relative;
	width: auto;
	background-color: #f1f1f1
}

#sitefooter .container-upperfooter {
	border-bottom: 1px solid #d5d5d5
}

#sitefooter .container .upper {
	padding: 20px 0
}

@media (min-width:768px) {
	#sitefooter .container .upper {
		padding: 40px 0 20px
	}
}

#sitefooter .container .upper .group {
	list-style-type: none;
	padding: 0;
	margin: 0 20px
}

@media (min-width:768px) {
	#sitefooter .container .upper .group {
		margin: 0
	}
}

#sitefooter .container .upper .group li {
	height: 60px;
	line-height: 60px;
	margin: 0 45px 0 0;
	padding: 0;
	float: left;
	list-style-type: none
}

#sitefooter .container .upper .group li:last-child {
	margin-right: 0
}

#sitefooter .container .upper .group li img {
	vertical-align: middle;
	max-height: 60px
}

#sitefooter .container .upper .group li.group1 img {
	max-width: 105px
}

#sitefooter .container .upper .group li.group2 img{
	max-width: 70px
}

#sitefooter .container .upper .group li.group4 img {
	max-width: 130px
}

#sitefooter .container .upper .group li.group5 img {
	max-width: 70px
}

#sitefooter .container .upper .group li.group6 img {
	max-width: 105px
}

@media (min-width:768px) {
	#sitefooter .container .upper .group li {
		margin: 0 60px 22px 0
	}
}

@media (min-width:992px) {
	#sitefooter .container .upper .group li {
		margin: 0 80px 20px 0
	}

	#sitefooter .container .upper .group li.group1 img {
		max-width: 130px
	}

	#sitefooter .container .upper .group li.group2 img {
		max-width: 90px
	}

	#sitefooter .container .upper .group li.group4 img {
		max-width: 160px
	}

	#sitefooter .container .upper .group li.group5 img {
		max-width: 85px
	}

	#sitefooter .container .upper .group li.group6 img {
		max-width: 130px
	}
}

@media (min-width:1200px) {
	#sitefooter .container .upper .group li {
		margin: 0 90px 20px 0
	}

	#sitefooter .container .upper .group li.group1 img {
		max-width: 150px
	}

	#sitefooter .container .upper .group li.group2 img{
		max-width: 100px
	}

	#sitefooter .container .upper .group li.group4 img {
		max-width: 180px
	}

	#sitefooter .container .upper .group li.group5 img {
		max-width: 105px
	}

	#sitefooter .container .upper .group li.group6 img {
		max-width: 145px
	}
}

#sitefooter .container .lower {
	padding: 50px 0
}

@media (max-width:767px) {

	#sitefooter .container .lower,
	#sitefooter .container .lower .link-group {
		padding: 0
	}
}

#sitefooter .container .lower .link-group h5 {
	margin: 0 0 8px;
	padding: 0;
	font-size: 12px;
	font-weight: 700
}

@media (min-width:768px) {
	#sitefooter .container .lower .link-group h5 {
		margin: 0 0 15px;
		font-size: 13px
	}
}

@media (min-width:992px) {
	#sitefooter .container .lower .link-group h5 {
		margin: 0 0 15px 2px;
		font-size: 14px
	}
}

@media (min-width:1200px) {
	#sitefooter .container .lower .link-group h5 {
		font-size: 14px
	}
}

#sitefooter .container .lower .link-group ul {
	padding: 0;
	margin: 0;
	list-style: none
}

#sitefooter .container .lower .link-group ul li {
	padding: 3px 0
}

#sitefooter .container .lower .link-group ul li a,
#sitefooter .container .lower .link-group ul li span {
	font-size: 12px
}

@media (max-width:767px) {
	#sitefooter .container .lower .link-group ul li {
		padding: 0;
		border-top: 1px solid #d5d5d5
	}

	#sitefooter .container .lower .link-group ul li a,
	#sitefooter .container .lower .link-group ul li span {
		padding: 12px 10px;
		display: block;
		text-decoration: none
	}
}

#sitefooter .container .lower .link-group ul li a i,
#sitefooter .container .lower .link-group ul li span i {
	color: #f9452d
}

@media (min-width:768px) {

	#sitefooter .container .lower .link-group ul li a,
	#sitefooter .container .lower .link-group ul li span {
		font-size: 11px
	}
}

@media (min-width:992px) {

	#sitefooter .container .lower .link-group ul li a,
	#sitefooter .container .lower .link-group ul li span {
		font-size: 13px
	}
}

@media (min-width:1200px) {

	#sitefooter .container .lower .link-group ul li a,
	#sitefooter .container .lower .link-group ul li span {
		font-size: 13px
	}
}

#sitefooter .copy {
	padding: 10px 0;
	background-color: #222;
	color: #fff;
	text-align: center;
	font-size: 10px
}

#sitefooter .to-page-top {
	position: absolute;
	right: 0;
	display: block;
	background-color: #f9452d;
	color: #fff;
	text-align: center;
	top: -40px;
	height: 40px;
	width: 40px;
	font-size: 25px;
	padding-top: 7px
}

.dropdown-submenu,
.left-side li {
	position: relative
}

@media (min-width:768px) {
	#sitefooter .to-page-top {
		top: -60px;
		height: 60px;
		width: 60px;
		font-size: 35px;
		padding-top: 10px
	}
}

body.en #sitefooter .container .lower {
	padding: 50px 0
}

body.en #sitefooter .container .lower .link-group h5 {
	font-size: 12px
}

@media (min-width:768px) {
	body.en #sitefooter .container .lower .link-group h5 {
		font-size: 13px
	}
}

@media (min-width:992px) {
	body.en #sitefooter .container .lower .link-group h5 {
		font-size: 14px
	}
}

@media (min-width:1200px) {
	body.en #sitefooter .container .lower .link-group h5 {
		font-size: 14px
	}
}

body.en #sitefooter .container .lower .link-group ul li a,
body.en #sitefooter .container .lower .link-group ul li span {
	font-size: 11px
}

@media (min-width:480px) {

	body.en #sitefooter .container .lower .link-group ul li a,
	body.en #sitefooter .container .lower .link-group ul li span {
		font-size: 11px
	}
}

@media (min-width:768px) {

	body.en #sitefooter .container .lower .link-group ul li a,
	body.en #sitefooter .container .lower .link-group ul li span {
		font-size: 12px
	}
}

@media (min-width:992px) {

	body.en #sitefooter .container .lower .link-group ul li a,
	body.en #sitefooter .container .lower .link-group ul li span {
		font-size: 13px
	}
}

@media (min-width:1200px) {

	body.en #sitefooter .container .lower .link-group ul li a,
	body.en #sitefooter .container .lower .link-group ul li span {
		font-size: 13px
	}
}

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px
}

.dropdown-submenu:hover > .dropdown-menu {
	display: block
}

.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #ccc;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	margin-top: 5px;
	margin-right: -10px
}

.dropdown-submenu:hover > a:after {
	border-left-color: #fff
}

.left-side {
	padding: 0 30px 0 0;
	margin: 0;
	list-style: none
}

@media (max-width:1199px) {
	.left-side {
		padding-right: 10px
	}
}

@media (max-width:767px) {
	.left-side {
		display: none;
		padding: 0;
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: 20px
	}
}

.left-side li {
	font-size: 12px;
	background-color: #eee;
	border-bottom: 1px solid #fff;
	padding: 10px 15px 10px 12px
}

@media (min-width:768px) {
	.left-side li {
		font-size: 12px
	}
}

@media (min-width:992px) {
	.left-side li {
		font-size: 12px
	}
}

@media (min-width:1200px) {
	.left-side li {
		font-size: 13px
	}
}

/*サイドナビ_サブメニュー↓*/
/*.left-side li.socialcontributionactivities,
.left-side li.csractivities,
.left-side li.charity{
	border-bottom: none;
}
.left-side li.csractivities,
.left-side li.charity,
.left-side li.evaluation{
    padding: 3px 15px 3px 12px;
}*/
/*サイドナビ_サブメニュー↑*/

.left-side li:hover {
	background-color: #e3e3e3
}

.left-side li a {
	display: block
}

.left-side li i {
	color: #777;
	position: absolute;
	top: 11px;
	right: 2px
}
/*サイドナビ_サブメニュー↓*/
/*.left-side li.csractivities i,
.left-side li.charity i,
.left-side li.evaluation i{
    top: 5px;
}*/
/*サイドナビ_サブメニュー↑*/

.left-side li.title {
	background-color: #e0e0e0;
	color: #444;
	font-size: 14px
}

.left-side li:last-child {
	border-bottom: none
}

.left-side li.sub {
	background-color: #fafafa;
	font-size: 12px;
	padding: 6px 22px
}

.left-side li.sub:hover {
	background-color: #eee
}

.left-side li.selected a,
.left-side li.selected i {
	color: #666;
	font-weight: 700;
}

a .icon-brands,
a .icon-category {
	padding: 0 5px !important;
	display: inline-block !important;
	color: #fff;
	font-size: 10px
}

.close-icon,
.open-icon {
	color: #777
}

a .icon-bell {
	background-color: #f9452e
}

a .icon-none {
	background-color: #f69182
}

a .icon-bbc {
	background-color: #022961
}

a .icon-bms {
	background-color: #51948f
}

a .icon-cell {
	background-color: #d3b1c1
}

a .icon-pocke {
	background-color: #b9d88c
}

a .icon-soleil {
	background-color: #b2a3f8
}

.icon-bim {
	background: red;
}

.icon-ctcfc {
	background: #7ad1f4;
}

.icon-tbnc {
	background: #7bc2b4;
}

a .icon-cat-event {
	background-color: #575757;
}

a .icon-cat-none {
	display:none !important;
}

.group-news-labels {
	padding: 0 0 20px;
	margin: 0 0 15px;
	border-bottom: 1px solid #d5d5d5
}

.group-news-labels li {
	font-size: 10px;
	list-style: none;
	padding: 3px 0
}

.group-news-labels li .icon-wrap {
	display: inline-block;
	min-width: 35px
}

@media (min-width:768px) {
	.group-news-labels {
		padding: 25px 0 0;
		border-bottom: 1px solid transparent
	}

	.group-news-labels li {
		padding: 3px 0
	}

	.group-news-labels li .icon-wrap {
		min-width: 40px
	}
}

@media (min-width:992px) {
	.group-news-labels li {
		padding: 3px 0
	}

	.group-news-labels li .icon-wrap {
		min-width: 50px
	}
}

.group-news-labels-desktop {
	padding: 10px 0 20px;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px
}

.open-icon {
	display: none
}

.openclose.opened .open-icon {
	display: inline
}

.openclose.closed .open-icon,
.openclose.opened .close-icon {
	display: none
}

.openclose.closed .close-icon {
	display: inline
}

body.top {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

body.top .main {
	padding-top: 35px
}

body.about h1 {
	position: relative;
	color: #f9452d;
	border-bottom: 2px solid #ccc;
	padding: 0 0 15px;
	margin: 0 0 25px;
	font-size: 18px;
	font-weight: 700
}

@media (min-width:480px) {
	body.about h1 {
		margin: 0 0 30px;
		font-size: 20px
	}
}

@media (min-width:768px) {
	body.about h1 {
		padding: 0 0 20px;
		margin: 0 0 35px;
		font-size: 30px
	}
}

@media (min-width:992px) {
	body.about h1 {
		margin: 0 0 40px;
		font-size: 32px;
		font-weight: 400
	}
}

body.about h1:after {
	position: absolute;
	bottom: -2px;
	content: "";
	display: block;
	height: 2px;
	width: 80px;
	background-color: #f9452d
}

@media (min-width:480px) {
	body.about h1:after {
		width: 25%
	}
}

@media (min-width:768px) {
	body.about h1:after {
		width: 25%
	}
}

body.about h1 small {
	margin-top: 10px;
	display: block
}

body.about h1.col-wide:after {
	width: 300px
}

@media (min-width:480px) {
	body.about h1.col-wide:after {
		width: 50%
	}
}

body.about h2 {
	position: relative;
	margin: 25px 0 15px;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'HiraKakuProN-W3', "游ゴシック","Yu Gothic",YuGothic, Meiryo, sans-serif;
	font-size: 20px;
	color: #f9452d;
	font-style: normal
}

body.about h3.copy {
	font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, "游明朝","Yu Mincho",YuMincho, "MS P明朝", "MS PMincho", serif;
	font-size: 44px;
	padding: 50px 0;
	text-align: center;
	border: 10px solid #eee;
	margin-bottom: 15px
}

body.about .mt-content .year h2,
body.en.about h1,
body.en.about h2 {
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif
}

body.about .mt-content {
	padding-bottom: 50px
}

body.about .mt-content h4 {
	font-weight: 400;
	color: #222;
	position: relative
}

body.about .mt-content h4 a {
	display: block;
	position: relative;
	padding-right: 25px
}

body.about .mt-content h4 a span {
	position: absolute;
	top: 0;
	right: 0;
	color: #f9452d
}

body.about .mt-content p {
	font-size: 13px;
	line-height: 2
}

@media (min-width:768px) {
	body.about h1.col-wide:after {
		width: 50%
	}

	body.about .mt-content p {
		font-size: 13px
	}
}

@media (min-width:992px) {
	body.about .mt-content p {
		font-size: 14px
	}
}

@media (min-width:1200px) {
	body.about .mt-content p {
		font-size: 14px
	}
}

body.about .mt-content p.right {
	text-align: right
}

body.about .mt-content p.gyoseki {
	background: url(../img/icon_pdf.png) left 5px no-repeat;
	padding-left: 25px
}

body.about .mt-content p.note {
	margin-top: 35px;
	text-align: right
}

body.about .mt-content p span.red {
	color: #c00
}

body.about .mt-content img.left {
	float: left;
	margin: 0 10px 10px 0
}

body.about .mt-content img.right {
	float: right;
	margin: 0 10px
}

body.about .mt-content .year {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #eee
}

body.about .mt-content .year h2 {
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 10px;
	color: #333
}

body.about .mt-content .year h2 small {
	color: #333;
	font-size: 15px;
	font-weight: 700
}

body.about .mt-content .year .list-enkaku {
	list-style: none;
	padding: 0 0 0 50px;
	margin: 0;
	font-size: 14px;
	line-height: 1.4
}

body.about .mt-content .year .list-enkaku li {
	padding: 5px 0
}

body.about .mt-content .year .list-enkaku li span {
	float: left;
	margin-left: -50px;
	display: block;
	width: 50px
}

body.about .mt-content .list-company-info {
	list-style: none;
	padding: 0;
	margin: 0
}

body.about .mt-content .list-company-info > li {
	padding: 5px 0;
	margin-bottom: 10px
}

body.about .mt-content .list-company-info > li span.label {
	color: #333;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	font-weight: 700
}

body.about .mt-content .list-company-info > li p {
	margin: 0 0 10px
}

.list-corporate-group {
	list-style: none;
	margin: 50px 0 0;
	padding: 0
}

.list-corporate-group li a {
	font-size: 12px
}

.list-corporate-group li a.thumb,
.list-corporate-group li span.thumb {
	display: block;
	text-align: center;
	margin: 0 15px 0 0
}

.list-corporate-group li a.thumb img,
.list-corporate-group li span.thumb img {
	width: 100%
}

.list-corporate-group li h4 {
	font-size: 16px
}

.list-corporate-group li p {
	padding-right: 15px;
	font-size: 12px
}

@media (min-width:480px) {

	.list-corporate-group li a.thumb img,
	.list-corporate-group li span.thumb img {
		width: 100%
	}

	.list-corporate-group li h4 {
		font-size: 16px
	}

	.list-corporate-group li p {
		font-size: 11px
	}
}

@media (min-width:768px) {

	.list-corporate-group li a.thumb img,
	.list-corporate-group li span.thumb img {
		width: 100%
	}

	.list-corporate-group li h4 {
		font-size: 16px
	}

	.list-corporate-group li p {
		font-size: 11px
	}
}

@media (min-width:992px) {

	.list-corporate-group li a.thumb img,
	.list-corporate-group li span.thumb img {
		width: 100%
	}

	.list-corporate-group li h4 {
		font-size: 16px
	}

	.list-corporate-group li p {
		font-size: 12px
	}
}

@media (min-width:1200px) {

	.list-corporate-group li h4 {
		font-size: 16px
	}

	.list-corporate-group li p {
		font-size: 12px
	}
}

body.about .textLink-lg {
	display: block;
	margin: 15px 10px 0;
	padding: 50px 20px;
	font-size: 12px;
	background-color: #eee;
	color: #222;
	text-align: center
}

@media (min-width:768px) {
	body.about .textLink-lg {
		font-size: 12px
	}
}

@media (min-width:992px) {
	body.about .textLink-lg {
		font-size: 13px
	}
}

@media (min-width:1200px) {
	body.about .textLink-lg {
		font-size: 14px
	}
}

body.about .textLink-lg i {
	color: #f9452d;
	position: absolute;
	top: 50%;
	right: 15px
}

body.about .textLink-lg a,
body.en.about .textLink-lg a {
	color: #222
}

body.en.about h3.copy {
	font-family: serif;
	font-size: 24px;
	line-height: 2
}

body.en.about .mt-content p {
	font-size: 14px;
	line-height: 1.65;
	margin-bottom: 20px
}

body.en.about .mt-content .year h2 {
	font-size: 17px
}

body.en.about .mt-content .year h2 small {
	font-size: 15px
}

body.en.about .mt-content .year .list-enkaku {
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

body.news .container .mt-content,
body.news .newslist-group h2,
body.top .newslist-group h2 {
	font-family: Verdana, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'HiraKakuProN-W3', "游ゴシック","Yu Gothic",YuGothic, Meiryo, sans-serif
}

body.en.about .mt-content .year .list-enkaku li span {
	font-weight: 700
}

body.en.about .mt-content .list-company-info > li .list-executives > li {
	font-size: 14px
}

body.en.about .mt-content .list-company-info > li .list-executives > li span.sublabel {
	width: 350px;
	font-size: 12px
}

body.en.about .mt-content p.right span {
	display: block
}

body.en.about .mt-content p.right span.sign {
	padding: 15px 0
}

body.en.about .textLink-lg {
	display: block;
	margin: 15px 10px 0;
	padding: 50px 20px;
	font-size: 12px;
	background-color: #eee;
	color: #222;
	text-align: center
}

body.en.about .textLink-lg span {
	display: block;
	height: auto
}

body.en.about .textLink-lg i {
	color: #f9452d;
	position: absolute;
	top: 50%;
	right: 15px
}

body.en.about .textLink-lg.l2 span {
	height: auto;
	padding-top: 0;
	display: block
}

@media (min-width:768px) {
	body.en.about .textLink-lg {
		font-size: 12px
	}

	body.en.about .textLink-lg.l2 span {
		height: auto;
		padding-top: 0;
		display: inline-block
	}
}

@media (min-width:992px) {
	body.en.about .textLink-lg {
		font-size: 13px
	}

	body.en.about .textLink-lg.l2 span {
		height: 40px;
		padding-top: 10px;
		display: inline-block
	}
}

body.news .container .news-side h3:after,
body.news .newslist-group h2:after,
body.top .newslist-group h2:after,
body.top.en .content-group h2:after {
	bottom: -2px;
	content: "";
	height: 2px;
	background-color: #f9452d
}

body.news .newslist-group,
body.top .newslist-group {
	padding: 0 0 10px
}

@media (min-width:768px) {

	body.news .newslist-group,
	body.top .newslist-group {
		padding: 0 0 10px
	}
}

@media (min-width:992px) {

	body.news .newslist-group,
	body.top .newslist-group {
		padding: 0 15px 10px
	}
}

@media (min-width:1200px) {
	body.en.about .textLink-lg {
		font-size: 14px
	}

	body.news .newslist-group,
	body.top .newslist-group {
		padding: 0 20px 10px
	}
}

body.news .newslist-group h2,
body.top .newslist-group h2 {
	position: relative;
	margin: 0 0 10px;
	font-size: 20px;
	color: #f9452d;
	font-style: normal;
	font-weight: 700;
	padding: 0 0 15px;
	border-bottom: 2px solid #ccc
}

@media (min-width:768px) {

	body.news .newslist-group h2,
	body.top .newslist-group h2 {
		font-size: 22px
	}
}

@media (min-width:992px) {

	body.news .newslist-group h2,
	body.top .newslist-group h2 {
		font-size: 24px
	}
}

body.news .newslist-group h2:after,
body.top .newslist-group h2:after {
	position: absolute;
	display: block;
	width: 80px
}

@media (min-width:768px) {

	body.news .newslist-group h2:after,
	body.top .newslist-group h2:after {
		width: 90px
	}
}

@media (min-width:1200px) {

	body.news .newslist-group h2,
	body.top .newslist-group h2 {
		font-size: 26px
	}

	body.news .newslist-group h2:after,
	body.top .newslist-group h2:after {
		width: 110px
	}
}

body.news .newslist-group h2 small,
body.top .newslist-group h2 small {
	display: block;
	font-style: normal;
	margin-top: 6px;
	color: #444;
	font-size: 60%
}

@media (min-width:480px) {

	body.news .newslist-group h2 small,
	body.top .newslist-group h2 small {
		display: inline;
		margin-left: 15px;
		margin-top: 0
	}
}

body.news .newslist-group > h3,
body.top .newslist-group > h3 {
	position: relative;
	margin: 0 0 10px;
	font-size: 12px;
	color: #555;
	font-style: normal;
	font-weight: 700;
	padding: 15px 0;
	border-bottom: 2px solid #ccc
}

@media (min-width:768px) {

	body.news .newslist-group > h3,
	body.top .newslist-group > h3 {
		font-size: 14px
	}
}

@media (min-width:992px) {

	body.news .newslist-group h2:after,
	body.top .newslist-group h2:after {
		width: 110px
	}

	body.news .newslist-group > h3,
	body.top .newslist-group > h3 {
		font-size: 15px
	}
}

@media (min-width:1200px) {

	body.news .newslist-group > h3,
	body.top .newslist-group > h3 {
		font-size: 16px
	}
}

body.news .newslist-group > h3.nopadding,
body.top .newslist-group > h3.nopadding {
	padding-top: 0
}

body.news .newslist-group .newslist,
body.top .newslist-group .newslist {
	padding: 0;
	margin: 0;
	list-style: none
}

body.news .newslist-group .newslist li,
body.top .newslist-group .newslist li {
	display: block;
	padding: 0 0 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd
}

body.news .newslist-group .newslist li span.date,
body.top .newslist-group .newslist li span.date {
	font-size: 11px;
	color: #777
}

@media (min-width:768px) {

	body.news .newslist-group .newslist li span.date,
	body.top .newslist-group .newslist li span.date {
		font-size: 11px
	}
}

@media (min-width:992px) {

	body.news .newslist-group .newslist li span.date,
	body.top .newslist-group .newslist li span.date {
		font-size: 12px
	}
}

@media (min-width:1200px) {

	body.news .newslist-group .newslist li span.date,
	body.top .newslist-group .newslist li span.date {
		font-size: 12px
	}
}

body.news .newslist-group .newslist li a h3,
body.top .newslist-group .newslist li a h3 {
	padding: 0;
	margin: 4px 0 6px;
	font-size: 13px;
	font-weight: 700;
	color: #369
}

@media (min-width:768px) {

	body.news .newslist-group .newslist li a h3,
	body.top .newslist-group .newslist li a h3 {
		font-size: 13px
	}
}

@media (min-width:992px) {

	body.news .newslist-group .newslist li a h3,
	body.top .newslist-group .newslist li a h3 {
		font-size: 14px
	}
}

@media (min-width:1200px) {

	body.news .newslist-group .newslist li a h3,
	body.top .newslist-group .newslist li a h3 {
		font-size: 15px;
		line-height: 1.5em;
	}
}

body.news .newslist-group .newslist li a h3:hover,
body.top .newslist-group .newslist li a h3:hover {
	color: ##f9452d
}

body.news .newslist-group .newslist li a p,
body.top .newslist-group .newslist li a p {
	font-size: 12px
}

@media (min-width:992px) {

	body.news .newslist-group .newslist li a p,
	body.top .newslist-group .newslist li a p {
		font-size: 12px
	}

	body.news .textlink,
	body.top .textlink {
		font-size: 13px
	}
}

body.news .textlink,
body.top .textlink {
	display: block;
	margin-top: 15px;
	font-size: 13px
}

body.news .textlink i,
body.top .textlink i {
	color: #777;
}

body.news .textlink:hover, body.news .textlink:hover i,
body.csr .textlink:hover, body.csr .textlink:hover i,
body.top .textlink:hover, body.top .textlink:hover i {
	color: #aaa;
}

body.news .textlink i,
body.top .textlink i {
	color: #777;
}

body.news .newslist-group {
	padding: 0 0 10px
}

@media (min-width:768px) {

	body.news .textlink,
	body.top .textlink {
		font-size: 13px
	}

	body.news .newslist-group {
		padding: 0 0 10px
	}
}

@media (min-width:992px) {
	body.news .newslist-group {
		padding: 0 5px 10px px
	}
}

@media (min-width:1200px) {

	body.news .textlink,
	body.top .textlink {
		font-size: 13px
	}

	body.news .newslist-group {
		padding: 0 0 10px
	}
}

body.news .container h1 {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1.3;
	color: #444;
	font-size: 20px
}

body.news .container .mt-content h1.black,
body.news .container .mt-content h2.black {
	color: #555
}

@media (min-width:480px) {
	body.news .container h1 {
		font-size: 23px
	}
}

@media (min-width:768px) {
	body.news .container h1 {
		font-size: 28px
	}
}

@media (min-width:992px) {
	body.news .container h1 {
		font-size: 30px
	}

	body.news .container .mt-content {
		font-size: 13px
	}
}

body.news .container h1 small {
	margin-top: 10px;
	display: block
}

body.news .container .mt-content {
	font-size: 13px;
	margin: 20px 0 50px
}

body.top.en .content-group .textLink-lg a,
body.top.en .content-group h2 {
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width:768px) {
	body.news .container .mt-content {
		font-size: 13px;
		margin: 30px 0 50px
	}
}

@media (min-width:1200px) {
	body.news .container .mt-content {
		font-size: 14px
	}
}

body.news .container .mt-content p {
	font-size: 13px;
	line-height: 1.8
}

@media (min-width:768px) {
	body.news .container .mt-content p {
		font-size: 13px
	}
}

@media (min-width:992px) {
	body.news .container .mt-content {
		margin: 40px 0 75px
	}

	body.news .container .mt-content p {
		font-size: 13px
	}
}

@media (min-width:1200px) {
	body.news .container .mt-content p {
		font-size: 14px
	}
}

body.news .container .mt-content img {
	max-width: 100%
}

body.news .container .mt-content img.left {
	float: left;
	margin: 0 30px 20px 0
}

body.news .container .mt-content img.right {
	float: right;
	margin: 0 30px 20px 0
}

body.news .container .mt-content table tbody td,
body.news .container .mt-content table tbody tr,
body.news .container .mt-content table thead td,
body.news .container .mt-content table thead tr,
body.news .container .mt-content table.table tbody td,
body.news .container .mt-content table.table tbody tr,
body.news .container .mt-content table.table thead td,
body.news .container .mt-content table.table thead tr {
	font-size: 14px
}

body.news .container .mt-content h1 {
	font-size: 15px
}

@media (min-width:768px) {
	body.news .container .mt-content h1 {
		font-size: 18px
	}
}

@media (min-width:992px) {
	body.news .container .mt-content h1 {
		font-size: 21px
	}
}

@media (min-width:1200px) {
	body.news .container .mt-content h1 {
		font-size: 22px
	}
}

body.news .container .mt-content h2 {
	font-size: 13px
}

@media (min-width:768px) {
	body.news .container .mt-content h2 {
		font-size: 16px
	}
}

@media (min-width:992px) {
	body.news .container .mt-content h2 {
		font-size: 19px
	}
}

@media (min-width:1200px) {
	body.news .container .mt-content h2 {
		font-size: 20px
	}
}

body.news .container .mt-content h3 {
	font-size: 13px;
	font-weight: 700
}

@media (min-width:768px) {
	body.news .container .mt-content h3 {
		font-size: 13px
	}
}

@media (min-width:992px) {
	body.news .container .mt-content h3 {
		font-size: 13px
	}
}

@media (min-width:1200px) {
	body.news .container .mt-content h3 {
		font-size: 14px
	}
}

body.news .container .mt-content .right {
	text-align: right
}

body.news .container .mt-content .left {
	text-align: left
}

body.news .container .mt-content .center {
	text-align: center
}

body.news .container .mt-content b,
body.news .container .mt-content strong {
	font-weight: 700
}

body.news .container .mt-content .brand-color {
	color: #f9452d
}

body.news .container .mt-content table tr td,
body.news .container .mt-content table tr th {
	padding: 5px
}

body.news .container .news-side {
	padding: 0;
	margin: 50px 0 30px
}

@media (min-width:992px) {
	body.news .container .news-side {
		margin-top: 0;
		margin-left: 40px
	}
}

body.news .container .news-side h3 {
	position: relative;
	margin: 0;
	padding-bottom: 10px;
	color: #f9452d;
	font-size: 18px;
	border-bottom: 2px solid #ddd
}

body.news .container .news-side h3:after {
	position: absolute;
	display: block;
	width: 120px
}

body.news .container .news-side ul {
	list-style: none;
	padding: 0
}

body.news .container .news-side li {
	display: block;
	padding: 12px 0;
	margin: 0;
	border-bottom: 1px solid #ddd
}

body.news .container .news-side li a {
	display: block
}

body.news .container .news-side li span.date {
	font-size: 12px;
	display: block
}

body.news .container .news-util .btn-wrapper {
	text-align: center
}

body.news .container .news-util a.adobe {
	display: block;
	color: #a2a2a2;
	font-size: 10px;
	padding: 15px 5px;
	margin: 0 auto;
	width: 270px;
	text-align: center
}

body.news .dropdown-news {
	margin-bottom: 25px
}

body.news .pagingblock {
	padding: 25px 0
}

body.top.en .content-group {
	padding: 0 0 10px
}

@media (min-width:768px) {
	body.top.en .content-group {
		padding: 0 0 10px
	}
}

@media (min-width:992px) {
	body.top.en .content-group {
		padding: 0 15px 10px
	}
}

@media (min-width:1200px) {
	body.top.en .content-group {
		padding: 0 20px 10px
	}
}

body.top.en .content-group h2 {
	position: relative;
	margin: 0 0 10px;
	font-size: 20px;
	color: #f9452d;
	font-style: normal;
	font-weight: 700;
	padding: 0 0 15px;
	border-bottom: 2px solid #ccc
}

@media (min-width:768px) {
	body.top.en .content-group h2 {
		font-size: 22px
	}
}

@media (min-width:992px) {
	body.top.en .content-group h2 {
		font-size: 24px
	}
}

body.top.en .content-group h2:after {
	position: absolute;
	display: block;
	width: 180px
}

@media (min-width:768px) {
	body.top.en .content-group h2:after {
		width: 290px
	}
}

@media (min-width:992px) {
	body.top.en .content-group h2:after {
		width: 310px
	}
}

@media (min-width:1200px) {
	body.top.en .content-group h2 {
		font-size: 26px
	}

	body.top.en .content-group h2:after {
		width: 410px
	}
}

body.top.en .content-group h2 small {
	display: block;

	font-style: normal;
	margin-top: 6px;
	color: #444;
	font-size: 60%
}

@media (min-width:480px) {
	body.top.en .content-group h2 small {
		display: inline;
		margin-left: 15px;
		margin-top: 0
	}
}

body.top.en .content-group .textLink-lg {
	display: block;
	margin: 15px 10px 0;
	padding: 50px 20px;
	font-size: 12px;
	background-color: #eee;
	color: #222;
	text-align: center
}

body.contact div.main > .container h1:after,
body.general div.main > .container h1:after,
body.recruit div.main > .container h1:after {
	bottom: -2px;
	content: "";
	height: 2px;
	background-color: #f9452d;
	display: block
}

@media (min-width:768px) {
	body.top.en .content-group .textLink-lg {
		font-size: 12px
	}
}

@media (min-width:992px) {
	body.top.en .content-group .textLink-lg {
		font-size: 13px
	}
}

@media (min-width:1200px) {
	body.top.en .content-group .textLink-lg {
		font-size: 14px
	}
}

body.top.en .content-group .textLink-lg i {
	color: #f9452d;
	position: absolute;
	top: 50%;
	right: 15px
}

body.top.en .content-group .textLink-lg a {
	color: #222
}

body.recruit div.main > .container h1 {
	position: relative;
	color: #f9452d;
	border-bottom: 2px solid #ccc;
	padding: 0 0 15px;
	margin: 0 0 25px;
	font-size: 18px;
	font-weight: 700
}

@media (min-width:480px) {
	body.recruit div.main > .container h1 {
		margin: 0 0 30px;
		font-size: 20px
	}
}

@media (min-width:768px) {
	body.recruit div.main > .container h1 {
		padding: 0 0 20px;
		margin: 0 0 35px;
		font-size: 30px
	}
}

@media (min-width:992px) {
	body.recruit div.main > .container h1 {
		margin: 0 0 40px;
		font-size: 32px;
		font-weight: 400
	}
}

body.recruit div.main > .container h1:after {
	position: absolute;
	width: 80px
}

@media (min-width:480px) {
	body.recruit div.main > .container h1:after {
		width: 25%
	}
}

@media (min-width:768px) {
	body.recruit div.main > .container h1:after {
		width: 25%
	}
}

body.recruit div.main > .container h1 small {
	margin-top: 10px;
	display: block
}

body.recruit div.main > .container h1.col-wide:after {
	width: 300px
}

body.recruit div.main > .container .list-group {
	margin-top: 25px
}

body.recruit div.main > .container .each {
	padding-bottom: 15px;
	min-height: 150px
}

@media (min-width:480px) {
	body.recruit div.main > .container h1.col-wide:after {
		width: 50%
	}

	body.recruit div.main > .container .each {
		min-height: 200px
	}
}

@media (min-width:768px) {
	body.recruit div.main > .container h1.col-wide:after {
		width: 50%
	}

	body.recruit div.main > .container .each {
		min-height: 280px
	}
}

@media (min-width:992px) {
	body.recruit div.main > .container .each {
		min-height: 320px
	}
}

body.recruit div.main > .container .each .wrap {
	margin: 5px
}

body.recruit div.main > .container .each .wrap h4 {
	text-align: center;
	font-size: 10px;
	line-height: 1.4;
	margin: 0;
	padding: 10px 0 0
}

body.recruit div.main > .container .each .wrap .imgwrap {
	border: 1px solid #d5d5d5;
	padding: 15px;
	text-align: center
}

body.recruit div.main > .container .each .wrap .imgwrap img {
	width: 50%
}

body.recruit div.main > .container .each .wrap p {
	font-size: 10px;
	text-align: center
}

@media (min-width:480px) {
	body.recruit div.main > .container .each .wrap h4 {
		font-size: 11px
	}

	body.recruit div.main > .container .each .wrap .imgwrap {
		padding: 15px
	}

	body.recruit div.main > .container .each .wrap .imgwrap img {
		width: 50%
	}
}

@media (min-width:768px) {
	body.recruit div.main > .container .each .wrap h4 {
		font-size: 12px
	}

	body.recruit div.main > .container .each .wrap .imgwrap {
		padding: 25px
	}

	body.recruit div.main > .container .each .wrap .imgwrap img {
		width: auto
	}
}

@media (min-width:992px) {
	body.recruit div.main > .container .each .wrap h4 {
		font-size: 12px
	}

	body.recruit div.main > .container .each .wrap .imgwrap {
		padding: 25px
	}

	body.recruit div.main > .container .each .wrap .imgwrap img {
		width: auto
	}
}

@media (min-width:1200px) {
	body.recruit div.main > .container .each {
		min-height: 260px
	}

	body.recruit div.main > .container .each .wrap .imgwrap {
		padding: 25px
	}

	body.recruit div.main > .container .each .wrap .imgwrap img {
		width: auto
	}
}

body.contact div.main > .container h1 {
	position: relative;
	color: #f9452d;
	border-bottom: 2px solid #ccc;
	padding: 0 0 15px;
	margin: 0 0 25px;
	font-size: 18px;
	font-weight: 700
}

@media (min-width:480px) {
	body.contact div.main > .container h1 {
		margin: 0 0 30px;
		font-size: 20px
	}
}

@media (min-width:768px) {
	body.contact div.main > .container h1 {
		padding: 0 0 20px;
		margin: 0 0 35px;
		font-size: 30px
	}
}

@media (min-width:992px) {
	body.contact div.main > .container h1 {
		margin: 0 0 40px;
		font-size: 32px;
		font-weight: 400
	}
}

body.contact div.main > .container h1:after {
	position: absolute;
	width: 80px
}

@media (min-width:480px) {
	body.contact div.main > .container h1:after {
		width: 25%
	}
}

@media (min-width:768px) {
	body.contact div.main > .container h1:after {
		width: 25%
	}
}

body.contact div.main > .container h1 small {
	margin-top: 10px;
	display: block
}

body.contact div.main > .container h1.col-wide:after {
	width: 300px
}

body.contact div.main > .container h2 {
	margin: 0 0 10px;
	font-size: 12px;
	color: #555;
	font-style: normal;
	font-weight: 700;
	padding: 15px 0;
	border-bottom: 2px solid #ccc
}

@media (min-width:768px) {
	body.contact div.main > .container h1.col-wide:after {
		width: 50%
	}

	body.contact div.main > .container h2 {
		font-size: 14px
	}
}

@media (min-width:992px) {
	body.contact div.main > .container h2 {
		font-size: 15px
	}
}

@media (min-width:1200px) {
	body.contact div.main > .container h2 {
		font-size: 16px
	}
}

body.contact div.main > .container .each {
	padding-bottom: 15px
}

body.contact div.main > .container .each .wrap {
	margin: 5px;
	min-height: 130px;
	padding: 25px;
	border: 1px solid #d5d5d5
}

body.contact div.main > .container .each .wrap h2 {
	font-size: 10px;
	line-height: 1.4;
	border: none;
	border-bottom: none
}

@media (min-width:480px) {
	body.contact div.main > .container h1.col-wide:after {
		width: 50%
	}

	body.contact div.main > .container .each .wrap {
		min-height: 150px
	}

	body.contact div.main > .container .each .wrap h2 {
		font-size: 11px
	}
}

@media (min-width:768px) {
	body.contact div.main > .container .each .wrap {
		min-height: 170px
	}

	body.contact div.main > .container .each .wrap h2 {
		font-size: 12px
	}
}

@media (min-width:992px) {
	body.contact div.main > .container .each .wrap {
		min-height: 230px
	}

	body.contact div.main > .container .each .wrap h2 {
		font-size: 14px;
		font-weight: 700
	}
}

@media (min-width:1200px) {
	body.contact div.main > .container .each .wrap {
		min-height: 170px
	}
}

body.general div.main > .container h1 {
	position: relative;
	color: #f9452d;
	border-bottom: 2px solid #ccc;
	padding: 0 0 15px;
	margin: 0 0 25px;
	font-size: 18px;
	font-weight: 700
}

@media (min-width:480px) {
	body.general div.main > .container h1 {
		margin: 0 0 30px;
		font-size: 20px
	}
}

@media (min-width:768px) {
	body.general div.main > .container h1 {
		padding: 0 0 20px;
		margin: 0 0 35px;
		font-size: 30px
	}
}

@media (min-width:992px) {
	body.general div.main > .container h1 {
		margin: 0 0 40px;
		font-size: 32px;
		font-weight: 400
	}
}

body.general div.main > .container h1:after {
	position: absolute;
	width: 80px
}

@media (min-width:480px) {
	body.general div.main > .container h1:after {
		width: 25%
	}
}

@media (min-width:768px) {
	body.general div.main > .container h1:after {
		width: 25%
	}
}

body.general div.main > .container h1 small {
	margin-top: 10px;
	display: block
}

body.general div.main > .container h1.col-wide:after {
	width: 300px
}

@media (min-width:480px) {
	body.general div.main > .container h1.col-wide:after {
		width: 50%
	}
}

@media (min-width:768px) {
	body.general div.main > .container h1.col-wide:after {
		width: 50%
	}
}

body.general div.main > .container div.wrap h2 {
	font-size: 14px;
	font-weight: 700;
	padding: 0;
	margin: 35px 0 10px
}

body.general div.main > .container div.wrap p,
body.general div.main > .container div.wrap table.table,
body.general div.main > .container div.wrap table.table td,
body.general div.main > .container div.wrap table.table th,
body.general div.main > .container div.wrap table.table tr {
	font-size: 13px
}

body.general div.main > .container div.wrap a {
	color: #f9452d
}

body.general div.main > .container div.wrap ul {
	padding: 0 0 15px;
	margin: 0;
	list-style: none
}

body.general div.main > .container div.wrap ul li {
	padding: 0 0 5px;
	font-size: 13px
}

body.general div.main > .container div.wrap ul li p.box {
	margin: 10px 0;
	border: 1px solid #a2a2a2;
	padding: 15px
}

body.general div.main > .container div.wrap ul.number {
	list-style: decimal;
	padding-left: 25px
}

body.general div.main > .container div.wrap ul.number.number {
	padding-top: 15px
}

body.general div.main > .container div.wrap p.right {
	text-align: right
}

body.general div.main > .container div.wrap .center {
	text-align: center
}

body.en.general div.main > .container h1 {
	font-size: 18px
}

@media (max-width:768px) {
	#sitefooter > .container > .row.lower .col-sm-2:last-child {
		width: 100% !important;
	}
}

/*CSR社会貢献活動の見出し*/
#csr .textLink-lg {
	display: block;
	margin: 15px 10px 0;
	padding: 50px 20px;
	font-size: 13px;
	background-color: #eee;
	color: #222;
	text-align: center;
}
#csr .textLink-lg:hover {
	background-color: #dfdddd;
    color: #222;
}
@media (min-width:768px) {
	#csr .textLink-lg {
		font-size: 13px;
	}
}

@media (min-width:992px) {
	#csr .textLink-lg {
		font-size: 14px;
	}
}

@media (min-width:1200px) {
	#csr .textLink-lg {
		font-size: 15px;
	}
}
#csr .textLink-lg i {
	color: #777;
	position: absolute;
	top: 50%;
	right: 15px;
}
/*CSR社会貢献活動の見出し*/

/*↓20210126追加*/
.upper-header .linktobell24 {
    margin: 30px 24px 0 0;
	background: none;
	color: black;
	width: initial;
	position: relative;
	border-bottom: 1px solid gray;
	padding: 5px 15px 5px 1px;
    font-size: 10px;
    float: right;
    display:none;
}
.upper-header .linktobell24::before {
    content:"";
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    right: 2px;
    margin-top: -3px;
    border-bottom: 1px solid #8a8a8a;
    border-left: 1px solid #8a8a8a;
}
.upper-header .linktobell24::after {
    content:"";
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    right: 0px;
    margin-top: -5px;
    border: 1px solid #555;
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md-low {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .upper-header .linktobell24 {
        display:block;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .upper-header .brand-bell img {
        width: 180px !important;
    }
    .upper-header .brand-bell {
        font-size: 12px !important;
    }
}
/*↑*/

.mb40 { margin-bottom: 40px; }