@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
	font-family: 'Noto Sans JP';
	src: local('Noto Sans Japanese Regular'), local('NotoSansJapanese-Regular'),
		url(https://fonts.gstatic.com/s/notosansjp/v18/-F62fjtqLzI2JPCgQBnw7HFow2os2HUP5pp0erwTqsSGs8dLiZ-nVOFVLsE_RS1PblwsiBhLorUfH78.116.woff2)
			format('woff2');
	unicode-range: U+2026;
}

/* CSS Document */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

body {
	line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

html,
body {
	margin: 0 auto;
	padding: 0;
	text-align: inherit !important;
}

nav ul,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: #000;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,
select {
	vertical-align: middle;
}

p {
	font-size: 16px;
	line-height: 25px;
}

span.required {
	color: #cc0000;
}

html {
	color: #000;
	background: #fff;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%;
}

legend {
	color: #000;
}

#yui3-css-stamp.cssreset {
	display: none;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	font: inherit;
	vertical-align: baseline;
}
@media (min-width: 1010px) {
	.hidden-pc {
		display: none !important;
	}	
}
@media (max-width: 767px) {
	.hidden-sp {
		display: none !important;
	}
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
	/*min-width: 1250px;*/
	font-size: 16px;
	-webkit-text-size-adjust: none;
	/*font-family :
	YuGothic,    /* Mac用 */
	/*'Yu Gothic', /* Windows用 */
	/*sans-serif;*/
	min-height: 100%;
	height: auto;
	position: relative;
}

.unit {
	width: 100%;
	height: 100%;
}

#container {
	text-align: left;
}

/*------------------------------------------------------------
	header
------------------------------------------------------------*/
#header div.header-top {
	background: #323232;
	color: #fff;
	font-size: 12px;
	padding: 9px 20px;
	overflow: hidden;
}

#header div.header-top h1 {
	float: left;
}

#header div.header-top p {
	float: right;
}

#header div.header-second {
	overflow: hidden;
	padding: 16px 20px;
	border-bottom: 2px solid #cdcbcb;
}

#header div.header-second a.logoLink {
	display: inline-block;
}

#header div.header-second a.logoLink span {
	display: block;
	font-size: 10px;
	padding-bottom: 1%;
}

#header div.header-second img.header-logo {
	float: left;
}

#header div.header-second div.header-contact {
	float: right;
	overflow: hidden;
}

#header div.header-second div.header-contact div.phone {
	float: left;
	overflow: hidden;
	margin-top: 15px;
}

#header div.header-second div.header-contact div.phone img {
	float: left;
}

#header div.header-second div.header-contact div.phone p {
	float: left;
	font-size: 30px;
	text-align: left;
	line-height: 0.6;
	padding-top: 10px;
	padding-left: 15px;
	font-weight: bold;
}

#header div.header-second div.header-contact div.phone p span {
	font-size: 14px;
	font-weight: normal;
}

#header div.header-second div.header-contact div.top-contact {
	float: right;
	padding-left: 30px;
	margin-top: 15px;
}

#header div.header-second div.header-contact div.top-contact a img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/*------------------------------------------------------------
	keyvisual
------------------------------------------------------------*/
#keyvisual {
	background: url(../img/KV_bg.png) no-repeat;
	background-size: cover;
	text-align: center;
	padding: 75px 0;
}

#keyvisual img {
	margin: 0 auto;
}

/*------------------------------------------------------------
	main
------------------------------------------------------------*/

/* news */
.news {
	background: #edf1f7;
	text-align: center;
	height: 160px;
	overflow: hidden;
}
.news-detail {
	width: 1000px;
	margin: 0px auto;
	overflow: hidden;
	height: auto;
	padding: 30px 0;
}
.news-left {
	float: left;
	padding: 0 38px 0 0;
	margin: 0 45px 0 0;
	height: auto;
}
.news-left p {
	padding: 21px 0 0;
}
.news-head {
	font-size: 40px;
	font-family: 'DIN Alternate';
	color: #000;
}
.news-sub {
	font-size: 16px;
	color: #000;
}
.news-right {
	float: left;
	overflow: hidden;
	height: 100px;
}
.news-right li {
    text-align: left;
    margin-top: 20px;
    line-height: 1.5em;
}
.news-right a {
	color: -webkit-link;
	text-decoration: underline;
}
@media screen and (max-width: 1499px) {
	.news {
		height: auto;
	}
	.news-detail {
		width: 70vw;
		padding: 1vw 0;
	}
	.news-left {
		padding: 0;
		margin: 0 3vw 0 0;
		height: auto;
	}
	.news-left p {
		padding: 1.4vw 0 0;
	}
	.news-head {
		font-size: 2.67vw;
	}
	.news-sub {
		font-size: 1.03vw;
	}
	.news-right {
		height: auto;
		border-left: solid 0.07vw #556c8d;
		padding: 0 0 0 4vw;
		margin: 10px 0;
	}
	.news-right ul li {
		text-align: left;
		line-height: 1.5;
		margin: 0px 0 10px;
	}
	.news-right .news-date {
		color: #828282;
		font-size: 14px;
	}
}
#sec_news {
	background: #f1f2e9;
	text-align: center;
	padding: 1.8%;
}

#sec_news .title {
	color: #00769d;
	display: inline-block;
	font-weight: bold;
	margin-right: 1.5%;
	border-right: 1px solid #c5c6ba;
	padding: 0.2% 1.5% 0.2% 0;
	font-size: 18px;
}

#sec_news dd {
	display: inline-block;
	vertical-align: middle;
}

#sec_news dd .date {
	margin-right: 20px;
}

#sec04 > .h2title {
	padding: 9% 0 2%;
	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: -o-center;
	text-align: -ms-center;
}

.h2title {
	text-align: center;
	margin-bottom: 0%;
	padding: 4% 0 3%;
}

#sec01 {
	margin: 2% auto 5%;
	width: 980px;
	background: url(../img/sec01_img1.png) no-repeat right bottom;
}

#sec01 .sec01_list {
	width: 850px;
	padding-bottom: 2%;
	margin-top: 2%;
}

#sec01 .sec01_list li {
	font-size: 26px;
	font-weight: bold;
	border-bottom: 1px solid #d9d7d7;
	padding-bottom: 1.2%;
	margin-bottom: 1.2%;
	letter-spacing: -0.5px;
}

#sec01 .sec01_list li h3 {
	display: inline-block;
}

#sec01 .sec01_list li:before {
	content: url('../img/sec02_icon.png');
	display: inline-block;
	padding: 0 2% 0 0;
}

#sec02 {
	background: url(../img/sec02_bg.jpg) no-repeat;
	background-size: cover;
	position: relative;
}

/* #sec02:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 80px solid transparent;
    border-top: 50px solid #fff;
    top: 0;
    right: 45%;
    left: auto;
} */
#sec02 .contact_point {
	text-align: center;
	padding: 9% 0 4%;
}

#sec02 .contact_point h2 img {
	margin: 0 auto;
}

#sec02 .contact_point > img {
	margin: 0 auto;
}

#sec02 .contact_point a {
	display: block;
	margin: 2% 0 0;
}

#sec03 {
	margin: 1% 0 0;
}

#sec03:after {
	content: '';
	width: 100%;
	height: 53.5vw;
	background: url(../img/wpteam1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: relative;
}

#sec03 .reasonList {
	width: 980px;
	margin: 0 auto 50px;
}

#sec03 .reasonList dt {
	display: inline-block;
	vertical-align: top;
}

#sec03 .reasonList dl {
	overflow: hidden;
	border-bottom: 2px solid #a8a8a8;
	padding-bottom: 3%;
	padding-top: 3%;
}

#sec03 .reasonList dl:first-child {
	padding-top: 0;
}

#sec03 .reasonList dl:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#sec03 .reasonList dd {
	width: 64%;
	display: inline-block;
	vertical-align: top;
	margin: 1.2% 0 0 4%;
}

#sec03 .reasonList dd h3 {
	color: #d81961;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 4%;
}

#sec03 .reasonList .right dt {
	float: right;
}

#sec03 .reasonList .right dd {
	margin: 1.2% 4% 0 0;
}

#sec04 {
	background: #e8eff3;
	padding: 0 0 6%;
}

#sec04 .sec04_list {
	width: 980px;
	margin: 0 auto;
	background: #fff;
	padding-top: 30px;
}

#sec04 .sec04_list > img {
	margin: 3%;
	padding-bottom: 10%;
}

