@charset "UTF-8";
/*==================================

　■layout

 *==================================*/
#wrapper {
	width: 100%;
	min-width: 1000px;
}
.inner {
	width: 1000px;
	margin: 0 auto;
}
.inner870 {
	width: 870px;
	margin: 0 auto;
}
.inner920 {
	width: 920px;
	margin: 0 auto;
}
/** background
===================================*/
.bg-01 {
	background: url(../img/common_bg_01.gif) repeat left top;
}
.bg-02 {
	background: #f9f9f9;
}


/** header
===================================*/
#global-header {
	width: 100%;
	border-top: 4px solid #03034e;
}
#head-block-01 {
	padding: 18px 0;
}
#head-block-01 h1 {
	width: 358px;
}
#head-block-01 h2 {
	margin: 13px 0 0;
	padding: 12px 0;
	font-size: 93%;
	font-weight: bolder;
	text-align: center;
	border-radius: 6px;
	background: #f6f6f6;
}
#head-block-01 .float-r {
	width: 460px;
	padding: 7px 0 0;
}
/** global-navigation
===================================*/
#global-navigation {
	width: 100%;
	background: #03034e;
	box-shadow: 0.5px 0.866px 3px 0px rgba(0, 0, 0, 0.3);
}
#global-navigation ul li {
	float: left;
}
#global-navigation ul li a {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/** footer
===================================*/
#global-footer {
	width: 100%;
	background: #03034e;
}
#global-footer .float-l {
	padding: 30px 0 0;
	width: 860px;
}
#global-footer ul {
	margin-bottom: 65px;
}
#global-footer ul li {
	display: inline-block;
}
#global-footer ul li:not(:last-child) {
	margin-right: 50px;
	
}
#global-footer ul li a {
	color: #fff;
	font-weight: bolder;
	text-decoration: none;
}
/* コピーライト */
#copyright, #copyright a {
	color: #fff;
	text-decoration: none;
}
#copyright {
	font-size: 79%;
	letter-spacing: 0.08em;
}
/* ページトップへ戻る */
#pagetop {
	display: block;
	position: relative;
	width: 140px;
	height: 140px;
	background: #fe7400;
}
#pagetop img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 38px;
	height: 30px;
	margin-top: -20px;
	margin-left: -19px;
}
/** button
===================================*/
.btn-sty-01 {
	position: relative;
	display: block;
	padding: 15px 0;
	color: #fff;
	font-size: 129%;
	font-weight: bolder;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	background: #03034e;
}
.btn-sty-01:after {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	content: '';
	width: 7px;
	height: 13px;
	margin-top: -6px;
	background: url(../img/common_arrow_04.png) no-repeat left top;
}

/*==================================

　■top

 *==================================*/
 /** スライダー
===================================*/
#mainvisual {
	position: relative;
	width: 100%;
	height: 450px;
}
.slider li {
	width: 100%;
	height: 450px;
}
.slider li div {
	width: 1000px;
	margin: 0 auto;
}
#slider1 {
	background: url(../img/top_slide_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
#slider1 div {
	width: 1000px;
	height: 340px;
	margin-top: 60px;
}
#slider1 div img {
	border-radius: 4px;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
#slider2 {
	background: url(../img/top_slide_bg_02.jpg) no-repeat center center;
	background-color: #f8f8fb;
}
#slider2 div {
	width: 1000px;
	height: 340px;
	margin-top: 60px;
}
#slider2 div img {
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
#slider3 {
	background: url(../img/top_slide_bg_03.jpg) no-repeat center center;
	background-size: cover;
}
#slider3 div {
	width: 1000px;
	height: 340px;
	margin-top: 60px;
}

#slider4 {
	background: url(../img/top_slide_bg_04.jpg) no-repeat center center;
	background-size: cover;
}
#slider4 div {
	width: 1000px;
	height: 340px;
	margin-top: 60px;
}

#slider1 div img {
	border-radius: 4px;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
