@charset "utf-8";

/* service */

/* contents
----------------------------------------- */
.service-main {
	margin-bottom: 60px;
	padding: 0 20px;
}

/* internal-link-toggle */
.internal-link-toggle {
	margin-bottom: 25px;
	background-color: #e8f3f5;
}
.toggle-btn {
	padding: 14px 10px 14px;
	text-align: center;
}
.internal-link {
	display: none;
	padding: 0 10px 5px;
	overflow: hidden;
}
.internal-link li {
	float: left;
	width: 49%;
	margin: 0 2% 2% 0;
}
.internal-link li:nth-child(2n) {
	margin-right: 0;
}
.internal-link a {
	display: block;
	padding: 7px 5px 10px;
	text-align: center;
	background-color: #FFFFFF;
}
.internal-link span {
	font-family: 'Arvo', serif;
	line-height: 1.2;
	color: #0089a3;
}
.internal-link p {
	line-height: 1.6;
}

/* service-intro-sec */
.service-intro-sec {
	margin-bottom: 40px;
}

/* service-main-copy */
.service-main-copy {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 85px;
	text-align: center;
	background: url(../images/icon-arrow01.png) center bottom no-repeat;
	background-size: 10px 60px;
}
.service-main-copy h3 {
	display: inline-block;
	padding-bottom: 15px;
	border-bottom: 2px solid #000000;
	font-size: 4vw;
}

/* profession-area */
.profession-area {
	margin-bottom: 30px;
}
.profession-area h4,
.consultation-area h4 {
	margin-bottom: 20px;
	padding: 15px 0;
	background-color: #003265;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
}
.service-description-read {
	margin-bottom: 20px;
	font-size: 13px;
}
.service-description-read a {
	text-decoration: underline;
}
.profession-flow {
	margin-bottom: 20px;
}
.profession-flow-ttl {
	margin-bottom: 10px;
	font-weight: 600;
}
.flow-pattern {
	margin-bottom: 15px;
}
.flow-pattern:last-child {
	margin-bottom: 0;
}
.flow-pattern-ttl {
	display: inline-block;
	margin-bottom: 12px;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #b7ecf6 0%) repeat scroll 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}
.flow-list {
}
.flow-list li {
	position: relative;
	margin-bottom: 38px;
	padding: 20px 0;
	background-color: #109bb5;
	color: #ffffff;
	text-align: center;
	font-weight: 600;
	line-height: 1.6;
}
.flow-list li::after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -18px;
	margin-bottom: -28px;
	border-style: solid;
	border-width: 14px 15px 0 15px;
	border-color: #cae6eb transparent transparent transparent;
}
.flow-list li:last-child {
	margin-bottom: 0;
}
.flow-list li:last-child::after {
	display: none;
}
.support-box {
	padding: 20px 25px;
	background-color: #f2f5f7;
}
.support-box h5 {
	position: relative;
	margin-bottom: 10px;
	padding-left: 16px;
	font-size: 16px;
	font-weight: 600;
}
.support-box h5::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 18px;
	margin-top: -9px;
	background-color: #109bb5;
}
.support-box-text {
	font-size: 13px;
}

/* consultation-points-area */
.consultation-points-area {
}
.const-point-box {
	margin-bottom: 30px;
}
.const-point-box:last-child {
	margin-bottom: 0;
}
.const-point-box h5 {
	margin-bottom: 35px;
	text-align: center;
	font-weight: 600;
	line-height: 1.6;
}
.const-point-box h5 span {
	padding-bottom: 10px;
	border-bottom: 2px solid #003265;
	font-size: 18px;
}
.const-point-list {
	padding: 30px 30px 30px;
	background-color: #f2f5f7;
}
.const-point-list li {
}











/* service-cont-sec */
.service-cont-sec {
	margin-bottom: 60px;
}
.service-cont-sec:last-child {
	margin-bottom: 0;
}
.service-cont-ttl {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 50px;
	text-align: center;
}
#service04 .service-cont-ttl,
#service05 .service-cont-ttl {
	margin-bottom: 25px;
}
.service-cont-ttl::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 30px;
	margin-left: -1px;
	background-color: #000000;
}
.service-cont-ttl .num {
	font-family: 'Arvo', serif;
	display: block;
	margin-bottom: 5px;
	font-size: 18px;
	color: #0089a3;
}
.service-cont-ttl .jpn {
	display: block;
	margin-bottom: 3px;
	font-size: 24px;
	line-height: 1.6;
}
.service-cont-ttl .eng {
	font-family: 'Crimson Text', serif;
	display: block;
	font-size: 14px;
}
.service-cont-ttl-read {
	margin-bottom: 25px;
	font-size: 18px;
	text-align: center;
	line-height: 1.6;
}

