/*
 * Design Data
 * https://www.dropbox.com/sh/7njqv45b0ohpxaf/AAB2nFfI79RIeebftgmynpbZa?dl=0
 * http://twt.heteml.jp/agc-gk/preview/
 * Reference site
 * https://www.subaru.co.jp/
 * https://www.tktk.co.jp/
 * https://www.jal.com/ja/
 * Invision
 * https://projects.invisionapp.com/d/login
 * USER : iwamoto@convey.co.jp
 * Bootstrap
 * https://tech.recruit-mp.co.jp/front-end/architecture-bootstrap-bem/
 * Sitemap
 * 
 * 
 */

/* 
 * 
 * www.agc-gk.com/
 * 
 *   /$$$$$$   /$$$$$$   /$$$$$$         /$$$$$$  /$$   /$$
 *  /$$__  $$ /$$__  $$ /$$__  $$       /$$__  $$| $$  /$$/
 * | $$  \ $$| $$  \__/| $$  \__/      | $$  \__/| $$ /$$/ 
 * | $$$$$$$$| $$ /$$$$| $$            | $$ /$$$$| $$$$$/  
 * | $$__  $$| $$|_  $$| $$            | $$|_  $$| $$  $$  
 * | $$  | $$| $$  \ $$| $$    $$      | $$  \ $$| $$\  $$ 
 * | $$  | $$|  $$$$$$/|  $$$$$$/      |  $$$$$$/| $$ \  $$
 * |__/  |__/ \______/  \______/        \______/ |__/  \__/
 * 
 *                                                                          
 *  ★ セマンティックに書きつつ、一貫性を持ちましょう。
 *    （以下に指示の記載がない場合も周りのコードを見て、そのスタイルに沿ってください。）
 *  ・エンコードは、UTF-8（BOM無し）を使う。
 *  ・埋め込みリソースからプロトコル表記（http:,https:）を省略する。
 *  ・半角スペース2つ分でインデントする。（タブやスペースとの混在はNG）
 *  ・IDやクラス名に含まれる別々の単語（小文字）はハイフンで繋ぐ。
 *  ・IDとクラス名にタイプセレクタは記述しない。
 *  ・可能な限りショートハンドでプロパティを書く。
 *  ・値に「0」を指定する際には単位を省略する。
 *  ・すべてのプロパティ名の終端にはコロンの後にスペースを入れること。
 *  ・すべてのプロパティ指定の終端はセミコロンを書くこと。
 *  ・〜!important; は使用しない。
 *  ・別々のセレクタとプロパティは改行して書くこと。
 *  ・別々のCSSルールは改行して一行間を空けて書く。
 *  ・セクションごとにコメント（任意）を記述する。
 *  
 *  "Noto Sans JP", "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif
 *  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif
 * https://fonts.google.com/specimen/Ropa+Sans?selection.family=Ropa+Sans
 *  
 */


/**
 * Override bootstrap3 styles
 * 
 */


@media (min-width: 769px) {
  html, body {
    min-width: 1236px;
  }
}

@media (min-width: 1440px) {
  html, body {
    min-width: 1440px;
  }
}


strong {
  font-weight: bolder;
}

em {
  font-style: normal;
  font-weight: bolder;
  font-family: 'Ropa Sans', sans-serif;
  letter-spacing: 0.1ex;
}

em i {
  font-weight: lighter;
}

small em {
  font-size: inherit;
}

h2 {
  color: #2e3741;
}

h2 em {
  padding-right: 0.5em;
}

h2 small:before {
  display: inline-block;
  content: "|\00a0";
  font-size: x-large;
  font-family: "Material Icons";
}

h2 small {
  font-size: small;
  vertical-align: middle;
}

h3 small {
  padding-top: 0.5em;
}

dt {
  font-weight: normal;
}

pre {
  border: none;
  background: none;
  padding: 0;
  margin: 0.5em 0;
}

