@charset "UTF-8";
/* ============
* u-w*p
============== */
.u-w10p {
  width: 10% !important;
}

.u-w20p {
  width: 20% !important;
}

.u-w30p {
  width: 30% !important;
}

.u-w40p {
  width: 40% !important;
}

.u-w50p {
  width: 50% !important;
}

.u-w60p {
  width: 60% !important;
}

.u-w70p {
  width: 70% !important;
}

.u-w80p {
  width: 80% !important;
}

.u-w90p {
  width: 90% !important;
}

.u-w100p {
  width: 100% !important;
}

@media only screen and (max-width: 992px) {
  .u-w10p--md {
    width: 10% !important;
  }

  .u-w20p--md {
    width: 20% !important;
  }

  .u-w30p--md {
    width: 30% !important;
  }

  .u-w40p--md {
    width: 40% !important;
  }

  .u-w50p--md {
    width: 50% !important;
  }

  .u-w60p--md {
    width: 60% !important;
  }

  .u-w70p--md {
    width: 70% !important;
  }

  .u-w80p--md {
    width: 80% !important;
  }

  .u-w90p--md {
    width: 90% !important;
  }

  .u-w100p--md {
    width: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  .u-w10p--sm {
    width: 10% !important;
  }

  .u-w20p--sm {
    width: 20% !important;
  }

  .u-w30p--sm {
    width: 30% !important;
  }

  .u-w40p--sm {
    width: 40% !important;
  }

  .u-w50p--sm {
    width: 50% !important;
  }

  .u-w60p--sm {
    width: 60% !important;
  }

  .u-w70p--sm {
    width: 70% !important;
  }

  .u-w80p--sm {
    width: 80% !important;
  }

  .u-w90p--sm {
    width: 90% !important;
  }

  .u-w100p--sm {
    width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  .u-w10p--xs {
    width: 10% !important;
  }

  .u-w20p--xs {
    width: 20% !important;
  }

  .u-w30p--xs {
    width: 30% !important;
  }

  .u-w40p--xs {
    width: 40% !important;
  }

  .u-w50p--xs {
    width: 50% !important;
  }

  .u-w60p--xs {
    width: 60% !important;
  }

  .u-w70p--xs {
    width: 70% !important;
  }

  .u-w80p--xs {
    width: 80% !important;
  }

  .u-w90p--xs {
    width: 90% !important;
  }

  .u-w100p--xs {
    width: 100% !important;
  }
}
/* ============
* u-m*
============== */
.u-m5 {
  margin: 5px !important;
}

.u-m10 {
  margin: 10px !important;
}

.u-m20 {
  margin: 20px !important;
}

.u-m30 {
  margin: 30px !important;
}

.u-m40 {
  margin: 40px !important;
}

.u-m50 {
  margin: 50px !important;
}

/* ============
* u-p*
============== */
.u-p5 {
  padding: 5px !important;
}

.u-p10 {
  padding: 10px !important;
}

.u-p20 {
  padding: 20px !important;
}

.u-p30 {
  padding: 30px !important;
}

.u-p40 {
  padding: 40px !important;
}

.u-p50 {
  padding: 50px !important;
}

/* ============
* u-mt*
============== */
.u-mt5 {
  margin-top: 5px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

@media only screen and (max-width: 768px) {
  .u-mt5--sm {
    margin-top: 5px !important;
  }

  .u-mt10--sm {
    margin-top: 10px !important;
  }

  .u-mt15--sm {
    margin-top: 15px !important;
  }

  .u-mt20--sm {
    margin-top: 20px !important;
  }

  .u-mt25--sm {
    margin-top: 25px !important;
  }

  .u-mt30--sm {
    margin-top: 30px !important;
  }

  .u-mt40--sm {
    margin-top: 40px !important;
  }

  .u-mt50--sm {
    margin-top: 50px !important;
  }
}
/* ============
* u-ml*
============== */
.u-ml5 {
  margin-left: 5px !important;
}

.u-ml10 {
  margin-left: 10px !important;
}

.u-ml15 {
  margin-left: 15px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-ml25 {
  margin-left: 25px !important;
}

.u-ml30 {
  margin-left: 30px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-ml50 {
  margin-left: 50px !important;
}

@media only screen and (max-width: 768px) {
  .u-ml5--sm {
    margin-left: 5px !important;
  }

  .u-ml10--sm {
    margin-left: 10px !important;
  }

  .u-ml15--sm {
    margin-left: 15px !important;
  }

  .u-ml20--sm {
    margin-left: 20px !important;
  }

  .u-ml25--sm {
    margin-left: 25px !important;
  }

  .u-ml30--sm {
    margin-left: 30px !important;
  }

  .u-ml40--sm {
    margin-left: 40px !important;
  }

  .u-ml50--sm {
    margin-left: 50px !important;
  }
}
/* ============
* u-mr*
============== */
.u-mr5 {
  margin-right: 5px !important;
}

.u-mr10 {
  margin-right: 10px !important;
}

.u-mr15 {
  margin-right: 15px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-mr25 {
  margin-right: 25px !important;
}

.u-mr30 {
  margin-right: 30px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-mr50 {
  margin-right: 50px !important;
}

@media only screen and (max-width: 768px) {
  .u-mr5--sm {
    margin-right: 5px !important;
  }

  .u-mr10--sm {
    margin-right: 10px !important;
  }

  .u-mr15--sm {
    margin-right: 15px !important;
  }

  .u-mr20--sm {
    margin-right: 20px !important;
  }

  .u-mr25--sm {
    margin-right: 25px !important;
  }

  .u-mr30--sm {
    margin-right: 30px !important;
  }

  .u-mr40--sm {
    margin-right: 40px !important;
  }

  .u-mr50--sm {
    margin-right: 50px !important;
  }
}
/* ============
* u-mb*
============== */
.u-mb5 {
  margin-bottom: 5px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

@media only screen and (max-width: 768px) {
  .u-mb5--sm {
    margin-bottom: 5px !important;
  }

  .u-mb10--sm {
    margin-bottom: 10px !important;
  }

  .u-mb15--sm {
    margin-bottom: 15px !important;
  }

  .u-mb20--sm {
    margin-bottom: 20px !important;
  }

  .u-mb25--sm {
    margin-bottom: 25px !important;
  }

  .u-mb30--sm {
    margin-bottom: 30px !important;
  }

  .u-mb40--sm {
    margin-bottom: 40px !important;
  }

  .u-mb50--sm {
    margin-bottom: 50px !important;
  }
}
/* ============
* u-pt*
============== */
.u-pt5 {
  padding-top: 5px !important;
}

.u-pt10 {
  padding-top: 10px !important;
}

.u-pt15 {
  padding-top: 15px !important;
}

.u-pt20 {
  padding-top: 20px !important;
}

.u-pt25 {
  padding-top: 25px !important;
}

.u-pt30 {
  padding-top: 30px !important;
}

@media only screen and (max-width: 768px) {
  .u-pt5--sm {
    margin-top: 5px !important;
  }

  .u-pt10--sm {
    margin-top: 10px !important;
  }

  .u-pt15--sm {
    margin-top: 15px !important;
  }

  .u-pt20--sm {
    margin-top: 20px !important;
  }

  .u-pt25--sm {
    margin-top: 25px !important;
  }

  .u-pt30--sm {
    margin-top: 30px !important;
  }

  .u-pt40--sm {
    margin-top: 40px !important;
  }

  .u-pt50--sm {
    margin-top: 50px !important;
  }
}
/* ============
* u-pb*
============== */
.u-pb5 {
  padding-bottom: 5px !important;
}

.u-pb10 {
  padding-bottom: 10px !important;
}

.u-pb15 {
  padding-bottom: 15px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-pb25 {
  padding-bottom: 25px !important;
}

.u-pb30 {
  padding-bottom: 30px !important;
}

@media only screen and (max-width: 768px) {
  .u-pb5--sm {
    margin-bottom: 5px !important;
  }

  .u-pb10--sm {
    margin-bottom: 10px !important;
  }

  .u-pb15--sm {
    margin-bottom: 15px !important;
  }

  .u-pb20--sm {
    margin-bottom: 20px !important;
  }

  .u-pb25--sm {
    margin-bottom: 25px !important;
  }

  .u-pb30--sm {
    margin-bottom: 30px !important;
  }

  .u-pb40--sm {
    margin-bottom: 40px !important;
  }

  .u-pb50--sm {
    margin-bottom: 50px !important;
  }
}
/* ============
* u-pr*
============== */
.u-pr5 {
  padding-right: 5px !important;
}

.u-pr10 {
  padding-right: 10px !important;
}

.u-pr15 {
  padding-right: 15px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

.u-pr25 {
  padding-right: 25px !important;
}

.u-pr30 {
  padding-right: 30px !important;
}

@media only screen and (max-width: 768px) {
  .u-pr5--sm {
    padding-right: 5px !important;
  }

  .u-pr10--sm {
    padding-right: 10px !important;
  }

  .u-pr15--sm {
    padding-right: 15px !important;
  }

  .u-pr20--sm {
    padding-right: 20px !important;
  }

  .u-pr25--sm {
    padding-right: 25px !important;
  }

  .u-pr30--sm {
    padding-right: 30px !important;
  }

  .u-pr40--sm {
    padding-right: 40px !important;
  }

  .u-pr50--sm {
    padding-right: 50px !important;
  }
}
/* ============
* u-pl*
============== */
.u-pl5 {
  padding-left: 5px !important;
}

.u-pl10 {
  padding-left: 10px !important;
}

.u-pl15 {
  padding-left: 15px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-pl25 {
  padding-left: 25px !important;
}

.u-pl30 {
  padding-left: 30px !important;
}

@media only screen and (max-width: 768px) {
  .u-pl5--sm {
    margin-left: 5px !important;
  }

  .u-pl10--sm {
    margin-left: 10px !important;
  }

  .u-pl15--sm {
    margin-left: 15px !important;
  }

  .u-pl20--sm {
    margin-left: 20px !important;
  }

  .u-pl25--sm {
    margin-left: 25px !important;
  }

  .u-pl30--sm {
    margin-left: 30px !important;
  }

  .u-pl40--sm {
    margin-left: 40px !important;
  }

  .u-pl50--sm {
    margin-left: 50px !important;
  }
}
/* ============
* u-color--*
============== */
.u-color--0 {
  color: white !important;
}

.u-color--1 {
  color: gray !important;
}

.u-color--2 {
  color: #e22319 !important;
}

.u-color--3 {
  color: #3E8DDD !important;
}

.u-color--4 {
  color: #6ABF4A !important;
}

.u-color--5 {
  color: #FF6A00 !important;
}

.u-color--6 {
  color: #F4CD05 !important;
}

/* ============
* lh*
============== */
.u-lh1 {
  line-height: 1 !important;
}

.u-lh1_1 {
  line-height: 1.1 !important;
}

.u-lh1_2 {
  line-height: 1.2 !important;
}

.u-lh1_3 {
  line-height: 1.3 !important;
}

.u-lh1_4 {
  line-height: 1.4 !important;
}

.u-lh1_5 {
  line-height: 1.5 !important;
}

.u-lh1_6 {
  line-height: 1.6 !important;
}

.u-lh1_7 {
  line-height: 1.7 !important;
}

.u-lh1_8 {
  line-height: 1.8 !important;
}

.u-lh1_9 {
  line-height: 1.9 !important;
}

.u-lh2 {
  line-height: 2 !important;
}

.u-lh2_1 {
  line-height: 2.1 !important;
}

.u-lh2_2 {
  line-height: 2.2 !important;
}

.u-lh2_3 {
  line-height: 2.3 !important;
}

.u-lh2_4 {
  line-height: 2.4 !important;
}

.u-lh2_5 {
  line-height: 2.5 !important;
}

.u-lh2_6 {
  line-height: 2.6 !important;
}

.u-lh2_7 {
  line-height: 2.7 !important;
}

.u-lh2_8 {
  line-height: 2.8 !important;
}

.u-lh2_9 {
  line-height: 2.9 !important;
}

.u-lh3 {
  line-height: 3 !important;
}

/* ==========================
font-size & weight
========================== */
.f36, .f36b {
  font-size: 36px;
}

.f30, .f30b {
  font-size: 30px;
}

.f24, .f24b {
  font-size: 24px;
}

.f20, .f20b {
  font-size: 20px;
}

.f19, .f19b {
  font-size: 19px;
}

.f18, .f18b {
  font-size: 18px;
}

.f17, .f17b {
  font-size: 17px;
}

.f16, .f16b {
  font-size: 16px;
}

.f15, .f15b {
  font-size: 15px;
}

.f14, .f14b {
  font-size: 14px;
}

.f13, .f13b {
  font-size: 13px;
}

.f12, .f12b {
  font-size: 12px;
}

.f11, .f11b {
  font-size: 11px;
}

.f10, .f10b {
  font-size: 10px;
}

.f36b {
  font-weight: bold;
}

.f30b {
  font-weight: bold;
}

.f24b {
  font-weight: bold;
}

.f20b {
  font-weight: bold;
}

.f19b {
  font-weight: bold;
}

.f18b {
  font-weight: bold;
}

.f17b {
  font-weight: bold;
}

.f16b {
  font-weight: bold;
}

.f15b {
  font-weight: bold;
}

.f14b {
  font-weight: bold;
}

.f13b {
  font-weight: bold;
}

.f12b {
  font-weight: bold;
}

.f11b {
  font-weight: bold;
}

.f10b {
  font-weight: bold;
}

/* ============
* alpha_hover:hover(透過)
============== */
.is-alpha--hover,
.is-alpha--hover img {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.is-alpha--hover:hover,
.is-alpha--hover:hover img {
  filter: alpha(opacity=60);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

/* ==========================
clear
========================== */
.clear {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.inner:after {
  zoom: 1;
}

.l-grid:after,
.l-grid-2:after,
.gnav-container:after,
.section-content:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

/* ============
* box
============== */
.box-1, .box-round--1 {
  padding: 10px;
  background: #F5F5F5;
}

.box-2 {
  padding: 10px;
  background: #f7bab7;
}

.box-3 {
  padding: 10px;
  background: #d6e7f8;
}

.box-4 {
  padding: 10px;
  background: #d7eece;
}

.box-5 {
  padding: 10px;
  background: #ffd2b3;
}

.box-6 {
  padding: 10px;
  background: #fdf0ae;
}

/*box-outline*/
.box-outline, .box-outline--1, .box-outline--2, .box-outline--3, .box-outline--4, .box-outline--5, .box-outline--6 {
  padding: 10px;
}

.box-outline--1 {
  background: #F5F5F5;
  border: 1px solid #eaeaea;
}

.box-outline--2 {
  background: #e22319;
  border: 1px solid #cb1f16;
}

.box-outline--3 {
  background: #3E8DDD;
  border: 1px solid #2880d9;
}

.box-outline--4 {
  background: #6ABF4A;
  border: 1px solid #5eb13f;
}

.box-outline--5 {
  background: #FF6A00;
  border: 1px solid #e65f00;
}

.box-outline--6 {
  background: #F4CD05;
  border: 1px solid #dbb804;
}

/*box-round*/
.box-round {
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.box-round--1 {
  background: #F5F5F5;
}

.is-table {
  display: table !important;
}

.is-table__cell {
  display: table-cell !important;
}