@charset "utf-8";
/*
Theme Name: nansay-template
Description: nansay-template
Version: 999.0
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font:90%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#333;
-webkit-text-size-adjust: none;
}

.clearfix:before, .clearfix:after {
    content:"";
    display:table
}
.clearfix:after { clear:both }
.clearfix { zoom:1 } /* For IE 6/7 */

.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}

iframe{width:100%;}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:underline;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#0073d1;
}

a:hover, a:active{
/*-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;*/
outline: none;
color:#78C0FD;
}
a:hover img{ opacity:0.7;}


/**** Clearfix ****/
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after, .newsTitle:before,.newsTitle:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after,.newsTitle:after{clear: both;}
nav .panel,nav#mainNav,.newsTitle{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #5a0000;
background: -moz-linear-gradient(top, #1b8ff1 0%, #5a0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8ff1), color-stop(100%,#5a0000));
background: -webkit-linear-gradient(top, #1b8ff1 0%,#5a0000 100%);
background: -o-linear-gradient(top, #1b8ff1 0%,#5a0000 100%);
background: -ms-linear-gradient(top, #1b8ff1 0%,#5a0000 100%);
background: linear-gradient(to bottom, #1b8ff1 0%,#5a0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b8ff1', endColorstr='#5a0000',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #5a0000;
background: -moz-linear-gradient(top, #5a0000 0%, #1b8ff1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a0000), color-stop(100%,#1b8ff1));
background: -webkit-linear-gradient(top, #5a0000 0%,#1b8ff1 100%);
background: -o-linear-gradient(top, #5a0000 0%,#1b8ff1 100%);
background: -ms-linear-gradient(top, #5a0000 0%,#1b8ff1 100%);
background: linear-gradient(to bottom, #5a0000 0%,#1b8ff1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a0000', endColorstr='#1b8ff1',GradientType=0 );
}

*:first-child+html input[type="submit"]{padding:3px;}


/* レイアウト
------------------------------------------------------------*/
#wrapper{}
.inner{
margin:0 auto;
width:960px;
}

#header{overflow:hidden;width:960px;margin:0 auto;}

#content-onecolumn{
padding-top: 40px;
}

#content-sub{
float:left;
width:720px;
padding-top: 23px;

}

#sidebar{
float: right;
width:210px;
padding:30px 0;
}

#footer{
clear:both;
padding-top:20px;
border-top:1px solid #ccc;
background:#d0e4f4;
} 

/* 戻るボタン
------------------------------------------------------------*/
.page_top {
	position:fixed;
	bottom:10px;
	right:10px;
	padding:10px 20px;
	color:#fff;
	font-size:20px;
	text-decoration:none;

}
.page_top:hover {

	opacity:0.5;
}

/*マイナビ*/
.mynavi {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 110;
}

@media only screen and (max-width: 813px){
.mynavi {
    position: static;
    text-align: center;
}

.mynavi a img {
    margin: 10px;
}

.mynavi br {
    display: none;
}
}


/* ヘッダー
*****************************************************/

/* メインメニュー
------------------------------------------------------------*/
.header-inner{padding:0 30px;}

#top-head {
  top: -100px;
  position: absolute;
  width: 100%;
  margin: 100px auto 0;
  padding: 5px 0;
  line-height: 1;
  z-index: 999;
  background: #fff;
  transition: top 0.65s ease-in;
  -webkit-transition: top 0.65s ease-in;
  -moz-transition: top 0.65s ease-in;
}
#top-head a,
#top-head {
  color: #000;
  text-decoration: none;
}
#top-head .inner {
  position: relative;
}
#top-head .logo {
  float: left;
  font-size: 36px;
  margin-left:10px;
}
#global-nav ul {
  list-style: none;
  position: absolute;
  right: 10px;
  bottom: 20px;
  font-size: 16px;
  margin:0;
}
#global-nav ul li {
  float: left;
  padding:0 15px;
}
#global-nav ul li a {
  padding: 5px 0;
}
#global-nav ul li a:hover{
	border-bottom:2px solid #0085D0;
}

/* Fixed */
#top-head.fixed {
  margin-top: 0;
  top: 0;
  position: fixed;
  padding-top: 10px;
}


/* Toggle Button */
#nav-toggle {
  display: none;
  position: absolute;
  right: 12px;
  top: 14px;
  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: #000;
  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;
}

@media screen and (max-width: 1024px) {
.header-inner{padding:0;}
.inner {
  width: auto;
  padding: 0 20px;
}

#top-head {
  top: 0;
  position: fixed;
  margin-top: 0;
}
/* Fixed reset */
#top-head.fixed {
  padding-top: 5px;
  /*background: transparent;*/
}
#mobile-head {
  width: 100%;
  height: 56px;
  z-index: 999;
  position: relative;
}
#top-head.fixed .logo,
#top-head .logo {
  position: absolute;
  left: 13px;
  top: 5px;
  color: #333;
  font-size: 26px;
  width:100px;
}
#global-nav {
  position: absolute;
  /* 開いてないときは画面外に配置 */
  top: -500px;
  background: #fff;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
#global-nav ul {
  list-style: none;
  position: static;
  right: 0;
  bottom: 0;
}
#global-nav ul li {
  float: none;
  position: static;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
  width: 100%;
  display: block;
  color: #000;
  padding: 18px 0;
}
#nav-toggle {
  display: block;
}
/* #nav-toggle 切り替えアニメーション */
.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);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
  /* #global-nav top + #mobile-head height */
  -moz-transform: translateY(556px);
  -webkit-transform: translateY(556px);
  transform: translateY(556px);
}
}
/*メニューここまで*/
@media screen and (min-width: 901px) {
.sp-none{display:none;}
}

