body {
	background: url("../img/bg_gray.jpg") left top / 1200px repeat;
	color: #3E3A39;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	position: relative;
    overflow-x: hidden;
	-webkit-text-size-adjust: 100%; /* iphone横向き 文字拡大防止 */
}
img {
	display: block;
	width: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a {
	text-decoration: none;
	color: #000;
	transition: all .3s;
}
a:hover {
	opacity: 0.7;
}
p {
	font-size: 14px;
	line-height: 1.8;
}

/*==================================================================================
ヘッダー
==================================================================================*/
header {
	width: 100%;
	border-bottom: 1px #000 solid!important;
	z-index: 9999;
}
.head_logo {
	display: block;
	padding: 10px 60px;
}
.head_logo img {
	width: 140px;
}
nav.head_nav {
	width: calc(100% - 261px);
	border-left: 1px #000 solid;
}
nav.head_nav ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}
nav.head_nav ul li a {
	display: block;
	padding: 25px 40px;
	font-size: 16px;
}
nav.head_nav ul li:last-child a {
	border-left: 1px #000 solid;
	background: #F4E827;
}
nav.head_nav ul li a:hover {
	opacity: 1;
	background: rgba(255,255,255,0.5);
}
nav.head_nav ul li:last-child a:hover {
	background: #FFF000;
}

/* スマホ版 メニュー -----------------------*/
nav.globalMenuSp {
    z-index: 2;
    width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
    position: fixed;
    top: 0;
    left: 0;
}
nav.globalMenuSp.active {
    opacity: 1;
	visibility: visible;
}
nav.globalMenuSp ul {
    width: 100%;
	padding: 40px 0;
    background: #f3f3f3;
}
nav.globalMenuSp ul li {
	width: 80%;
	margin: auto;
    border-bottom: 1px #000 dotted;
}
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
nav.globalMenuSp ul li a {
    display: block;
	padding: 20px 0;
	font-size: 14px;
    text-align: center;
}
nav.globalMenuSp ul li:last-child a {
	background: #F4E827;
}
.navToggle {
    z-index: 3;
    display: block;
    width: 40px;
    height: 40px;
	background: #F4E827;
    text-align: center;
    cursor: pointer;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 20px;
    top: 10px;
}
.navToggle.active {
	background: none;
}
.navToggle span {
    display: block;
    width: 26px;
    border-bottom: solid 2px #3E3A39;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    position: absolute;    /* .navToggleに対して */
    left: 7px;
}
.navToggle span:nth-child(1) {
    top: 11px;
}
.navToggle span:nth-child(2) {
    top: 19px;
}
.navToggle span:nth-child(3) {
    top: 27px;
}
.navToggle.active span:nth-child(1) {
    top: 19px;
    left: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 19px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*==================================================================================
共通
==================================================================================*/
/* レイアウト */
section {
	padding: 120px 0!important;
}
.container {
	width: calc(100% - 40px);
	max-width: 1200px;
	padding: 0 20px;
	margin: auto;
}
.max680 {
	max-width: 680px;
	margin: auto;
}
.max960 {
	max-width: 960px;
	margin: auto;
}
.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.row.align_center {
	align-items: center;
}
.row.just_start {
	justify-content: flex-start;
}

.mb_10 {
	margin-bottom: 10px;
}
.mb_20 {
	margin-bottom: 20px;
}
.mb_30 {
	margin-bottom: 30px;
}
.mb_60 {
	margin-bottom: 60px;
}
.mb_120 {
	margin-bottom: 120px;
}

.border {
	border: 2px #231815 solid;
}

/* フォント */
h1 {
	padding: 15px!important;
	background: #231815;
	color: #fff;
	font-size: 30px;
	text-align: center;
}
h2 {
	width: calc(50% - 40px);
	padding: 40px 20px!important;
	font-weight: normal;
	text-align: center;
	letter-spacing: .1em;
}
h2 span {
	display: inline-block;
	padding-left: 100px;
	font-size: 36px;
	position: relative;
}
h2 span::before {
	content: "";
	display: block;
	width: 70px;
	height: 70px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
h2.animated span {
	animation: h2 .6s;
}
@keyframes h2 {
	0% {
		opacity: 0;
		transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
#dm h2 {
	background: url("../img/bg_gray2.jpg") center center / 680px repeat;
	color: #fff;
}
#dm h2 span::before {
	background-image: url("../img/icon_dm.png");
}
#works h2 {
	margin: 0 0 60px auto;
	background: url("../img/bg_gray.jpg") center center / cover no-repeat;
}
#works h2 span::before {
	background-image: url("../img/icon_box.png");
}
#works h2.animated span {
	animation: h2_l .6s;
}
@keyframes h2_l {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
#about h2 {
	width: 100%;
	padding: 0!important;
}
#about h2 span {
	padding-left: 0;
	font-size: 28px;
}
#about h2 span::before {
	display: none;
}
#about h2.animated span {
	animation: none;
}
h3 {
	padding-bottom: 15px!important;
	font-size: 18px;
	text-align: right;
	position: relative;
}
h3::after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px #000 solid;
	position: absolute;
	left: 0;
	bottom: 0;
}
.font_18 {
	font-size: 18px;
}
.font_28 {
	font-size: 28px;
}
.txt_center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.indent {
	padding-left: 1em;
	text-indent: -1em;
}

