/* general css ----------------------------------- */
html {
	margin: 0;
	padding: 0;
	scroll-behavior:smooth;
	position: relative;
	overflow-x: hidden;
}
body {
	overflow-x: hidden;
	color: #000;
	position: relative;
	background: #fff;
	padding: 0;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size: 16px;
}
body::-webkit-scrollbar, div::-webkit-scrollbar {width: 6px;}
body::-webkit-scrollbar-track, div::-webkit-scrollbar-track {background: rgba(255,255,255,.3);}
body::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb {
   background-color: #fff;
   border: 1px solid #fff;
}
img {max-width:100%;}
a, button, img, header, span, svg, text, :before {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
   outline: none;
}
a {color: #000;}
a:hover {
	color: #000;
	text-decoration: none;
}
section, div {
	padding: 0;
	margin: 0;
}
section {position: relative;}
*, ::after, ::before {box-sizing: border-box;}
.landscape {display: none;}
.container {
    max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col-6 {
    position: relative;
    width: 100%;
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	-ms-flex-item-align: center;
    align-self: center;
}
.col-12 {
    position: relative;
    width: 100%;
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
header {
	background: #FFD72B;
	border-bottom: solid 6px #200374;
}
header img {width: 166px;}
header .col-6 + .col-6 {text-align: right;}
header span {
	display: inline-block;
	background: url("../images/img01.svg") no-repeat center;
	background-size: cover;
	height: 100px;
	width: 220px;
	position: relative;
	text-align: center;
	line-height: 100px;
}
header span a {
	color: #200374;
	text-decoration: none;
}
header span a:hover {
	color: #200374;
	text-decoration: underline;
}
.content01 {
	background: url("../images/img02.jpg") no-repeat center;
	background-size: cover;
	height: 58vh;
	color: #fff;
}
.content01 h1 {
	position: absolute;
	left: 50%;
	top: 20%;
	transform: translate(-50%,0);
	font-weight: 500;
	font-size: 40px;
	text-shadow: 0 0 10px rgba(0,0,0,.5);
	white-space: nowrap;
}
.content02 {
	background: #E6E6E6;
	padding: 60px 0;
}
.content02 h2 {
	color: #200374;
	font-size: 28px;
	font-weight: 400;
	display: block;
	margin: 0 0 10px 0;
}
.content02 h3 {
	font-size: 16px;
	font-weight: 600;
	display: block;
	margin: 0 0 10px 0;
}
.content03 {
	background: #fff;
	padding: 60px 0;
}
.content03 h4 {
	color: #200374;
	font-size: 28px;
	font-weight: 400;
	display: block;
	margin: 0 0 10px 0;
}
.content03 tr td {
	vertical-align: top;
	padding: 2px 15px 2px 0;
}
.content03 tr td:first-child {font-weight: 600;}
footer {
	background: #200374;
	padding: 60px 0;
	text-align: center;
	color: #fff;
}
footer span {
	display: block;
	font-weight: 600;
}
footer a {
	color: #FFD72B;
	text-decoration: none;
}
footer a:hover {
	color: #FFD72B;
	text-decoration: underline;
}


/* iPad air landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1180px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
}

/* ipad Pro portrait ----------------------------------- */
@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : portrait) {
	section {padding: 60px 30px !important;}
}

/* mobile landscape ----------------------------------- */
@media (min-width: 420px) and (max-width: 896px) and (orientation: landscape) {
	html, body {
		height: 100%;
		overflow: hidden;
	}
	.landscape {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #000;
		color: #fff;
		z-index: 20;
		text-align: center;
	}
	.landscape h6 {
		position: absolute;
		left: 50%;
		top: 50%;
		margin: 0;
		font-size: 24px;
		transform: translate(-50%,-50%);
	}
}

/* mobile portrait ----------------------------------- */
@media(max-width:480px) and (orientation : portrait) {
	.col-6 {
		width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	footer .col-6 {padding-bottom: 20px;}
	header img {margin-bottom: -20px;}
	header span {margin-top: -40px;}
	.content01 h1 {font-size: 20px;}
	.content02 {padding: 60px 15px;}
	.content03 {text-align: center;}
	.content03 tr td {display: block;}
	.content03 tr td:first-child {padding: 2px 15px 0 0;}
	.content03 tr td:last-child {padding: 0 15px 2px 0;}
}



/* tom 2023 ----------------------------------- */