@charset "UTF-8";

@import url(../js/photoswipe/photoswipe.css);
@import url(../js/remodal/remodal.css);
@import url(common.css);


/* ----------------------------
  共通部分
---------------------------- */

.pswp {
	z-index: 11000;
}

#biz_body {
	background-image: url(../img/mail_order/main_bg.jpg);
}
@media screen and (max-width: 640px) {
	#biz_body {
		background-image: url(../img/mail_order/sp/main_bg.jpg);
		background-size: contain;
	}
}
@media screen and (min-width: 641px) {
	#biz_body .frame.red > .head.min {
		font-size: 22px;
	}
}

#biz_body #h1_area h1,
#biz_body #h1_area .txt {
	/*color: #FFF;*/
	text-shadow: 0 0 3px rgba(255,255,255,1);
}


#biz_body .frame.red h3 {
	font-size: 26px;
	font-weight: bold;
	color: #cc0000;
	padding-bottom: 25px;
	background: none;
	border-bottom: 3px solid #cc0000;
	margin: 0 0 25px 0;
	text-align: center;
}
#biz_body .frame.red h3 .label {
	padding: 6px 3px 6px 9px;
	margin-top: -3px;
	margin-right: 18px;
	border: 2px solid #cc0000;
	font-size: 16px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}

#biz_body .frame.red h3 + .lead {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}

@media screen and (max-width: 640px) {
	#biz_body .frame.red h3 {
		font-size: 18px;
		font-weight: bold;
		color: #cc0000;
		padding: 0 0 10px 0;
		background: none;
		border-bottom: 2px solid #cc0000;
		margin: 0 0 13px 0;
		text-align: left;
	}

	#biz_body .frame.red h3 .label {
		padding: 3px 2px 3px 4px;
		margin-top: -3px;
		margin-right: 18px;
		margin-bottom: 5px;
		border: 1px solid #cc0000;
		font-size: 12px;
		line-height: 1;
		display: inline-block;
		vertical-align: middle;
	}

	#biz_body .frame.red h3 + .lead {
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		margin-bottom: 5px;
	}
}

#biz_body .frame.red .fig {
	text-align: center;
}


/* ----------------------------
  item4
---------------------------- */

#biz_body .frame.red .item4 {
	margin-bottom: 45px;
}
#biz_body .frame.red .item4 > ul > li {
	width: 50%;
	float: left;
	padding: 40px 20px;
	box-sizing: border-box;
}

#biz_body .frame.red .item4 > ul > li:nth-child(2n) {
	border-left: 3px dotted #000;
}
#biz_body .frame.red .item4 > ul > li:nth-child(n+3) {
	border-top: 3px dotted #000;
}


#biz_body .frame.red .item4 > ul > li .img {
	text-align: center;
	float: right;
	margin-left: 15px;
}
#biz_body .frame.red .item4 > ul > li .name {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.3;
}
#biz_body .frame.red .item4 > ul > li .name + .img {
	margin-top: -8px;
}

#biz_body .frame.red .item4 > ul > li .txt {
	font-size: 16px;
	letter-spacing: 0.03em;
	line-height: 1.8;
	overflow: auto;
}

#biz_body .frame.red .item4 > ul > li .small {
	clear: both;
	margin-top: 15px;
	margin-bottom: -30px;
}
#biz_body .frame.red .item4 > ul > li .small {
	font-size: 10px;
	text-indent: -1em;
	padding-left: 1em;
}

#biz_body .frame.red .btn a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	width: 260px;
	padding: 12px;
	margin: 0 auto;
	border: 2px solid #cc0000;
	color: #cc0000;
	text-align: center;
	box-sizing: border-box;
	text-decoration: none;
}
#biz_body .frame.red .btn a:hover {
	opacity: 0.7;
}
#biz_body .frame.red .btn a::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 7px;
	background: url(../img/common/biz/arrow_rb.png) no-repeat;
	margin-top: -2px;
	margin-right: 7px;
}