/** 事業内容
===================================*/
#top_menu_01 {
	margin: 0 0 40px;
}
#top_menu_01 li {
	position: relative;
	float: left;
	width: 320px;
	height: 260px;
	color: #fff;
}
#top_menu_01 li:not(:last-child) {
	margin-right: 20px;
}
#top_menu_01 li div {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 320px;
	height: 47px;
	padding: 14px 0;
	text-align: center;
	background: rgba(51,51,51,0.80);
}
#top_menu_01 li div p {
	font-size: 115%;
	font-weight: bolder;
	line-height: 1.5;
}
#top_menu_btn {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	text-align: left;
}
#top_menu_btn a {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 104px;
	height: 20px;
}

/** お知らせ・イベント情報
===================================*/
#top_news {
	float: left;
	width: 660px;
}
#top_news_head {
	position: relative;
	width: 660px;
	height: 45px;
}
#top_news_head a {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 120px;
	height: 30px;
}
.news-list {
	padding: 10px 0 0;
}
.news-list li {
	padding: 10px 0;
	border-bottom: 1px dotted #b2b2b2;
}
.news-list li a {
	color: #333;
	text-decoration: none;
}
.news-list li a:hover {
	color: #03034e;
	text-decoration: underline;
}
.news-list .float-r {
	width: 580px;
}
.news-list li .post-date {
	margin: 0 0 10px;
}
.news-list li {
	background: url(../img/common_arrow_01.png) no-repeat right center;
}
.post-date .tag {
	display: inline-block;
	width: 80px;
	margin-right: 20px;
	height: 18px;
	color: #fff;
	font-size: 79%;
	text-align: center;
	line-height: 18px;
	border-radius: 2px;
}
/* イベント */
.cat-event {
	background: #10218a;
}
/* お知らせ */
.cat-information {
	background: #666;
}
/* 日付 */
.post-date time {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bolder;
}
/*===================================*/
/* バナーエリア */
#top_bnr {
	float: right;
	width: 320px;
}
#top_bnr li:not(:last-child) {
	margin-bottom: 12px;
}
/** お問い合わせ
===================================*/
#contact-row {
	padding: 25px 0;
}
.contact-box-01 {
	width: 930px;
	margin: 0 auto;
	padding: 30px 35px;
	background: #fff;
	background-color: rgb(255, 255, 255);
}
.contact-ti-01 {
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	color: #111184;
	font-size: 186%;
	font-weight: bolder;
	border-left: 5px solid #111184;
}
.contact-box-01 p {
	line-height: 1.5;
}
.contact-box-01 .clearfix {
	position: relative;
	height: 55px;
	margin: 15px 0 0;
	padding: 15px 0 0;
	border-top: 1px dotted #ddd;
}
.contact-box-01 .float-l, .contact-box-01 .float-r {
	width: 464px;
}
.contact-box-01 .float-r {
	border-left: 1px solid #eee;
}
/** 取り扱いメーカー・サービス
===================================*/
#makers-row {
	padding: 30px 0 40px;
}
#makers-row h2 {
	color: #111184;
	font-size: 158%;
	margin: 0 0 30px;
}
#makers-row ul li {
	float: left;
}
#makers-row ul li:not(:last-child) {
	border-right: 1px solid #e5e5e5;
}
#makers-row ul:not(:last-child) {
	border-bottom: 1px solid #e5e5e5;
}
/** 会社情報
===================================*/
#company-row .inner {
	padding: 40px 0;
}
#company-row .float-l, #company-row .float-r {
	width: 490px;
}
#company-info {
	padding: 25px 20px;
	color: #fff;
	background: #03034e;
}
#company-info address {
	margin: 0 0 10px;
	font-style: normal;
	line-height: 1.8;
}
#company-info address a {
	color: #fff;
}
.company-info-ti {
	margin: 0 0 10px;
	font-size: 172%;
	font-weight: bolder;
	line-height: 1;
}
#company-info dl {
	padding: 15px 20px;
	color: #03034e;
	background: #fff;
}
#company-info dl dt {
	height: 17px;
	margin: 0 0 10px;
	padding-left: 16px;
	font-size: 115%;
	font-weight: bolder;
	line-height: 17px;
	background: url(../img/common_mark_pin.png) no-repeat left center;
}
#company-info dl dd {
	line-height: 1.8;
}
/*==================================

　■2階層目ページレイアウト

 *==================================*/
