/* メニュー：追加(2022.5.22) */
.home #page-menu ul {
    display: none;
}

.home div#home-news {
    margin-top: 9rem;
}

/* 共通：リセット */
pre {
	font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
}

/* 共通：文字色 */
* {
	color: #535353;
}

/* 共通：ぱんくず */
.breadcrumbs {
	padding: 2rem 0 4rem;
}
.breadcrumbs > * {
	padding: 0 0.5rem;
}
.breadcrumbs > *:first-child {
	padding: 0 0.5rem 0 0;
}
.breadcrumbs a {
	color: #535353;
}

/* フッターSNS */
#footer-sns {
	height: auto;
	overflow: hidden;
	margin: 1rem auto 0;
	text-align: center;
	color: #fff;
}
#footer-sns strong {
	display: block;
	width: 100%;
	font-size: 1.6rem;
	font-weight: normal;
	color: #fff;
	letter-spacing: 2px;
}
#footer-sns ul {
	padding: 0;
	display: flex;
	list-style: none;
	justify-content: center;
}
#footer-sns ul li {
	padding: 0 2%;
}
@media screen and (max-width:599px){
	#footer-sns {
		margin: 1.5rem auto 0;
	}
	#footer-sns strong {
		font-size: 1rem;
	}
}

/**/
#sidebar-title {
	margin: -0.2rem 0 3rem !important;
		text-align: center;
		padding-bottom: 0.5em;
		font-size: 1.25em;
		letter-spacing: 0.1em;
}
#sidebar-title:before {
	content: '―	';
}
#sidebar-title:after {
	content: '	―';
}
@media screen and (max-width: 599px) {
	#sidebar-title {
		margin: 5rem 0 2rem !important;
	 		font-size: 1.6em;
	}
}

/* 共通：フロート */
.box-left,
.box-right {
	margin-bottom: 1.5rem;
}
.figW90per,.figW80per,.figW70per,.figW60per,.figW50per,.figW40per,.figW30per,.figW20per,.figW10per {
	display: block;
	width: 100%;
	margin: 1rem auto;
}
.oubo-btn1 {
	display: block !important;
	width: 90% !important;
	margin: 0 auto 50px !important;
}
figure {
		margin: 2rem auto;
}

@media screen and (min-width:600px){
	.box-left {
		float: left;
		width: 50%;
		padding-right: 0.75rem;
	}
	.box-right {
		float: right;
		width: 50%;
		padding-left: 0.75rem;
	}
	.figW90per {
		width: 90% !important;
	}
	.figW80per {
		width: 80% !important;
	}
	.figW70per {
		width: 70% !important;
	}
	.figW60per {
		width: 60% !important;
	}
	.figW50per {
		width: 50% !important;
	}
	.figW40per {
		width: 40% !important;
	}
	.figW30per {
		width: 30% !important;
	}
	.figW20per {
		width: 20% !important;
	}
	.figW10per {
		width: 10% !important;
	}
	.width75 {
		width: 74% !important;
		margin-right: 1%;
	}
	.width70 {
		width: 69% !important;
		margin-right: 1%;
	}
	.width65 {
		width: 64% !important;
		margin-right: 1%;
	}
	.width52 {
		width: 51% !important;
		margin-right: 1%;
	}
	/**/
	.width48 {
		width: 48% !important;
	}
	.width35 {
		width: 35% !important;
	}
	.pcW30per {
		width: 30% !important;
		margin: auto;
	}
	.pcW33per {
		width: 33.333% !important;
		margin: auto;
	}
	.width30 {
		width: 30% !important;
		margin-left: 5%;
	}
	.width30-l {
		width: 30% !important;
	}
	.width25 {
		width: 25% !important;
		margin-right: 2%;
	}
	.width25-r {
		width: 25% !important;
	}
	.width25-m {
		width: 25% !important;
		margin-right: 5%;
	}
	.oubo-btn1 {
		width: 30% !important;
		display: block !important;
		margin: 0 auto 50px !important;
	}
}
.box-left img,
.box-right img {
	width: 100%;
	height: auto;
}

/* 共通：レイアウト */
.appositive-list > ul {
	padding: 0;
	margin: 0;
}
.appositive-list > ul > li {
	width: 100%;
	list-style-type: none;
	float: left;
	margin-bottom: 5rem;
}
@media screen and (min-width:600px){
	.appositive-list > ul > li {
		margin-bottom: 2%;
	}
}
@media screen and (max-width:599px){
	.appositive-list > ul > li {
		margin-bottom: 1rem;
	}
}
.appositive-list ul li img {
	width: 100%;
	height: auto;
}

/* 共通：レイアウト：スマホ */
@media screen and (max-width:600px){
	.al-sp-one-first > ul > li {
		width: 100%;
	}
	.al-sp-one-second > ul > li {
		width: 50%;
		padding: 0 1%;
	}
}

/* 共通：レイアウト：タブレット */
@media screen and (min-width:600px) and (max-width:1200px){
	.al-tb-one-second > ul > li {
		width: 50%;
		padding: 0 1%;
	}
	.al-tb-one-third > ul > li {
		width: 33.33%;
		padding: 0 1%;
	}
}

/* 共通：レイアウト：PC */
@media screen and (min-width:1200px){
	.al-pc-one-second > ul > li {
		width: 50%;
		padding: 0 1%;
	}
	.al-pc-one-third > ul > li {
		width: 33.33%;
		padding: 0 1%;
	}
	.al-pc-one-fourth > ul > li {
		width: 256px;
		padding: 0 1%;
		margin:  0 1%;
	}
}