#sec04 .sec04_list > ul {
	padding: 0 0 4% 3%;
}

#sec04 .sec04_list table {
	width: 920px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#sec04 .sec04_list table tr th:nth-child(3),
#sec04 .sec04_list table tr th:nth-child(4),
#sec04 .sec04_list table tr th:nth-child(5) {
	background: #5a5858;
	width: 177px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	vertical-align: middle;
}

#sec04 .sec04_list table th.wpsupport {
	background: #003960;
	width: 180px;
	border-left: 5px solid #003960;
	border-right: 5px solid #003960;
	border-top: 30px solid #003960;
	color: #fff;
	text-align: center;
	height: 55px;
	font-weight: bold;
}

#sec04 .sec04_list table tr td {
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #cccccb;
	border-right: 1px solid #cccccb;
}

#sec04 .sec04_list table tr td:first-child {
	width: 182px;
	padding-left: 18px;
	background: #7a98ad;
	color: #fff;
	text-align: inherit !important;
	vertical-align: middle;
	border-bottom: 1px solid #cccccb;
	height: 57px;
}

#sec04 .sec04_list table tr td:nth-child(2) {
	border-bottom: 1px solid #cccccb;
	border-right: 5px solid #003960;
	border-left: 5px solid #003960;
	text-align: center;
	vertical-align: middle;
}

#sec04 .sec04_list table tr td.bbset {
	border-bottom: 5px solid #003960;
}

#sec04 .sec04_list p {
	width: 910px;
	margin: 0 auto;
	padding: 30px 5px 40px;
}

#sec05 {
	margin: 0 0 4%;
}

#sec05 .sec05_list {
	width: 980px;
	margin: 0 auto;
}

#sec05 .sec05_list ul {
	overflow: hidden;
}

#sec05 .sec05_list li {
	float: left;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
}

#sec05 .sec05_list li:nth-child(3n) {
	margin-right: 0;
}

#sec05 .sec05_list li:nth-child(n + 10) {
	margin-bottom: 0;
}

#sec05 .sec05_list p {
	text-align: center;
	margin-top: 2%;
}

#sec06 {
	background: #fafaf6;
	padding: 0 0 4%;
}

#sec06 div.award-box {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid #b4b4b4;
}

#sec06 div.award-box:last-child {
	border-bottom: 1px solid #b4b4b4;
}

#sec06 div.award-box div.left-award {
	width: 340px;
	float: left;
	margin-right: 50px;
}

#sec06 div.award-box div.right-award {
	width: 590px;
	float: right;
}

#sec06 div.award-box div.right-award h3 {
	overflow: hidden;
	text-align: left;
	border-left: solid #003960 10px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 25px;
	font-size: 26px;
	line-height: 1;
}

#sec06 div.award-box div.right-award h3 a {
	text-decoration: none;
}

#sec06 div.award-box div.right-award h3 span {
	font-size: 14px;
	color: #a7a4a4;
}

#sec06 div.award-box div.right-award h3 img {
	padding-left: 10px;
}

#sec06 div.award-box div.right-award p {
	font-size: 14px;
	text-align: left;
	padding-bottom: 30px;
}

#sec06 div.award-box div.right-award table {
	width: 588px;
	float: right;
	border: solid 1px #003960;
	border-collapse: collapse;
	text-align: left;
	font-size: 14px;
}

#sec06 div.award-box div.right-award table tr:first-child {
	border-bottom: solid 1px #003960;
}

#sec06 div.award-box div.right-award table th {
	width: 150px;
	padding: 20px 20px;
	color: #003960;
}

#sec06 div.award-box div.right-award table td {
	padding: 20px 25px 20px 0px;
}

#sec07 {
	margin: 0 0 6%;
}

#sec07 .sec07_list {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#sec07 .sec07_list span:after {
	position: absolute;
	content: '';
	width: 18px;
	height: 33em;
	background: #d9d6d6;
	background-size: 34px 32px;
	left: 16%;
	top: 5%;
	z-index: 1;
}

#sec07 .sec07_list dl {
	position: relative;
	margin-bottom: 4%;
	z-index: 10;
}

#sec07 .sec07_list dt {
	width: 34%;
	display: inline-block;
	background: #0869ab;
	color: #fff;
	padding: 1% 2%;
	border-radius: 6px;
	vertical-align: middle;
	margin-right: 2%;
	font-size: 20px;
}

/*
#sec07 .sec07_list dl:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -46px;
    width: 18px;
    height: 46px;
    margin-left: -17px;
    background: #d9d6d6;
    background-size: 34px 32px;
    left: 160px;
}
*/
#sec07 .sec07_list dd {
	display: inline-block;
	vertical-align: middle;
	width: 58%;
}

#sec07 .sec07_list dl.none_after:after {
	display: none;
}

#sec09 {
	background: #0869ab;
	padding: 0 0 8%;
	text-align: center;
}

#sec09 .sec09_list {
	width: 980px;
	margin: 0 auto;
	background: #fff;
}

#sec09 .sec09_list .tellBBox {
	text-align: center;
	width: 100%;
}

#sec09 .sec09_list .tellBBox span {
	vertical-align: middle;
	font-weight: bold;
	margin-left: -20px;
}

#sec09 .sec09_list form table {
	width: 860px;
	margin: 0 auto;
}

#sec09 .sec09_list form tr {
	border-bottom: 1px solid #c1bdbd;
}

#sec09 .sec09_list form tr:first-child {
	border-top: 1px solid #c1bdbd;
}

#sec09 .sec09_list form th {
	background: #edf5fb;
	width: 285px;
	padding: 3% 2%;
	vertical-align: top;
	font-weight: bold;
}

#sec09 .sec09_list form th span.requried {
	color: #fff;
	background: #ed171c;
	font-size: 12px;
	float: right;
	display: block;
	padding: 5px 10px;
}

#sec09 .sec09_list form td {
	padding: 3% 3%;
	vertical-align: top;
}

#sec09 .sec09_list form td input {
	width: 80%;
}

#sec09 .sec09_list form td textarea {
	width: 100%;
	height: 140px;
}

#sec09 .sec09_list form .contactBtn {
	text-align: center;
	padding: 4%;
}

#sec09 .sec09_list form .contactBtn > p {
	position: relative;
	display: inline-block;
}

#sec09 .sec09_list form .contactBtn input.btn {
	background: url(../img/btn_bg.png) no-repeat center;
	background-size: 100% 100%;
	padding: 4% 10%;
	border-radius: 42px;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	width: 420px;
	border: none;
}

#sec09 .sec09_list form .contactBtn p:after {
	content: '';
	background: url(../img/btn_arrow.png) no-repeat right;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	right: 16px;
	margin-top: -15px;
}

#sec09 .sec09_list form .contactBtn input.btn:focus {
	outline: none;
}

input.back,
input.go {
	border-style: none;
}

input.back {
	width: 20%;
	background-color: #fff;
	color: #fe7e17;
	font-size: 20px;
	border: solid #fe7e17;
	border-radius: 5px;
	padding: 10px;
	background: url(img/back-i.png) no-repeat;
	background-position: 5%;
}

input.go {
	width: 34%;
	background-color: #fe7e17;
	color: #fff;
	font-size: 20px;
	border: solid #fe7e17;
	border-radius: 5px;
	padding: 10px;
	background-image: url(img/go-i.png);
	background-repeat: no-repeat;
	background-position: 90% 50%;
}

div.footer-before {
	padding-top: 35px;
	padding-bottom: 30px;
	text-align: center;
}

footer {
	font-size: 10px;
}

#formArea .complete {
	text-align: center;
	margin-top: 2%;
}

h2.contact {
	font-size: 44px;
	padding-top: 80px;
	padding-bottom: 80px;
	font-weight: bold;
	text-align: center;
	color: #000;
	display: block;
	width: fit-content;
    margin: 0 auto;
}

span.border-bottom {
	border-bottom: 1px solid #acacac;
	padding-bottom: 20px;
	color: #000;
}

section#contact {
	padding-bottom: 195px;
	border-bottom: 1px solid #cbc7c7;
}

section#contact p.bottom-space {
	padding-bottom: 40px;
	text-align: center;
}

section#contact p.thver {
	text-align: center;
	color: #000;
	font-size: 26px;
}

p.text1000-under {
	padding-bottom: 5%;
}

table.formcell tr.cancel th,
table.formcell tr.cancel td {
	border-bottom: none;
}

#case_study .case_btn {
	margin: 65px auto 65px;
}