/* four-element-area */
.four-element-area {
	margin-bottom: 30px;
}
.four-element-ttl {
	margin-bottom: 20px;
	text-align: center;
}
.four-element-ttl span {
	display: block;
	padding: 10px 0;
	border-top: 2px solid #959595;
	border-bottom: 2px solid #959595;
	font-weight: 400;
}
.four-element-ttl .left {
	float: left;
	width: 47%;
}
.four-element-ttl .right {
	float: right;
	width: 47%;
}
.four-element-img {
	width: 90%;
	margin: 0 auto;
}

/* f8q-area */
.f8q-area {
}
.f8q-area-inner {
	padding: 40px 20px 25px;
	background-color: #f2f5f7;
}
.f8q-ttl {
	padding: 0 20px;
}
.f8q-ttl h4 {
	position: relative;
	padding: 10px 5px 10px;
	margin-bottom: -20px;
	border: 2px solid #003265;
	background-color: #ffffff;
	color: #003265;
	font-size: 3.4vw;
	font-weight: 400;
	z-index: 100;
	text-align: center;
}
.f8q-read {
	margin-bottom: 20px;
	font-size: 3.4vw;
	text-align: center;
}
.f8q-read:last-child {
	margin-bottom: 0;
}
.f8q-list {
	margin-bottom: 20px;
}
.f8q-list li {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}
.f8q-list li:last-child {
	margin-bottom: 0;
}
.f8q-list-ttl {
	border-bottom: 1px solid #cad3d8;
	margin-bottom: 10px;
	color: #003265;
}
.f8q-list-ttl p {
	display: inline-block;
	margin-bottom: -4px;
	padding: 3px 10px 0;
	border-left: 1px solid #cad3d8;
	border-top: 1px solid #cad3d8;
	border-right: 1px solid #cad3d8;
	background-color: #f2f5f7;
	font-size: 16px;
}
.f8q-list-ttl span {
	font-family: 'Arvo', serif;
	font-size: 16px;
}
.f8q-list-read {
	padding: 0 5px;
	font-size: 13px;
}

/* cost-comparison-area */
.cost-comparison-area {
}

/* cost-base-data */
.cost-base-data {
	margin-bottom: 30px;
}
.cost-base-data-inner {
	margin-bottom: 25px;
}
.company-data {
	margin-bottom: 20px;
}
.logi-data {
}
.cost-base-data-inner h4 {
	position: relative;
	margin-bottom: 12px;
	padding-left: 20px;
	font-size: 18px;
	line-height: 1.6;
}
.cost-base-data-inner h4::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background-color: #109bb5;
}
.cost-base-data-inner h4 span {
	font-size: 13px;
}
.cost-base-data-inner li {
	margin-bottom: 5px;
	line-height: 1.6;
	overflow: hidden;
}
.company-data li span {
	display: block;
	float: left;
	width: 5em;
	font-weight: 600;
}
.company-data li p {
	display: block;
	float: right;
	width: calc(100% - 5em);
	font-weight: 400;
}
.logi-data li span {
	display: block;
	float: left;
	width: 11em;
	font-weight: 600;
}
.logi-data li p {
	display: block;
	float: right;
	width: calc(100% - 11em);
	font-weight: 400;
}
.precondition-box {
	padding: 20px;
	background-color: #e8f3f5;
}
.precondition-box-ttl {
	margin-bottom: 7px;
	font-size: 15px;
	font-weight: 400;
}
.precondition-list {
}
.precondition-list li {
	margin-bottom: 5px;
	font-size: 13px;
	text-indent: -1.1em;
	margin-left: 1.1em;
	line-height: 1.6;
}