.navbar-collapse {
  border: none;
}

.btn-arrow:after,
.btn-arrow-invert:hover::after,
.btn-arrow.btn-ghost:hover:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 4px;
  background: transparent url('data:image/svg+xml;base64,PHN2ZyBpZD0iYXJyb3ciIGRhdGEtbmFtZT0iYXJyb3ciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEzIDMuNSI+PHRpdGxlPmJ0bi1hcnJvdzwvdGl0bGU+PHBvbHlsaW5lIHBvaW50cz0iMC41IDMgMTIuNSAzIDYuOTMgMC41IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojNDA1YTc5O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjwvc3ZnPg==') left center /contain no-repeat scroll;
  padding-bottom: 10px;
  margin-left: 1em;
}

.btn-arrow:hover::after,
.btn-arrow-invert::after,
.btn-arrow.btn-ghost.btn-navy:hover::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 4px;
  background: transparent url('data:image/svg+xml;base64,PHN2ZyBpZD0iYXJyb3ciIGRhdGEtbmFtZT0iYXJyb3ciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEzIDMuNSI+PHRpdGxlPmJ0bi1hcnJvdy1pbnZlcnQ8L3RpdGxlPjxwb2x5bGluZSBwb2ludHM9IjAuNSAzIDEyLjUgMyA2LjkzIDAuNSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48L3N2Zz4=') left center /contain no-repeat scroll;
  padding-bottom: 10px;
  margin-left: 1em;
}


.btn-link {
  font-weight: inherit;
}

.navbar-fixed-top {
  border: none;
}

nav.navbar-fixed-top {
  background-color: white;
}

.panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}