/* アニメーション */
.animated.fadeUp_zero {
	animation: fadeUp_zero .5s;
}
@keyframes fadeUp_zero {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.animated.fadeUp_1st {
	animation: fadeUp_1st 1s;
}
@keyframes fadeUp_1st {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	50% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.animated.fadeUp_2nd {
	animation: fadeUp_2nd 1.5s;
}
@keyframes fadeUp_2nd {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	66.6% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/*==================================================================================
INDEX
==================================================================================*/
section#main .main_logo img {
	width: 140px;
	margin: auto;
}
section#main .btn_anker {
	display: block;
	width: calc(50% - 42px - 10px);
	padding: 20px 20px 45px;
	border: 1px #000 solid;
	text-align: center;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	position: relative;
}
section#main .btn_anker:nth-child(1) {
	background: url("../img/bg_gray2.jpg") center center / 680px repeat;
}
section#main .btn_anker:nth-child(2) {
	background: rgba(255,255,255,0.3);
}
section#main .btn_anker::after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	transform: rotate(45deg) translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 15px;
	transition: all 0.3s;
}
section#main .btn_anker:nth-child(1)::after {
	border-color: #fff;
}
section#main .btn_anker span {
	display: inline-block;
	padding-bottom: 75px;
	font-size: 24px;
	letter-spacing: .1em;
	position: relative;
}
section#main .btn_anker:nth-child(1) span {
	color: #fff;
}
section#main .btn_anker span::after {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
section#main .btn_anker:nth-child(1) span::after {
	background-image: url("../img/icon_dm.png");
}
section#main .btn_anker:nth-child(2) span::after {
	background-image: url("../img/icon_box.png");
}
section#main .btn_anker:nth-child(1):hover {
	opacity: 1;
}
section#main .btn_anker:nth-child(1)::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.3s;
}
section#main .btn_anker:nth-child(1):hover::before {
	opacity: 1;
}
section#main .btn_anker:nth-child(2):hover {
	opacity: 1;
	background: rgba(255,255,255,0.6);
}
section#main .btn_anker:nth-child(1):hover::after,
section#main .btn_anker:nth-child(2):hover::after {
	bottom: 10px;
}

section#main .btn_about {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100px;
	margin: auto;
	border-radius: 50%;
	background: #fff;
}
section#main .btn_about span {
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 2px #3E3A39 solid;
	font-size: 16px;
	font-weight: bold;
}

/* Business --------------------------------------------------------------------*/
section#business {
	padding-bottom: 0!important;
}
section#business .icon_gear img {
	width: 60px;
	margin: auto;
}
section#business .position {
	position: relative;
}
section#business .position h3 {
	width: 100%;
	position: absolute;
	top: 0;
	left: calc(-100% - 40px);
}
/* DM発送代行 -------------------------------*/
section#business #dm {
	padding-bottom: 120px;
	background: #fff;
}
/* ご利用の流れ */
section#business .flow {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: calc(100% / 6 - 11px);
	padding: 20px 5px 10px;
	border-right: 1px #000 solid;
	text-align: center;
	position: relative;
}
section#business .flow::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	border-top: 1px #000 solid;
	border-right: 1px #000 solid;
	background: #FFF000;
	position: absolute;
	top: 50%;
	right: -8px;
	transform: translateY(-50%) rotate(45deg);
}
section#business .flow::after {
	content: "";
	display: block;
	width: 10px;
	height: 20px;
	background: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
section#business .flow:last-child::before,
section#business .flow:last-child::after {
	display: none;
}
section#business .flow p {
	width: 100%;
	line-height: 1.4;
	position: relative;
}
section#business .flow img {
	width: 40px;
	margin: 0 auto 10px;
	position: relative;
}