/* cost-comparison-data */
.cost-comparison-data {
	margin-bottom: 40px;
}
.outsourcing-pattern {
	margin-bottom: 20px;
	padding: 18px 20px 20px;
	background-color: #eeeeee;
}
.cost-comparison-data h4 {
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.company-operated-pattern h4 {
	border-bottom: 1px solid #ffffff;
}
.cost-comparison-data-text {
	display: table;
	width: 100%;
	padding-bottom: 12px;
}
.cost-comparison-data-text p {
	display: table-cell;
	line-height: 1.6;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
}
.comparison-price-list {
}
.comparison-price-list li {
	margin-bottom: 10px;
	padding: 10px 15px;
	background-color: #ffffff;
	color: #000000;
	overflow: hidden;
	font-size: 13px;
}
.comparison-price-list li:last-child {
	margin-bottom: 0;
}
.comparison-price-list li > span {
	display: block;
	float: left;
	width: 10em;
}
.comparison-price-list li p {
	float: right;
	width: calc(100% - 10em);
	text-align: right;
}
.comparison-price-list li p > span {
	color: #e82424;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
}
.company-operated-wrapper {
}
.company-operated-pattern {
	position: relative;
	margin-bottom: 50px;
	padding: 18px 20px 20px;
	background-color: #109bb5;
	color: #ffffff;
}
.company-operated-pattern::after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -18px;
	margin-bottom: -36px;
	border-style: solid;
	border-width: 16px 15px 0 15px;
	border-color: #e82424 transparent transparent transparent;
}
.company-operated-difference {
	color: #e82424;
	text-align: center;
	line-height: 1.4;
}
.company-operated-difference-inner {
	position: relative;
	display: inline-block;
	padding: 0 10px 10px 10px;
}
.company-operated-difference-inner::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e82424;
}
.company-operated-difference-inner::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	margin-bottom: -4px;
	background-color: #e82424;
}
.company-operated-difference-inner > span {
	display: inline-block;
	font-weight: 400;
}
.company-operated-difference p {
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
}
.company-operated-difference p > span {
	font-size: 26px;
}

/* cost-comparison-btn-area */
.cost-comparison-btn-area {
}
.service-pdf-link {
	display: block;
	width: 100%;
	margin-bottom: 15px;
	padding: 26px 0;
	background-color: #003265;
	color: #ffffff;
	text-align: center;
}
.service-pdf-link span {
	position: relative;
	display: inline-block;
	padding-left: 40px;
}
.service-pdf-link span::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 28px;
	margin-top: -14px;
	background: url(../../common/images/icon-pdf.png) 0 0 no-repeat;
	background-size: 24px 28px;
}
.service-pdf-link:hover {
	color: #ffffff;
}
.comparison-link {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	padding: 26px 0;
	border: 2px solid #003265;
	background-color: #ffffff;
	color: #003265;
	text-align: center;
}
.comparison-link-large {
	display: block;
	font-size: 18px;
	font-weight: 600;
}
.comparison-link-red {
	color: #e82424;
}





.comparison-link:hover {
	color: #003265;
}
.cost-comparison-btn-area p {
	font-size: 13px;
}
.cost-comparison-btn-area p a {
	text-decoration: underline;
}

/* service-flow-list */
.service-flow-list {
	margin-bottom: 25px;
}
.service-flow-list > li {
	position: relative;
	margin-bottom: 40px;
}
.service-flow-list > li:last-child {
	margin-bottom: 0;
}
.service-flow-list > li::after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -18px;
	margin-bottom: -28px;
	border-style: solid;
	border-width: 16px 15px 0 15px;
	border-color: #c8d7e0 transparent transparent transparent;
}
.service-flow-list > li:last-child::after {
	display: none;
}
.service-flow-ttl {
	font-family: 'Arvo', serif;
	padding: 2px 10px 0;
	background-color: #003265;
	vertical-align: bottom;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
}
.service-flow-ttl span {
	font-size: 24px;
}
.service-flow-item {
	padding: 15px 20px;
	background-color: #f2f5f7;
}
.service-flow-item li {
	color: #003265;
	font-weight: 400;
}
.service-flow-period {
	padding: 12px 15px;
	border: 1px solid #003265;
	color: #003265;
	line-height: 1.6;
}

/* profession-menu */
.profession-menu {
}
.profession-menu h4 {
	margin-bottom: 30px;
	padding: 15px 0 15px;
	border-top: 2px solid #959595;
	border-bottom: 2px solid #959595;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}
.profession-menu-flow {
	margin-bottom: 30px;
}
.profession-menu-flow li {
	position: relative;
	margin-bottom: 45px;
}
.profession-menu-flow li:last-child {
	margin-bottom: 0;
}

.profession-menu-flow li::after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -18px;
	margin-bottom: -28px;
	border-style: solid;
	border-width: 16px 15px 0 15px;
	border-color: #cae6eb transparent transparent transparent;
}
.profession-menu-flow li:last-child::after {
	display: none;
}
.profession-menu-ttl {
	margin-bottom: 15px;
	padding: 15px;
	background-color: #109bb5;
	color: #ffffff;
	line-height: 1.6;
}
.profession-menu-ttl p {
	text-indent: -1.8em;
	margin-left: 1.8em;
	font-weight: 600;
	font-size: 15px;
}
.profession-menu-ttl span {
	font-family: 'Arvo', serif;
	font-size: 16px;
}
.profession-menu-read {
	font-size: 13px;
}

