.gaiyou dl{
	width:400px;
}
.gaiyou dl dt{
	float:left;
}
.gaiyou dl dd{
	padding:0 0 0 120px;
}
/* CSS Document */
@font-face {
    font-family: 'design_plus';
    src: url('../font/design_plus.eot');
    src: url('../font/design_plus.eot?iefix') format('eot'),
         url('../font/design_plus.woff') format('woff'),
         url('../font/design_plus.ttf') format('truetype'),
         url('../font/design_plus.svg#webfontjSpbZQRv') format('svg');
}
body{
	font-family: 'design_plus';
  
}
/* コンテナ */
.contents{ width:100%; max-width:1000px; margin:0 auto;}
/* ロゴ */
#logo{
width: 150px;
margin:0 auto;
}
/* 見出し */
h1{
	font-size: 12px;
	margin:0 auto;
	color: #2478be;
	line-height:1.8em;
}
h2{
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
	font-weight: 300;
	color: #333333;
}
h3{
	background:#2478be;
	padding-top:5px;
	text-align:left;
	color:#FFFFFF;
	font-weight:600;
	margin-bottom:20px;
	padding-bottom: 5px;
	font-size: 18px;
	padding-left: 10px;
}
/* システムイメージ */
#info{display: none;visibility:hidden}
#info img{ display: none;visibility:hidden}
#info_s{width: 100%; max-width: 1000px;}
#info_s img{ width: 100%}
#er{ display: none;visibility:hidden}
#er img{ display: none;visibility:hidden}
#er_s{ }
#er_s img{}
.image_box {  
width: 100%;background: #ddebe9;  border-bottom: 1px solid; border-bottom-color: #333;}  
.image_box .number{ width: 15%;
    background-color: #999;/* 円の色 */
	text-align: center;
	color: #fff;
	font-size: 13px;
	float: left;
	padding-top: 4%;
	padding-bottom: 4%;
}
.image_box p{ text-align: left; line-height: 1.7em; float: left;width: 84%; margin-left: 1%}
/* navi */
ul#navigation {
	width:620px;
	overflow:hidden;
    zoom:100%;
	margin:0 auto;
	display:none;
}
ul#navigation li {
    float:left;
    list-style:none;
	display:none;
}
ul#navigation li a {
	display:block;
	height:64px;
	width:124px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	text-indent:-9898px;
	background-image:url(../images/common/navi.png);
	display:none;
		}
ul#navigation li a.menu01 {background-position:0px 0px;width:124px;	display:none;}
ul#navigation li a.menu01:hover {background-position:0 -64px;	display:none;}
 
ul#navigation li a.menu02 {background-position:-124px 0px;	display:none;}
ul#navigation li a.menu02:hover {background-position:-124px -64px;	display:none;}
 
ul#navigation li a.menu03 {background-position:-248px 0px;	display:none;}
ul#navigation li a.menu03:hover {background-position:-248px -64px;	display:none;}
 
ul#navigation li a.menu04 {background-position:-372px 0px;	display:none;}
ul#navigation li a.menu04:hover {background-position:-372px -64px;	display:none;}
 
ul#navigation li a.menu05 {background-position:-496px 0px;	display:none;}
ul#navigation li a.menu05:hover {background-position:-496px -64px;	display:none;}
/* navi */
ul#navigation02 {
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(204,204,204,1);
	margin-bottom:25px;
}
ul#navigation02 li {
    list-style:none;
}
ul#navigation02 li a {
	display:block;
	height:30px;
	width:auto;
	text-align:left;
	background-image:url(../images/common/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 10px;
	padding-left: 15px;
	text-decoration:none;
	font-weight:600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
    
}
img.ft_4{width: 100%; margin-bottom: 15px;}
/* :::::: toggle button :::::: */
 
  
 .drb{width:58px;
  height:58px;
  position: absolute;
    right: 0;
    top: 0;
}
 
 
#navTgl {
  display: none;
}
 
label.open,
label.close {
  cursor: pointer;
  top: 0;
  left: 0;
}
 
.open {
  z-index: 2;
  width: 20%;
  background-color: lightSeaGreen;
  font-size: 2em;
  line-height:2em;
  text-align: center;
  -webkit-transition: background-color .6s, -webkit-transform .6s;
  transition: background-color .6s, transform .6s;
}
 
#navTgl:checked + .open {
  background-color: indianRed;
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
}
 
.close {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: background-color .6s;
}
 
#navTgl:checked ~ .close {
  pointer-events: auto;
  background-color: rgba(0,0,0,.3);
}
 
/* :::::: drawer menu :::::: */
 