/* 共通：レイアウト：マージン */
.mb-3rem {
	margin-bottom: 3rem;
}
.mb-5rem {
	margin-bottom: 5rem;
}
.mb-10rem {
	margin-bottom: 10rem;
}

/* 共通：レイアウト：最大幅 */
.mw-700 {
	margin: auto;
	max-width: 700px;
}
.mw-800 {
	margin: auto;
	max-width: 800px;
}
.mw-900 {
	margin: auto;
	max-width: 900px;
}

/* 共通：レイアウト：縦中央 */
@media screen and (min-width:600px){
	.va-middle-parent {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.va-middle-child {
		margin-top: 10%;
	}
}

/* 共通：レスポンシブ */
.img-responsive {
	max-width: 100%;
	height: auto;
}


/* 共通：見出し */
h2 {
	display: none;
}
.single h2 {
	display: block;
}
h3 {
	margin-top: 0;
	font-size: 2rem;
}
h4 {
	font-weight: normal;
	font-size: 1.75rem;
}
h4::before {
	content:"- ";
}
h4::after {
	content:" -";
}
h5 {
	font-size: 1.5rem;
	border-bottom: solid 1px #ccc;
}
h6 {
	font-size: 1.5rem;
}

/* 共通：テキスト位置 */
.ta-right {
	text-align: right;
}
.ta-center {
	text-align: center;
}

/* 共通：表 */
table {
	margin: 0 auto 2rem;
	width: 90%;
	max-width: 800px;
}
table th,
table td {
	padding: 1rem;
}
table th {
	font-weight: normal;
	white-space: nowrap;
}
@media only screen and (max-width:480px){
	table th,
	table td {
		width: 100%;
		display: block;
	}
	table th {
		border-bottom: solid 1px #ccc;
	}
}

/* 共通：定義リスト */
dl dt {
	font-weight: bold;
}
dl dd {
	margin: 0;
}
dd + dt {
	margin-top: 1rem;
}

/* サイドバー無し記事テンプレート*/
.nosidebar-post {
	max-width: 780px;
	margin: auto;
}
.nosidebar-post h2 {
	font-size: 1.8rem;
	letter-spacing: 0.1rem;
	padding: 0.5rem;
	color: #222;
	margin: 1rem auto 2rem;
	position: relative;
	border-top:1px solid #222;
	border-left: 15px solid #222;
	border-top-left-radius: 10px;
}
@media screen and (max-width:414px){
	.nosidebar-post h2 {
		font-size: 1.2rem;
		margin-bottom: 1rem;
	}
}
.nosidebar-post h3 {
	font-size: 2rem;
	color: #2BADAF;
	margin: 5rem 0 1rem;
	position: relative;
	padding: 0 .5em .5em 2em;
}
.nosidebar-post h3::before,.nosidebar-post h3::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.nosidebar-post h3::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(55,145,203, .5);
}
.nosidebar-post h3::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(55,145,203, .3);
}
.nosidebar-post p {
	color: #555;
	font-size: 1.6rem;
	line-height: 2.5rem;
	text-indent: 1.5rem;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom: 3rem;
}
.nosidebar-post figure {
	text-align: center;
	margin: 0 auto 3rem;
}
.nosidebar-post figure img {
	max-width: 100%;
}
.nt-reform500 {
	background: #2BADAF;
}
/* サイドバー無し複数ページ記事テンプレート*/
.nextpg{
	font-weight: bold;
	font-size: 1.5em;
	margin: 15px;
	padding-left: 13px;
	background-color: #ff87a0;
	border-radius: 5px;
	text-align: center;
}
.nextpg a{
	color: #fff;
	text-decoration: none;
}
.page-links a {
	text-decoration: none !important;
}
.page-links{
	width: 50%;
	margin: 0 auto;
	padding-left: 3%;
}
@media screen and (max-width:414px){
	.page-links{
		width: 80%;
	}
}
.page-links span{
	color: #fff;
	background: #ff87a0;
	border-radius: 5px;
	padding: 5px 50px;
	margin-right: 2%;
}
.page-links a span{
	background: #ff3c65;
}
.page-links span.page-links-title{
	width: 10%;
	padding: 0;
	color: #222;
	background-color: inherit;
}
.profile01{
	margin: 10% 0;
}
.profile01 dl{
	margin: 5% 0;
}
.profile01 dt{
	font-size: 1.7rem;
	font-weight: bold;
	border-bottom: #ccc 1px solid;
}
.pink-bold{ color:#bc73ef; font-weight:bold; }
.purple-bold{ color:#ed71d2; font-weight:bold; }
.blue-bold{ color:#3695d2; font-weight:bold; }
.article-sns-fb-box{ width: 100%; max-width: 500px; margin: 0 auto; }
@media screen and (min-width:641px) {
  .fb-page {
    width:500px !important;
  }
}

@media screen and (max-width:640px) {
  .fb-page {
    width:100% !important;
  }
}
/* ホーム・ニュース一覧：カテゴリナビ */
@media screen and (max-width:600px){
	#menu-news-menu li a {
		border-bottom: solid 3px #fff;
	}
	#page-menu #menu-news-menu {
		overflow: hidden;
	}
	#page-menu #menu-news-menu li {
		float: left;
		width: 33%;
		border-right: 1px solid #ccc;
		margin-bottom: 0;
		padding: 3px !important;
	}
	#page-menu #menu-news-menu li:nth-child(3n-2) {
		border-left: 1px solid #ccc;
	}
	#page-menu #menu-news-menu li a {
		display: block;
		padding: 0 !important;
	}
}

