@charset "utf-8";
/*
Theme Name: SSC
Description: 
Version: 1.0
*/

/**
 * Reset
 * ----------------------------------------------------------------------------
 */

/*! destyle.css v1.0.14 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model */
/* ============================================ */

* {
  box-sizing: border-box;
}

::before,
::after {
  box-sizing: inherit;
}

/* Document */
/* ============================================ */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
  vertical-align: bottom;
}

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */

/**
 * Reset form fields to make them styleable
 */

button,
input:not([type="radio"]):not([type="checkbox"]),
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */

select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */

option {
  padding: 0;
}

/**
 * Reset to invisible
 */

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * Remove margin, padding & outline.
 */

[type="checkbox"],
[type="radio"] {
  padding: 0;
  margin: 0;
  outline: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */

[type="search"] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */

label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */

[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/**
 * 共通
 * ----------------------------------------------------------------------------
 */

body {
	color: #333;
	font-family:"メイリオ", sans-serif, "ヒラギノ角ゴ Pro W3", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
}
img {
	max-width:100%;
	height: auto;
}

p {
	margin-bottom: 30px;
	line-height: 1.6;
}

main section p:last-child {
	margin-bottom:0;
}

main section {
	padding: 80px 80px 0 80px;
	position: relative;
}
main section:last-child {
	padding-bottom: 80px;
}
.section_inner {
	max-width: 950px;
	margin: auto;
	position: relative;
}

.small {
	font-size:14px;
}
.normal {
	font-size:16px;
}
.medium {
	font-size:20px;
	font-family: "メイリオ", sans-serif, "ヒラギノ角ゴ Pro W3", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
}
.medium_sub {
	font-size:20px;
	font-family: "ヒラギノ角ゴ Pro" ,"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
}

.large {
	font-size:32px;
}
.xlarge {
	font-size:40px;
}
.b {
	font-weight:bold;
}
.b500 {
	font-weight: 500;
}
.n {
	font-weight:normal;
}
.u {
	border-bottom: 1px solid;
}
.i {
	font-style: italic;
}

.font_mincho {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
}


.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

a:hover {
	opacity: 0.7;
}


.white {
	color: #fff;
}
.black {
	color: #333333;
}
.gray {
	color: #666666;
}
.green {
	color: #009459;
}
.red {
	color: #C1272D;
}
.bg_white {
	background-color: #fff;
}

.header {
	position: fixed;
	z-index: 999;
	background-color: #fff;
	width: 100%;
	top: 0;
	left: 0;
}

.admin-bar .header {
	margin-top: 32px;
}

.header_menu {
	position: absolute;
	right: 0;
	top: 15px;
	font-weight: 500;
}

.header_menu li {
	display: inline-block;
	margin-left: 20px;
}


.header_logo {
	width: 220px;
	display: inline-block;
}

.header_inner {
	max-width: 80%;
	margin: auto;
	padding: 10px 0;
	position: relative;
}

main {
	margin-top: 48px;
}

.footer_inner {
	max-width: 90%;
	margin: auto;
}

footer {
	border-top: 1px solid #009459;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 15px;
}

.footer_company h3 {
	margin-bottom: 5px;
}

.footer_inner {
	display: flex;
	justify-content: space-between;
}

/* 2025.10.27追加 */
.footer_company {
	margin-right: 20px;
}

.footer_left {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.footer_mark_list li {
	display: inline-block;
	vertical-align: middle;
}

.footer_mark_list p {
	display: inline-block;
	font-size:12px;
	margin-right: 10px;
	margin-bottom: 0;
   line-height: 1;
}

.common_header_title_en {
	margin-top: 5px;
}

.common_header {
	padding-top: 40px;
	padding-bottom: 0;
}

.common_header_img {
	margin-top: 40px;
}

.common_header:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 260px;
	background-color: #F0F8FD;
	z-index: 1;
}

.common_header > * {
	position: relative;
	z-index: 2;
}

.common_h3 {
	font-size: 28px;
	border-bottom: 1px solid;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/**
 * トップページ
 * ----------------------------------------------------------------------------
 */
.top_header {
	padding: 0;
	position: relative;
	z-index: 2;
}

.top_header img {
	width: 100%;
}

.top_header_photo_list li {
	position: absolute;
	width: 6.2%;
}

.top_header_photo_list li img:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.top_header_photo_list li.changed img:nth-child(2) {
	opacity: 1;
}

.top_header_photo_list li:nth-child(1) {
	top: 0;
	left: 14.5%;
}

.top_header_photo_list li:nth-child(2) {
	left: 0;
	top: 12.6%;
}

.top_header_photo_list li:nth-child(3) {
	top: 25.4%;
	left: 21.7%;
}

.top_header_photo_list li:nth-child(4) {
	top: 38.1%;
	left: 7.2%;
}

.top_header_photo_list li:nth-child(5) {
	left: 14.5%;
	top: 50.8%;
}

.top_header_photo_list li:nth-child(6) {
	left: 0;
	top: 63.5%;
}

.top_header_photo_list li:nth-child(7) {
	left: 7.2%;
	bottom: 0;
}

.top_header_copy {
	position: absolute;
	right: 14%;
	width: 47%;
	top: 27%;
	transform:translateX( 100px );
	opacity: 0;
	transition: all 0.5s;
}
.top_header_copy.active {
	transform:translateX( 0px );
	opacity: 1;
}

.top_header_purpose_list {
	position: absolute;
	display: flex;
	width: 51%;
	bottom: 11%;
	right: 13%;
}

.top_header_purpose_list li {
	padding: 1.8%;
	transform:translateY( 100px );
	opacity: 0;
	transition: all 0.5s;
}

.top_header_purpose_list li.active {
	transform:translateY( 0px );
	opacity: 1;
}

.top_header {
	opacity: 0;
	transition: opacity 0.5s;
}

.top_header.active {
	opacity: 1;
}

.top_header_bg {
	min-height: 45vw;
}

.top_news_list {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 15px 0;
}
.top_news_title {
	font-size: 18px;
	font-weight: bold;
	color: #009459;
	position: relative;
	margin-bottom:5px;
}

.top_news_title a {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 16px;
	color: #000000;
	background-image: url(img/link_angle.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right;
	padding-right: 16px;
}

.top_news_list li {
    display: table;
	width: 100%;
	margin-bottom: 10px;
}

.top_news_list li:last-child {
	margin-bottom: 0;
}

.top_news_list li > span {
	display: table-cell;
	line-height: 1.4;
}

.top_news_list_date {
	width: 110px;
}

/* 2021.10追加 */

.top_news_list_cat {
	width: 150px;
	text-align: center;
}

.top_news_list_cat > span {
	display: inline-block;
	width: 130px;
	font-weight: bold;
	line-height: 1;
	padding: 5px 0 3px 0;
}

.top_news_list_date {
	width: 90px;
}

.top_news_list_cat_others {
	color: #666666;
	background-color: rgba(102,102,102,0.15);
}
.top_news_list_cat_graduates {
	color: #009400;
	background-color: rgba(0,148,0,0.15);
}
.top_news_list_cat_career {
	color: #006837;
	background-color: rgba(0,104,55,0.15);
}
.top_news_list_cat_company {
	color: #ED7D31;
	background-color: rgba(237,125,49,0.15);
}
.top_news_list_cat_certification {
	color: #C1272D;
	background-color: rgba(193,39,45,0.15);
}

.top_news_list li {
    margin-bottom: 30px;
}

.top_news_list li .top_news_list_title {
	line-height: 1.6;
}

.news_tab_content_pagenavi {
	text-align: center;
	margin: 30px auto 0;
}

.news_tab_content_pagenavi li {
	display: inline-block;
	vertical-align: top;
	margin: 3px 2px;
}

.news_tab_content_pagenavi li a {
	padding: 6px 10px;
	display: inline-block;
	border: 2px solid #009459;
	color: #009459;
	height: 30px;
}

.news_tab_content_pagenavi .prev a, .news_tab_content_pagenavi .next a {
    background-color: #cccccc;
	border: 0;
	pointer-events: none;
	position: relative;
	width: 30px;
}

.news_tab_content_pagenavi .prev.active a, .news_tab_content_pagenavi .next.active a {
	background-color: #fff;
	border: 2px solid #009459;
	pointer-events: auto;
}

.news_tab_content_pagenavi li.active a {
	color: #fff;
	background-color: #009459;
}

.news_tab_content_pagenavi .prev a:before {
	content: "";
	left: 12.5px;
	top: 10.5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	position: absolute;
}

.news_tab_content_pagenavi .next a:before {
	content: "";
	left: 10px;
	top: 10.5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
}

.news_tab_content_pagenavi li.next.active a:before {
	border-color: #009459;
	left: 8px;
	top: 9px;
}

.news_tab_content_pagenavi li.prev.active a:before {
	border-color: #009459;
	left: 10.5px;
	top: 9px;
}


/**
* 企業情報
* ----------------------------------------------------------------------------
*/

.profile_link_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.profile_link_list li {
    max-width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
}
.profile_link_list li:nth-child(3n) {
	margin-right: 0;
}

/**
* パンくずリスト
* ----------------------------------------------------------------------------
*/

.breadcrumb {
	margin: -20px auto 50px auto;
	max-width: 1024px;
	font-size: small;
	font-weight: normal;
}
.breadcrumb a {
	text-decoration: none;
	color: #B3B3B3;
}
.breadcrumb .breadcrumb_parts {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.breadcrumb li {
	display: inline-block;
	position: relative;
	padding-right: calc(16px + 8px);
	margin-right: 8px;
	color: #B3B3B3;
}
.breadcrumb li::before {
	content: '›';
	width: 1em;
	height: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1em;
	color: inherit;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.breadcrumb li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #666;
}
.breadcrumb li:last-child::before {
	content: normal;
}



/**
* 代表メッセージ／経営理念／ビジョン
* ----------------------------------------------------------------------------
*/	

.message_1 {
	display: flex;
    width: 100%;
	justify-content: space-between;
}
/* 2025.4.1修正 */
.message_text_1 {
    width: 55%;
	margin-right: 25px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.message_2 {
	display: flex;
    width: 100%;
	justify-content: space-between;
	margin-top: 40px;
}
/* 2025.4.1修正 */
.message_text_2 {
    width: 55%;
	margin-left: 25px;
	flex-direction: column;
	text-align: justify;
	text-justify: inter-ideograph;
}

.message_name {
	text-align: right;
	font-size: 20px;
}

.philosophy_list {
	margin: 0 auto;
}

.philosophy_list li {
	margin-bottom: 10px;
}

.philosophy_list li:last-child {
	margin-bottom: 0;
}

.philosophy_text {
	margin: 20px auto;
	text-align: center;
}

.philosophy:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F3F9FE;
    width: 100%;
    height: 150%;
}



.vision:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F3F9FE;
    width: 100%;
    height: 150%;
}

.vision_header {
	text-align: center;
	margin-bottom: 20px;
}

.vision_sub p {
	text-align: center;
}

.vision_list {
	display: flex;
	flex-wrap: wrap;
}

.vision_list li {
	width: 25%;
	padding: 20px;
}

.vision_list li:nth-child(odd) {
	background-color: rgba(0,148,89,0.5);
}
.vision_list li:nth-child(even) {
	background-color: rgba(0,148,0,0.5);
}
.vision_list li:nth-child(3n) {
	margin-right: 0;
}
.vision_list li h4 {
	font-size: 30px;
    margin-bottom: 10px;
}

.vision_list li h5 {
    margin-bottom: 10px;
}
	
/* 2025.4.1追加 */
.vision_contents {
	margin-top: 30px;
}

.vision_contents div:last-child{
	margin-bottom: 0;
}

.vision_text {
	margin-bottom: 25px;
}

.vision_text h4{
	margin-bottom: 3px;
}

.vision_text_title_1 {
	color: #7fc9ac;
}

.vision_text_title_2 {
	color: #7fc97f;
}

.vision_text_title_3 {
	color: #009400;
}

.vision_text p {
	line-height: 1.4;
}

.management_policy {
	margin: 10px auto 0 auto;;
}

/* 2025.4.1追加 */
.management_policy {
	list-style: auto;
	padding-left: 2rem;
}
/* 2025.4.1修正 */
.management_policy li {
/* 	margin-bottom: 10px; */
	margin-bottom: 15px;
}
/* 2025.4.1追加 */
.management_policy li p {
	margin-top: 3px;
	font-weight: normal;
    font-size: 16px;
    line-height: 1.4;
	text-align: justify;
	text-justify: inter-ideograph;
}

.management_policy li:last-child {
	margin-bottom: 0;
}

/**
* 沿革
* ----------------------------------------------------------------------------
*/	

.history th,td {
	text-align:left;
	padding: 15px 0; 
	line-height: 1.6;
}

.history th {
	text-align: right;

}

.history tr {
	width: 100%;
}

.history td {
	width: 78%;
	padding-left: 40px; 
	border: none;
}

.history_main:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F3F9FE;
    width: 100%;
    height: 80%;
}


/**
* 会社概要
* ----------------------------------------------------------------------------
*/	

.company_outline_table {
    width: 80%;
    margin: 0 auto 20px auto;

}
/* 2025.4.1修正 */
.company_outline_table th {
    text-align: left;
    padding: 15px 0;
    width: 20%;
	vertical-align: baseline;
}
/* 2025.4.1修正 */
.company_outline_table td {
    padding: 15px 0;
	border: none;
	vertical-align: baseline;
}

.officer_name {
 line-height: 1.6;
}

.pm_number  {
	margin-left: 157px;
}

.access {
 display: flex;
}

.access_text {
  position: relative;
  width: 40%;
}

.access_text  p{
	line-height: 1;
	margin-bottom: 15px;
}

.access_text img{
	margin-right: 5px;
}

.access_map {
	width: 60%;
	height: 0;
	overflow: hidden;
	margin-left: 15px;
	padding-bottom: 35%;
	position: relative;
}
.access_map iframe, .access_map object, .access_map embed {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.outline_group_company:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F3F9FE;
    width: 100%;
    height: 150%;
}

.outline_group_company_list {
	display: flex;
	justify-content: center;
}

.outline_group_company_list li {
	position: relative;
	float: left;
	margin-bottom: 15px;
	margin-right: 50px;
}

.outline_group_company_list li:last-child {
	margin-right: 0;
}


/**
* 主要取引先
* ----------------------------------------------------------------------------
*/	


.customers:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F3F9FE;
    width: 100%;
    height: 50%;
}

.customers_list {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	margin: 0 auto;
}

.customers li {
	width: 50%;
	position: relative;
	float: left;
	margin-bottom: 20px;
}

.customers p {
	text-align: right;
	width: 85%;
	margin: 0 auto;
}

/**
* 一般事業主行動計画
* ----------------------------------------------------------------------------
*/	


.actionplan_header {
	margin-bottom: 10px;
	line-height: 2;
}

.actionplan_header span {
    font-weight: normal;
}

.general_employers_actionplan_list li {
	position: relative;
	margin-bottom: 30px;
}

.general_employers_actionplan_list li:last-child {
	margin-bottom: 0;
}
/* 2025.3.10追加 */
.general_employers_actionplan_list li p {
	margin-bottom: 0;
}
/* 2025.3.10追加 */
.actionplan_shisaku {
	text-indent: -5em;
	padding-left: 5em;
}


/**
* SSCの取組み
* ----------------------------------------------------------------------------
*/
.approach .section_inner {
    padding: 40px;
	z-index: 2;
}

.approach_health:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #F3F9FE;
	width: 100%;
	height: 150%;
}

.approach_kokoroe:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #F3F9FE;
	width: 100%;
	height: 125%;
}