/*パンくず*/
.crumbs {
  font-size: 90%;
  margin-top: 66px;
  background:#eee;
  padding:5px 0;
}

.crumbs ul{width:960px;margin:0 auto;padding:0 20px;}

.crumbs li{
  display: inline-block;
}
.crumbs li::after{
  content:'›';
  padding:0 7px;
  color: #666;
}
.crumbs li:last-child::after{display: none;}
@media only screen and (max-width: 1100px){
  .crumbs ul{width: auto;}
}

/* トップページ　メイン画像
----------------------------------*/
#mainImg{
line-height:0;
text-align:center;
z-index:0;
}

#mainImg img{ width:100%; height:auto;}


/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
 font-weight: bold; 
 font-size: 200%;    
 margin-bottom: 40px;
 letter-spacing:0.1em;
 text-align:center;
}

h2.first{margin-top:0px;}

#content-sub h2.title{
    clear: both;
    border-bottom: 1px solid #1b8ff1;
    font-weight: bold;
    font-size: 130%;
    margin-bottom: 10px;
    text-align:left;
}

.dateLabel{
margin:0px 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p{padding:0 0 15px 0;}

.post h1{
margin:20px 0;
padding:7px 0 5px 25px;
font-size:150%;
color: #5a0000;
border-bottom:1px solid #ccc;
background:url(images/headingBg.png) no-repeat 0 50%;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color: #5a0000;
border-bottom:2px solid #1b8ff1;
}

.post h3{
clear:both;
margin-bottom:20px;
font-size:150%;
font-weight:bold;
color: #333;
border-bottom:1px solid #0085D0;
letter-spacing:0.1em;
padding-bottom: 5px;
}

#content-sub h3{
clear:both;
margin:10px 0;
font-size:115%;
font-weight:bold;
color: #333;
background:url(images/h3.png) no-repeat 0 50% #ebf6ff;
padding: 10px 10px 7px 27px;
}