/* ホーム：ニュース一覧 */
#home-news ul li	div.hn-text {
	padding: 1rem 0.8rem 2.5rem;
}
.main-sidebar #home-news ul li	div.hn-text {
	padding: 0 0.8rem 2.5rem !important;
	letter-spacing: 0;
	text-align: justify;
}
#home-news ul li	div.hn-img {
	position: relative;
	width: 100%;
	padding: 47% 0 0 0;
	overflow: hidden;
	vertical-align: middle;
//	border: 1px solid #eee;
}
#home-news ul li	img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate(-50%, -50%);
	transform: translate3d(-50%, -50%, 0);
	width: 100%;
	height: auto;
}
#home-news ul li time {
	color: #808080;
}
#home-news ul li span {
	font-size: 0.9rem;
	color: #fff;
	padding: 0 0.5rem;
	display: block;
	width: 8.5rem;
	text-align: center;
}
@media screen and (max-width:600px){
	.main-sidebar #home-news ul li	div.hn-text {
		padding: 0 0.5rem 1rem !important;
	}
	#home-news ul li	span {
		font-size: 3px !important;
		padding: 0 0.5rem;
		margin: 0;
		width: 100%;
	}
}

@media screen and (min-width:600px){
	#home-news ul li	span {
		float: right;
	}
}
#home-news ul li	span.nt-contents {
	background: #4aaab1;
}
#home-news ul li	span.nt-media {
	background: #ec1e79;
}
#home-news ul li	span.nt-event {
	background: #ffa406;
}
#home-news ul li	span.nt-recruit {
	background: #8bc505;
}
#home-news ul li	span.nt-ir {
	background: #a77dad;
}
#home-news ul li	span.nt-feature {
	background: #007d9d;
}
#home-news ul li	span.nt-other {
	background: #ccc;
}

/* ホーム：もっとみる */
#pager-next {
	margin-bottom: 4rem;
	font-size: 1.5rem;
}
#pager-next a {
	width: 100%;
	max-width: 430px;
	color: #333333;
	display: block;
	text-decoration: none;
	padding: 1rem;
	margin: 0 auto;
	text-align: center;
	border: solid 1px;
	border-radius: 0.5rem;
}
#pager-next a::before {
	content: "> ";
}
#loading {
	margin: 0 auto;
}

/* ホーム：バナー */
#home-banner img {
	width: 100%;
	height: auto;
}
.pc-half { width: 48% !important; max-width: 515px !important; }
.fr { float:right !important; }

@media screen and (max-width:599px){
.pc-half { width: 100% !important; }
}


/* 企業情報：フレーム */
#company-wrapper {
}

/* 企業情報：リンク */
#company-link ul {
	padding: 0;
	margin: 0;
}
#company-link ul li {
	list-style-type: none;
	float: left;
	background: #fff;
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
#company-wrapper .box-left img, #company-wrapper .box-right img {
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
/*
#company-link ul li:nth-child(1) img {
	width: 100%;
	height: auto;
}
}*/
#company-link ul li:nth-child(1) {
margin: 0 1.5rem 1.5rem 0;
}
#company-link ul li:nth-child(1) img {
	max-height: 282px;
	max-width: 100%;
	width: auto;
}

/* old
#company-link ul li:nth-child(2),
#company-link ul li:nth-child(3),
#company-link ul li:nth-child(4),
#company-link ul li:nth-child(5) {
width: 180px;
height: 150px;
margin: 0 1.5rem 1.5rem 0;
}
#company-link ul li:nth-child(3),
#company-link ul li:nth-child(5) {
margin: 0 0 1.5rem 0;
}
*/

#company-link ul li:nth-child(2),
#company-link ul li:nth-child(3),
#company-link ul li:nth-child(4),
#company-link ul li:nth-child(5),
#company-link ul li:nth-child(6),
#company-link ul li:nth-child(7) {
	width: 151px;
	height: auto;
	margin: 0 1.5rem 1.5rem 0;
}
#company-link ul li:nth-child(4),
#company-link ul li:nth-child(7) {
	margin: 0 0 1.5rem 0;
}
#company-link ul li:nth-child(2) img, #company-link ul li:nth-child(3) img, #company-link ul li:nth-child(4) img, #company-link ul li:nth-child(5) img, #company-link ul li:nth-child(6) img, #company-link ul li:nth-child(7) img {
		width: inherit;
		max-width: 100%;
		height: auto;
}

@media screen and (max-width:1200px){
	#company-link ul li:nth-child(1) {
		float: none;
		margin: 0 0 1.5rem 0;
	}
	#company-link ul li:nth-child(2),
	#company-link ul li:nth-child(3),
	#company-link ul li:nth-child(4),
	#company-link ul li:nth-child(5),
	#company-link ul li:nth-child(6),
	#company-link ul li:nth-child(7) {
		width: 15.4%;
		height: auto;
		margin: 0 1.5% 1.5rem 0;
	}
	#company-link ul li:nth-child(7) {
		margin: 0 0 1.5rem 0;
	}
}

