@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

body{
	background:#e0dfdd; /*#f5f4f1*/
    font-size:14px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

i{
	font-style: normal;
}

li{
	list-style-type: none;
}
.left{
    text-align: center;
}
.center{
    text-align: center;
}
.right{
    text-align: center;
}
.sp_only{
    display:none;
}

a:hover{
    opacity: 0.7;
    transition: 0.3s ease-out;
}

/* 左メニュー */

div.leftmenu_sp, div.leftmenu_sp_open{
	display:none;
}

div.leftmenu{
	width:230px;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: #0060b3;
	z-index: 10;
}

div.leftmenu .dk_logo {
    display: block;
    padding: 34px 15px 30px 15px;
    text-align: center;
    background: #ffffff;
}

div.leftmenu .translate{
	text-align:center;
	margin-top: 12px;
}

div.leftmenu .translate a {
    display: inline-block;
    color: #ffffff;
    margin: 4px;
    text-decoration: none;
    font-size: 110%;
}
div.leftmenu .translate a:first-child:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #ffffff;
    vertical-align: middle;
    margin-left: 14px;
    margin-right: 6px;
}
div.leftmenu .translate a.selected{
	display:inline-block;
	color:#ffd800;
}

div.leftmenu .menu{
	margin: 30px 0 30px 15px;
}

div.leftmenu .menu_wrap{
	background: #0085f8;
    padding: 24px 0;
    text-align: center;
}

div.leftmenu .menu_wrap .menu {
    display: block;
    font-size: 100%;
    padding: 10px 0;
    text-decoration: none;
    color: #ffffff;
    margin: auto;
}





div.leftmenu .menu_wrap .menu:hover{
	opacity:1;
    background: #1d3b5f;
}

div.leftmenu .menu_other_wrap {
    padding: 0 0 24px 0;
    text-align: center;
}

div.leftmenu .menu_other_wrap .menu {
    display: block;
    font-size: 100%;
    padding: 10px 0;
    text-decoration: none;
    color: #ffffff;
    margin: auto;
}

div.leftmenu .search {
    margin: 30px 20px 20px;
    display: table;
    width: 190px;
    text-align: center;
}
div.leftmenu .input01 {
    border: none;
    padding: 6px 5%;
    margin-bottom: 0px;
    margin-right: 6px;
    color: #b6b6b6;
    display: table-cell;
    float: none;
    width: 120px;
    /* height: 15px; */
    /* border-right: 10px solid; */
    vertical-align: middle;
}
div.leftmenu .search_btn {
    display: table-cell;
    background: #3e74ba url(../img/common/searchicon.png) center center no-repeat;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    border: 0;
}

div.leftmenu .search a {
    display: block;
    font-size: 90%;
    padding: 10px 0 10px 36px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    margin: auto;
}

div.leftmenu .search a:hover{
	opacity:0.7;
}

div.leftmenu input.submitbtn{
	margin: 8px 0 20px 0;
    width: 100%;
    padding: 4px 0;
    border: 1px solid #ffffff;
    border-radius: 4px;
    color: #ffffff;
    font-size: 100%;
    background: #c72535;
    background: linear-gradient(#c72535,#e66a3e);
}
div.leftmenu input.submitbtn:hover{
	opacity:0.7;
}

/* サブメニュー */

div.leftmenu .submenu {
    background-color: #1d3b5f;
    display: block;
    position: absolute;
    height: 100%;
    left: 230px;
    top: 0;
    width: 0;
    padding-top: 0;
    overflow: hidden;
    transition:width 0.5s ease-out;
}
div.leftmenu .submenu.disp {
    width: 460px;
}
div.leftmenu .submenu section{
    display:table;
    height:100vh;
    height: 100%;
    width: 460px;
}
div.leftmenu .submenu section div {
    display: table-cell;
    vertical-align: middle;
    /* padding-top: 200px; */
}
div.leftmenu .submenu ul {
    width: 200px;
    display: table-cell;
    padding: 0 10px 0 20px;
}
div.leftmenu .submenu ul:nth-child(2n){
    padding: 0 20px 0 10px;
}
div.leftmenu .submenu ul a, div.leftmenu .submenu ul span {
    display: block;
    color: #ffffff;
    text-decoration: none;
    text-align: left;
    line-height: 150%;
    font-size: 12px;
    padding: 8px 0 8px 6px;
    transition-duration: 0.3s;
}
div.leftmenu .submenu ul a:hover {
    background: #3d689a;
    opacity: 1;
}
div.leftmenu .submenu ul li {
    border-bottom: 1px solid #5f85a7;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
div.leftmenu .submenu ul li i.second{
    padding-left: 0px;
    display:block;
}
div.leftmenu .submenu ul li i.second a, div.leftmenu .submenu ul li i.second span{
    padding: 6px 0 6px 18px;
}
div.leftmenu .submenu ul li i.second a:last-child, div.leftmenu .submenu ul li i.second span:last-child{
    margin-bottom: 6px;
}


/* 右側（コンテンツ部分） */

div.wrapper {
    margin-left: 230px;
}

/* 共通部分 */

.yellow_btn a{
    padding: 8px;
    color: #0060b3;
    border: 2px solid #0060b3;
    border-radius: 6px;
    width: 90%;
    max-width: 300px;
    text-align: center;
    background: #fff;/*#ffd800*/
    display: inline-block;
    text-decoration: none;
    font-weight: bold;    
}

/* トップへ戻るボタン */

.gototop{
    position:fixed;
    bottom:40px;
    right:40px;
    display:inline-block;
    display:none;
}


/* メインビジュアル */

div.header{
	width:100%;
	height:750px;
	background:url(../img/top/topimg_01.jpg) center center no-repeat;
	background-size:cover;
	position: relative;
}
div.header .header_bg2{
    width:100%;
    height:750px;
    background:url(../img/top/topimg_01.jpg) center center no-repeat;
    background-size:cover;
    position: absolute;
    top:0;
    left:0;
    opacity: 1;
}

div.header .headline_wrap {
	width:92%;
	max-width:1000px;
	margin:0 auto;
	height:750px;
	position:relative;
	display:table;
}
div.header .headline_block {
	display:table-cell;
	vertical-align: middle;
}
div.header .headline {
	display:table-cell;
	vertical-align: middle;
	width: 380px;
	min-height:320px;
}
div.header .headline article{
	padding:24px 24px 16px 24px;
	background:rgba(255,255,255,0.8);
    min-height:250px;
}
div.header .headline article .date{
	display:block;
	font-size:80%;
}
div.header .headline article h2{
	margin:20px 0;
	font-size:120%;
	font-weight:bold;
}
div.header .headline article p{
	line-height:200%;
	margin:20px 0;
}
div.header .headline article .headline_link {
    color: #ffffff;
    display: inline-block;
    margin: 0px 0 8px;
    text-decoration: none;
    padding: 6px 12px;
    background: #3e74ba;
    border-radius: 8px;
}
div.header .headline .headline_pagefeed{
	background:rgba(0,165,248,0.8);	
	padding:8px 24px;
}
div.header .headline .headline_pagefeed .prev{
	display:table-cell;
	vertical-align: middle;
}
div.header .headline .headline_pagefeed .next{
	display:table-cell;
	vertical-align: middle;
}
div.header .headline .headline_pagefeed span{
	display:table-cell;
	vertical-align: middle;
	width:100%;
	text-align: center;
	color:#ffffff;
}
div.header .headline .headline_pagefeed span i{
	padding:0 4px;
}
div.header .headline .headline_pagefeed a img{
	display:block;
}

/* 私たちの事業 */

/*.our_business_wrap{
	background:url(../img/top/top_city_bg.png) 0px bottom repeat-x;
}*/

@keyframes bg_back {
0% { background:url(../img/top/town-back.png) 0px bottom repeat-x; }
100% { background:url(../img/top/town-back.png) -5073px bottom repeat-x; }
}
@keyframes bg_front {
0% { background:url(../img/top/town-front.png) 0px bottom repeat-x; }
100% { background:url(../img/top/town-front.png) -7196px bottom repeat-x; }
}

@-webkit-keyframes bg_back {
0% { background:url(../img/top/town-back.png) 0px bottom repeat-x; }
100% { background:url(../img/top/town-back.png) -5073px bottom repeat-x; }
}
@-webkit-keyframes bg_front {
0% { background:url(../img/top/town-front.png) 0px bottom repeat-x; }
100% { background:url(../img/top/town-front.png) -7196px bottom repeat-x; }
}

.our_business_wrap.top_bg_back{
    background:url(../img/top/town-back.png) 0px bottom repeat-x;
    animation-name: bg_back;
    animation-duration: 300s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: bg_back;
    -webkit-animation-duration: 300s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
.our_business_wrap .top_bg_front{
    background:url(../img/top/town-front.png) 0px bottom repeat-x;
    animation-name: bg_front;
    animation-duration: 300s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: bg_front;
    -webkit-animation-duration: 300s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.our_business {
    width: 92%;
    max-width: 1000px;
    margin: auto;
    padding: 30px 0;
}
.our_business article {
    width: 100%;
    margin: auto auto auto 0;
}
.our_business article .our_business_icon{
	display:block;
	line-height: 29px;
	padding-left:40px;
	background:url(../img/common/dk_icon_analyze.png) left center no-repeat;
	color:#0060b3;
	margin:12px 0;
}
.our_business article h2{
	font-size: 180%;
    font-weight: bold;
    /*color: #0060b3;*/
    color:#333;
    margin: 30px auto;
    line-height: 140%;
}
.our_business article ul{
	margin:30px auto;
	overflow: hidden;
}
.our_business article ul li {
    width: 220px;
    width: 22%;
    /* min-height: 64px; */
    /* float: left; */
    margin: 0 2% 2% 0;
    display: inline-block;
}
/*.our_business article ul li:nth-child(4n){
	margin:0 0 2% 0;
}*/
.our_business article ul li a{
    color: #fff;
    text-decoration: none;
    display: table;
    width: 100%;
    height: 64px;
}

.our_business article ul li span {
    padding: 0px 12px 0px 72px;
    background: #0060b3 url(../img/common/icon_physics.png) 20px center no-repeat;
    font-weight: bold;
    font-size: 110%;
    display: table-cell;
    vertical-align: middle;
}
.our_business article ul li.icon_line_b05 span{
    background:#0060b3 url(../img/common/icon_line_b05.png) 20px center no-repeat;
}
.our_business article ul li.icon_line_b02 span{
    background:#0060b3 url(../img/common/icon_line_b02.png) 20px center no-repeat;
}
.our_business article ul li.icon_line_b08 span{
    background:#0060b3 url(../img/common/icon_line_b08.png) 20px center no-repeat;
}
.our_business article ul li.icon_line_b01 span{
    background:#0060b3 url(../img/common/icon_line_b01.png) 20px center no-repeat;
}
.our_business article ul li.icon_line_b03 span{
    background:#0060b3 url(../img/common/icon_line_b03.png) 20px center no-repeat;
}
.our_business article ul li.icon_line_b04 span{
    background:#0060b3 url(../img/common/icon_line_b04.png) 20px center no-repeat;
}
.our_business article ul li.icon_line_b06 span{
    background:#0060b3 url(../img/common/icon_line_b06.png) 20px center no-repeat;
}
.our_business article ul li.icon_line_b07 span{
    background:#0060b3 url(../img/common/icon_line_b07.png) 20px center no-repeat;
}

/* トップメッセージ */

#content article section h3.top_message{
    font-size:140%;
}


/* 私たちのこと */

.our_detail_wrap{
	background:#ffffff;
}
.our_detail{
    width: 92%;
    max-width: 1000px;
    margin: auto;
    padding: 30px 0;	
}
.our_detail article{
	text-align: center;
}
.our_detail article .our_detail_icon {
    display: inline-block;
    line-height: 32px;
    padding-left: 40px;
    background: url(../img/common/dk_icon_build.png) left center no-repeat;
    color: #0060b3;
    margin: 12px auto;
}
.our_detail article h2{
	font-size: 180%;
    font-weight: bold;
    color: #0060b3;
    margin: 18px auto 30px auto;
    line-height: 140%;
}
.our_detail article ul{
	margin:40px auto 10px; /*30 auto*/
	overflow: hidden;
}
.our_detail article ul li{
	width:24.4%;
	float:left;
	margin:0 0.8% 0 0;
	/*background:#eae8e4;*/
}
/*.our_detail article ul li a{
    display:block;
    color: #0060b3;
    text-decoration: none;
}*/

.our_detail article ul li a{ /*追加*/
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    position: relative;
    z-index: 1;
}
.our_detail article ul li:nth-child(4n){
	margin:0;
}
.our_detail article ul li i{
	display:block;
}
.our_detail article ul li i img{
	width:100%;
	height:auto;
}
/*.our_detail article ul li span{
	padding: 14px 20px 20px 20px;
	display:block;
	text-align: left;
}*/
.our_detail article ul li span{ /*追加*/
    padding: 14px 0;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 99;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
}    
/* 新着情報 */

.new_arrivals_wrap{
    background:#eae8e4
}
.new_arrivals{
    width: 92%;
    max-width: 1000px;
    margin: auto;
    padding: 30px 0;    
}
.new_arrivals article h2{
    font-size: 180%;
    font-weight: bold;
    color: #0060b3;
    margin: 18px auto 30px auto;
    line-height: 140%;
    text-align: center;
}
.new_arrivals article .sort_wrap{

}
.new_arrivals article .sort_wrap .sort{
    width:100%;
    padding:16px 0;
    border-bottom:1px dotted #b5b5b5;
    margin-bottom: 30px;
}
.new_arrivals article .sort_wrap .sort i{
    display:inline-block;
    padding-right: 0;
    vertical-align: middle;
}
.new_arrivals article .sort_wrap .sort .select_wrap {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: 120px;
    height: 30px;
    margin-right: 10px;
}
.new_arrivals article .sort_wrap .sort select {
    border: none;
    width: 120%;
    height: 28px;
    padding: 2px 16px 2px 4px;
    position: relative;
    background: #ffffff url(../img/common/select_btn.png) 78% center no-repeat;
}


.new_arrivals article .sort_wrap .sort input{
    display:inline-block;
    padding-right: 0;
    vertical-align: middle;
}
.arrival_list li{
    display:table;
    margin:12px auto;
    width:100%;
}
.arrival_list li a{
    color:inherit;
    text-decoration:none;
}
.arrival_list li strong{
    display:table-cell;
    width:140px;
    text-align: center;
    vertical-align: middle;
    color:#ffffff;
    padding:4px 0;
    font-size:90%;
}
.arrival_list li i, .arrival_list li time {
    display:table-cell;
    width:140px;
    text-align: left;
    color:#8e8e8e;
    padding:0 20px;
    vertical-align: middle;
    font-size:90%;
}
.arrival_list li span{
    display:table-cell;
    text-align: left;
    vertical-align: middle;
}
.category_news, strong.tag-info{
    background:#c1ac59;
}
.category_press, strong.tag-news{
    background:#5974c1;
}
.category_csr, strong.tag-csr{
    background:#4c964e;
}
.category_recruit, strong.tag-recruit{
    background:#57a097;
}
.category_ir, strong.tag-ir{
    background:#c15972;
}
.category_business, strong.tag-work{
    background:#7b5191;
}

.new_arrivals article .sort_wrap .pagefeed{
    display:block;
    text-align: center;
    margin:12px auto;
}
.new_arrivals article .sort_wrap .pagefeed a {
    text-decoration:none;
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    width: 32px;
    height: 32px;
    margin: 8px 4px;
    text-align: center;
    line-height: 32px;
    background: #ffffff;
    color: #000000;
    font-size: 120%;
}
.new_arrivals article .sort_wrap .pagefeed a.current {
    background: #0085f8;
    color: #ffffff;
}
.new_arrivals article .sort_wrap .pagefeed i{
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin: 8px 0px;
    line-height: 32px;
}
.link_carousel{
    width:100%;
    margin:10px auto 0;
}

/* トップ お問い合わせ */

.top_contact_wrap{
    background:#ffffff;
}
.top_contact{
    width: 92%;
    max-width: 640px;
    margin: auto;
    padding: 30px 0;    
}
.top_contact article h2{
    font-size: 180%;
    font-weight: bold;
    color: #0060b3;
    margin: 18px auto 30px auto;
    line-height: 140%;
    text-align: center;
}
.top_contact article ul{
    /*margin:30px auto;*/
    margin:30px auto 0;
    overflow: hidden;
}
.top_contact article ul li {
    width: auto;
    display: block;
    padding: 5px 24px;
    background: #f1efed;
    margin: 12px 0;
}
.top_contact article ul li h3 {
    display: table-cell;
    vertical-align: middle;
    font-size: 110%;
    width: 228px;
}
.top_contact article ul li section{
    display:table;
    vertical-align: middle;
    min-height: 120px;
}
.top_contact article ul li p{
    display:table-cell;
    vertical-align: middle;
}
.top_contact article ul li p strong{
    font-size: 180%;
    font-weight: bold;
    color: #0060b3;
    display:block;
}
.top_contact article ul li p span{
    margin:12px 0;
    display:block;
    font-size:90%;
}
.top_contact article ul li p span a{
    color: #0060b3;
}
.top_contact article ul li p .form_contact{
    font-weight: bold;
    color: #0060b3;
}

/* トップ JNLA */

.jnla_wrap{
    background:#f2f1ef;
}
.jnla{
    width: 92%;
    max-width: 600px;
    margin: auto;
    padding: 40px 0;    
}
.jnla article{
    display:table;
}
.jnla article h2{
    display:table-cell;
    vertical-align: middle;
    padding-right: 30px;
}
.jnla article p{
    display:table-cell;
    vertical-align: middle;
}
.jnla article p span{
    line-height: 200%;
    display:block;
    font-size:90%;
    margin-bottom: 16px;
}
.jnla article p strong{
    display:block;    
}

/* フッター */

.footer_wrap {
    background: #ffffff;
    padding: 1px 0;
}
.footer_wrap .footer{
    width:96%;
    max-width: 1000px;
    margin:50px auto 40px auto;
}

.footer_wrap .footer section{
    overflow: hidden;
    margin-bottom:30px;
    display: block;
}
.footer_wrap .footer h2{
    float: left;
}
.footer_wrap .footer ul{
    float: right;
    display: table;
    height: 85px;
}
.footer_wrap .footer ul li{
    display: table-cell;
    vertical-align: middle;
}
.footer_wrap .footer ul li:last-child a{
    padding:0 0 0 20px;
    border-right:none;
}
.footer_wrap .footer ul li a{
    text-decoration: none;
    color:#666666;
    font-size:90%;
    padding:0 20px;
    border-right:1px solid #666666;
    display:inline-block;
}

.footer_wrap .footer .credit{
    text-align: center;
    color:#5f738f;
    font-size:90%;
}

/* 下層ページ共通 先方投稿用 */

#content article {
    width: 92%;
    max-width: 1200px;
    margin: 30px auto;
    overflow: hidden;
}
#content article p{
    line-height: 200%;
}
#content article h1{
    text-align:center;
    font-weight:normal;
    font-size:100%;
}
#content article h1 i {
    color:#0060b3;
    display:inline-block;
    border-bottom: 4px solid #0060b3;
    padding-bottom: 8px;
}
#content article h2{
    color:#0060b3;
    font-size:120%;
    font-weight:bold;
    clear: both;
}
#content article h2 a{
    text-decoration:none;
}

