@charset "utf-8";
/* CSS Document */

html:lang(ja) body, h1, h2, h3, p, a {
	font-family:Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
}
.hero > img {
	width:600px;
	height:auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.hero {
	position: relative;
}
.hero_image {
	background-image:url(https://info.frontech.fujitsu.com/l/732733/2021-10-20/wn4m4/732733/1634703246BmvSWaib/main_banner.jpg);
	background-size:cover;
	background-position:center;
}
.hero .btn, .footer_contents .btn {
	background-color:#ffffff;
	color:#ed0000;
	padding:0.5em 1.5em;
	border:5px solid #ffffff;
	border-radius: 2em;
	font-weight:bold;
	font-size:1.2em;
	width:100%;
	max-width:300px;
}
.hero .btn:hover, .footer_contents .btn:hover {
	background:linear-gradient(141deg, #ed0000 30%, #d50095 100%);
	color:#ffffff;
}
.outline {
	background:linear-gradient(141deg, #ed0000 30%, #d50095 100%);
	color:#ffffff;
	padding:20px;
}
.outline a, footer a {
	color:#ffffff;
}
.hero .outline {
	padding:20px 0;
}
.hero .outline > div {
	color:#ffffff;
	padding:30px 0 20px 30px;
	margin:auto;
	max-width:600px;
}
.hero .outline h1 {
	line-height:1.5em;
	font-weight:bold;
	font-size:2.3em;
}
.hero .outline dd br {
	display:none;
}
.purpose {
	background-color:#efefef;
	padding:60px 0;
}
.purpose h2 {
	margin:20px 0;
	line-height:1.5em;
}
.purpose div div div {
	 max-width:680px;
	 margin:auto;
}
.seminar {
	background:url(https://info.frontech.fujitsu.com/l/732733/2021-10-21/wn7td/732733/1634790006579pkgz0/7935_14_fj_sb_e6_t1.png);
	background-position:center;
	background-size:cover;
	padding:60px 0;
}
.seminar-title {
	display: flex;
	justify-content: center;
	align-items: center;
	color:#ffffff;
}
.seminar-contents {
	padding:40px 20px;
}
.seminar-contents > div {
	max-width:480px;
	margin:auto;
	background:#ffffff;
	padding:40px 20px;
}
.seminar-contents h2 {
	margin: 0.75em 0;
}
.circle {
	position:relative;
	border-radius: 50%;
	background:url(https://info.frontech.fujitsu.com/l/732733/2021-10-21/wn7tg/732733/1634790052uh3ZUPJg/fj_grand_e6a.png);
	background-position:center;
	background-size:cover;
	width:200px;
	height:200px;
	margin:auto;
}
.circle img {
	height: auto;
	position: absolute;
	border-radius: 50%;
	width: 143px;
	height: auto;
	left: 14.25%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.booth{
	position:relative;
	background-image:url(https://info.frontech.fujitsu.com/l/732733/2021-10-18/w17xz/732733/1634546207RrD2s4pv/00008311.jpg);
	background-position:center;
	background-size:cover;
	background-attachment: fixed;
}
.booth::before {
	content: '';
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.booth h2 {
	margin-top:15px;
}
.booth div div {
	color:#ffffff;
	margin:40px 0;
}
.card-container {
	background-color:#efefef;
	padding-bottom:20px;
}
.card-deck .col-md-6 {
	padding-bottom: 15px;
}
.card {
	margin-top:20px;
}
.card .card-title {
	font-size:1em;
}
.card img {
	height:auto;
}
.footer_contents dd br {
	display:none;
}
footer {
	background:#3c3c35;
}
footer li {
	list-style:none;
	padding:0 10px;
}
@media screen and (max-width:1140px){
	.hero > img {
		width:400px;
	}
}
@media screen and (max-width:970px) and (min-width:766px) {
	.hero .outline dd br {
		display:block;
	}
}
@media screen and (max-width:1200px) {
	.hero .outline > div {
		padding:30px 0 20px 20px;
	}
}
@media screen and (max-width:1200px) {
	.hero .outline h1 {
		font-size:2em;
	}
}
@media screen and (max-width:1000px) and (min-width:850px){
	.hero .outline h1 {
		font-size:1.7em;
	}
}
@media screen and (max-width:991px) and (min-width:768px){
	.hero .btn {
		max-width:225px;
	}
}
@media screen and (max-width:850px) and (min-width:768px){
	.hero .outline h1 {
		font-size:1.5em;
	}
}
@media screen and (max-width:767px){
	.hero > img {
		display:none;
	}
	.hero_image {
		background:none;
	}
	.purpose h2 {
		font-size:2em;
	}
	.purpose div div div {
		padding:0 5%;
	}
	.seminar-contents {
		padding:40px 10%;
	}
	.booth{
		background-attachment: scroll;
	}
}
@media screen and (max-width:576px){
	.hero .outline h1 {
		font-size:1.3em;
	}
	.hero .outline {
		padding: 30px 0;
	}
	.booth{
		background-image:url(https://info.frontech.fujitsu.com/l/732733/2021-10-19/wn4fq/732733/1634694697pbUPsA5u/00008311_sp.jpg);
	}
}