.co2_results {
	margin-left: 35%;
}
/* 2025.4.17追加 */
.approach .approach_co2_note {
	margin-bottom: 5px;
}
/* 2025.4.17追加 */
.approach_co2_results {
	font-size: 15px;
	margin-left: 1em;
	text-indent: -1em;
	padding-left: 1em;
}

/* 2025.4.17追加 */
.approach_co2_results span {
	display: inline-block;
	padding-right: 1em;
}


.approach_health_nintei_img {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}

.approach_health_nintei {
	position: relative;
}

.approach_health_nintei_txt {
	margin-right: 100px;
}

.approach_health_nintei_txt h4 {
	margin-bottom: 10px;
}

.approach_health_shisaku {
	display: flex;
	margin-top: 20px;
	align-items: center;
}

.approach_health_shisaku_img {
	margin-right: 20px;
}

.approach_health_shisaku_list {
	list-style: auto;
}

.approach_health_shisaku_list li {
	margin-left: 30px;
	margin-bottom: 10px;
}

.approach_health_shisaku_list li:last-child {
	margin-bottom: 0;
}

.approach_shutoku_list h4 {
	margin-bottom: 10px;
	line-height: 1.3;
}

.approach_shutoku_list li {
	position: relative;
	margin-bottom: 30px;
}