@media screen and (max-width: 640px) {
	#biz_body .frame.red .item4 {
		margin-bottom: 30px;
	}

	#biz_body .frame.red .item4 > ul > li,
	#biz_body .frame.red .item4 > ul > li:nth-child(2n),
	#biz_body .frame.red .item4 > ul > li:nth-child(n+3) {
		width: auto;
		height: auto !important;
		float: none;
		padding: 20px 0;
		box-sizing: border-box;
		border-left: none;
	}
	#biz_body .frame.red .item4 > ul > li:nth-child(n+3){
		border-top: 2px dotted #000;
	}

	#biz_body .frame.red .item4 > ul > li + li {
		border-top: 2px dotted #000;
	}


	#biz_body .frame.red .item4 > ul > li .img {
		text-align: center;
		float: right;
		margin-left: 15px;
		width: 55px;
	}
	#biz_body .frame.red .item4 > ul > li .name {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
		line-height: 1.3;
	}
	#biz_body .frame.red .item4 > ul > li .name + .img {
		margin-top: 0;
	}

	#biz_body .frame.red .item4 > ul > li .txt {
		font-size: 12px;
		letter-spacing: 0.03em;
		line-height: 1.8;
		overflow: visible;
	}

	#biz_body .frame.red .item4 > ul > li .small {
		clear: both;
		margin-top: 15px;
		margin-bottom: -30px;
	}
	#biz_body .frame.red .item4 > ul > li .small {
		font-size: 10px;
		text-indent: -2.5em;
		padding-left: 2.5em;
	}


	#biz_body .frame.red .btn a {
		display: block;
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
		width: 60.163934%;
		padding: 12px;
		margin: 0 auto;
		border: 1px solid #cc0000;
		color: #cc0000;
		text-align: center;
		box-sizing: border-box;
		text-decoration: none;
	}
	#biz_body .frame.red .btn a:hover {
		opacity: 0.7;
	}
	#biz_body .frame.red .btn a::before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 8px;
		height: 5px;
		background: url(../img/common/biz/arrow_rb.png) no-repeat;
		background-size: contain;
		margin-top: -2px;
		margin-right: 4px;
	}
}

/* ------------------------------------------------
  #sec3
------------------------------------------------ */

#sec3 .body {
	text-align: center;
}
#sec3 .body .img {
	margin-bottom: 45px;
}
#sec3 .body .txt {
	margin-bottom: 25px;
	font-weight: bold;
}
#sec3 .body .txt.red {
	font-size: 26px;
	color: #cc0000;
	margin-bottom: 35px;
}
#sec3 .body .arrow {
	margin-bottom: 30px;
}

#biz_body .frame.red .item3 {
	margin-bottom: 45px;
}
#biz_body .frame.red .item3 li {
	width: 222px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	text-align: center;
}

#biz_body .frame.red .item3 li .img {
	margin-bottom: 10px;
}
#biz_body .frame.red .item3 li .txt {
	font-size: 18px;
	letter-spacing: 0.03em;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	#sec3 .body {
		text-align: left;
	}
	#sec3 .body .img {
		margin-bottom: 25px;
	}
	#sec3 .body .txt {
		font-size: 12px;
		margin-bottom: 25px;
		line-height: 1.8;
		font-weight: bold;
	}
	#sec3 .body .txt.red {
		font-size: 18px;
		color: #cc0000;
		margin-bottom: 40px;
		text-align: center;
	}
	#sec3 .body .arrow {
		margin: 0 auto 30px;
	}


	#biz_body .frame.red .item3 {
		margin-bottom: 15px;
		text-align: center;
	}
	#biz_body .frame.red .item3 li {
		width: 47%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		text-align: center;
		margin-top: -15px;
	}

	#biz_body .frame.red .item3 li .img {
		width: 110px;
		margin: 0 auto 10px;
	}
	#biz_body .frame.red .item3 li .txt {
		font-size: 14px;
		letter-spacing: 0.03em;
		font-weight: bold;
	}
}


/* ----------------------------
  #sec3 灰色フレーム
---------------------------- */
#sec3 .frame.gray {
	padding: 65px 40px 33px;
	margin-top: 25px;
	background-color: #f2f2f2;
}
#sec3 .frame.gray .fig {
	margin-bottom: 60px;
}
#sec3 .frame.gray .inner {
	display: table;
	width: 100%;
	box-sizing: border-box;
}

