@charset "utf-8";
@font-face {
  font-family: 'din';
  src: url(../common/font/PT%20DIN%20Condensed%20Cyrillic.eot) format("eot"), url(../common/font/PT%20DIN%20Condensed%20Cyrillic.woff) format("woff"), url(../common/font/PT%20DIN%20Condensed%20Cyrillic.ttf) format("truetype");
}
/*------------------------------------------------------------
共通レイアウト
------------------------------------------------------------*/
input {
  border: none;
  outline: none;
}

input[type="button"], input[type="submit"], input[type="reset"] {
  cursor: pointer;
  width: 100%;
}

/*------------------------------------------------------------
汎用スタイル
------------------------------------------------------------*/
.cf:after {
  content: " ";
  display: block;
  clear: both;
}

.inline {
  display: inline-block;
}

.fltL {
  float: left;
}

.fltR {
  float: right;
}

.img-responsive {
  width: 100%;
  height: auto;
}

.img-responsive-max100p {
  max-width: 100%;
  height: auto;
}

.algL {
  text-align: left;
}

.algC {
  text-align: center;
}

.algR {
  text-align: right;
}

/*------------------------------------------------------------
下層コンテナ
------------------------------------------------------------*/
#contents_wrapper.under {
  margin-top: 52px;
}

.main-conts {
  padding-left: 10px;
  padding-right: 10px;
}

.main-conts-inner {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 30px;
}

@media all and (min-width: 960px) {
  #contents_wrapper.under {
    margin-top: 0;
  }

  .main-conts-inner {
    width: 960px;
    margin: 0 auto;
  }
}
/*------------------------------------------------------------
下層メインビジュアル
------------------------------------------------------------*/
.under-mv {
  width: 100%;
  text-align: center;
  position: relative;
}
.under-mv .bg-arrow {
  width: 38px;
  height: 31px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -19px;
  background: url(../staff/images/under-mv-arrow.png) center bottom no-repeat;
  background-size: contain;
}
.under-mv:before, .under-mv:after {
  content: "";
  width: 50%;
  height: 31px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
}
.under-mv:before {
  left: 0;
  margin-left: -19px;
}
.under-mv:after {
  right: 0;
  margin-right: -19px;
}

.undernami-mv {
  width: 100%;
  text-align: center;
  position: relative;
}
.undernami-mv:after {
  content: "";
  width: 100%;
  height: 12px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../common/images/nami_gray_top.png) repeat-x left bottom;
  background-size: auto 12px;
}

/*------------------------------------------------------------
下層メインビジュアル
------------------------------------------------------------*/
.img-main-special {
  padding: 45px 0 75px;
  background: url(../special/images/pagettl-bg-special.jpg) center bottom;
  background-size: cover;
}
.img-main-special h2 img {
  height: 48px;
}

@media all and (min-width: 960px) {
  .img-main-special {
    padding: 115px 0 145px;
  }
  .img-main-special h2 img {
    height: auto;
  }
}
/*------------------------------------------------------------
エリア別特集
------------------------------------------------------------*/
.special .special-read {
  margin-bottom: 40px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 2;
}
.special .special-read .colorB {
  color: #07a3e0;
}
.special li {
  margin-top: 40px;
  text-align: center;
  font-weight: bold;
}
.special li:first-child {
  margin-top: 0;
}
.special li a.special-bnr-link {
  display: block;
  width: 220px;
  height: 220px;
  padding-top: 67px;
  margin: 0 auto 20px;
  box-sizing: border-box;
  border: 5px solid #07a3e0;
  border-radius: 50%;
  overflow: hidden;
}
.special li a.special-bnr1 {
  background: url(../special/images/img-special-america.jpg) center top/cover no-repeat;
}
.special li a.special-bnr2 {
  background: url(../special/images/img-special-samerica.jpg) center top/cover no-repeat;
}
.special li a.special-bnr3 {
  background: url(../special/images/img-special-europe.jpg) center top/cover no-repeat;
}
.special li a.special-bnr4 {
  background: url(../special/images/img-special-meast.jpg) center top/cover no-repeat;
}
.special li a.special-bnr5 {
  background: url(../special/images/img-special-ajia.jpg) center top/cover no-repeat;
}
.special li a.special-bnr6 {
  background: url(../special/images/img-special-oceania.jpg) center top/cover no-repeat;
}

@media all and (min-width: 960px) {
  .special {
    margin-top: -31px;
    padding: 60px 0 0;
    background: url(../special/images/bg-special-left.png) left top no-repeat, url(../special/images/bg-special-right.png) right top no-repeat;
    position: relative;
  }
  .special .main-conts-inner {
    width: 780px;
  }
  .special .special-read {
    font-size: 2.6rem;
  }
  .special ul {
    margin-left: -30px;
    margin-right: -30px;
    overflow: hidden;
  }
  .special li {
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 0 60px;
  }
  .special li a.special-bnr-link {
    border-width: 10px;
    margin-bottom: 30px;
    padding-top: 62px;
  }
  .special li .txt-special-bnr {
    line-height: 1.4rem;
  }
  .special li .txt-special-bnr img {
    height: 14px;
  }
}

/*# sourceMappingURL=special.css.map */