.approach_shutoku_list li:last-child {
	margin-bottom: 0;
}

.approach_shutoku_list_img {
	position: absolute;
	right: 0;
	top: 0;
	width: 140px;
}

.approach_kokoroe_list {
	display: flex;
	flex-wrap: wrap;
}

.approach_kokoroe_list li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 20px;
}

.approach_kokoroe_list li:nth-child(odd) {
	background-color: rgba(0,148,89,0.5);
}
.approach_kokoroe_list li:nth-child(even) {
	background-color: rgba(0,148,0,0.5);
}
.approach_kokoroe_list li:nth-child(3n) {
	margin-right: 0;
}
.approach_kokoroe_list li h4 {
    margin-bottom: 10px;
}

/**
* サービス
* ----------------------------------------------------------------------------
*/	
.service_link_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.service_link_list li {
    max-width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
}
.service_link_list li:last-child {
	margin-right: 0;
}



/**
* 事業内容
* ----------------------------------------------------------------------------
*/	

.contents_header {
	max-width: 1110px;
	margin: auto;
	position: relative;
}

.contents_text h4{
	line-height: 1.6;	
}

.contents_project {
	margin-bottom: 20px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.project_type {
	display: block;
	width: 19%;
	padding: 10px;
	text-align: center;
	color: #009459;
	font-weight: bold;
	border:2px solid #009459;
}

.contents_text p {
	width: 100%;
}

.system:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F3F9FE;
    width: 100%;
    height: 60%;
}

.service_data  img{
	display: block;
	margin: 0 auto 40px auto;
}

.service_data  img:last-child {
    margin-bottom: 0;
}

/**
* 開発実績
* ----------------------------------------------------------------------------
*/	

.Industry {
	width: 80%;
	margin: 10px auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.Industry_type {
	width: 230px;
	height: 65px;
	color: #fff;
	background-color: #009459;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	float: left;
	margin-bottom: 20px;
}

.Industry_type h5{
	font-weight: bold;
	vertical-align: middle;
}

.development_list {
	width: 100%;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}

.development_list li{
	line-height: 1.6;
}

.list_title {
	font-weight: bold;
	color: #009459;
}

.list_indent {
	padding-left: 17px;
}

.development_list_system {
	width: 49%;
	display: block;

}

.header_system {
	color: #fff;
	font-weight: bold;
	background-color: #009459;
	width: 100%;
	height: 30px;
	padding: 4px 0 0 10px;
	margin-bottom: 15px;
}

.development_list_language {
	width: 24%;
}

.header_language {
	color: #fff;
	font-weight: bold;
	background-color: #009459;
	width: 100%;
	height: 30px;
	padding: 4px 0 0 10px;
	margin-bottom: 15px;
}

.development_list_environment {
	width: 24%;
}

.header_environment {
	color: #fff;
	font-weight: bold;
	background-color: #009459;
	width: 100%;
	height: 30px;
	padding: 4px 0 0 10px;
	margin-bottom: 15px;
}

.list_head {
	font-size: 13px;
	color: #009459;
	margin-right: 5px;
	vertical-align: middle;
}

.development_title {
	font-size: 20px;
	color: #009459;
}

a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}


/**
* お客様の声
* ----------------------------------------------------------------------------
*/	
.voc_table {
	width: 100%;
	text-align: center;
	border-collapse: separate;
	border-spacing: 5px 5px;
}


.voc_table th {
	padding: 10px 10px;
	color: #fff;
	font-weight: bold;
	background-color:#1E8067;
}

.voc_table th:last-child {
	width: 70%;
	
}

.voc_table td {
	padding: 10px;
	text-align: center;
}

.voc_table td:last-child {
	text-align: left;

}



.satisfied_1,.slightly_satisfied_1,.mderately_dissatisfied_1,.dissatisfied_1 {
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}

.satisfied_1 {
	background-color:#009400;
}

.satisfied_2 {
	color: #009400;
	font-weight: bold;
	border: solid 2px #009400;
	vertical-align: middle;
}

.satisfied_3 {
	background-color: rgba(0,148,0,0.13);
}

.slightly_satisfied_1 {
	background-color:#6FB32D;
}

.slightly_satisfied_2 {
	color: #6FB32D;
	font-weight: bold;
	border: solid 2px #6FB32D;
	vertical-align: middle;
}

.slightly_satisfied_3 {
	background-color: rgba(139,179,45,0.13);
}

.mderately_dissatisfied_1 {
	background-color:#E8AA28;
}

.mderately_dissatisfied_2 {
	color: #E8AA28;
	font-weight: bold;
	border: solid 2px #E8AA28;
	vertical-align: middle;
}

.mderately_dissatisfied_3 {
	background-color: rgba(232,170,40,0.13);
}

.dissatisfied_1 {
	background-color:#F15A24;
}

.dissatisfied_2 {
	color: #F15A24;
	font-weight: bold;
	border: solid 2px #F15A24;
	vertical-align: middle;
}

.dissatisfied_3 {
	background-color: rgba(241,90,36,0.13);
}

.customers_voice_1 li:before{ 
	display:inline-block; 
	vertical-align: middle;
	/*以下白丸つくる*/
	content:'';
	width:0.7em;
	height: 0.7em;
	background: #009400;
	border-radius: 50%;
	margin-right: 5px;
	vertical-align: 0.1px;
}