@media screen and (max-width:599px){
	#company-link ul li img {
		width: 100%;
		height: 100%;
		max-height: auto;
	}
	#company-link ul li:nth-child(1) img {
		max-height: auto;
		height: auto;
		max-width: 100%;
		width: auto;
	}
	#company-link ul li:nth-child(2),
	#company-link ul li:nth-child(3),
	#company-link ul li:nth-child(4),
	#company-link ul li:nth-child(5),
	#company-link ul li:nth-child(6),
	#company-link ul li:nth-child(7) {
		width: 31.5%;
		max-width: auto;
		height: auto;
		max-height: auto;
		margin: 0 2.5% 1.5rem 0;
	}
	#company-link ul li:nth-child(4),
	#company-link ul li:nth-child(7) {
		margin: 0 0 1.5rem 0;
	}
	#company-link ul li:nth-child(2) img, #company-link ul li:nth-child(3) img, #company-link ul li:nth-child(4) img, #company-link ul li:nth-child(5) img, #company-link ul li:nth-child(6) img, #company-link ul li:nth-child(7) img {
			width: 100%;
			max-width: 100%;
			height: auto;
	}
	/*
	#company-link ul li:nth-child(2),
	#company-link ul li:nth-child(4) {
		margin: 0 0.75rem 1.5rem 0;
	}
	#company-link ul li:nth-child(3),
	#company-link ul li:nth-child(5) {
		margin: 0 0 1.5rem 0.75rem;
	}
	#company-link ul li img {
		width: 100%;
		height: auto;
	}
	*/
}
@media screen and (max-width:320px){
	#company-link ul li:nth-child(2),
	#company-link ul li:nth-child(3),
	#company-link ul li:nth-child(4),
	#company-link ul li:nth-child(5),
	#company-link ul li:nth-child(6),
	#company-link ul li:nth-child(7) {
		width: 47%;
		max-width: auto;
		height: auto;
		max-height: auto;
		margin: 0 6% 1.5rem 0;
	}
	#company-link ul li:nth-child(3),
	#company-link ul li:nth-child(5),
	#company-link ul li:nth-child(7) {
		margin: 0 0 1.5rem 0;
	}
}

/* 企業情報：企業ビジョン */
.vision-title {
	text-decoration: underline;
}
.vision-title .bigger {
	font-size: 1.3em !important;
}
.pc-bigger {
	font-size: 2em !important;
}
.pc-bitbig {
	font-size: 1.75rem !important;
}
.pc-ma50-top {
	margin: 50px auto 0 !important;
}

.pc-ma50-bot {
	margin: 0 auto 50px !important;
}
.db {
	display: block;
}
@media screen and (max-width:599px){
	.sp-ma0-top {
		margin-top:0 !important;
	}
	.sp-ma10-top {
		margin-top:10px !important;
	}
	.pc-bigger {
		font-size: 1.4em !important;
	 }
	h4.pc-bigger {
		margin: 0 !important;
	}
	.pc-bitbig {
		font-size: 1.4rem !important;
	}
	.pc-ma50-top {
		margin: 0 auto 0 !important;
	}
	.pc-ma50-bot {
		margin: 0 auto 0 !important;
	}
	.sp-ma50-bot {
		margin: 0 auto 50px !important;
	}
	.sp-ma20-bot {
		margin: 0 auto 20px !important;
	}
	.sp-ma20-tb {
		margin: 20px auto !important;
	}
	.sp-ma3rem-tb {
		margin: 3rem auto !important;
	}
}

/* 企業情報：役員紹介 */
.exective_description {
	width: 84%;
	margin-right: auto;
	margin-left: auto;
}

.exective_small {
	width: 93%;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width:599px){
	.exective_small {
		width: 83%;
	}
}

/* 企業情報：事業内容 */
.business-title {
	color: #000;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width:599px){
	.business-title {
		width: 100%;
	}
}

.business-title.base {
	background-color: #64cb6d;
}
.business-title.new {
	background-color: #f9eb4d;
}

/* 企業情報：創業ストーリー */
.starting-title {
	display: inline-block;
	border-bottom: solid 3px #32953a;
}

/* 企業情報：沿革 */
.history-title {
	display: block;
	text-align: center;
	background-color: #32953a;
	color: #fff;
}
.history-table {
	font-size: 1.2em;
	width: 100%;
}
.history-table th {
	font-weight: bold;
	color: #32953a;
	width: 10%;
}

.history-table th,
.history-table td {
	vertical-align: top;
}

/* 企業情報：CSR */
.jspContainer{overflow:hidden;position:relative}.jspPane{position:absolute}.jspVerticalBar{position:absolute;top:0;right:0;width:17px;height:100%;background:red}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:1pc;background:red}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:#f0f0f0;position:relative}.jspDrag{background:#cdcdcd;position:relative;top:0;left:0;cursor:pointer}.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-1250pc;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:1pc}.jspHorizontalBar .jspArrow{width:1pc;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}

.scroll-news {
	width: 100%;
	height: 400px;
	margin: 10px auto 50px;
	border: 1px dashed #ccc;
	border-right: none;
}
.scroll-news a,.scroll-news a:hover {
	opacity: 1;
}
.scroll-news ul {
	padding: 0;
	margin: 0 20px;
}
.scroll-news ul li {
	list-style: none;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	font-size: 1.2em;
	clear: both;
	color: #32953a;
}
.scroll-news ul li:last-child {
	border-bottom: none;
}
.scroll-news li p,.scroll-news li a {
	color: #32953a;
	text-decoration: none;
}
.scroll-news-tmb {
	width: inherit;
	max-width: 150px;
	height: auto;
	min-height: 80px;
	float: left;
	margin: 0;
	margin-right: 20px;
	background: #ccc;
	padding: 0;
}
.scroll-news .date {
	color: #aaa;
	font-size: 1em;
	line-height: 0.7em;
}
.msgfence {
	font-family: 'Noto Sans JP', sans-serif;
	width: 100%;
	background: #EDF7ED;
	padding: 25px 40px;
	margin: 60px auto;
	font-size: 1.6em;
	line-height: 1.6em;
	border-radius: 10px;
	text-align: center;
	color: #32953a;
}
.msgfence p {
	color: #32953a;
}
@media screen and (max-width:599px){
	.scroll-news {
		height: 250px;
	}
	.scroll-news ul {
		padding: 0;
		margin: 0 15px;
	}
	.scroll-news ul li {
		padding: 20px 0 0;
	}
	.scroll-news-tmb {
		max-width: 80px;
		height: auto;
		min-height: 0;
	 margin-right: 10px;
	}
	.msgfence {
		width: 100%;
		padding: 10px 20px;
		margin: 20px auto;
		font-size: 1.3em;
	}
	.scroll-news .date {
		margin: 1em 0 2em;
	}
	.scroll-news .scrolltxt {
		padding: 1em 0 0;
	}
}

