@charset "UTF-8";

/*#########################################################

各種ファイル読み込み

#########################################################*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
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 {
	font: inherit;
	font-size: 100%;

	margin: 0;
	padding: 0;

	vertical-align: baseline;

	border: 0;
}

/* HTML5 display-role reset for older browsers
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

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

html {
	font-size: 62.5%;

	color: #333;
}

body {
	font-family: 'Noto Sans Japanese', Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

@media print,
screen and (min-width: 768px) {
	html {
		font-size: 62.5%;
	}

	body {
		font-size: 1.0rem;
	}

	* {
		box-sizing: border-box;
	}

	body {
		word-wrap: break-word;
	}

	.u-sp {
		display: none;
	}

	.pdf_box {
		min-width: 950px;
		padding: 40px 0;

		background: #252525;
	}

	.pdf_box .child_box {
		width: 100%;
		max-width: 950px;
		margin: 0 auto;
	}

	.u-pc {
		display: block;
	}

	.wrapper {
		overflow: hidden;
	}

	header {
		position: relative;

		width: 100%;
		min-width: 950px;
		height: 519px;
		padding-bottom: 40px !important;

		background: url(/svcsol/campaign/images/winserver_201911/top/bg_mainvisual.jpg) no-repeat center bottom;
		background-size: auto 585px;
	}

	.in_head {
		width: 950px;
		min-width: 950px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}

	.grand_title {
		display: flex;
		flex-direction: row;

		width: 100%;

		text-align: right;

		align-items: normal;
		flex-wrap: nowrap;
		justify-content: flex-end;
	}

	.grand_title .logotop__01 {
		background-color: #000;
	}

	.grand_title .logotop__01 a {
		display: block;
	}

	.grand_title .logotop__01 {
		width: 106px;
		height: 70px;
	}

	.grand_title .logotop__01 a {
		margin-top: 10px;
		margin-right: 5px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.grand_title .logotop__01 a img {
		width: 86px;
		height: 51px;
	}

	.main_visual {
		position: relative;
	}
}

@media print,
screen and (min-width: 768px) and (min-width: 949px) {
	.main_visual {
		position: relative;

		width: 950px;
		min-width: 950px;
		margin: 0 auto;
	}
}

@media print,
screen and (min-width: 768px) {
	.main_visual .c-banner {
		position: absolute;
		bottom: -115px;
		left: 0;
	}

	.main_visual_title {
		margin-top: -70px;

		text-align: center;
	}

	.main_visual_title h1 {
		margin-bottom: 35px;
	}

	.main_visual_title h1 img {
		width: 810px;
	}

	.main_visual_title h1 .logo_img img {
		margin-bottom: 0;
	}

	.parent_box {
		min-width: 950px;
	}

	.parent_box .child_box {
		min-width: 950px;
	}

	.parent_box .child_box .in_box {
		width: 950px;
		min-width: 950px;
		margin: 0 auto;
	}

	.parent_box .child_box .in_box .txt_explain {
		font-size: 1.8rem;
		line-height: 1.7;

		margin-bottom: 35px;
	}

	.parent_box.about_box {
		padding-bottom: 100px;

		background: url(/svcsol/campaign/images/winserver_201911/top/bg_about_box.png) no-repeat center top,
			#e6f5ff url(/svcsol/campaign/images/winserver_201911/top/bg_about_box_repeat.png) repeat-x left top;
		-webkit-background-size: 2000px auto, 100px 480px;
		background-size: 2000px auto, 100px 480px;
	}

	.parent_box.solution_box {
		padding-bottom: 100px;

		background: url(/svcsol/campaign/images/winserver_201911/top/bg_solution_box.png) no-repeat center top;
		-webkit-background-size: 2000px 450px;
		background-size: 2000px 450px;
	}

	.parent_box.solve_box {
		padding-top: 70px;
		padding-bottom: 100px;

		background: url(/svcsol/campaign/images/winserver_201911/top/bg_solve_box.png) no-repeat center top;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}

	.parent_box.merit_box {
		padding-top: 15px;
		padding-bottom: 100px;

		background-color: rgba(55, 55, 55, 1);
		background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(51, 51, 51, 1) 15px, rgba(51, 51, 51, 1) 30px);
		background-size: auto auto;
	}

	.parent_box>.child_box {
		width: 950px;
		margin: 0 auto;
	}

	.parent_box.solve_box>.child_box {
		width: 1010px;
		padding: 0 30px;

		background-color: #fff;
	}

	.titlebox__wrap {
		position: relative;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		width: 950px;
		margin: 0 auto 50px;

		-ms-align-items: center;
		align-items: center;
		justify-content: center;
	}

	.titlebox {
		font-weight: bold;
		line-height: 1.5;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;

		min-width: 400px;
		padding-top: 45px;
		padding-bottom: 15px;

		color: #fff;
		background: url(/svcsol/campaign/images/winserver_201911/top/bg_underline.svg) repeat-x left bottom;
		-webkit-background-size: auto 6px;
		background-size: auto 6px;

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
	}

	.titlebox__sub {
		font-size: 2.4rem;
	}

	.titlebox__main {
		font-size: 4.0rem;
	}

	.titlebox__green {
		color: #46f410;
	}

	.titlebox__yellow {
		color: #f7ff38;
	}

	.titlebox__badge {
		font-size: 3.5rem;
		font-weight: normal;
		line-height: 1.5;

		position: absolute;
		bottom: -5px;
		left: -16px;

		width: 120px;
		height: 120px;
		padding-top: 23px;

		text-align: center;

		color: #fe3;
		border-radius: 50%;
		background-color: #000a0f;
	}

	.titlebox__badge__min {
		font-size: 2.2rem;
		line-height: 1;

		display: block;
	}

	.titlebox--solution {
		position: relative;

		margin-bottom: 30px;

		text-align: center;
	}

	.titlebox--solution::before {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;

		width: calc(100% + 60px);
		height: 10px;
		margin-left: -30px;

		content: '';

		background-color: #4c8803;
	}

	.titlebox--solution__sub {
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1;

		position: relative;
		z-index: 2;

		display: inline-block;

		width: 660px;
		height: 40px;
		margin-bottom: 45px;
		padding-top: 8px;

		color: #fff;
		background-color: #404040;
	}

	.titlebox--solution__number {
		margin-right: 5px;

		color: #70a706;
	}

	.titlebox--solution__main {
		font-size: 4.0rem;
		font-weight: bold;
		line-height: 1;
	}

	.titlebox--solution__min {
		font-size: 3.0rem;
		line-height: 1.8;

		display: block;

		margin-top: 5px;

		text-align: center;
	}

	.titlebox--solution__bold {
		color: #70a706;
	}

	.appeal_box {
		padding: 40px 0;

		background: #252525;
	}

	.appeal_box .child_box {
		width: 100%;
		max-width: 950px;
		margin: 0 auto;
	}

	.appeal_box .child_box .visual_box {
		position: relative;

		width: 100%;
		height: 263px;
		margin-bottom: 40px;
		padding: 30px 0 0 38px;

		background: #fff;
	}

	.appeal_box .child_box .visual_box .txt {
		font-size: 3.8rem;
		font-weight: bold;
		line-height: 1.7368;
	}

	.appeal_box .child_box .visual_box .txt span {
		color: #c9003e;
	}

	.appeal_box .child_box .visual_box .visual_box__img {
		position: absolute;
		right: -1px;
		bottom: -2px;

		display: inline-block;

		width: 407px;
	}

	.appeal_box .child_box .visual_box .visual_box__img img {
		width: 100%;
		min-width: 100%;
	}

	.appeal_box .side_by_side {
		flex-wrap: wrap;
	}

	.appeal_box .side_by_side li {
		width: 50%;
	}

	.appeal_box .tel_box {
		width: 100%;
		margin-top: 20px;

		text-align: center;
	}

	.appeal_box .tel_box:before {
		display: inline-block;

		width: 22px;
		height: 22px;
		margin-top: 4px;
		margin-right: 10px;

		content: '';
		vertical-align: top;

		background: url(/svcsol/campaign/images/winserver_201911/common/icon_tel_white.svg) no-repeat center center;
		background-size: cover;
	}

	.appeal_box .tel_box .txt {
		font-size: 1.6rem;
		font-weight: bold;

		margin-right: 10px;

		color: #fff;
	}

	.appeal_box .tel_box .number {
		font-size: 2rem;
		font-weight: bold;

		color: #fff;
	}

	.appeal_box .tel_box .time {
		font-size: 1.4rem;

		margin-top: 10px;

		color: #fff;
	}

	.appeal_box .otherLink_box {
		font-weight: bold;

		width: 100%;
		margin: 0 0 40px;

		text-align: center;
	}

	.appeal_box .otherLink_box a {
		font-size: 1.6rem;

		text-decoration: none;

		color: #fff;
	}

	.appeal_box .otherLink_box a[target='_blank'] {
		padding-right: 24px;

		background: url(/svcsol/campaign/images/winserver_201911/common/icon_externallink.svg) no-repeat right center;
		background-size: 18px 16px;
	}

	.appeal_box .otherLink_box a:hover {
		text-decoration: underline;

		color: #ccc;
	}

	.appeal_box .otherLink_box a,
	.appeal_box .otherLink_box a:link,
	.appeal_box .otherLink_box a:visited {
		font-size: 1.6rem;

		text-decoration: none;

		color: #fff;
	}

	.spbr {
		display: none;
	}

	.pcbr {
		display: block;
	}

	.side_by_side {
		display: flex;
		flex-direction: row;

		margin: 0 auto 0;

		align-items: normal;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.side_by_side>li {
		width: 455px;
	}

	.btn_area {
		width: 455px;
		margin: 0 auto 0;
		margin-left: 0;
	}

	.btn_area .btn {
		font-size: 2.2rem;
		font-weight: bold;

		display: block;

		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		padding: 19px 20px;

		text-align: center;
		text-decoration: none;

		color: #fff;
		border: none;
		border-radius: 4px;
		background: linear-gradient(#d00041, #b6001f);
	}

	.btn_area .btn:hover {
		position: relative;

		cursor: pointer;
	}

	.btn_area .btn:hover:after {
		position: absolute;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;

		content: '';

		opacity: .3;
		border-radius: 4px;
		background: #fff;
	}

	.btn_area span {
		font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
		font-size: 2rem;

		padding-right: 30px;

		background: url(/svcsol/campaign/images/winserver_201911/common/icon_externallink.svg) no-repeat right center;
		background-size: 18px 16px;
	}

	.hd_01 {
		font-size: 3.4rem;
		font-weight: bold;
		line-height: 1.6;

		position: relative;

		margin-bottom: 40px;
		padding-bottom: 20px;

		text-align: center;

		color: #7e4ec0;
		border-bottom: 6px solid #d0d0d0;
	}

	.hd_01:after {
		position: absolute;
		bottom: -6px;
		left: 50%;

		width: 316px;
		height: 6px;

		content: '';
		transform: translateX(-50%);

		background-color: #7e4ec0;
	}

	footer {
		min-width: 950px;

		background: #000;
	}

	footer .in_foot {
		display: flex;
		flex-direction: row;

		width: 100%;
		max-width: 950px;
		margin: 0 auto -15px;
		padding: 15px 0;

		align-items: normal;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	footer .in_foot .foot_nav ul {
		display: flex;
		flex-direction: row;

		align-items: center;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	footer .in_foot .foot_nav ul li a {
		font-size: 1.2rem;

		text-decoration: none;

		color: #fff;
	}

	footer .in_foot .foot_nav ul li a:hover {
		text-decoration: underline;
	}

	footer .in_foot .foot_nav ul li a:after {
		display: inline-block;

		width: 12px;
		height: 10px;
		margin-left: 10px;

		content: '';

		background: url(/svcsol/campaign/images/winserver_201911/common/icon_externallink.svg) no-repeat center top;
		background-size: cover;
	}

	footer .in_foot .foot_nav ul li {
		margin-right: 20px;
	}
	footer .in_foot .foot_nav ul li:first-child:after {
		content: none;
	}
	footer .in_foot .foot_nav ul li:before {
		content: "|";
		color: #fff;
		margin-right: 20px;
	}
	footer .in_foot .foot_nav ul li:last-child:after {
		content: "|";
		color: #fff;
		margin-left: 20px;
	}

	footer .in_foot .copy {
		color: #fff;
	}

	#totop {
		position: fixed;
		right: 0;
		bottom: 0;

		width: 100%;

		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	#totop>a[href='#'] {
		position: fixed;
		right: 0;

		display: block;

		width: 63px;
		margin-left: auto;
	}

	#totop>a[href='#']:hover {
		transition: .8s;

		opacity: .7;
	}

	#totop .pdf {
		position: fixed;
		right: 0;

		width: 100%;
		padding: 30px 0;

		-webkit-transform: translateZ(0);

		border-top: 1px solid #bababa;
		background-color: rgba(236, 236, 236, .95);

		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	#totop .pdf.close {
		display: none;

		transition: .5s all;

		opacity: 0;
	}

	#totop .pdf__close {
		position: absolute;
		z-index: 1;
		top: -15px;
		right: 15px;

		display: block;

		width: 20px;
		height: 20px;
	}

	#totop .pdf__close__inner {
		display: block;

		width: 20px;
		height: 20px;
	}

	#totop .pdf__close__inner span {
		position: absolute;
		left: 0;

		display: inline-block;

		box-sizing: border-box;
		width: 100%;
		height: 1px;

		transition: all .4s;

		background-color: #333;
	}

	#totop .pdf__close__inner span:nth-of-type(1) {
		top: 0;

		-webkit-transform: translate3d(-1px, 0, 0) rotate(-45deg);
		transform: translate3d(-1px, 0, 0) rotate(-45deg);
	}

	#totop .pdf__close__inner span:nth-of-type(2) {
		top: 0;

		-webkit-transform: translate3d(-1px, 0, 0) rotate(45deg);
		transform: translate3d(-1px, 0, 0) rotate(45deg);
	}

	#totop .pdf__item {
		align-self: center;
	}

	#totop .pdf__title {
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.4;
	}

	#totop .pdf__inner {
		position: relative;

		display: flex;
		flex-direction: row;

		width: 950px;
		margin: 0 auto 0;

		align-items: normal;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	#totop .pdf .btn_area {
		width: 298px;
		margin-left: auto;

		align-self: center;
	}

	#totop .pdf .btn_area .btn {
		padding: 7px 0 10px;

		background: #7ee517;
	}

	#totop .pdf .btn_area .btn span {
		font-size: 1.6rem !important;
		line-height: 1;

		padding-right: 18px;

		background-image: url(/svcsol/campaign/images/omnibus_201810/common/icon_externallink_white.svg);
		background-position: top 2px right 1px;
		-webkit-background-size: 16px 14px;
		background-size: 16px 14px;
	}
}

@media print,
screen and (min-width: 768px) {
	main .post_body {
		overflow: scroll;

		word-wrap: normal;
	}
}

/*#########################################################

各種ページファイル読み込み

#########################################################*/
@media print,
screen and (min-width: 768px) {
	.download_box {
		width: 950px;
		min-width: 950px;
		margin: 0 auto;
	}

	.download_box .p-download {
		margin-bottom: 40px;
		padding: 30px 20px;

		border: 2px solid #d70d3b;
		background: #fff;
	}

	.download_box .p-download .outline {
		font-size: 2.4rem;
		font-weight: bold;

		margin-bottom: 30px;

		text-align: center;

		color: #d70d3b;
	}

	.download_box .p-download .c-tit {
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1.2;

		margin-bottom: 10px;
	}

	.download_box .p-download .c-tit__min {
		font-size: 1.4rem;
		font-weight: normal;
	}

	.download_box .p-download .c-tit .p-download__pdf {
		font-size: 1.4rem;
		font-weight: normal;

		position: relative;
		left: -5px;
	}

	.download_box .p-download .btn_area {
		width: 448px !important;
		margin: 0 auto;
	}

	.download_box .p-download .btn_area span {
		font-size: 1.8rem;

		padding-right: 0;
		padding-right: 30px;

		background-image: url(/svcsol/campaign/images/winserver_201911/common/icon_externallink_white.svg);
		background-position: top 4px right 1px;
		-webkit-background-size: 16px 14px;
		background-size: 16px 14px;
	}

	.download_box .p-download__inner {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		justify-content: space-between;
	}

	.download_box .p-download__figure--01 {
		margin-right: 16px;
	}

	.download_box .p-download__figure--02 {
		margin-right: 20px;
	}

	.download_box .p-download__figure--01,
	.download_box .p-download__figure--01 img {
		width: 132px;
	}

	.download_box .p-download__figure--02,
	.download_box .p-download__figure--02 img {
		width: 70px;
	}

	.download_box .p-download__desc {
		padding-top: 5px;

		flex: 1 0 1%;
	}

	.download_box .side_by_side {
		position: relative;

		width: 927px;
		margin-bottom: 20px;

		justify-content: space-between;
	}

	.download_box .side_by_side li.icon_more {
		position: absolute;
		top: 0;
		left: 425px;

		width: 98px;
		height: 85px;
	}

	.download_box .side_by_side li.icon_more img {
		width: 98px;
		height: 85px;
	}

	.download_box .side_by_side li:first-child {
		width: 417px;
	}

	.download_box .side_by_side li:last-child {
		width: 395px;
		padding-right: 25px;
	}

	.download_box .side_by_side li .c-txt {
		font-size: 1.4rem;
		line-height: 1.7;
	}

	.download_box+.side_by_side .btn_area .btn {
		margin-left: 0;
		padding: 17px 0;

		border: 1px solid #fff !important;
		background: none;
	}

	.download_box+.side_by_side .btn_area span {
		font-size: 1.8rem;

		padding-right: 0;
		padding-right: 30px;

		color: #fff !important;
		background-image: url(/svcsol/campaign/images/winserver_201911/common/icon_externallink_white.svg);
		background-position: top 4px right 1px;
		-webkit-background-size: 16px 14px;
		background-size: 16px 14px;
	}

	.download_box+.side_by_side li:last-child .tel_box {
		margin-top: 0;
	}

	.download_box+.side_by_side li:last-child .time {
		display: block;

		margin-top: 13px;
	}

	.note {
		font-size: 1.4rem;
		line-height: 1;

		margin-top: 8px;
	}

	.hd_01 {
		font-size: 3.4rem;
		font-weight: bold;
		line-height: 1.6;

		position: relative;

		margin-bottom: 30px;
		padding-bottom: 25px;

		text-align: center;

		color: #6da500;
		border-bottom: 6px solid #d0d0d0;
	}

	.hd_01::after {
		position: absolute;
		bottom: -6px;
		left: 50%;

		width: 316px;
		height: 6px;

		content: '';
		transform: translateX(-50%);

		background-color: #6da500;
	}

	.hd_02 {
		font-size: 2rem;
		font-weight: bold;

		margin-bottom: 40px;
		padding: 13px 10px 12px;

		color: #fff;
		background-color: #909090;
	}

	.hd_03 {
		font-size: 2.8rem;
		font-weight: bold;
		line-height: 1.6;

		position: relative;

		margin-bottom: 26px;

		text-align: center;

		color: #333;
	}

	.hd_04 {
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.6;

		position: relative;

		margin-bottom: 40px;
		padding-bottom: 25px;

		text-align: center;

		color: #333;
		border-bottom: 6px solid #d0d0d0;
	}

	.hd_04::after {
		position: absolute;
		bottom: -6px;
		left: 50%;

		width: 316px;
		height: 6px;

		content: '';
		transform: translateX(-50%);

		background-color: #4c8803;
	}

	.hd_05 {
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1;

		margin-bottom: 30px;
		padding: 10px;

		text-align: center;

		color: #fff;
		background-color: #70a706;
	}

	.lp-txt {
		font-size: 1.8rem;
		font-weight: normal;
		line-height: 1.5;

		margin-bottom: 60px;

		text-align: left;

		color: #333;
	}

	.lp-txt--center {
		font-size: 1.8rem;
		font-weight: normal;
		line-height: 1.5;

		margin-bottom: 60px;

		text-align: center;

		color: #fff;
	}

	.lp-txt--merit {
		font-size: 1.8rem;
		line-height: 1.5;

		margin-bottom: 40px;

		color: #fff;
	}

	.lp-lead {
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 1.5;

		margin-bottom: 35px;

		text-align: center;
	}

	.lp-lead--merit {
		font-size: 3.4rem;
		font-weight: bold;
		line-height: 1.4;

		margin-bottom: 24px;

		text-align: center;

		color: #70a706;
	}

	.warning__lead {
		width: 800px;
		margin: 0 auto 45px;
		padding: 30px 0 25px 90px;

		background-color: #242c33;
	}

	.warning__lead__txt {
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.5;

		margin-bottom: 5px;

		color: #fff;
	}

	.warning__lead__bold {
		color: #5dbb00;
	}

	.warning__txt {
		font-size: 1.8rem;
		line-height: 1.6;

		margin-bottom: 24px;

		text-align: center;

		color: #000;
	}

	.warning__catch {
		font-size: 2.8rem;
		font-weight: bold;

		margin-bottom: 40px;

		text-align: center;
	}

	.warning__catch__bold {
		color: #4f9806;
	}

	.version {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		justify-content: space-between;
	}

	.version__item {
		width: 455px;
	}

	.version__img {
		width: 100%;
	}

	.sec02__img {
		display: block;

		width: 810px;
		margin: 0 auto;
	}

	.navbox {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		justify-content: space-between;
		-ms-align-items: normal;
		align-items: normal;
	}

	.navbox__item {
		position: relative;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;

		width: 290px;
		padding: 17px 24px 47px;

		border: 4px solid #d0d0d0;
		background-color: #fff;

		-ms-align-items: center;
		align-items: center;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
	}

	.navbox__item:hover::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: '';
		background-color: rgba(255, 255, 255, .4);
		z-index: 3;
	}

	.navbox__number {
		margin-right: 5px;

		color: #70a706;
	}

	.navbox__hd {
		font-size: 2.4rem;
		font-weight: bold;

		margin-bottom: 24px;

		text-align: center;
		text-align: center;
	}

	.navbox__img {
		display: block;

		width: 220px;
		margin: 0 auto 10px;
	}

	.navbox__txt {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.3;

		position: relative;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;

		width: 100%;
		min-height: 85px;
		margin-bottom: 30px;

		text-align: center;

		border-bottom: 4px solid #d0d0d0;

		justify-content: center;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		-ms-align-items: center;
		align-items: center;
	}

	.navbox__txt::after {
		position: absolute;
		bottom: -4px;
		left: 50%;

		width: 84px;
		height: 4px;
		margin-left: -42px;

		content: '';

		background-color: #70a706;
	}

	.navbox__txt__big {
		font-size: 2.4rem;
		line-height: 1.3;

		color: #70a706;
	}

	.navbox__link {
		font-size: 2.0rem;
		font-weight: bold;

		padding-bottom: 47px;

		text-align: center;
		text-decoration: none;

		color: #333;
		background: url(/svcsol/campaign/images/winserver_201911/top/icon_arrow_bottom.svg) no-repeat center bottom;
		-webkit-background-size: 50px 25px;
		background-size: 50px 25px;
	}

	.navbox__link::before {
		position: absolute;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;

		content: '';
		z-index: 4;
	}

	.solve__img {
		display: block;
	}

	.solve__img--01 {
		width: 841px;
		margin: 0 auto 60px;
	}

	.solve__img--03 {
		width: 773px;
		margin: 0 auto;
	}

	.function {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		border-top: 2px solid #dedede;
		border-left: 2px solid #dedede;

		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.function__item {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		width: 50%;

		border-right: 2px solid #dedede;
		border-bottom: 2px solid #dedede;
	}

	.function__pic {
		width: 123px;
	}

	.function__inner {
		padding: 19px 30px 25px;

		-webkit-flex: 1 0 1%;
		-moz-flex: 1 0 1%;
		-ms-flex: 1 0 1%;
		-o-flex: 1 0 1%;
		flex: 1 0 1%;
	}

	.function__hd {
		font-size: 1.8rem;
		font-weight: bold;

		margin-bottom: 12px;
	}

	.function__txt {
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.case {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.case__item {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;

		width: 455px;
		margin-bottom: 40px;
		padding: 25px 25px 35px;

		border: 4px solid #d1d1d1;

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		-ms-align-items: center;
		align-items: center;
	}

	.case__label {
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1;

		display: block;

		width: 113px;
		height: 31px;
		margin: 0 auto 7px;
		padding-top: 7px;

		text-align: center;

		color: #fff;
		background-color: #70a706;
	}

	.case__hd {
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.5;

		max-width: 100%;
		margin-bottom: 20px;

		text-align: center;

		color: #70a706;
	}

	.case__txt {
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 1.5;

		max-width: 100%;
		margin-bottom: 30px;
	}

	.case__pic {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		max-width: 100%;

		-webkit-flex: 1 0 230px;
		-moz-flex: 1 0 230px;
		-ms-flex: 1 0 230px;
		-o-flex: 1 0 230px;
		flex: 1 0 230px;
		-ms-align-items: flex-end;
		align-items: flex-end;
		-ms-align-self: center;
		align-self: center;
	}

	.case__img--01 {
		width: 276px;
	}

	.case__img--02 {
		width: 153px;
	}

	.case__img--03 {
		width: 307px;
	}

	.case__img--04 {
		width: 303px;
	}

	.point {
		position: relative;

		padding: 30px 40px;

		background-color: rgba(231, 242, 218, 1);
		background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(239, 248, 230, 1) 15px, rgba(239, 248, 230, 1) 30px);
		background-size: auto auto;
	}

	.point__circle {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1;

		position: absolute;
		top: -16px;
		left: -16px;

		width: 90px;
		height: 90px;
		padding-top: 35px;

		-webkit-transform: rotate(-12deg);
		-ms-transform: rotate(-12deg);
		-o-transform: rotate(-12deg);
		transform: rotate(-12deg);
		text-align: center;

		color: #fe3;
		border-radius: 50%;
		background-color: #70a706;
	}

	.point__hd {
		font-size: 2.4rem;
		font-weight: bold;

		margin-bottom: 25px;

		text-align: center;

		color: #70a706;
	}

	.point__txt {
		font-size: 1.8rem;
		line-height: 1.5;

		color: #404040;
	}

	.merit {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		margin-bottom: 60px;

		justify-content: space-between;
	}

	.merit__item {
		width: 460px;

		background-color: #f2f2f2;
	}

	.merit__hd {
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1;

		height: 45px;
		margin-bottom: 30px;
		padding-top: 12px;

		text-align: center;

		color: #fff;
	}

	.merit__hd--tp01 {
		background-color: #575757;
	}

	.merit__hd--tp02 {
		background-color: #70a706;
	}

	.merit__pic {
		height: 245px;
		margin-bottom: 20px;

		text-align: center;
	}

	.merit__pic--short {
		height: 230px;
		margin-bottom: 10px;
	}

	.merit__img--0101 {
		width: 391px;
	}

	.merit__img--0102 {
		width: 328px;
	}

	.merit__img--0201 {
		width: 353px;
	}

	.merit__img--0202 {
		width: 343px;
	}

	.merit__inner {
		padding: 0 40px 45px;
	}

	.merit__list__item {
		font-size: 1.8rem;
		line-height: 1.7;

		position: relative;

		padding-left: 25px;
	}

	.merit__list__item::before {
		position: absolute;
		top: 8px;
		left: 0;

		width: 15px;
		height: 15px;

		content: '';

		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 15px;
		background-size: 15px;
	}

	.merit__list__item--cross::before {
		background-image: url(/svcsol/campaign/images/winserver_201911/top/icon_cross.svg);
	}

	.merit__list__item--circle::before {
		background-image: url(/svcsol/campaign/images/winserver_201911/top/icon_circle.svg);
	}

	.merit__note__item {
		font-size: 1.4rem;
		line-height: 1.5;

		position: relative;

		margin-top: 12px;
		padding-left: 14px;
	}

	.merit__note__item::before {
		position: absolute;
		left: 0;

		content: '\203B';
	}

	/* start add20200324 */

	.more_box {
		padding: 0 0 80px;
		background: url(/svcsol/campaign/images/winserver_201911/top/bg_more_box.png) no-repeat center top;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.c-more__icon {
		position: relative;
		display: inline-block;
		margin-bottom: 26px;
		padding: 8px 23px;
		font-size: 2rem;
		background: #111111;
		color: #f7ff38;
	}

	.c-more__icon:after {
		position: absolute;
		content: "";
		left: calc(50% - 30px/2);
		bottom: -14px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 14px 15px 0 15px;
		border-color: #111111 transparent transparent transparent;

	}

	.more_box .c-title {
		margin-bottom: 30px;
		text-align: center;
		font-weight: bold;
		font-size: 3rem;
		color: #333;
	}

	.more_box .c-title em {
		color: #70a704;
	}

	.more_box .c-txt {
		margin-bottom: 60px;
		font-size: 1.8rem;
		text-align: center;
		line-height: 1.7;
		color: #fff;
	}

	.more_box .c-server {
		width: 770px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}

	.more_box .c-server .c-img {
		border: 4px solid #d0d0d0;
		width: 48%;
		padding: 33px 0;
		background: #fff;
		text-align: center;
	}

	.more_box .c-server .c-img img {
		height: 152px;
	}

	/* end add20200324 */
	.fee_box {
		padding: 30px 0;
	}

	.fee_box .child_box {
		width: 950px;
		margin: 0 auto;
	}

	.table-style {
		width: 100%;
		margin-bottom: 10px;
	}

	.table-style th,
	.table-style td {
		font-size: 1.6rem;
		line-height: 1.4;

		padding: 20px;

		border-collapse: collapse;

		text-align: center;
		vertical-align: middle;

		border: 2px solid #e5e5e5;
	}

	.table-style th {
		font-weight: bold;

		white-space: nowrap;

		color: #fff;
		background: #737373;
	}

	.table-style thead th:nth-of-type(n+2) {
		width: calc(716px/3);
	}

	.table-style td {
		font-size: 1.4rem;

		text-align: left;
	}

	.table-style td span {
		font-weight: bold;
	}

	.table-style thead th {
		background-color: #737373;
	}

	.table-style tbody th {
		text-align: left;

		color: #333;
		background: #f3f3f3;

	}

	/* start add20200204 */
	.table-style tbody th.headMiddle {
		text-align: center;
		color: #fff;
		background: #737373;
	}

	/* end add20200204 */

	/* start add20200324 */
	.table-style sup {
		font-size: 1.2rem;
		display: inline;
		vertical-align: top;
	}

	/* end add20200324 */
	.table-style .price {
		text-align: right;
	}

	.table-style .txt-center {
		text-align: center;
	}

	.faq_wrap {
		width: 950px;
		margin: 0 auto 0;
		padding: 60px 0;

		background-color: #fff;
	}

	.faq_wrap .faq {
		margin-bottom: 25px;
		padding-bottom: 20px;

		background: url(/svcsol/campaign/images/winserver_201911/top/bg_faq.gif) repeat-x left bottom;
	}

	.faq_wrap .faq:nth-last-of-type(1) {
		background: none;
	}

	.faq_wrap .faq a {
		color: #005cc3;
	}

	.faq_wrap .faq .faq-a,
	.faq_wrap .faq .faq-q {
		font-weight: bold;

		position: absolute;
		top: 0;
		left: 0;
	}

	.faq_wrap .faq .faq-q {
		color: #f05408;
	}

	.faq_wrap .faq .faq-a {
		color: #4873a9;
	}

	.faq_wrap .faq dt,
	.faq_wrap .faq dd {
		font-size: 1.8rem;
		line-height: 1.5;

		position: relative;

		padding-left: 40px;
	}

	.faq_wrap .faq dt {
		font-weight: bold;

		margin-bottom: 15px;
	}

	.faq_wrap .mini {
		font-size: 1.4rem;

		margin-top: .5rem;
		padding-left: 1em;

		text-indent: -1em;
	}

	.faq_wrap .faq dd h5 {
		font-size: 1.6rem;

		margin-top: 30px;
		margin-bottom: 10px;
	}

	.faq_wrap .faq dd .side_by_side {
		font-size: 1.6rem;
	}

	.faq_wrap .faq dd .side_by_side>li:first-child {
		display: flex;

		width: auto;

		align-items: flex-start;
		justify-content: space-between;
	}

	.faq_wrap .faq dd .side_by_side>li figure {
		display: block;
	}

	.faq_wrap .faq dd .side_by_side>li figure img {
		outline: 2px solid #dedede;
	}

	.faq_wrap .faq dd .side_by_side .check_list li {
		margin-bottom: 10px;
	}

	.faq_wrap .faq dd .side_by_side .check_list li:before {
		display: inline-block;

		width: 14px;
		height: 11px;
		margin-right: 10px;

		content: url(/svcsol/campaign/images/winserver_201911/common/icon_check.svg);
	}

	.faq_wrap .faq dd .side_by_side .check_list li:first-child {
		margin-right: 40px;
	}

	.pdf_box .side_by_side .btn_area .btn02 {
		margin-left: 0;
		padding: 17px 0;

		border: 1px solid #fff !important;
		background: none;
	}

	.pdf_box .side_by_side .btn_area span {
		font-size: 1.8rem;

		padding-right: 0;
		padding-right: 30px;

		color: #fff !important;
		background-image: url(/svcsol/campaign/images/winserver_201911/common/icon_externallink_white.svg);
		background-position: top 4px right 1px;
		-webkit-background-size: 16px 14px;
		background-size: 16px 14px;
	}

	.pdf_box .side_by_side>li:last-child .tel_box {
		margin-top: 0;
	}

	.pdf_box .side_by_side>li:last-child .time {
		display: block;

		margin-top: 13px;
	}

    /* added seminar 20200713 start */
      .c-parent--info {
        padding: 15px 0;
        background-color: #70a706;
        background-image: linear-gradient(135deg, #70a706 25%, #76aa10 25%, #76aa10 50%, #70a706 50%, #70a706 75%, #76aa10 75%, #76aa10 100%);
        background-size: 56.57px 56.57px;
      }
      .c-parent--info .child_box {
        font-size: 1.6rem;
        line-height: 1.4;
      }
      .c-parent--info .c-child {
        background: #fff;
        border-radius: 10px;
        border: 2px solid #70a706;
        width: 950px;
        margin-right: auto;
        margin-left: auto;
      }
      .c-parent--info .c-child dl {
        padding: 15px 30px 15px 30px;
      }
      .c-parent--info .c-child dl dt {
        font-weight: 700;
        margin: 0;
      }
      .c-parent--info .c-child dl dt:nth-child(n+2) {
        margin-top: 10px;
      }
      .c-parent--info .c-child dl dd {
        margin: 0;
      }
      .c-parent--info .c-child dl dd strong {
        font-weight: 700;
      }
      .c-parent--info .c-child dl dd a,
      .c-parent--info .c-child dl dd a:link,
      .c-parent--info .c-child dl dd a:visited {
        color: #70a706;
        text-decoration: none;
      }
      .c-parent--info .c-child dl dd a:hover {
        color: #cf0040;
        text-decoration: underline;
      }
      .c-parent--info .c-child dl dd a[target="_blank"] {
          padding-right: 20px;
          background: url(/common/images/com_icn05.png) right center/11px auto no-repeat;
      }
      .icoLink {
        display: inline-block;
        padding: 0 0 0 17px;
        margin-right: 20px;
        background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
      }
    /* added seminar 20200713 end */

}

/*#########################################################

print.css読み込み

#########################################################*/
@media print and (min-width: 100px) {

	header,
	.in_head,
	footer {
		width: 100%;
		min-width: 100%;

		text-align: center;
	}

	header .in_head {
		width: 100%;
		margin: 0 auto;

		text-align: center;
	}

	.grand_title {
		text-align: center;
	}

	.btn_area .btn {
		border: 1px solid #ccc;
	}

	.title_box {
		width: 100%;

		text-align: center;
	}

	.main_visual_title {
		left: 50%;

		transform: translateX(-50%);
	}

	.appeal_box .child_box .visual_box figure figcaption {
		position: static;

		width: 423px;
	}
}