#content article p{
    margin:20px auto;
}

#content article h3 {
    font-family: SourceHanSerif, "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", HiraMinProN-W3, 游明朝, "Yu Mincho", 游明朝体, YuMincho, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
    text-align: center;
    margin: 30px;
    line-height: 200%;
    font-size: 170%;
}
#content article h3 i {
    border-bottom: 4px solid #ffdd24;
    display: inline-block;
    line-height: 120%;
}

#content article section h3 {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
    color: #0060b3;
    font-size: 110%;
    font-weight: bold;
    clear: both;
    text-align: left;
    /*margin: 30px 0 10px;*/
    margin: 30px 0 0;
}
#content article section h3 a{
    text-decoration:none;
}

#content article section h4 {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
    color: #000000;
    font-size: 100%;
    font-weight: bold;
    clear: both;
    text-align: left;
    margin: 10px 0 0;/*30 0 -10→10 0 0*/
}
#content article section h4 a{
    text-decoration:none;
}


/* 下層ページ共通 先方投稿用(sectionで囲んでいる場合) */
#content section {
    width: 94%;/*72→*/
    max-width: 940px;/*　72→　*/
    padding: 30px 3% 5px;/*60　14→*/
    background: #ffffff;
    margin: 0 auto 20px ;/*30px auto→*/
    overflow: hidden;
}

#content section.section_col3_wrap {
    width:92%; /*84→92*/
    max-width:900px;/*840→900*/
    padding: 80px 8%;
    background: #ffffff;
    margin: 0 auto;/*　30 auto → 0 auto*/
}

#content section p{
    line-height: 200%;
}
#content section .mincho{
    font-family: SourceHanSerif, "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", HiraMinProN-W3, 游明朝, "Yu Mincho", 游明朝体, YuMincho, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}
#content section h1 {
    text-align: center !important;
    font-weight: normal;
    font-size: 150%;
    font-weight: bold !important;
}
#content section h1 span {
    border-bottom: 4px solid #ffdd24;
    display: inline-block;
    line-height: 120%;
    font-size:1em !important;
}

#content section h2{
    color: #0060b3;/*#0060b3*/
    font-size:140%;/* 150*/
    font-weight:bold;/*normal*/
    position:relative;
    padding-bottom: 16px;
    margin-bottom:20px; /*追加*/
    border-bottom:1px solid #ccc;
}
#content section h2:after{
    content:'';
    position:absolute;
    bottom:-1px;
    left:0;
    width:80px;
    height:1px;
    background:#666;/*#0060b3*/
    display:inline-block;
}
#content section h2 a{
    color:#333;
}
#content section p{
    margin:20px auto;
}

#content section h3 {
    font-family: SourceHanSerif, "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", HiraMinProN-W3, 游明朝, "Yu Mincho", 游明朝体, YuMincho, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
    text-align: center;
    margin: 30px;
    line-height: 200%;
    font-size: 170%;
}
#content section h3 i {
    border-bottom: 4px solid #ffdd24;
    display: inline-block;
    line-height: 120%;
}
#content img {
    max-width: 100%;
    height: auto;
}

/* 新着情報 先方投稿用 リニューアル後の形は検討 */

#content.single-news article h1{
    color:#0060b3;
    font-size:120%;
    font-weight:normal;
    text-align: left;
    margin-bottom: 30px;
}