/* price-menu */
.price-menu {
}
.price-menu h4 {
	margin-bottom: 30px;
	padding: 15px 0 15px;
	border-top: 2px solid #959595;
	border-bottom: 2px solid #959595;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}
.profession-price-area {
}
.price-box {
	margin-bottom: 25px;
}
.price-box:last-child {
	margin-bottom: 0;
}
.price-box-ttl {
	margin-bottom: 2px;
	padding: 15px 0;
	background-color: #cae6eb;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
.price-box-ttl .ttl-main {
	font-size: 18px;
	font-weight: 400;
}
.price-box-ttl .price-month {
	font-weight: 600;
	font-size: 20px;
}
.price-box-ttl .unit-label {
	font-weight: 400;
	font-size: 13px;
}
.month-label {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 8px;
	background-color: #109bb5;
	border-radius: 10px;
	font-weight: 600;
	line-height: 1.4;
	font-size: 12px;
	color: #ffffff;
}
.price-box-list {
}
.price-box-list li {
	margin-bottom: 2px;
	padding: 12px 10px 12px 30px;
	background-color: #e8f3f5;
	overflow: hidden;
	font-size: 13px;
}
.price-box-list li:last-child {
	margin-bottom: 0;
}
.price-box-list li span {
	display: block;
	float: left;
	width: 8em;
	color: #109bb5;
	font-weight: 600;
}
.price-box-list li p {
	float: right;
	width: calc(100% - 8em);
	font-weight: 600;
}
.support-price-area {
	position: relative;
	margin: 50px 0 25px 0;
	padding: 15px 0;
	background-color: #cae6eb;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
.support-price-area::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 4px;
	height: 24px;
	margin-left: -2px;
	margin-top: -36px;
	background-color: #109bb5;
}
.support-price-area::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 4px;
	margin-left: -12px;
	margin-top: -26px;
	background-color: #109bb5;
}
.support-price-area p {
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
}
.support-price-area p span {
	font-size: 11px;
}



.price-menu-supplement {
	margin-bottom: 35px;
}
.price-menu-supplement li {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 1.6;
}

/* consultation-price-area */
.consultation-price-area {
	margin-bottom: 15px;
	padding: 20px 20px 20px;
	background-color: #cae6eb;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
}
.consultation-price-area p {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
}
.consultation-price-area .unit-label {
	font-weight: 400;
	font-size: 13px;
}






















/* タブレット向け：760px～1000px */
@media only screen and (min-width: 760px) {
/* trace-btn
----------------------------------------- */
.trace-internal-navi {
	width: 100%;
	position: fixed;
	top: -56px;
	left: 0;
	box-sizing: border-box;
	height: 52px;
	padding-top: 13px;
	z-index: 10000;
	background-color: rgb(255,255,255);
	box-shadow:0px 0px 2px 1px #e8e8e8;
}
.trace-internal-navi ul {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.trace-internal-navi ul li {
	box-sizing: border-box;
	float: left;
	width: 200px;
}
.trace-internal-navi a {
	position: relative;
	display: block;
	padding: 2px 0 20px;
	text-align: center;
	transition: all .3s;
}
.trace-internal-navi a:hover {
	color: #999999;
	text-decoration: none;
}


/* contents
----------------------------------------- */
.service-main {
	width: 1000px;
	margin: 0 auto 140px;
	padding: 0;
}

/* internal-link-toggle */
.internal-link-toggle {
	margin-bottom: 90px;
	background-color: transparent;
}
.internal-link {
	display: block;
	padding: 0;
	overflow: hidden;
}
.internal-link li {
	box-sizing: border-box;
	float: left;
	width: 200px;
	margin: 0;
}
.internal-link a {
	position: relative;
	display: block;
	padding: 7px 0 20px;
	text-align: center;
	background-color: #FFFFFF;
}
.internal-link a::after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 6px;
	height: 6px;
	margin-left: -3px;
	margin-bottom: 2px;
	border: 0px;
	border-top: solid 2px #0089a3;
	border-right: solid 2px #0089a3;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.internal-link span {
	font-family: 'Arvo', serif;
	line-height: 1.6;
	color: #0089a3;
	font-size: 16px;
	transition: all .3s;
}
.internal-link p {
	line-height: 1.6;
	border-left: 1px dotted #0089a3;
	font-size: 17px;
	transition: all .3s;
}
.internal-link li:last-child p {
	border-right: 1px dotted #0089a3;
}
.internal-link a:hover span {
	color: #52d4ec;
}
.internal-link a:hover p {
	color: #999999;
}

/* service-intro-sec */
.service-intro-sec {
	margin-bottom: 70px;
}

/* service-main-copy */
.service-main-copy {
	position: relative;
	margin-bottom: 70px;
	padding-bottom: 140px;
	text-align: center;
	background: url(../images/icon-arrow01.png) center bottom no-repeat;
	background-size: 15px 88px;
}
.service-main-copy h3 {
	display: inline-block;
	padding-bottom: 32px;
	border-bottom: 2px solid #000000;
	font-size: 36px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

/* profession-area */
.profession-area {
	margin-bottom: 60px;
}
.profession-area h4,
.consultation-area h4 {
	margin-bottom: 35px;
	padding: 22px 0;
	background-color: #003265;
	text-align: center;
	color: #ffffff;
	font-size: 26px;
	font-weight: 400;
}
.service-description-inner {
	padding: 0 20px;
}
.service-description-read {
	margin-bottom: 30px;
	font-size: 15px;
}
.service-description-read a {
	text-decoration: underline;
}
.service-description-read a:hover {
	text-decoration: none;
}
.profession-flow {
	margin-bottom: 40px;
}
.profession-flow-ttl {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 17px;
}
.flow-pattern {
	margin-bottom: 15px;
}
.flow-pattern:last-child {
	margin-bottom: 0;
}
.flow-pattern-ttl {
	display: inline-block;
	margin-bottom: 14px;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #b7ecf6 0%) repeat scroll 0 0;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.4;
}
.flow-list {
}
.flow-list li {
	box-sizing: border-box;
	float: left;
	position: relative;
	width: 280px;
	height: 120px;
	margin-bottom: 0;
	margin-right: 60px;
	padding: 32px 0 30px;
	background-color: #109bb5;
	color: #ffffff;
	text-align: center;
	font-weight: 600;
	line-height: 1.6;
	font-size: 18px;
}
.flow-list li::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	bottom: auto;
	left: auto;
	margin: -15px -40px 0 0;
	border-style: solid;
	border-width: 15px 0 15px 18px;
	border-color: transparent transparent transparent #cae6eb;
}
.flow-list li:last-child {
	margin: 0;
}
.flow-list li:last-child::after {
	display: none;
}
.flow-list li span {
	font-size: 14px;
}
.flow-list li.single {
	padding-top: 45px;
	font-size: 20px;
}
.support-box {
	padding: 35px 40px;
	background-color: #f2f5f7;
}
.support-box h5 {
	position: relative;
	margin-bottom: 10px;
	padding-left: 16px;
	font-size: 17px;
	font-weight: 600;
}
.support-box h5::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 18px;
	margin-top: -9px;
	background-color: #109bb5;
}
.support-box-text {
	font-size: 14px;
}

/* consultation-area */
.consultation-area {
}
.consultation-points {
}
.consultation-points li {
	box-sizing: border-box;
	float: left;
	width: 280px;
	margin: 0 60px 0 0;
	padding: 45px 0 55px;
	background-color: #f2f5f7;
	text-align: center;
	font-weight: 400;
	line-height: 1.6;
	font-size: 22px;
}
.consultation-points li:last-child {
	margin-right: 0;
}
.consultation-points li span {
	padding-bottom: 10px;
	border-bottom: 2px solid #003265;
}

/* consultation-points-area */
.consultation-points-area {
	display: flex;
}
.const-point-box {
	width: 32%;
	margin: 0 3% 0 0;
}
.const-point-box:last-child {
	margin: 0;
}
.const-point-box h5 {
	margin-bottom: 40px;
	text-align: center;
	font-weight: 600;
	line-height: 1.6;
}
.const-point-box h5 span {
	padding-bottom: 10px;
	border-bottom: 2px solid #003265;
	font-size: 18px;
}
.const-point-list {
	padding: 30px 30px 30px;
	background-color: #f2f5f7;
}
.const-point-list li {
	font-size: 15px;
}













/* service-cont-sec */
.service-cont-sec {
	margin-bottom: 60px;
	padding-top: 70px;
}
.service-cont-sec:last-child {
	margin-bottom: 0;
}
.service-cont-ttl {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 70px;
	text-align: center;
}
#service02 .service-cont-ttl,
#service04 .service-cont-ttl,
#service05 .service-cont-ttl {
	margin-bottom: 40px;
}
.service-cont-ttl::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 40px;
	margin-left: -1px;
	background-color: #000000;
}
.service-cont-ttl .num {
	font-family: 'Arvo', serif;
	display: block;
	margin-bottom: 8px;
	font-size: 30px;
	color: #0089a3;
	letter-spacing: 0.1em;
}
.service-cont-ttl .jpn {
	display: block;
	margin-bottom: 2px;
	font-size: 32px;
	letter-spacing: 0.175em;
	line-height: 1.8;
}
.service-cont-ttl .eng {
	font-family: 'Crimson Text', serif;
	display: block;
	font-size: 20px;
}
.service-cont-ttl-read {
	margin-bottom: 50px;
	font-size: 26px;
	text-align: center;
	line-height: 1.6;
}