@media screen and (max-width: 768px) {
	img {
		max-width: 100%;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	#header {
		border-bottom: 1px solid #bdbdbd;
	}
	#header div.header-top {
		text-align: left;
		padding: 10px;
	}
	#header div.header-top h1 {
		float: left;
		font-size: 10px;
	}
	#header div.header-top p {
		float: right;
	}
	#header {
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
	#header .header-second_sp {
		padding: 0;
		width: 100%;
		height: 16vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#header .header-second_sp .logoBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: calc(68% - 41px);
		height: 100%;
		padding: 0 20px;
	}
	#header .header-second_sp .logoBox img {
		display: block;
		width: 100%;
	}
	#header .header-second_sp .header-contact {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 32%;
		height: 100%;
		border-left: 1px solid #bdbdbd;
	}
	#header .header-second_sp .header-contact div,
	#header .header-second_sp .header-contact a,
	#header .header-second_sp .header-contact img {
		display: block;
		height: 100%;
		width: 100%;
	}
	#KV,
	#formWrap {
		padding-top: calc(16vw + 35px);
	}
	#KV.complete,
	#formWrap.complete {
		padding: calc(16vw + 35px) 4% 30vw;
		border-bottom: 1px solid #cccccc;
	}
	/*
    #header div.header-second {
        padding:0;
        width:100%;
        border-bottom:none;
    }
    #header div.header-second .logoBox {
        float: left;
        width: 55%;
        padding: 4% 2% 1% 0%;
    }
    #header div.header-second a {
        display: inline-block;
        width: 86%;
    }
    #header div.header-second .header-contact a{
        float: left;
    }
    #header div.header-second a span {
        text-align: left;
        display: inline-block;
        font-size: 14px;
    }

    #header div.header-second img.header-logo {
        max-width: 100%;
        width: 100%;
        padding: 1.5% 3% 2% 3%;
    }
    #header div.header-second div.header-contact{
        width:40%;
    }
    #header div.header-second div.header-contact div.phone{
        width: 27%;
        padding: 7% 5% 3% 13%;
        border-left: 1px solid #bdbdbd;
        margin-top: 0;
    }
    #header div.header-second div.header-contact div.phone img{
        float:none;
        width:100%;
    }
    #header div.header-second div.header-contact div.top-contact{
        padding-left: 0px;
        width:57%;
        margin-right: -12px;
        margin-top: 0;
    }
    #header div.header-second div.header-contact div.top-contact a{
        background: #f97e00;
    }
    #header div.header-second div.header-contact div.top-contact img{
        width:98%;
    }
*/
	#keyvisual {
		padding: 4%;
	}
	#keyvisual img {
		max-width: 100%;
	}
	/* news */
	.news {
		height: auto;
	}
	.news-detail {
		width: 90%;
		height: auto;
		padding: 2vw 0;
	}
	.news-left {
		height: auto;
	}
	.news-left p {
		line-height: 1;
	}
	.news-head {
		font-size: 3.67vw;
	}
	.news-right {
		width: 70vw;
		height: auto;
		margin: 0;
	}
	.news-right ul li {
		margin-top: 1vw;
		padding: 0;
		font-size: 2.2vw;
	}
	.news-right .news-date {
		font-size: 2.2vw;
	}

	#sec_news {
		padding: 3% 0%;
	}
	#sec_news .title {
		width: 18%;
		padding: 5% 0;
	}
	#sec_news dd {
		width: 76%;
	}
	#sec_news dd .date {
		display: block;
		text-align: left;
		font-size: 80%;
	}
	#sec_news dd .txt {
		font-size: 14px;
		text-align: left;
		display: block;
	}
	#sec01 {
		width: auto;
		margin: 3% 4% 6%;
		background: none;
	}
	.h2title img {
		max-width: 100%;
	}
	#sec01 .sec01_list {
		width: auto;
	}
	#sec01 .sec01_list li {
		font-size: 100%;
	}
	#sec01 .sec01_list li h3 {
		width: 88%;
		vertical-align: top;
	}
	#sec02 .contact_point {
		padding: 16% 4% 6%;
	}
	#sec02 .contact_point a {
		margin: 5% 4% 1%;
	}
	/* #sec02:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border: 50px solid transparent;
        border-top: 36px solid #fff;
        top: 0;
        right: 43.33%;
        left: auto;
    } */
	#sec03 {
		margin: 8% 4% 78.5vw;
	}
	#sec03:after {
		height: 70vw;
		position: absolute;
		margin: 0 -4%;
		background: url(../img/wpteam1_sp.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#sec03 .reasonList {
		width: auto;
		margin: 0 auto;
	}
	#sec03 .reasonList h3 {
		color: #d81961;
		font-size: 20px;
		line-height: 1.4;
		font-weight: bold;
		padding: 3% 3% 3% 22%;
		margin-bottom: 12px;
	}
	#sec03 .reasonList .reason1 h3 {
		background: url(../img/sec03_spicon1.png) no-repeat left 15px;
		background-size: 18%;
	}
	#sec03 .reasonList .reason2 h3 {
		background: url(../img/sec03_spicon2.png) no-repeat left 15px;
		background-size: 18%;
	}
	#sec03 .reasonList .reason3 h3 {
		background: url(../img/sec03_spicon3.png) no-repeat left 15px;
		background-size: 18%;
	}
	#sec03 .reasonList img {
		width: 46%;
		/*display: inline-block;*/
		float: left;
		vertical-align: top;
		margin-right: 4%;
		margin-bottom: 5px;
	}
	#sec03 .reasonList p {
		width: 100%;
		float: none;
		vertical-align: top;
		font-size: 16px;
		line-height: 1.5;
	}
	#sec03 div.reason1,
	#sec03 div.reason2,
	#sec03 div.reason3 {
		overflow: auto;
		margin-bottom: 30px;
	}
	#sec04 {
		padding: 6% 4% 8%;
	}
	#sec04 .sec04_list {
		width: auto;
		background: none;
	}
	#sec04 .sec04_list > img {
		margin: 0;
	}
	#sec04 .sec04_list > ul {
		padding: 4% 0 0 0;
		font-size: 14px;
	}
	#sec04 .sec04_list p {
		width: 96%;
		padding: 2%;
	}
	#sec05 {
		margin: 2% 4% 10%;
	}
	#sec05 .h2title {
		padding-top: 10%;
		padding-bottom: 6%;
		width: 60%;
		margin: 0 auto;
	}
	#sec05 .sec05_list {
		width: auto;
	}
	#sec05 .sec05_list li {
		width: 31.5%;
	}
	#sec05 .sec05_list p {
		font-size: 14px;
	}
	#sec07 {
		margin: 4% 4% 12%;
	}
	#sec07 .h2title {
		padding-top: 10%;
		padding-bottom: 6%;
		width: 60%;
		margin: 0 auto;
	}
	#sec07 .sec07_list {
		width: 100%;
	}
	#sec07 .sec07_list dt {
		width: 96%;
		font-size: 18px;
		margin-right: 0;
		padding: 2% 0 2% 4%;
	}
	#sec07 .sec07_list dd {
		margin-left: 15%;
		width: 84%;
		font-size: 14px;
		margin-top: 1%;
	}
	#sec07 .sec07_list span:after {
		left: 6%;
		height: 37em;
		top: 4%;
	}
	#award {
		background: #fafaf6;
		padding-bottom: 5%;
		padding: 3%;
		margin: 0 auto;
	}
	#award h2 {
		padding-top: 10%;
		padding-bottom: 0%;
		width: 31%;
		margin: 0 auto;
	}
	#award div.award-box {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		padding-top: 40px;
		padding-bottom: 40px;
		border-top: none;
	}
	#award div.award-box:last-child {
		border-bottom: none;
	}
	#award div.award-box div.left-award {
		width: 100%;
		float: none;
		margin-right: 0px;
		text-align: center;
	}
	#award div.award-box div.left-award img {
		width: 100%;
	}
	#award div.award-box div.right-award {
		width: 100%;
		float: 0;
		margin-top: 25px;
	}
	#award div.award-box div.right-award h3 {
		overflow: hidden;
		text-align: left;
		border-left: solid #003960 10px;
		padding-left: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 25px;
		font-size: 20px;
		line-height: 1;
		margin-left: 1%;
	}
	#award div.award-box div.right-award h3 a {
		text-decoration: none;
	}
	#award div.award-box div.right-award h3 span {
		font-size: 14px;
		color: #a7a4a4;
	}
	#award div.award-box div.right-award h3 img {
		padding-left: 10px;
		width: 3%;
	}
	#award div.award-box div.right-award p {
		font-size: 14px;
		text-align: left;
		padding-bottom: 30px;
	}
	#award div.award-box div.right-award table {
		width: 96%;
		float: none;
		border: solid 1px #003960;
		border-collapse: collapse;
		text-align: left;
		font-size: 14px;
		margin-left: 2%;
		margin-right: 2%;
	}
	#award div.award-box div.right-award table tr:first-child {
		border-bottom: solid 1px #003960;
	}
	#award div.award-box div.right-award table th {
		width: 38%;
		padding: 3%;
		color: #003960;
	}
	#award div.award-box div.right-award table td {
		padding: 3% 3% 3% 0px;
		width: 50%;
	}
	#award img.sp {
		width: 80%;
		padding: 3% 0;
	}
	.swiper-button-next,
	.swiper-button-prev {
		top: 18% !important;
		background-size: 100% auto !important;
	}
	.swiper-button-prev {
		background-image: url(img/prev-icon.png) !important;
	}
	.swiper-button-next {
		background-image: url(img/next-icon.png) !important;
	}
	#sec09 {
		padding: 2% 4% 12%;
	}
	#sec09 .h2title {
		padding-top: 10%;
		padding-bottom: 2%;
		width: 46%;
		margin: 0 auto;
	}
	#sec09 .sec09_list {
		width: auto;
	}
	#sec09 .sec09_list form table {
		width: 100%;
	}
	#sec09 .sec09_list form tr {
		border-bottom: none;
	}
	#sec09 .sec09_list form tr:first-child {
		border-top: none;
	}
	#sec09 .sec09_list form th {
		width: auto;
		display: block;
	}
	#sec09 .sec09_list form td {
		width: auto;
		display: block;
	}
	table.formcell {
		border: none;
	}
	table.formcell td,
	table.formcell th {
		border-bottom: none;
	}
	#sec09 .sec09_list form th span {
		float: none;
		margin-left: 4%;
		width: 8%;
		padding: 1% 5%;
	}
	#sec09 .sec09_list form td textarea {
		width: 90%;
	}
	#sec09 .sec09_list form .contactBtn {
		padding: 4% 4% 8%;
	}
	#sec09 .sec09_list form .contactBtn input.btn {
		width: 300px;
		font-size: 20px;
		padding: 4% 10%;
	}
	#sec09 .sec09_list form .contactBtn p:after {
		top: 0;
		right: 0;
		margin-top: 12px;
		margin-right: 13px;
	}
	section#foot {
		background: #2d2c2d;
	}
	div.foot {
		width: 94%;
		padding: 3%;
	}
	div.foot img {
		margin-top: 10px;
		width: 65%;
	}
	div.foot div.textbox {
		float: none;
		line-height: 1.8;
	}
	div.foot div.textbox p.text-nano {
		font-size: 12px;
		padding-top: 25px;
		padding-bottom: 3%;
		border-bottom: 2px solid #4f4e4f;
	}
	div.foot div.textbox p.text-nano a {
		color: #a5a3a3;
	}
	div.foot div.textbox div.plateinc {
		overflow: hidden;
		padding-top: 3%;
		padding-bottom: 3%;
	}
	div.foot div.textbox div.plateinc div.left-box {
		float: left;
		padding-right: 5%;
		width: 45%;
	}
	div.foot div.textbox div.plateinc p {
		font-size: 16px;
	}
	div.foot div.textbox div.plateinc p.text-mini {
		font-size: 14px;
		padding-top: 10px;
	}
	div.footer-before {
		width: 80%;
		margin: 0 auto;
	}
	/*　フォーム　*/
	h2.contact {
		font-size: 28px;
		padding-top: 10%;
		padding-bottom: 8%;
		font-weight: bold;
	}
	section#contact {
		padding-bottom: 5%;
		border-bottom: 1px solid #ccc;
		padding: 4%;
	}
	section#contact p.bottom-space {
		padding-bottom: 5%;
		color: #676767;
		font-size: 14px;
		text-align: left;
	}
	section#contact p.thver {
		text-align: center;
		color: #000;
		font-size: 20px;
	}
	section#contact img {
		margin-bottom: 5%;
	}
	table.formcell {
		width: 100%;
	}
	table.formcell th {
		width: 30%;
		padding: 2%;
	}
	table.formcell td {
		padding: 2% 0% 2% 10%;
	}
	p.last-btn input {
		width: 100%;
	}
	img.change {
		width: 14%;
		padding-top: 6%;
		margin: 0 auto;
		padding-bottom: 6%;
	}
	input.back {
		width: 80%;
	}
	input.go {
		width: 80%;
		margin-top: 3%;
	}
	.scroll {
		border-bottom: 1px solid #cccccc;
		display: inline-block;
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
}