/* 取扱商品 */
section#business #dm ul.production {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 100%;
	height: 140px;
}
section#business #dm ul.production li {
	width: calc(100% / 5);
	margin-bottom: 10px;
}
section#business #dm ul.production li p {
	line-height: 1;
}
section#business #dm ul.production li:last-child p {
	padding-top: 20px;
	text-align: right;
}
/* メリット・特徴 */
section#business #dm .point {
	position: relative;
}
section#business #dm .point .txt {
	width: 50%;
}
section#business #dm .point .img {
	width: 30%;
	position: absolute;
	top: 50%;
	left: 60%;
	transform: translateY(-50%);
}
section#business #dm .melit_wrap {
	position: relative;
}
section#business #dm .melit_wrap::before {
	content: "";
	display: block;
	width: 50%;
	height: calc(100% + 30px);
	border-right: 1px #000 solid;
	position: absolute;
	top: 0;
	left: 0;
}
section#business #dm .melit {
	width: 50%;
	padding: 10px 0;
	position: relative;
}
section#business #dm .melit.right {
	margin: 0 0 0 auto;
}
section#business #dm .melit .img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 70px;
	border: 1px #000 solid;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
section#business #dm .melit.right .img {
	left: auto;
	right: 0;
}
section#business #dm .melit.animated .img {
	animation: melit_icon .5s;
}
@keyframes melit_icon {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
section#business #dm .melit .img img {
	width: 50px;
}
section#business #dm .melit .txt p {
	padding: 0 10px 0 85px;
}
section#business #dm .melit:first-child .txt p {
	letter-spacing: -.3px;
}
section#business #dm .melit.right .txt p {
	padding: 0 85px 0 10px;
}
section#business #dm .melit .txt p.ttl {
	padding-bottom: 10px;
	line-height: 1;
	position: relative;
}
section#business #dm .melit .txt p.ttl::after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px #000 solid;
	position: absolute;
	left: 0;
	bottom: 0;
}
section#business #dm .melit.right .txt p.ttl::after {
	left: auto;
	right: 0;
}
section#business #dm .melit.animated .txt p.ttl::after {
	animation: melit_bd 1s;
}
@keyframes melit_bd {
	0% {
		width: 0%;
	}
	50% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}
/* 運送会社 */
section#business #dm .trans span {
	display: inline-block;
	width: 100px;
	text-align-last: justify;
}
/* 軽作業 -----------------------------------*/
section#business #works {
	padding-bottom: 120px;
	background: #3E3A39;
}
section#business #works .position h3 {
	color: #fff;
}
section#business #works .position h3::after {
	border-color: #fff;
}
section#business #works p {
	color: #fff;
}
/* ご利用の流れ */
section#business #works .flow {
	width: calc(100% / 5 - 12px);
	border-color: #fff;
}
section#business #works .flow::before {
	border-color: #fff;
}
section#business #works .flow::after {
	background: #3E3A39;
}
section#business #works .flow img {
	width: 80px;
}
/* メリット・特徴 */
section#business #works .melit {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: calc(100% / 3 - 22px - 5px);
	margin-bottom: 10px;
	padding: 30px 10px 20px;
	border: 1px #fff solid;
}
section#business #works .melit img {
	width: 80px;
	margin: 0 auto 20px;
}
section#business #works .melit p {
	width: 100%;
	line-height: 1.4;
}


/*==================================================================================
About us
==================================================================================*/
section#about {
	padding: 0 0 120px!important;
}
section#about table {
	width: 100%;
}
section#about table p {
	font-size: 16px;
	line-height: 1.4;
}
section#about table th {
	width: 80px;
	text-align: left;
	text-align-last: justify;
}
section#about table td {
	width: calc(100% - 80px - 30px);
	padding: 0 0 20px 30px;
}
section#about .group {
	padding: 20px 40px 40px;
	border-top: 1px #000 solid;
	background: rgba(255,255,255,0.7);
	position: relative;
}
section#about .group .logo_clutch img {
	width: 240px;
	margin: auto;
}
section#about .group table p {
	font-size: 14px;
}
section#about .group .mark {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
section#about .group .mark .privacy {
	width: 70px;
	margin-right: 20px;
}
section#about .group .mark .member {
	width: 80px;
}