.menu {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
  overflow:auto;
}
 
#navTgl:checked ~ .menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
 
.menu p,
.menu li a {
  color: white;
}
 
.menu p {
  text-align: center;
}
 
.menu ul {
  padding: 0;
  list-style-type:none;
}
 
.menu li {
  border-bottom: 1px solid rgba(255,255,255,.6);
  font-size: 1em;
  line-height: 1.5em;
}
 
.menu li:first-child {
  border-top: 1px solid rgba(255,255,255,.6);
}
 
.menu li a {
  display: block;
  padding: 1em 2em;
  text-decoration: none;
  transition: background-color .6s;
}
 
.menu li a:hover {
	background-color: #FF679A;
}
/* ライン */
.line{
	background-color: #2478be;
	height: 5px;
}
p#catch{ font-size:24px; text-align:center; margin-bottom:30px; font-weight:300; color:#061f3c;}
p.title{
	background:#2478be;
	padding-top:10px;
	text-align:center;
	color:#FFFFFF;
	font-weight:600;
	margin-bottom:25px;
	padding-bottom: 10px;
	font-size: 16px;
}
p.title_02 {
	background:#5AB631;
	padding-top:10px;
	text-align:center;
	color:#FFFFFF;
	font-weight:600;
	margin-bottom:25px;
	padding-bottom: 10px;
	font-size: 16px;
}
/* システムイメージ図 */
.systemimage{
	background-color: #f7f7f7;
	padding-top: 20px;
	padding-bottom:20px;
}
.systemimage img{width:100%; margin-bottom:10px;}
.etcimage{
	background-color: #f7f7f7;
	padding-top: 20px;
	padding-bottom:20px;
}
.etcimages{
	background-color: #fff;
	padding-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.etcimages_sec{
	background-color: #fff;
	padding-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.navs {
	width:100%;
	margin-bottom:20px;
}
.navs ul {
	width:100%;
}
.navs ul li {
	width:100%;
}
.navs ul li.nav01 img{ width:100%;margin-bottom:10px;}
.navs ul li.nav02 img{ width:100%;margin-bottom:10px;}
.navs ul li.nav03 img{ width:100%;margin-bottom:10px;}
.navs ul li.nav04 img{ width:100%;margin-bottom:10px;}
#useimage{
	background-color: #ebf4ff;
	padding-top: 20px;
	margin-bottom: 20px;
}
#sample{
	background:#33cdb3;
	margin: 10px;
	padding: 10px;
	height: auto;
}
#sample img{ width:100%;}
#shopinfo{
	width:90%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}
#shopinfo img{ width:100%; margin:0 auto;}
#f_logo{ width:150px; margin:0 auto;}
#table{
		display: block;border: 3px solid rgba(36,120,190,1); margin-bottom:15px;
	}
		#table thead{
			display: none;
		}
		#table tbody{
			display: block;
		}
			#table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#table tbody th,
			#table tbody td{
				border: none;
				display:block;
			}
			#table tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: rgba(36,120,190,1);
				padding:.7em;
			}
			#table tbody td{
				margin-left: 20px;
				padding: 0;
								list-style-type: none;
			}
