@charset "utf-8";

/* ----------------------------------------
  Default Reset   common Style Seet

  1-1.ブラウザ初期設定リセット
  1-2.配置
  1-3.マージン
  1-4.文字の大きさ
  1-5.行間
  1-6.文字装飾
  1-7.文字の色
  1-8.ボーダー
  1-9.テーブル
  1-10.引用
  1-11.クリアフィックス
---------------------------------------- */

/* ----------------------------------------
  1-1.ブラウザ初期設定リセット
---------------------------------------- */

* {
  margin: 0;
  padding: 0;
  font-style: normal;
  letter-spacing: 0;
}

html {
  overflow-y: scroll;
}

p {
  margin: 0;
}

ul,
li {
  list-style-type: none;
}

img {
  border: 0;
  vertical-align: bottom;
}

textarea {
  font-size: 100%;
}

form,
fieldset,
input,
button {
  margin: 0;
  padding: 0;
  font-size: 100%;
  border: none;
  outline: 0;
}

/* ----------------------------------------
  1-2.配置
---------------------------------------- */

.left {
  float: left;
  display: inline;
}
.right {
  float: right;
  display: inline;
}
.clear {
  clear: both;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}

/* ----------------------------------------
  1-3.マージン
---------------------------------------- */

.mgt10 {
  margin-top: 10px !important;
}
.mgt15 {
  margin-top: 15px !important;
}
.mgt20 {
  margin-top: 20px !important;
}
.mgt24 {
  margin-top: 24px !important;
}
.mgt25 {
  margin-top: 25px !important;
}
.mgt30 {
  margin-top: 30px !important;
}
.mgt35 {
  margin-top: 35px !important;
}
.mgt40 {
  margin-top: 40px !important;
}
.mgt45 {
  margin-top: 45px !important;
}
.mgt50 {
  margin-top: 50px !important;
}
.mgt55 {
  margin-top: 55px !important;
}
.mgt60 {
  margin-top: 60px !important;
}
.mgt65 {
  margin-top: 65px !important;
}
.mgt70 {
  margin-top: 70px !important;
}
.mgt75 {
  margin-top: 75px !important;
}
.mgt80 {
  margin-top: 80px !important;
}
.mgt85 {
  margin-top: 85px !important;
}
.mgt90 {
  margin-top: 90px !important;
}
.mgt95 {
  margin-top: 95px !important;
}
.mgt100 {
  margin-top: 100px !important;
}

.mgb20 {
  margin-bottom: 30px !important;
}
.mgb30 {
  margin-bottom: 30px !important;
}
.mgb40 {
  margin-bottom: 40px !important;
}
.mgb80 {
  margin-bottom: 80px !important;
}

.pdt50 {
  padding-top: 50px !important;
}
.pdt80 {
  padding-top: 80px !important;
}

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

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

/* ----------------------------------------
  1-4.文字の大きさ
---------------------------------------- */

.f50 {
  font-size: 50% !important;
}
.f80 {
  font-size: 80% !important;
}
.f90 {
  font-size: 90% !important;
}
.f110 {
  font-size: 110% !important;
}
.f120 {
  font-size: 120% !important;
}
.f130 {
  font-size: 130% !important;
}

.f9 {
  font-size: 9px !important;
}
.f10 {
  font-size: 10px !important;
}
.f11 {
  font-size: 11px !important;
}
.f12 {
  font-size: 12px !important;
}
.f13 {
  font-size: 13px !important;
}
.f14 {
  font-size: 14px !important;
}
.f15 {
  font-size: 15px !important;
}
.f16 {
  font-size: 16px !important;
}
.f17 {
  font-size: 17px !important;
}
.f18 {
  font-size: 18px !important;
}
.f19 {
  font-size: 19px !important;
}
.f20 {
  font-size: 20px !important;
}
.f25 {
  font-size: 25px !important;
}
.f30 {
  font-size: 30px !important;
}

/* ----------------------------------------
  1-5.行間
---------------------------------------- */

.lh110 {
  line-height: 110%;
}
.lh120 {
  line-height: 120%;
}
.lh130 {
  line-height: 130%;
}
.lh140 {
  line-height: 140%;
}
.lh150 {
  line-height: 150%;
}
.lh160 {
  line-height: 160%;
}
.lh170 {
  line-height: 170%;
}
.lh180 {
  line-height: 180%;
}
.lh190 {
  line-height: 190%;
}
.lh200 {
  line-height: 200%;
}
.lh30p {
  line-height: 30px;
}

@media screen and (max-width: 768px) {
  .lh30p {
    line-height: 180%;
  }
}

/* ----------------------------------------
  1-6.文字装飾
---------------------------------------- */

em {
  font-style: normal;
  font-weight: bold;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}

/* ----------------------------------------
  1-7.文字の色
---------------------------------------- */

.red {
  color: #e60000;
}
.white {
  color: #fefefe;
}
.blue {
  color: #006da7;
}
.black {
  color: #000000;
}
.orange {
  color: #f39700;
}

.aqua {
  color: #00ffff;
}
.lime {
  color: #00ff00;
}
.olive {
  color: #808000;
}
.silver {
  color: #c0c0c0;
}
.yellow {
  color: #ffff00;
}
.gray {
  color: #808080;
}
.maroon {
  color: #800000;
}
.purple {
  color: #800080;
}
.green {
  color: #008000;
}
.navy {
  color: #000080;
}
.gray2 {
  color: #434343;
}
.softorange {
  color: #ee9e11;
}

/* ----------------------------------------
  1-8.ボーダー
---------------------------------------- */

/* ----------------------------------------
  1-9.テーブル
---------------------------------------- */

table {
  border-collapse: collapse;
  border-spacing: 1;
  empty-cells: show;
}

/* ----------------------------------------
  1-10.引用
---------------------------------------- */

blockquote {
}

/* ----------------------------------------
  1-11.クリア
---------------------------------------- */

ul:after,
dl:after,
.clearfix:after,
#container:after,
#wrapper:after,
#header:after,
#globalmenu:after,
.section1:after,
.section2:after {
  content: '.';
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

ul,
dl,
.clearfix,
#container,
#wrapper,
#header,
#globalmenu,
.section1,
.section2 {
  zoom: 100%;
}

.cl {
  _zoom: 1;
  overflow: hidden;
}

.pc-n {
  display: none;
}

@media screen and (max-width: 768px) {
  .pc-n {
    display: inline-block;
  }
}