/* ページトップへ戻るボタン */
.btn_pagetop {
	display: block;
	width: calc(50px - 2px);
	height: calc(50px - 2px);
	border: 1px #000 solid;
	border-radius: 50%;
	background: #F4E827;
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 100;
}
.btn_pagetop span {
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px #000 solid;
	border-right: 1px #000 solid;
	transform: translateX(-50%) rotate(-45deg);
	position: absolute;
	top: 45%;
	left: 50%;
}

/*==================================================================================
フッター
==================================================================================*/
footer {
	padding: 30px 0!important;
	background: #fff;
	text-align: center;
}



.tb {display: none;}
.pc {display: inline;}
.sp {display: none;}


@media screen and (max-width : 1024px) {
	h3::after {
		left: calc(-100% + 130px);
	}
	/* Business --------------------------------------------------------------------*/
	section#business .position h3 {
		margin-bottom: 30px;
		text-align: left;
		position: relative;
		top: 0;
		left: 0;
	}
}

@media screen and (max-width : 960px) {
	body {
		background-image: url("../img/bg_gray_sp.jpg");
		background-size: 960px;
	}
	.pc {display: none;}
	.tb {display: inline;}

	/*==================================================================================
	ヘッダー
	==================================================================================*/
	.head_logo {
		padding: 18px 30px;
		border-right: 1px #000 solid;
	}
	.head_logo img {
		width: 100px;
	}
	nav.head_nav {
		display: none;
	}
		
	/*==================================================================================
	共通
	==================================================================================*/
	/* レイアウト */
	section {
		padding: 80px 0!important;
	}
	.container {
		max-width: 680px;
	}
	.mb_20 {
		margin-bottom: 15px;
	}
	.mb_30 {
		margin-bottom: 20px;
	}
	.mb_60 {
		margin-bottom: 40px;
	}
	.mb_120 {
		margin-bottom: 80px;
	}

	/* フォント */
	h1 {
		font-size: 24px;
	}
	h2 {
		min-width: calc(360px - 40px);
		padding: 30px 20px!important;
	}
	h2 span {
		padding-left: 80px;
		font-size: 28px;
	}
	h2 span::before {
		width: 50px;
		height: 50px;
	}
	#works h2 {
		margin: 0 0 40px auto;
	}
	#about h2 span {
		font-size: 20px;
	}
	.font_18 {
		font-size: 16px;
	}
	.font_28 {
		font-size: 20px;
	}

	/*==================================================================================
	INDEX
	==================================================================================*/
	section#main {
		padding: 40px 0 80px!important;
	}
	section#main .main_logo img {
		width: 120px;
	}
	section#main .btn_anker {
		width: calc(50% - 22px - 5px);
		padding: 15px 10px 35px;
	}
	section#main .btn_anker::after {
		width: 10px;
		height: 10px;
		bottom: 10px;
	}
	section#main .btn_anker span {
		padding-bottom: 65px;
		font-size: 18px;
	}
	section#main .btn_anker span::after {
		width: 50px;
		height: 50px;
	}

	/* Business --------------------------------------------------------------------*/
	section#business .icon_gear img {
		width: 40px;
	}
	/* DM発送代行 -------------------------------*/
	section#business #dm {
		padding-bottom: 80px;
	}
	/* ご利用の流れ */
	section#business .flow {
		width: calc(100% / 3 - 12px);
		margin-bottom: 30px;
		border-bottom: 1px #000 solid;
	}
	/* 取扱商品 */
	section#business #dm ul.production {
		height: 200px;
	}
	section#business #dm ul.production li {
		width: calc(100% / 3);
	}
	/* メリット・特徴 */
	section#business #dm .point .txt {
		width: calc(100% - 200px);
	}
	section#business #dm .point .img {
		width: 180px;
		left: auto;
		right: 0;
	}
	section#business #dm .melit_wrap {
		max-width: 360px;
		margin: 0 auto 80px;
	}
	section#business #dm .melit_wrap::before {
		display: none;
	}
	section#business #dm .melit {
		width: 100%;
		min-height: 60px;
		padding: 0;
		margin-bottom: 40px;
	}
	section#business #dm .melit.right {
		margin: 0 auto 40px;
	}
	section#business #dm .melit .img {
		width: 70px;
		height: 70px;
		top: -10px;
	}
	section#business #dm .melit .img img {
		width: 50px;
	}
	section#business #dm .melit .txt p {
		padding: 0 10px 0 85px;
	}
	section#business #dm .melit.right .txt p {
		padding: 0 85px 0 10px;
	}
	section#business #dm .melit .txt p.ttl {
		padding-bottom: 10px;
	}
	/* 軽作業 -----------------------------------*/
	section#business #works {
		padding-bottom: 80px;
	}
	/* ご利用の流れ */
	section#business #works .flow {
		width: calc(100% / 3 - 12px);
	}
	section#business #works .flow img {
		width: 60px;
	}
	/* メリット・特徴 */
	section#business #works .melit {
		width: calc(100% / 2 - 12px - 3px);
		margin-bottom: 6px;
		padding: 20px 5px;
	}
	section#business #works .melit img {
		width: 60px;
		margin: 0 auto 15px;
	}

	/*==================================================================================
	About us
	==================================================================================*/
	section#about {
		padding: 0 0 80px!important;
	}
	section#about table p {
		font-size: 14px;
	}
	section#about table th {
		width: 60px;
	}
	section#about table td {
		width: calc(100% - 60px - 20px);
		padding: 0 0 20px 20px;
	}
	section#about .group {
		padding: 20px 20px 40px;
	}
	section#about .group .mark {
		right: 10px;
		bottom: 10px;
	}
	section#about .group .mark .privacy {
		width: 50px;
		margin-right: 10px;
	}
	section#about .group .mark .member {
		width: 60px;
	}


	/* ページトップへ戻るボタン */
	.btn_pagetop {
		width: calc(40px - 2px);
		height: calc(40px - 2px);
		right: 20px;
		bottom: 20px;
	}
	.btn_pagetop span {
		width: 8px;
		height: 8px;
	}
	/*==================================================================================
	フッター
	==================================================================================*/
	footer {
		padding: 20px 0!important;
	}
	footer p {
		font-size: 10px;
	}
}