/** 2階層目 header
===================================*/
#page-header {
	margin-bottom: 50px;
}
#page-title-01 {
	padding: 33px 0 0;
	height: 97px;
	text-align: center;
	background: #4E4E83;
}
#main {
	padding: 0 0 50px;
}
/** パンくず
===================================*/
.breadcrumbs {
	background: #f6f6f6;
}
.breadcrumbs ul {
	padding: 14px 0;
}
.breadcrumbs ul li {
	display: inline-block;
	color: #777;
	line-height: 1.8;
}
.breadcrumbs ul li:before {
	content: " ";
	display: inline-block;
	width: 40px;
	height: 14px;
	background: url(../img/common_arrow_02.png) no-repeat center 5px;
}
.breadcrumbs ul li:first-child:before {
	display: none;
}
.breadcrumbs ul li a {
	color: #03034e;
	text-decoration: none;
}
/** セクション
===================================*/
.sec-sty-01 {
	margin-bottom: 50px;
}
.ti-sty-01 {
	margin: 0 0 40px;
	padding: 0 0 16px;
	color: #03034e;
	font-size: 186%;
	background: url(../img/common_ti_bg_01.gif) no-repeat left bottom;
}

.ti-sty-02 {
	margin: 0 0 30px;
	padding: 12px 20px;
	font-size: 158%;
	color: #695e52;
	border-bottom: 2px solid #ff9dc5;
	border-radius: 4px 4px 0 0;
	background: #fff3f7;
}
.ti-sty-03 {
	font-size: 143%;
	font-weight: bolder;
	margin: 0 0 30px;
	padding: 15px;
	color: #fff;
	border: 1px solid #8787A9;
	background: #8787A9;
}

/** table
===================================*/
.table-sty-01 {
	width: 100%;
	border-top: 1px solid #ddd;
}
.table-sty-01 th {
	width: 110px;
	padding: 18px 20px;
	line-height: 1.8;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}
.table-sty-01 td {
	padding: 18px 0;
	line-height: 1.8;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}

.table-sty-02 {
	width: 100%;
}
.table-sty-02 th {
	width: 110px;
	padding: 18px 20px;
	line-height: 1.8;
	text-align: left;
	vertical-align: middle;
}
.table-sty-02 td {
	padding: 18px 0;
	line-height: 1.8;
	text-align: left;
	vertical-align: middle;
}
.table-sty-02 tr:nth-child(odd) {
	background: #f6f6f6;
}

/** box
===================================*/
.box-sty-01 {
	padding: 30px;
	margin: 0 0 30px;
	border-top: 3px solid #67679a;
	background: #f6f6f6;
}
.box1-ti-01 {
	margin: 0 0 30px;
	padding: 0 0 20px;
	color: #03034e;
	font-size: 200%;
	border-bottom: 1px solid #67679a;
}
.box-sty-01 .float-l {
	width: 550px;
}
.box1-content {
	font-size: 115%;
}
.box1-in {
	padding: 20px;
	font-size: 86%;
	border-radius: 8px;
	background: #fff;
}
.box1-in img {
	float: left;
	margin-right: 20px;
}
/** list
===================================*/
.list-sty-01 li {
	float: left;
	width: 414px;
	margin-bottom: 30px;
	border: 3px solid #ececec;
}
.list-sty-01 li:nth-child(odd) {
	margin-right: 30px;
}
.list-sty-01 li p {
	padding: 5px 10px;
	color: #03034e;
	font-size: 115%;
	font-weight: bolder;
	background: url(../img/list_bg_01.gif) repeat left top;
}
/* list2 */
.list-sty-02 {
	padding: 15px;
	border: 1px solid #ddd;
	background: #f6f6f6;
}
.list-sty-02 li {
	padding-left: 15px;
	background: url(../img/common_arrow_03.gif) no-repeat left center;
}
.list-sty-02 li:not(:last-child) {
	margin: 0 0 15px;
}


