@charset "UTF-8";

/* CSSリセット */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
display: block;
}

html {
overflow-y: scroll;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,q:before, q:after {
content: '';
content: none;
}

input, textarea {
margin: 0;
padding: 0;
}

ol, ul {
list-style: none;
}

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

caption, th {
text-align: left;
}

a:focus {
outline: none;
}

.cf:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.cf {
min-height: 1px;
}

* html .cf {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
;
}

/* HTML要素 */

strong,
em {
font-weight: bold;
font-style: normal;
}

a {
zoom: 1;
vertical-align: baseline;
color: inherit;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: “alpha( opacity=80)”;
}

a:hover img {
}

img {
max-width: 100%;
height: auto;
}

input {
font-family: 'YuGothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.mb00{margin-bottom: 0!important;
}
.txt_left{
text-align: left;
}
.txt_center{
text-align: center;
}
.txt_right{
text-align: right;
}
/* ボディ */



body {
font-size: 14px;
font-family: 'YuGothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
-webkit-text-size-adjust: none;
color: #444444;
line-height: 1.7;
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
background-color: #f7f7f7;
}

#wrapper {
padding-top: 60px;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
background-color: transparent;
background-image: url(../imgs/common/bg_dot.png);
/*background-color: #ffffff*/;
}

.body_business {
background-image: url(../imgs/business/bg_business.png);
}

.body_business #wrapper {
background-image: url(../imgs/business/bg_dot.png);
}

.body_company {
background-image: url(../imgs/company/bg_company.jpg);
}

.body_company #wrapper {
background-image: url(../imgs/company/bg_dot.png);
}

.body_recruit {
background-image: url(../imgs/recruit/bg_recruit.png);
}

.body_recruit #wrapper {
background-image: url(../imgs/recruit/bg_dot.png);
}

.body_recruit_entry {
background-image: url(../imgs/recruit/entry/bg_recruit_entry.gif);
}

.body_case_single #wrapper {
background: none;
}

.body_case_hokusyu {
background-image: url(../imgs/case/hokusyu/bg_hokusyu.png);
}

.body_case_nrscorp {
background-image: url(../imgs/case/nrscorp/bg_nrscorp.jpg);
}

.body_case_soka {
background-image: url(../imgs/case/soka/bg_soka.png);
}


.body_case_ishinomaki {
background-image: url(../imgs/case/ishinomaki/bg_ishinomaki.png);
}

.body_case_saitama {
background-image: url(../imgs/case/saitama/bg_saitama.png);
}

.body_case_corne {
background-image: url(../imgs/case/nemulog/bg_corne.png);
}

.body_case_yamanami{
background-image: url(../imgs/case/yamanami/bg_yamanami.png);
}
.body_case_nho{
background-image: url(../imgs/case/nho/bg_nho.png);
}
.body_case_caname{
background-image: url(../imgs/case/caname/bg_caname.png);
}
.body_case_hiroshima{
background-image: url(../imgs/case/hiroshima/bg_hiroshima.png);
}
.body_case_sanseido {
background-image: url(../imgs/case/sanseido/bg_sanseido.png);
}
.body_case_japansensor {
background-image: url(../imgs/case/japansensor/bg_japansensor.png);
}
.body_case_feelshonan {
background-image: url(../imgs/case/feelshonan/bg_feelshonan.png);
}

.body_business #wrapper {
background-image: url(../imgs/business/bg_dot.png);
}
/* ヘッダ */
#header {
margin-bottom: 180px;
max-width: 1160px;
}

#header .logo {
margin-bottom: 60px;
}

#header .logo a {
width: 300px;
height: auto;
display: block;
}

.body_reversal #header .logo a {
text-indent: -9999px;
background: url(../imgs/common/logo_white.png) no-repeat;
}

#header .global-navi {
margin-left: 445px;
margin-left: 16%;
}

#header .global-navi li {
width: 13.6%;
float: left;
}
#header .global-navi li.gn_webmarket {
width: 17%;
}
#header .global-navi li a {
color: #ee3300;
}

.body_reversal #header .global-navi li a {
color: #fff;
}

.body_home #header .global-navi li.gn_home a,
.body_case #header .global-navi li.gn_case a,
.body_business #header .global-navi li.gn_business a,
.body_company #header .global-navi li.gn_company a,
.body_recruit #header .global-navi li.gn_recruit a,
.body_contact #header .global-navi li.gn_contact a {
text-decoration: underline;
}
.nav_sp {
	display: none;
}
/* フッタ */
#footer {
max-width: 1160px;
margin-bottom: 230px;
position: relative;
}

#footer nav ul {
float: left;
}

#footer nav ul li {
float: left;
/*width: 150px;*/
padding: 0 4em 0 0;
}

#footer nav ul li a {
color: #999;
}

#footer .copyright {
color: #999;
width: 400px;
float: right;
text-emphasis: none;
}

#footer .page_top {
position: absolute;
right: 0;
bottom: -80px;
}	
/* コンテンツ */
#header,
#footer,
#contents {
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}

.area_lead {
margin-right: 60px;
margin-left: 445px;
margin-left: 33.3%;
color: #ee3300;
margin-bottom: 175px;
}

.body_reversal .area_lead {
color: #fff;
}

.area_lead_wide {
margin-right: 60px;
margin-left: 60px;
margin-bottom: 330px;
}
.body_case_japansensor .area_lead_wide {
margin-bottom:130px ;
}
.body_case_japansensor .list-disc{
list-style-type: disc;
list-style-position: inside;
margin-bottom: 20px;
}
.body_case_feelshonan .area_lead_wide {
margin-bottom:130px ;
}
.body_company .area_lead {
margin-bottom: 135px;
}
.body_company .privacy_mark a{
margin-bottom: 20px;
text-decoration: underline;
display: inline-block;
}

.area_lead .slogan {
font-size: 24px;
margin-bottom: 55px;
font-family: "游明朝","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
font-weight: bold;
line-height: 1.5;
}