.modal-content {
  color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-content a {
  color: white;
}

.modal-header .close {
  margin-top: -1px;
  margin-right: 2px;
  opacity: 1;
}

.modal-body .btn-block {
  text-align: left;
}

.modal-footer .btn-block {
  border-left: 1px solid white;
  border-right: 1px solid white;
  margin-bottom: 1em;
}

.embed-responsive {
  background: transparent url(/assets/img/common/bg-aspect-ratio-4by3.png) center top /cover no-repeat scroll;
}

.embed-responsive-10by9 {
 padding-bottom: 89%; 
}

.embed-responsive-16by9 {
  background: transparent url(/assets/img/common/bg-aspect-ratio-16by9.png) center top /cover no-repeat scroll;
}

article .row .embed-responsive.embed-responsive-col {
  border: none;
  background: none;
}

.label {
  line-height: 1.25em;
}














/**
 * Extended bootstrap3 styles
 * 
 */

.clear {
  clear: both;
}

.fixed-top-anchor {
  padding-top: 60px;
  margin-top: -60px;
}

@media (min-width: 769px) {
  .fixed-top-anchor {
    padding-top: 0px;
    margin-top: 0px;
  }
}

.hr-bold {
  border-width: 4px;
}

.hr-transparent {
  border-color: transparent;
}

.hr-primary {
  border-color: #6788b1;
}

.hr-darkgray {
  border-color: dimgray;
}

.gutter-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.gutter-10 > div,
.gutter-10 > nav,
.gutter-10 > li,
.gutter-10 > label {
  padding-right: 5px;
  padding-left: 5px;
}

.gutter-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.gutter-20 > div,
.gutter-20 > nav,
.gutter-20 > li,
.gutter-20 > label {
  padding-right: 10px;
  padding-left: 10px;
}

.gutter-30 {
  margin-left: -15px;
  margin-right: -15px;
}

.gutter-30 > div,
.gutter-30 > nav,
.gutter-30 > li,
.gutter-30 > label {
  padding-right: 15px;
  padding-left: 15px;
}

.gutter-40 {
  margin-left: -20px;
  margin-right: -20px;
}

.gutter-40 > div,
.gutter-40 > nav,
.gutter-40 > li,
.gutter-40 > label {
  padding-right: 20px;
  padding-left: 20px;
}

.gutter-60 {
  margin-left: -30px;
  margin-right: -30px;
}

.gutter-60 > div,
.gutter-60 > nav,
.gutter-60 > li,
.gutter-60 > label {
  padding-right: 30px;
  padding-left: 30px;
}

@media (max-width: 768px) {
  .gutter-10, .gutter-20, .gutter-30, .gutter-40, .gutter-60 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .gutter-xs-0 > div {
    padding-left: 0;
    padding-right: 0;
  }
}

.va-middle {
  letter-spacing: -0.4em;
}

.va-middle > [class*='col-'] {
  display: inline-block;
  float: none !important;
  vertical-align: middle;
  letter-spacing: 0;
}

.va-middle p.lead {
  font-size: large;
  padding: 0 1em;
}

.va-middle p {
  line-height: 2em;
}

@media (max-width: 768px) {
  .va-middle > [class*='col-md-'] {
    display: block;
  }
  .va-middle p {
    text-align: center;
  }
}

@media (min-width: 769px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

.padding-vertical-1ex {
  padding-top: 1ex;
  padding-bottom: 1ex;
}

.padding-vertical-1em {
  padding-top: 1em;
  padding-bottom: 1em;
}

.padding-vertical-2em {
  padding-top: 2em;
  padding-bottom: 2em;
}

.padding-vertical-3em {
  padding-top: 3em;
  padding-bottom: 3em;
}

.padding-horizontal-1em {
  padding-left: 1em;
  padding-right: 1em;
}

.padding-horizontal-2em {
  padding-left: 2em;
  padding-right: 2em;
}

.padding-horizontal-3em {
  padding-left: 3em;
  padding-right: 3em;
}

.panel-bg-white,
.panel-bg-steelblue,
.panel-bg-gainsboro,
.panel-bg-navy {
  background-color: white;
}

a:hover .panel-bg-white {
  background-color: white;
}

a:hover .panel-bg-steelblue {
  background-color: #6788b1;
}

a:hover .panel-bg-gainsboro {
  background-color: gainsboro;
}

a:hover .panel-bg-navy {
  background-color: #3D5676;
}

.btn-white {
  background-color: white;
  border: 1px solid gainsboro;
}

.btn-white:hover {
  background-color: #6788b1;
  border: 1px solid gainsboro;
}

.btn-navy {
  color: #fff;
  background: #3D5676;
}

.btn-navy:hover {
  color: #fff;
  background: #647891;
}

.btn-ghost {
  background: transparent;
}

.btn-ghost.btn-default {
  color: #777;
}

.btn-ghost.btn-primary {
  color: #337ab7;
}

.btn-ghost.btn-success {
  color: #333;
}

.btn-ghost.btn-info {
  color: #5bc0de;
}

.btn-ghost.btn-warning {
  color: #f0ad4e;
}

.btn-ghost.btn-danger {
  color: #d9534f;
}

.btn-ghost.btn-primary:hover {
  color: #fff;
  background-color: #415B7C;
}

.btn-ghost.btn-success:hover {
  color: #fff;
}

.btn-ghost.btn-info:hover {
  color: #fff;
}

.btn-ghost.btn-warning:hover {
  color: #fff;
}

.btn-ghost.btn-danger:hover {
  color: #fff;
}

.btn-ghost.btn-white {
  color: #fff;
  border: 1px solid #fff;
}

.btn-ghost.btn-white:hover {
  color: #333;
  background: #fff;
}

.btn-ghost.btn-navy {
  color: #3D5676;
  border: 1px solid #3D5676;
}

.btn-ghost.btn-navy:hover,
.nav .btn-ghost.btn-navy:hover {
  color: #fff;
  background-color: #415B7C;
}

.btn-dl.btn-ghost::after {
  display: inline-block;
  content: "\00a0\e2c4";
  color: #3D5676;
  font-size: large;
  font-weight: bold;
  font-family: "Material Icons";
  vertical-align: middle;
}

.btn-dl.btn-ghost:hover::after {
  color: white;
}

.btn-mail.btn-ghost::after {
  display: inline-block;
  content: "mail_outline";
  color: #3D5676;
  font-size: large;
  font-weight: bold;
  font-family: "Material Icons";
  vertical-align: middle;
}

.btn-mail.btn-ghost:hover::after {
  color: white;
}

.text-navy {
  color: #456387;
  border-bottom-color: #456387;
}

.label-subject {
  background-color: #e3c083;
}

.label-trend {
  background-color: #7680a6;
}

.label-system {
  background-color: #a1a1a1;
}

.label-other {
  background-color: #3fa57b;
}

.label-width-10em {
  display: inline-block;
  min-width: 10em;
  margin-right: 0.5em;
}

.icon-for {
  display: block;
  width: 48px;
  height: 32px;
  background-color: transparent;
  background-position: center center;
  background-size: auto;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.icon-for.icon-for-housing {
  background-image: url(/assets/img/common/icon-housing.png);
}

.icon-for.icon-for-building {
  background-image: url(/assets/img/common/icon-building.png);
}

.navbar-toggle .icon-bar { width: 27px; background: black; transition: .5s ease; }
.navbar-toggle.collapsed .icon-bar:nth-child(2){ transform: rotate(0)translateY(0)translateX(0); }
.navbar-toggle.collapsed .icon-bar:nth-child(3){ opacity: 1; }
.navbar-toggle.collapsed .icon-bar:nth-child(4){ transform: rotate(0)translateY(0)translateX(0); }
.navbar-toggle .icon-bar:nth-child(2){ transform: rotate(-45deg)translateY(5px)translateX(-5px); }
.navbar-toggle .icon-bar:nth-child(3){ opacity: 0}
.navbar-toggle .icon-bar:nth-child(4){ transform: rotate(45deg)translateY(-4px)translateX(-3px); }


/**
 * Base Layout / Custom Design
 * 
 */

aside header nav {
  min-width: 206px;
}

aside header nav .header-primary .row .row {
  background-color: white;
}

aside header nav .header-primary .navbar-toggle {
  float: none;
  margin: 0 0;
}

aside header nav .header-primary .navbar-toggle i {
  display: none;
}

aside header nav .header-primary .navbar-toggle[aria-expanded="false"] .navbar-open {
  display: inline-block;
}

aside header nav .header-primary .navbar-toggle[aria-expanded="true"] .navbar-close {
  display: inline-block;
}

aside header nav .header-primary h1 {
  margin: 0.4em 0 0 0;
}

@media (min-width: 769px) {
  aside header nav .header-primary h1 {
    margin: 1em 0;
  }
}

aside header nav .header-primary h1 a {
  max-width: 70px;
}

@media (min-width: 769px) {
  aside header nav .header-primary h1 a {
    max-width: 92px;
  }
}

#collapse-menu > ul {
  margin-left: 1em;
  margin-right: 1em;
}

@media (min-width: 769px) {
  #collapse-menu > ul {
    margin-left: 0;
    margin-right: 0;
  }
}

#collapse-menu > ul > li {
  position: relative;
  border-bottom: 1px solid white;
}