#sec3 .frame.gray .inner > * {
	display: table-cell;
	vertical-align: top;
	float: none;
}
#sec3 .frame.gray .left {
	width: 274px;
	vertical-align: middle;
	background-color: #fafafa;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #cc0000;
	line-height: 1.6;
}
#sec3 .frame.gray .left .small {
	font-size: 16px;
	color: #000;
	margin-top: 8px;
	display: inline-block;
	text-align: left;
}
#sec3 .frame.gray .right {
	padding-left: 10px;
}

#sec3 .frame.gray .right li {
	display: table;
	width: 100%;
	font-size: 14px;
	padding: 17px 27px;
	background-color: #fafafa;
	box-sizing: border-box;
}
#sec3 .frame.gray .right li + li {
	margin-top: 10px;
}
#sec3 .frame.gray .right li > * {
	display: table-cell;
	text-align: left;
}
#sec3 .frame.gray .tit_g {
	font-weight: bold;
	width: 215px;
	font-size: 18px;
	color: #cc0000;
}
#sec3 .frame.gray .tit_g em {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding: 3px 10px;
	border: 2px solid #cc0000;
	border-radius: 50px;
	margin-top: -3px;
	margin-right: 10px;
}

@media screen and (max-width: 640px) {
	#sec3 .frame.gray {
		padding: 6.5% 5% 4%;
		margin-top: 15px;
		background-color: #f2f2f2;
	}
	#sec3 .frame.gray .fig {
		margin-bottom: 30px;
	}
	#sec3 .frame.gray .inner {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	#sec3 .frame.gray .inner > * {
		display: block;
		vertical-align: top;
		float: none;
	}
	#sec3 .frame.gray .left {
		width: auto;
		vertical-align: middle;
		background-color: #fafafa;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		color: #cc0000;
		line-height: 1.6;
		padding: 4.62046%;
	}
	#sec3 .frame.gray .left .small {
		font-size: 11px;
		color: #000;
		margin-top: 8px;
		display: inline-block;
		text-align: left;
	}
	#sec3 .frame.gray .right {
		padding-left: 0;
	}

	#sec3 .frame.gray .right li {
		display: block;
		width: 100%;
		font-size: 14px;
		padding: 12px 20px;
		background-color: #fafafa;
		box-sizing: border-box;
		margin-top: 5px;
	}
	#sec3 .frame.gray .right li + li {
		margin-top: 5px;
	}
	#sec3 .frame.gray .right li > * {
		display: block;
		text-align: center;
	}
	#sec3 .frame.gray .tit_g {
		font-weight: bold;
		width: auto;
		font-size: 14px;
		color: #cc0000;
		text-align: center;
	}
	#sec3 .frame.gray .tit_g em {
		display: inline-block;
		vertical-align: middle;
		font-size: 10px;
		font-weight: bold;
		line-height: 1;
		padding: 2px 5px;
		border: 1px solid #cc0000;
		border-radius: 50px;
		margin-top: -1px;
		margin-right: 10px;
		margin-bottom: 5px;
		letter-spacing: 0.05em;
	}
	#sec3 .frame.gray .txt {
		margin-bottom: 0;
		font-size: 11px;
	}
}

/* ----------------------------
  ボタン
---------------------------- */

#main-box #biz_contents .btns {
	margin: 50px 0 0;
}
#main-box #biz_contents .btns li {
	width: 480px;
}
#main-box #biz_contents .btns li.left {
	float: left;
}
#main-box #biz_contents .btns li.right {
	float: right;
}

#main-box #biz_contents .btns li a {
	display: block;
	padding: 20px;
	background-color: #eee;
	border-radius: 8px;
	text-decoration: none;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
#main-box #biz_contents .btns li a:hover {
	opacity: 0.7;
}
#main-box #biz_contents .btns li a::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../img/common/biz/circle_arrow_r.png) no-repeat;
	margin-top: -4px;
	margin-right: 15px;
}

