@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 screen and (max-width: 767px) {
	html {
		font-size: 62.5%;
	}

	body {
		font-size: 1.0rem;
	}

	* {
		box-sizing: border-box;
	}

	.u-sp {
		display: block;
	}

	.u-pc {
		display: none;
	}

	body {
		word-wrap: break-word;
	}

	img {
		width: 100%;
	}

	.wrapper {
		overflow: hidden;
	}

	header {
		position: relative;

		width: 100%;

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

	.in_head {
		position: absolute;
		top: 0;
		right: 5px;

		margin: 0 auto;
		z-index: 2;
	}

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

		width: 98%;
		margin: 0 auto 0;

		text-align: right;

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

	.grand_title .logotop__01 {
		width: 74.5px;
		height: 49.5px;

		background-color: #000;
	}

	.grand_title .logotop__01 a {
		display: block;

		margin-top: 10px;
		margin-right: 5px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.grand_title .logotop__01 a img {
		width: 56.5px;
		height: 32px;
	}

	.main_visual {
		padding-top: 8.75vw;
	}

	.main_visual .main_visual_title h1 {
		overflow: hidden;
	}

	.main_visual .main_visual_title h1 img {
		position: relative;
		bottom: -1px;
		vertical-align: bottom;
	}

	.spbr {
		display: block;
	}

	.pcbr {
		display: none;
	}

	.side_by_side .btn_area {
		margin-bottom: 20px;
	}

	.btn_area {
		margin-bottom: 10px;

		text-align: center;
	}

	.btn_area .btn {
		display: block;

		margin: 0 auto;
		padding: 10px;

		text-decoration: none;

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

	.btn_area .btn.btn01,
	.btn_area .btn.btn02,
	.btn_area .btn.btn03 {
		width: 96%;
	}

	.btn_area span {
		font-size: 4.375vw;
		font-weight: bold;

		padding-right: 20px;

		color: #fff;
		background: url(/svcsol/campaign/images/winserver_201911/common/icon_externallink.svg) no-repeat right center;
		background-size: 15px 15px;
	}
}


@media screen and (max-width: 767px) {
	.child_box .txt {
		font-size: 1.4rem;
		line-height: 1.7;

		margin-bottom: 20px;
	}

	.appeal_box {
		padding: 25px 0;

		background: #252525;
	}

	.appeal_box .child_box {
		padding: 0 10px;
	}

	.appeal_box .child_box .outline {
		font-size: 1.6rem;
		font-weight: bold;

		margin-top: 20px;
		margin-bottom: 20px;

		text-align: center;

		color: #fff;
	}

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

		text-align: center;
	}

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

		width: 22px;
		height: 22px;
		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.2rem;
		font-weight: bold;

		margin-right: 0;

		color: #fff;
	}

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

		color: #fff;
	}

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

		display: block;

		color: #fff;
	}

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

		position: relative;

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

		text-align: center;

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

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

		width: 100px;
		height: 6px;

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

		background-color: #7e4ec0;
	}

	footer {
		background: #000;
	}

	footer .in_foot {
		width: 100%;
		padding: 20px 0;
	}

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

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

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

		text-decoration: none;

		color: #fff;
	}

	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:first-child {
		margin-right: 20px;
	}

	footer .in_foot .foot_nav ul li:first-child:after {
		content: none;
	}

	footer .in_foot .foot_nav ul li:before {
		margin-right: 20px;

		content: '|';

		color: #fff;
	}

	footer .in_foot .foot_nav ul li:after {
		margin-left: 20px;

		content: '|';

		color: #fff;
	}

	footer .in_foot .copy {
		margin-top: 20px;

		text-align: center;

		color: #fff;
	}

	#totop a[href='#'] {
		display: none;
	}
}

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

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