/* four-element-area */
.four-element-area {
	margin-bottom: 70px;
}
.four-element-ttl {
	margin-bottom: 50px;
	text-align: center;
}
.four-element-ttl span {
	display: block;
	padding: 18px 0;
	border-top: 2px solid #959595;
	border-bottom: 2px solid #959595;
	font-weight: 400;
	font-size: 26px;
	letter-spacing: 0.1em;
}
.four-element-ttl .left {
	float: left;
	width: 470px;
}
.four-element-ttl .right {
	float: right;
	width: 470px;
}
.four-element-img {
	width: 845px;
	margin: 0 auto;
}

/* f8q-area */
.f8q-area {
}
.f8q-area-inner {
	padding: 50px 40px 60px;
	background-color: #f2f5f7;
}
.f8q-ttl {
	margin-bottom: -30px;
	padding: 0;
	text-align: center;
}
.f8q-ttl h4 {
	display: inline-block;
	position: relative;
	padding: 6px 40px 6px;
	margin-bottom: 0;
	border: 2px solid #003265;
	background-color: #ffffff;
	color: #003265;
	font-size: 26px;
	font-weight: 400;
	z-index: 100;
	text-align: center;
}
.f8q-read {
	margin-bottom: 40px;
	font-size: 22px;
	text-align: center;
}
.f8q-read:last-child {
	margin-bottom: 0;
}
.f8q-list {
	margin-bottom: 30px;
}
.f8q-list li {
	display: inline-block;
	width: 435px;
	margin: 0 50px 24px 0;
	vertical-align: top;
}
.f8q-list li:last-child {
	margin-bottom: 20px;
}
.f8q-list li:nth-child(even) {
	margin-right: 0;
}