.body_case .area_lead .slogan {
font-size: 48px;
}

.body_reversal .area_lead .slogan {
	color: #fff;
}

.area_lead .desc dt {
font-weight: bold;
margin-bottom: 30px;
}

.area_lead .unit_message p {
margin-bottom: 30px;
}

.area_lead .unit_message .signature {
text-align: right;
background-image: url(../imgs/company/signature.png);
background-repeat: no-repeat;
padding-left: 140px;
float: right;
}

.area_showcase {
/*  background-color: #fff;
margin: 120px auto 10px;
*/
max-width: 1160px;
margin: 60px auto 10px;
}

.area_showcase .list_showcase {
margin-right: -2px;
}

.area_showcase .list_showcase li {
width: 33.2%;
float: left;
margin-right: 1px;
}

.area_showcase .list_showcase li:nth-of-type(3n) {
margin-right: 0;
}
/*.area_showcase .list_showcase li:nth-child(-n+3) {
margin-right: 0;
}*/

.area_showcase .list_showcase li .image {
margin-bottom: 55px;
text-align: center;
}

.area_showcase .list_showcase li .item {
background-position: top center;
background-repeat: no-repeat;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 120px;
}

.area_showcase .list_showcase li .lead {
font-size: 24px;
margin-bottom: 25px;
font-family: "游明朝","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
}

.area_showcase .list_showcase li .client {
margin-bottom: 20px;
}

.area_showcase .list_showcase li .overview {
margin-bottom: 20px;
}

.area_news {
padding: 60px 0 50px 445px;
max-width: 1160px;
box-sizing: border-box;
margin: 0 auto 10px;
}

.area_news .title {
font-weight: bold;
margin-bottom: 55px;
}

.area_news .table_news {
border-collapse: collapse;
}

.area_news .table_news th,
.area_news .table_news td {
padding: 1em;
border-top: 1px solid #eee;
}

.area_news .archive {
/*margin-left: 385px;
margin-top: 25px;
text-align:center;*/
text-align: right;
}

.area_access {
margin-bottom: 50px;
color: #999;
}

.area_access #map_canvas {
width: 100%;
height: 550px;
}

.area_access .unit_access {
padding-top: 55px;
}

.area_access .unit_access .logo_alt {
margin-bottom: 50px;
}

.area_access .unit_access .info {
width: 200px;
float: left;
}

.area_access .unit_access .address {
width: 200px;
float: left;
}

.area_access .unit_access .route {
width: 400px;
float: right;
}

.unit_pdca_cycle {
margin-top: 60px;
}

.area_body {
padding: 30px 60px;
background-color: #fff;
/*opacity: 0.9;*/
}

.area_body .unit_heading .title {
font-size: 24px;
margin-bottom: 55px;
font-family: "游明朝","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
float: left;
}

.area_body .unit_heading .sub {
text-align: right;
}

.area_body .unit_breadcrumb li {
float: left;
margin-right: 60px;
padding-right: 55px;
text-transform: uppercase;
background-image: url(../imgs/common/bg_breadcrumb.gif);
background-repeat: no-repeat;
background-position: right center;
}

.area_body .unit_breadcrumb li a {
color: #444444;
}