#########################################################*/
@media screen and (max-width: 767px) {
	.parent_box.about_box {
		padding-bottom: 40px;

		background: #e6f5ff url(/svcsol/campaign/images/winserver_201911/top/bg_about_box.png) no-repeat center top;
		-webkit-background-size: 450% auto;
		background-size: 450% auto;
	}

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

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

	.parent_box.solve_box {
		padding: 40px 10px;

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

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

		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 {
		padding: 0 10px;
	}

	.parent_box.solve_box>.child_box {
		padding: 0 10px;

		background-color: #fff;
	}

	.titlebox__wrap {
		position: relative;

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

		margin: 0 auto 20px;
		padding: 0 10px;

		text-align: center;

		-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;

		padding-top: 25px;
		padding-bottom: 10px;

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

		-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.0rem;
	}

	.titlebox__main {
		font-size: 3.4rem;
	}

	.titlebox__green {
		color: #46f410;
	}

	.titlebox__yellow {
		color: #f7ff38;
	}

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

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

		text-align: center;

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

	.titlebox__badge__min {
		font-size: 1.8rem;
		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% + 20px);
		height: 5px;
		margin-left: -10px;

		content: '';

		background-color: #4c8803;
	}

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

		position: relative;
		z-index: 2;

		display: inline-block;

		width: 90%;
		margin-bottom: 20px;
		padding: 8px 0;

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

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

	.titlebox--solution__main {
		font-size: 2.4rem;
		font-weight: bold;
	}

	.titlebox--solution__min {
		font-size: 1.5rem;
		line-height: 2;
		margin-top: 5px;

		display: block;

		text-align: center;
	}

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

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

		margin-bottom: 20px;

		text-align: left;

		color: #333;
	}

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

		margin-bottom: 20px;

		text-align: center;

		color: #fff;
	}

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

		margin-bottom: 20px;

		color: #fff;
	}

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

		margin-bottom: 20px;

		text-align: center;
	}

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

		margin-bottom: 16px;

		text-align: center;

		color: #70a706;
	}

	.warning__lead {
		margin: 0 auto 15px;
		padding: 10px;

		background-color: #242c33;
	}

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

		margin-bottom: 5px;

		color: #fff;
	}

	.warning__lead__bold {
		color: #5dbb00;
	}

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

		margin-bottom: 16px;

		text-align: center;

		color: #000;
	}

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

		margin-bottom: 30px;

		text-align: center;
	}

	.warning__catch__bold {
		color: #4f9806;
	}

	.version {}

	.version__item {
		margin-bottom: 15px;
	}

	.version__img {
		width: 100%;
	}

	.sec02__img {
		display: block;

		width: 100%;
		margin: 0 auto;
	}

	.navbox {}

	.navbox__item {
		position: relative;

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

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

		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__number {
		margin-right: 5px;

		color: #70a706;
	}

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

		margin-bottom: 24px;

		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: '';
	}

	.solve__img {
		display: block;
	}

	.solve__img--01 {
		width: 100%;
		margin: 0 auto 30px;
	}

	.solve__img--03 {
		width: 100%;
		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: 100%;

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

	.function__pic {
		width: 100px;
	}

	.function__inner {
		padding: 10px 20px 15px;

		-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.6rem;
		font-weight: bold;

		margin-bottom: 12px;
	}

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

	.case {}

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

		width: 100%;
		margin-bottom: 20px;
		padding: 20px 20px 25px;

		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: 100px;
		height: 31px;
		margin: 0 auto 7px;
		padding-top: 7px;

		text-align: center;

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

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

		margin-bottom: 20px;

		text-align: center;

		color: #70a706;
	}

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

		margin-bottom: 30px;
	}

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

		padding: 0 10px;

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

	.case__img {
		max-width: 100% !important;
	}

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

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

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

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

	.point {
		position: relative;

		margin-top: 50px;
		padding: 60px 20px 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.6rem;
		font-weight: bold;
		line-height: 1;

		position: absolute;
		top: -32px;
		left: -10px;

		width: 80px;
		height: 80px;
		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 {
		margin-bottom: 60px;
	}

	.merit__item {
		width: 100%;
		margin-bottom: 20px;

		background-color: #f2f2f2;
	}

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

		margin-bottom: 20px;
		padding: 10px 5px;

		text-align: center;

		color: #fff;
	}

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

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

	.merit__pic {
		margin-bottom: 20px;
		padding: 0 10px;

		text-align: center;
	}

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

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

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

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

	.merit__img {
		max-width: 100% !important;
	}

	.merit__inner {
		padding: 0 10px 30px;
	}

	.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 20px;
		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: 13px;
		padding: 8px 23px;
		font-size: 1.4rem;
		background: #111111;
		color: #f7ff38;
	}

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

	}

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

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

	.more_box .c-txt {
		margin-bottom: 30px;
		font-size: 1.6rem;
		text-align: center;
		line-height: 1.5;
		color: #fff;
	}

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

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

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

	/* end add20200324 */


	.pdf_box {
		padding: 30px 10px;

		background: #252525;
	}


	.download_box {
		font-size: 1.5rem;

		margin: 0;
	}

	.download_box .child_box {
		padding: 0;
	}

	.download_box .p-download {
		margin: 0 0 20px 0;
		padding: 20px 10px 10px;

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

	.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,
	.download_box .p-download__figure--02 {
		width: 95px;
		margin-right: 10px;

		text-align: center;
	}

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

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

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

		flex: 1 0 1%;
	}

	.download_box .p-download .outline {
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.75;

		margin-top: 0;
		margin-bottom: 20px;

		text-align: center;

		color: #d70d3b;
	}

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

		margin-bottom: 5px;
	}

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

		display: block;
	}

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

		display: block;
	}

	.download_box .p-download .c-txt {
		font-size: 1.4rem;
		line-height: 1.71;

		color: #333;
	}

	.download_box .p-download .side_by_side {
		margin-bottom: 10px;
	}

	.download_box .p-download .btn_area {
		margin-bottom: 0;
	}

	.download_box .p-download .btn_area .btn {
		padding: 11px;
	}

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

		padding-right: 0;
		padding-right: 20px;

		white-space: nowrap;

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

	.download_box .side_by_side li.icon_more {
		width: 98px;
		height: 85px;
		margin: 20px auto;
	}

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

	.download_box+.side_by_side .btn_area .btn {
		border: 1px solid #fff !important;
		background: none;
	}

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

		width: 268px;
		padding: 11px;
		padding-right: 20px;

		background-image: url(/svcsol/campaign/images/winserver_201911/common/icon_externallink_white.svg);
		background-position: center right 1px;
		-webkit-background-size: 13px 11px;
		background-size: 13px 11px;
	}

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

		margin-top: 8px;
	}

	.hd_01 {
		font-size: 2.2rem;
		font-weight: bold;

		position: relative;

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

		text-align: center;

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

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

		width: 100px;
		height: 6px;

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

		background-color: #6da500;
	}

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

		margin-bottom: 20px;
		padding: 8px 5px 7px;

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

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

		position: relative;

		margin-bottom: 20px;

		text-align: center;

		color: #333;
	}

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

		position: relative;

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

		text-align: center;

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

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

		width: 100px;
		height: 6px;

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

		background-color: #4c8803;
	}

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

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

		text-align: center;

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

	.fee_box {
		padding: 30px 10px;
	}

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

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

		max-width: 300px;
		padding: 10px;

		border-collapse: collapse;

		vertical-align: middle;

		border: 2px solid #e5e5e5;
	}

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

		text-align: center;

		color: #fff;
		background: #737373;
	}

	.table-style td {
		min-width: 200px;

		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 */

	.table-style .price {
		text-align: right;
	}

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


	.scroll {
		overflow: auto;

		margin: 0;
		/*tableをスクロールさせる*/
	}

	.scroll th {
		white-space: nowrap;
	}

	.scroll::-webkit-scrollbar {
		/*tableにスクロールバーを追加*/
		height: 5px;
	}

	.scroll::-webkit-scrollbar-track {
		/*tableにスクロールバーを追加*/
		background: #f1f1f1;
	}

	.scroll::-webkit-scrollbar-thumb {
		/*tableにスクロールバーを追加*/
		background: #bcbcbc;
	}

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

	/* end add20200324 */
	.faq_wrap {
		padding: 30px 10px;

		background-color: #fff;
	}

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

		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.4rem;

		position: relative;

		padding-left: 40px;
	}

	.faq_wrap .faq dt {
		font-weight: bold;
		line-height: 1.7;

		margin-bottom: 5px;
	}

	.faq_wrap .faq dd {
		line-height: 1.5;
	}

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

		margin-top: 30px;
	}

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

		margin-top: 5px;
	}

	.faq_wrap .faq dd .side_by_side>li:last-child {
		width: 226px;
	}

	.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 {
		font-size: 1.4rem;

		margin: 0;
		margin-bottom: 2px;
	}

	.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);
	}

	.pdf_box .side_by_side .btn_area .btn02 {
		border: 1px solid #fff !important;
		background: none;
	}

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

		width: 268px;
		padding: 11px;
		padding-right: 20px;

		background-image: url(/svcsol/campaign/images/winserver_201911/common/icon_externallink_white.svg);
		background-position: center right 1px;
		-webkit-background-size: 13px 11px;
		background-size: 13px 11px;
	}

  /* added seminar 20200713 start */
      .c-parent--info {
        padding: 10px 10px;
        background-color: #70a706;
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #6ea406 10px, #6ea406 20px);
        background-size: auto auto;
      }
      .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;
        padding: 10px;
      }
      .c-parent--info .c-child dl {
        padding: 5px 6px 5px 6px;
      }
      .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: 18px;
          background: url(/common/images/com_icn05.png) right center/10px auto no-repeat;
      }
      .c-parent--info .c-child dl dd span {
        font-size: 13px;
      }
      .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 */
  
}