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


/********* メインのパディングなど ********/
.work .main_inner3{
	padding:45px 0 0 0;
	font-size:14px;
	font-weight:normal;
	line-height:1.6em;
}
.work .main_inner3_inner{
	padding:0 5px;
	width:960px;
}

/********* その他 ********/
.work .tensen{
	margin: 27px 0 35px -5px;
	width: 96%;
	width:736px;
}
/************************************************************************************/
/*ｍａｉｎ４　背景がホワイト ＷＯＲＫ用のワードプレスの表示（トップより幅が狭い）*/
/************************************************************************************/
.main4{
	background-color:#ffffff;
}
.main_inner4{
	margin:0 auto;
	width:1000px;
	padding:42px 0;
}
.main_inner4_inner{
	float:left;
	width:77%;
}

.main_inner4_inner .work_box1{
	font-size:11px;
	font-weight:bold;
	line-height:1.8em;
	margin-left:5px;
}
.work h2{
    font-size: 32px;
    font-weight: 700;
    font-family: "A-OTF 新ゴ Pro";
	line-height: 1.2em;
	color:#106299;
	margin:0 0 25px 0;
}
.work h2.txt_small{
	font-size:23px;
}
.work h2 a:link{
	text-decoration:underline;
	color:#106299;
}
.work h2 a:visited{
	text-decoration:underline;
	color:#106299;
}
.work h2 a:hover{
	text-decoration:none;
	color:#106299;
}
.main_inner4_inner .work_box1 ul{
	width:100%;
}
.main_inner4_inner .work_box1 li {
    float: left;
    /*width: 16.45%;*/
	width:126px;
    margin-bottom: 15px;
    /*margin-right: 0.95%;*/
	margin-right:5px;
    word-break: break-all;
    padding: 8px;
	background-color:#106299;
    height: auto;
	color: #ffffff;
	line-height: 1.4em;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}
/* 写真がタテヨコ、サイズ大小に関係なく、切り取ってサムネイル表示させる */
.main_inner4_inner .work_box1 li img{
	object-fit: cover;
	height: 86px;
	width: 126px;
}
.li_span1{
    display: block;
	margin: .3em 0 0 0;
}
.li_span2,
.li_span3{
    display: block;
}
/**************写真がタテヨコ、サイズ大小に関係なく、切り取ってサムネイル表示させる******************/
.main_inner4_inner .work_box1 li .cut{
	position: relative;
	overflow: hidden;
	height: 83px;
	display: block;
	margin: 0 0 7px 0;
}

/***************さらに見るのボタンの位置*******************/
.work .button{
    float: left;
    margin: 8px 40%;
}
/***************マウスオーバーすると枠が緑色に変わる*******************/
.work_box1 li:link{
      box-shadow: inset 0px 0px 0px 4px #00a651;
}
.work_box1 li:vistied{
      box-shadow: inset 0px 0px 0px 4px #00a651;
}
.work_box1 li:hover{
      box-shadow: inset 0px 0px 0px 4px #00a651;
}

/************************************************************************************/
/*ｓｉｄｅ　ｗｏｒｋ共通*/
/************************************************************************************/
.side{
	float:right;
	background-color:#cbcfd4;
	height:auto;
	width:189px;;
	padding:22px 17px;
	margin-bottom:35px;
}
.side h2{
	font-size:16px;
    font-weight: 400;
    font-family: "A-OTF 新ゴ Pro";
	line-height: 2.5em;
	background-color:#323a45;
	color:#ffffff;
	margin:0;
	text-align:center;
}
.side li{
	padding: 0.63em 1em;
	border-bottom:1px solid #cbcfd4;
	background:#ffffff;
}
.side li a {
	display:block;
}
.side li:link{
	background-color:#ffebe0;
	color:#FFFFFF;
}
.side li:visited{
	background-color:#ffebe0;
	color:#FFFFFF;
}
.side li:hover{
	background-color:#ffebe0;
	color:#FFFFFF;
}
/************************************************************************************/
/*事例の詳細　singleページ用*/
/************************************************************************************/

/***************左側の写真*******************/
.single_boxl > ul >li:first-child > img{
	width:307px;
	margin: 0 0 .7em 0;
	border:1px solid #848484;
}
.single_boxl > ul >li:not(:first-child) > span > img{
	width:100%;
}
.single_boxl{
	width:43%;
	float:left;
}
/**************写真がタテヨコ、サイズ大小に関係なく、切り取ってサムネイル表示させる******************/
.single_boxl li .cut{
    position: relative;
    overflow: hidden;
    height: 66px;
    display: block;
    margin: 0 0.8% 0 0;
    float: left;
    width: 30%;
	border:1px solid #848484;
}

.single_boxl li .cut:hover{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/***************右側のテーブル*******************/
.single_boxr{
	width:20%;
	float:left;
}
.single_boxr table{
	width:423px;
}
.single_boxr td{
	padding: 0.7em 1em;
}
.single_boxr tr:nth-child(odd){
	background:#eeeeee;
}
.single_boxr th{
    width: 131px;
    padding:0.7em 0 0.7em 1.6em;
	vertical-align:top;
}
.single_boxr td div p{
	float:left;
	margin:0 2.5% 7px 0;
	border:1px solid #848484;
	background:#FFFFFF;
	width:55px;
	font-size:12px;
	text-align: center;
}
.single_boxr td div p.apply{ /***当てはまる（apply）のとき**/
	background:#00a651;
	color:#FFFFFF;
}

.single_boxr td div{
	margin-top:5px;
}
.single_boxr p {
	margin-bottom:20px;
}
/***************次へ、前へ*******************/
.nav_articles .prev {
    float: left;
    width: 15%;
    text-align: left;
    margin-left: 35%;
}
.nav_articles .next {
    float: right;
    width: 15%;
    text-align: right;
    margin-right: 35%;
}
.nav_articles .prev a,
.nav_articles .next a {
	text-decoration:underline !important;
}