.area_body .unit_breadcrumb li.current {
background: none;
width: 40%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.area_body .unit_description .title {
color: #ee3300;
font-size: 24px;
font-family: "游明朝","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
margin-bottom: 30px;
}

.area_body .unit_description {
margin-left: 385px;
margin-left: 33.3%;
}

.area_body .unit_description .list {
margin-bottom: 90px;
}

.area_body .unit_description .list li {
margin-bottom: 50px;
list-style: outside disc;
margin-left: 15px;
}

.area_body .unit_description .list li:last-child {
margin-bottom: 0;
}

.area_body .module {
margin-left: 33.3%;
margin-bottom: 60px;
}

.area_body .module .title {
margin-top: 80px;
margin-bottom: 50px;
font-weight: bold;
}

.area_body .module_case .title {
font-size: 32px;
font-family: "游明朝","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
margin: 60px 0;
line-height: 1.5;
}

.area_body .overview .list_overview .subtitle {
color: #bbb;
}

.area_body .overview .list_overview li {
display: inline-block;
vertical-align: top;
min-height: 100px;
width: 49.5%;
}

.area_body .privacy_mark .mark {
float: right;
margin-left: 50px;
}

.area_body .msa_mark .mark {
float: right;
margin-left: 50px;
}

.area_body .mission .subtitle{
font-weight: bold;
}

.area_body .mission .list_mission {
margin-top: 50px;
padding-top: 30px;
border-top: 1px solid #eee;
}

.area_body .mission .list_mission li {
margin-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
}

.area_body .history .table_history {
margin-top: 50px;
border-top: 1px solid #eee;
padding-top: 20px;
}

.area_body .history .table_history th,
.area_body .history .table_history th+td {
width: 20%;
}

.area_body .history .table_history th,
.area_body .history .table_history td {
padding: 20px 0;
border-bottom: 1px solid #eee;
}

.area_body .address {
margin-left: 33.3%;
margin-top: 50px;
}

.area_body .address p {
margin-bottom: 25px;
}

.area_body .localnavi {
margin-left: 33.3%;
}

.area_body .localnavi li {
width: 25%;
text-align: center;
float: left;
}
/*
.area_body .localnavi li:first-child{
text-align: left;
}

.area_body .localnavi li:last-child{
text-align:right;
}
*/
.area_body .localnavi li a {
color: #444;
}

.area_body .staff {
padding-bottom: 60px;
}

.area_body .staff p {
margin-bottom: 40px;
}

.area_body .staff .list_staff {
margin-top: 40px;
}

.area_body .staff .list_staff li {
width: 40%;
float: left;
}

.area_body .staff .list_staff li:last-child {
float: right;
}

.area_body .staff .list_staff li p {
margin-bottom: 20px;
}

.area_body .staff .list_staff li .image {
text-align: center;
}

.area_body .staff .list_staff li .subtitle {
font-weight: bold;
margin-bottom: 30px;
}

.area_body .jobs  .unit_jobtype,
.area_body .detail  .unit_detail {
border-top: 1px solid #eeeeee;
}

.area_body .jobs  .unit_jobtype_last,
.area_body .detail  .unit_detail_last {
border-bottom: 1px solid #eeeeee;
margin-bottom: 30px;
}

.area_body .jobs  .unit_jobtype .subtitle,
.area_body .detail  .unit_detail .subtitle {
width: 50%;
float: left;
font-weight: bold;
padding: 30px 0;
}

.area_body .detail  .unit_detail .subtitle {
width: 33%;
}

.area_body .jobs  .unit_jobtype ul,
.area_body .detail  .unit_detail ol,
.area_body .detail  .unit_detail ul {
overflow: hidden;
}

.area_body .jobs  .unit_jobtype li,
.area_body .detail  .unit_detail li {
border-bottom: 1px solid #eeeeee;
padding: 30px 0;
}

.area_body .jobs  .unit_jobtype li:last-child,
.area_body .detail  .unit_detail li:last-child {
border-bottom: none;
}

.list_news .date {
width: 25%;
}

.list_news .cat {
color: #ee3300;
width: 25%;
}

.list_news th,
.list_news td {
border-bottom: 1px solid #eeeeee;
padding: 30px 0;
}

.list_news a {
color: #444444;
}

.image {
padding: 30px 0;
}

.image_case {
padding: 0px 0;
margin: 0 -60px 60px;
}

.csr .subtitle {
font-weight: bold;
}

.module p {
margin-bottom: 30px;
}

.news_single .image {
text-align: center;
}

.aligncenter {
display: block;
margin: 0 auto;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.privacy ol {
margin-bottom: 30px;
}

.privacy ol li {
margin-bottom: 60px;
}

.privacy .signature {
text-align: right;
}

.privacy_list dd{
margin: 0.5em 1em 1em;	
}
.privacy_list ul{
margin:0.5em 0 1em 3em;
}
.privacy_list ul li {
list-style: disc;
}
a.next,
a.prev,
.link_arrow a {
display: block;
color: #444444;
background-image: url(../imgs/common/next.png);
background-repeat: no-repeat;
padding-left: 30px;
}
.body_home .area_news a.next{
display: inline-block;
}

a.prev {
background-image: url(../imgs/common/prev.png);
}

a.next:hover,
a.prev:hover,
.link_arrow a:hover {
color: #ee3300;
background-position: 0 -79px;
}

.list_sitemap {
overflow: hidden;
}

.list_sitemap li {
border-top: 1px solid #eeeeee;
padding: 30px 0;
}

.list_sitemap li ul {
padding-left: 33.3%;
margin-top: -4em;
}

.list_sitemap li ul ul {
padding-left: 45%;
}

.list_sitemap li {
}

.list_sitemap li a {
color: #444;
}

.area_body .news_single .title {
margin-bottom: 0;
color: #ee3300;
}

.nav_news {
border-top: 1px solid #eeeeee;
padding: 30px 0;
}

.nav_news li {
max-width: 49.5%;
float: left;
}

.nav_news li+li {
float: right;
}

.unit_client {
padding: 0 60px;
}

.unit_client .list_client {
margin-right: -120px;
position: relative;
overflow: hidden;
}

.unit_client .list_client li {
border-top: 1px solid #eeeeee;
padding: 30px 0;
width: 21.5%;
margin-right: 120px;
float: left;
}

.unit_client .list_client li.a{
	padding-bottom: 0;
	}

.unit_client .list_client li.b{
border-bottom: 1px solid #eeeeee;
}

.unit_client  .title {
font-weight: bold;
margin-bottom: 50px;
margin-top: 80px;
}

.text {
margin-bottom: 30px;
}

.area_lead .data {
float: left;
width: 33.3%;
margin-right: 1.5em;
}

.area_lead .lead {
overflow: hidden;
}

.list_data dd {
font-weight: bold;
margin-bottom: 30px;
}
.list_data dd a {
word-break: break-all;
}

.contact a.next {
background-color: #222;
color: #fff;
padding: 30px 30px 30px 60px;
background-position: 30px 30px;
background-image: url(../imgs/common/prev_white.png);
}

.contact a.next:hover {
background-color: #ee3300;
background-position: 30px 30px;
text-decoration: none;
}

.area_body_ishinomaki {
background: #fff url(../imgs/case/ishinomaki/image_01.jpg) 0 200px no-repeat;
}

.module_case_ishinomaki_01 {
padding-top: 510px;
}

.area_body_saitama {
background: #fff url(../imgs/case/saitama/image_02.jpg) 0 1130px no-repeat;
}

.area_body_corne {
background: #fff url(../imgs/case/nemulog/image_01.jpg) 0 170px no-repeat;
}

.step {
padding-left: 33.3%;
margin-top: 30px;
}

.step_list {
background-color: #ddd;
padding: 0 30px;
margin-bottom: 30px;
}

.step li {
width: 31%;
float: left;
}

.step li:nth-child(3n-1) {
margin: 0 3.5%;
}

.step li div {
margin: 30px 0;
background-color: #fff;
text-align: center;
padding: 20px 30px;
}

.step li.current div {
background-color: #ee3300;
color: #fff;
}

.step li div .number {
display: block;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}

.step li div .data {
display: block;
padding-top: 10px;
}

.reqire {
color: #ee3300;
}

.form {
margin-left: 33.3%;
}

.table_form th {
font-weight: bold;
width: 33.3%;
}

.table_form th,
.table_form td {
padding: 30px 30px 30px 0;
border-top: 1px solid #eeeeee;
vertical-align: top;
}

.table_form td li {
padding: 20px 0;
border-bottom: 1px solid #eeeeee;
}

.table_form td li:first-child {
padding-top: 0;
}

.table_form td li:last-child {
padding-bottom: 0;
border-bottom: none;
}

.table_form td input[type="text"] {
border: 1px solid #bbb;
padding: 15px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.table_form td textarea {
border: 1px solid #bbb;
padding: 0;
padding: 15px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.notes {
overflow: auto;
height: 240px;
border: 1px solid #bbb;
padding: 0;
padding: 30px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 60px;
}

.form .subtitle {
font-weight: bold;
margin-bottom: 60px;
}

.form_contact {
padding-bottom: 30px;
}

.button input {
border: none;
padding: 30px 30px 30px 60px;
background-color: #222;
color: #fff;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
font-size: 14px;
background-image: url("../imgs/common/next_white.png");
background-position: 30px 30px;
background-repeat: no-repeat;
cursor: pointer;
}

.button input:hover {
background-color: #ee3300;
background-position: 30px 30px;
}

.button .send {
overflow: hidden;
}

.button .return {
width: 33.3%;
float: left;
margin-right: 60px;
}

.button .return input {
background-color: #eee;
background-image: url("../imgs/common/prev_black.png");
color: #444;
}

.button .btn_link {
border: none;
padding: 30px 30px 30px 60px;
background-color: #222;
color: #fff;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
font-size: 14px;
background-image: url("../imgs/common/prev_white.png");
background-position: 30px 30px;
background-repeat: no-repeat;
cursor: pointer;
margin-top: 60px;
margin-bottom: 60px;
}
.button .btn_link:hover {
background-color: #ee3300;
}
.button .btn_link a {
display: block;
}
.button .btn_link a:hover {
text-decoration: none;
}
.top_contact_btn {
max-width: 1160px;
margin: 0 auto;
}
.top_contact {
margin-left: 33.3%;
}

.error {
color: #e30;
padding: 30px;
background-color: #fdeae5;
margin-top: 15px;
}

.error p {
font-weight: bold;
}

.error p.text {
margin-bottom: 0;
}

.link_client {
text-align: right;
}

.link_map {
text-align: right;
}
a.icon_pdf{
padding: 1px 0px 1px 19px;
background: url(/assets/imgs/common/icon_pdf.gif) 0 50% no-repeat;
color: #ee3300;
}
a.icon_pdf:hover{
color: #ee3300;
}
/*-----------------------------------------------------
top 実績紹介 */
.ttl_showcase{
/*text-align: center;*/
margin-bottom: 20px;
}
.ttl_showcase h2{
/*font-size:20px;*/
font-weight: bold;
padding-bottom: 10px;
display: inline;
}
/*.ttl_showcase:after {
bottom:0;
content:"";
display: block;
width: 6em;
height: 5px;
background: -moz-linear-gradient(left,  #cccccc 0%, #cccccc 50%, #999999 50%, #999999 100%);
background: -webkit-linear-gradient(left,  #cccccc 0%,#cccccc 50%,#999999 50%,#999999 100%);
background: linear-gradient(to right,  #cccccc 0%,#cccccc 50%,#999999 50%,#999999 100%);
margin:0 auto;
}*/

/*-----------------------------------------------------
スライダー
-----------------------------------------------------*/
.bx-wrapper .bx-viewport {
background: none;
box-shadow: none;
border: none;
left: 0;
}
.bx-wrapper .bx-controls-direction a {
width: 20px;
height: 40px;
opacity: 0.5;
}
.bx-wrapper .bx-prev {
background: url(../imgs/home/slide_prev.png) no-repeat;
left: -30px;
}
.bx-wrapper .bx-next {
background: url(../imgs/home/slide_next.png) no-repeat;
right: -30px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
background-position: 0 0;
}

.top_lead{
margin:0 auto ;
text-align: center;
}
.top_lead h1.slogan{
margin-bottom:1em;
font-size: 24px;
}
.top_lead p.slogan{
margin-bottom:1em;
}
.top_lead .slogan_sub{
font-weight: bold;
margin-bottom:1.6em;
}

.slide_blk{
text-align: center;
text-align: -webkit-center;
max-width: 1160px;
margin: 0 auto;
padding: 0 30px;
box-sizing: border-box;
position: relative;
z-index: 10;
}

.catch{
text-align: center;
font-family: "游明朝";
}
.catch .chatch_1,.slide_blk .catch .chatch_2{
font-weight: bold;
text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;
}
.catch .chatch_1{
/*font-size: 28px;*/
font-size: 20px;
margin: 1em auto;
}
.catch .chatch_2{
font-size: 20px;
}
.catch_mt {
margin-top: 125px;
}

div.slide_sanseido{
position: relative;
}
div.slide_sanseido .slide_text{
position: absolute;
top:0;
right: 0;
text-align: right;
font-size: 18px;
font-weight: bold;
margin: 0.5em 1em 0 0;
}

/*-----------------------------------------------------
 CMSソリューション
-----------------------------------------------------*/
.body_cms .unit_description h2,.body_security .unit_description h2{
font-size: 24px;
margin: 30px 0 55px;
font-family: "游明朝","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
font-weight: bold;
line-height: 1.5;
}
.body_cms .unit_description h3.title{
margin-top: 30px;
color:#444;
font-size: 24px;
}
ul.list_cms{
margin: 20px 0 40px;
}
ul.list_cms li{
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
.achievement_blk{
margin-bottom: 40px;
}
.achievement_list{
float: left;
margin: 0 40px 40px;
}
.achievement_blk .etc{
clear: both;
}
dl.list_cms_detail{
clear:both;
margin-top:40px;
border-top: 1px solid #ccc;
}
dl.list_cms_detail dt{
float: left;
padding-top: 30px;
}
dl.list_cms_detail dd{
padding:20px 0 20px 300px;
border-bottom: 1px solid #ccc;
}
/*-----------------------------------------------------
 事業内容　追加
-----------------------------------------------------*/

div.aside{
border: 1px solid #aaa;
padding: 0.5em 1em;
max-width: 35em;
margin: 20px 0 90px ;
}
.area_body .unit_description .list {
    margin-bottom: 90px;
}
/*-----------------------------------------------------
 情報セキュリティ基本方針
-----------------------------------------------------*/

.body_security .subtitle {
margin-top: 40px;
}
.body_security .txt_right{
margin-bottom: 40px;
}
.body_security .unit_description ul{
list-style-type: disc;
margin-left: 30px;
}
.body_security .m_security_msa {
margin-bottom: 30px;
}
.body_security .m_security_msa .e_security_msa_img {
max-width: 200px;
float: left;
margin-right: 30px;
}
.body_security .m_security_msa .m_security_def_list {
width: calc(100% - 230px);
float: left;
}
.body_security .m_security_msa .m_security_def_list .e_security_def_list_ttl {
clear: both;
float: left;
width: 30%;
font-weight: bold;
border-top: 1px solid #eeeeee;
padding: 15px 0;
}
.body_security .m_security_msa .m_security_def_list .e_security_def_list_cnts {
float: left;
width: 70%;
border-top: 1px solid #eeeeee;
padding: 15px 0;
}
@media screen and (max-width: 900px) {
.body_security .m_security_msa .e_security_msa_img {
float: none;
margin: 0 auto;
text-align: center;
}
.body_security .m_security_msa .m_security_def_list {
float: none;
width: 100%;
margin-top: 15px;
}

}




@media screen and (max-width: 1160px) {
#header .logo {
	margin-left: 10px;
}
}

/*-----------------------------------------------------
 事業内容　SNS
-----------------------------------------------------*/
.list_inline {
	margin-bottom: 30px;
	text-align: center;
}
.list_inline li {
	display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}
.arrow_down {
	margin: 50px auto;
	position: relative;
	display: block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow_down::before,
.arrow_down::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	margin-bottom: 20px;
}
.arrow_down:before {
	left: 50%;
	width: 20px;
	height: 20px;
	border-top: 2px solid #ee3300;
	border-right: 2px solid #ee3300;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.hd_orange {
	padding: 10px 0;
	text-align: center;
	background: #ee3300;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 70px;
}
.ttl_04 + .list_02 {
	margin-top: 1em;
}
.list_02 {
	margin-bottom: 15px;
	list-style-type: disc;
	list-style-position: inside;
	text-indent: 1.5em;

}
.list_02 li{
	margin-bottom: 5px;
}
.body_cms .unit_description h3.title.title_margin {
	margin-top: 70px;	
}
.list-in-list {
	margin-top: 10px;
	margin-bottom: 15px;
	text-indent: 3em;
}
.list-in-list li {
	margin-bottom: 5px;
	padding-left: 22px;
	position: relative;
}
.list-in-list li:before {
	content: "-";
	position: absolute;
	left: 10px;
}
.sns_dl01 dt,
.sns_dl01 dd{
	float: left;
}
.sns_dl01 dt {
	clear: both;
}


/*-----------------------------------------------------
 事業内容　SRM
-----------------------------------------------------*/
.hd_grey {
	padding: 10px 0;
	text-align: center;
	background: #333333;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 120%;
}

.srm_mark .srmmark {
    float: right;
    margin-left: 50px;
}

.srm_module {
	margin-left: 33.3%;
	margin-bottom: 60px;
}

.srm_video {
	padding-top:2.5em;
	font-size: 110%;
}


h3.srmttl02 {
font-size: 24px;
padding: 0 0 1em 0;
font-family: "游明朝","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
font-weight: bold;
line-height: 1.5;
color: #444;
}


.pt20{
	padding-top: 2em;
}

.etc{
	clear: both;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.srmpc { display: block !important; }
.srmsp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */


.body_cms .unit_description h3.srm{
margin-top: 30px;
color:#444;
font-size: 24px;
font-weight: bold;
font-family: "游明朝","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif; 
}



.list_srm {
	margin-bottom: 15px;
	list-style-type: disc;
	list-style-position: inside;
	text-indent: 1.5em;
	font-size: 120%;
}

.list_srm li{
	margin-bottom: 5px;
}

.list-srm-list li {
	margin-bottom: 5px;
	padding-left: 3em;
	position: relative;	
	font-size: 90%;

}

.list-srm-list li:before {
	content: '';
	position: absolute;
	top: .5em;
  left: 2.5em;
  width: 8px;
  height: 3px;
	border-left: 2px solid #333333;
  border-bottom: 2px solid #333333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mt20 {
	margin-top: 2em;
}

.red {color: #ee3300;
	font-weight: bold;
}


dl.list_srm_detail{
clear:both;
margin-top:0px;
margin-bottom: 2em;
}
dl.list_srm_detail dl{
border-bottom: 1px solid #ccc;

}

dl.list_srm_detail dt{
float: left;
padding-top: 0px;
}
dl.list_srm_detail dd{
padding:0px 0 20px 55%;
}

h4.srm{
margin-top: 30px;
color:#444;
font-size: 160%;
font-family: "游明朝","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif; 

}
/* ==================================
  ウェブマーケ
================================== */
.unit_breadcrumb br {
display: none;
}
.m_postarea {
margin-top: 60px;
float: left;
width: 70%;
margin-right: 5%;
}
.m_postarea .lead {
clear: both;
font-size: 17px;
margin-bottom: 10px;
font-family: "游明朝","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
border-left: 5px solid #fff;
padding-left: 8px;
font-weight: bold;
}
.m_postarea .lead br {
visibility: hidden;
}
.m_postarea .e_ttl_lv03 {
font-weight: bold;
font-size: 1.3em;
margin: 10px 0;
}
.m_postarea .e_txt {
margin-bottom: 10px;
clear: both;
}
.m_postarea .e_thumb {
clear: both;
}
.m_postarea a{
font-weight: bold !important; 
}
/*  トップページ .webmarke_top
------------------------*/
.webmarke_top .m_postarea {
float: none;
width: 100%;
margin-right: 0;
}
.webmarke_top .m_postarea > .e_list {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.webmarke_top .m_postarea > .e_list > .e_li {
box-sizing: border-box;
padding: 10px;
width: 24%;
margin-right: 1%;
border: 1px solid #eee;
cursor: pointer;
transition-duration: .4s;
margin-bottom: 10px;
}
.webmarke_top .m_postarea > .e_list > .e_li:hover {
position: relative;
opacity: .8;
}
.webmarke_top .m_postarea > .e_list > .e_li:nth-child(4n) {
margin-right: 0;
}
.webmarke_top .m_postarea > .e_list > .e_li a {
display: block;
}
.webmarke_top .m_postarea > .e_list > .e_li .e_thumb {
margin-top: 0;
}
.webmarke_top .m_postarea > .e_list > .e_li .e_thumb img {
width: 100%;
height: auto
}
.webmarke_top .m_postarea .lead {
border-left: 5px solid #b3b3b3;
padding-left: 8px;
font-weight: bold;
line-height: 1.4;
margin: 15px 0;
font-size: 15px;
}
/*  ソーシャルボタン
------------------------*/
.m_postarea #socialButtonOnPage {
margin-bottom: 10px;
}
.m_postarea #socialButtonOnPage .csbwfs-sbutton-post {
display: inline-block;
margin-right: 10px;
}
.m_postarea #socialButtonOnPage.s_fixed {
position: fixed;
bottom: 0;
padding: 10px 0 5px;
margin-bottom: 0;
background: #fff;
left: 0;
padding-left: 60px;
z-index: 10000;
width: 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.m_postarea #socialButtonOnPage .csbwfs-sbutton-post img {
padding-top: 6px;
}
/* 日付 */
.m_postarea .e_date {
margin-bottom: 10px;
}
/*  記事
------------------------*/
.entry {
overflow: hidden;
}
.m_postarea .entry + .entry {
margin-top: 30px;
}
.m_postarea .e_li {
padding-bottom: 20px;
margin-bottom: 20px;
}
.m_postarea .e_content {
margin-bottom: 20px;
}
.wp-video {
text-align: center;
margin: 0 auto;
}
/* ボタンエリア */
.m_underbtn {
overflow: hidden;
padding: 5px 0;
}
/* もっと読むボタン */
.m_postarea .e_seemore {
float: right;
text-align: right;
vertical-align: middle;
}
.m_postarea .e_seemore a{
border: 1px solid #ee3300;
text-decoration: none;
color: #ee3300;
padding: 5px 15px;
transition-duration: .4s;
}
.m_postarea .e_seemore a:hover{
background: #ee3300;
color: #fff;
}
/* タグ */
.m_postarea .e_tags {
float: left;
vertical-align: middle;
overflow: hidden;
padding: 5px 0;
margin-bottom: 5px;
}
.m_postarea .e_tags .tag{
float: left;
margin-right: 10px;
font-size:12px;
}
.m_postarea .e_tags .tag a {
text-decoration: none;
padding: 2px 5px;
border: 1px solid #df410c;
transition-duration: .4s;
color: #df410c;
margin-bottom: 5px;
}
.m_postarea .e_tags .tag a:hover {
/*background: #df410c;*/
color: #fff;
}
/* サムネイル */
.m_postarea .e_thumb {
margin-top: 10px;
text-align: center;
clear: both;
}

/* ページナビ */
.entry + .wp-pagenavi {
margin-top: 10px;
}
.wp-pagenavi {
text-align: center;
}
.wp-pagenavi span {
display: inline-block;
}
/*  記事個別ページ .m_single
------------------------*/
.m_single .m_postarea .lead {
font-size: 20px;
border-left: 5px solid #eee;
}
.m_single .m_postarea .page_top {
text-align: right;
}
.m_single .m_postarea .m_pagelink {
margin-top: 20px;
}
.m_single .m_postarea .m_pagelink .e_list {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.m_single .m_postarea .m_pagelink .e_list .e_li {
padding-bottom: 0;
margin-bottom: 0;
width: 50%;
}
.m_single .m_postarea .m_pagelink .e_list .e_li a {
display: block;
padding: 10px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
box-sizing: border-box;
}
.m_single .m_postarea .m_pagelink .e_list .e_li + .e_li{
border-left: 1px solid #eee;
}
.m_single .m_postarea .m_pagelink .e_list .e_li:nth-child(2) a {
text-align: right;
}
.m_single .m_postarea .e_back_to_wmtop {
text-align: center;
margin-top: 20px;
}
/*  アーカイブページ
------------------------*/
.m_archive .m_postarea .lead {
font-size: 20px;
border-left: 5px solid #eee;
}
/*  サイドメニュー
------------------------*/
.m_side_archive {
margin-top: 60px;
float: left;
width: 25%;
}
.m_side_archive .e_thumb {
text-align: center;
float: left;
margin-right: 5px;
width: 120px;
height: auto;
}
.m_side_archive .e_thumb img {
width: 120px;
height: auto;
}
.m_side_archive .lead {
font-size: 1.4em;
font-family: "游明朝","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
font-weight: bold;
border-left: 4px solid #eee;
padding-left: 8px;
margin-bottom: 11px;
}
.m_side_archive .e_archive_title {
word-wrap: break-word;
}
.m_side_archive .e_li {
margin-bottom: 10px;
border: 1px solid #eee;
padding: 5px;
overflow: hidden;
}
/* タグ一覧 */
.m_side_archive .wp-tag-cloud {
overflow: hidden;
}
.m_side_archive .wp-tag-cloud li {
float: left;
margin-right: 8px;
margin-bottom: 8px;
}
.m_side_archive #tag_cloud-2 {
margin-bottom: 30px;
}
.m_side_archive .wp-tag-cloud li a {
display: block;
border: 1px solid #444;
padding: 5px;
text-decoration: none;
}
.m_side_archive .wp-tag-cloud li a:hover {
background: #444;
color: #fff;
}

@media screen and (max-width: 640px) {
/* ブレークポイント～640px */

/*-----------------------------------------------------
 layout
-----------------------------------------------------*/
#wrapper {
	padding: 20px 0 0;
}
#contents {
	max-width: auto;
	width: 100%;
}
.area_body {
	padding: 30px 10px;
}
.area_body .unit_description {
	margin-left: 0;
}
.area_body .module {
	margin: 20px 0 0;
	margin-left: 0;
}
.area_body .module .title {
	margin: 20px 0;
}
.area_body .module_case .title {
	margin: 0 0 20px;
	font-size: 18px;
}
.area_body .module_case {
	margin: 20px 0;
}
.image_case {
	margin: 0 0 60px;
}


/*-----------------------------------------------------
 parts
-----------------------------------------------------*/
/* パンくず */
.area_body .unit_breadcrumb ol {
}
.area_body .unit_breadcrumb li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	vertical-align: top;
}
.area_body .unit_breadcrumb li:after {
	content: ">";
	margin: 0 5px;
}
.area_body .unit_breadcrumb li:last-child:after {
	content: "";
	margin-right: 0;
}

/* 下層ナビ */
.area_body .localnavi {
	display: none;
}


.area_body .unit_heading .title {
	margin-bottom: 20px;
}

.area_lead .slogan {
	line-height: 1.3;
	font-size: 20px;
	margin-bottom: 25px;
}

.body_case .area_lead .slogan {
	font-size: 20px;
}


/*-----------------------------------------------------
 header
-----------------------------------------------------*/
#header {
	margin-bottom: 0;
}
#header .nav_pc {
	display: none;
}
#header .nav_sp {
	display: block;
}
#header .logo a {
width: 70%;
height: auto;
display: block;
}