.customers_voice_2 li:before{ 
	display:inline-block; 
	vertical-align: middle;
	/*以下白丸つくる*/
	content:'';
	width:0.7em;
	height: 0.7em;
	background: #6FB32D;
	border-radius: 50%;
	margin-right: 5px;
	vertical-align: 0.1px;
}

.customers_voice_3 li:before{ 
	display:inline-block; 
	vertical-align: middle;
	/*以下白丸つくる*/
	content:'';
	width:0.7em;
	height: 0.7em;
	background: #E8AA28;
	border-radius: 50%;
	margin-right: 5px;
	vertical-align: 0.1px;
}

.customers_voice_4 li:before{ 
	display:inline-block; 
	vertical-align: middle;
	/*以下白丸つくる*/
	content:'';
	width:0.7em;
	height: 0.7em;
	background: #F15A24;
	border-radius: 50%;
	margin-right: 5px;
	vertical-align: 0.1px;
}

.customers_voice_1 {
	display: block;
}

.customers_voice_1 ul, .customers_voice_1 li, .customers_voice_2 ul, .customers_voice_2 li, .customers_voice_3 ul, .customers_voice_3 li,  .customers_voice_4 ul, .customers_voice_4 li{
    padding-left: 1em;
    text-indent: -1em;
}

/* 2025.4.1修正 */
.voc_content:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #F3F9FE;
	width: 100%;
/* 	height: 122%; */
/* 	height: 119.5%; */
	height: 116%;
}


/**
* 採用情報
* ----------------------------------------------------------------------------
*/	
/* 2025.11.18追加 */
.recruit_link_list li:last-child {
	margin-right: 0;
}


/**
* 数字で見るエス・エス・シー
* ----------------------------------------------------------------------------
*/	

.digest {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.digest li {
    max-width: 30%;
    margin-right: 3%;
    margin-bottom: 3%;
}

.digest li:nth-child(3n) {
    margin-right: 0;
}

.digest_contents:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F3F9FE;
    width: 100%;
    height: 20%;
}


/**
* 自分で決める「キャリアパス」
* ----------------------------------------------------------------------------
*/	

.career-path img {
	margin-bottom: 50px;
}

.career-path img:last-child {
    margin-bottom: 0;
}


/**
* 採用担当から求職者の方へ
* ----------------------------------------------------------------------------
*/	

.message_header {
	max-width: 1110px;
	margin: auto;
	position: relative;
	z-index: 2;
}

.message_text p {
	width: 100%;
}

.message_text h2 {
	font-size: 28px;
	text-align: center;
	margin-bottom: 25px;
}

.message {
	padding-top: 30px;
	position: relative;
	z-index: 3;
}

.message_image {
	max-width: 950px;
	margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
	z-index: 4;
}

.message_image li {
	width: 30%;
	margin-right: 5%;
}


.message_image li:last-child {
	margin-right: 0;
}
/* 2025.10.27修正 */
.message:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F3F9FE;
    width: 100%;
/*     height: 50%; */
	height: 60%;
	z-index: -1;
}

/**
* 募集要項／社員制度
* ----------------------------------------------------------------------------
*/	

.details {
	width: 100%;
}

.details th, .details td {
	text-align:left;
	padding: 15px 0; 
	line-height: 1.6;
	border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.details th {
	text-align: center;
	color: #009459;
}

.details tr {
	width: 100%;
}

.details td {
	width: 71%;
	padding-left: 10px; 
}

.details tr:nth-child(1) th, .details tr:nth-child(1) td {
    border-top: 0;
}

.details tr:nth-child(1) th {
    border-bottom: 0;
}

.details tr:nth-child(2) th {
    border-top: 0;
}

.details tr:nth-child(5) th {
    border-bottom: 0;
}

.details tr:nth-child(6) th {
    border-top: 0;
}

/* 2025.10.27追加 */
.insta_banner {
	margin-top: 20px;
}

.insta_banner_recruit_3rd {
	margin-top: 40px;
    position: relative;
    z-index: 1;
}

.page-template-interview-page .insta_banner {
	margin-top: 0;
	padding: 75px 25px 50px;
	background-color: #F3F9FE;
}


/**
* パートナー企業様募集
* ----------------------------------------------------------------------------
*/	

.business_partner {
	padding: 0 80px;
}

.business_partner_list {
	display: flex;
	flex-wrap: wrap;
}

.business_partner_list li {
	width: 48%;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 20px;
}

.business_partner_list li{
	background-color: rgba(0,148,89,0.5);
}
.business_partner_list li:nth-child(n+5) {
	background-color: rgba(0,148,0,0.5);
}

.business_partner_inquiry {
	width:650px;
	margin: 0 auto;
}

.business_partner_inquiry h4 {
	height: 40px;
	background-color: #666666;
	margin: 0 auto;
	padding: 10px 0
}

.b_partner_inquiry {
	width: 100%;
	display:flex;
	justify-content: center;
	padding: 20px;
	border: solid 1px #666666;
	background-color: white;
}

.b_p_inquiry_parts {
	text-align: center;
	margin-right: 30px;
}

.b_partner_inquiry :last-child {
	margin-right: 0px;
}


.b_p_inquiry_parts p {
	margin-top: 10px;
}

.to_inquiry_page {
	display:block;
	width: 240px;
	height: 55px;
	margin: 0 auto;
	padding: 19.5px 0;
	background-color: #009459;
}

.business_partner_inquiry:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #F3F9FE;
	z-index: -1;
	width: 100%;
	height: 96%;
}

.pdf_download { /* 2023.4.24 追加 */
	margin: 10px 0;
}

/**
* お問い合わせ
* ----------------------------------------------------------------------------
*/
.inquiry .section_inner {
	padding: 30px;
	z-index: 2;
}


.inquiry_form:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F3F9FE;
	width: 100%;
	height: 105%;
}

.inquiry .common_h3 {
	margin-bottom: 30px;
}

.inquiry_form_table th {
	padding: 20px 60px 20px 10px;
	position: relative;
}

.inquiry_form_table {
	width: 100%;
	margin-bottom: 30px;
}

.inquiry_form_table td {
    padding: 10px;
}

.required {
    position: absolute;
    top: 17px;
    right: 10px;
    padding: 3px;
    background-color: #C1272D;
    color: #fff;
}

.inquiry_form_table input[type="text"], .inquiry_form_table input[type="email"], .inquiry_form_table input[type="tel"], .inquiry_form_table textarea {
    border: 1px solid #cccccc;
	padding: 10px;
	width: 100%;
}
.inquiry_form_table .wpcf7-list-item {
	display: block;
	margin: 10px 0;
}
.inquiry_form a {
	color: #103381;
	text-decoration: underline;
}
.inquiry_form .red a {
	color: #C1272D;
}
.inquiry_form input[type="submit"] {
	background-color: #FF6F00;
	display: inline-block;
	color: #fff;
	width: 200px;
	font-weight: bold;
	padding: 10px;
	border-radius: 5px;
}

.inquiry_form input[type="submit"][disabled] {
	background-color: #b5b5b5;
}

.inquiry_form .wpcf7 .ajax-loader {
	display: block;
	margin: auto;
}

.wpcf7-list-item {
	margin: 0;
}

/**
 * 先輩インタビュー
 * ----------------------------------------------------------------------------
 */