/*　/フォーム　*/
section#company_all {
	background: #fff;
}

section#company_all h2 {
	padding-top: 60px;
	padding-bottom: 30px;
	font-size: 44px;
	text-align: center;
	font-weight: bold;
}

section#company_all div.company_box {
	width: 980px;
	margin: 0 auto;
	padding-top: 10px;
}

section#company_all div.company_box ul.company_list {
	font-size: 0;
}

section#company_all div.company_box ul.company_list li {
	display: inline-block;
	width: 100px;
	margin-right: 40px;
	margin-bottom: 40px;
}

section#company_all div.company_box ul.company_list li:nth-child(7n) {
	margin-right: 0;
}

section#company_all div.company_box ul.company_list li img {
	width: 100%;
}

@media all and (max-width: 768px) {
	/* 実績企業 */
	section#company_all h2 {
		padding-top: 5%;
		padding-bottom: 2%;
		font-size: 28px;
	}
	section#company_all div.company_box {
		width: 92%;
		margin: 0 auto;
		padding: 2% 0 7%;
	}
	section#company_all div.company_box ul.company_list {
		font-size: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	section#company_all div.company_box ul.company_list li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 18px;
	}
	section#company_all div.company_box ul.company_list li:nth-child(7n) {
		margin-right: 0%;
	}
	section#company_all div.company_box ul.company_list li:nth-child(3n) {
		margin-right: 0;
	}
	section#company_all div.company_box ul.company_list li img {
		width: 100%;
	}
}

/* フォーム修正 2019/7/17*/
#sec09 .h2title {
	padding: 100px 0 58px;
}

#sec09 .sec09_list .txt {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

#sec09 .sec09_list .tellBBox span {
	vertical-align: middle;
	font-weight: bold;
	margin-left: -20px;
	color: #000000;
	font-size: 14px;
}

#sec09 .sec09_list .tellBBox p {
	background: url(../img/sec09_callicon.png) no-repeat;
	display: inline-block;
	font-size: 36px;
	font-weight: bold;
	vertical-align: middle;
	width: 37%;
	background-position: 1px;
	margin: 34px 0 40px;
}

table.formcell {
	width: 860px;
	border: 0px solid #e3e3e3;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 36px;
	text-align: left;
	background: #fff;
}

.form_table {
	width: 980px;
	background: #ffffff;
	margin: 0 auto;
	padding-bottom: 56px;
}

table.formcell tr {
	border-bottom: 1px solid #d0d0d0;
}

table.formcell tr:first-child {
	border-top: 1px solid #d0d0d0;
}