/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 27px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
#top-head,
.inner {
	width: 100%;
	padding: 0;
}
#top-head {
	top: 0;
	position: absolute;
	margin-top: 0;
}

#global-nav {
	position: absolute;
	top: -500px;
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	text-align: center;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	z-index: 1000;
}
#nav-toggle {
	display: block;
}
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.open #global-nav {
	/* #global-nav top + #mobile-head height */
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
}

#global-nav li {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	margin-top: -1px;
}
#global-nav li a {
	display: block;
	padding: 15px 0;
	color: #FFF;
}

/*-----------------------------------------------------
 footer 
-----------------------------------------------------*/
#footer {
	margin: 0 0 20px;
	padding: 0 10px;
}

.area_access .unit_access {
	padding: 20px 0 0;
}
.area_access .unit_access .route {
	width: 100%;
}
.area_access .unit_access .logo_alt {
	margin-bottom: 10px;
}
#footer nav ul {
	float: none;
}
#footer nav ul li {
	float: none;
}
#footer .copyright {
	width: 100%;
}
#footer .page_top {
	position: static;
	text-align: right;
}

/*-----------------------------------------------------
 TOP 
-----------------------------------------------------*/
.area_lead,.catch {
	margin: 0 10px;
}
.area_showcase {
	margin: 30px 0 10px;
}