#post-link-nav {
    width: 100%;
    /* max-width: 690px; */
    margin: auto;
    display: block;
    margin: 30px 0 30px;
    overflow: hidden;
}
#post-link-nav .prev{
    width: 48%;
    float:right;
    text-align: center;
}
#post-link-nav .next{
    width: 48%;
    float:left;
    text-align: center;
}
#post-link-nav li a{
    padding:16px 8px;
    display:block;
    background:#dddddd;
    color:#333333;
}

#sidebar #sidebar-menu {
    width: 92%;
    max-width: 690px;
    margin: 12px auto 30px;
}

/* 下層ページ テーブル 先方投稿用 */

#content article table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto 20px; /*20 auto →　0　auto*/
    border: 1px solid #cccccc;

}
#content article table th {
    border: 1px solid #cccccc;
    padding: 1% 2%;
    text-align: left;
    background: #f5f4f1;
}
#content article table td{
    border:1px solid #cccccc;
    padding: 1% 2%;
    font-weight:normal;
    text-align: left;
    background:#ffffff;
}
#content article table tr:only-child{
    border:1px solid #cccccc;
    background:#f5f4f1;
}
#content article table.table-none-border{
    border:none;
}
#content article table.table-none-border:tr{
    border:none;
}
#content article table.table-none-border td {
    border:none;
}
#content article table.table-none-border tr:only-child {
    border:none;
}

/* 下層ページ テーブル 沿革 */

#content article table#history th {
    border: 1px solid #cccccc;
    padding: 1% 2%;
    text-align: left;
    background: #f5f4f1;
    min-width: 12%;
}


/* テーブル　会社概要用 */

#content article table td dl dt{
    float: left;
    width: 140px;
    font-weight:bold;
}

/* 会社概要　第2階層用リンク */

#content .company_menu {
    display: block;
    width: 100%;
    max-width: 1010px;
    margin: 30px auto;
    overflow: hidden;
    text-align: center;
}
#content .company_menu li{
    width:23.5%;
    margin-right: 2%;
    float:left;
    display:inline-block;
}
#content .company_menu li:nth-child(4n){
    margin-right: 0;
}
#content .company_menu li img{
    width:100%;
    height:auto;
}


/* 事業所ネットワーク */

#office-network-list p{
    width:48%;
    clear:both;
    float:left;
}
#office-network-list iframe{
    width:48%;
    float:right;
}
#office-network-list iframe:last-child{
    padding-bottom:40px;
}

/* googleマップボタン　事業所ネットワーク用 */

#office-network-list .geo {
    margin: 10px 0;
    display: inline-block;
}

#office-network-list .geo a {
    position: relative;
    display: inline-block;
    height: 2em;
    line-height: 2;
    padding: 0 2em 0 0.25em;
    border-radius: 4px;
    /*font-size: 0.8em;*/
    font-weight: bold;
    color: #FFFFFF;
    background: #EF6C00;
    text-decoration: none;
}

#office-network-list .geo a:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '\f14c';
    font-family: FontAwesome;
    font-size: 1.0em;
    display: block;
    height: 100%;
    width: 1.8em;
    text-align: center;
    font-weight: normal;
}


/* 試験センター 先方投稿用 */

.labo_btn {
    display: inline-block;
}

.labo_btn {
    display: inline-block;
}

.business_btn a, .labo_btn a {
    position: relative;
    display: inline-block;
    /*box-shadow: 0 4px #004D40;*/
    /*height: 3em;*/
    /*padding: 0 1em 0;*/
    padding: 1em 3em;  
    line-height: 3em;
    /*font-size: 0.8em;*/
    /*font-weight: bold;*/
    color: #FFFFFF;
    border-radius: 4px;
    background-color: #009688;
    text-decoration: none;
}
.company_btn a{
    position: relative;
    display: inline-block;
    /*box-shadow: 0 4px #305a8c;*/
    /*height: 3em;*/
    /*padding: 0 1em 0;*/
    padding: 1em 3em; 
    line-height: 3em;
    /*font-size: 0.8em;*/
    /*font-weight: bold;*/
    color: #FFFFFF;
    border-radius: 4px;
    background-color: #447dc1;
    text-decoration: none;
}
.map_btn a{
    position: relative;
    display: inline-block;
    /*box-shadow: 0 4px #ce9900;*/
    /*height: 3em;*/
    /*padding: 0 1em 0;*/
    padding: 1em 3em; 
    line-height: 3em;
    /*font-size: 0.8em;*/
    /*font-weight: bold;*/
    color: #FFFFFF;
    border-radius: 4px;
    background-color: #e8ad00;
    text-decoration: none;
}


#labo_access_map_changer {
    overflow: hidden;
    margin-bottom: 1em;
}
#labo_access_map_changer li {
    float: left;
}
#labo_access_map_changer li a {
    position: relative;
    display: inline-block;
    height: 3em;
    padding: 0 3em 0 1em;
    margin-right: 0.1em;
    line-height: 3em;
    /*font-size: 0.8em;*/
    /*font-weight: bold;*/
    color: #FFFFFF;
    background: #4582dd;
 /*   background: -moz-linear-gradient(top, #4582dd 0%, #295ba5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4582dd), color-stop(100%,#295ba5));
    background: -webkit-linear-gradient(top, #4582dd 0%,#295ba5 100%);
    background: -o-linear-gradient(top, #4582dd 0%,#295ba5 100%);
    background: -ms-linear-gradient(top, #4582dd 0%,#295ba5 100%);
    background: linear-gradient(to bottom, #4582dd 0%,#295ba5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4582dd', endColorstr='#295ba5',GradientType=0 );*/
    text-decoration: none;
    border-bottom: 0.25em #091a0f solid;
    cursor: pointer;
}
#labo_access_map_changer li a:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '\f01a';
    font-family: FontAwesome;
    font-size: 1.8em;
    display: block;
    height: 100%;
    width: 1.8em;
    text-align: center;
    font-weight: normal;
}
#labo_access_map_changer li a:hover, #labo_access_map_changer li a.active {
    border-bottom: none;
    border-top: 0.25em #FFFFFF solid;
}
#labo_access_map_changer li a.active {
    background: #fac06a;
/*    background: -moz-linear-gradient(top, #fac06a 0%, #f6a834 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac06a), color-stop(100%,#f6a834));
    background: -webkit-linear-gradient(top, #fac06a 0%,#f6a834 100%);
    background: -o-linear-gradient(top, #fac06a 0%,#f6a834 100%);
    background: -ms-linear-gradient(top, #fac06a 0%,#f6a834 100%);
    background: linear-gradient(to bottom, #fac06a 0%,#f6a834 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac06a', endColorstr='#f6a834',GradientType=0 );*/
}

@media screen and (max-width: 800px) {
  #labo_access_map_changer{
    width:100%;
  }
  #labo_access_map_changer li a{
    font-size:0.8em;
    margin-bottom:0;
    white-space: nowrap;
    }
#labo_access_map_changer li a:after{
    content:none;
}
}
@media screen and (max-width: 540px) {
  #labo_access_map_changer li{
    width:33%;  
    }
  #labo_access_map_changer li a{
    font-size:33vw;
    font-size:1.8vw;
    }
}

/* 回り込みテキスト 先方投稿用 */

main section.grid-right{
    clear: both;
    overflow: hidden;
}
main section.grid-right img {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}
main section.grid-right img {
    float: right;
    max-width: 350px;
    margin-left: 2%;
    width: 48%;
    height: auto;
}
main section.grid-right .grid-content ul li {
    margin-bottom: 16px;
    list-style-type: disc;
}

/* 本文中の箇条 先方投稿用 */

#content article .grid ul{
    margin:20px 0;
}

#content article .grid ul li {
    margin-bottom: 16px;
    list-style-type: disc;
}


/* PDFボタン 先方投稿用 */

#sub-body main a[href$=".pdf"]:not([href*="dksiken.co.jp"]) {
    position: relative;
    display: inline-block;
    /*height: 3em;*/
    /*padding: 0 3em 0 3.5em;*/
    padding: 1em 3em 1em 5em;
    line-height: 3em;
    /*font-size: 0.8em;*/
    color: #FFFFFF;
    background-color: #E53935;
    border-radius: 4px;
    /*box-shadow: 0 3px #B71C1C;*/
    text-decoration: none;
}
#sub-body main a[href$=".pdf"]:not([href*="dksiken.co.jp"]):before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f1c1';
    font-family: FontAwesome;
    font-size: 1.8em;
    display: block;
    height: 100%;
    /*margin: 0 0.5em;*/
    margin: 0 1em;
    text-align: center;
    font-weight: normal;
    line-height: 2.8em; /*追加*/
}

/* Excelボタン 先方投稿用 */

a[href$=".xlsx"] {
    position: relative;
    display: inline-block;
    height: 3em;
    /*padding: 0 3em 0 3.5em;*/
     padding: 1em 3em 1em 5em; 
    line-height: 3em;
    /*font-size: 0.8em;*/
    color: #FFFFFF;
    background-color: #4CAF50;
    border-radius: 4px;
    /*box-shadow: 0 3px #1B5E20;*/
    text-decoration: none;
}
a[href$=".xlsx"]:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f1c3';
    font-family: FontAwesome;
    font-size: 1.8em;
    display: block;
    height: 100%;
    /*margin: 0 0.5em;*/
    margin: 0 1em;
    text-align: center;
    font-weight: normal;
    line-height: 2.8em; /*追加*/
}



/* 下層ページ共通 */

.second_header{
    width:100%;
    height:260px; 
    margin-bottom: 20px; /*40*/
}
.second_header_wrap{
    width:92%;
    max-width: 1000px;
    margin:0 auto;
}
.second_header_wrap .bread {
    display: block;
    padding-top: 16px;
    color: #ffffff;
    font-size:90%;
}
.second_header_wrap .bread a{
    color: #ffffff;
    text-decoration: none;
}
.second_header_wrap .bread a:first-child{
    padding-left: 28px;
    background:url(../img/common/bread_homeicon.png) left center no-repeat;
}

.second_header_wrap .second_title_wrap{
    text-align: center;
    display:block;
    margin-top: 85px;/*54→85*/
    color:#ffffff;
}
.second_header_wrap .second_title_wrap h1{
    font-weight: normal;
    font-size:200%;
}
.second_header_wrap .second_title_wrap h1 i{
    display:block;
    text-align: center;
    font-size:40%;
}

.second_article{
    width:92%;
    max-width:1000px;
    margin:40px auto;
}
#content .section_top {
    width: 94%;/*84*/ 
    max-width: 940px; /*840→*/
    margin: auto;
    background: none;
    padding: 0 0 10px; /*30px 0 →0 0 10px*/
}
#content .section_top p, #content .section_txt p{
    line-height: 200%;
}

#content .section_top h1.h1_title {
    text-align: center;
    font-weight: normal;
    font-size: 120%;
    font-weight: normal !important;
}
#content .section_top h1.h1_title i {
    color:#0060b3;
    display:inline-block;
    border-bottom: 4px solid #0060b3;
    padding-bottom: 8px;
}
#content .section_top h2.h2_lead {
    font-family: SourceHanSerif, "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", HiraMinProN-W3, 游明朝, "Yu Mincho", 游明朝体, YuMincho, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
    text-align:center;
    margin:30px;
    line-height: 180%; /*200*/
    font-size: 260%; /*170*/
    font-weight:bold;
    color:#000000;
    border-bottom: none;
}
#content .section_top h2.h2_lead:after {
    display:none;
}
#content .section_top h2.h2_lead i {
    border-bottom: 4px solid #ffdd24;
    display: inline-block;
    line-height: 120%;
    font-size:140%;/*追加*/
}
#content .section_txt {
    width: 94%;/*72→*/
    max-width: 940px;/*　72→　*/
    padding: 30px 3% 5px;/*60　14→*/
    background: #ffffff;
    margin: 0 auto 20px ;/*30px auto→*/
}
#content .section_txt h2{
    color:#0060b3;/*#0060b3*/
    font-size:140%; /*150*/
    font-weight:bold; /*normal*/
    margin-bottom:20px; /*追加*/
}
#content .section h2{
    margin-bottom:20px; /*追加*/
    }   