#collapse-menu > ul:nth-child(2) > li {
  border: none;
}

@media (min-width: 769px) {
  #collapse-menu > ul > li {
    border: none;
  }
}

#collapse-menu > ul:nth-child(1) > li > a {
  color: white;
  text-align: left;
  text-indent: 1em;
  padding: 1em 0;
}

#collapse-menu > ul:nth-child(1) > li > a:hover,
#collapse-menu > ul:nth-child(1) > li > a[aria-expanded="true"] {
}

@media (min-width: 769px) {
  #collapse-menu > ul:nth-child(1) > li > a {
    color: #333;
    text-align: center;
    text-indent: 0;
    background-color: white;
  }
  #collapse-menu > ul:nth-child(1) > li > a:hover,
  #collapse-menu > ul:nth-child(1) > li > a.active,
  #collapse-menu > ul:nth-child(1) > li > a[aria-expanded="true"] {
    color: white;
    background-color: #3D5676;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(1) > a:hover,
  #collapse-menu > ul:nth-child(1) > li:nth-child(1) > a[aria-expanded="true"] {
    color: #333;
    background-color: lightgray;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(2) > a:hover,
  #collapse-menu > ul:nth-child(1) > li:nth-child(2) > a[aria-expanded="true"] {
    color: white;
    background-color: #6788b1;
  }
}