.area_showcase .list_showcase {
	margin: 0;
}
.area_showcase .list_showcase li {
	width: 100%;
	float: none;
	padding: 0 10px 40px;
	margin: 0 0 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #dddddd;
}
.area_showcase .list_showcase li .image {
	margin: 0;
	text-align: center;
}
.area_showcase .list_showcase li .item {
	padding: 0;
	margin: 0;
}
.area_news {
	padding: 0 10px;
	margin: 0 0 30px;
}
.area_news .title {
	margin-bottom: 10px;
}
.area_news .table_news th,
.area_news .table_news td {
	display: block;
	padding: 10px 0;
}
.area_news .archive {
	margin: 0;
}

.area_access #map_canvas {
	width: 100%;
	height: auto;
	max-height: 250px;
}
/*- スライド部分 */
.fade{
width: auto;
}
div.slide_sanseido .slide_text {
font-size: 8px;
line-height: 1em;
}
.slide_blk .catch{
position: static;
}
.top_lead p {
    margin-bottom: 1em;
}
.slide_blk .catch .chatch_1{
font-size: 20px;
}
.fade .slick-prev
{
z-index: 1;
left:5px;
}
.fade .slick-next
{
right:5px;
}


/*-----------------------------------------------------
 実績紹介
-----------------------------------------------------*/
.unit_client {
	padding: 0 10px;
}
.unit_client .title {
	margin: 30px 0 20px;
}
.unit_client .list_client {
	margin-right: 0;
}
.unit_client .list_client li {
	width: 100%;
	margin-right: 0;
	padding: 10px 0;
}
.area_showcase .list_showcase li .lead {
	font-size: 18px;
}


