@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-Bold.woff2') format('woff2'),
        url('RobotoCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-Regular.woff2') format('woff2'),
        url('RobotoCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.woff2') format('woff2'),
        url('Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold.woff2') format('woff2'),
        url('Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Black.woff2') format('woff2'),
        url('Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium.woff2') format('woff2'),
        url('Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


.white{color:#fff;}
.strikeout { 
  position: relative;
}
.strikeout::after {
  border-bottom: 0.08em solid #F00;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 54%;
  transform:rotate(-8deg);
  -webkit-transform:rotate(-8deg);
}
.s5btnbx{
	width:474px;
	margin:50px auto 0 auto;
	display:block;
}
.s5btn{
	width:100%;
	height:82px;
	width:100%;
	margin:0 auto;
	display:block;
	background:#19bf0a;
	border-radius:10px;
	border:none;
	border-bottom:5px solid #297e22;
	font-weight:900;
	font-size:30px;
	line-height:82px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}
.s5btn img{margin:0 0 0 10px;display:inline-block;}
.btnbxtxt{
	font-size:17px;
	line-height:22px;
	text-align:center;
	margin-top:8px;
	position:relative;
}
.btnbxtxt:before, .btnbxtxt:after{
	content:"";
	position:absolute;
	top:10px;
	height:1px;
	width:100px;
	background:#535454;
}
.btnbxtxt:before{left:0;}
.btnbxtxt:after{right:0;}

@media only screen and (max-width: 767px){
.s5btnbx{width:350px;margin:30px auto 0 auto;}
.s5btn{
	height:70px;
	font-size:25px;
	line-height:70px;	
}
.s5btn img{margin:0 0 0 5px;width:19px;}
.btnbxtxt{
	font-size:15px;
	line-height:20px;
}
.btnbxtxt:before, .btnbxtxt:after{width:60px;}
}

@media only screen and (max-width: 389px){
.s5btnbx{width:300px;}
.s5btn{
	height:60px;
	font-size:21px;
	line-height:60px;	
}
.s5btn img{margin:0 0 -1px 5px;width:17px;}
.btnbxtxt{
	font-size:14px;
	line-height:19px;
}
.btnbxtxt:before, .btnbxtxt:after{width:40px;}
}

/*=========================
CSS FOR ELEMEMT SHOW HIDE
===========================*/
.show-479, .show-tab, .show-767, .show-400, .show-340, .show-359, .show-389, .show-1050{display:none;}
@media only screen and (max-width: 1030px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 1050px){
.show-1050{display:block;}
.hide-1050{display:none;}
}
@media only screen and (max-width: 767px){
.show-767{display:block;}
.hide-767{display:none;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 389px){
.show-389{display:block;}
.hide-389{display:none;}
}
@media only screen and (max-width: 359px){
.show-359{display:block;}
.hide-359{display:none;}
}
@media only screen and (max-width: 340px){
.show-340{display:block;}
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #333;
}
/*==================footer=================*/
footer{
	background:#11274c;
	padding:50px 0;
}
.ftrlogo{margin:0 auto;display:block;}
ul.ftrlist{padding:25px 0 0 0;text-align:center;}
ul.ftrlist li{
	display:inline-block;
	font-size:16px;
	line-height:16px;
	color:#fff;
	text-align:center;
	margin:4px 0 0 0;
	border-right:1px solid #fff;
	padding:0 15px;
}
ul.ftrlist li:last-child{border-right:none;}
ul.ftrlist li a{color:#fff;}
.ftrtxt, .ftrtxt2 {
	font-size:14px;
	line-height:20px;
	color:#fff;
	text-align:center;
	margin:20px 140px 0 140px;
	
}
.ftrtxt2{
    border: 2px solid #fff;
    padding: 10px 40px;
	font-weight:500;    
}
.footmodal {
    display: none;
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.footmodal-content {
    position: relative;
    background-color: #fefefe;
    margin: 100px auto;
    padding: min(50px, 5vw);
    border: 1px solid #888;
    width: 95%;
    max-width: 1200px;
}

.footmodal-content > h1{
  margin-bottom:3vw;
}

.footmodal-content > h2{
  margin-bottom:2vw;
  margin-top:2vw;
  text-align:left;
}

.footmodal-content > p{
  margin-bottom:1vw;
  text-align:left;
}

.center-text{
  text-align: center;
}

.footmodalclose {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

.footmodalclose:hover,
.footmodalclose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
@media only screen and (max-width: 1190px){
.ftrtxt, .ftrtxt2 {margin:20px 50px 0 50px;}
.ftrtxt2{padding:10px 20px;}
}
@media only screen and (max-width: 1020px){
.ftrtxt, .ftrtxt2 {margin:20px 0 0 0;}
}
@media only screen and (max-width: 767px){
footer{padding:30px 0;}
ul.ftrlist li{font-size:14px;line-height:14px;padding:0 8px;}
.ftrtxt, .ftrtxt2{
	font-size:13px;
	line-height:19px;
}
.ftrtxt2{padding:10px 12px;}
}