.f8q-list-ttl {
	border-bottom: 2px solid #cad3d8;
	margin-bottom: 10px;
	color: #003265;
}
.f8q-list-ttl p {
	display: inline-block;
	margin-bottom: -2px;
	padding: 4px 15px 0 20px;
	border-left: 2px solid #cad3d8;
	border-top: 2px solid #cad3d8;
	border-right: 2px solid #cad3d8;
	background-color: #f2f5f7;
	font-size: 22px;
}
.f8q-list-ttl span {
	font-family: 'Arvo', serif;
	font-size: 22px;
}
.f8q-list-read {
	padding: 0 5px;
	font-size: 15px;
}

/* cost-comparison-area */
.cost-comparison-area {
}

/* cost-base-data */
.cost-base-data {
	margin-bottom: 60px;
	padding: 40px 50px;
	border: 1px solid #000000;
}
.cost-base-data-inner {
	margin-bottom: 25px;
}
.company-data {
	float: left;
	width: 54%;
	margin-bottom: 0;
}
.logi-data {
	float: right;
	width: 46%;
}
.cost-base-data-inner h4 {
	position: relative;
	margin-bottom: 20px;
	padding-left: 30px;
	font-size: 22px;
	line-height: 1.6;
}
.cost-base-data-inner h4::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -9px;
	background-color: #109bb5;
}
.cost-base-data-inner h4 span {
	font-size: 14px;
}
.cost-base-data-inner li {
	margin-bottom: 3px;
	line-height: 1.6;
	overflow: hidden;
}
.company-data li span {
	display: block;
	float: left;
	width: 5em;
	font-weight: 600;
}
.company-data li p {
	display: block;
	float: right;
	width: calc(100% - 5em);
	font-weight: 400;
}
.logi-data li span {
	display: block;
	float: left;
	width: 11em;
	font-weight: 600;
}
.logi-data li p {
	display: block;
	float: right;
	width: calc(100% - 11em);
	font-weight: 400;
}
.precondition-box {
	width: 100%;
	display: table;
	padding: 30px 0 28px;
	background-color: #e8f3f5;
}
.precondition-box-ttl {
	display: table-cell;
	width: 20%;
	margin-bottom: 7px;
	font-size: 15px;
	font-weight: 400;
	vertical-align: middle;
	text-align: center;
}
.precondition-list {
	display: table-cell;
	width: 80%;
	padding-left: 45px;
	border-left: 1px solid #000000;
	vertical-align: middle;
}
.precondition-list li {
	margin-bottom: 5px;
	font-size: 13px;
	text-indent: -1.1em;
	margin-left: 1.1em;
	line-height: 1.6;
}