@media screen and (max-width : 460px) {
	.tb {display: none;}
	.sp {display: inline;}

	p {font-size: 12px;}

	/* フォント */
	h2 {
		width: calc(100% - 40px);
		padding: 20px!important;
	}
	h2 span {
		padding-left: 0;
	}
	h2 span::before {
		width: 40px;
		height: 40px;
		left: -60px;
	}
	h3::after {
		width: calc(100% + 20px);
		left: -20px;
	}
	/*==================================================================================
	INDEX
	==================================================================================*/
	/* Business ----------------------------------------------------------------------*/
	section#business .position h3 {
		display: inline-block;
		width: auto;
	}
	/* ご利用の流れ */
	section#business .flow {
		width: calc(100% - 20px);
		max-width: calc(210px - 20px);
		margin: 0 auto 30px;
		padding: 0 10px 20px;
		border-right: none;
	}
	section#business .flow:last-child {
		border-bottom: none;
	}
	section#business .flow::before {
		width: 10px;
		height: 10px;
		border-top: none;
		border-bottom: 1px #000 solid;
		border-right: 1px #000 solid;
		top: auto;
		bottom: -6px;
		right: 50%;
		transform: translateX(50%) rotate(45deg);
	}
	section#business .flow::after {
		width: 20px;
		height: 10px;
		top: auto;
		bottom: 0;
		right: 50%;
		transform: translateX(50%);
	}
	section#business .flow img {
		width: 50px;
	}
	section#business .flow p {
		font-size: 16px;
	}
	/* 取扱商品 */
	section#business #dm ul.production {
		height: 270px;
	}
	section#business #dm ul.production li {
		width: calc(100% / 2);
	}
	/* メリット・特徴 */
	section#business #dm .point .txt {
		width: 100%;
		margin-bottom: 20px;
	}
	section#business #dm .point .img {
		width: 100%;
		max-width: 200px;
		margin: auto;
		position: relative;
		top: 0;
		left: 0;
		transform: none;
	}
	section#business #dm .melit_wrap::before {
		height: calc(100% + 20px);
		border-right: 1px #000 solid;
	}
	/* 軽作業 -----------------------------------*/
	/* ご利用の流れ */
	section#business #works .flow {
		width: calc(100% - 20px);
		max-width: calc(240px - 20px);
	}
	section#business #works .flow img {
		width: 70px;
	}
	/* メリット・特徴 */
	section#business #works .melit p.font_18 {
		font-size: 14px;
	}

	/*==================================================================================
	About us
	==================================================================================*/
	section#about table th {
		display: block;
		width: 100%;
		text-align-last: left;
	}
	section#about table td {
		display: block;
		width: 100%;
		padding: 5px 0 10px;
	}
	section#about .group {
		padding: 10px 20px 40px;
	}
	section#about .group .logo_clutch img {
		width: 180px;
	}
	section#about .group table p .bold {
		font-weight: normal;
	}

}