.interview_tab, .interview_content {
	z-index: 1;
}

.interview_content .section_inner {
	z-index: 2;
}

.interview_content:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #F3F9FE;
	width: 100%;
	height: 24%;
}

.interview_content:before {
	content: "";
	position: absolute;
	left: 0;
	top: 26%;
	background-color: #F3F9FE;
	width: 100%;
	height: 28%;
}

.interview_tab {
	padding-top: 40px;
}

.interview_tab .section_inner {
	display: flex;
}

.interview_tab .section_inner > div {
    width: 50%;
    background-color: #cccccc;
	padding: 15px 0;
	cursor: pointer;
}

.interview_tab .section_inner > div.active {
	background-color: #009400;
}

.interview_tab .section_inner > div.active:nth-child(2) {
	background-color: #188854;
}

.interview_content {
	padding-top: 0;
}

.interview_content_img_full {
	position: relative;
	margin-bottom: 70px;
}

.interview_content_img_name {
	position: absolute;
	bottom: -12%;
	left: 3%;
	width: 33%;
}

.interview_content_part:nth-child(even) .interview_content_img_name {
	left: auto;
	right: 3%;
}

.interview_content_part {
	margin-bottom: 80px;
}

.interview_content_part:last-child {
	margin-bottom: 0;
}

.interview_content_detail {
	display: flex;
	width: 94%;
	margin: auto;
	justify-content: space-between;
}

.interview_content_detail_schedule {
	width: 35%;
	margin-top: 40px;
}

.interview_content_detail_txt {
	width: 60%;
}

.interview_content_detail_txt h4 {
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 10px;
	font-weight: bold;
}

.interview_content .section_inner:nth-child(1) .interview_content_detail_txt h4 {
	color: #009400;
}

.interview_content_img_full h3 {
	position: absolute;
	top: 30%;
	left: 5%;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
}

.interview_content .section_inner:nth-child(2) .interview_content_img_full h3 {
	color: #188854;
}

.interview_content .section_inner:nth-child(2) .interview_content_detail_txt h4 {
	color: #188854;
}

.interview_content_detail_photo {
	width: 40%;
	margin-top: 40px;
}

.interview_content .section_inner:nth-child(2) .interview_content_detail_txt {
    width: 55%;
}

.interview_content .section_inner:nth-child(2) .interview_content_img_name {
    width: 37.6%;
    bottom: -10%;
}

.interview_content_part:nth-child(even) .interview_content_img_full h3 {
	text-align: right;
	left: auto;
	right: 5%;
}

/**
* 個人情報保護方針
* ----------------------------------------------------------------------------
*/	


.privacy-policy ol{
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding:0;
}

.privacy-policy ol li {
	position: relative;
	line-height: 1.5em;
	padding: 0.5em 0.5em 0.5em 30px;
}

.privacy-policy ol li:before{
  /* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
  /*数字のデザイン変える*/
	display:inline-block;
	background: #009459;
	color: white;
	font-family: "ヒラギノ角ゴ Pro" ,"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
/*   font-weight:bold; */
	font-size: 15px;
	left: 0;
	width: 22px;
	height: 22px;
	line-height: 23px;
	text-align: center;
}



.pp_ceo {
	margin-top: 20px;
	text-align: right;
}

.consultation,.complaints {
	text-align: center;
	padding: 20px;
}

.consultation h4,.complaints h4{
	margin-bottom: 5px;
}

.consultation {
	border: solid 1px #009459;
	margin: 40px 0; 
}

.message_header img{
	vertical-align: middle;
	margin-right: 3px;
}

.complaints {
	background-color: #EEE;
}

/* 2021.10 追加 */	
.interview_tab .section_inner > div:nth-child(2) {
    border: 2px solid #188854;
}

.interview_tab .section_inner > div:nth-child(1) {
    border: 2px solid #009400;
}