/* cost-comparison-data */
.cost-comparison-data {
	margin-bottom: 60px;
}
.outsourcing-pattern {
	box-sizing: border-box;
	float: left;
	width: 480px;
	margin-bottom: 0;
	padding: 15px 25px 30px;
	background-color: #eeeeee;
}
.cost-comparison-data h4 {
	margin-bottom: 12px;
	padding-bottom: 7px;
	border-bottom: 1px solid #000000;
	text-align: center;
	font-size: 26px;
	font-weight: 400;
}
.company-operated-pattern h4 {
	border-bottom: 1px solid #ffffff;
}
.cost-comparison-data-text {
	display: table;
	width: 100%;
	padding-bottom: 15px;
}
.cost-comparison-data-text p {
	display: table-cell;
	line-height: 1.6;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
}
.comparison-price-list {
}
.comparison-price-list li {
	margin-bottom: 20px;
	padding: 10px 15px;
	background-color: #ffffff;
	color: #000000;
	overflow: hidden;
	font-size: 20px;
}
.comparison-price-list li:last-child {
	margin-bottom: 0;
}
.comparison-price-list li > span {
	display: block;
	float: left;
	width: 10em;
	padding-top: 3px;
	font-size: 20px;
}
.comparison-price-list li p {
	float: right;
	width: calc(100% - 10em);
	text-align: right;
	font-size: 24px;
	font-weight: 600;
}
.comparison-price-list li p > span {
	color: #e82424;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.0;
}
.company-operated-wrapper {
	float: right;
	width: 480px;
}
.company-operated-pattern {
	position: relative;
	margin-bottom: 60px;
	padding: 15px 25px 30px;
	background-color: #109bb5;
	color: #ffffff;
}
.company-operated-pattern::after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -18px;
	margin-bottom: -48px;
	border-style: solid;
	border-width: 18px 15px 0 15px;
	border-color: #e82424 transparent transparent transparent;
}
.company-operated-difference {
	color: #e82424;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.2em;
}
.company-operated-difference-inner {
	position: relative;
	display: inline-block;
	padding: 0 10px 10px 10px;
}
.company-operated-difference-inner::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e82424;
}
.company-operated-difference-inner::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	margin-bottom: -6px;
	background-color: #e82424;
}
.company-operated-difference-inner > span {
	display: inline-block;
	padding-right: 15px;
	font-size: 20px;
	font-weight: 400;
}
.company-operated-difference p {
	display: inline-block;
	font-size: 25px;
	font-weight: 400;
}
.company-operated-difference p > span {
	font-size: 36px;
}

/* cost-comparison-btn-area */
.cost-comparison-btn-area {
}
.service-pdf-link {
	box-sizing: border-box;
	display: block;
	max-width: 560px;
	margin: 0 auto 30px;
	padding: 34px 0;
	background-color: #003265;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	transition: all .3s;
}
.service-pdf-link span {
	position: relative;
	display: inline-block;
	padding-left: 60px;
}
.service-pdf-link span::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 36px;
	height: 42px;
	margin-top: -21px;
	background: url(../../common/images/icon-pdf.png) 0 0 no-repeat;
	background-size: 36px 42px;
}
.service-pdf-link:hover {
	color: #003265;
	background-color: #e8f1f9;
}
.comparison-link {
	box-sizing: border-box;
	display: block;
	max-width: 560px;
	margin: 0 auto 30px;
	padding: 34px 0;
	border: 2px solid #003265;
	background-color: #ffffff;
	color: #003265;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	transition: all .3s;
}
.comparison-link-large {
	display: block;
	font-size: 24px;
	font-weight: 600;
}
.comparison-link-red {
	color: #e82424;
}



.comparison-link:hover {
	border: 2px solid #e8f1f9;
	background-color: #e8f1f9;
}
.cost-comparison-btn-area p {
	font-size: 15px;
	text-align: center;
}
.cost-comparison-btn-area p a {
	text-decoration: underline;
}

/* service-flow-list */
.service-flow-list {
	margin-bottom: 35px;
}
.service-flow-list > li {
	float: left;
	position: relative;
	width: 244px;
	margin: 0 8px 0 0;
}
.service-flow-list > li:last-child {
	margin-right: 0;
}
.service-flow-list > li::after {
	display: none;
}
.service-flow-list > li:last-child::after {
	display: none;
}
.service-flow-ttl {
	position: relative;
	box-sizing: border-box;
	font-family: 'Arvo', serif;
	height: 60px;
	padding: 6px 10px 0 40px;
	background-color: #003265;
	vertical-align: bottom;
	color: #ffffff;
	font-size: 20px;
	text-align: left;
}
.service-flow-ttl::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -8px;
	width: 30px;
	height: 60px;
	background: url(../images/icon-flow-arrow.png) 0 0 no-repeat;
}
.service-flow-list > li:first-child .service-flow-ttl::before {
	display: none;
}
.service-flow-ttl span {
	font-size: 30px;
}
.service-flow-item {
	padding: 18px 24px;
	background-color: #f2f5f7;
}
.service-flow-item li {
	color: #003265;
	font-weight: 600;
	font-size: 16px;
}
.service-flow-period {
	padding: 12px 20px;
	border: 1px solid #003265;
	color: #003265;
	line-height: 1.6;
	font-size: 20px;
	text-align: center;
}