/* 北洲 */
.area_lead .data {
	float: none;
	width: 100%;
	margin-right: 0;
}

/* 赤十字 */
.area_body_ishinomaki {
	background: none;
}
.module_case_ishinomaki_01 {
	background: url(../imgs/case/ishinomaki/image_01.jpg) no-repeat;
	background-size: auto 100%;
	padding: 20px 10px;
}

/* ねむログ */
.area_body_corne {
	background: none;
}
.area_body_corne .module_case {
	margin: 20px 0 60px;
}
.area_body_corne .module_case:nth-of-type(3) {
	background: url(../imgs/case/nemulog/image_01.jpg) no-repeat;
	background-size: auto 100%;
	padding: 10px;
}
.area_body_corne .module_case:nth-of-type(4) {
	margin-top: 0!important;
}

/* 埼玉県 */
.area_body_saitama {
	background: none;
}
.area_body_saitama div:nth-of-type(4) {
	padding: 20px 10px;
	box-sizing: border-box;
	background: #fff url(../imgs/case/saitama/image_02.jpg) no-repeat;
}

/* カナメ */
.area_body_caname {
	background: none;
}

/* 広島建設 */
.area_body_hiroshima {
	background: none;
}

/*-----------------------------------------------------
 事業内容
-----------------------------------------------------*/
.area_body .unit_description .title {
	font-size: 18px;
	margin: 20px 0;
}
.area_body .unit_description .list {
	margin-bottom: 60px;
}
.area_body .unit_description .list li {
	margin-bottom: 10px;
}
div.aside{
width: auto;
}
/*-----------------------------------------------------
 CMS
-----------------------------------------------------*/
.unit_breadcrumb{
display: none;
}
.body_cms .area_body,achievement_blk{
width:100%;
box-sizing: border-box;
}
ul.list_cms li{
width:49%;
box-sizing: border-box;
padding:0 5px;
margin: 0;
}
.achievement_blk,.body_cms .unit_description h3.title {
text-align: center;
}
.achievement_list{
margin:auto auto 40px auto;
float:none;
}