.interview_tab .section_inner > div:nth-child(1).active:before {z-index: 2;content: "";position: absolute;left: 100%;bottom: -2px;width: 0;height: 0;border-style: solid;border-width: 61px 0 0 61px;border-color: transparent transparent transparent #009400;}

.interview_tab .section_inner > div:nth-child(2):before {content: "";position: absolute;right: -2px;top: -2px;width: 5px;height: 0;border-style: solid;border-width: 0 20px 20px 0;border-color: transparent #F3F9FE transparent transparent;}

.interview_tab .section_inner > div:nth-child(2):after {
	position: absolute;
	content: "";
	right: 8px;
	top: -5px;
	width: 2px;
	height: 27px;
	background-color: #188854;
	transform: rotate(-45deg);
}

.interview_tab .section_inner > div.active:nth-child(2):after {background-color: #F3F9FE;}

.interview_tab .section_inner > div.active .small {
    font-size: 18px;
}

.interview_tab .section_inner > div.active:nth-child(1):after {
    display: none;
}

.interview_tab .section_inner:after {content: "";position: absolute;width: 100%;height: 6px;left: 0;bottom: 0;background-color: #009400;}

.interview_tab .section_inner {
    overflow: hidden;
    justify-content: space-between;
}

.interview_tab .section_inner > div:nth-child(1):after {content: "";position: absolute;right: -2px;top: -2px;width: 5px;height: 0;border-style: solid;border-width: 0 20px 20px 0;border-color: transparent #F3F9FE transparent transparent;}

.interview_tab .section_inner > div:nth-child(1):before {
    z-index: 2;
    content: "";
    position: absolute;
    right: -22px;
    bottom: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 61px 61px;
    border-color: transparent transparent #188854 transparent;
}

.interview_tab .section_inner > div.active {
    background-color: #009400;
    width: 68%;
    width: calc(70% - 20px);
    border: none!important;
    font-size: 30px;
}

.interview_tab .section_inner > div {
	width: 30%;
	padding: 17px 0 10px;
	position: relative;
	height: 60px;
}

.interview_tab .section_inner.selected1:after {
	background-color: #188854;
}

.interview_tab_line {
	position: absolute;
	content: "";
	right: 8px;
	top: -5px;
	width: 2px;
	height: 27px;
	background-color: #009400;
	transform: rotate(-45deg);
	z-index: 3;
}

/**
* 個人情報の取扱いについて
* ----------------------------------------------------------------------------
*/	

.handling_pi_complaints {
	text-align: right;
	margin-top: 50px;
}

.privacy-policy a{
	text-decoration: underline;
}

.handling_pi p {
	margin-bottom: 10px;
}

.handling_pi ol{
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding:0;
}

.handling_pi ol li {
	position: relative;
	line-height: 1.5em;
	padding: 0.5em 0 0.5em 30px;
}

.handling_pi_parenthesis {
	margin-left: 2.6em;
	text-indent: -2.6em;
}

.handling_pi_indices {
	margin-left: 1em;
	text-indent: -1em;
}

.handling_pi_middle {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.handling_pi_middle:before{
	/* 以下数字をつける */
position: absolute;
counter-increment: number;
content: counter(number);
	/*数字のデザイン変える*/
display:inline-block;
background: #009459;
color: white;
font-family: "ヒラギノ角ゴ Pro" ,"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
/*   font-weight:bold; */
font-size: 15px;
left: 0;
width: 22px;
height: 22px;
line-height: 23px;
text-align: center;
}



.handling_pi_table {
	width: 100%;
	margin-top:20px;
	margin-bottom: 20px;
}
.handling_pi_table th {
	padding: 5px 10px;
	border: 1px solid black;
	width: 50%;
	font-weight: normal;
}
.handling_pi_table td {
	padding: 10px;
	border: 1px solid black;
}
.handling_pi_table tr:last-child th {
	border-bottom: 1px solid #1f2278;
}

/**
* 個人情報開示の求めに関する手続き
* ----------------------------------------------------------------------------
*/	

.procedure ol{
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding:0;
}

.procedure ol li {
	position: relative;
	line-height: 1.5em;
	padding: 0.5em 0.5em 0.5em 30px;
}

.procedure ol li:before{
  /* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
  /*数字のデザイン変える*/
	display:inline-block;
	background: #009459;
	color: white;
	font-family: "ヒラギノ角ゴ Pro" ,"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
/*   font-weight:bold; */
	font-size: 15px;
	left: 0;
	width: 22px;
	height: 22px;
	line-height: 23px;
	text-align: center;
}



.procedure a{
	text-decoration: underline;
}

.indent {
	margin-left: 1em;
}

.procedure_indent{
	display: block;
	text-indent: -1em;
	padding-left: 1em;	
}


/* 2021.10 追加 */
/**
 * お知らせ
 * ----------------------------------------------------------------------------
*/

.news_main:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 170px);
	background-color: #F3F9FE;
}

.news_main .section_inner {
	padding: 20px;
}

.news_tab {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.news_tab li {
	width: 16%;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #188854;
	padding: 20px 0;
	border-radius: 10px 10px 0 0;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.news_tab li.active {
	background-color: #fff;
	color: #188854;
	border: 2px solid;
	border-bottom: 0;
}

.news_tab:after {
	content: "";
	position: absolute;
	bottom: 0;
	height: 2px;
	left: 0;
	width: 100%;
	background-color: #188854;
	z-index: 1;
}
.news_main .top_news_list {
	border: 0;
}

.news_tab_content {
	display: none;
}

/**
* 口コミ Q&A 2023.10追加
* ----------------------------------------------------------------------------
*/

.qa_link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.qa_link li {
    max-width: 40%;
    margin-right: 5%;
    margin-bottom: 5%;
}

.qa_link li:nth-child(2n) {
    margin-right: 0;
}

.review_post {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background-color: #7FC9AC;
}

.review_content {
	border: 1px solid #808080;
	margin-top: 30px;
	padding: 25px;
}

.review_content:nth-child(1) {
    margin-top: 0;
}

.review_answer {
	width: 100%;
	padding: 10px 0;
	margin-top: 50px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background-color: #7FC97F;
}

.review_answer_title {
	width: 100%;
	padding: 10px;
   line-height: 1;
	margin-bottom: 20px;
	font-size: 18px;
	color: #fff;
	background-color: #7FC97F;
}

/* 口コミ */
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
	margin-top: 25px;
	border: 1px solid #7FC9AC;
}

.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: Font Awesome\ 5 Free;
  	content: '\f13a'' 続きをよむ';
	font-weight:900;
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: #7FC9AC;
}
.cp_box input {
	display: none;
}
.cp_container {
	overflow: hidden;
	height: 200px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
	padding: 25px;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	font-family: Font Awesome\ 5 Free;
	content: '\f139'' 閉じる';
	font-weight:900;
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

/* 回答 */
.cp_box2 *, .cp_box2 *:before, .cp_box2 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box2 {
	position: relative;
	margin-top: 25px;
	border: 1px solid #7FC97F;
}
.cp_box2 label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box2 input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box2 label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: Font Awesome\ 5 Free;
  	content: '\f13a'' 続きをよむ';
	font-weight:900;
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: #7FC97F;
}
.cp_box2 input {
	display: none;
}
.cp_box2 .cp_container2 {
	overflow: hidden;
	height: 200px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
	padding: 25px;

}
.cp_box2 input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box2 input:checked + label:after {
	font-family: Font Awesome\ 5 Free;
	content: '\f139'' 閉じる';
	font-weight:900;
}
.cp_box2 input:checked ~ .cp_container2 {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

.cp_detail {
    display: flex;
    max-width: 700px;
    flex-wrap: wrap;
}

.cp_detail > span:nth-child(odd) {
    width: 35%;
}

.cp_detail > span:nth-child(even) {
    width: 65%;
}

.page-template-worklifebalance-page .common_h3:nth-child(1) {
    margin-top: 0;
}

.page-template-worklifebalance-page .common_h3 {
    margin-top: 80px;
}

.page-template-interview_selection-page .common_h3:nth-child(1) {
    margin-top: 0;
}

.page-template-interview_selection-page .common_h3 {
    margin-top: 80px;
}

.page-template-welfare_office-page .common_h3:nth-child(1) {
    margin-top: 0;
}

.page-template-welfare_office-page .common_h3 {
    margin-top: 80px;
}

.page-template-annualincome_salary-page .common_h3:nth-child(1) {
    margin-top: 0;
}

.page-template-annualincome_salary-page .common_h3 {
    margin-top: 80px;
}

.page-template-reason_and_gap-page .common_h3:nth-child(1) {
    margin-top: 0;
}

.page-template-reason_and_gap-page .common_h3 {
    margin-top: 80px;
}

.page-template-reason_for_leaving_job-page .common_h3:nth-child(1) {
    margin-top: 0;
}

.page-template-reason_for_leaving_job-page .common_h3 {
    margin-top: 80px;
}

.page-template-women_rewarding-page .common_h3:nth-child(1) {
    margin-top: 0;
}

.page-template-women_rewarding-page .common_h3 {
    margin-top: 80px;
}

.page-template-organization_culture-page .common_h3:nth-child(1) {
    margin-top: 0;
}

.page-template-organization_culture-page .common_h3 {
    margin-top: 80px;
}



/**
 * IE対応
 * ----------------------------------------------------------------------------
 */
@media all and (-ms-high-contrast: none) {

}

/**
 * レスポンシブ
 * ----------------------------------------------------------------------------
 */
@media screen and  (max-width: 1100px) {
	.header_inner {
		max-width: 90%;
	}
}

@media screen and  (min-width: 921px) {
	.sp {
		display: none!important;
	}
}

@media screen and  (max-width: 920px) {
	.pc {
		display: none!important;
	}
	body {
		font-size:14px; 
	}
	p {
		margin-bottom: 20px;
	}
	.small {
		font-size:12px;
	}
	.normal {
		font-size:14px;
	}
	.medium {
		font-size:16px;
	}
	.large {
		font-size:24px;
	}
	.xlarge {
		font-size:32px;
	}
	main section {
		padding: 20px 5%;
	}
	main section:last-child {
		padding-bottom: 40px;
	}
	.common_h3 {
		font-size: 20px;
	}
	.header {
		max-width: 100vw;
	}
	.admin-bar .header {
		margin-top: 0;
	}
	.header_inner {
		max-width: 100%;
		padding: 10px 20px;
		min-height: 45.625px;
	}
	.header_logo {
		width: 200px;
	}
	.header_menu {
		top: 100%;
		background-color: #009459;
		color: #fff;
		text-align: center;
		width: 100%;
		display: none;
	}
	.header_menu li {
		display: block;
		margin-left: 0;
		border-bottom: 1px solid;
		font-size: 14px;
	}
	.header_menu li:last-child {
		border-bottom: 0;
	}
	.header_menu li a {
		display: block;
		padding: 10px;
	}
	.header_menu_btn {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 40px;
		background-color: #009459;
	}
	.header_menu_btn > span {
		width: 60%;
		height: 4px;
		background-color: #fff;
		left: 20%;
		position: absolute;
		border-radius: 5px;
		transition: all 0.3s;
	}
	.header_menu_btn.active > span:nth-child(1) {
		transform: rotate(225deg);
		top: 46%;
		top: calc(50% - 2px);
		width: 80%;
		left: 10%;
	}
	.header_menu_btn.active > span:nth-child(2) {
		transform: rotate(225deg);
	}
	.header_menu_btn.active > span:nth-child(3) {
		transform: rotate(135deg);
		top: 46%;
		top: calc(50% - 2px);
		width: 80%;
		left: 10%;
	}
	.header_menu_btn > span:nth-child(1) {
		top: 16%;
		top: calc(30% - 2px);
	}
	.header_menu_btn > span:nth-child(2) {
		top: 46%;
		top: calc(50% - 2px);
	}
	.header_menu_btn > span:nth-child(3) {
		top: 66%;
		top: calc(70% - 2px);
	}
	main {
		margin-top: 45px;
		overflow: hidden;
	}
	.footer_inner {
		display: block;
		text-align: center;
	}
	.footer_company h3 {
		margin-bottom: 10px;
	}

	/* 2025.10.27追加 */
	.footer_company {
		margin: 0 auto 15px auto;
	}

	.footer_left {
		justify-content: center;
		margin-bottom: 20px;
	}
	
	.footer_mark {
		margin-bottom: 15px;
	}
	
	/* 	2025.10.27修正 */
/* 	.footer_mark_list li:nth-child(1) {
		max-width: 13%;
	} */
/* 	.footer_mark_list li:nth-child(2) {
		max-width: 25%;
	} */
/* 	.footer_mark_list li:nth-child(3) {
		max-width: 50%;
	} */
	
	/* 2025.10.27追加 */
	.footer_mark_list p {
		margin: 0 auto 15px;
	}

	.footer_mark_list {
		max-width: 420px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	
	.footer_mark_1, .footer_mark_4 {
		width: 100%;
	}
	
	.footer_mark_2, .footer_mark_3 {
		width: 50%;
	}
	
	.footer_mark_1 {
		order: 4;
	}
	
	.footer_mark_4 {
		margin: 10px auto 15px;
	}
	
	.top_header_purpose_list {
		flex-wrap: wrap; /* 	2021.10.01変更 */
		top: 105%;
		left: 14%; /* 	2021.10.01変更 */
		right: 0;
		width: 70%; /* 	2021.10.01変更 */
	}
	.top_header_purpose_list li { /* 	2021.10.01変更 */
	width: 50%;
	}
	.top_header_copy {
		right: 8%;
		top: 35%;
		width: 55%;
	}
	.top_news {
		padding-top: 80%; /* 	2021.10.01変更 */
		z-index: 1;
	}
	.top_news_title {
		font-size: 16px;
	}
	.top_news_title a {
		font-size: 12px;
	}
	.top_news_list {
		padding: 15px 0;
	}
	.top_news_list_date {
		width: 90px;
	}
	.common_header:before {
		height: 85%;
	}
	.profile_main {
		padding-top: 60px;
	}
	.profile_link_list li {
		max-width: 45%;
		margin-right: 10%;
		margin-bottom: 10%;
	}
	.profile_link_list li:nth-child(3n) {
		margin-right: 10%;
	}
	.profile_link_list li:nth-child(2n) {
		margin-right: 0;
	}
	
	.co2_results {
	 margin-left: 0;
	}
	
	.approach .section_inner {
		padding: 15px;
	}
	.approach_health:before {
		bottom: 100%;
		height: 360px;
	}
	.approach_health_nintei_img {
		width: 60px;
	}
	.approach_health_nintei_txt {
		margin-right: 0;
	}
	.approach_health_nintei_txt h4 {
		margin-right: 60px;
	}
	.approach_health_shisaku_img {
		margin-right: 0;
		width: 15%;
	}
	.approach_health_shisaku_list {
		width: 85%;
	}
	.approach_shutoku_list_img {
		width: 100px;
	}
	.approach_shutoku_list li:first-child h4 {
		margin-right: 100px;
	}
	.approach_kokoroe_list li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		padding: 15px;
	}
	.approach_shutoku:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 50%;
		background-color: #F3F9FE;
		width: 100%;
		height: 80%;
	}
	.approach_kokoroe:before {
		bottom: 10%;
		height: 70%;
	}
	.inquiry_form_table th {
		display: block;
		padding: 0 15px;
	}
	.inquiry_form_table td {
		display: block;
		padding: 10px 15px 20px;
	}
	.required {
		top: -3px;
		right: 15px;
	}
	.inquiry_form_table {
		margin-bottom: 20px;
	}
	.interview .common_header:before {
		height: 150%;
	}
	.interview_tab {
		padding-bottom: 0;
	}
	.interview_tab .section_inner > div {
		padding: 10px 0;
	}
	.interview_content_img_name {
		left: 0;
		width: 45%;
		bottom: auto;
		top: 83%;
		max-width: 280px;
	}
	.interview_content_detail {
		width: 100%;
	}
	.interview_content_detail_txt h4 {
		font-size: 16px;
	}
	.interview_content_img_full {
		margin-bottom: 50px;
	}
	.interview_content_detail_schedule {
		margin-top: 0;
		width: 45%;
	}
	.interview_content_detail_txt {
		width: 50%;
	}
	.interview_content_part:nth-child(even) .interview_content_img_name {
		right: 0;
	}
	.interview_content:after {
		height: 22%;
	}
	.interview_content_img_full h3 {
		font-size: 16px;
	}
	.interview_content .section_inner:nth-child(2) .interview_content_img_name {
		width: 60%;
		bottom: auto;
		top: 77%;
		max-width: 270px;
	}
	.interview_content_detail_photo {
		width: 45%;
		margin-top: 0;
	}
	.interview_content .section_inner:nth-child(2) .interview_content_detail_txt {
		width: 50%;
	}
	.interview_content .section_inner:nth-child(2) .interview_content_detail_txt_sp h4 {
		color: #188854;
	}
	.interview_content_detail_txt_sp h4 {
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 10px;
		font-weight: bold;
		
	}
	.interview_content_detail_txt_sp {
		margin-top: 20px;
	}
	.interview_content_part {
		margin-bottom: 60px;
	}
	.interview_content .section_inner:nth-child(2) .interview_content_detail_txt p:nth-last-child(2) {
		margin-bottom: 0;
	}
	
	/* 	2025.10.27追加 */
	.page-template-interview-page .insta_banner {
		padding: 25px;
	}



/**
* 代表メッセージ／経営理念／ビジョン
* ----------------------------------------------------------------------------
*/	

.message_1 {
	flex-direction: column-reverse;
	flex-wrap: wrap;
}

.message_text_1, .message_text_2 {
	width: 100%;
	margin: 0px;
}

.message_photo {
	width: 80%;
	margin:0 auto 20px auto;
}
	
.message_2 {
	flex-direction: column;	
}
	
.message_name {
	font-size: 16px;
}	
	
.vision_list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.vision_list li {
	width: 100%;
	margin-bottom: 20px;
}

.vision_list li:last-child{
	margin-bottom: 0;
}

.philosophy_list ol, .philosophy_list li {
	padding-left: 2em;
	text-indent: -2em;
}
/* 2025.4.1修正 */
/* .management_policy ol, .management_policy li {
	padding-left: 1em;
	text-indent: -1em;	
} */

/**
* 会社概要
* ----------------------------------------------------------------------------
*/	

.company_outline_table {
    width: 100%;
    margin: 0 auto 0 auto;
}

.company_outline_table th {
    text-align: left;
    padding: 15px 0;
    width: 25%;
}

.company_outline_table td {
    padding: 15px 0;
	border: none;
}


.pm_number  {
	margin-left: 0px;
}

.access {
 display: flex;
 flex-direction: column;
}

.access_text {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

.access_text  p{
	line-height: 1;
	margin-bottom: 15px;
}

.access_text img{
	margin-right: 5px;
}
	
.access_map {
	width: 100%;
	margin-left: 0px;
	padding-bottom: 45%;
}

.outline_group_company:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F3F9FE;
    width: 100%;
    height: 150%;
}

.outline_group_company_list {
	display: flex;
	flex-direction: column;
}

.outline_group_company_list li {
	position: relative;
	float: left;
	margin-bottom: 15px;
}

.outline_group_company_list li:last-child {
	margin-bottom: 0;
}

/**
* 沿革
* ----------------------------------------------------------------------------
*/	

.history th,td {
	text-align:left;
	padding: 15px 0; 
	line-height: 1.6;
	font-size: 12px;
}
.history th {
	letter-spacing: -0.5px;
}
	
.history td {
	width: 49%;
	padding-left: 10px; 
	border: none;
}

/**
* 主要取引先
* ----------------------------------------------------------------------------
*/	

.customers_list {
	display: flex;
	flex-direction: column;
	width: 90%;
	margin: 0 auto;
}

.customers li {
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 20px;
}

.customers p {
	text-align: right;
	width: 100%;
	margin: 0 auto;
}
	

/**
* 一般事業主行動計画
* ----------------------------------------------------------------------------
*/	


.actionplan_header {
	margin-bottom: 10px;
	line-height: 2;
	padding-left: 7.4em;
	text-indent: -7.4em;	
}

.actionplan_header span {
    font-weight: normal;
}

/**
* サービス
* ----------------------------------------------------------------------------
*/	
.service_link_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.service_link_list li {
    max-width: 45%;
    margin-right: 10%;
    margin-bottom: 10%;
}

.service_link_list li:nth-child(2n) {
	margin-right: 0;
}	
	
/**
* 事業内容
* ----------------------------------------------------------------------------
*/	

.contents_project {
	margin-bottom: 20px;
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}

.project_type {
	display: block;
	width: 80%;
	padding: 10px;
	margin: 0 auto 10px auto;
	text-align: center;
	color: #009459;
	font-weight: bold;
	border:2px solid #009459;
}

.contents_text p {
	width: 100%;
}

.system:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #F3F9FE;
    width: 100%;
    height: 60%;
}

/**
* 開発実績
* ----------------------------------------------------------------------------
*/	

.Industry {
	width: 100%;
	margin: 10px auto;
	display: inline-block;
}
	

.Industry_type {
	display:flex;
	flex-wrap: wrap;
	width: 45%;
	height: 55px;
	margin-right: 15px;
}
	
.development_list_system {
	width: 48%;		
}
.development_list_language {
	width: 20%;		
}

.development_list_environment{
	width: 30%;		
}	
	
.system_list, .language_list, .environment_list {
	font-size: 10px;
	padding-left: 1em;
	text-indent: -1em;	
}	

.list_head {
	font-size: 5px;
	color: #009459;
	margin-right: 1px;
	vertical-align: middle;
}

.development_title {
	font-size: 14px;
}	


	
/**
* お客様の声
* ----------------------------------------------------------------------------
*/	

.voc_table th {
	vertical-align: middle;
	text-align: center;
}

.voc_table th:last-child {
	padding: 10px;
	vertical-align: middle;
	text-align: left;
	width: 70%;
}	
	
/**
* 採用担当から求職者の方へ
* ----------------------------------------------------------------------------
*/	

.message {
	padding-top: 30px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

.message_image {
	margin: 0 auto;
    display: flex;
	flex-direction: column;
	z-index: 4;
}

.message_image li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}

.message_image li:last-child {
	margin-bottom: 0;
}	
	
/**
* パートナー企業様募集
* ----------------------------------------------------------------------------
*/	
.business_partner {
	padding: 0;
}	
	

.business_partner_list {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

.business_partner_list li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 2%;
	padding: 20px 15px;
}

.business_partner_list li{
	background-color: rgba(0,148,89,0.5);
}
.business_partner_list li:nth-child(n+5) {
	background-color: rgba(0,148,0,0.5);
}


.business_partner_list li h4 {
    margin-bottom: 0;
}

.business_partner_inquiry {
	width:90%;
	margin: 0 auto;
}

.b_partner_inquiry {
	width: 100%;
	display:flex;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
	border: solid 1px #666666;
	background-color: white;
}

.b_p_inquiry_parts {
	text-align: center;
	margin-right: 0;
}

.b_partner_inquiry :last-child {
	margin-right: 0px;
}


.b_p_inquiry_parts p {
	margin-top: 10px;
}

.to_inquiry_page {
	display:block;
	width: 240px;
	height: 55px;
	margin: 20px auto 0 auto;
	padding: 19.5px 0;
	background-color: #009459;
}
	
	/* 2021.10 追加 */
	.interview_tab .section_inner > div {
		height: 40px;
		width: 40%;
		font-size: 14px;
		padding: 8px 0;
	}

	.interview_tab .section_inner > div.active {
		font-size: 20px;
	}

	.interview_tab .section_inner > div.active .small {
		font-size: 16px;
	}

	.interview_tab .section_inner > div.active {
		width: calc(60% - 15px);
	}

	.interview_tab .section_inner > div:nth-child(2):before {
		border-width: 0 13px 13px 0;
	}

	.interview_tab .section_inner > div:nth-child(1).active:before {
		border-width: 42px 0 0 40px;
	}

	.interview_tab .section_inner > div:nth-child(1):before {
		border-width: 0px 0 40px 40px;
		right: -17px;
	}

	.interview_tab .section_inner > div:nth-child(2):after {
		right: 4px;
		top: -5px;
		height: 19px;
	}

	.interview_tab .section_inner > div:nth-child(1):after {border-width: 0 16px 16px 0;}

	.interview_tab_line {
		right: 6px;
		top: -5px;
		height: 21px;
	}
	
	.interview_tab .section_inner:after {
		height: 3px;
	}

	.top_news_list li {
		display: block;
	}

	.top_news_list li > span {
		display: inline-block;
	}

	.top_news_list li > .top_news_list_title {
		display: block;
		margin-top: 5px;
	}
	.top_news_list_cat {
		font-size: 12px;
		width: 110px;
	}
	.top_news_list_cat > span {
		width: 110px;
		padding: 5px 0;
	}
	
	.news_tab {
		font-size: 10px;
	}
	.news_tab li {
		padding: 5px 0;
	}
	.news_tab li.oneline {
		padding-top: 12px;
	}
	.news_main .section_inner {
		padding: 5px;
	}
	
	.cp_detail > span:nth-child(odd),.cp_detail > span:nth-child(even) {
		width: 100%;
	}
	
	.review_complement {
		display: inline-block;
		padding-left:6.5em;
	}
}

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

.text-narrow {
	display: inline-block;
	padding-left: 3px;
	transform: scale(0.8, 1);
}		
	
	
}