/* 共通：ページ内メニュー */
#page-menu ul {
	padding: 0;
	margin: 1em 0 2em;
	text-align: center;
}
#page-menu ul li {
	list-style-type: none;
	display: inline-block;
	padding: 1rem;
}
#page-menu ul li a,
#recruit-menu ul li a {
	color: #6a6a6a;
	text-decoration: none;
	font-weight: bold;
	padding: 0 1rem 0.7rem;
}
#page-menu ul li.current_page_item a,
#page-menu ul li.current-page-ancestor a,
#page-menu ul li.current-menu-item a {
	color: #32953a;
	border-bottom: solid 3px;
}
#page-menu ul#menu-contents-menu li.current-page-ancestor a {
	color: #6a6a6a;
	border: none;
}

/* 共通：リンクボタン */
.link-button {
	margin-bottom: 1rem;
	font-size: 1.5rem;
}
.link-button a {
	width: 100%;
	max-width: 330px;
	color: #333333;
	display: block;
	text-decoration: none;
	padding: 1rem;
	margin: 0 auto;
	text-align: center;
	border: solid 1px;
	border-radius: 0.5rem;
}
.link-button a::before {
	content: "> ";
}

/* 共通：外部リンク */
a[rel~="external"] {
	text-decoration: underline;
}
a[rel~="external"]::after {
	content: url(../images/external.png);
	margin-right: 1rem;
}

/* 採用ページ：外部リンク */
#recruit-wrapper a[rel~="external"] {
	color: #009aa0;
	text-decoration: none;
}
#recruit-wrapper a[rel~="external"]::before {
	content: "⇒";
	margin-left: 1rem;
	position: relative;
	top: -0.1rem;
}

/* 採用情報：フレーム */
#recruit-wrapper {
}

/* 採用情報：見出し */
#to-recruit {
	display: table-cell;
	vertical-align: middle;
	width: 550px;
	height: 150px;
}
@media screen and (min-width:1100px){
	#to-recruit {
		height: 250px;
	}
}
@media screen and (max-width:599px){
	#to-recruit {
		padding-top: 2rem;
		height: auto;
	}
}
#to-recruit a {
	text-decoration: underline !important;
	color: #535353 !important;
}
#to-recruit a[rel~="external"]::before {
 content:"";
	margin-left: 0;
}

#recruit-wrapper ul {
text-align: center;
margin: 0;
padding: 0;
}
#recruit-wrapper ul li {
list-style-type: none;
display: inline-block;
}

.box-white {
	background: #fff;
	padding: 1.5rem;
}

#recruit-wrapper .box-white {
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width:799px){
	#recruit-wrapper .box-white {
		min-height: 0 !important;
	}
}
.box-white h3 {
	margin: 2rem 0 3rem;
}

/* 共通：縦並びリストに修正 */
.vertical-list ul {
text-align: left !important;
padding: 1em;
}
.vertical-list ul li {
display: block !important;
padding: 1rem;
}

#recruit-list a::before {
	content: url(../images/arrow-a.png);
	margin-right: 1rem;
}

/* 共通：下線修飾 */
.border {
 border-bottom: solid 3px #32953a;
}

/* 共通：背景色 */
.bg-gray {
	background: #f3f3f3;
}
.bg-blue {
	background: #e6f5f6;
	padding: 5rem 1rem;
}
/* 共通：文字色 */
.fc-blue {
	color: #3aa8ad;
}
.fc-green {
	color: #32953a;
}

/* 共通：input */
input[type="radio"],
input[type="text"],
input[type="email"],
textarea {
	border: solid 3px #32953a;
}

/* お問い合わせ：お問い合わせ内容リスト */
#contact-list label {
	width: 50%;
	float: left;
	padding: 1rem;
}
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0 !important;
}

/* コンテンツ情報：アイコン */
.contents-icon {
	display: block;
	padding: 0;
	margin: 0;
}
.contents-icon li {
		list-style-type: none;
		float: left;
		width: 45%;
		margin: 2.5%;
		font-size: 1rem;
}
@media screen and (max-width:767px){
	.contents-icon li {
		width: 90%;
		margin: 0 auto 1rem;
	}
}
.contents-icon li a {
	display: block;
	color: #fff;
	text-decoration: none;
	background-color: #f00;
	border-radius: 0.25rem;
	text-align: center;
	padding: 0.25rem 0;
}
.contents-icon li a::before {
	content: "▶";
}
.contents-icon li.ci-personal a {
	background: #ec1e79;
}
.contents-icon li.ci-social a {
	background: #4aaab1;
}
.contents-icon li.ci-amemix a {
	background: #ffa406;
}
.contents-icon li.ci-party a {
	background: #8bc505;
}
.contents-icon li.ci-novel a {
	background: #007d9d;
}
.contents-icon li.ci-charapp a {
	background: #a77dad;
}
.contents-icon li.ci-susapp a {
	background: #ccc;
}
.contents-icon li.ci-ar a {
	background: #B2DE84;
}
.contents-icon li.ci-vr a {
	background: #9B6EBC;
}

