@charset "shift_JIS";

div#wsus_banner_area {
	display: flex;
    justify-content: center;
}

div#jp1PageTitleArea1{
	display:flex;
	align-items:center;
	margin-bottom: 20px;
	background:url('/Prod/comp/soft1/jp1/feature/endpoint/giga_school/images/topBranding.png') no-repeat center;
	height:390px;
	background-size: auto 100%;
}

#Contents div.PageTitleStyle1{
	font-size:110%;
	width:965px;
	margin:0 auto;
	color:#FFF;
	position:relative;
}

#Contents div.PageTitleStyle1 h1{
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5)!important;
	font-size:120%;
	font-weight:normal;
	color:#FFF;
	line-height: 1.3;
	position:relative;
	top:-55px;
}
#Contents div.PageTitleStyle1 div.innerSubTextArea{
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5)!important;
	position:absolute;
	bottom:-57px;
}
#Contents div.PageTitleStyle1 div.innerSubTextArea h2{
	font-size:90%;
	font-weight:normal;
	text-align:left;
	padding:0;
	margin:0;
	color:#FFF;
}
#Contents div.PageTitleStyle1 div.innerSubTextArea ul{
	font-size:90%;
}

#Contents div.PageTitleStyle1 a{
	pointer-events:none;
}


div.PageTitleStyle1 h1 span{
	font-size:130%;
	line-height:1.2;
	font-weight:bold;
	display:block;
}

div.PageTitleStyle1 p#titleSubText{
	font-size:120%;
}

ul#horizontalInnerLinks{
	padding: 0;
}

ul#horizontalInnerLinks li{
	border:2px solid #C00;
	border-left:none;
	flex-basis:16.6%;
	text-align:center;
}
ul#horizontalInnerLinks li:first-child{
	border-left:2px solid #C00;
}
ul#horizontalInnerLinks li a{
	display:block;
	padding:10px 5px;
	color: #c00;
	font-size: 95%;
	box-sizing:border-box;
	height:100%;
}

ul#horizontalInnerLinks li a:hover{
	background-color: #c00;
	color: #fff;
}

h2{
	color:#2D2D2D;
	font-weight:bold;
	margin-top:0;
	line-height: 130%;
}
h2 strong{
	color:#2D2D2D;
	text-decoration-line：none;
	display:block;
	line-height:1.3;
	font-size: 120%;
	margin-bottom: 10px;
	text-decoration: underline;
}
.circleHeader{
	font-size:110%;
}


/*丸囲み文字調整*/
.circleItem{
	text-align:center;
	padding:0.2em 0.15em;
	margin:0 0.3em 0 0;
}


/*丸付きリスト */
.circleHeader,
ul.circleList li,
ul.circleList li,
dl.circleList dt{
	padding-left:1.2em;
	text-indent:-1.2em;
}

.circleHeader:before,
ul.circleList li:before,
ul.circleList li:before,
dl.circleList dt:before{
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	line-height:1;
	background:#333;
	border-radius:50%;
	margin-right:0.5em;
}
ul.circleList.wDiskStyle li:before,
ul.circleList.wDiskStyle li:before,
dl.circleList.wDiskStyle dt:before{
	background:#FFF;
}
ul.circleList.rDiskStyle li:before,
ul.circleList.rDiskStyle li:before,
dl.circleList.rDiskStyle dt:before{
	background:#B80000;
}
ul.circleList.bDiskStyle li:before,
ul.circleList.bDiskStyle li:before,
dl.circleList.bDiskStyle dt:before{
	background:#0070C0;
}


/*記事ブロック共通*/
div.gigaBlock{
	padding:50px 15px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
section.ImgSection{
	background:#FFF;
	padding:30px 50px;
	border-radius:30px;
}
section.ImgSection h3{ color:#000; }

/** 課題 **/
div#giga01Area{
	background-image:url('/Prod/comp/soft1/jp1/feature/endpoint/giga_school/images/giga01Back.png');
}
/** ソリューション **/
div#giga02Area{
	background-image:url('/Prod/comp/soft1/jp1/feature/endpoint/giga_school/images/giga02Back.png');
}
div#giga02Area div.innerBox{
	background:#C5DBEE;
	padding:25px 20px;
	font-weight:bold;
	font-size:83%;
}
div#giga02Area div.innerBox h3{
	color:#000;
	margin:0;
}

/** メリット **/
div#giga03Area{
	background-image:url('/Prod/comp/soft1/jp1/feature/endpoint/giga_school/images/giga03Back.png');
}
div#giga03Area h3{
	color:#B80000;
	font-size:120%;
}
div#giga03Area section.giga03Inner:not(:last-child){
	border-bottom:4px solid #B80000;
	padding-bottom:30px;
	margin-bottom:30px;
}

div#giga03Area div.articleMore{
	display:flex;
	gap:20px;
}
div#giga03Area div.articleMore h4{
	background:#B80000;
	color:#FFF;
	padding:0 30px;
	white-space:nowrap;
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin:0;
}
table.gigaTableStyle th{
	background:#156082;
	color:#FFF;
	font-weight:bold;
	text-align: center;
}
table td{
	font-size: 80%;
}

/** 導入支援 **/
div#giga04Area{
	background-image:url('/Prod/comp/soft1/jp1/feature/endpoint/giga_school/images/giga04Back.png');
}
div#giga04Area h3{
	color:#215F9A;
	font-size:120%;
}

h2#download01{
	font-weight:normal;
}