#content .section_txt h2 a{
    color:#0060b3;/*#0060b3*/
}
#content .section_txt p{
    margin:20px auto; 
}
#content .section p:first-of-type,
#content .section_txt p:first-of-type{
    margin-top:0;
}
#content .section_txt h3 {
    font-family: SourceHanSerif, "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", HiraMinProN-W3, 游明朝, "Yu Mincho", 游明朝体, YuMincho, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
    text-align: center;
    margin: 30px;
    line-height: 200%;
    font-size: 170%;
}
#content .section_txt h3 i {
    border-bottom: 4px solid #ffdd24;
    display: inline-block;
    line-height: 120%;
}
#content .section_txt ul {
    margin-bottom: 24px;
}
/* #content .section ul li, ul.dot li,←追加*/
#content .section_txt ul li, ul.dot li{
    list-style-type: disc;
    margin:6px 0 6px 24px; /*12px 0 12px 24px*/
}
/* #content .section ol li, ol.dot li,←追加*/
#content .section_txt ol li, ol.dot li{
    list-style-type: decimal;
    margin:6px 0 6px 24px;/*12px 0 12px 24px;*/
}
#content .section_txt.list-box ul li{
    margin-top:0;
    margin-bottom:0;
    background-color: #dcedfb; /*追加*/
}
#content .section_txt.list-box ul li:first-of-type{
    margin-left:0;
}
/* 下層ページ共通2カラム */

.second_col2{
    margin:20px auto;
    width:100%;
    overflow: hidden;
    display: flex;
}
.second_col2 li{
    display:inline-block;
    width:49%;
    vertical-align: top;
    background:#e0dfdd; /*#f5f4f1*/

}
.second_col2 li.nobg{
    background:none;    
    width:48%;
}
#content section .second_col2 li.nobg p, #content section .second_col2 li.nobg span {
    padding: 0;
    margin-top: 0;
}

.second_col2 li a{
    text-decoration: none;
}
.second_col2 li h4, .second_col2 li strong{
    color:#0060b3;
    text-align:center;
    padding: 30px 20px 20px 20px;
    display: block;
    font-size:140%; /*追加*/
}
.second_col2 li p, .second_col2 li span {
    padding: 0 20px 6px 20px;
    min-height: 90px;/*140→90*/
    line-height: 180%;
    margin: 0 auto;
    display: block;
    color:#000000;
}
.second_col2 li img{
    width:100%;
    height:auto;
    display: block;
}
.second_col2 li:nth-child(2n){
    margin-left: 2%;
}
#content .second_col2 li a{
    display:block;
}

/* 下層ページ2カラム 変則対応 */

.col2_wrap{
    overflow:hidden;
}
.col2_wrap .left{
    float: left;
}
.col2_wrap .right{
    float: left;
}
.col2_wrap .w25{
    width:25%;
}
.col2_wrap .w72{
    width:72%;
}


/* 下層ページ共通3カラム */

.section_col3_wrap{
    width:100%;
    max-width:750px;
    margin:auto;    
}
.second_col3{
    /*margin:20px auto;*/
    margin:0 auto;
    width:100%;
    overflow: hidden;
    display: flex;
}
.second_col3 li{
    display:inline-block;
    width:32%;
    vertical-align: top;
    margin-right: 2%;
    background:#ffffff;
}
.second_col3 li a{
    text-decoration:none;
}
.second_col3 li p, .second_col3 li span {
    padding: 20px 0;
    /*min-height: 120px;*/
    line-height: 180%;
    display:block;
    color:#000000;
}
.second_col3 li i.point_blue {
    display: inline-block;
    padding: 0px 20px;
    border-radius: 4px;
    background: #0060b3;
    text-align: center;
    color: #ffffff;
    font-size: 90%;
    margin-top: 4px;
}
.second_col3 li img{
    width:100%;
    height:auto;
    display: block;
}
.second_col3 li:nth-child(3n){
    margin-right: 0;
}

/* インターンシップ　先方投稿用 */

#content article section.section_intern h3 {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
    color: #0060b3;
    font-size: 110%;
    font-weight: bold;
    clear: both;
    text-align: left;
    margin: 30px 0 12px;
}

#content article section.section_intern h4 {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
    color: #000000;
    font-size: 100%;
    font-weight: bold;
    clear: both;
    text-align: left;
    margin: 30px 0 12px;
}

.section_intern img{
    display:block;
    margin:12px auto;
}
.section_intern p{
    overflow:hidden;
}
.section_intern img.alignleft, .section_intern .left{
    width:48%;
    float:left;
}
.section_intern img.alignright, .section_intern .right{
    width:48%;
    float:right;
}
.section_intern img.alignleft, .section_intern .left li{
    text-align: left;
}

.section_intern ul li{
    list-style-type: disc;
    margin:12px 0;
}

.section_intern ul ul li{
    list-style-type: circle;
    margin:12px 0 12px 3%;
}

/* CSR固定ページ 先方投稿用 */

#content .section_csr h2.annual{
    /*margin:8px 0; */
}

#content .section_csr #csr-list{
    margin:20px 0 24px 0px; /*20px 0 24px 24px */
}
#content .section_csr #csr-list li{
    width:23.5%;
    display:inline-block;
    float:left;
    margin:20px 2% 20px 0;
    list-style-type: none;
}
#content .section_csr #csr-list li:nth-child(4n){
    margin-right: 0;
}
#content .section_csr #csr-list li:nth-child(4n+1){
    clear:both;
}
#content .section_csr #csr-list li a{
    text-decoration: none;
    color:#333333;
    display: block;
}
#content .section_csr #csr-list li a span, #content .section_csr #csr-list li a span img {
    display: block;
}
#content .section_csr #csr-list li a i {
    display: block;
    margin: 0px auto 8px;
    background: #f0f0f0;
    padding: 10px;
}


/* CSR固定ページ 先方投稿用 */

#content .section_csr .left{
    width:48% !important;
    float:left;
}
#content .section_csr .right{
    width:48% !important;
    float:right;
}
#content .section_csr .table-none-border{
    border:none;
}
#content .section_csr .table-none-border tr:only-child {
    border: none;
}
#content .section_csr .table-none-border tr td {
    border: none;
}

/* 社員インタビュー 先方投稿用 */

.staff_interview_list {
    overflow: hidden;
    max-width: 560px;
    margin: 10px auto 35px;
}
.staff_interview_list li.left{
    width:48%;
    float:left;    
}
.staff_interview_list li.right{
    width:48%;
    float:right;
}
.staff_interview_list li a {
    max-width: 220px;
    background: #f0f0f0;
    text-decoration: none;
    text-align: center;
    display: block;
    color: #333333;
    padding: 0 0 12px 0;
    margin: auto;
}
.staff_interview_list li a img{
    display:block;
    margin-bottom: 12px;
}

/* 採用プロセス */

.recruit_step {
    padding: 24px;
    background: #eeeeee;
    margin-bottom: 30px;
    position:relative;
}
.recruit_step:before {
    content:'';
    position:absolute;
    top:0;
    left:48%;
    display:inline-block;
    width:0;
    height:0;
    border-top:20px solid #ffffff;
    border-left:20px solid #eeeeee;
    border-right:20px solid #eeeeee;
}

.recruit_step:after {
    content:'';
    position:absolute;
    bottom:-20px;
    left:48%;
    display:inline-block;
    width:0;
    height:0;
    border-top:20px solid #eeeeee;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
}
.recruit_step:first-child:before {
    display:none;
}
.recruit_step:last-child:after {
    display:none;
}
#content article section .recruit_step h3 {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
    color: #0060b3;
    font-size: 110%;
    font-weight: bold;
    clear: both;
    text-align: left;
    /* margin: 30px 0 10px; */
    margin: 10px 0 0;
}

/* お問い合わせ */
.contact_table td{
    width:50%;
}

.contact_detail{
    padding:20px;
    background:#f4f4f4;
}



/* ::::::::::::::::::::::::::::::::::::::::
    COLUMN LAYOUT ※先方投稿用
:::::::::::::::::::::::::::::::::::::::: */

.column-wrap{
    overflow:hidden;
    margin-right:-16px;
}
#content .column-wrap div p,#content .column-wrap div h4{
    margin-left:20px;
}
.column-2{
    float:left;
    width:370px;
    width:calc( ( 100% - 16px ) / 2 );
    margin:0 0 16px 10px;
}
.column-2:first-child,
.column-2:nth-child(2n+1){
    margin:0 0 16px 0;
}
.column-2 a:hover{
        filter: alpha(opacity=70);
        opacity:0.7;
    }

.column-3{
    float:left;
    width:246px;
    width:calc( ( 100% - 2em ) / 3 );
    margin:0 16px 16px 0;
}
.column-4{
    float:left;
    text-decoration:none;
    width: 48%;
    margin: 0 2% 1.25em 0;
}
    .column-4 > a,
    .column-4 > div{
        display:block;
        position:relative;
        width:100%;
        box-sizing:border-box;
        color:#000000;
        text-decoration:none !important;
        padding:4px;
        overflow: hidden;
    }
    
        .column-4 a p{
            color:#333333;
            font-size:0.8em;
        }
        .column-4 img{
            margin:0;
            float:left;
            margin-right:1em;
        }



.column-5{
    float:left;
    width:182px;
    width:23%;
    width:calc( ( 100% - 3em ) / 4 );
    margin:0 1em 1.25em 0;
    text-decoration:none;
}

    .column-5 h3.head01{
        border:none;
    }
    .column-5 > a,
    .column-5 > div{
        display:block;
        position:relative;
        width:100%;
        box-sizing:border-box;
        color:#000000;
        text-decoration:none !important;
    }
    .column-5 a:hover{
        filter: alpha(opacity=50);
        opacity:0.5;
    }
        .column-5 h3{
                position:relative;
                text-align: center;
                line-height: 1em;
                margin:0.5em 0 0.7em 0.25em;
                padding:0;
                color:#3e3e3e;
                font-size:1.1em;
            }
        
        .column-5 p{
            color:#333333;
            font-size:0.9em;
        }
        
        .column-last{
    margin:0 0 1.25em 0;
}

/* ::::::::::::::::::::::::::::::::::::::::
    アイテムリスト ※先方投稿用
:::::::::::::::::::::::::::::::::::::::: */

#content ul.itemlist{
    margin:20px auto;
    width:100%;
    overflow: hidden;
    display: flex;
}
#content ul.itemlist li{
    display:inline-block;
    width:23.5%;
    vertical-align: top;
    margin: 0 2% 0 0;
    background:#ffffff;
    list-style-type: none !important;
}
#content ul.itemlist li:last-child{
    margin-right: 0;
}
#content ul.itemlist li img {
    border: 1px solid #cccccc;
    padding: 2%;
    margin-bottom: 8px;
    width: 95%;
}