#collapse-menu > ul:nth-child(1) > li .btn-collapse:after {
  position: absolute;
  top: 1.75em;
  right: 0.5em;
  content: "\e259\00a0";
  color: white;
  font-size: x-small;
  font-family: 'Glyphicons Halflings';
}
  
@media (min-width: 769px) {
  #collapse-menu > ul:nth-child(1) > li .btn-collapse:after {
    content: "\e258\00a0";
    color: black;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(1) .collapsed:hover,
  #collapse-menu > ul:nth-child(1) > li:nth-child(1) .collapsed[aria-expanded="true"] {
    background-color: lightgray;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(1) .btn-collapse:hover:after,
  #collapse-menu > ul:nth-child(1) > li:nth-child(1) .btn-collapse[aria-expanded="true"]:after {
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(2) .collapsed:hover,
  #collapse-menu > ul:nth-child(1) > li:nth-child(2) .collapsed[aria-expanded="true"] {
    color: white;
    background-color: #6788b1;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(2) .btn-collapse:hover:after,
  #collapse-menu > ul:nth-child(1) > li:nth-child(2) .btn-collapse[aria-expanded="true"]:after {
    color: white;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(3) .collapsed:hover,
  #collapse-menu > ul:nth-child(1) > li:nth-child(3) .collapsed[aria-expanded="true"] {
    color: white;
    background-color: #3D5676;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(3) .btn-collapse:hover:after,
  #collapse-menu > ul:nth-child(1) > li:nth-child(3) .btn-collapse[aria-expanded="true"]:after {
    color: white;
  }
}

@media (min-width: 769px) {
  aside header nav .header-secondary .collapse,
  aside header nav .header-secondary .collapsing {
    left: 206px;
  }
}

@media (min-width: 1236px) {
  aside header nav .header-secondary .collapse,
  aside header nav .header-secondary .collapsing {
    left: 16.66666667%;
  }
}

@media (max-width: 768px) {
  aside header nav .list-unstyled .navbar-fixed-top {
    position: relative;
  }
}

#collapse-menu {
/*
  background-color: #6687B2;
*/
  background-color: #3D5676;
}

@media (min-width: 769px) {
  #collapse-menu {
    background-color: white;
  }
}

@media (min-width: 769px) {
  #collapse-menu ul li ul {
    background-color: lightgray;
  }
  #collapse-menu > ul:nth-child(1) > li ul {
    width: 222px;
    padding: 10px;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(1) ul {
    background-color: lightgray;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(1) ul li a {
    color: #333;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(1) ul li a:hover {
    background-color: white;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(2) ul {
    background-color: #6788b1;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(2) ul li a {
    color: white;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(2) ul li a:hover {
    color: #355791;
    background-color: white;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(3) ul {
    background-color: #3D5676;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(3) ul li a {
    color: white;
  }
  #collapse-menu > ul:nth-child(1) > li:nth-child(3) ul li a:hover {
    color: #355791;
    background-color: white;
  }
}

#collapse-menu ul li ul .btn {
  text-align: left;
  padding: 10px;
}

#collapse-menu ul li ul dl {
  margin: 0;
}

#collapse-menu ul li ul dl dt {
  display: none;
}