/* 会社概要 */
.company{
	width:80%;
	border: 1px solid #eeeeee;
	background-color: rgba(255,255,255,1);
	padding: 5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.company a{ display:block; text-decoration:none;} 
.company a p.type{
	background-color: rgba(36,120,190,1);
	padding: 5px;
	color: rgba(255,255,255,1);
	width: auto;
	text-align: center;
	font-size: 13px;
	margin-bottom: 10px;
}
.company a p.image{
	width: 200px;
	border: 1px solid rgba(204,204,204,1);
	text-align: center;
	line-height: 2em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 10px;
}
.company a p.image img{ width:100%}
.company a p.image span{
	font-size: 13px;
}
.Photo{ text-align: center;}
p.text{
	line-height: 1.6em;
	margin-bottom: 10px;
}
p.sitelink{
	text-align: center;
	background-color: rgba(36,120,190,1);
	color: rgba(255,255,255,1);
	width: 150px;
	padding: 10px;
	font-size: 12px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.gaiyou dl{
	width:400px;
}
.gaiyou dl dt{
	float:left;
}
.gaiyou dl dd{
	padding:0 0 0 120px;
}
/* フロー */
.flow{ width:100%; max-width:682px; margin:0 auto;}
.flow img{ width:100%}
.qa{
	width: 89%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 5px solid #FF0004;
	padding: 5px;
}
.qa .q{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #e36321;
	width: 100%;
	color: #e36321;
	line-height: 2.5em;
}
.qa .q span{
	background-color: #e36321;
	color: rgba(255,255,255,1);
	margin-right: 15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.qa .a{
	float: left;
	width: 95%;
	padding: 10px;
}
.word{
	line-height: 1.8em;
	padding: 10px;
	margin: 10px;
	background-color: rgba(255,255,255,1);
}
/* 導入事例 */
.casestudy{width:46%; float: left; border: solid 1px; border-color: #D3D3D3; background: #fff; margin-left:2%; margin-bottom: 2%}
.casestudy img{width: 100%}
.casestudy .text{ padding: 10px; margin-bottom: 5px;font-size: 13px;}
.casestudy .text b{margin-bottom: 10px; display: block;}
.casestudy .bt{ border: solid 2px; border-color: #2478BE; padding: 3px; text-align: center; width: 90%; margin: 0 auto 3px auto;}
.casestudy .bt a{text-decoration: none; color: #2577BD; font-size: 13px;}
/*.number{
	color: #fff;
	background-color: #2477BD;
	padding: 0;
	margin: 0;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	border-radius: 25px;
	font-size: 18px;
	float: left;
  font-weight: bold;
}
*/
.number {
position: absolute;
top: 0;
left: -65px;
color: #fff;
	background-color: #2477BD;
	padding: 0;
	margin: 0;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
  border-radius: 25px;
  font-weight: bold;
}
/*.flows{
	width: 100%;
}
*/
.flows {
position: relative;
width: 100%;
padding-top: 60px;
border-left: solid 5px #777;
margin-left: 60px;
}
.flows.last {
border-left: none;
}
/*.flows .flowtitle{
	font-weight: 600;
	margin-left: 20px;
	float: left;
	width: 65%;
  margin-top: 10px;
  margin-bottom: -30px;
}
*/
.flows .flowtitle {
width: 80%;
margin-left: 20px;
padding-bottom: 15px;
}
.flows .flowtitle b{ background:#4492D4 ;color: #fff; padding: 5px;}
.flows p.next{
	font-size: 12px;
	border: 1px solid rgba(204,204,204,1);
	padding: 3px;
}
.lines{
	border-left: 5px solid;
	border-left-color: #777;
	margin-left: 75px;
	float: left;
	padding: 25px;
}
#slider{ width:100%; max-width:1000px; margin:0 auto;}
  .slider {
    width: 100%;
    margin: 0 auto;
  }
  .slider div {
    margin-right: 0px;
  }
  .pattern1 img {
    width: 100%;
  }
  .slick-dots li button {
    background: #333;
    border-radius: 50%;
    width: 10px;
    height: 10px;
  }
  .slick-prev, .slick-next {
    background-color: #111;
    height: 100%;
  }
  .slick-prev:hover, .slick-next:hover {
    background-color: #111;
  }
  .pattern2,
  .pattern3 {
	width: 100%;
  }
  .pattern3 {
    position: relative;
  }
  .pattern3 .slick-dots {
    position: absolute;
    bottom: -100px;
  }
  #tglBtn {
    background: #333;
    border: none;
    border-radius: 3px;
    color: #fafafa;
    padding: 20px;
  }
  #tglBtn:hover {
    cursor: pointer;
  }
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}
.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}
/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}
.slick-dots
{
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 0px;
    height: 0px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
table {
	border-collapse: collapse;
	width: 92%;
	margin-bottom: 15px;
	line-height: 1.8em;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
table th,
table td {
	padding: 10px;
	border: 1px solid #999;
	text-align: left;
}
table th {
	text-align: left;
	width: 35%;
	font-size: 14px;
}
table td span{ font-size:12px; color:#999999}
input{
}
/* lp */
#lp{background: #fff}
#lp_logo{ width: 33%; float: left;}
#lp_tel{ width: 33%; float: left;}
#lp_entry{
	width: 33%;
	float: left;
}
#lp_logo img,#lp_tel img,#lp_entry img{ width: 100%}
#lp .word_cont01{  background: #f8f8f8; padding-top: 10px}
#lp .word_cont01 .title{  background: #8fc92e; color: #fff; text-align: center; font-size: 36px; padding: 10px;}
#lp .word_cont01 p{line-height: 2em; padding: 15px}
#lp .word_cont01 p b{ font-size: 24px; color: #8FC92D}
#lp .bt_service{width: 100% ; max-width: 505px; margin: 0 auto;}
#lp .bt_service img{ width: 100%}
#lp .word_cont02{  background: #f8f8f8; padding-top: 10px; padding-bottom: 10px; margin-bottom: 50px;}
 #lp .word_cont02 .Trouble{width: 100%; max-width: 949px; margin: 0 auto}
#lp .word_cont02 .Trouble img{ width: 
100%}
#lp .word_cont02 .title{ width: 100%; max-width:542px; margin: 0 auto; }
#lp .word_cont02 .title img{ width: 100%}
#lp .word_cont02 .Trouble02{width: 100%; max-width: 913px; margin: 0 auto}
#lp .word_cont02 .Trouble02 img{ width: 
100%}
#lp .word_cont03 .title{ width: 100%; max-width:648px; margin: 0 auto; }
#lp .word_cont03 .title img{ width: 100%}
#lp .word_cont03 .Troublebox{width: 90%; margin: 0 auto; margin-bottom: 15px; border-bottom: solid 1px; border-bottom-color: #555;}
#lp .word_cont03 .Troublebox .icon{ float: left;width: 25%;}
#lp .word_cont03 .Troublebox .icon img{ width: 100%; max-width: 155px;}
#lp .word_cont03 .Troublebox .word{ float: left;width: 65%; line-height: 2em;}
#lp .word_cont03 .Troublebox .word b{ font-size: 24px; font-weight: 600; color: #3a9013; margin-bottom: 15px; display: block;}
#lp .word_cont04{ background: #eeffd3;}
#lp .word_cont04 .title{ width: 100%; max-width:1000px; margin: 0 auto; }
#lp .word_cont04 .title img{ width: 100%}
#lp .word_cont04 .Troublebox{width: 90%; margin: 0 auto; margin-bottom: 15px; border-bottom: solid 1px; border-bottom-color: #555;}
#lp .word_cont04 .Troublebox .icon{ float: left;width: 25%;}
#lp .word_cont04 .Troublebox .icon img{ width: 100%; max-width: 155px;}
#lp .word_cont04 .Troublebox .word{ float: left;width: 65%; line-height: 2em; background: #eeffd3; position: relative;}
#lp .word_cont04 .Troublebox .word .sicon{
	position: absolute;
	width: 100%;
	max-width: 115px;
	top: -20px;
	left: 90%;
}
#lp .word_cont04 .Troublebox .word .sicon img{
	width: 81%
}
#lp .word_cont04 .Troublebox .word b{ font-size: 24px; font-weight: 600; color: #3a9013; margin-bottom: 15px; display: block;}
#lp .word_cont05{  background: #fff; padding-top: 10px}
#lp .word_cont05 .title{  background: #8fc92e; color: #fff; text-align: center; font-size: 36px; padding: 10px;}
#lp .word_cont05 .titles{ width: 100%; max-width:648px; margin: 0 auto; }
#lp .word_cont05 .titles img{ width: 100%}
#lp .word_end{ background: #f8f8f8; padding: 20px} 
#lp .word_end span{ color: #2685c9;}
#lp #secure{background: #eaffc7; padding: 15px; width: 90%; margin: 0 auto;}
#lp #secure .title{width:100%; max-width: 830px; margin: 0 auto; }
#lp #secure .title img{ width: 100%;}
#lp #secure .icon{ width: 25%; float: left;}
#lp #secure .icon img{ width:100%}
#lp #secure .word{width: 65%; float: left; background:#E9FFC7}