/** 吹き出し
===================================*/
.balloon {
	position: relative;
	margin: 0 0 60px;
	padding: 25px 0;
	text-align: center;
	color: #fff;
	font-size: 172%;
	font-weight: bolder;
	line-height: 1.5;
	background: #67679a;
}
.balloon:after {
	position: absolute;
	content: '';
	display: block;
	bottom: -19px;
	left: 50%;
	width: 42px;
	height: 19px;
	margin-left: -21px;
	background: url(../img/balloon_arrow_01.gif) no-repeat left top;
}

/*==================================

　■会社概要

 *==================================*/
 /** 会社概要
===================================*/
#profile table {
	width: 500px;
}
#profile .float-r {
	width: 450px;
}
/** 代表挨拶
===================================*/
#message {
	display: table;
	border: 2px solid #03034e;
}
.message-box-01 {
	display: table-cell;
	width: 500px;
	text-align: center;
	vertical-align: middle;
	background: #03034e;
}
.message-box-02 {
	position: relative;
	display: table-cell;
	width: 436px;
	padding: 30px;
}
.message-box-02 p {
	line-height: 2;
}
.message-box-02:after {
	content: '';
	display: block;
	position: absolute;
	left: -32px;
	top: 50%;
	width: 32px;
	height: 42px;
	margin-top: -21px;
	background: url(../img/company_img_02.gif) no-repeat left top;
}
/*==================================

　■カミヤ産業の特長

 *==================================*/
#feature-col2 .float-l,
#feature-col2 .float-r {
	width: 420px;
	height: 500px;
}
#feature-col2 .box1-ti-01 {
	line-height: 1.5;
	margin-bottom: 0;
	border-bottom: 0;
}
/*==================================

　■お問い合わせ

 *==================================*/
.red {
	color: #cd0000;
}
.form-01 {
	width: 100%;
}
.form-01 th {
	width: 210px;
	padding: 0 20px;
	color: #fff;
	line-height: 2;
	text-align: left;
	vertical-align: middle;
	border-bottom: 2px solid #fff;
	background: #4E4E83;
}
.form-01 td {
	padding: 20px 30px;
	border-bottom: 2px solid #f6f6f6;
	background: #fff;
}
.red {
	color: #cd0000;
}
.form-01 td textarea {
	width: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	text-align: left;
	text-indent: 5px;
	vertical-align: middle;
	background: #f8f9fc;
	border: 1px solid #ccc;
	border-radius: 0;
	box-sizing: border-box;
}
.form-01 td input[type="text"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	height: 30px;
	line-height: 30px;
	text-align: left;
	text-indent: 5px;
	vertical-align: middle;
	background: #f8f9fc;
	border: 1px solid #ccc;
	border-radius: 0;
	box-sizing: border-box;
}
/*==================================

　■取扱商品

 *==================================*/
/* box2 */
.products-box-01 {
	display: table;
	padding: 30px;
	margin: 0 0 30px;
	border: 1px solid #cdcddb;
}
.products-box-01 .img {
	display: table-cell;
	width: 448px;
	padding-right: 30px;
	text-align: center;
	vertical-align: middle;
}
.products-box-01 .content {
	display: table-cell;
	width: 460px;
}
.products-box-01 h2 {
	margin: 0 0 20px;
	font-size: 158%;
}
.products-box-01 h2 a {
	color: #2895d5;
}
.products-box-01 h2 a[target="_blank"] {
	padding-right: 30px;
	background: url(../img/common_blank.png) no-repeat right center;
}
.products-box-01 .content p {
	padding: 20px 0 0;
	border-top: 1px dotted #ddd;
}

/*==================================

　■採用情報

 *==================================*/
#recruit-contact {
	border: 1px solid #03034e;
}
/*==================================

　■中古プリンター販売

 *==================================*/
.printer-box-01 {
	margin: 0 0 20px;
}
.printer-box-01 h2 {
	padding: 15px;
	color: #fff;
	font-size: 148%;
	font-weight: bolder;
	background: #03034e;
}
.pb-content {
	padding: 30px;
	background: #f9f9f9;
}
.pb-content .float-r {
	width: 550px;
}
.pb-content .float-r p:not(:last-child) {
	margin-bottom: 1em;
}
.pb-content .float-l {
	width: 260px;
}
/*==================================

　■スクラップブッキング

 *==================================*/