.post h4{
padding:10px 15px;
font-size:130%;
background:linear-gradient(to right,#C9E3FF,#EDF6FF);
border-radius:10px;
margin-bottom:20px;
font-weight:bold;
}

.post h5{
	color:#E86200;
	border-left:5px solid #E86200;
	padding-left:10px;
	font-size:125%;
	font-weight:bold;
	margin-bottom:20px;
}

/*リスト*/

.post .circle-list li{
  position: relative;
  list-style:none;
  padding-bottom:10px;
  margin-left:20px;
}
.post .circle-list li:after{
  display: block;
  content: '';
  position: absolute;
  top: .2em;
  left: -20px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  border:#95C6E2 5px solid;
}

.post .circle-list li ul{
  border:none;
  padding:0;
}

.post .circle-list li ul li{
  margin-top:5px;
  padding-bottom:0px;
}

.post .circle-list{
  margin-bottom:20px;
  margin-left:0px;
  padding:0;
  border-radius:10px;
}

.post .nunber-list{
padding:0;
margin:0 0 20px 0;
list-style:none;
counter-reset:circle-number;/* 任意の名前*/
}
.post .nunber-list li{
  line-height: 2;
  margin-bottom: 0.4em;
  margin-left:2.3em;
}
.post .nunber-list li:before {
counter-increment: circle-number; /* 任意の名前を付ける（もちろん英語で） */
content: counter(circle-number); /* 名前を付けたカウンターをcontentで発動！ */
background:#eeeeee;
border-radius: 50%;
width: 2em;
height: 2em;
text-align: center;
display: inline-block;
margin-right: .3em;
margin-left:-2.3em;
}

.post .wp-element-caption{text-align:center;}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

/*テーブル*/

.post table{
  margin-bottom:15px;
  border-collapse:collapse;
}
.post table th,.post table td:first-child{
  background:#F0F7FF;
  color:#000;
  font-weight:bold;
  padding:10px;
  vertical-align:top;
  text-align:left;
  border:1px solid #d9d9d9;
  border-collapse:collapse;
}
.post table td{
  padding:10px;
  vertical-align:top;
  border:1px solid #d9d9d9;
  border-collapse:collapse;
}

.post table.blue caption{
 text-align: center;
 padding: 5px;
 background: #ccc;
 border-left: 3px solid #fff;}

.post table.blue{
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table.blue th{
padding:9px 10px 9px 10px;
border-bottom: #fff solid;
border-left: #fff solid;
border-right: none;
border-top: none;
border-width: 0 0 2px 2px;
font-weight:bold;
color:#fff;
background:#269DFF;
vertical-align: middle;
}

.post table.blue td{
padding:7px 10px;
border-bottom: #fff solid;
border-left: #fff solid;
border-right: none;
border-top: none;
border-width: 0 0 2px 2px;
background:#E6E6E6;
}

.post table.yellow caption{
 text-align: center;
 padding: 5px;
 background: #ccc;}

.post table.yellow{
border:1px #868685 solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table.yellow th{
padding: 7px 10px 7px 5px;
border: #868685 solid;
border-width: 0 0 1px 1px;
font-weight: bold;
background: #ffffc3;
color: #000;
list-style-type:decimal
}

.post table.yellow td{
padding:7px 5px;
border: #868685 solid;
border-width: 0 0 1px 1px;
background:#fff;
}

.post  .info_table{line-height:1.5;margin-bottom:15px;border:none;}
.post  .info_table th{
color: #1b8ff1;
background:none;
font-weight:bold;
padding:5px;
vertical-align:top;
text-align:left;
border-bottom:1px dashed #cccccc;
border-left:none;
border-right:none;
border-top:none;
vertical-align: middle;
}


.post .info_table td{
padding:5px;
color:#323232;
vertical-align:top;
border-bottom:1px dashed #cccccc;
border-left:none;
border-right:none;
border-top:none;
}

.post .none_table,
.post .none_table th,
.post .none_table td{border:none;}

.post .none_table th,
.post .none_table td{padding:5px;}

.post table.none_table td:first-child{
  background:none;
  border:none;
  padding:5px;
  text-align: center;
  font-weight:normal;
}


.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

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

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin: 0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float: left;}

.pdf {background: url(images/icon_pdf.png) no-repeat right;padding: 0 35px 0 0;}

#content-onecolumn .bold{ font-weight:bold; font-size:120%;}

#content-onecolumn .w0{width: 170px;}

#content-onecolumn .w01{width: 270px;}

#content-onecolumn .w02{width: 46%;}

#content-onecolumn .w03{width: 200px;}

#content-onecolumn .float_right{ float:right; padding:0 10px;}
#content-onecolumn .float_left{ float:left;}


/* サイドバー
*****************************************************/
#sidebar h3{ 
	border-bottom:1px solid #1b8ff1;
	font-weight: bold;
	text-align: center;}
#sidebar ul{ padding:10px; margin-bottom:30px;}
#sidebar ul li a{display:block;padding:5px 0 5px 15px;overflow:hidden;background:url(images/arrow-gray.svg) no-repeat 0 50%;}
#sidebar .banners ul{ clear:both; margin:0 auto;padding:0;}
#sidebar .banners li{ margin:0; padding:0;}
#sidebar .banners li a{ border:none; background:none; padding:0;}



/* トップコンテンツ
*****************************************************/

/* 新着情報
--------------*/

section.news h2{ background:url(images/title_boder.png) repeat-x bottom;padding-bottom: 5px; font-size: 180%; margin-bottom:10px; overflow:hidden;}
section.news .rss{ float:left;}
section.news .rss img{ padding: 8px 0 0 10px;}
section.news .icon{ background:url(images/title-icon01.png) no-repeat 0 50%; padding-left: 30px;float:left;}
section.news .list{ font-size:50%; float: right;background:#d0e4f4;padding: 5px 10px; margin: 5px;}
section.news .list a{background:url(images/arrow_blue.png) no-repeat right; padding: 0 10px;}

section.news ul{ border-bottom:1px dashed #000;}
section.news ul .blog{ background:#bcbcbc; padding: 0 5px; color:#fff; text-decoration:none;}
section.news ul .media{ background:#58ce6e;padding: 0 5px; color:#fff; text-decoration:none;}
section.news ul .news{ background:#ffcc00;padding: 0 5px; color:#fff; text-decoration:none;}
section.news ul .report{ background:#00c2eb;padding: 0 5px; color:#fff; text-decoration:none;}
section.news ul .award{ background:#FF6969;padding: 0 5px; color:#fff; text-decoration:none;}
section.news ul .social{ background:#fe7a38;padding: 0 5px; color:#fff; text-decoration:none;}
section.news ul .title{ padding:5px 0;}

section.news .left_box{width:460px; float:left;}
section.news .left_box .img{width:215px; float:left;margin-bottom: 20px;}
section.news .left_box ul{margin-bottom: 15px; padding-bottom:10px;}

section.news .right_box{width:460px; float:right;}
section.news .right_box .img{width:140px; float:left;margin-bottom: 20px;}
section.news .right_box ul{margin-bottom: 10px; padding-bottom:5px;}

    .sp{ display:none;}


/* 施工実績・部門紹介
--------------*/
section.bl_bg{ background:#ebf6ff; padding:30px 0;}
.wh_bg{ background:#fff;}

.results{ width:460px; float:left;padding: 15px;}
.results h2{background:url(images/title_boder.png) repeat-x bottom;padding-bottom: 5px; font-size: 180%; margin-bottom:10px; overflow:hidden;}
.results ul{ border-bottom:1px dashed #000;margin-bottom: 10px; padding-bottom:5px;}
.results .icon{ background:url(images/title-icon02.png) no-repeat 0 50%; padding-left: 30px;}
.results .list{ font-size:50%; float: right;padding: 5px; background:#d0e4f4;padding: 5px 10px; margin: 5px;}
.results .list a{background:url(images/arrow_blue.png) no-repeat right; padding: 0 10px;}
.results .img{width:140px; float:left;}
.results .category{ color:#fff;padding: 0 10px;color: #fff;text-decoration: none;}

.results .title {padding: 5px 0;}

.results .cat_doboku{ background:#515151;}
.results .cat_kouwan{ background:#269DFF;}
.results .cat_kenchiku{ background:#EC9000;}


.bumon{ width:440px; float: right;padding: 15px;}
.bumon h2{ background:url(images/title-icon03.png) no-repeat 0 50%; padding-left: 30px;font-size: 180%; margin-bottom:10px;}
.bumon .doot_bg{ background:url(images/bumon_bg.png); padding:20px;}
.bumon .doot_bg ul{ background:#fff; padding: 20px 0;}
.bumon .doot_bg ul li{ text-align:center;}
.bumon .banners li{ float:left;    margin-top:20px;}
.bumon .banners{ margin:10px 0 0 0;}
.pl_18{ padding-left:18px;}

.mbn{text-align:center;margin-bottom:10px;}


/* バナー６点
--------------*/
section.banners ul{ width:100%;}
/*section.banners .banner_2 { height:233px;    overflow: hidden;}*/
section.banners .banner_2 li,.banners .banner_4 li{ float:left;}
section.banners .story{ background:url(images/mbn-story_bg.png) no-repeat; background-size: cover;width: 50%; height:auto; text-align:center;}
section.banners .recruit{ background:url(images/mbn-recruit_bg.png) no-repeat;background-size: cover;width: 50%; height:auto;text-align:center;}
section.banners .result2{ background:url(images/mbn-result_bg.png) no-repeat;background-size: cover;width: 50%; height:auto;text-align:center;}
section.banners .banner_4 { height:138px;    overflow: hidden;margin-top: 3px;}
section.banners .banner_4 li{ text-align:center;}
section.banners .banner_4 .choice{ width:25%; height:auto; background:#269dff;}
section.banners .banner_4 .result{width:25%; height:auto; background:#ec9000;}
section.banners .banner_4 .recruit2{width:25%; height:auto; background:#e77878;}

section.banners .banner_4 .accessnmap{width:25%; height:auto; background:#69b418;}
section.banners .banner_4 .iso_ohsas{width:25%; height:auto; background:#9072db;}

.photolibrary{
	background:url(images/bg-photolibrary.jpg) no-repeat;
	background-size:cover;
	text-align:center;
	padding:20px;
	margin-bottom:2px;
}
.photolibrary a{
    border:1px solid #fff;
    display:block;
    height:96%;
    padding:2% 0;
}

/* フッター
*****************************************************/
#footerLogo{
float:left;
width:265px;
}

#footerLogo img{
max-width:265px;
height:auto;
}

#footer .inner{display:flex;gap:2%;}

#footer .footer-menubox{
width:23%;
font-size:95%;
padding-bottom: 20px;
}

#footer ul ul{padding-bottom:0;width:auto;}

#footer .footer-menubox p{ background:url(images/f-title-icon.png) no-repeat 0 50%;padding-left: 18px; font-weight: bold;font-size: 120%;border-bottom: 1px solid #a5c0d5;    margin-bottom: 5px;text-align:left;}

#footer ul li{
vertical-align:text-top;
text-align:left;
padding:5px 0;
margin-left:15px;
}

#footer ul .shain{background:url(images/f-list.png) no-repeat 0 50%;padding-left: 15px;}
#footer ul .sns a{ background:none; float:left;}

#footer ul li	a{
display:block;
padding:0 0 0 12px;
overflow:hidden;
background:url(images/arrow_black.png) no-repeat 0 50%;
}

#footer ul li	a:hover{text-decoration:underline;}

#footer ul li li{
display:block;
padding:0;
margin-left:5px;
background:url(images/arrow2.png) no-repeat 0 6px;
}

#footer ul li	li a{padding:0 0 0 8px;}

*:first-child+html #footer ul li{display:inline;}
*:first-child+html #footer ul ul,*:first-child+html #footer ul li li a,*:first-child+html #footer ul li li{display:none;}

#copyright{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:85%;
zoom:1;
}

@media only screen and (max-width:960px){
    #footer .inner{display:block;}
    #footer .footer-menubox{width:auto;padding:0 20px  20px 20px;}
    #footer .footer-menubox ul{display:none;}
    #footer .footer-menubox p{position:relative;}
    #footer .footer-menubox p::after{
        content:'';
        display:block;
        position:absolute;
        top:5px;
        right:0;
        width:10px;
        height:10px;
        background:url(images/arrow-blue-down.svg) no-repeat center center;
        background-size:100% 100%;
        transition: transform 0.6s ease;
    }
    #footer .footer-menubox p.open::after{
        transform: rotate(180deg);
        transition: transform 0.6s ease;
    }
}

/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#5a0000;
text-align:center;
}


/* アーカイブ
*****************************************************/
/*article{ background:#fff; border:1px solid #ccc;padding: 15px; margin: 20px 0;}*/
article header p {
 background: url(images/archive_icon.png) no-repeat #1b8ff1 2% 50%;padding: 10px 50px;margin: 0 0 15px 0;}
article header p a{color:#fff;}
article .img{ float:right; margin-left:10px;}
article .link{ padding:10px 0;}
article .link a{  background: #005eae;color: #fff;text-decoration: none;padding: 7px 30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;
border-radius: 5px; }
article .time{ clear:both; float:right;}

/*ページ送り*/

.tablenav {
	color: #424242;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #424242;
	padding: 2px 7px;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:110%;
}

a.page-numbers:hover {
	color:white;
	background: #1b8ff1;
}

.tablenav .current {
	color: white;
	background: #1b8ff1;
	border-color: #1b8ff1;
	font-weight:bold;
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:90%;
	font-weight:bold;
}


/** サブページ **/
/* 会社概要 */
ul.kensetsugyou {
    width: 45%;
}
.yakuin_name{
    padding: 10px;
    background: #fffcf7;
    border: 1px solid #ffd200;
}

.yakuin_name p{padding:0;}
.yakuin_name .name_left{float:left;width: 38%;padding: 1% 10%;}
.yakuin_name .name_right{float:right;width: 38%;padding: 1%;}

.name_left span {
    display: block;
    width: 150px;
    float: left;
}

.name_right span {
    display: block;
    width: 80px;
    float: left;
}

.kanren_table td{padding:5px;}

.company_about{width:80%;}

/* 事業案内 */
.btn_shosai{text-align:right;margin-bottom:10px;}
.btn_shosai a{
	background: #1B8FF1;
    color: #fff;
    padding: 7px 40px;
    text-align:right;
    text-decoration: none;
}
.btn_shosai a:hover{opacity: 0.8;}

.department{border-bottom:1px dotted #333;margin-bottom:20px;}
.name_left{float:left;}
.name_right{float:right;}

/* 採用情報 */
.hbn-l{float: left;margin-right: 10px;margin-bottom: 10px;}
.interview_tbl {background: #269DFF;padding:15px 0;margin-bottom:20px;}
.interview_box {
	background:#fff;
	margin-left:28px;
	margin-bottom:20px;
	width:320px;
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
@media only screen and (max-width:720px){
	.hbn-l,.hbn-r{float:none;text-align:center;margin-right:0;}
	.interview_box{margin-left:auto;margin-right:auto;float:none;padding-top:1px;}
}
@media only screen and (max-width:400px){
	.interview_tbl{padding:20px;}
	.interview_box {
		width:100%;
		margin-left:0;
	}
	.interview_box img{width:100%;}
}
.post .interview_title{
	background:url(images/sub/interview_title_arrow.png) no-repeat right center;
	padding:0px;
	margin:10px 20px;
	font-size:110%;
	font-weight:bold;
}
.post .interview_box a{color:#000;text-decoration:none;}
.post .interview_box a:hover{color:#0073d1;text-decoration:underline;}
.interview_link{clear:both;text-align:center;}
.post .interview_link a{
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding:10px 20px;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
}
.post .interview_link a:hover{background:#000;color:#fff;}
.interview_name{text-align:center;font-size:110%;font-weight:bold;}

/*関連事業*/
.kanren-motto{background:#eaeaea;padding:15px;margin-bottom: 20px;}
.kanren-motto .service4{text-align:center;}
.kanren-motto img{display:inline-block;margin:12px;}
.caption_img{width:300px;padding-left:10px;float:right;text-align:center;}

@media only screen and (max-width:600px){
	.caption_img{float:none;padding-left:0px;margin-bottom:15px;margin-left:auto;margin-right:auto;}
  .kanren-motto img{margin:0;}
}

/*インタビュー詳細*/
#interview .catch{
	font-size:190%;
	border-bottom:1px #1b8ff1 solid;
	margin-bottom:20px;
	background: url(images/sub/interview_titlebg.png) no-repeat right bottom;
}
#interview .schedule{
	background:#d6effe;
	padding:15px;
	width:250px;
	float:left;
	margin-bottom:20px;
}
#interview .interview-rightbox{
	width: 67%;
	float:right;
}
/*#interview h3{
	background:none;
	color:#005eae;
	font-weight:bold;
	margin-top:20px;
	padding:0;
	font-size: 130%;
}

#interview p.bdr_b {
    border-bottom: 1px dashed;
}*/

#interview .interview-rightbox h3,#interview .interview-box h3{
	background:none;
	color:#005eae;
	font-weight:bold;
	margin-top:0;
	padding:0;
	font-size: 130%;
}
#interview .interview-box h3{
padding-top: 10px;
}

#interview .schedule_title{
	color:#005eae;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #005eae;
	padding-bottom:0;
	margin-bottom:10px;
}
#interview .schedule table{width:100%;}
#interview .schedule th,#interview .schedule td{padding:5px;border-bottom:dashed #666 1px;}
#interview .schedule th{
	color:#005eae;
	font-weight:bold;
}

/* 先輩対談 */

#interview .kawabata_schedule{width:45%;float:left;}
#interview .kawazoe_schedule{width:45%;float:right;}
#interview .kawabata_schedule .schedule{width:179px;}
#interview .kawazoe_schedule .schedule{width:179px;}

.kawabata, .kawazoe {
    margin-bottom: 10px;
}

.kawabata .icon_img {float: left; }
.kawazoe .icon_img {float: right; }

.kawabata .interview_text {
    width: 79%;
    float: right;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #269DFF;
}

.kawazoe .interview_text {
    background: #DDF5FF;
    width: 79%;
    float: left;
    padding: 15px;
    border-radius: 10px;
}

/*.kawazoe .icon_img {float: left; }
.kawabata .icon_img {float: right; }

.kawazoe .interview_text {
    width: 79%;
    float: right;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #269DFF;
}

.kawabata .interview_text {
    background: #DDF5FF;
    width: 79%;
    float: left;
    padding: 15px;
    border-radius: 10px;
}*/

@media only screen and (max-width:813px){
	#interview .schedule,#interview .interview-rightbox{float:none;width:auto;}
}
#interview .interview-box h3{
	background:none;
	padding-left:0;
	color:#005eae;
	font-weight:bold;
	border-top:1px dashed #666;
}
#interview .interview-name{font-weight:bold;padding-right:15px;}
#interview .profile{
	background:#e7e8e9;
	padding:15px;
}
#interview .profile-name{
	font-size:120%;
	color:#000;
	font-weight:bold;
}

/*20200122追加　新採用情報*/
.recruit_mainbg {
    background: #f2f2f2;
}

.recruit_mainbg p{padding-bottom:0;}

.bg_interview {
    background: #e8f8ff;
    padding: 50px 0;
}

.post .bg_interview h3 {
    background: none;
    text-align: center;
    font-size: 200%;
    font-weight: normal;
}

.post .bg_interview h3 .s_int {
    display: block;
    font-size: 60%;
    line-height: 0.7em;
    font-family: Avenir;
}

.post .bg_interview .interview_box2 {
    width: 46%;
    display: inline-block;
    margin: 1%;
    vertical-align: top;
}

.post .bg_interview .interview_box2 .interview_title2 {
    font-size: 140%;
    /*text-align: center;*/
}

.post .bg_interview .interview_box2 .interview_title2 a {
    text-decoration: none;
    color: #333;
}

@media only screen and (max-width: 500px){
.recruit2 td {
    display: block;
    width: auto;
}

.post .bg_interview .interview_box2 {
    width: auto;
}
}

/*20200122追加　インタビューページ*/
.kyoudai_taidan p {
    padding-bottom: 0;
    margin-bottom: 0;
}

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

.taidan_name {
    background: #ebf6ff;
    padding: 10px 0;
}

.name_box {
    width: 30%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.name_box:nth-child(2) {
    font-size: 200%;
}

.name_box .t_name {
    font-size: 240%;
    display:block;
}

.name_box .e_name {
    font-family: Avenir;
    display:block;
}

.name_box .nendo{
	display: block;
}

.taidan_title {
    padding: 20px 30px;
    width: 900px;
}

.taidan_title h3 {
    display: block;
    text-align: center;
    background: linear-gradient(transparent 70%, #d2eef8 70%);
    line-height: 1em;
    margin-top:40px;
    margin-bottom: 20px;
    padding: 0 15px;
    font-weight: bold;
    font-size: 250%;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.taidan_txt {
    padding: 20px 0;
}

.taidan_txt h4 {
    border: none;
    color: #333;
    padding-left: 0;
    font-size: 200%;
}

.taidan_txt h5 {
    font-size: 130%;
    background: none;
    font-weight: bold;
}

.taidan_txt span.taidan01,
.taidan_txt span.taidan02,
.taidan_txt span.taidan03 {
    font-weight: bold;
}

.taidan_txt span.taidan01 {color: #616161;}
.taidan_txt span.taidan02 {color: #1b8ff1;}
.taidan_txt span.taidan03 {color: #e02b2b;}

.l_box{width:48%;float:left;}
.r_box{width:48%;float:right;}

.bg_prof {
    background: #ebf6ff;
    padding: 50px 0;
}

.bg_prof h3 {
    background: none;
    padding-left: 0;
    padding-top: 0;
    font-size: 150%;
    margin-top: 0;
}

.bg_prof h4 {
    border: none;
    padding-left: 0;
    color: #000;
    font-weight: bold;
    font-size: 120%;
}


@media only screen and (max-width: 813px){
	.name_inner {width: auto;}
	.name_box {width: 42%;}
	.name_box:nth-child(2) {width: 10%;}
	.inner.taidan_title {width: 85%;}
	.taidan_title h3 {
	    font-size: 200%;
	    line-height: 1.3em;
	}
	.taidan_txt {
	    padding: 2% 5%;
	    width: auto!important;
	}
}

@media only screen and (max-width: 500px){
	.name_box{font-size:80%;}
	.l_box,.r_box {
	    width: 100%;
	    float: none;
	}
	.name_box .t_name {font-size: 180%;}
	.taidan_txt h4{font-size: 170%;}
}

/*事業案内*/
.jigyo-motto{
	background:#e2f2ff;
	padding:10px 20px;
	margin-bottom:20px;
}
.jigyo-motto p{border-bottom:2px solid #1b8ff1;padding-bottom:0;margin-bottom:10px;}
.jigyo-motto span{background:#fff;padding:5px 15px;display:inline-block;color:#1b8ff1;font-size:120%;}

.jigyo_jisseki{
	background:#f1f1f1;
	border:1px solid #ccc;
	padding:20px;
  margin-bottom: 20px;
}
.more_jisseki{text-align:right;}
.more_jisseki a{
	display:inline-block;
	padding:10px 30px;
	background:#1b8ff1;
	color:#fff;
	text-decoration:none;
}
.more_jisseki a:hover{background:#000;}
.shigoto_box {
  width: 46%;
  float: left;
  padding: 2%;
}

.shigoto_title{
	padding-top:170px;
	margin-bottom:10px;
	background-size:100% auto !important;
}
.shigoto_title p{padding:10px;color:#fff;background:#006cff;opacity:0.7;-ms-filter: "alpha(opacity=70)";}
.shigoto_box .kenchiku01{background:url(images/sub/shigotoshoukai-kenchiku01.png) top center;text-align: center;}
.shigoto_box .kenchiku02{background:url(images/sub/shigotoshoukai-kenchiku02.png) top center;text-align: center;}
.shigoto_box .kenchiku03{background:url(images/sub/shigotoshoukai-kenchiku03.png) top center;text-align: center;}
.shigoto_box .kenchiku04{background:url(images/sub/shigotoshoukai-kenchiku04.png) top center;text-align: center;}
.shigoto_box .doboku01{background:url(images/sub/shigotoshoukai-doboku01.png) top center;text-align: center;}
.shigoto_box .doboku02{background:url(images/sub/shigotoshoukai-doboku02.png) top center;text-align: center;}
.shigoto_box .doboku03{background:url(images/sub/shigotoshoukai-doboku03.png) top center;text-align: center;}
.shigoto_box .doboku04{background:url(images/sub/shigotoshoukai-doboku04.png) top center;text-align: center;}
.shigoto_box .kouwan01{background:url(images/sub/shigotoshoukai-kouwan01.png) top center;text-align: center;}
.shigoto_box .kouwan02{background:url(images/sub/shigotoshoukai-kouwan02.png) top center;text-align: center;}
.shigoto_box .kouwan03{background:url(images/sub/shigotoshoukai-kouwan03.png) top center;text-align: center;}
.shigoto_box .kouwan04{background:url(images/sub/shigotoshoukai-kouwan04.png) top center;text-align: center;}
@media only screen and (max-width:780px){
	.shigoto_box{width:auto;float:none;}
}

/* 南生建設のあゆみ */
.ayumi_title{
	padding-top: 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddeffe+0,ffffff+50 */
	background: #ddeffe; /* Old browsers */
	background: -moz-linear-gradient(top,  #ddeffe 0%, #ffffff 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ddeffe 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ddeffe 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddeffe', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.ayumi_box .info_table {width:80%;}
.ayumi_box{border-top: 1px solid #269DFF; margin: 10px 10px 20px;}
.ayumi_box .table_sp th{width:20%;}
.ayumi_box .table_sp td{padding-right:20px!important;text-align:center;font-size: 90%;}
.ayumi_box .table_sp {float: right;margin-top: 10px;}

/* 施工実績 */
.jisseki_banner{margin-bottom:20px;}

.jisseki_banner a img{
    margin: 10px;
    width: 46%;
}

.result-container {
    text-align: center;
}

.archive-container {
    width: 22%;
    display: inline-block;
    text-align: center;
    min-height: 210px;
    margin: 8px;
}

/* .archive_box {
    width: 23%;
    overflow: hidden;
    display: inline-block;
    text-align: center;
} */

.archive_box .img {
  float:none;
  margin-left:0;
}

.archive_box .img img {
  width: 100%;
  aspect-ratio: 205 / 150;
}

.kenchiku_link a{
    text-align: center;
    background: #FFFFFF;
    padding: 10px 0px;
    font-size: 110%;
    color: #0075D8;
    text-decoration: none;
    display: inline-block;
    width: 165px;
    margin: 5px;
    box-sizing: border-box;
    border: 2px solid #1B8FF1;
}

#content-onecolumn .results_sub .img img{  width: 90px;height: auto;}
#content-onecolumn .results_sub .img{ width:90px; height:70px; overflow:hidden;}

@media screen and (max-width: 700px){
  .archive-container{
    width: 30%;
  }
}

@media screen and (max-width: 600px){
  .jisseki_banner a img {
    width: 95%;
  }
  .archive-container{
    width: 42%;
  }
}

/* 南生建設の取り組み */
.shakun_title{
	font-size: 200%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    border-bottom: 1px solid;
}

.shakun{
	font-size: 200%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.houshin_title{
	font-size: 180%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    border-bottom: 1px solid;
}
.houshin{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width: 85%;
    margin: 0 auto;
    font-size: 120%;
}
.katsudou{
	padding: 20px 20px;
	background: #fefcea;
    background: -moz-linear-gradient(top, #fefcea 0%, #ffefa3 100%);
    background: -webkit-linear-gradient(top, #fefcea 0%,#ffefa3 100%);
    background: linear-gradient(to bottom, #fefcea 0%,#ffefa3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#ffefa3',GradientType=0 );
    padding: 20px;
    margin-bottom:20px;
}

/* 選ばれる理由 */
.riyu-koujibumon {
    width: 170px;
    height: 167px;
    float: left;
    border: 1px solid #1B8FF1;
    background: #DEEFFF;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.riyu-archbumon {
    width: 170px;
    height: 167px;
    float: left;
    border: 1px solid #1B8FF1;
    background: #DEEFFF;
    padding: 10px;
    display: table;
}

/*.riyu-koujibumon a {
    vertical-align: middle;
    display: table-cell;
}*/

.riyu-archbumon a {
    vertical-align: middle;
    display: table-cell;
}

.riyu-koujibumon p{
    text-align: center;
    color: #1B8FF1;
    /*font-weight: bold;*/
    padding: 0 0 10px;
    font-size: 120%;
}

.riyu-archbumon p{
    text-align: center;
    color: #1B8FF1;
    /*font-weight: bold;*/
    padding: 0 0 39px;
    font-size: 120%;
}

@media only screen and (max-width: 414px){
.riyu-koujibumon {width:90%;}
.riyu-archbumon {width:90%;}
.riyu-archbumon a {
    vertical-align: middle;
    text-align: center;
    display: inline-block;
}

}

/* お問い合わせ */
p.tel_num {
    font-size: 180%;
    font-weight: bold;
    padding: 0;
    color: #BB0000;
}


/*新入社員研修*/
.training_txt li {
    display: inline-block;
    width: 40%;
}

/*先輩インタビュー*/
.saiyoutantou_bg {
    background: #fafafa;
}

.saiyoutantou_bg .inner{padding-bottom:0;}

.saiyou_main {
    border-bottom: 1px dashed;
}

.saiyou_main p {
    text-align: center;
    font-size: 160%;
    padding: 30px 0;
    line-height: 1.7em;
}

h3.saiyou_title {
    display: block;
    text-align: center;
    background: #ebf6ff;
    line-height: 1em;
    margin: 40px auto 0;
    padding: 30px 0;
    font-weight: bold;
    font-size: 220%;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.bg_gray {
    background: #e9e9e9;
}

@media only screen and (max-width: 813px){
	h3.saiyou_title{
		line-height: 1.5em;
		padding: 30px 10px;
    	width: auto;
	}
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
	#header h1, #header h2{padding:10px;}
	#headerInfo{padding-right:10px;}

	.panel ul, .thumbWrap{margin:0 auto;}
	.panel ul ul{padding:0;}

	nav div.panel{float:none;}
	
	#mainImg img{width:98%;height:auto;}

	#content, #sidebar,#content-sub{
	clear:both;
	width:95%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}
	
	#banners{width:100%;margin:0 auto;text-align:center;}
	#banners p{width:30%; float:left;margin:0 1% 0 2%;}
    #banners p img{width:100%;height:auto;}
	
	section.widget_search{text-align:center;}
    #contactBanner{margin:0 auto;}

	#footer{margin:0;border:0;text-align:center;}
	
	#footerLogo, #footer ul{
	float:none;
	width:auto;
	padding-bottom:20px;
	text-align:center;
	}
	
	#footer ul{
	padding-top:20px;
	}
	
	#footer ul ul{padding-top:0;border:0;}	
	
	section.news .rss img{ max-width:100%; width:auto;}
	section.news img{ width:140px;}
	section.news .left_box {width:100%;}
	section.news .right_box {width:100%;}
	section.news .left_box .img,section.news .right_box .img{width:140px;padding-right: 10px;}
	section.banners .banner_2 li{ width:99%;}
	section.banners .banner_4 {height: auto;}
	section.banners .banner_4 li { width:49% !important;}
	section.banners .banner_2 li,section.banners .banner_4 li{ border:1px solid #fff;}
	.choice,.accessnmap {padding-right: 6px;}
	section.bl_bg { padding: 20px;margin: 10px 4px;}
	.results {width: 96%; float:none;}
	.bumon {width: 96%;}
	.bumon .banners {margin: 10px auto;width: 450px;}
	.groupkigyo{ width:100%; height:auto;}
	
	
     #sidebar .banners ul{ width:560px;}
     #sidebar .banners li{ float:left; text-align:center;}
	 #sidebar .banners img{ padding:10px 30px;}

	/* 南生建設のあゆみ */
	/*.ayumi_box .info_table {width:100%;}*/
	.ayumi_box .table_sp {float: none;margin: 0 auto;}	

	.ayumi_tbl th{width:30%;}

	/* 採用情報 */
	.bnr_recruit{width: 80%;margin: 0 auto;}

}

@media only screen and (max-width: 935px){
	.bnr_recruit {width: 100%;margin: 0 auto;}
}

@media only screen and (max-width: 757px){
	#content-onecolumn .w02{width:100%;float: none; padding: 0;}
	#content-onecolumn .w03 {width: 75%;}
}


/* 幅648px以下から  トップページの３画像調節
------------------------------------------------------------*/
@media only screen and (max-width: 648px){
.thumbWrap{width:100%;margin:0 auto;text-align:center;}
.thumbWrap ul.thumb li{width:30%; float:left;margin:0 1% 0 2%;}
.thumbWrap img{width:100%;height:auto;}
section.news img,section.news .left_box .img,section.news .right_box .img{ width:120px;}
section.news .text{ overflow:hidden;}
section.news .list,.results .list{ font-size:70%;}
section.news h2,.results h2,.bumon h2 { font-size:150%;}
section.news .list a,.results .list a{ background:none; padding:0;}
.pc{ display:none;}
.sp{display:block;}
section.banners .banner_4 li { width:99% !important; float:none; padding-right:0; padding-top:3px;}
.results .img{ width:180px; margin:0 auto; float:none;}
.results li img{ width:180px; height:auto;}
section.news .time,.results .time{ font-size:80%;}
.results li{ padding:2px 0;}
.results,.bumon {width: 90%;}
.bumon .doot_bg{ background:none; padding:0;    margin: 20px 0;}
.bumon .doot_bg ul { padding:0;}
.bumon .banners{ width:100%;}
.bumon .banners li{ float:none; margin-top:0; text-align:center; padding:5px 0 0 0;}

.table_sp th,.table_sp td{ display:block; width: auto !important;}
  #sidebar .banners ul{ width:100%;}
  #sidebar .banners li{ float:none; text-align:center;}
  
article .img{ float:none; margin-left:0; text-align:center;}
article .link{ margin:0 auto; width:50%;}
article .link a{ display:block; text-align:center;}

.yakuin_name{padding:20px;}
.yakuin_name .name_left,.yakuin_name .name_right{
	width: 100%;
	padding:0;
}
.yakuin_name p{
    text-align: center;
    line-height: 1.7;
    padding-left: 0;
}
.name_left,.name_right{float:none;}
.name_right span {width:150px;}

.company_about{width:100%;}
.kanren_table{margin: 0 auto;}
.kanren_table td{display:block;}

/* 南生建設のあゆみ */
	/*.ayumi_box .info_table {width:100%;}*/
	.ayumi_box .table_sp {float: none;margin: 0 auto;}

.archive_box {
    width: 100%;
    overflow: hidden;
    height: 210px;
    float: left;
    text-align: center;
    margin: 8px;
}
.archive_box .img{width: 100%;}

#content-onecolumn .w02{width:100%;}
#content-onecolumn .w03 {width: 50%;}

.ayumi_tbl th{width:30%;}

}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	#header{width:98%;padding:0 1%;text-align:center;}
	#header h2,#footerLogo,#headerInfo{float:none;padding:0;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
	#footer ul{text-align:left;padding:15px;}
	#footer ul ul{padding:0;}
	/* 南生建設のあゆみ */
	.ayumi_box .info_table {width:100%;}
	.ayumi_box .info_table th{width:30%;}
	.ayumi_box .table_sp {float: none;margin: 0 auto;width:100%;}
	#content-onecolumn .w02{width:100%;}
	#content-onecolumn .w03 {width: 50%;}

	.ayumi_tbl th{width:30%;}

}


/*SNSボタン*/
.post .wp_social_bookmarking_light {
    width: 1000px;
    margin: 0 auto!important;
}

@media only screen and (max-width: 959px){
.post .wp_social_bookmarking_light{width:100%;}
}

@media only screen and (max-width: 780px){
#wrapper .column-list{display:block;}
#wrapper .column-list ul{margin-bottom:0;}
}

/* 峰泉寮 */
.movie-umekomi {
    max-width: 600px;
    margin: 0 auto;
}