@charset "UTF-8";
/* ========
  text-color
================ */
.dark-black { color: black;}
.black { color: #36373B;}
.white { color: white;}
.red { color: #D43323;}
.yellow { color: #E9E24D;}
.blue { color: #024973;}
.light-blue { color: #048dbf;}
.gray { color :#b9b9b9;}
.light-gray { color: #ECEDEF;}


/* ========
  background-color
================ */
.bg-dark-black { background-color: black;}
.bg-black { background-color: #36373B;}
.bg-white { background-color: white;}
.bg-orange { background-color: #FF7E5C;}
.bg-beige { background-color: #F2EBE1;}
.bg-orange-gradient {
  background: -moz-linear-gradient(left, #FF9934, #FF7268); 
  background: -webkit-linear-gradient(left, #FF9934, #FF7268); 
  background: linear-gradient(to right, #FF9934, #FF7268); 
  }

.bg-blue { background-color: #024973;}
.bg-light-blue { background-color: #149CA2;}
.bg-light-blue { background-color: #048dbf;}
.bg-light-gray { background-color: #efefef;}
.bg-light-gray2 { background-color: #E4E4E4;}
.bg-gray { background-color :#707070;}


/* ========
  smp-font-szie
================ */
.fs-12 {font-size: 12px!important;}
.fs-14 {font-size: 14px!important;}
.fs-16 {font-size: 16px!important;}
.fs-18 {font-size: 18px!important;}
.fs-20 {font-size: 20px!important;}
.fs-22 {font-size: 22px!important;}
.fs-24 {font-size: 24px!important;}
.fs-30 {font-size: 30px!important;}
.fs-35 {font-size: 35px!important;}
.fs-40 {font-size: 40px!important;}
.fs-50 {font-size: 50px!important;}



a { 
  text-decoration: none;
  transition:.5s all;
}
li { list-style: none;}
.w-1280 { max-width: 98%;}
.w-1000 { max-width: 95%;}
.w-720 { max-width: 90%;}
.w-580 { max-width: 90%;}
.my-110 { margin: 110px 0;}
.py-110 { padding: 110px 0;}
.pt-110 { padding-top: 110px;}
.pb-110 { padding-bottom: 110px;}
.mt-110 { margin-top: 110px;}
.mb-110 { margin-bottom: 110px;}
.my-80 { margin: 80px 0;}
.py-80 { padding: 80px 0;}
.pt-80 { padding-top: 80px;}
.pb-80 { padding-bottom: 80px;}
.mt-80 { margin-top: 80px;}
.mb-80 { margin-bottom: 80px;}
.border-radius-30 { border-radius: 30px;}
.object-fit { object-fit: cover;}
.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ========
  link
================ */
.link {
  position:relative;
}  
.link a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

/* ========
  font
================ */
.oswald {
  font-family: 'Oswald', sans-serif;
}

/* ========
  header
================ */
#header {
  background-image: url(/wp/wp-content/uploads/2019/06/bg.png)!important;
  background-size: cover;
  border-bottom :solid #41d1d5 2px;
}

/* ========
  下層共通
================ */
#login-tracking {
  opacity: .9;
  right: 0;
  bottom: 5%;
  z-index: 1000;
  height: fit-content;
}

#login-tracking button {
  width: 10rem;
  border: none;
}



@media screen and (min-width: 768px) {
  /* ========
    font-szie
  ================ */

  .fs-md-12 {font-size: 12px!important;}
  .fs-md-14 {font-size: 14px!important;}
  .fs-md-16 {font-size: 16px!important;}
  .fs-md-18 {font-size: 18px!important;}
  .fs-md-20 {font-size: 20px!important;}
  .fs-md-22 {font-size: 22px!important;}
  .fs-md-24 {font-size: 24px!important;}
  .fs-md-28 {font-size: 28px!important;}
  .fs-md-30 {font-size: 30px!important;}
  .fs-md-35 {font-size: 35px!important;}
  .fs-md-40 {font-size: 40px!important;}
  .fs-md-45 {font-size: 45px!important;}
  .fs-md-50 {font-size: 50px!important;}
  .fs-md-55 {font-size: 55px!important;}
  .fs-md-100 {font-size: 100px!important;}
  .w-1000 { max-width: 1000px;}
  .w-720 { max-width: 720px;}
  .w-590 { max-width: 590px}
  .my-md-150 { margin: 150px 0!important;}
  .py-md-150 { padding: 150px 0!important;}
  .pt-md-150 { padding-top: 150px!important;}
  .pt-md-80 { padding-top: 80px!important;}
  .pb-md-80 { padding-bottom: 80px!important;}
  .my-md-80 { margin: 80px 0!important;}
  .py-md-80 { padding: 80px 0!important;}
  .mt-md-80 { margin-top: 80px!important;}
  .mb-md-80 { margin-bottom: 80px!important;}



/* ========
  下層共通
================ */
#login-tracking {
  top: 0;
  bottom: 0;
}



}