@media screen and (max-width: 640px) {
	#main-box #biz_contents .btns {
		margin: 35px 0 0;
		padding: 0;
	}
	#main-box #biz_contents .btns li {
		width: auto;
	}
	#main-box #biz_contents .btns li + li {
		margin-top: 13px;
	}
	#main-box #biz_contents .btns li.left,
	#main-box #biz_contents .btns li.right {
		float: none;
	}

	#main-box #biz_contents .btns li a {
		display: block;
		padding: 20px 15px;
		background-color: #eee;
		border-radius: 4px;
		text-decoration: none;
		color: #000;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}
	#main-box #biz_contents .btns li a:hover {
		opacity: 0.7;
	}
	#main-box #biz_contents .btns li a::before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 13px;
		background: url(../img/common/biz/circle_arrow_r.png) no-repeat;
		background-size: contain;
		margin-top: -3px;
		margin-right: 7px;
	}
}


/* ------------------------------------------------
  モーダル
------------------------------------------------ */

.remodal {
	margin: 0 auto;
	width: 1110px;
	color: #000;
}
.remodal .internal {
	background-color: #FFF;
	padding: 105px 55px 80px;
	text-align: left;
}
.remodal .internal + .internal {
	border-top: 1px solid #cc0000;
	padding-top: 80px;
}

.remodal .internal .item + .item {
	margin-top: 70px;
}

.remodal .tit {
	border-bottom: 3px dotted #000;
	padding-bottom: 13px;
	margin-bottom: 20px;
	display: table;
	width: 100%;
}
.remodal .tit > * {
	display: table-cell;
	vertical-align: bottom;
}
.remodal .tit .logo,
.remodal .tit .name {
	width: 50px;
	white-space: nowrap;
}
.remodal .tit .logo {
	text-align: left;
	padding-right: 50px;
}
.remodal .tit .name {
	text-align: right;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
}
.remodal .tit + .txt {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 23px;
	line-height: 1.4;
}
.remodal .rule {
	text-align: right;
}
.remodal .rule span {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	border-radius: 50px;
	padding: 6px 15px;
	border: 1px solid #000;
}

@media screen and (max-width: 640px) {
	.remodal {
		margin: 0 auto;
		width: 100%;
		color: #000;
	}
	.remodal .internal {
		background-color: #FFF;
		padding: 5.41839% 5.04451% 5.04451%;
		text-align: left;
	}
	.remodal .internal + .internal {
		border-top: 1px solid #cc0000;
		padding-top: 5.41839%;
	}

	.remodal .internal .item + .item {
		margin-top: 40px;
	}

	.remodal .tit {
		border-bottom: 2px dotted #000;
		padding-bottom: 13px;
		margin-bottom: 12px;
		display: table;
		width: 100%;
	}
	.remodal .tit > * {
		display: block;
	}
	.remodal .tit .logo,
	.remodal .tit .name {
		width: auto;
		white-space: nowrap;
	}
	.remodal .tit .logo {
		text-align: left;
		padding-right: 0;
	}
	.remodal .tit .name {
		text-align: right;
		font-size: 26px;
		font-weight: bold;
		line-height: 1;
		display: none;
	}
	.remodal .tit + .txt {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 12px;
		line-height: 1.6;
	}
	.remodal .rule {
		text-align: left;
		margin-top: 7px;
	}
	.remodal .rule span {
		display: block;
		font-size: 10px;
		font-weight: bold;
		line-height: 1.4;
		border-radius: 5px;
		padding: 2px 7px;
		border: 1px solid #000;
	}
}

.remodal .lead {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 15px;
}
.remodal .lead + .txt {
	font-size: 16px;
}

.remodal * + .body {
	margin-top: 30px;
}
.remodal .body.border {
	border: 2px solid #000;
	padding: 38px;
}

.remodal .body .list li + li {
	margin-top: 3px;
}