ul.DownloadLinkList li{
	max-width:80%;
	margin:0 auto 15px;
}
ul.DownloadLinkList li a{
	display:block;
	color:#FFF;
	font-size:120%;
	font-weight:bold;
	background:#E25E0E;
	padding:20px;
	border-radius:2em;
	text-align:center;
}
ul.DownloadLinkList li a span{
	background:url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif) no-repeat center right;
	padding-right:25px;
	background-size:25px;
}

/* お問い合わせ */
#gigabottomContentsSet .Inquiry{
	margin-top:15px;
}
#gigabottomContentsSet .Inquiry > a{
    margin: 0 auto;
    max-width: 500px;
    background: #707070 url('/image/jp/r1/icon/icon_inquiry_white_hd.png') no-repeat center right;
    border: 1px solid #2F528F;
    display: block;
    background-position-x: calc(100% - 25px);
    padding: 15px 55px;
}
#gigabottomContentsSet .Inquiry > a:hover{
    text-decoration: none;
    opacity: 0.7;
}

#gigabottomContentsSet .Inquiry span{
    display: block;
    color: #fff;
}

#gigabottomContentsSet .Inquiry span:first-child{
    font-weight: bold;
}

#gigabottomContentsSet .Inquiry span:last-child{
    font-size: 90%;
}

#gigabottomContentsSet div#BoxBottom{
	max-width:610px;
	margin:0 auto;
	text-align:left;
}
#gigabottomContentsSet div#BoxBottom ul.LinkListStyle1{ text-align:center; }
#gigabottomContentsSet div#BoxBottom ul.LinkListStyle1 li{
	display:inline-block;
	background:#FFF;
	padding:5px 20px;
}
#gigabottomContentsSet div#BoxBottom h3{
	font-weight:normal;
	font-size:100%;
	color:#000;
}
#gigabottomContentsSet div#BoxBottom h4{
	font-weight:normal;
	line-height:110%;
}

/*強調アイテム（bold化）*/
.strongStyle{
	font-weight:bold!important;
}
/*赤字テキスト*/
.textR{
	color:#B80000!important;
}
/*青字テキスト*/
.textB{
	color:#002060;
	text-align: center;
	font-size: 100%;
}

/* for - 1275px
=========================================================================================== */
@media screen and (max-width:1275px){

	.JS div#jp1PageTitleArea1{
		min-height:300px;
		background-size: auto 95%;
	}
	#Contents div.PageTitleStyle1{
	font-size:100%;
	}
}


/* for - 1164px
=========================================================================================== */
@media screen and (max-width:1164px){
}

/* for - 994px
=========================================================================================== */
@media screen and (max-width:994px){

	.JS div#jp1PageTitleArea1{
		background:url('/Prod/comp/soft1/jp1/feature/endpoint/giga_school/images/topBranding.png') no-repeat center;
		min-height:300px;
		background-size: auto 90%;
	}

	.JS div.PageTitleStyle1 h1{
		font-size: 100%;
		padding:0 15px;
		box-sizing:border-box;
	}

	.JS div.PageTitleStyle1 p.TextStyle1 span{
		padding-left: 20px;
	}
	
	.JS #Contents div.PageTitleStyle1 div.innerSubTextArea{
		bottom: -50px;
		padding-left: 15px;
	}
	ul.DownloadLinkList li{
		max-width: none;
	}
}

/* for - 964px
=========================================================================================== */
@media screen and (max-width:964px){

	.JS div#jp1PageTitleArea1{
		background:url('/Prod/comp/soft1/jp1/feature/endpoint/giga_school/images/topBranding_sp.png') no-repeat right;
		height:390px;
		background-size: auto 100%;
		display:flex;
		align-items:center;
		margin-bottom: 20px;
		height:390px;
		background-size: auto 100%;
	}
	.JS #Contents div.PageTitleStyle1 h1{
		background: linear-gradient(90deg, #222 50%, RGBA(31, 73, 125, 0) 95%);
		position:static;
	}
	.JS #Contents div.PageTitleStyle1 div.innerSubTextArea{
		background: linear-gradient(90deg, #222 50%, RGBA(31, 73, 125, 0) 87%);
		font-size:90%;
		position:static;
	}

	.JS #Contents div.PageTitleStyle1 div.innerSubTextArea{
		padding: 15px 15px 20px;
		bottom:-65px;
	}

	.JS div.PageTitleStyle1 h1{
		margin-bottom: 0;
		padding: 15px 15px 20px;
		position: relative;
		top: 25%;
		font-size: 100%;
		box-sizing:border-box;
	}
}

/* for - 768px
=========================================================================================== */
@media screen and (max-width:767px){
	.JS #Contents div.PageTitleStyle1 div.innerSubTextArea h2{
		font-size:90%;
	}
	.JS ul#horizontalInnerLinks li{
		border-left:2px solid #C00;
		border-bottom:none;
	}
	.JS ul#horizontalInnerLinks li:last-child{
		border-bottom:2px solid #C00;
	}
}

/* for - 579px
=========================================================================================== */
@media screen and (max-width:579px){
	.JS div.PageTitleStyle1{
		/*padding-top: 50px;*/
	}
	section.ImgSection{
		padding:25px;
		border-radius:25px;
	}
	div#giga03Area div.articleMore h4{
		padding:0 10px;
	}
}

/* for - 400px
=========================================================================================== */
@media screen and (max-width: 399px){
	section.ImgSection{
		padding:15px;
		border-radius:15px;
	}	
}