@charset "utf-8";
/* CSS Document */

/* blog add css */

@font-face {
font-family: 'DIN Pro Condensed Black';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Black'), url('./font/DINPro-CondBlack.woff') format('woff');
}
@font-face {
font-family: 'DIN Pro Condensed Light';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Light'), url('./font/DINPro-CondLight.woff') format('woff');
}
@font-face {
font-family: 'DIN Pro Condensed Bold';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Bold'), url('/common/font/DINPro-Bold.otf') format('woff');
}

html {
}
body {
	overflow: scroll;
    font-family: "Noto Sans Japanese";
}

/* Info Top */
.infomainimg {
	background: url("../images/info_bigimg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 470px;
	text-align: center;
}
.infomainimg .txtbox{
    padding: 210px 0 0;
    color: #fff;
}

.infomainimg .txtbox .txt01{
    color: #fff;
    font-size:55px;
	padding-top: 60px;
	line-height:60px;
    margin:10px;
	font-family: 'DIN Pro Condensed bold'
}

.infomainimg .txtbox .txt02{
    font-size: 15px;
}

/* Blog Top */
.blogmainimg{
    background: url("../images/blog_bigimg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 470px;
	text-align: center;
}

.blogmainimg .txtbox .txt01{
    color: #fff;
    font-size:55px;
	padding-top: 60px;
	line-height:60px;
    margin:10px;
	font-family: 'DIN Pro Condensed bold'
}

.blogmainimg .txtbox{
    padding: 210px 0 0;
    color: #fff;
}

.blogmainimg .txtbox .txt02{
    font-size: 15px;
}

.blogWrap {
	background: #f0f0f0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
	display: flex;
	/*justify-content: center;*/
	align-items: flex-start;
}
@media screen and (max-width:500px) {
.blogWrap {
	display: block;
}
}

.blogMain {
	/*margin-left: auto;*/
	max-width: 750px;
    border-radius: 5px;
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 10px auto;
	width: 750px;
}
@media screen and (max-width:500px) {
.blogMain {
	width: auto;
}
}
.blogBox {
	/*width: 680px;*/
	background-color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	margin: 10px 10px 10px 10px;
}

/* 社長ブログと共通してることに注意　*/
.blogInner h2{
	font-size: 24px;
}

.blogSide {
	margin-right: auto;
}

/* Triodesign Info Top */
.triomainimg{
    background: url("../images/pic_triodesign01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 470px;
	text-align: center;
}

.triomainimg .txtbox .txt01{
    color: #fff;
    font-size:55px;
	padding-top: 60px;
	line-height:60px;
    margin:10px;
	font-family: 'DIN Pro Condensed bold'
}

.triomainimg .txtbox{
    padding: 210px 0 0;
    color: #fff;
}

.triomainimg .txtbox .txt02{
    font-size: 15px;
}

/* Msyatem Info Top */
.msysmainimg{
    background: url("../images/pic_msystem01.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 470px;
	text-align: center;
}

.msysmainimg .txtbox .txt01{
    color: #fff;
    font-size:55px;
	padding-top: 60px;
	line-height:60px;
    margin:10px;
	font-family: 'DIN Pro Condensed bold'
}

.msysmainimg .txtbox{
    padding: 210px 0 0;
    color: #fff;
}

.msysmainimg .txtbox .txt02{
    font-size: 15px;
}

/* Sidebar */
#sidebar {
	background-color: #fff;
	width: 300px;
	padding: 20px 20px 20px 20px;
	margin: 10px auto 10px 10px;
	border-radius: 5px;
	flex-shrink: 0;
}
@media screen and (max-width:1120px) {
#sidebar {
	width: 30%;
	margin: 10px 10px 10px 10px;
}
}

@media screen and (max-width:500px) {
#sidebar {
	width: auto;
	margin: 10px 10px 10px 10px;
}
}

#sidebar ul li ul li {
	color: #000;
	line-height: 1.5;
	padding: 5px;
	border-bottom: solid 1px #666;
}
#sidebar ul li ul li:last-child {
	border-bottom: none;
}
#sidebar ul li ul li a {
	color: #333;
}
#sidebar ul li ul li a:visited {
	color:#333;
}

/* 投稿記事ページ */
.postWrap {
	background: #f0f0f0;
	display: flex;
	padding-top: 10px;
    align-items: flex-start;
	/*
	justify-content: center;
	align-items: flex-start;
	*/
	/* Gナビかぶり防止 */
	/* margin-top: 60px; */
}
@media screen and (max-width:500px) {
.postWrap {
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}
}

.postInner {
	margin-left: auto;
}
.postInner h2 {
	font-size: 24px;
	font-weight: bold;
}

/* 社長ブログ */
.headingText {
	font-size: 24px;
	padding-left: 20px;
}
.postBox {
	/*width: 680px;*/
	background-color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	margin: 10px 10px 10px 10px;
}

.mainColumn {
	/*width: 680px;*/
	background-color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	margin: 10px 10px 10px auto;
}
@media screen and (max-width:1120px) {
.mainColumn {
	width: auto;
	margin: 10px 10px 10px 10px;
}
}

@media screen and (max-width:500px) {
.mainColumn {
	width: auto;
}
}

.widget_text .widget .widget_custom_html {
	text-align: center;
}
.side_img {float: left;
width: 40%;
margin-bottom: 20px}

.sidePic {
	display: block;
	margin: auto;
}

.side_txt {float: right;
width: 55%}

.sideProf {
	display: block;
	margin: 0 0 20px 0;
}

/* 部署ブログ新着レイアウト */
.news .left .tableWide{
    border-top: 1px solid #074a71;
    border-bottom: 1px solid #074a71;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* height: 175px; */
    overflow-y: auto;
}
.news .left table{
    width: 100%;
}
.news .left table .td1 span{
    display: block;
    width: 78px;
    height: 20px;
    line-height: 20px;
    background-color: #004ea1;
    text-align: center;
    color: #fff;
}
.news .left table .td3 a{
    color: #000;
}
.news .left table .td3 a:hover{
    text-decoration: none;
}
.news .left table .pick span{
    background-color: #d97b84;
}
.news .left table .green span{
    background-color: #a6ba82;
}
.news .left table td{
    padding: 8px 0;
}

/* ページャー */
.pager {
	text-align: center;
}

/* サイドバー */

.widgettitle {
	border: solid 1px #000;
	padding: 5px;
	margin-bottom: 10px;
	text-align: center;
}

#wp-calendar {
	width: 100%;
	text-align: center;
}

.widget_archive select {
    /*width: 300px;*/
	width: 100%;
    padding: 0.5em 1em;
    border-radius: 3px;
	margin-bottom: 10px;
}

.screen-reader-text {
	display: none;
}

/*
#wp-calender table, td, th {
	border: solid 1px #000;
}
*/
#wp-calender caption {
	text-align: center;
}
#wp-calender caption, #wp-calender th {
	text-align: center;
}

/* アーカイブページCSS */
.archiveTitle {
	font-size: 18px;
}
.archiveTitle a {
	text-decoration: none;
}

/* 検索フォーム */
.searchform {
    margin: 10px 0;
}
 
.searchfield {
    font-size: 14px;
    width: 190px;
    padding: 10px;
}
 
.searchsubmit {
	color: #666;
    font-family: FontAwesome;
    font-size: 16px;
	margin: auto 10px;
    background: transparent;
    padding: 5px 10px;
    border: solid 1px #666;
	border-radius: 4px;
    cursor: pointer;
}