table.formcell th {
	padding: 24px 17px;
	border-bottom: 0px solid #cbc7c7;
	width: 470px;
	background: #edf5fb;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}

table.formcell td {
	padding: 20px 15px 20px 25px;
	border-bottom: 0px solid #cbc7c7;
}

span.required {
	color: #ffffff;
	background: #ed171c;
	padding: 6px 18px 7px;
	float: right;
	font-size: 12px;
}

table.formcell td textarea {
	width: 540px;
	height: 110px;
	border-radius: 5px;
	border-width: thin;
	border: 1px solid #c5c2c2;
	font-size: 16px;
	padding: 10px;
	resize: vertical;
}

table.formcell tr.cancel th {
	vertical-align: top;
}

table.formcell td .mwform-radio-field {
	display: block;
	cursor: pointer;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

table.formcell td input:not([type='radio']) {
	width: 430px;
	height: 35px;
	border-radius: 5px;
	border-width: thin;
	border: 1px solid #c5c2c2;
	font-size: 16px;
	padding-left: 10px;
}

#contact p.btn {
	background: -webkit-gradient(linear, left top, left bottom, from(#f39f29), to(#f56d30));
	background: linear-gradient(#f39f29, #f56d30);
	width: 460px;
	border-radius: 50px;
	margin: 0 auto;
}

input.go2 {
	width: 460px;
	background-color: #ffffff00;
	color: #fff;
	font-size: 28px;
	border: none;
	border-radius: 50px;
	padding: 25px 0px;
	text-align: center;
	background-image: url(../img/btn_icon01.png);
	background-repeat: no-repeat;
	background-position: 405px 50%;
	margin-bottom: 0px;
}

#sec09 .btn {
	background: -webkit-gradient(linear, left top, left bottom, from(#f39f29), to(#f56d30));
	background: linear-gradient(#f39f29, #f56d30);
	width: 460px;
	border-radius: 50px;
	margin: 0 auto;
}

@media all and (max-width: 768px) {
	#sec09 .h2title {
		padding: 8vw 0 8vw;
	}
	#sec09 .sec09_list .txt {
		padding: 4%;
	}
	#sec09 .sec09_list .txt {
		margin: 0;
	}
	#sec09 .sec09_list .sptellBBox {
		margin: 0 4% 0%;
	}
	.form_table {
		width: 100%;
		background: #ffffff;
		margin: 0 auto;
		padding-top: 6vw;
		padding-bottom: 8vw;
	}
	dl.formcell {
		width: 100%;
		text-align: left;
		border-top: none;
		background: #fff;
	}
	dl.formcell dt {
		padding: 3vw;
		font-size: 4.5vw;
		font-weight: bold;
		background: #edf5fb;
	}
	dl.formcell dd {
		padding: 4vw 4%;
		width: 100%;
	}
	span.required {
		padding: 1vw 2vw;
		font-size: 3vw;
		position: absolute;
		margin-left: 5vw;
	}
	dl.formcell dd input:not([type='radio']) {
		width: 100%;
		height: auto;
		border-radius: 5px;
		border-width: thin;
		border: 1px solid #c5c2c2;
		font-size: 4vw;
		border-bottom: 1px solid #c5c2c2;
		padding: 5%;
	}
	dl.formcell dd textarea {
		width: 100%;
		height: auto;
		min-height: 200px;
		border-radius: 5px;
		border-width: thin;
		border: 1px solid #c5c2c2;
		font-size: 4vw;
		padding: 3% 5%;
	}
	p.last-btn {
		border-top: none;
		background: -webkit-gradient(linear, left top, left bottom, from(#f39f29), to(#f56d30));
		background: linear-gradient(#f39f29, #f56d30);
		width: 92%;
		border-radius: 50px;
		margin: 0 auto;
		padding-top: 0;
		padding: 2vw 0;
	}
	p.last-btn input.go2 {
		width: 100%;
		font-weight: bold;
		font-size: 5vw;
		padding: 3vw 0;
		border-radius: 5px;
		background-position: 95% 50%;
	}
	input.go2 {
		background-color: #ffffff00;
		color: #fff;
		font-size: 5vw;
		border: none;
		border-radius: 50px;
		padding: 25px 0px;
		text-align: center;
		background-image: url(../img/btn_icon01.png);
		background-repeat: no-repeat;
		background-position: 405px 50%;
		margin-bottom: 0px;
	}
	#case_study .case_btn {
		margin: 10px auto 10px;
	}
}

/* #region 200605追記 */
#sec_results {
	display: block;
	margin-bottom: 40px;
	position: relative;
}

#sec_results .h2title {
	padding: 4% 0 3%;
}

.sec_results {
	position: relative;
}

.sec_results::after {
	content: '';
	position: absolute;
	bottom: -110px;
	left: calc((100% - 160px) / 2);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 70px 80px 0 80px;
	border-color: #ffffff transparent transparent transparent;
	line-height: 0px;
	_border-color: #ffffff #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	z-index: 2;
}

.block_results_cat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
}

.block_results_list {
	display: block;
	width: calc(50% - 40px);
	margin: 0 20px 40px;
}

.block_results_list h3 {
	background: #00316f;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	text-align: center;
	padding: 20px 0;
}

.block_results_list h3 span {
	color: #fff;
	font-size: 24px;
}

.results_list li {
	font-size: 16px;
	line-height: 24px;
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.results_list li:before {
	content: '';
	display: block;
	width: 25px;
	height: 23px;
	background: url(../img/ico_results.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 12px;
}

.results_list li:nth-of-type(2n - 1) {
	background: #f5f8fb;
}

.results_list li span {
	color: #000;
	display: block;
	width: calc(100% - 55px);
}

@media all and (max-width: 768px) {
	#sec_results {
		width: 92%;
		margin: 0 auto 50px;
	}
	#sec_results .h2title {
		padding: 4% 0 6%;
		width: 85%;
		margin: 0 auto;
	}
	.sec_results::after {
		bottom: -80px;
		left: calc((100% - 80px) / 2);
		border-width: 30px 40px 0 40px;
	}
	.block_results_cat {
		display: block;
		margin: 0 auto;
	}
	.block_results_list {
		width: 100%;
		margin: 0 0 40px;
		-webkit-box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.5);
	}
	.block_results_list h3 {
		font-size: 14px;
		line-height: 1.6;
		padding: 15px 2%;
	}
	.block_results_list h3 span {
		font-size: 20px;
		font-weight: 600;
	}
	.results_list li {
		font-size: 16px;
		line-height: 1.5;
		padding: 15px;
	}
	.results_list li:before {
		width: 23px;
		height: 19px;
		margin-right: 12px;
	}
	.results_list li span {
		display: block;
		width: calc(100% - 35px);
	}
}

/*WordPress保守導入事例一覧*/
section#case_study {
	margin-bottom: 80px;
}

section#case_study div.caseList {
	width: 980px;
	margin: 0 auto;
	padding-top: 10px;
}

section#case_study h2 {
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 44px;
	text-align: center;
	font-weight: bold;
}

.caseList .case-list {
	width: 90%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.caseList .head-copy {
	text-align: center;
	margin: 5% auto;
}

.caseList .case-list a {
	text-decoration: none;
	color: #3e3e3e;
}

.caseList .case-list img {
	width: 80%;
	max-height: 100% !important;
}

.caseList .case-list .case-list-box {
	width: 31%;
	min-width: 235px;
	margin: 10px 1%;
	border: 1px solid #d0d0d0;
}

.caseList .case-list-img {
	width: 100%;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #d0d0d0;
}

.caseList .case-list-img img {
	width: 100%;
}

.caseList .case-list-title {
	min-height: 100px;
	font-weight: bold;
	font-size: 19px;
	width: 90%;
	margin: 10px auto 0px;
}

.caseList ul.site_cat,
.caseList ul.site_genre {
	width: 88%;
	padding: 2px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	position: relative;
	margin: 1px auto;
	font-size: 10px;
}

.caseList ul.site_genre {
	margin-bottom: 10px;
}

.caseList ul.site_genre::before {
	content: '';
	width: 15px;
	height: 15px;
	background: url(../../img/ico_tag.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 3px;
	left: 0;
}
.case_btn {
	display: block;
	margin: 65px auto 0;
	padding: 0;
	width: 380px;
	border-radius: 5px;
	background: #fff;
	position: relative;
	line-height: 70px;
	font-size: 18px;
	font-weight: bold;
	color: #092e64;
	border: 1px solid #092e64;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

.case_btn::after {
	content: '';
	background: url(../../../../../img/common/vek_navy.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 24px;
	right: 9%;
	background-size: contain;
}

.interview_btn{
    display: block;
    margin: 65px auto 0;
    padding: 0;
    width: 380px;
    border-radius: 5px;
    background: #fff;
    position: relative;
    line-height: 70px;
    font-size: 18px;
    font-weight: bold;
    color: #092e64;
    border: 1px solid #092e64;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}

.interview_btn::after {
    content: '';
    background: url(/img/common/vek_navy.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 24px;
    right: 9%;
    background-size: contain;
}

@media all and (max-width: 768px) {
	/*WordPress保守導入事例一覧*/
	section#case_study {
		margin-bottom: 0px;
	}

	section#case_study div.caseList {
		width: 100%;
		margin: 0 auto;
		padding: 2% 0 7%;
	}
	section#case_study h2 {
		padding-top: 5%;
		padding-bottom: 0;
		font-size: 28px;
	}
	.caseList .case-list {
		display: block;
		width: 90%;
		margin: 7% auto;
	}
	.caseList .case-list .case-list-box {
		width: 100%;
		height: 350px;
		min-height: 350px;
		margin-bottom: 0;
	}
	.caseList .case-list-img img {
		width: 100%;
		max-height: 100% !important;
	}
	.caseList .case-list-title {
		min-height: 120px;
	}
	.case_btn {
		margin: 10px auto 0;
		width: 75%;
		font-size: 4.3vw;
		line-height: 50px;
	}
	.case_btn::after {
		top: 15px;
	}
    .interview_btn{
        margin: 30px auto 50px;
        width: 75%;
        font-size: 4.3vw;
        line-height: 50px;
    }
    .interview_btn::after{
        top: 15px;
    }
}

#sec03 .reasonList dd p {
	font-size: 20px;
}

/*ここから追加20211018*/
#plans {
	padding: 8% 0 0;
}

#plans h2 {
	text-align: center;
}
#plans .plan_btn {
	width: 400px;
	display: block;
	margin: 0 auto;
}