/* ::::::::::::::::::::::::::::::::::::::::
    Core　※先方投稿用
:::::::::::::::::::::::::::::::::::::::: */
.alignnone {
    clear: both;
}
.aligncenter,
div.aligncenter {
    clear: both;
    display: block;
    margin: 0.5em auto 1.2em auto;
}
.alignright {
    float: right;
    margin: 0 0 1.2em 1.2em;/*0.5em 0 1.2em 1.2em→　0 0 1.2em 1.2em*/
}
.alignleft {
    float: left;
    margin: 0.5em 1.2em 0.5em 0;/*0.5em 1.2em 1.2em 0→0.5em 1.2em 0.5em 0*/
}
.aligncenter {
    display: block;
    margin: 0.5em auto; /*0.5 auto 1.2→0.5 auto*/
}
a img.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1.2em;/*0.5em 0 1.2em 1.2em→0.5em 0 0.5 1.2em*/
}
a img.alignnone { margin: 0; }
a img.alignleft {
    float: left;
    margin: 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 120px;
}
span.wpcf7-list-item{
    display: inline-block;
    margin: 0 0 0 10px;
    width: 100%;
}
.wpcf7-list-item-label{
    margin-left:0.5em;
}
#content article form table th {
    width: 24%;
}

/* GALLERY */
.gallery{
    overflow:hidden;
    padding:0 8px;
}
.gallery-item{
    float:left;
    padding:8px;
}
img.attachment-thumbnail{
    margin:0;
}


/* 会社案内 */

.second_header.company_bg{
    background:url(../img/company/company_top_bg.jpg) top center no-repeat;
    background-size:cover;    
}
.point_circle{
    text-align:center;
}
.point_circle li {
    width: 160px;
    height: 160px;
    margin: 10px;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #0085f8;
    text-align: center;
    padding: 20px;
    border-radius: 240px;
}
.point_circle li strong{
    text-align:center;
    display: block;
    margin-top: 16px;
}
.point_circle li i{
    display:block;
    text-align: center;
    margin-top: 24px;
    line-height: 200%;
}
.dk_izm_txt {
    display: table;
    margin-top: 30px;
}
.dk_izm_txt dt{
    display:table-cell;
    vertical-align: middle;
    width: 290px;
}
.dk_izm_txt dd{
    display:table-cell;
    vertical-align: middle;
    padding-left: 30px;
}
.dk_izm_txt dd div{
    margin: 10px auto 20px;
}
.dk_izm_txt dd div strong{
    display:block;
    margin-bottom: 4px;
}
.dk_izm_txt dd div span{
    font-size:90%;
}
.dk_izm_txt .dk_izm01{
    color:#9a831b;
}
.dk_izm_txt .dk_izm02{
    color:#56882e;
}
.dk_izm_txt .dk_izm03{
    color:#c53838;
}

/* 事業内容 */

.second_header.business_bg{
    background:url(../img/business/business_top_bg.jpg) top center no-repeat;
    background-size:cover;    
}

/* CSR */

.second_header.csr_bg{
    background:url(../img/csr/csr_top_bg.jpg) top center no-repeat;
    background-size:cover;    
}

/* IR */

.second_header.ir_bg{
    background:url(../img/ir/ir_top_bg.jpg) top center no-repeat;
    background-size:cover;    
}

.arrival_list_ir{
    margin:30px auto;
}
.arrival_list_ir li{
    display:table;
    margin:12px auto;
    width:100%;
}
.arrival_list_ir li strong{
    display:inline-block;
    width:20%;
    text-align: center;
    vertical-align: middle;
    padding:4px 0;
    font-size:90%;
}
.arrival_list_ir li i{
    display:inline-block;
    width:20%;
    text-align: left;
    color: #8e8e8e;
    padding: 0;
    vertical-align: middle;
    font-size: 90%;
}
.arrival_list_ir li span {
    display:inline-block;
    width:40%;
    text-align: left;
    vertical-align: middle;
    padding-left: 20px;
}
.arrival_list_ir .open_pdf_btn {
    display: inline-block;
    width: 7%;
    margin-left: 2%;
    color: #e04033;
    padding-left: 32px;
    background: url(../img/common/icon_pdf.png) left center no-repeat;
    text-decoration: none;
}
.category_ir_disclosure{
    border:1px solid #516ec2;
    color:#516ec2;
}
.category_ir_documents{
    border:1px solid #c1ac59;
    color:#c1ac59;
}
.category_ir_annual{
    border:1px solid #106c28;
    color:#106c28;
}

#content .stockvoice_apology {
    font-size: 80%;
    font-weight: normal;
    line-height: 160%;
    display: block;
}
#content .stockvoice_apology:hover {
    cursor:pointer;
}


/* IRニュース 先方環境出力用 */

#content .xj_box{
    /*margin:30px auto;*/
    margin:0 auto;
}
#content .xj_box table{
    display:table;
    margin:12px auto;
    width:100%;
    border: none;
}
#content .xj_box table th{
    display:inline-block;
    width:20%;
    vertical-align: middle;
    padding:4px 0;
    font-size:90%;
    color: #8e8e8e !important;
    font-weight:normal;
    text-align: left;
}
#content .xj_box table td.category{
    display:inline-block;
    width:10%;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    font-size: 90%;
}
#content .xj_box table td.title {
    display:inline-block;
    width:59%;
    text-align: left;
    vertical-align: middle;
    padding-left: 20px;
    border: none;
    background:transparent;
}

#content .xj_box table td.title a{
    color:#000000;
    text-decoration: none;
}
#content .xj_box table td.volume {
    display: inline-block;
    width: 7%;
    margin-left: 2%;
    color: #e04033;
    padding-left: 32px;
    background: url(../img/common/icon_pdf.png) left center no-repeat;
    text-decoration: none;
    border: none;
    font-size:90%; /*追加*/
}
#content .xj_box table td.volume a{
    color:#000000;
    text-decoration: none;
}

#content .xj_box table td.news{
    border:1px solid #c1ac59;
    color:#c1ac59;
}
#content .xj_box table td.tekiji{
    border:1px solid #516ec2;
    color:#516ec2;
}
#content .xj_box table td.library{
    border:1px solid #c1ac59;
    color:#c1ac59;
}
#content .xj_box table td.yuho{
    border:1px solid #106c28;
    color:#106c28;
}
#content #content iframe{
    max-width: 100%;
}

/* IRニュース 先方環境出力用 スマホ対応版*/

#content .xj_box_detail section {
    width: 94%;
    max-width: 940px;
    padding: 20px 3% 20px;
    background: #ffffff;
    margin: 0 auto 0px;
    overflow: hidden;
}
#content .xj_box{
    /*margin:30px auto;*/
    margin:0 auto;
}
#content .xj_box .xj_box_detail{
    display:block;
    margin: 20px auto 30px;
    width:100%;
    border: none;
}
#content .xj_box .xj_box_detail .status{
    display:inline-block;
    width:33%;
    margin: 0;
}
#content .xj_box .xj_box_detail .status.short{
    display:inline-block;
    width:18%;
    margin: 0;
}
#content .xj_box .xj_box_detail .time{
    display:inline-block;
    width: 45%;
    vertical-align: middle;
    padding:4px 0;
    font-size:90%;
    color: #8e8e8e !important;
    font-weight:normal;
    text-align: left;
}
#content .xj_box .xj_box_detail .short .time{
    width: 90%;
}
#content .xj_box .xj_box_detail .category{
    display:inline-block;
    width: 45%;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    font-size: 90%;
}
#content .xj_box .xj_box_detail .title {
    display:inline-block;
    width:50%;
    text-align: left;
    vertical-align: middle;
    padding-left: 0px;
    border: none;
    background:transparent;
    margin: 0;
}
#content .xj_box .xj_box_detail .title.long {
    width:65%;
}
#content .xj_box .xj_box_detail .title a, #content .xj_box .xj_box_detail .title_no_docs a{
    color:#000000;
    text-decoration: none;
}
#content .xj_box .xj_box_detail .title_no_docs {
    display: inline-block;
    width: 60%;
    text-align: left;
    vertical-align: middle;
    padding-left: 0px;
    border: none;
    background: transparent;
    margin: 0;
}
#content .xj_box .xj_box_detail .volume {
    display: inline-block;
    width: 7%;
    margin-left: 2%;
    color: #e04033;
    padding-left: 32px;
    background: url(../img/common/icon_pdf.png) left center no-repeat;
    text-decoration: none;
    border: none;
    font-size:90%; /*追加*/
    margin: 0;
}
#content .xj_box .xj_box_detail .volume a{
    color:#000000;
    text-decoration: none;
}

#content .xj_box .xj_box_detail i.news{
    border:1px solid #7b5191;
    color:#7b5191;
}
#content .xj_box .xj_box_detail i.tekiji{
    border:1px solid #516ec2;
    color:#516ec2;
}
#content .xj_box .xj_box_detail i.library{
    border:1px solid #c1ac59;
    color:#c1ac59;
}
#content .xj_box .xj_box_detail i.yuho{
    border:1px solid #106c28;
    color:#106c28;
}
#content .xj_box .xj_box_detail i.kessan{
    border:1px solid #57a097;
    color:#57a097;
}
#content .xj_box .xj_box_detail i.ir{
    border:1px solid #c1ac59;
    color:#c1ac59;
}

#content .xj_box .xj_box_detail section{
    display:table;
    background:#f8f8f8;
}
#content .xj_box .xj_box_detail section:nth-child(odd){
    background-color: #eae9e7;
}



/* IRニュース一覧 */

#content .section_ir_news .xj_box{
}
#content .section_ir_news .xj_box select {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: auto;
    height: 30px;
    padding:4px;
    margin-right: 20px;
    margin-bottom: 20px;
    border:1px solid #cccccc;
}
#content .section_ir_news .xj_box ul li{
    display: inline-block;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}
#content .section_ir_news .xj_box ul li a{
    color: #ffffff;
    padding: 0.2em 0.5em;
    background-color: #D1D1D1;
    display: block;
    text-decoration: none;
}
#content .section_ir_news .xj_box ul li a.active{
    opacity:0.5;
/*    color: #ffffff;
    background-color: #9E9E9E;*/
}
#content .section_ir_news .xj_box ul li.ir_all a{
    background-color: #0085f8;
}
#content .section_ir_news .xj_box ul li.ir_kessan a{
    background-color: #57a097;
}
#content .section_ir_news .xj_box ul li.ir_tekiji a{
    background-color: #516ec2;
}
#content .section_ir_news .xj_box ul li.ir_yuho a{
    background-color: #106c28;
}
#content .section_ir_news .xj_box ul li.ir_library a{
    background-color: #c1ac59;
}
#content .section_ir_news .xj_box ul li.ir_news a{
    background-color: #7b5191;
}


#content .xj_box table th {
    display: inline-block;
    /*width: 20%;　*/
    width: 14%;　
    vertical-align: middle;
    padding: 20px 10px; /*4 0*/
    font-size: 90%;
    color: #666666 !important;
    font-weight: normal;
    text-align: left;
    border: none;
    background: none;
}
#content .xj_box table tr:nth-child(odd){
    background-color: #eae9e7;
}
@media screen and (max-width:800px){
     #content .xj_box table td.title {
        width:48%;
     }
    #content .xj_box table th, #content .xj_box table td{
        padding:15px 0;
    } 
}
/* IRニュース一覧 カテゴリなし版 */

