@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.pCompanyInfo__item {
  display: grid;
  grid-template-columns: 155px 1fr;
  padding-bottom: calc(18rem / 16);
  position: relative;
  padding-left: 4px;
  font-size: calc(14rem / 16);
  line-height: 1.71;
  letter-spacing: 0.02em;
}
.pCompanyInfo__item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #000;
  transition: transform 1.4s cubic-bezier(0.39, -0.01, 0.16, 0.78);
  transform: scaleX(1);
  transform-origin: left;
}
.pCompanyInfo__item dd {
  margin-top: 0;
}
#navi .caption-wrap .item-label {
  color: #fff;
}

ul.bogo-language-switcher {
  /* 翻訳ボタンを横並びに */
  display: flex;
}
.bogo-switch {
  position: absolute;
  /* top: 0;
  right: 0; */
}
.bogo-language-switcher {
  display: flex;
  /* justify-content: space-around; */
  align-items: center;
  width: 184px;
  /* height: 30px; */
  background-color: #18345d;
  margin: 0;
  padding: 0;
}
ul.bogo-language-switcher li {
  /*コレ*/
  border-right: 1px dotted #fff;
  padding: 0 10px;
}
ul.bogo-language-switcher li:last-child {
  /*コレ*/
  border-right: none;
}
.bogo-language-switcher li .bogo-language-name {
  font-size: 0;
}
.bogo-language-switcher li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: initial;
  font-size: 0.9rem;
  line-height: 30px;
  font-weight: bold;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  padding-top: 0;
  text-decoration: none;
}
.bogo-language-switcher li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.bogo-language-switcher li.ja a:before {
  content: url(img/common/flag_jp.png);
  padding-right: 4px;
}
.bogo-language-switcher li.en a:before {
  content: url(img/common/flag_en.png);
  padding-right: 4px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
  .bogo-switch {
    position: relative;
  }
  .bogo-language-switcher {
    width: auto;
    justify-content: center;
  }
}

/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}