#plans .plan_btn img {
	display: block;
	width: 100%;
}
.sec07 {
	background: #f4f9fc;
}

.sec07 .inner {
	height: inherit;
    margin: 0 auto;
    max-width: 100%;
    width: 1010px;
	padding: 0 15px 100px;
}

.sec07 .inner .service-lead {
	display: block;
	margin: auto;
	margin-top: 20px;
}

.sec07 .inner .service-table {
	border: none;
	margin-bottom: 10px;
	margin-top: 50px;
	border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
}
.sec07 .inner .service-table tr th,.sec07 .inner .service-table tr td{
	border: 1px solid #eee;
}

.sec07 .inner .service-table tr th {
	background: #013960;
	color: #fff;
	font-size: 18px;
	padding: 20px 10px;
	text-align: center;
	vertical-align: middle;
}

.sec07 .inner .service-table tr td {
	background: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	padding: 20px 10px;
	text-align: center;
	vertical-align: middle;
}

.sec07 .inner .service-table tr td span {
	font-size: 12px;
}

.sec07 .inner .service-table tr .th-none {
	background: #f4f9fc;
	border: none;
}

.sec07 .inner .service-table tr .th-wp {
	background: #ce0e3b;
	border-left: 5px solid #ce0e3b;
	border-right: 5px solid #ce0e3b;
	border-top: 1px solid #ce0e3b;
}

.sec07 .inner .service-table tr .td-wp {
	background: #f7ea79;
	border-left: 5px solid #ce0e3b;
	border-right: 5px solid #ce0e3b;
	color: #ce0e3b;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}

.sec07 .inner .service-table tr .td-wp .zero {
	font-size: 32px;
}

.sec07 .inner .service-table tr .td-wp span {
	font-size: 12px;
	color: #ce0e3b;
}

.sec07 .inner .service-table tr .td-wp__last {
	border-bottom: 5px solid #ce0e3b;
}

.sec07 .inner .service-table tr .text-black {
	color: #000;
}

.sec07 .inner .service-table__note {
	font-size: 14px;
	margin-bottom: 20px;
	text-align: right;
}

.sec07 .inner .service-description {
	position: relative;
	margin-bottom: 80px;
}

.sec07 .inner .service-description .service-description__bg {
	width: 100%;
}

.sec07 .inner .service-description .service-description__box {
	left: 50px;
	position: absolute;
	top: 100px;
	width: 65%;
}

.sec07 .inner .service-description .service-description__box p {
	font-size: 18px;
	margin-top: 20px;
}

.sec07 .inner .service-description .service-description__box p span {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #f7ea79));
	background: -o-linear-gradient(transparent 60%, #f7ea79 60%);
	background: linear-gradient(transparent 60%, #f7ea79 60%);
	font-weight: bold;
	color: #000;
}

.sec07 .inner .service-description .service-description__box .service-description__note {
	background: none;
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
}
@media (max-width: 1009px) {
	#plans h2 {
		width: 75vw;
		margin: 0 auto;
	}
	#plans .plan_btn {
		width: 85vw;
	}
	.sec07 .inner .service-table {
		-webkit-overflow-scrolling: touch;
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
	}
	
	.sec07 .inner .service-table tr th {
		font-size: 3.73333vw;
		padding: 2.66667vw 1.33333vw;
	}
	
	.sec07 .inner .service-table tr td {
		font-size: 3.73333vw;
		padding: 2.66667vw 1.33333vw;
	}
	
	.sec07 .inner .service-table tr td span {
		font-size: 1.6vw;
	}
	
	.sec07 .inner .service-table tr .th-wp img {
		width: 80%;
	}
	
	.sec07 .inner .service-table tr .td-wp {
		font-size: 3.73333vw;
	}
	
	.sec07 .inner .service-table tr .td-wp img {
		width: 4vw;
	}
	
	.sec07 .inner .service-table tr .td-wp .zero {
		font-size: 6.13333vw;
	}
	
	.sec07 .inner .service-table tr .td-wp span {
		font-size: 1.6vw;
	}
	
	.sec07 .inner .service-table__note {
		font-size: 14px;
	}
	
	.sec07 .inner .service-description .service-description__box {
		left: 2.66667vw;
		top: 2.66667vw;
		width: 86.66667vw;
	}
	
	.sec07 .inner .service-description .service-description__box img {
		display: block;
		margin: auto;
		width: 80%;
	}
	
	.sec07 .inner .service-description .service-description__box p {
		font-size: 3.73333vw;
		margin-top: 2.66667vw;
	}
	
	.sec07 .inner .service-description .service-description__box .service-description__note {
		font-size: 1.86667vw;
		text-align: left;
	}
	
	.sec07 .inner .service-description .service-description__box .service-description__box--text {
		margin-right: 25%;
	}
}
/*追加ここまで20211018*/
#service {
	background: #fafaf6;
	padding-bottom: 150px;
}

#service h2 {
	padding-top: 6%;
	text-align: center;
	margin-bottom: 45px;
}

#service .inner {
	display: block;
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
}

#service .pc table {
	display: block;
	width: 100%;
	margin-bottom: 50px;
	border-collapse:separate;
	border-spacing: 0;
}

#service .pc table tbody {
	display: block;
	width: 100%;
}

#service .pc table tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

#service .pc table tr:nth-of-type(1) {
	height: 80px;
}

#service .pc table tr:last-of-type td {
	padding: 20px;
}

#service .pc table tr:last-of-type th,
#service .pc table tr:last-of-type td {
	border-bottom: 1px solid #063271;
}

#service .pc table th,
#service .pc table td {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
	border-left: 1px solid #063271;
	border-top: 1px solid #063271;
}
#service .pc table th.table_head{
	color: #FFF;
	font-weight: bold;
}
#service .pc table th.table_head:nth-of-type(1){
	border:none;
}
#service .pc table td:nth-of-type(1){
	font-weight: 600;
    color: #00316f;
	background: #f1f6fc;
}

#service .pc table th:nth-of-type(1),
#service .pc table td:nth-of-type(1) {
	width: 27%;
	justify-content: initial;
}
#service .pc table th:nth-of-type(2),
#service .pc table td:nth-of-type(2) {
	width: 35%;
}
#service .pc table th:nth-of-type(3),
#service .pc table td:nth-of-type(3){
	width: 38%;
}
#service .pc table th:nth-of-type(3),
#service .pc table td:nth-of-type(3),
#service .pc table td.cell_col2{
	border-right: 1px solid #063271;
}

#service .pc table th:nth-of-type(1) {
	background: transparent;
}

#service .pc table th:nth-of-type(2) {
	background: #00316f;
}

#service .pc table th:nth-of-type(3) {
	background: #5373a2;
}

#service .pc table td {
	padding: 15px 0;
}

#service .pc table td.cell_col2{
	width: 73%;
}

#service .pc table dl {
	font-size: 14px;
	line-height: 1.8;
	width: 93%;
}

#service .pc table td:nth-of-type(1) dl{
	font-size: 16px;
}

#service .pc table dl dt,
#service .pc table dl dd {
	padding: 10px 20px;
	min-height: 45px;
}

#service .pc table dl dt {
	font-weight: 600;
	color: #00316f;
}

#service .pc table dl dd.att_txt{
	font-size: 12px;
}

#service .pc table dl dd span {
	color: #000;
}

#service .pc table dl dd .fee {
	font-size: 24px;
	font-weight: 600;
}

#service .pc table dl dd .free_fee {
	font-size: 18px;
	font-weight: 600;
}