dl.list_cms_detail{
margin-top:20px;
border-top: 1px solid #ccc;
}
dl.list_cms_detail dt{
float: none;
padding-top:1em;
}
dl.list_cms_detail dd{
padding:0;
padding-bottom:1em;
}

/*-----------------------------------------------------
 会社情報
-----------------------------------------------------*/
.body_company {
	background-image: none;
}
.body_company .area_lead {
	margin: 0 10px 20px;
}
.area_body .overview .list_overview li {
	width: 100%;
	min-height: auto;
}
.area_body .address {
	margin: 0;
}
.area_body .mission.module title {
	font-size: 18px;
}

.area_body .msa_mark {
display: flex;
flex-wrap: wrap;
}
.area_body .msa_mark p {
order: 1;
}
.area_body .msa_mark .mark {
width: 100%;
order: 2;
float: none;
margin-left: 0;
text-align: center;
}
/*-----------------------------------------------------
 お問い合わせ
-----------------------------------------------------*/
.step {
	padding-left: 0;
}
.step_list {
	padding: 10px;
}
.step li div {
	margin: 0;
	padding: 0;
}
.step li div .number,
.step li div .data {
	padding: 0;
}
.form {
	margin: 0;
}
.table_form th,
.table_form td {
	display: block;
	padding: 10px 0;
	width: 100%;
	box-sizing: border-box;
}
.table_form td {
	margin: 0 0 30px;
}
.table_form td li {
	padding: 10px 0;
}
.button {
	display: table;
	width: 100%;
}
.button input {
	background-position: right 2% center;
	padding: 20px;
	text-align: center;
}
.button input:hover {
	background-position: right 2% center;
}