/* コンテンツ情報旧版：アイコン */
.contents-icon ul {
  padding: 0;
  margin: 0;
}
.contents-icon ul li {
  list-style-type: none;
  width: 90%;
  margin: 0 auto 1rem;
  font-size: 1rem;
}
@media screen and (min-width:768px){
.contents-icon ul li {
  list-style-type: none;
  float: left;
  width: 45%;
  margin: 2.5%;
  font-size: 1rem;
}
}
.contents-icon ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
  background-color: #f00;
  border-radius: 0.25rem;
  text-align: center;
  padding: 0.25rem 0;
}
.contents-icon ul li a::before {
  content: "▶";
}
.contents-icon ul li.ci-personal a {
  background: #ec1e79;
}
.contents-icon ul li.ci-social a {
  background: #4aaab1;
}
.contents-icon ul li.ci-amemix a {
  background: #ffa406;
}
.contents-icon ul li.ci-party a {
  background: #8bc505;
}
.contents-icon ul li.ci-novel a {
  background: #007d9d;
}
.contents-icon ul li.ci-charapp a {
  background: #a77dad;
}
.contents-icon ul li.ci-susapp a {
  background: #ccc;
}



/* ニュース詳細：カテゴリー */
span.news-category {
	font-size: 0.9rem;
	color: #fff;
	padding: 0 1rem;
	display: block;
	width: 8rem;
	text-align: center;
}
@media screen and (min-width:600px){
	span.news-category {
		float: right;
	}
}
span.news-category.nt-contents {
	background: #4aaab1;
}
span.news-category.nt-media {
	background: #ec1e79;
}
span.news-category.nt-event {
	background: #ffa406;
}
span.news-category.nt-recruit {
	background: #8bc505;
}
span.news-category.nt-ir {
	background: #a77dad;
}
span.news-category.nt-feature {
	background: #007d9d;
}
span.news-category.nt-other {
	background: #ccc;
}

/* 企業情報 */

/* 共通：ボタン */
.greatBtn {
	width: 50%;
	margin: 20px auto 0;
	clear: both;
}