@media (min-width: 769px) {
  #collapse-menu ul li ul dl dt {
    display: block;
  }
}

#collapse-menu ul li ul dl dd {
  color: white;
  padding-left: 1em;
}

@media (min-width: 769px) {
  #collapse-menu ul li ul dl dd {
    padding: 0.5em 0;
  }
  #collapse-menu ul:nth-child(1) > li:nth-child(1) ul dl dd {
    color: #333;
  }
  #collapse-menu ul:nth-child(1) > li:nth-child(2) ul a:hover dl dd {
    color: #355791;
  }
  #collapse-menu ul:nth-child(1) > li:nth-child(3) ul a:hover dl dd {
    color: #355791;
  }
}

#collapse-menu #collapse-housing .lead-archive,
#collapse-menu #collapse-bldg .lead-archive,
#collapse-menu #collapse-corporate .lead-archive {
  padding: 10px;
}

#collapse-menu #collapse-housing .btn-archive-housing {
  color: white;
  text-align: center;
  background-color: transparent;
  border: 1px solid white;
}

#collapse-menu #collapse-housing .btn-archive-housing:hover {
  color: #355791;
  background-color: white;
}

@media (min-width: 769px) {
  #collapse-menu #collapse-housing .btn-archive-housing {
    color: #444;
    border: 1px solid #888;
  }
  #collapse-menu #collapse-housing .btn-archive-housing:hover {
    color: #333;
    background-color: white;
    border-color: white;
  }
}

#collapse-menu #collapse-bldg .btn-archive-bldg {
  color: white;
  text-align: center;
  background-color: transparent;
  border: 1px solid white;
}

#collapse-menu #collapse-bldg .btn-archive-bldg:hover {
  color: #355791;
  background-color: white;
}

#collapse-menu #collapse-corporate .btn-archive-corporate {
  color: white;
  text-align: center;
  background-color: transparent;
  border: 1px solid white;
}

#collapse-menu #collapse-corporate .btn-archive-corporate:hover {
  color: #355791;
  background-color: white;
}

#collapse-menu #collapse-corporate li {
  padding: 10px;  
}

#collapse-menu #collapse-corporate li .btn:not(.btn-archive-corporate) {
  padding: 0.25em 0.5em;  
}

#main {
  background-color: #FAFAFA;
  padding-top: 60px;
}

@media (min-width: 769px) {
  #main {
    padding-top: 0;
  }
}

@media (min-width: 769px) {
  #content-container {
    margin: 20px;
    padding-top: 0;
  }
}

#above {
  background: transparent url(/assets/img/common/bg_above.png) center bottom /auto no-repeat scroll;
  padding: 1em 0 0 0;
}

#above a {
  color: white;
}

#bottom {
  font-weight: lighter;
  background-color: #858585;
  padding: 1em 0;
}

#bottom > div {
    padding: 1em 0;
}

@media (min-width: 769px) {
  #bottom > div {
    padding: 1em 2em;
  }
}

#bottom a:not(.btn-success) {
  color: white;
}

#bottom .btn-link {
  text-align: left;
  padding-left: 0.1em;
  padding-right: 0.1em;
}

#bottom dl {
  margin-bottom: 1em;
}

#bottom dl dt .btn-arrow:after,
#bottom dl dt .btn-arrow-invert:after {
  position: absolute;
  right: 2em;
  padding-top: 0.5em;
}

#bottom > div > div:nth-child(1) > dl > dt > a:hover:after {
}

#bottom dl dd {
  padding-top: 0.5em;
}

#footer {
  background-color: transparent;
  padding: 2em 0;
}

#footer p {
  font-weight: lighter;
  letter-spacing: 0.1ex;
}

/**
 * Container
 * 
 */

/* WRAP */

.wrap-container {
  background-color: transparent;
}

.wrap-container-white {
  background-color: #FFFFFF;
}