#content .xj_box.no_category table td.title {
    display: inline-block;
    width: 60%;
    text-align: left;
    vertical-align: middle;
    padding-left: 20px;
    border: none;
}
#content .xj_box.no_category h2 {
    margin-top: 20px;
}
/*財務情報*/
#content .xjgraph_box .xj_chart_table{
    margin:5px 0 0 20px;
    float:left;
    width:65%;
    height: 182px;
}
#content .xjgraph_box .xj_chart_table tr:first-child{
    height:40px;
}


#content .xjgraph_box .image_holder{
    float:left;
    margin-top:0;
    width: 28%;
}
#content .xjgraph_box .xj_chart_header_first{
    width:30%;
    background-color: #e1e7ec; 
}

#content .xjgraph_box .xj_chart_header{
     background-color: #e1e7ec;   
}

/* 採用情報 */

.second_header.recruit_bg{
    background:url(../img/recruit/recruit_top_bg.jpg) top center no-repeat;
    background-size:cover;    
}

.section_col3_wrap.recruit_col3 {
    background: none !important;
    padding: 10px 0 !important;
}
.section_col3_wrap.recruit_col3 ul{
    margin-top: 44px;
}
.section_col3_wrap.recruit_col3 ul li {
    display: inline-table;
    width: 32%;
    vertical-align: top;
    margin-right: 2%;
    background: none;
}
.section_col3_wrap.recruit_col3 ul li:nth-child(3n) {
    margin-right: 0;
}
.section_col3_wrap.recruit_col3 ul li a{
    display: table-cell;
    width:100%;
    font-size:140%;
    padding:48px 0;
    border-radius: 4px;
    text-decoration:none;
}
.section_col3_wrap.recruit_col3 ul li a i {
    color: #ffffff;
    padding: 0 30px 0 40px;
    background: url(../img/common/icon_hollowed.png) 12px center no-repeat;
    line-height: 200%;
    text-align: center;
    display: block;
}
a.freahman_btn{
    background:#0072d5;
    background:linear-gradient(#0085f8,#0072d5);
}
a.career_btn{
    background:#4b8446;
    background:linear-gradient(#579a52,#4b8446);
}
a.challenge_btn{
    background:#da952a;
    background:linear-gradient(#feae31,#da952a);
}

.arrival_list_recruit li{
    display:table;
    margin:12px auto;
    width:100%;
}
.arrival_list_recruit li i, .arrival_list_recruit li time {
    display:inline-block;
    width:24%;
    text-align: left;
    color: #8e8e8e;
    padding: 0;
    vertical-align: middle;
    font-size: 90%;
}
.arrival_list_recruit li span {
    display:inline-block;
    width:70%;
    text-align: left;
    vertical-align: middle;
    padding-left: 2%;
}

#content article{
    margin: 0 auto;
}
#content section.recruit_newslist{
    width: 92%;
    max-width: 800px;/*710→800*/
    padding: 35px 4%;
    margin: 30px auto;
}

#content section.section_recruit ul{
    margin:20px 0 30px;
}
#content section.section_recruit ul li {
    list-style-type: disc;
    /* margin: 8px 0; */
    margin: 8px 0 0 24px;
}
#content section.section_recruit ul.for_career_link li {
    list-style-type: none;
    margin: 2px 0 16px 0px;
    display: inline-block;
    margin-right: 2%;
    width: 22%;
}
#content section.section_recruit ul.for_career_link li a {
    padding: 8px 2%;
    margin: 8px 0 0 0px;
    color: #ffffff;
    background: #0085f8;
    border-radius: 4px;
    width: 96%;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

#content section .for-career-message{
    background:#daeaf9;
    padding:24px;
    clear:both;
    overflow: hidden;
}
#content article section .for-career-message h3 {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
    color: #0060b3;
    font-size: 110%;
    font-weight: bold;
    clear: both;
    text-align: left;
    margin: 0px 0 0;
}

/* よくあるご質問 */

#content article section.faq_list .question {
    margin: 30px 0 10px 0;
}
#content article section.faq_list .answer {
    margin: 10px 0 20px 0;
}
#content article section.faq_list .question:before{
    content:'Q';
    width:36px;
    height:36px;
    color:#ffffff;
    background:#0060b3;
    border-radius:4px;
    text-align: center;
    display:inline-block;
    margin: 0px 10px 0 0;
    line-height: 36px;
    vertical-align: middle;
}
#content article section.faq_list .answer:before{
    content:'A';
    width:36px;
    height:36px;
    color:#ffffff;
    background:#333333;
    border-radius:4px;
    text-align: center;
    display:inline-block;
    margin: 7px 10px 0 0;
    line-height: 36px;
    vertical-align: top;
    font-weight:bold;
}
#content article section.faq_list .question i {
    border: none;
    display: inline-block;
    width : 90% ;
    width : -webkit-calc(100% - 60px) ;
    width : calc(100% - 60px) ;
    vertical-align: middle;
}
#content article section.faq_list .answer i {
    border: none;
    display: inline-block;
    vertical-align: top;
    width: 90%;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
}

/* 情報化施工　技術提案一覧 */

#content article section .proposal_list {
    display: block;
    margin: 30px auto;
    overflow: hidden;
}
#content article section .proposal_list li {
    background: #f0f0f0;
    width: 32%;
    box-sizing: border-box;
    float: left;
    padding: 10px 10px 10px 12px;
    margin: 0 2% 20px 0;
    min-height: 60px;
    display: table;
}
#content article section .proposal_list li i{
    display:table-cell;
    vertical-align: middle;
}
#content article section .proposal_list li:nth-child(3n){
    margin-right: 0;
}
#content article section .proposal_list li:nth-child(3n+1){
    clear: both;
}



/* お問い合わせ先 使わないかも */

.section_txt.recruit_link, #content .section_txt.recruit_link {
    width:92%;
    max-width:690px;
    padding: 35px 30px;
    background: #0085f8;
    margin: 30px auto;
}
.section_txt.recruit_link h2, #content .section_txt.recruit_link h2 {
    color:#ffffff;
    font-size:120%;
    font-weight:normal;
    text-align: center;
}
.section_txt.recruit_link p, #content .section_txt.recruit_link p {
    margin:20px auto;
    color:#ffffff;
}

/* 下層ページ共通 先方投稿の問い合わせ先 */

#content aside#contact-for {
    width: 92%;
    /*max-width: 680px;*/
    max-width: 920px;
    padding: 35px 4%;
    background: #0085f8;
    color: #ffffff;
    margin: 30px auto 60px auto;
}
#content aside#contact-for h1{
    text-align: center;
    font-weight:normal;
    font-size:120%;
    margin-bottom: 10px;
    position: relative;
    padding-bottom:10px;

}
#content aside#contact-for h1:after{
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-40px;
    width:80px;
    height:1px;
    background:#fff;
    display:block;
}


#content aside#contact-for>p{
    margin: 0 auto 10px;
    line-height: 200%;
}

#content aside#contact-for .contact_btn{
    display:block;
    text-align:center;
    margin-top: 24px;
}

#content aside#contact-for .contact_btn a{
    padding: 8px;
    color: #0060b3;
    border: 2px solid #0060b3;
    border-radius: 6px;
    width: 90%;
    max-width: 300px;
    text-align: center;
    background: #ffd800;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;    
}
#content aside#contact-for .contact-dir{
    background-color: #399bf1;
    padding:5px 30px;
}
#content aside#contact-for .contact-dir h2{
    font-weight:bold;
    font-size:120%;
    color:#fff;
    margin:20px 0;
}
#content aside#contact-for .contact-dir a.contact-dir-map{
    display: inline-block;
    color:#fff;
    padding:0 15px;
    border-radius: 5px;
    text-decoration: none;
    border:1px solid #fff;
}
@media screen and (max-width: 1200px) {

    #content img.alignright {
        max-width: 50%;
    }

    .our_business article ul li {
        width: 30%;
    }
}

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

    .our_business article ul li {
        width: 46%;
    }
}