/* profession-menu */
.profession-menu {
}
.profession-menu h4 {
	margin-bottom: 50px;
	padding: 18px 0 18px;
	border-top: 2px solid #959595;
	border-bottom: 2px solid #959595;
	font-size: 26px;
	font-weight: 400;
	text-align: center;
}
.profession-menu-flow {
	margin-bottom: 60px;
}
.profession-menu-flow li {
	position: relative;
	margin-bottom: 100px;
}
.profession-menu-flow li:last-child {
	margin-bottom: 0;
}
.profession-menu-flow li::after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -18px;
	margin-bottom: -60px;
	border-style: solid;
	border-width: 18px 15px 0 15px;
	border-color: #cae6eb transparent transparent transparent;
}
.profession-menu-flow li:last-child::after {
	display: none;
}
.profession-menu-ttl {
	margin-bottom: 20px;
	padding: 18px 25px 18px;
	background-color: #109bb5;
	color: #ffffff;
	line-height: 1.6;
}
.profession-menu-ttl p {
	text-indent: 0;
	margin-left: 0;
	font-weight: 400;
	font-size: 26px;
}
.profession-menu-ttl span {
	font-family: 'Arvo', serif;
	display: inline-block;
	margin-right: 20px;
	font-size: 26px;
	font-weight: 400;
}
.profession-menu-read {
	padding: 0 30px;
	font-size: 15px;
}

/* price-menu */
.price-menu {
}
.price-menu h4 {
	margin-bottom: 50px;
	padding: 18px 0 18px;
	border-top: 2px solid #959595;
	border-bottom: 2px solid #959595;
	font-size: 26px;
	font-weight: 400;
	text-align: center;
}
.profession-price-area {
}
.price-box {
	margin-bottom: 0;
}
.price-box:last-child {
	margin-bottom: 0;
}

.price-box-ttl {
	margin-bottom: 2px;
	padding: 28px 0 25px;
	background-color: #cae6eb;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
.price-box-ttl .ttl-main {
	font-size: 26px;
	font-weight: 400;
}
.price-box-ttl .price-month {
	font-weight: 600;
	font-size: 26px;
}
.price-box-ttl .unit-label {
	font-weight: 400;
	font-size: 18px;
}
.month-label {
	display: inline-block;
	margin-left: 10px;
	padding: 4px 8px 5px;
	background-color: #109bb5;
	border-radius: 15px;
	font-weight: 600;
	line-height: 1.0;
	font-size: 14px;
	color: #ffffff;
}
.price-box-list {
}
.price-box-list li {
	margin-bottom: 2px;
	padding: 15px 10px 15px 100px;
	background-color: #e8f3f5;
	overflow: hidden;
	font-size: 20px;
}
.price-box-list li:last-child {
	margin-bottom: 0;
}
.price-box-list li span {
	display: block;
	float: left;
	width: 8em;
	color: #109bb5;
	font-weight: 600;
}
.price-box-list li p {
	float: right;
	width: calc(100% - 8em);
	font-weight: 600;
}
.support-price-area {
	position: relative;
	margin: 68px 0 25px 0;
	padding: 25px 0;
	background-color: #cae6eb;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
.support-price-area::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 4px;
	height: 24px;
	margin-left: -2px;
	margin-top: -46px;
	background-color: #109bb5;
}
.support-price-area::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 4px;
	margin-left: -12px;
	margin-top: -36px;
	background-color: #109bb5;
}
.support-price-area p {
	display: inline-block;
	font-size: 26px;
	font-weight: 400;
}
.support-price-area p span {
	font-size: 18px;
}





.price-menu-supplement {
	margin-bottom: 55px;
}
.price-menu-supplement li {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.6;
}

/* consultation-price-area */
.consultation-price-area {
	margin-bottom: 20px;
	padding: 30px 40px 30px;
	background-color: #cae6eb;
	line-height: 1.6;
	letter-spacing: 0.1em;
	font-size: 18px;
}
.consultation-price-area p {
	display: inline-block;
	font-size: 26px;
	font-weight: 600;
}
.consultation-price-area .unit-label {
	font-weight: 400;
	font-size: 18px;
}




} /* タブレット向けここまで */








/* PC向けレイアウトの指定：1201px～ */
@media only screen and (min-width: 1201px) {


} /* PC向けここまで */