@media screen and (max-width: 599px) {
	.greatBtn {
	width: 100%;
	margin: 20px auto;
	clear: both;
	float: none;
	}
}
.greatBtn a,.BtnNoLink {
	font-size: 120%;
	width: 100%;
	padding: 15px 18px;
	background: #91CC00;
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 10px;
	box-shadow: 0 5px #79AD00;
}
.Btn2L a,.Btn2L .BtnNoLink {
	padding: 27px 18px;
}
.BtnNoLink {
	cursor: default;
}
.greatBtn a:hover {
	opacity: 1;
	text-decoration:none;
	background: #79AD00;
	margin:5px 0 0 0;
	box-shadow:none;
}
.BtnNoLink:hover {
	cursor: default;
}
.bgcVol a,.bgcVol .BtnNoLink {
	background: #32953A !important;
	box-shadow: 0 5px #236828 !important;
}
.bgcVol a:hover {
	background: #236828 !important;
}
.bgcYellow a,.bgcYellow .BtnNoLink {
	background: #FFC000 !important;
	box-shadow: 0 5px #D6A208 !important;
}
.bgcYellow a:hover {
	background: #D6A208 !important;
}
.bgcGlay a,.bgcGlay .BtnNoLink {
	background: #7F7F7F !important;
	box-shadow: 0 5px #585858 !important;
}
.bgcGlay a:hover {
	background: #585858 !important;
}
.fcGlay * {
	color: #999 !important;
}
.bgcOrange a,.bgcOrange .BtnNoLink {
	background: #FFB431 !important;
	box-shadow: 0 5px #D68B1F !important;
}
.bgcOrange a:hover {
	background: #D68B1F !important;
}
.bgcBlue a,.bgcBlue .BtnNoLink {
	background: #5DC9D1 !important;
	box-shadow: 0 5px #43A7AD !important;
}
.bgcBlue a:hover {
	background: #43A7AD !important;
}
.artH3-1 {
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0 50px;
	padding: 13px 20px 10px;
	text-align: center;
	color: #32953a;
	font-size: 2.3em;
	vertical-align: middle;
	border-radius: 5px;
}
.artH3-1-small {
	color: #333 !important;
	font-weight: normal !important;
	font-size: 50% !important;
	vertical-align: middle;
}
.artH4-1 {
	width: 100%;
	border-left: 8px solid #32953a;
	border-bottom: 1px solid #32953a;
	margin: 30px 0 20px;
	padding: 0 0 4px 10px;
	text-align: left;
	color: #32953a;
	font-size: 1.5em;
	font-weight: bold;
}
.artH4-1::after,.artH4-1::before {
		content: "" !important;
}
.artH5-1 {
	display: inline-block;
	width: auto;
	border: 1px solid #ccc;
	margin: 2rem 0 1rem;
	padding: 13px 20px 10px;
	text-align: left;
	font-size: 1.2em;
	vertical-align: middle;
	border-radius: 5px;
}
.artNav3Clm,.artNav4Clm {
	display: block;
	width: 100%;
	max-width: 800px;
	min-height: 80px;
	margin: 70px 0 0;
	padding: 0;
}
.artNav3Clm > .greatBtn {
	width: 32%;
	min-width: 150px;
	float: left;
	margin: 0 2% 0 0;
	clear: none;
}
.artNav4Clm > .greatBtn {
	width: 23.5%;
	min-width: 150px;
	float: left;
	margin: 0 2% 0 0;
	clear: none;
}
.artNav3Clm > .greatBtn:last-child,.artNav4Clm > .greatBtn:last-child {
	margin: 0;
}
.artArcWrapper {
		margin: 30px auto 50px;
}
.artArcWrapper ul li {
		font-size: 1.15em;
		padding: 0.5rem 1rem;
}
@media screen and (max-width: 599px) {
	.artArcWrapper .box-white {
			padding: 0.5rem 0;
	}
	.artArcWrapper ul li {
			padding: 1rem 1rem;
	}
}
.artArcWrapper ul li:before {
		content: '▶ ';
		font-size: 0.6em;
		color: #32953A;
}
.artArcWrapper ul li a {
		text-decoration: none;
		color: #32953A;
}
.artArcWrapper .box-white {
		box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
figcaption {
	text-align: left;
	color: #555;
	font-size: 1em;
}
figcaption small {
	text-align: left;
	color: #555;
	font-size: 1em;
}
section.artClm-1 {
	width: 90%;
	margin: 4.5rem auto;
}
section.artClm-2 {
	width: 100%;
	margin: 0 auto 4.5rem;
	border-radius: 0 10px 10px 10px;
	background: #ccc;
	padding: 30px 30px 20px;
}
section.company figcaption.ind,section.company p.ind {
	text-indent: 1em;
}
figcaption.artClm-2 {
	width: 100%;
	margin: 0 auto 4.5rem;
	border-radius: 10px 10px 10px 10px;
	background: #ccc;
	padding: 30px 30px 20px;
}
h5.artH5-sq {
	display: inline-block;
	width:auto;
	padding: 10px 30px;
	margin: 30px 0 0;
	border: none !important;
}
.BGGre {
	background:rgba(50,149,58,1);
	color: #fff !important;
}
.BGSkybl {
	background:rgba(99,192,239,1);
	color: #fff !important;
}
.BGGre-a50 {
	background:rgba(50,149,58,0.5) !important;
}
.BGSkybl-a50 {
	background:rgba(99,192,239,0.5) !important;
}
.BGGre-a10 {
	background:rgba(50,149,58,0.1) !important;
}
.BGSkybl-a10 {
	background:rgba(99,192,239,0.1) !important;
}
.opa30per {
	opacity: 0.3;
}
.opa50per {
	opacity: 0.5;
}
.no_border {
	text-decoration: none;
	border: none;
}


/* ソーシャルメディア */
.company_contents li {
	margin-bottom: 2rem;
}
.company_contents .normalOl {
	margin: 3rem 0;
	list-style-type: decimal !important;
}
.company_contents .normalUl {
	margin: 3rem 0;
	list-style-type: disc !important;
}
@media screen and (max-width:599px){
	.company_contents li {
		margin-bottom: 2rem;
	}
	.company_contents .normalOl {
		margin: 3rem 0;
		padding: 0 1rem 0 2rem;
		list-style-type: decimal !important;
	}
	.company_contents .normalUl {
		margin: 3rem 0;
		padding: 0 1rem 0 2rem;
		list-style-type: disc !important;
	}
}

/*  ソーシャルメディア */
ul.snsAccList {
	display: block;
	width: 100%;
	padding: 0;
	margin: 5rem auto 0;
	overflow: hidden;
}
ul.snsAccList li {
	display: block;
	width: 48%;
	margin: 0 4% 4rem 0;
	float: left;
	padding: 0;
	overflow: hidden;
}
ul.snsAccList li.even {
	margin-right: 0 !important;
}
ul.snsAccList li img {
	width: 100%;
	border-radius: 8px;
}

/*SNSアカウントアイコン*/
ul.snsAccList .snsbox-left {
	width: 30%;
	min-height: 120px;
	float: left;
	position: relative;
}
.account-3 .snsbox-left {
	min-height: 120px;
}
ul.snsAccList .snsbox-left img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	float: none;
}
ul.snsAccList .snsbox-right {
	width: 63%;
	float: right;
}
ul.snsAccList .snsbox-right strong {
	font-size: 1.2em;
	font-weight: normal;
}

/*サービス汎用アイコン*/
p.snsAccTwi,p.snsAccFb,p.snsAccYou {
	font-size: 1em;
	position: relative;
	padding: 2px 0 0 40px;
	margin: 0;
	margin-bottom: 1em;
}
p.snsAccTwi:before,p.snsAccYou:before,p.snsAccFb:before {
	content: ' ';
	display: inline-block;
	width: 27px;
	height: 27px;

	position: absolute;
	top: 0;
	left: 0;
}
p.snsAccTwi:before {
	background: url(../../../uploads/sns_twi.png) no-repeat;
	background-size: contain;
}
p.snsAccYou:before {
	background: url(../../../uploads/sns_you.png) no-repeat;
	background-size: contain;
}
p.snsAccFb:before {
	background: url(../../../uploads/sns_fb.png) no-repeat;
	background-size: contain;
}

@media screen and (max-width: 500px){
	ul.snsAccList {
		margin: 0 0 3.5rem 0;
	}
	ul.snsAccList li {
		width: 100%;
		float: none;
		margin: 0 0 2rem 0;
	}
	ul.snsAccList .snsbox-left {
		min-height: 100px;
		width: 20%;
	}
	.account-3 .snsbox-left {
		min-height: 120px;
	}
	ul.snsAccList .snsbox-right {
		width: 76%;
	}
	p.snsAccTwi,p.snsAccFb,p.snsAccYou {
		font-size: 1.2rem;
		padding: 0 0 0 30px;
		margin-bottom: 1.2rem;
	}
	p.snsAccTwi:before,p.snsAccYou:before,p.snsAccFb:before {
		width: 20px;
		height: 20px;
	}
}
@media screen and (max-width: 414px){
	ul.snsAccList .snsbox-left {
		min-height: 80px;
	}
}
@media screen and (max-width: 320px){
	ul.snsAccList .snsbox-left {
		min-height: 60px;
	}
}