.wrap-container-lightgray {
  background-color: lightgray;
}

.wrap-container-bordering {
  background-color: #F9F9F9;
  border: 10px solid white;
}

/* BREAD CRUMB */


#breadcrumb-container .breadcrumb {
  font-size: smaller;
  margin: 0;
}

#breadcrumb-container .breadcrumb sup {
  display: none;
}

/* VISUAL */

#visual-container {
  position: relative;
}

#visual-container .row-size-xs {
  min-height: 180px;
}

#visual-container .row-size-sm {
  min-height: 220px;
}

#visual-container .row-size-md {
  min-height: 450px;
}

#visual-container .row-size-lg {
  min-height: 520px;
}

#visual-container .row-bg-gradation {
  height: auto;
  background: -webkit-linear-gradient(16deg, #4e4d77 1%, #2c5896 34%, #3b8694 78%, #2e7691 99%);
  background: -moz-linear-gradient(16deg, #4e4d77 1%, #2c5896 34%, #3b8694 78%, #2e7691 99%);
  background: -o-linear-gradient(16deg, #4e4d77 1%, #2c5896 34%, #3b8694 78%, #2e7691 99%);
  background: -ms-linear-gradient(16deg, #4e4d77 1%, #2c5896 34%, #3b8694 78%, #2e7691 99%);
  background: linear-gradient(74deg, #4e4d77 1%, #2c5896 34%, #3b8694 78%, #2e7691 99%);  
}

#visual-container .row-bg-gradation h3,
#visual-container .row-bg-gradation h3 small {
  color: white;
}

#visual-container .row-bg-large {
  min-height: 520px;
}

#visual-container > .row-bg-image {
  background-color: transparent;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  
}

#visual-container dl {
  position: absolute;
  width: 320px;
}

#visual-container dl dt {
  
}

#visual-container dl dd {
  color: #555555;
}

#visual-container .text-center .dl-middle {
  top: 50%;
  left: 50%;
  margin-left: -160px;
  margin-top: -5em;
}

@media (min-width: 769px) {
  #visual-container .text-center .dl-middle {
    width: 700px;
    margin-left: -350px;
    margin-top: -3em;
  }
}

#visual-container .text-center .dl-middle dt {
  color: white;
  font-size: 38px;
  font-weight: lighter;
}

#visual-container .text-center .dl-middle dd {
  color: white;
  line-height: 1.5em;
}

#visual-container .scroll-container {
  position: relative;
}

#visual-container .scroll-container a {
  position: absolute;
  display: inline-block;
  top: -43px;
  left: 50%;
  width: 43px;
  height: 57px;
  z-index: 9999;
  margin-left: -22px;
}


/* CONTENT */

#content-container {
}

.home article p,
.archive article p,
.archive article ul li,
.archive article ol li,
.single article p,
.single article ul li,
.single article ol li,
.page article p,
.page article ul li,
.page article ol li {
  line-height: 2em;
}

.home article p.normal,
.archive article p.normal,
.single article p.normal,
.single article ul.normal,
.page article p.normal,
.page article ul.normal {
  line-height: 1.25em;
}

@media (max-width: 768px) {
  #content-container {
    
  }
}


/* --- */

/* --- */

/* --- */







































/**
 * Helper classes
 * 
 */

.serif {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

/**
 * Material icons - Material Design
 * 
 */

/* アイコンサイズ */
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-27 { font-size: 27px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-64 { font-size: 64px; }

/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }



/**
 * Wordpress - Native CSS
 * 
 */

#content-container .aligncenter {
    display: block;
    margin: 0 auto;
}

#content-container .alignleft { 
  float: left; 
}

#content-container .alignright { 
  float: right; 
}

#content-container img[class*="wp-image-"],
#content-container img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}
#content-container .wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

#content-container .wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

#content-container .wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#content-container .entry-header {
  border-bottom: 1px solid #AAAAAA;
  margin-bottom: 1em;
}