#scrapbooking {
	background: #fefcf7;
}
#scrapbooking .inner920 p {
	font-size: 115%;
}
#scrap-works li {
	float: left;
	width: 221px;
	margin: 0 12px 12px 0;
}
#scrap-works li:nth-child(4n) {
	margin-right: 0;
}
.blog {
	font-size: 115%;
	padding: 30px;
	background: #fff;
}
.blog ul li {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px dotted #FF9DC5;
}
.blog ul li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.blog ul li a,
.blog ul li span {
	display: inline-block;
}
.blog ul li a {
	float: left;
	width: 750px;
	color: #ff0000;
}

.blog ul li span {
	float: left;
	width: 90px;
	margin-right: 20px;
}
/*==================================

　■お知らせ・イベント情報

 *==================================*/
.post {
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px dotted #ddd;
}
.post>header {
	margin: 0 0 30px;
	padding: 0 0 20px;
	border-bottom: 2px solid #F6F6F6;
}
.post-ti-01 {
	margin: 0 0 25px;
	padding: 0 0 0 10px;
	color: #03034E;
	font-size: 200%;
	border-left: 4px solid #67679a;
}
.post-ti-01 a {
	color: #03034E;
	text-decoration: none;
}
.post-ti-01 a:hover {
	text-decoration: underline;
}

.post-content {
	font-size: 115%;
	overflow: hidden;
}
.post-btn {
	width: 300px;
	margin: 0 auto;
}
.post .post-date time {
	display: inline-block;
	margin-right: 10px;
}

/*==================================

　■WordPress用 CSS

 *==================================*/
/*__ Pagenavi _____________*/
#pagenavi {
	text-align: center;
	padding-bottom: 20px;
}
.wp-pagenavi {
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	color: #4E4E83;
}
.wp-pagenavi span.pages {
	padding: 10px 14px !important;
	margin: 4px !important;
	background: #fff;
	border: 1px solid #dadada !important;
}
.wp-pagenavi .current {
	padding: 10px 14px !important;
	color: #fff;
	font-weight: bolder;
	background: #4E4E83;
}
.wp-pagenavi a {
	padding: 10px 14px !important;
	margin: 4px !important;
	text-decoration: none !important;
	border: 1px solid #dadada !important;
	color: #4E4E83;
	background: #fff;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
}

/* 編集ボタン */
.edit a {
	clear: both;
	display: inline-block;
	padding: 5px 10px;
	margin-top: 5px;
	background: #666;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
}
/*__ 画像用 _____________*/
/* 配置位置 指定なし*/
img.alignnone {
	margin: 0 0 10px 0;
}
/* 配置位置 右 */
img.alignright {
	float: right;
	margin: 0 0 5px 15px;
	text-align: right;
}
/* 配置位置 左 */
img.alignleft {
	float: left;
	margin: 0 15px 5px 0;
	text-align: left;
}
/* 配置位置 中央 */
img.aligncenter {
	display: block;
	margin: 0 auto 5px;
}

/**  MW WP FORM
===================================*/
/*確認画面へ進むボタン用*/
.form_btn {
	overflow: hidden;
	_zoom: 1;
}
.form_btn li {
	text-align: center;
	margin-bottom: 20px;
}
.form_btn li:last-child {
	margin-bottom: 0;
}

.mw_wp_form_input .btn input {
	width: 360px;
	height: 60px;
	color: #fff;
	font-size: 100%;
	font-weight: bolder;
	background: #FF7300;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
}
.mw_wp_form_confirm .btn input {
	/*送信ボタン用*/
	width: 360px;
	height: 60px;
	color: #fff;
	font-size: 100%;
	font-weight: bolder;
	background: #FF7300;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
}
#submitback input {
	/*戻るボタン用*/
	width: 360px;
	height: 60px;
	color: #fff;
	font-size: 100%;
	font-weight: bolder;
	background: #ccc;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
}