.button .return input {
	background-position: left 2% center;
}
.button .return,
.button .send {
	display: table-cell;
	width: 50%;
}
.button .return {
	float: none;
	margin-right: 0;
}


/*-----------------------------------------------------
 お知らせ
-----------------------------------------------------*/
.list_news th,
.list_news td,
.list_news .date,
.list_news .cat {
	display: inline-block;
	width: 50%;
	padding: 20px 0;
	border-bottom: none;
}
.list_news .date {
	width: 30%;
}
.list_news .cat {
	width: 70%;
}

.list_news td:last-child {
	display: block;
	width: 100%;
	padding-top: 0;
	border-bottom: 1px solid #eeeeee;
}
/* お知らせ内容 */
.nav_news li {
	float: none;
	width: 100%;
	max-width: 100%;
	margin: 5px 0;
}


/*-----------------------------------------------------
 採用情報
-----------------------------------------------------*/
.area_body .staff .list_staff li {
	float: none;
	width: 100%;
}
.area_body .jobs  .unit_jobtype .subtitle,
.area_body .detail  .unit_detail .subtitle {
	width: 100%;
	float: none;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 0;
}
.area_body .jobs  .unit_jobtype ul,
.area_body .detail  .unit_detail ol,
.area_body .detail  .unit_detail ul {
	margin: 0 0 20px;
}

.area_body .jobs  .unit_jobtype li,
.area_body .detail  .unit_detail li {
	padding: 10px 0;
}


/*-----------------------------------------------------
 サイトマップ
-----------------------------------------------------*/
.list_sitemap li ul {
	padding-left: 0;
	margin-top: 0;
}
.list_sitemap li {
	padding: 0;
}
.list_sitemap li a {
	display: block;
	padding: 15px 0;
}
 
/*-----------------------------------------------------
 ウェブマーケ
-----------------------------------------------------*/
.m_postarea {
float: none;
width: 100%;
margin-right: 0;
margin-top: 30px;
}
.m_postarea .lead {
border-left: none;
font-size: 19px;
}
.m_postarea .e_thumb {
text-align: center;
}
.m_side_archive {
clear: both;
float: none;
width: 100%;
margin-top: 40px;
padding-top: 20px;
}
.m_postarea #socialButtonOnPage.s_fixed {
padding-left: 10px;
}
.webmarke_top .m_postarea > .e_list > .e_li,
.webmarke_top .m_postarea > .e_list > .e_li:nth-child(4n) {
width: 48%;
margin-right: 0;
box-sizing: border-box;
padding-bottom: 30px;
}
.webmarke_top .m_postarea > .e_list > .e_li:nth-child(2n-1) {
margin-right: 4%;
}
.wp-video,
.wp-video-shortcode {
width: 100% !important;
}


/*-----------------------------------------------------
 SRM
-----------------------------------------------------*/
.small {
text-align: left !important;
}

@media only screen and (max-width: 750px) {
.srmpc { display: none !important; }
.srmsp { display: block !important; }
}


	

}