#service .pc table .cell_n {
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/check_none.png);
	width: 15px;
	height: 2px;
}

#service .pc table tr.row_fee dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#service .pc table td .cell_y {
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 18px;
	height: 18px;
	margin-left: 10px;
}

#service .pc table td:nth-of-type(2) dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#service .pc table td:nth-of-type(2) .cell_y {
	background-image: url(../img/check_wps.png);
}

#service .pc table td:nth-of-type(3) dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: initial;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#service .pc table td:nth-of-type(3) .cell_y {
	background-image: url(../img/check_wpsp.png);
}

#service a.apply_wps{
	display: block;
	text-align: center;
}

@media all and (max-width: 768px) {
	#service {
		padding-bottom: 40px;
	}
	#service h2 {
		padding: 10% 0 8%;
		margin: 0 auto;
		width: 60%;
	}
	#service .inner {
		width: 92%;
	}
	#service .sp .block_service,
	#service .sp .box_service,
	#service .sp table,
	#service .sp tbody {
		display: block;
		width: 100%;
	}
	#service .sp .block_service li {
		font-size: 22px;
		line-height: 1.4;
		margin-bottom: 12px;
	}
	#service .sp .box_service {
		-webkit-box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.5);
		background: #fff;
	}
	#service .sp .box_service .cell_y {
		display: block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 22px;
		height: 22px;
	}
	#service .sp .box_service .cell_n {
		display: block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 15px;
		height: 2px;
		background-image: url(../img/check_none.png);
	}
	#service .sp .box_service h3 {
		color: #fff;
		font-size: 18px;
		line-height: 26px;
		text-align: center;
		padding: 10px 10px 13px;
	}
	#service .sp .box_service h3 span {
		color: #fff;
		font-weight: 600;
		font-size: 26px;
	}
	#service .sp .box_service_wps {
		margin-bottom: 40px;
	}
	#service .sp .box_service_wps .cell_y {
		background-image: url(../img/check_wps.png);
	}
	#service .sp .box_service_wps h3 {
		background: #00316f;
	}
	#service .sp .box_service_wps th {
		font-weight: bold;
		color: #00316f;
	}
	#service .sp .box_service_wpsplus {
		margin-bottom: 70px;
	}
	#service .sp .box_service_wpsplus .cell_y {
		background-image: url(../img/check_wpsp.png);
	}
	#service .sp .box_service_wpsplus h3 {
		background: #04a4bc;
	}
	#service .sp .box_service_wpsplus h3 span {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#service .sp .box_service_wpsplus h3 span:after {
		content: '\30D7\30E9\30B9';
		display: block;
		font-size: 18px;
		font-weight: 600;
		color: #04a4bc;
		background: #d4e00e;
		border-radius: 13px;
		padding: 0 15px;
		line-height: 26px;
		margin-left: 10px;
	}
	#service .sp .box_service_wpsplus th {
		color: #04a4bc;
	}
	#service .sp table {
		background: #fff;
		padding: 0 0 20px;
	}
	#service .sp table + table {
		border-top: solid 1px #ddd;
	}
	#service .sp table tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: center;
		width: 100%;
	}
	#service .sp table tr.service_sesc{
		margin-bottom: 10px;
	}
	#service .sp table tr.att_txt td{
		width: 90% !important;
		font-size: 2.9vw;
		padding-top: 20px;
	}
	#service .sp table th {
		font-size: 4.33vw;
		font-weight: 600;
		line-height: 1.4;
		padding: 10px 5%;
		background: #f1f6fc;
		margin-bottom: 5px;
	}
	#service .sp table th:nth-of-type(1) {
		width: 100%;
	}
	#service .sp table td {
		font-size: 14px;
		line-height: 1.4;
		padding: 10px 0;
	}
	#service .sp table td:nth-of-type(1) {
		width: 70%;
		font-size: 3.777vw;
	}
	#service .sp table td:nth-of-type(2) {
		width: 20%;
		font-size: 12px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
	}
	#service .sp table tr.service_sesc td{
		width: 90%;
    	margin: 0 auto;
		border-bottom: solid 1px #ddd;
		font-size: 3.777vw;
	}
	#service .sp table td span {
		color: #000;
		font-size: 2.5vw;
	}
	#service .sp table.table_fee td {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#service .sp table.table_fee td:nth-of-type(1) {
		font-size: 3.777vw;
		width: 35%;
	}
	#service .sp table.table_fee td:nth-of-type(2) {
		width: 55%;
	}
	#service .sp table.table_fee .fee,
	#service .sp table.table_fee .free_fee {
		font-size: 4.77vw;
		font-weight: 600;
	}
	#service .sp .box_service table {
		display: block;
	}
	#service .sp ul li {
		font-size: 12px;
	}
	#service .sp .apply_btn {
		font-size: 0;
		padding: 20px 3vw 45px;
	}
	#service .sp .apply_btn a,
	#service .sp .apply_btn img {
		display: block;
		width: 100%;
	}
}

#foot {
	background: #2d2c2d;
}

div.foot .linkBox {
	margin-top: 30px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

div.foot .linkBox ul.mgr10 {
	margin-right: 10px;
}

div.foot .linkBox ul li:first-child {
	margin-bottom: 15px;
}

div.foot .linkBox > ul > li {
	padding: 0;
	color: #b9b7b7;
}

div.foot .linkBox ul li a {
	font-size: 10px;
	letter-spacing: 1px;
	color: #b9b7b7;
}

div.foot .linkBox > ul > li.lifoot1,
div.foot .linkBox > ul > li.lifoot2 {
	padding-top: 15px;
}

div.foot .linkBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#sec08 {
	background: #e8eff3;
	padding: 0 0 6%;
}

#sec08 .inner {
	display: block;
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
}

#sec08 .qa_select {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: 30px;
}

#sec08 .qa_select .qa_tab {
	background: #b8c3d2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50%;
	padding: 17px;
}

#sec08 .qa_select .qa_tab:before {
	content: '';
	display: block;
	width: 15px;
	height: 9px;
	margin-right: 20px;
}

#sec08 .qa_select .qa_tab span {
	font-size: 18px;
	line-height: 1.4;
	color: #fff;
	max-width: calc(100% - 35px);
}

#sec08 .qa_select .qa_tab:not(.qa_open) {
	cursor: pointer;
}

#sec08 .qa_select .qa_tab.qa_open {
	background: #00316f;
}

#sec08 .qa_select .qa_tab.qa_open:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(../img/vek_underwhite.png);
}

#sec08 .qa_list dl {
	display: none;
}

#sec08 .qa_list dl.qa_open {
	display: block;
}

#sec08 .qa_list .qa_single {
	display: block;
	width: 100%;
	background: #fff;
	padding: 20px;
}

#sec08 .qa_list .qa_single + .qa_single {
	margin-top: 30px;
}

#sec08 .qa_list .qa_single dt,
#sec08 .qa_list .qa_single dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#sec08 .qa_list .qa_single dt:before,
#sec08 .qa_list .qa_single dd:before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: 7px;
}

#sec08 .qa_list .qa_single dt {
	padding-bottom: 15px;
}

#sec08 .qa_list .qa_single dt .que {
	padding: 5px 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
	display: block;
	width: calc(100% - 57px);
	word-break: break-all;
}

#sec08 .qa_list .qa_single dt:before {
	background-image: url(../img/question-icon.png);
	margin-right: 10px;
}

#sec08 .qa_list .qa_single dd {
	border-top: solid 1px #ccc;
	padding: 20px 0 10px;
}

#sec08 .qa_list .qa_single dd .ans {
	display: block;
	width: calc(100% - 67px);
	word-break: break-all;
}

#sec08 .qa_list .qa_single dd .ans .ans_head {
	color: #e72b4e;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	padding: 5px 0;
}

#sec08 .qa_list .qa_single dd .ans .ans_detail {
	font-size: 16px;
	line-height: 1.6;
}

#sec08 .qa_list .qa_single dd:before {
	background-image: url(../img/answer-icon.png);
	margin-right: 20px;
}