.mw_wp_form mw_wp_form_confirm .hidden,
.mw_wp_form_preview .hidden  {
	display: none;
}
/* 完了メッセージ */
.form_t1 {
	padding: 40px 0 20px;
	line-height: 2;
	font-size: 115%;
	font-weight: bolder;
	color: #DF070B;
	text-align: center;
}
.form_t2 {
	line-height: 2;
	text-align: center;
}

/*==================================

　■事業内容

 *==================================*/

.outsourcing{
	padding:5% 0;
	background:#ececec;
}

.outsourcing-box{
	width: 1000px;
	height: 430px;
	position: relative;
	margin:0 auto;
}

.outsourcing-img{
	text-align: center;
}

.outsourcing-link1{
	position: absolute;
	left:42px;
	bottom:35px;
}

.outsourcing-link2{
	position: absolute;
	right:40px;
	bottom:35px;
}

.t-link a{
	position: relative;
	width: 340px;
	display: block;
	padding:12px 0;
	text-align: center;
	border:2px solid #fff;
	text-decoration: none;
	color:#fff;
	font-size: 16px;
}

.t-link a:after{
	content:"";
	position: absolute;
	right: 15px;
	top:calc( 50% - 5px );
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tabMenu {
	margin-bottom:60px;
	border-bottom:2px solid #03034e;
	text-align: center;
}

.tabMenu li{
	display: inline-block;
	width: 400px;
	margin:0 auto;
	position: relative;
}

.tabMenu li:first-child{
	margin-right: 70px;
}

.tabMenu li a{
	display: block;
	padding:20px 0;
	width: 400px;
	border:2px solid #03034e;
	border-bottom:none;
	text-decoration: none;
	font-size: 18px;
}

.tabMenu .tab-no a{
	background: #03034e;
	text-align: none;
	color:#fff;
}

.tabMenu .tab-on a{
	color:#03034e;
	position: relative;
}

.tabMenu .tab-on a:hover{
	opacity: 1;
}

.tabMenu .tab-on a:after{
	content:"";
	width: 400px;
	height: 4px;
	background: #fff;
	position: absolute;
	bottom:-4px;
	left:0px;
	
}

.workBox{
	border:2px solid #f6f6f6;
	padding:4%;
	margin-bottom:30px;
}

.workBox h2{
	font-size: 24px;
	line-height: 160%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
position: relative;
}

.outTitle:before{
	position: relative;
	content:"こんな業者を探してます";
	color:#fff;
	text-align: center;
	padding:5px 0;
	min-width: 200px;
	margin-right: 30px;
	background: #53aadb;;
	font-size: 14px;
	font-weight: normal;
}

.conTitle:before{
	position: relative;
	content:"こんなお仕事ができます";
	color:#fff;
	text-align: center;
	padding:5px 0;
	min-width: 200px;
	margin-right: 30px;
	background: #71bc5a;
	font-size: 14px;
	font-weight: normal;
}

.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top:25px;
}

.workText{
	width: 56%;
	margin-right: 4%;
	background: #f6f6f6;
	padding:3%;
}

.workText h3{
	font-size: 22px;
}

.workImg{
	width: 40%;
}

.workImg img{
	width: 100%;
	height: auto;
}

.workMap{
	margin:10px 0 5px;
	position: relative;
}

.workMap:before{
	content:"";
	background: url(../img/common_map.gif) no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	width: 19px;
	height: 21px;
	margin:0 5px 5px 0;
}

.t-textC{
	text-align: center;
	width: 100%;
}

/* ============================ よくある質問  */

.faq{
    border:1px solid #ccc;
    padding: 40px 3%;
    margin-bottom: 60px;
}

.faq-list{
    margin-bottom: 5%;
}

.faq-list:last-of-type{
     margin-bottom:0;
}
.faq-list li{
    margin-bottom: 2%;
    padding-bottom: 2%;
    border-bottom: 1px dashed #ccc;
}

.faq-list li:last-child{
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0;
}

.faq-list li a{
    text-decoration: none;
    color:#222;
    font-size: 16px;
    padding-left: 45px;
    position: relative;
}

.faq-list li a:before{
    content:"";
    position: absolute;
    top:50%;
    left: 15px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background:url("../img/icon_pdf.png") no-repeat center center;
    background-size: contain;
}