/**********************************/
/*** スマホ版　ここから ***/
/**********************************/

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


    /* メインビジュアル */

    div.header {
        height: 320px;
        margin-bottom: 160px;
    }
    div.header h2 {
        max-width: 720px;
        margin: auto;
        text-align: right;
        padding-top: 4px;
    }
    div.header h2 img{
        width: auto;
        height: 240px;
    }
    div.header .headline_wrap {
        height: 320px;
    }
    div.header .headline article {
        padding: 20px 4%;
    }
    div.header .headline article h2 {
        margin: 16px 0;
        font-size: 120%;
        font-weight: bold;
        padding: 0;
        text-align: left;
    }
    div.header .headline article p {
        line-height: 180%;
        margin: 16px 0;
    }
    div.header .header_bg2 {
        height: 320px;
    }


    /* ニュース */

    div.header .headline_wrap {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        height: 480px;
        position: relative;
        display: table;
    }
    div.header .headline_block {
        display:table-cell;
        vertical-align: bottom;
    }
    div.header .headline {
        display: block;
        vertical-align: middle;
        width: 100%;
        min-height:auto;
    }
    div.header .headline article {
        padding: 16px 6% 10px 6%;
        background: rgba(255,255,255,1);
        min-height: auto;
    }
    div.header .headline article .date{
        display:block;
        font-size:80%;
    }
    div.header .headline article h2 {
        margin: 8px 0;
        font-size: 100%;
        font-weight: bold;
        line-height: 150%;
    }
    div.header .headline article p {
        line-height: 150%;
        margin: 10px 0px;
        font-size: 90%;
    }
    div.header .headline article .headline_link {
        color: #ffffff;
        display: inline-block;
        margin: 0px 0 8px;
        text-decoration: none;
        padding: 6px 12px;
        background: #3e74ba;
        border-radius: 8px;
    }
    div.header .headline .headline_pagefeed{
        background:rgba(0,165,248,1); 
        padding:8px 24px;
        text-align: center;
    }
    div.header .headline .headline_pagefeed .prev{
        display: inline-block;
        vertical-align: middle;
    }
    div.header .headline .headline_pagefeed .next{
        display: inline-block;
        vertical-align: middle;
    }
    div.header .headline .headline_pagefeed span{
        display: inline-block;
        vertical-align: middle;
        width:100px;
        text-align: center;
        color:#ffffff;
    }
    div.header .headline .headline_pagefeed span i{
        padding:0 4px;
    }
    div.header .headline .headline_pagefeed a img{
        display:block;
    }


	/* トップメニュー */

	.dk_sp_logo {
    	padding: 8px 12px;
    	display: inline-block;
	}

	/* 共通部分、トップページ */

	div.leftmenu{
		display:none;
	}
	div.wrapper{
		margin-left: 0;
	}
	div.leftmenu_sp{
		display:block;
		background:#ffffff;
		height:48px;
	}
	div.leftmenu_sp .spmenu_btn{
		display:inline-block;
		float:right
	}
	div.leftmenu_sp .spmenu_btn img{
		height:48px;
		width:auto;
		display:block;
	}
	div.leftmenu_sp .dk_logo {
    	display: inline-block;
    	padding: 4px 12px;
    	height: 40px;
	}
	div.leftmenu_sp .dk_logo img{
		height:100%;
		width:auto;
	}

    /* スマホ版メニュー（オープン時） */

    div.leftmenu_sp_open {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 20000px;
        background: #123c73;
        background: rgba(18, 61, 115, 0.8);
        z-index: 101;
    }

	div.leftmenu_sp_open .sp_top{
		width:100%;
		height:52px;
		border-bottom:1px solid #ffffff;
        background: #123c73;
	}
	div.leftmenu_sp_open .sp_top .gotohome_sp {
    	display: inline-block;
    	padding: 10px 4%;
	}
	div.leftmenu_sp_open .sp_top .gotohome_sp:hover{
		opacity:0.7;
	}
	div.leftmenu_sp_open .sp_top .gotohome_sp img{
		height: 28px;
    	width: auto;
	}
	div.leftmenu_sp_open .sp_top .spclose_btn{
		display: inline-block;
    	float: right;
    	border-left: 1px solid #ffffff;
	}
	div.leftmenu_sp_open .sp_top .spclose_btn img{
		height: 38px;
	    padding: 7px;
    	display: block;
	}
	div.leftmenu_sp_open .sp_top .spclose_btn img:hover{
		opacity:0.7;
	}
	div.leftmenu_sp_open .sp_top .translate{
		display: inline-block;
    	float: right;
    	margin-right: 12px;
        margin-top: 4px;
	}
	div.leftmenu_sp_open .sp_top .translate a {
    	display: inline-block;
    	color: #b6b6b6;
    	margin: 4px;
    	padding: 4px 2px;
    	text-decoration: none;
    	font-size: 110%;
	}
    div.leftmenu_sp_open .sp_top .translate a.selected {
        display: inline-block;
        color: #ffd800;
    }
    div.leftmenu_sp_open div.menu {
        display: block;
        line-height: 24px;
        text-decoration: none;
        color: #ffffff;
        width: 100%;
        padding: 1px 0% 0;
        margin: 12px auto;
        font-weight: normal;
    }
    div.leftmenu_sp_open div.menu .topmenu{
        display: block;
        overflow: hidden;
        width: 92%;
        margin: auto;
    }
    div.leftmenu_sp_open div.menu .topmenu:hover{
        cursor:pointer;
        opacity:0.7;
    }    
    div.leftmenu_sp_open div.menu .topmenu a, div.leftmenu_sp_open div.menu .topmenu strong{
        text-decoration: none;
        color:#ffffff;
        float:left;
        padding:8px 0;
        font-weight:normal;
    }    
    div.leftmenu_sp_open div.menu .topmenu i{
        color:#ffffff;
        float:right;
        padding:8px;
    }    
    div.leftmenu_sp_open div.menu .topmenu i:hover{
        cursor:pointer;
        opacity:0.7;
    }    
	div.leftmenu_sp_open .menu_wrap .menu:hover{
		opacity:0.7;
	}
    div.leftmenu_sp_open .search {
        width: 92%;
        padding: 10px 4% 10px;
    }
	div.leftmenu_sp_open .search h3{
		color:#ffffff;
		margin-bottom:16px;
		font-size:100%;
	}
	div.leftmenu_sp_open input.input01 {
    	border: none;
    	padding: 6px 5%;
    	margin-bottom: 6px;
    	color: #b6b6b6;
	}

    div.leftmenu_sp_open input.search_btn {
        display: table-cell;
        background: #3e74ba url(../img/common/searchicon.png) center center no-repeat;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        border: 0;
    }

	div.leftmenu_sp_open input.search_btn:hover {
		opacity:0.7;
	}

	div.topmenu_wrap{
		background:#394c54;
		width:100%;
		height:auto;
	}
	div.topmenu .gotohome{
		display:none;
	}
	div.topmenu h1 {
    	display: inline-block;
    	float: none;
    	color: #ffffff;
    	font-weight: normal;
    	font-size: 70%;
    	vertical-align: middle;
	}

	div.footer .social h4 {
		display: none;
	}
	div.footer .social h4 {
		display: none;
	}
	div.footer .social a img{
		max-width:80%;
		height:auto;
	}

    /* スマホ版 サブメニュー */
    
    div.leftmenu_sp_open .submenu {
        background: none;
        display: block;
        overflow: hidden;
        transition: max-height 0.8s ease;
        max-height: 0;
        background: #092a54;
        background: rgba(9, 42, 84, 0.8);
    }
    div.leftmenu_sp_open .submenu.open {
        max-height: 720px;
    }
    div.leftmenu_sp_open .submenu section{
        padding:12px 0;
    }
    div.leftmenu_sp_open .submenu section div {
        display: block;
        vertical-align: middle;
        width: 100%;
    }
    div.leftmenu_sp_open .submenu ul {
        width: 44%;
        display: table-cell;
        padding: 0 8px 0 16px;
    }
    div.leftmenu_sp_open .submenu ul:nth-child(2n){
        padding: 0 16px 0 8px;
    }
    div.leftmenu_sp_open .submenu ul a, div.leftmenu_sp_open .submenu ul span{
        display: block;
        color: #ffffff;
        text-decoration: none;
        text-align: left;
        line-height: 150%;
        padding: 6px 0;
        font-size: 80%;
    }
    div.leftmenu_sp_open .submenu ul li{
        margin-top: 0;
        margin-bottom: 0;
    }
    div.leftmenu_sp_open .submenu ul li i.second{
        padding-left: 0px;
        display:block;
    
    }
    div.leftmenu_sp_open .search_btn {
        display: table-cell;
        background: #3e74ba url(../img/common/searchicon.png) center center no-repeat;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        border: 0;
    }

    /* 共通部分　スマホ版 */

    #content .second_header{
        width:100%;
        height:210px;
        margin-bottom:5%;
    }
    #content .second_header.height-m{
        height:150px;
    }
    #content .second_header.height-l{
        height:200px;
    }
    .second_header_wrap .second_title_wrap {
        margin-top: 0;
        display: table;
        height: 130px;
    }
    .second_header_wrap .second_title_wrap h1 {
        font-weight: normal;
        font-size: 150%;
        display: table-cell;
        vertical-align: middle;
    }
    .section_txt {
        padding: 35px 4%;
    }
    .section_txt img {
        width: auto;
        max-width: 100%;
        height: auto;
    }
    #content .section, 
    #content .section_txt{
        padding:5%;
        margin:0 auto 5%;
    }
    #content .section_txt h3 {
        font-size: 120%;
    }
    #content .section_txt ul{/*追加*/
        margin-bottom:0; 
    }
    #content .section_txt ul li, ul.dot li, ol.dot li{/*追加*/
        margin:0 0 2% 5%;
    }
    #content .section_txt.list-box ul li{
        margin:5% 0 0;
    }

    /* 私たちの事業　スマホ版 */

    .our_business article {
        text-align: center;
    }
    .our_business article .our_business_icon {
        display: inline-block;
    }
    .our_business article h2 {
        font-size: 120%;
        margin: 16px auto 20px;
    }
    .our_business article ul li {
        width: 49%;
        float: left;
        margin: 0 2% 2% 0;
    }
    .our_business article ul li:nth-child(3n) {
        margin: 0 2% 2% 0;
    }
    .our_business article ul li:nth-child(2n) {
        margin: 0 0 2% 0;
    }
    .our_business article ul li span {
        padding: 0px 6px 0px 50px;
        background: #ffffff url(../img/common/icon_physics.png) 12px center no-repeat;
        font-size: 100%;
    }
    .our_business article ul li.icon_line_b05 span{
        background:#0060b3 url(../img/common/icon_line_b05.png) 6% center no-repeat;
    }
    .our_business article ul li.icon_line_b02 span{
        background:#0060b3 url(../img/common/icon_line_b02.png) 6% center no-repeat;
    }
    .our_business article ul li.icon_line_b08 span{
        background:#0060b3 url(../img/common/icon_line_b08.png) 6% center no-repeat;
    }
    .our_business article ul li.icon_line_b01 span{
        background:#0060b3 url(../img/common/icon_line_b01.png) 6% center no-repeat;
    }
    .our_business article ul li.icon_line_b03 span{
        background:#0060b3 url(../img/common/icon_line_b03.png) 6% center no-repeat;
    }
    .our_business article ul li.icon_line_b04 span{
        background:#0060b3 url(../img/common/icon_line_b04.png) 6% center no-repeat;
    }
    .our_business article ul li.icon_line_b06 span{
        background:#0060b3 url(../img/common/icon_line_b06.png) 6% center no-repeat;
    }
    .our_business article ul li.icon_line_b07 span{
        background:#0060b3 url(../img/common/icon_line_b07.png) 6% center no-repeat;
    }



    .dk_izm_txt dt {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
    .dk_izm_txt dd {
        display: block;
        padding-left: 0;
    }


    /* 私たちのこと　スマホ版 */

    .our_detail article h2 {
        font-size: 120%;
        margin: 16px auto 24px auto;
    }
    .our_detail article ul li {
        width: 49.5%;
        margin: 0 1% 1% 0;
    }
    .our_detail article ul li:nth-child(2n) {
        margin: 0 0 1% 0;
    }
    .our_detail article ul li span {
        /*padding: 14px 4px 20px 10px;*/
        font-size: 90%;
    }

    /* 新着情報　スマホ版 */

    .new_arrivals article h2 {
        font-size: 140%;
        margin: 12px auto 10px auto;
        text-align: center;
    }
    .arrival_list li strong {
        display: inline-block;
    }
    .arrival_list li i {
        display: inline-block;
    }
    .arrival_list li span {
        display: block;
        margin: 12px 0;
    }
    .new_arrivals article .sort_wrap .pagefeed a {
        margin: 8px 1px;
    }
    .new_arrivals article .sort_wrap .pagefeed i {
        width: 24px;
    }

    /* お問い合わせ　スマホ版 */

    .top_contact article h2 {
        font-size: 140%;
        margin: 12px auto 24px auto;
    }
    .top_contact article ul li {
        padding: 4%;
    }
    .top_contact article ul li h3 {
        font-size: 110%;
        width: 120px;
        padding-right: 8px;
    }
    .top_contact article ul li p strong {
        font-size: 130%;
        margin-top: 6px;
    }

    /* JNLA　スマホ版 */

    .jnla {
        padding: 32px 0;
    }

    .jnla article {
        display: table;
        width: 100%;
    }
    .jnla article h2 {
        display: block;
        vertical-align: middle;
        padding-right: 0;
        text-align: center;
    }

    .jnla article p {
        display: block;
        vertical-align: middle;
        margin-top: 16px;
    }
    .jnla article p strong a {
        display: block;
        margin: auto;
    }

    /* フッター スマホ版 */

    .footer_wrap .footer h2 {
        float: none;
        text-align: center;
    }
    .footer_wrap .footer ul {
        float: none;
        display: table;
        height: auto;
        text-align: center;
        width:100%;
    }
    .footer_wrap .footer ul li {
        display: inline-block;
        vertical-align: middle;
        width: 49%;
        text-align: right;
    }
    .footer_wrap .footer ul li a {
        text-decoration: none;
        color: #666666;
        font-size: 90%;
        padding: 0 12px 0 0;
        border-right: 1px solid #666666;
        display: inline-block;
    }
    .footer_wrap .footer ul li:nth-child(2n){
        text-align: left;
    }
    .footer_wrap .footer ul li:nth-child(2n) a {
        padding: 0 0 0 12px;
        border-right: none;
    }
    #content .xjgraph_box .xj_chart_table {
        margin-left: 4%;
        width: 60%;
    }

}