@media screen and (max-width: 599px) {
	section.artClm-1 {
		margin: 2rem auto;
	}
}
@media screen and (min-width: 768px) {
	.pcdn {display:none;}
}
@media screen and (max-width: 768px) {
	.sptbdn {display:none;}
}
@media screen and (max-width: 738px) {
	.spdn {display:none;}
}
@media screen and (max-width: 599px) {
	.artNav3Clm > .greatBtn,.artNav4Clm > .greatBtn {
	width: 100%;
	min-width: 100%;
	float: none;
	margin: 20px auto;
	clear: both;
	}
	.Btn2L a,.Btn2L .BtnNoLink {
	padding: 15px 18px;
	}
}

.horiz-title {
		border-top: 3px solid #C7C9D1;
		margin: 35px 0 0;
		text-align:center;
		padding:0;
		height: 36px;
		font-size: 3em;
		font-weight: normal;
		color: #C7C9D1;
}
.horiz-title span {
		position: relative;
		top: -36px;
		padding: 0 20px;
		color: #C7C9D1;
		background: #fff;
}
@media screen and (max-width: 599px) {
	.horiz-title {
			border-top: 2px solid #C7C9D1;
			margin: 17px 0 0;
			height: 18px;
			font-size: 1.6em;
	}
	.horiz-title span {
			top: -15px;
			padding: 0 10px;
	}
}

.art-date{
 text-align: right;
 color: #a0a0a0;
}
.art-date:after{
 	content: '時点';
}
.artArcWrapper:before {
	content: 'アーカイブ';
	background: rgb(50, 149, 58);
	color: #fff;
	font-size: 1em;
	padding: 8px 20px;
	position: relative;
	bottom:10px;
	text-align: center;
	border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 599px) {
	.artArcWrapper:before {
	}
}


/* プレスリリース */
.prPdfLink,.prPdfLink a {
	text-align: right;
	color: #008000;
}

/* 会社改革の500日 */
#rfm500-posts { margin: 3rem auto 1rem; }
#rfm500-posts ul { display: block; height: auto; overflow: hidden; clear: both; padding: 0; margin: 0; padding: 3% 2% 0; background: #eee; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); }
#rfm500-posts ul li { display: block; width: 48%; height: auto; overflow: hidden; padding: 0; margin: 0 3% 3rem 0; float: left; }
#rfm500-posts ul li:nth-child(2n) { margin-right: 0; }
#rfm500-posts .pst-ttl {
  font-size: 1.4rem;
  text-decoration: underline;
  width: 100%;
  max-width: 256px;
  margin: 0 auto;
}

/* サムネイル */
#rfm500-posts .pst-tmb img {
	height: auto;
	width: 100%;
  max-width: 256px;
  display: block;
  margin: 0 auto;
}
#rfm500-posts .pst-tmb img.ttng {
	height: auto;
	width: 100%;
}
@media screen and (max-width: 599px) {
	#rfm500-posts ul { padding: 0 4% 0; }
	#rfm500-posts ul li { width: 100%; height: auto; overflow: hidden; clear: both; margin: 5% 0 2rem; float: none; }
	#rfm500-posts ul li:last-child { margin: 5% 0 5%; }
}
/* リンクボタン2 */
.sustainable-bnr { width:100%; max-width:520px; margin:0 auto; text-align:center; background: #eff7f2; border-bottom:2px solid #32953a; border-top:2px solid #32953a; padding-bottom:0.5rem; }
.sustainable-bnr dt { width:100%; font-size:2rem; line-height:4rem; vertical-align: middle; color:#32953a; }
.sustainable-bnr dt a { color:#32953a; }
.sustainable-bnr a { display:block; text-decoration:none; color:#32953a; }
.sustainable-bnr dd { width:100%; max-width:230px; padding:0.3rem; border-bottom:1px solid #32953a; border-top:1px solid #32953a; margin:0 auto; color:#32953a; }
.sustainable-bnr-top { width:100%; max-width:520px; padding-top: 3rem; margin:0 auto; text-align:center; }
.sustainable-bnr-bg { background:url(/wp-content/uploads/sites/5/2017/11/TopBnrSuti.png) no-repeat; background-size:cover; }
.sustainable-bnr-top dt { width:100%; font-size:1.8rem; line-height:3rem; vertical-align: middle; color:#fff; }
.sustainable-bnr-top dt a { color:#fff; }
.sustainable-bnr-top a { display:block; text-decoration:none; color:#32953a; }
.sustainable-bnr-top dd { width:100%; font-size:1rem; max-width:230px; padding:0.3rem; border-bottom:1px solid #fff; border-top:1px solid #fff; margin:0 auto; color:#fff; }
@media screen and (max-width: 599px) { .sustainable-bnr-top { padding: 1rem; } }
/* プレスリリースURLリンクデザイン */
.url-wrap {
	width: 100%;
	background: #fff;
	padding: 2% 5%;
	border-radius: 10px;
	border: 1px solid #dedede;
	margin: 2rem 0;
	font-weight: 700;
	font-size: 110%;
	text-align: center;
        word-break: break-all;
}
.url-wrap p {
	margin: 0;
}
.url-wrap a {
	color: #0083ae;
}