.suzuki img,.kamisaka img{width: 100%}
.suzuki,.kamisaka{width: 92%; margin: 0 auto; margin-bottom: 3%}
.suzuki b,.kamisaka b{display: block;padding: 10px}
.suzuki p,.kamisaka p{ padding: 10px;line-height: 1.5em}
.suzuki b,.kamisaka b{
position: relative;
display: inline-block;
padding: 0 55px;
}

.suzuki b:before, .suzuki b:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}
.kamisaka b:before, .kamisaka b:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}


.suzuki b:before {left:0;}
.suzuki b:after {right: 0;}
.kamisaka b:before {left:0;}
.kamisaka b:after {right: 0;}

.kimura img{width: 100%}
.kimura{width: 92%; margin: 0 auto; margin-bottom: 3%; border: solid 1px #ccc;}
.kimura b{display: block;padding: 10px}
.kimura p{ padding: 10px;line-height: 1.8em}

.kimura b{
position: relative;
display: inline-block;
padding: 0 55px;
}

.kimura b:before, .kimura b:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

.kimura b:before {left:0;}
.kimura b:after {right: 0;}





/*タブ切り替え全体のスタイル*/
.tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width: auto;
	margin: 0 auto;
}
/*タブのスタイル*/
.tab_item {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid #5ab4bd;
background-color: #d9d9d9;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab_item:hover {
opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
background-color: #5ab4bd;
color: #fff;
}