.remodal .canbe {
	display: table;
	width: 100%;
}
.remodal .canbe li {
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
.remodal .canbe.item5 li {
	width: 20%;
}
.remodal .canbe.item6 li {
	width: 16.66666%;
}

.remodal .canbe li .img {
	margin-bottom: 15px;
}
.remodal .canbe li .name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.remodal .canbe li .txt {
	font-size: 14px;
}

@media screen and (max-width: 640px) {
	.remodal .lead {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.remodal .lead + .txt {
		font-size: 12px;
	}

	.remodal * + .body {
		margin-top: 15px;
	}
	.remodal .body.border {
		border: 2px solid #000;
		padding: 4.62046%;
	}

	.remodal .body .list {
		font-size: 12px;
	}
	.remodal .body .list li {
		text-indent: -1em;
		padding-left: 1em;
	}
	.remodal .body .list li + li {
		margin-top: 3px;
	}

	.remodal .canbe {
		display: block;
		width: 100%;
	}
	.remodal .canbe li,
	.remodal .canbe.item5 li,
	.remodal .canbe.item6 li {
		width: auto;
		display: block;
		text-align: left;
		vertical-align: top;
	}
	.remodal .canbe li + li {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px dotted #CCC;
	}

	.remodal .canbe li .img {
		margin: 0 0 5px 10px;
		width: 55px;
		float: right;
	}
	.remodal .canbe li .name {
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.remodal .canbe li .txt {
		font-size: 12px;
	}
}


.remodal .btn {
	margin-top: 25px;
}
.remodal .btn a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	width: 260px;
	padding: 12px;
	margin: 0 auto;
	border: 2px solid #cc0000;
	color: #cc0000;
	text-align: center;
	box-sizing: border-box;
	text-decoration: none;
}
.remodal .btn a:hover {
	opacity: 0.7;
}
.remodal .btn a::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 7px;
	background: url(../img/common/biz/arrow_rb.png) no-repeat;
	margin-top: -2px;
	margin-right: 7px;
}

@media screen and (max-width: 640px) {
	.remodal .btn a {
		display: block;
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
		width: 60.163934%;
		padding: 12px;
		margin: 0 auto;
		border: 1px solid #cc0000;
		color: #cc0000;
		text-align: center;
		box-sizing: border-box;
		text-decoration: none;
	}
	.remodal .btn a:hover {
		opacity: 0.7;
	}
	.remodal .btn a::before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 8px;
		height: 5px;
		background: url(../img/common/biz/arrow_rb.png) no-repeat;
		background-size: contain;
		margin-top: -2px;
		margin-right: 4px;
	}
}


/* ----------------------------
  灰色フレーム
---------------------------- */
.remodal .body.border .frame.gray {
	margin-top: 25px;
}
.remodal .body.border .frame.gray .inner {
	background-color: #f2f2f2;
	padding: 15px;
	display: table;
	width: 100%;
	box-sizing: border-box;
}

.remodal .body.border .frame.gray .inner > * {
	display: table-cell;
	vertical-align: top;
	float: none;
}
.remodal .body.border .frame.gray .left {
	width: 155px;
	vertical-align: middle;
	border: 5px solid #fafafa;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
.remodal .body.border .frame.gray .left .small {
	font-size: 10px;
	margin-top: 8px;
	display: inline-block;
}
.remodal .body.border .frame.gray .right {
	padding-left: 5px;
}
.remodal .body.border .frame.gray .right ul {
	margin-bottom: -10px;
}
.remodal .body.border .frame.gray .right li {
	width: 110px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 8px 5px;
	text-align: center;
	background-color: #fafafa;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
	.remodal .body.border .frame.gray {
		padding: 0;
		margin-top: 15px;
	}
	.remodal .body.border .frame.gray .inner {
		background-color: #f2f2f2;
		padding: 2.31023%;
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.remodal .body.border .frame.gray .inner > * {
		display: block;
		vertical-align: top;
		float: none;
	}
	.remodal .body.border .frame.gray .left {
		width: auto;
		vertical-align: middle;
		border: 2px solid #fafafa;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		line-height: 1.4;
		padding: 5px 5px;
		margin-bottom: 5px;
	}
	.remodal .body.border .frame.gray .left .small {
		font-size: 10px;
		margin-top: 8px;
		display: inline-block;
	}
	.remodal .body.border .frame.gray .right {
		padding: 0;
	}
	.remodal .body.border .frame.gray .right ul {
		margin-bottom: 0;
	}
	.remodal .body.border .frame.gray .right li {
		display: block;
		width: 49%;
		font-size: 11px;
		padding: 3.62046%;
		margin: 0;
		background-color: #fafafa;
		box-sizing: border-box;
	}
	.remodal .body.border .frame.gray .right li:nth-child(2n) {
		margin-left: 2%;
	}
	.remodal .body.border .frame.gray .right li:nth-child(n+3) {
		margin-top: 2%;
	}
}

#modal_service .subarea > .body > ul > li + li {
	margin-top: 80px;
}

#modal_service.remodal h3 {
	background-image: none;
	background-color: #cc0000;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding: 10px 20px;
	margin: 0 0 20px 0;
}
#modal_service.remodal h3 + .txt {
	padding: 0 20px;
}