@media screen and (max-width: 600px) {
    #content .second_col2 {
        margin: 0px auto;
        display: block;
    }
    #content .second_col2 li {
        display: inline-block;
        width: 100%;
        margin:10px auto;
        /*padding:30px 20px 5px 20px;*/
        padding:0;
    }
    #content .second_col2 li p {
        padding: 0 20px 6px 20px;
        min-height: auto;
        line-height: 180%;
        margin: 0 auto 20px;
    }
    #content .second_col2 li h4 {
        padding: 30px 20px 20px 20px;
    }
    #content .second_col2 li:nth-child(2n) {
        margin-left: 0;
    }
    #content ul.second_col3 {
        display: block;
    }
    #content ul.second_col3 li {
        width: 100%;
        /*display: inline-block;*/  
        /*margin: 10px 0;*/
        margin: 0 0 10px;
    }
    #content ul.second_col3 li p {
        min-height: auto;
    }
    .arrival_list_ir li {
        display: table;
        margin: 16px auto;
        width: 100%;
    }
    .arrival_list_ir li i, .arrival_list_ir li time{
        display: inline-block;
        width: auto;
        color: #8e8e8e;
        padding: 0;
        font-size: 90%;
    }
    .arrival_list_ir li strong {
        display: inline-block;
        width: 84px;
        padding: 4px 0;
        font-size: 90%;
        margin-left: 20px;
    }
    .arrival_list_ir li span {
        display: inline-block;
        width: 72%;
        padding-left: 0;
        margin: 12px 2% 12px 0;
    }

    /* 新着情報 スマホ版 */

    .new_arrivals article .sort_wrap .sort i{
        display:inline-block;
        padding-right: 0;
        vertical-align: middle;
        font-size:80%;
        margin-right: -4px;
    }
    .new_arrivals article .sort_wrap .sort .select_wrap {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        width: 90px;
        height: 30px;
        margin-right: 10px;
        font-size:80%;
    }
    .new_arrivals article .sort_wrap .sort .select_wrap:last-child {
        margin-right: 0px;
    }

    .new_arrivals article .sort_wrap .sort select {
        border: none;
        width: 120%;
        height: 26px;
        padding: 0px 16px 1px 2px;
        position: relative;
        background: #ffffff url(../img/common/select_btn.png) 76% center no-repeat;
        background-size: 20px;
        font-size: 100%;
    }



    /* 汎用レイアウト スマホ版 */

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

    #content .section_top {
        width: 96%;
        padding: 0 2%; /*30px 2%　10px→0 2%*/
    }
    #content section.recruit_newslist, /*追加*/
    #content .section_txt{
        width: 90%;
        /*padding: 30px 5%;*/
        padding: 5%;
    }
    #content .section_top h2.h2_lead {
        margin: 20px auto;
        font-size: 120%;
    }
    #content section {
        width: 90%;
        padding: 30px 5%;
    }
    .section_intern img.alignleft, .section_intern .left {
        width: 100%;
        float: none;
    }
    .section_intern img.alignright, .section_intern .right {
        width: 100%;
        float: none;
    }
    .staff_interview_list li.left {
        width: 100%;
        float: none;
        margin-bottom: 24px;
    }
    .staff_interview_list li.right {
        width: 100%;
        float: none;
        /* margin-bottom: 20px; */
    }
    .second_col2 li.nobg {
        background: none;
        width: 100%;
    }


    /* 採用情報 スマホ版 */

    .section_col3_wrap.recruit_col3 ul li {
        width: 100%;
        margin-right: 0;
    }
    .section_col3_wrap.recruit_col3 ul li a {
        padding: 16px 0;
    }
    .section_txt.recruit_link {
        padding: 35px 4%;
    }

    #content section.section_recruit ul.for_career_link li {
        list-style-type: none;
        margin: 2px 4% 16px 0px;
        display: inline-block;
        width: 48%;
    }
    #content section.section_recruit ul.for_career_link li:nth-child(2n) {
        margin: 2px 0 16px 0px;
    }

    #content section.section_recruit ul.for_career_link li a {
        padding: 8px 2%;
        margin: 8px 0 0 0px;
        color: #ffffff;
        background: #0085f8;
        border-radius: 4px;
        width: 96%;
        text-align: center;
        display: inline-block;
        text-decoration: none;
    }


    /* 事業所マップ スマホ版 */

    #office-network-list p{
        width:100%;
        clear:both;
        float:none;
    }
    #office-network-list iframe{
        width:100%;
        float:none;
        margin-bottom: 30px;
    }


    /* ::::::::::::::::::::::::::::::::::::::::
        アイテムリスト ※先方投稿用
    :::::::::::::::::::::::::::::::::::::::: */

    #content ul.itemlist{
        display:block;
    }    
    #content ul.itemlist li{
        display:inline-block;
        /*width:48%;*/
        width:49%;
        vertical-align: top;
        margin: 12px auto;
        font-size:90%;
    }
    #content ul.itemlist li:nth-child(2n){
        display:inline-block;
        /*width:48%;*/
        width:49%;
        vertical-align: top;
        margin: 12px auto;
    }    
    #content ul.itemlist li:last-child{
        margin-right: 0;
    }


    /* IRニュース 先方環境出力用 スマホ対応版*/
    
    #content .xj_box_detail section {
        width: 94%;
        max-width: 940px;
        padding: 20px 3% 20px;
        background: #ffffff;
        margin: 0 auto 0px;
        overflow: hidden;
    }
    #content .xj_box{
        /*margin:30px auto;*/
        margin:0 auto;
    }
    #content .xj_box .xj_box_detail{
        display:block;
        margin: 20px auto 30px;
        width:100%;
        border: none;
    }
    #content .xj_box .xj_box_detail .status, #content .xj_box .xj_box_detail .status.short{
        display:inline-block;
        width:100%;
        margin: 0;
    }

    #content .xj_box .xj_box_detail .time{
        display:inline-block;
        width: 120px;
        vertical-align: middle;
        padding:4px 0;
        font-size:90%;
        color: #8e8e8e !important;
        font-weight:normal;
        text-align: left;
    }
    #content .xj_box .xj_box_detail .category{
        display:inline-block;
        width: 120px;
        text-align: center;
        padding: 0;
        vertical-align: middle;
        font-size: 90%;
    }
    #content .xj_box .xj_box_detail .title, #content .xj_box .xj_box_detail .title_no_docs {
        display:inline-block;
        width:65%;
        text-align: left;
        vertical-align: middle;
        padding:10px 0 0 0px;
        border: none;
        background:transparent;
        margin: 0;
    }
    #content .xj_box .xj_box_detail .title a{
        color:#000000;
        text-decoration: none;
    }
    #content .xj_box .xj_box_detail .volume {
        display: inline-block;
        width: auto;
        margin-left: auto;
        color: #e04033;
        padding-left: 40px;
        background: url(../img/common/icon_pdf.png) 8px center no-repeat;
        text-decoration: none;
        border: none;
        font-size:90%; /*追加*/
        margin: 0;
    }
    #content .xj_box .xj_box_detail .volume a{
        color:#000000;
        text-decoration: none;
    }
    
    #content .xj_box .xj_box_detail i.news{
        border:1px solid #c1ac59;
        color:#c1ac59;
    }
    #content .xj_box .xj_box_detail i.tekiji{
        border:1px solid #516ec2;
        color:#516ec2;
    }
    #content .xj_box .xj_box_detail i.library{
        border:1px solid #c1ac59;
        color:#c1ac59;
    }
    #content .xj_box .xj_box_detail i.yuho{
        border:1px solid #106c28;
        color:#106c28;
    }
    #content .xj_box .xj_box_detail section{
        display:table;
        background:#f8f8f8;
    }
    #content .xj_box .xj_box_detail section:nth-child(odd){
        background-color: #eae9e7;
    }

    /* IR財務情報 スマホ版 */

    #content .xjgraph_box .xj_chart_header {
        background-color: #e1e7ec;
        font-size: 75%;
        word-break: break-all;
        min-width: 32px;
    }
    #content .xjgraph_box .xj_chart_header:first-child {
        min-width: none;
    }
    #content article table td.xj_chart_value {
        border: 1px solid #cccccc;
        padding: 6px;
        font-weight: normal;
        text-align: left;
        background: #ffffff;
        font-size: 75%;
        word-break: break-all;
    }

    /* 問い合わせフォーム */

    #content article table th {
        width: 30%;
    }
    .wpcf7-list-item{
        width:92%;
        margin:8px 4%;
        display:inline-block;
    }
    input.wpcf7-text, textarea.wpcf7-textarea{
        width:96%;
    }

    /* お問い合わせ */
    .contact_table td{
        display:block;
        width:100%;

    }

    /* 会社概要　第2階層用リンク */
    
    #content .company_menu{
        display:block;
        width:100%;
        margin:30px auto 10px;
        overflow: hidden;
    }
    #content .company_menu li{
        width:48%;
        margin-right: 4%;
        float:left;
        display:inline-block;
        margin-bottom: 20px;
    }
    #content .company_menu li:nth-child(2n){
        margin-right: 0;
    }
    

    /*財務情報*/
    #content .xjgraph_box .xj_chart_table{
        margin:5px 0 0 20px;
        float:left;
        width:65%;
        height: auto;
    }
    #content .xjgraph_box .xj_chart_table tr:first-child{
        height:auto;
    }
    #content .xjgraph_box .image_holder {
        float: left;
        margin-top: 0;
        width: auto;
    }

    /* 情報化施工　技術提案一覧 */
    
    #content article section .proposal_list {
        display: block;
        margin: 30px auto;
        overflow: hidden;
    }
    #content article section .proposal_list li {
        background: #f0f0f0;
        width: 48%;
        box-sizing: border-box;
        float: left;
        padding: 1% 2%;
        margin: 0 4% 20px 0;
        min-height: 60px;
        display: table;
    }
    #content article section .proposal_list li i{
        display:table-cell;
        vertical-align: middle;
    }
    #content article section .proposal_list li:nth-child(3n){
        margin-right: 4%;
    }
    #content article section .proposal_list li:nth-child(3n+1){
        clear: none;
    }
    #content article section .proposal_list li:nth-child(2n){
        margin-right: 0;
    }
    #content article section .proposal_list li:nth-child(2n+1){
        clear: both;
    }


}


@media screen and (max-width: 600px) {
    /* 左右画像 スマホ版 */
    #content img.alignright {
        max-width: 100%;
        width: 100%;
    }
}
#content h2+p,#content h3+p,#content h4+p{
    margin-top:0!important;
}

/*動植物調査*/
#content .gis-analysis-protection-plan p span,
#content .flora-fauna p span {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    color: #0060b3;
    font-size: 110%;
    font-weight: bold;
    text-align: left;
    margin: 25px 0 0;
    display: block;
}
#content hr{
    border-top: 1px solid #ccc;
    margin-top:40px;
    margin-bottom:20px;

}
#content section p.back_number{
    margin-bottom:0;
}
#content p.btn_form a{ /*追加*/
    padding:15px 40px;
    border-radius: 10px;
    text-decoration: none;
    margin-top:20px;
    display: inline-block;
}

#content .recruit-message div{/*採用追加*/
    margin-left:420px;
}

/* 求人サイトアイコン */

#content .recruit_icon img{
    width:200px;
    height:auto;
}



/*採用追加*/
@media screen and (max-width:1300px) and (min-width: 600px) {
    .content-iframe{
        width:46%;
        height:240px;
        height: 25vw;
    }
}
@media screen and (max-width: 600px) {
    .content-iframe{
        width:100%!important;
    }
#content .recruit-message .alignleft{/*採用追加*/
    width:100%;
}
#content .recruit-message div{/*採用追加*/
    margin:0;
}
}
#content .section_txt .support_power{
    max-width: 800px;
    width: 80%;
    margin: 20px 10%;
}
#content .section_txt .support_power h2{
    margin: 20px 0 20px;
    font-size:180%;
}

/*共通*/
.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.pt0{padding-top:0px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.pb0{padding-bottom:0px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}