@media all and (max-width: 768px) {
	#sec08 {
		padding: 6% 0;
	}
	#sec08 h2 {
		display: block;
		width: 65%;
		margin: 0 auto;
	}
	#sec08 .inner {
		width: 92%;
		margin: 0 auto;
	}
	#sec08 .qa_select {
		display: block;
		width: 100%;
		margin-bottom: 30px;
	}
	#sec08 .qa_select .qa_tab {
		width: 100%;
		padding: 10px;
	}
	#sec08 .qa_select .qa_tab:before {
		width: 15px;
		height: 9px;
		margin-right: 10px;
	}
	#sec08 .qa_select .qa_tab span {
		font-size: 18px;
		max-width: calc(100% - 25px);
	}
	#sec08 .qa_select .qa_tab:not(.qa_open) {
		cursor: pointer;
	}
	#sec08 .qa_select .qa_tab.qa_open {
		background: #00316f;
	}
	#sec08 .qa_list dl {
		display: none;
	}
	#sec08 .qa_list dl.qa_open {
		display: block;
	}
	#sec08 .qa_list .qa_single {
		display: block;
		width: 100%;
		background: #fff;
		padding: 15px 15px 0;
	}
	#sec08 .qa_list .qa_single + .qa_single {
		margin-top: 30px;
	}
	#sec08 .qa_list .qa_single dt,
	#sec08 .qa_list .qa_single dd {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#sec08 .qa_list .qa_single dt:before,
	#sec08 .qa_list .qa_single dd:before {
		content: '';
		display: block;
		width: 34px;
		height: 34px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-top: 1.5%;
		margin-left: 6px;
	}
	#sec08 .qa_list .qa_single dt {
		padding-bottom: 15px;
	}
	#sec08 .qa_list .qa_single dt .que {
		padding: 5px 0;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5;
		display: block;
		width: calc(100% - 60px - 45px);
		word-break: break-all;
		margin-right: 20px;
	}
	#sec08 .qa_list .qa_single dt:before {
		background-image: url(../img/question-icon.png);
		margin-right: 10px;
	}
	#sec08 .qa_list .qa_single dt .arrow_qa {
		content: '';
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 15px;
		height: inherit;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 15px 9px;
		background-image: url(../img/arrow_qa.png);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}
	#sec08 .qa_list .qa_single.opened dt .arrow_qa {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}
	#sec08 .qa_list .qa_single:not(.opened) dd {
		display: none;
	}
	#sec08 .qa_list .qa_single dd {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-top: solid 1px #ccc;
		padding: 20px 0 25px;
	}
	#sec08 .qa_list .qa_single dd .ans {
		display: block;
		width: calc(100% - 60px);
		word-break: break-all;
	}
	#sec08 .qa_list .qa_single dd .ans .ans_head {
		color: #e72b4e;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.6;
		padding: 5px 0;
	}
	#sec08 .qa_list .qa_single dd .ans .ans_detail {
		font-size: 16px;
		line-height: 1.6;
	}
	#sec08 .qa_list .qa_single dd:before {
		background-image: url(../img/answer-icon.png);
		margin-right: 20px;
	}
}

section * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* #endregion */
/*# sourceMappingURL=style.css.map */

/* 20220531追加 */
.service-number {
	display: flex;
	align-items: center;
	flex-direction: column;
	font-weight: bold;
	color: #000000;
}

.service-number > span:nth-of-type(1) {
	font-size: 30px;
	line-height: 1;
	color: #000000;
}

.service-number > span:nth-of-type(2) {
	position: relative;
	font-size: 43px;
    color: #000000;
    line-height: 1;
	margin-top: 8px;
    margin-bottom: 20px;
}

.service-number > span:nth-of-type(2)::before {
	content: '';
    position: absolute;
    width: 1.5px;
    height: 60px;
    background-color: #000000;
    left: -35px;
    bottom: -5px;
    transform: rotateZ(-40deg);
}

.service-number > span:nth-of-type(2)::after {
	content: '';
    position: absolute;
    width: 1.5px;
    height: 60px;
    background-color: #000000;
    right: -25px;
    bottom: -5px;
    transform: rotateZ(40deg);
}

.service-number > span:nth-of-type(2) > span {
	color: #13A1F5;
}

.service-number > span:nth-of-type(2) > span > span {
	font-size: 65px;
	color: #13A1F5;
}

h2.achievement {
	display: flex;
	align-items: center;
	flex-direction: column;
}

h2.achievement > span {
	color: #000000;
	font-size: 37px;
	font-weight: bold;
}

h2.achievement > span > span {
	color: #000000;
	font-size: 46px;
}

h2.achievement > span:nth-of-type(1) {
	line-height: 1;
}

.works,
.comparison,
.service-detail,
.server,
.flow,
.faq,
.contact {
	display: inline-flex;
	align-items: center;
	flex-direction: column;
	color: #000000;
	font-size: 50px;
	font-weight: bold;
	line-height: 1;
}

.contact {
	color: #ffffff;
}

.comparison > span {
	color: #000000;
}

.comparison > span > span {
	font-size: 33px;
	color: #000000;
}

.works::after {
	content: 'WORKS';
    color: #0B7CBD;
    padding-top: 10px;
    margin-top: 18px;
    border-top: 3px solid #000000;
    font-size: 18px;
    width: 100%;
    transform: scaleY(1.4);
    letter-spacing: 1.3px;
}

.comparison::after {
	content: 'PLAN';
    color: #0B7CBD;
    padding-top: 10px;
    margin-top: 18px;
    border-top: 3px solid #000000;
    font-size: 18px;
    width: 100%;
    transform: scaleY(1.4);
    letter-spacing: 1.3px;
}

.service-detail::after {
	content: 'SERVICE';
    color: #0B7CBD;
    padding-top: 10px;
    margin-top: 18px;
    border-top: 3px solid #000000;
    font-size: 18px;
    width: 100%;
    transform: scaleY(1.4);
    letter-spacing: 1.3px;
}

.server::after {
	content: 'SERVER';
    color: #0B7CBD;
    padding-top: 10px;
    margin-top: 18px;
    border-top: 3px solid #000000;
    font-size: 18px;
    width: 100%;
    transform: scaleY(1.4);
    letter-spacing: 1.3px;
}

.flow::after {
	content: 'FLOW';
    color: #0B7CBD;
    padding-top: 10px;
    margin-top: 18px;
    border-top: 3px solid #000000;
    font-size: 18px;
    width: 100%;
    transform: scaleY(1.4);
    letter-spacing: 1.3px;
}

.faq::after {
	content: 'FAQ';
    color: #0B7CBD;
    padding-top: 10px;
    margin-top: 18px;
    border-top: 3px solid #000000;
    font-size: 18px;
    width: 100%;
    transform: scaleY(1.4);
    letter-spacing: 1.3px;
}

.contact::after {
	content: 'CONTACT';
    color: #ffffff;
    padding-top: 10px;
    margin-top: 18px;
    border-top: 3px solid #3585BC;
    font-size: 18px;
    width: 100%;
    transform: scaleY(1.4);
    letter-spacing: 1.3px;
    display: block;
}

@media all and (max-width: 768px) {

	.service-number > span:nth-of-type(1) {
		font-size: 18px;
	}

	.service-number > span:nth-of-type(2) {
		font-size: 23px;
	}

	.service-number > span:nth-of-type(2) > span > span {
		font-size: 40px;
	}

	.service-number > span:nth-of-type(2)::before {
		width: 1px;
		height: 35px;
		left: -18px;
	}

	.service-number > span:nth-of-type(2)::after {
		width: 1px;
		height: 35px;
		right: -15px;
	}

	h2.achievement > span {
		font-size: 24px;
	}
	
	h2.achievement > span > span {
		font-size: 32px;
	}

	.works {
		font-size: 28px;
	}

	.comparison {
		font-size: 31px;
	}
	
	.comparison > span > span {
		font-size: 20px;
	}

	.service-detail {
		font-size: 38px;
	}

	.server,
	.flow,
	.contact {
		font-size: 27px;
	}

	.faq {
		font-size: 36px;
	}

	.works::after,
	.server::after,
	.flow::after {
		padding-top: 5px;
		margin-top: 12px;
		border-top: 1.5px solid #000000;
		font-size: 10px;
	}

	.comparison::after {
		padding-top: 6px;
		margin-top: 12px;
		margin-bottom: 5px;
		border-top: 1.5px solid #000000;
		font-size: 11px;
	}

	.service-detail::after {
		padding-top: 6px;
		margin-top: 12px;
		border-top: 1.5px solid #000000;
		font-size: 13px;
	}

	.faq::after {
		padding-top: 6px;
		margin-top: 12px;
		margin-bottom: 5px;
		border-top: 2px solid #000000;
		font-size: 13px;	
	}

	.contact::after {
		padding-top: 5px;
		margin-top: 12px;
		border-top: 1px solid #3585BC;
		font-size: 10px;
	}

}