.remodal .subarea .frame.gray {
	margin-top: 20px;
	background-color: #f2f2f2;
	padding: 30px 40px;
}
.remodal .subarea .frame.gray strong {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
}
.remodal .subarea .frame.gray .list {
	font-size: 14px;
}

@media screen and (max-width: 640px) {
	#modal_service .subarea > .body > ul > li + li {
		margin-top: 30px;
	}

	#modal_service.remodal h3 {
		background-image: none;
		background-color: #cc0000;
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		padding: 5px 10px;
		margin: 0 0 15px;
	}

	#modal_service.remodal h3 + .txt {
		padding: 0;
		font-size: 12px;
	}

	.remodal .subarea .frame.gray {
		margin-top: 10px;
		background-color: #f2f2f2;
		padding: 3.31023%;
	}
	.remodal .subarea .frame.gray strong {
		display: block;
		font-size: 13px;
		margin-bottom: 5px;
	}
	.remodal .subarea .frame.gray .list {
		font-size: 12px;
	}
}


.remodal .item3 li {
	width: 285px;
	float: left;
}
.remodal .item3 li + li {
	margin-left: 30px;
}
.remodal .item3 li .name {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
.remodal .item3 li .name em {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #cc0000;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 20px;
	text-align: center;
	margin-right: 10px;
	position: relative;
	top: -1px;
}
.remodal .item3 li .txt {
	font-size: 14px;
}
.remodal .item3 + .fig {
	margin-top: 20px;
	text-align: center;
}


@media screen and (max-width: 640px) {
	.remodal .item3 li {
		width: auto;
		float: none;
	}
	.remodal .item3 li + li {
		margin-left: 0;
		margin-top: 15px;
	}
	.remodal .item3 li .name {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.remodal .item3 li .name em {
		display: inline-block;
		width: 15px;
		height: 15px;
		background-color: #cc0000;
		font-size: 11px;
		font-weight: bold;
		color: #FFF;
		line-height: 15px;
		text-align: center;
		margin-right: 10px;
		position: relative;
		top: -2px;
	}
	.remodal .item3 li .txt {
		font-size: 12px;
	}
	.remodal .item3 li .fig {
		margin-top: 20px;
		text-align: center;
	}
}

.remodal .modal_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 80px;
	background: url(../img/modal_close.png) no-repeat;
	background-size: contain;
	cursor: pointer;
	margin: 0;
}
.remodal .modal_close:hover {
	opacity: 0.7;
}

@media screen and (max-width: 640px) {
	.remodal .modal_close {
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 30px;
		background: url(/img/modal_close.png) no-repeat;
		background-size: contain;
		cursor: pointer;
	}
}

/* ----------------------------
  service(201907231追記)
---------------------------- */
hr {
	display: none;
}
#path-box div.pad {
  padding: 10px 15px 6px;
  font-size: 75%;
  line-height: 120%;
}
#path-box {
	width: 100%;
}
#biz_body {
	background-size: contain;
	max-width: 1200px;
	margin: 0 auto;
}
img.pc_disp {
	max-width: initial!important;
}
#f_menu {
	margin-bottom: 50px!important;
	background-color: #eee;
}
#f_menu .inner {
    width: 1200px;
    margin: 0 auto;
}
#f_menu ul + ul {
	margin-top: 30px;
}
/* ----------------------------
   (20190924追記)
---------------------------- */
/* タブレット 横 */
@media screen and (max-width: 1024px) {
	#f_menu .inner {
		width: 100%;
	}
	#sec3 .frame.gray .inner > * {
		display: block;
	}
	#sec3 .frame.gray .left {
		width: 100%;
		padding-left: 10px;
	}
	#sec3 .frame.gray .right li {
		margin-top: 10px;
	}
	#sec3 .frame.gray .right {
		padding-left: 0;
	}
}
@media screen and (max-width: 896px) {
	img.pc_disp {
		width: 100%;
	}
	.arrow img.pc_disp {
		width: initial;
	}
}
@media screen and (max-width: 896px) {
}