/*
 *  Copyright 2019 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-accordion__header {
  margin: 0;
}
.cmp-accordion__button {
  display: block;
  width: 100%;
  text-align: left;
}
.cmp-accordion__panel--hidden {
  display: none;
}
.cmp-accordion__panel--expanded {
  display: block;
}

/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: .5rem 1rem;
  cursor: pointer;
}
.cmp-tabs__tab--active {
  border-color: inherit;
}
.cmp-tabs__tabpanel {
  display: none;
}
.cmp-tabs__tabpanel--active {
  display: block;
}

/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-carousel__content {
  position: relative;
}
.cmp-carousel__item {
  display: none;
}
.cmp-carousel__item--active {
  display: block;
}
.cmp-carousel__action {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cmp-carousel__indicators {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cmp-carousel__indicator {
  position: relative;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  margin: 0 7px;
  border-radius: 50%;
  font-size: 0;
  text-indent: -3000px;
  background-color: rgba(0, 0, 0, 0.5);
}
.cmp-carousel__indicator--active {
  background-color: rgba(0, 0, 0, 0.8);
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define breadcrumb */
.cmp-breadcrumb {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.cmp-breadcrumb__item {
  display: inline-block;
  vertical-align: top;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-search {
  position: relative;
}
.cmp-search__field {
  position: relative;
  height: 2rem;
}
.cmp-search__input {
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  width: 100%;
}
.cmp-search__icon {
  display: block;
  position: absolute;
  left: .5rem;
  top: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo=");
  background-size: contain;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.cmp-search__loading-indicator {
  display: none;
  position: absolute;
  top: .5rem;
  left: .5rem;
  border: 3px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: cmp-search__loading-indicator-spin 2s linear infinite;
}
@keyframes cmp-search__loading-indicator-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cmp-search__clear {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cmp-search__clear-icon {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K");
  background-size: contain;
  width: 1rem;
  height: 1rem;
}
.cmp-search__results {
  display: none;
  overflow-y: auto;
  min-width: 100%;
  max-height: 10rem;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  border: 1px solid #ccc;
  background: #fff;
}
.cmp-search__item {
  display: block;
}
.cmp-search__item--is-focused {
  background-color: #ccc;
}

/*
 *  Copyright 2020 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-pdfviewer__content {
  height: 500px;
}
.pdfviewer:not(.cq-Editable-dom) .cmp-pdfviewer__full-window-borderless {
  height: 100vh;
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 9999;
}
.pdfviewer.cq-Editable-dom .cmp-pdfviewer__full-window-borderless {
  height: 500px;
}

/*
 *  base配下のlessをインポートする
 */
.padding-left-s {
  padding-left: 10px !important;
}
@media screen and (min-width: 780px) {
  .padding-left-s {
    padding-left: 5px !important;
  }
}
.padding-left-m {
  padding-left: 20px !important;
}
@media screen and (min-width: 780px) {
  .padding-left-m {
    padding-left: 10px !important;
  }
}
.padding-left-l {
  padding-left: 30px !important;
}
@media screen and (min-width: 780px) {
  .padding-left-l {
    padding-left: 15px !important;
  }
}
.padding-right-s {
  padding-right: 10px !important;
}
@media screen and (min-width: 780px) {
  .padding-right-s {
    padding-right: 5px !important;
  }
}
.padding-right-m {
  padding-right: 20px !important;
}
@media screen and (min-width: 780px) {
  .padding-right-m {
    padding-right: 10px !important;
  }
}
.padding-right-l {
  padding-right: 30px !important;
}
@media screen and (min-width: 780px) {
  .padding-right-l {
    padding-right: 15px !important;
  }
}
.padding-top-s {
  padding-top: 10px !important;
}
@media screen and (min-width: 780px) {
  .padding-top-s {
    padding-top: 5px !important;
  }
}
.padding-top-m {
  padding-top: 20px !important;
}
@media screen and (min-width: 780px) {
  .padding-top-m {
    padding-top: 10px !important;
  }
}
.padding-top-l {
  padding-top: 30px !important;
}
@media screen and (min-width: 780px) {
  .padding-top-l {
    padding-top: 15px !important;
  }
}
.padding-bottom-s {
  padding-bottom: 10px !important;
}
@media screen and (min-width: 780px) {
  .padding-bottom-s {
    padding-bottom: 5px !important;
  }
}
.padding-bottom-m {
  padding-bottom: 20px !important;
}
@media screen and (min-width: 780px) {
  .padding-bottom-m {
    padding-bottom: 10px !important;
  }
}
.padding-bottom-l {
  padding-bottom: 30px !important;
}
@media screen and (min-width: 780px) {
  .padding-bottom-l {
    padding-bottom: 15px !important;
  }
}
.margin-left-s {
  margin-left: 10px !important;
}
@media screen and (min-width: 780px) {
  .margin-left-s {
    margin-left: 5px !important;
  }
}
.margin-left-m {
  margin-left: 20px !important;
}
@media screen and (min-width: 780px) {
  .margin-left-m {
    margin-left: 10px !important;
  }
}
.margin-left-l {
  margin-left: 30px !important;
}
@media screen and (min-width: 780px) {
  .margin-left-l {
    margin-left: 15px !important;
  }
}
.margin-right-s {
  margin-right: 10px !important;
}
@media screen and (min-width: 780px) {
  .margin-right-s {
    margin-right: 5px !important;
  }
}
.margin-right-m {
  margin-right: 20px !important;
}
@media screen and (min-width: 780px) {
  .margin-right-m {
    margin-right: 10px !important;
  }
}
.margin-right-l {
  margin-right: 30px !important;
}
@media screen and (min-width: 780px) {
  .margin-right-l {
    margin-right: 15px !important;
  }
}
.margin-top-s {
  margin-top: 10px !important;
}
@media screen and (min-width: 780px) {
  .margin-top-s {
    margin-top: 5px !important;
  }
}
.margin-top-m {
  margin-top: 20px !important;
}
@media screen and (min-width: 780px) {
  .margin-top-m {
    margin-top: 10px !important;
  }
}
.margin-top-l {
  margin-top: 30px !important;
}
@media screen and (min-width: 780px) {
  .margin-top-l {
    margin-top: 15px !important;
  }
}
.margin-bottom-s {
  margin-bottom: 10px !important;
}
@media screen and (min-width: 780px) {
  .margin-bottom-s {
    margin-bottom: 5px !important;
  }
}
.margin-bottom-m {
  margin-bottom: 20px !important;
}
@media screen and (min-width: 780px) {
  .margin-bottom-m {
    margin-bottom: 10px !important;
  }
}
.margin-bottom-l {
  margin-bottom: 30px !important;
}
@media screen and (min-width: 780px) {
  .margin-bottom-l {
    margin-bottom: 15px !important;
  }
}
/*
 *  components配下のlessをインポートする
 */
.cmp-header {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  display: block;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-bottom: 1px solid #dcdcdc;
  height: auto;
  box-shadow: none;
  z-index: 10001;
  line-height: normal;
  background-color: #fff;
  text-align: left;
}
@media screen and (min-width: 780px) {
  .cmp-header {
    border-top: 3px solid #0096e0;
    background-color: #fff;
  }
}
.cmp-header__content {
  display: block;
  width: 92%;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
}
@media screen and (min-width: 780px) {
  .cmp-header__content {
    width: 98%;
    max-width: 1024px;
    padding: 15px 0 0;
  }
}
.cmp-header__content-top {
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 780px) {
  .cmp-header__content-top {
    height: 40px;
    justify-content: flex-end;
  }
}
.cmp-header__content-top--logo {
  display: block;
  position: relative;
  width: 240px;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 780px) {
  .cmp-header__content-top--logo {
    position: absolute;
    left: 0;
  }
}
@media screen and (-ms-high-contrast: none) and (min-width: 780px) {
  .cmp-header__content-top--logo {
    top: 4px;
  }
}
.cmp-header__content-top--logo p {
  margin: 0;
  padding: 0;
}
.cmp-header__content-top--logo p a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 12px;
  color: #0096e0;
  font-weight: bold;
  line-height: normal;
}
.cmp-header__content-top--logo p a img {
  display: block;
  width: 100%;
  max-width: 105px;
  height: auto;
  margin-right: 10px;
}
@media screen and (min-width: 780px) {
  .cmp-header__content-top--logo p a img {
    max-width: 135px;
  }
}
.cmp-header__content-top-menu {
  display: none;
  margin: 8px 20px;
  font-size: 0;
  padding: 0;
}
.cmp-header__content-top-menu-item {
  display: inline-block;
  font-size: 12px;
}
.cmp-header__content-top-menu a {
  color: #666;
  text-decoration: none;
}
.cmp-header__content-top-menu a :after {
  content: "";
  position: relative;
  background: url(../../clientlib-sites/brand/common/resources/ico_blank.png) no-repeat left top;
  background-size: 10px;
  width: 10px;
  height: 10px;
  display: inline-block;
  top: 0;
  bottom: 0;
  margin: auto 0 auto 10px;
}
.cmp-header__content-top-menu a :hover {
  opacity: .7;
}
@media screen and (min-width: 780px) {
  .cmp-header__content-top-menu {
    display: block;
  }
}
.cmp-header__content-top-search {
  position: relative;
  display: none;
  width: 200px;
  height: 30px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  box-sizing: border-box;
  overflow: hidden;
}
.cmp-header__content-top-search-form {
  width: 100%;
  height: 100%;
}
.cmp-header__content-top-search-form-fieldset {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.cmp-header__content-top-search-form-fieldset legend {
  display: none;
}
.cmp-header__content-top-search-form-fieldset-query {
  position: absolute;
  top: 0;
  left: 10px;
  border: none;
  outline: none;
  width: 145px;
  height: 30px;
  background: none;
  font-size: 12px;
  color: #666;
  line-height: 30px;
}
.cmp-header__content-top-search-form-fieldset-submit {
  position: absolute;
  background-color: #dcdcdc;
  right: 0;
  top: -1px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  outline: none;
  border: none;
  background-image: url(../../clientlib-sites/brand/common/resources/tp_icon_search_01.png);
  background-size: 30px;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 780px) {
  .cmp-header__content-top-search {
    display: block;
  }
}
.cmp-header__content-top-nav-button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 24px;
  height: 22px;
  background-size: 24px 22px;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 780px) {
  .cmp-header__content-top-nav-button {
    display: none;
  }
}
.cmp-header__content-top .navOpen {
  background-image: url(../../clientlib-sites/brand/common/resources/tp_icon_open_01.png);
}
.cmp-header__content-top .navClose {
  display: none;
  background-image: url(../../clientlib-sites/brand/common/resources/tp_icon_close_01.png);
}
.cmp-header__navigation {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  display: none;
  position: absolute;
  width: 100%;
  background: #0096e0;
  top: 47px;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 10001;
}
@media screen and (min-width: 780px) {
  .cmp-header__navigation {
    display: flex;
    position: relative;
    width: 98%;
    max-width: 1024px;
    top: 0;
    margin: 0 auto;
    background: none;
  }
}
.cmp-header__navigation-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 10px;
  text-align: center;
  font-size: 12px;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 780px) {
  .cmp-header__navigation-item {
    display: block;
    width: calc(100% / 5);
    padding: 0;
  }
}
.cmp-header__navigation-item article {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.cmp-header__navigation-item a {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-weight: bold;
  transition: opacity .3s;
  line-height: normal;
}
@media screen and (min-width: 780px) {
  .cmp-header__navigation-item a {
    height: 40px;
    padding: 10px 0;
    color: #666;
    font-size: 13px;
    font-weight: normal;
    transition: none;
  }
}
@media screen and (min-width: 780px) {
  .cmp-header__navigation-item a[target^="_blank"] :after {
    content: "";
    position: relative;
    background: url(../../clientlib-sites/brand/common/resources/ico_blank.png) no-repeat left top;
    background-size: 10px;
    width: 10px;
    height: 10px;
    display: inline-block;
    top: 0;
    bottom: 0;
    margin: auto 0 auto 10px;
  }
}
.cmp-header__navigation-item a :hover {
  opacity: .7;
}
.cmp-header__navigation-item:after {
  display: block;
  position: absolute;
  content: "";
  background: url(../../clientlib-sites/brand/common/resources/tp_gnav_arrow.png) no-repeat right top;
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto 0;
}
@media screen and (min-width: 780px) {
  .cmp-header__navigation-item:after {
    width: 1px;
    height: 12px;
    right: 0;
    background: none;
    border-right: 1px solid #c5c5c5;
  }
}
.cmp-header__navigation-item .cmp-header__content-top-search {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  background-color: #0096e0;
  border-bottom: 1px solid #0096e0;
}
.cmp-header__navigation-item .cmp-header__content-top-search input[type="text"] {
  border: none;
  width: calc(100% - 53px);
  height: 100%;
  padding: 0 0 0 10px;
  background-color: #fff;
  font-size: 14px;
  line-height: 1;
  position: absolute;
  left: 0;
  border-radius: 0;
}
.cmp-header__navigation-item .cmp-header__content-top-search input[type="submit"] {
  position: absolute;
  width: 43px;
  height: 43px;
  right: 0;
  top: 0;
  background-color: #0096e0;
  background-size: 43px;
  background-repeat: no-repeat;
  z-index: 10002;
}
.cmp-header__breadcrumb {
  display: block;
  width: 100%;
  border-top: 1px solid #dcdcdc;
  height: auto;
  background-color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  text-align: left;
}
@media screen and (min-width: 780px) {
  .cmp-header__breadcrumb {
    height: 35px;
  }
}
.cmp-header__breadcrumb nav {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 780px) {
  .cmp-header__breadcrumb nav {
    width: 100%;
    height: 100%;
  }
}
.cmp-header__breadcrumb nav ol {
  display: block;
  width: 92%;
  margin: 0 auto;
  padding: 2px 0 5px;
}
@media screen and (min-width: 780px) {
  .cmp-header__breadcrumb nav ol {
    width: 98%;
    max-width: 1024px;
    height: 100%;
    padding: 0;
    list-style: none;
  }
}
.cmp-header__breadcrumb nav ol li {
  display: inline-block;
  margin: 0;
  font-size: 10px!important;
  color: #333;
  vertical-align: baseline;
}
@media screen and (min-width: 780px) {
  .cmp-header__breadcrumb nav ol li {
    color: #666;
    font-size: 10px;
    line-height: 35px;
  }
}
.cmp-header__breadcrumb nav ol li a {
  display: block;
  position: relative;
  color: #0096e0;
  margin-right: 20px;
  text-decoration: none;
  line-height: 1;
  font-size: 10px;
  overflow: visible;
}
@media screen and (min-width: 780px) {
  .cmp-header__breadcrumb nav ol li a {
    margin-right: 40px;
  }
}
.cmp-header__breadcrumb nav ol li a :active,
.cmp-header__breadcrumb nav ol li a :hover,
.cmp-header__breadcrumb nav ol li a :link,
.cmp-header__breadcrumb nav ol li a :visited {
  outline: 0 none;
}
.cmp-header__breadcrumb nav ol li a :after {
  content: "＞";
  display: block;
  position: absolute;
  top: 0;
  right: -17px;
  width: 1em;
  height: 1em;
  font-size: 8px;
  color: #666;
  line-height: 1;
}
@media screen and (min-width: 780px) {
  .cmp-header__breadcrumb nav ol li a :after {
    right: -27px;
    top: 3px;
  }
}
/*
 * common numeric values.
 */
.cmp-footer {
  display: block;
  position: relative;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 0 0 15px;
  background-color: #fff;
}
@media screen and (min-width: 780px) {
  .cmp-footer {
    margin: 0 auto;
    padding: 0 0 30px;
  }
}
.cmp-footer__content {
  display: block;
  position: relative;
  width: 100%;
}
.cmp-footer__content-navigation {
  display: block;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 780px) {
  .cmp-footer__content-navigation {
    padding: 10px 0;
    text-align: center;
    background: #0096e0;
  }
}
.cmp-footer__content-navigation-item {
  display: block;
  padding: 2px 0;
  margin: 0;
  font-size: 12px;
  border-bottom: 1px solid #e7e7e7;
}
.cmp-footer__content-navigation-item:nth-of-type(1) {
  border-top: 1px solid #e7e7e7;
}
@media screen and (min-width: 780px) {
  .cmp-footer__content-navigation-item:nth-of-type(1) {
    border: none;
  }
}
@media screen and (min-width: 780px) {
  .cmp-footer__content-navigation-item {
    display: inline-block;
    margin: 0 10px;
    border: none;
  }
}
.cmp-footer__content-navigation-item a {
  display: block;
  position: relative;
  padding: 15px 12px;
  width: calc(100% - 24px);
  height: calc(100% - 30px);
  text-decoration: none;
  color: #333;
}
@media screen and (min-width: 780px) {
  .cmp-footer__content-navigation-item a {
    display: inline;
    padding: 0;
    width: auto;
    height: auto;
    color: #fff;
    font-size: 14px;
  }
}
.cmp-footer__content-navigation-item a:after {
  position: absolute;
  content: "";
  background: url(../../clientlib-sites/brand/common/resources/ico_arrow.png) no-repeat right center;
  background-size: 6px 11px;
  display: block;
  width: 6px;
  height: 11px;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media screen and (min-width: 780px) {
  .cmp-footer__content-navigation-item a:after {
    content: none;
  }
}
.cmp-footer__content-navigation-item a :active,
.cmp-footer__content-navigation-item a :hover,
.cmp-footer__content-navigation-item a :link,
.cmp-footer__content-navigation-item a :visited {
  outline: 0 none;
}
.cmp-footer__content-text {
  display: flex;
  position: relative;
  width: 100%;
  justify-content: center;
}
@media screen and (min-width: 780px) {
  .cmp-footer__content-text {
    width: 90%;
    max-width: 1024px;
    height: auto;
    margin: 30px auto 0;
  }
}
.cmp-footer__content-text img {
  display: block;
  width: 100%;
  max-width: 100px;
  height: auto;
  margin: 15px auto 10px;
}
@media screen and (min-width: 780px) {
  .cmp-footer__content-text img {
    max-width: 150px;
    margin: 0 auto 15px;
  }
}
.cmp-footer__content-text p {
  font-size: 8px;
  margin: 10px 0 0;
  padding: 0 12px;
  color: #333;
  padding: 0;
}
@media screen and (min-width: 780px) {
  .cmp-footer__content-text p {
    font-size: 10px;
    margin: 0 auto;
  }
}
.cmp-footer__content-scroll-to-top {
  display: block;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 780px) {
  .cmp-footer__content-scroll-to-top {
    max-width: 1024px;
    margin: 0 auto;
  }
}
.cmp-footer__content-scroll-to-top-button {
  display: block;
  position: absolute;
  height: 30px;
  width: 30px;
  right: 10px;
  bottom: 0;
  background-image: url(../../clientlib-sites/brand/common/resources/btn_top.png);
  background-size: 30px;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 780px) {
  .cmp-footer__content-scroll-to-top-button {
    height: 46px;
    width: 46px;
    right: 0;
    background-size: 46px;
  }
}
.snsshare__standard .cmp-share__box {
  margin: 20px auto 0;
  display: block;
  height: 20px;
  max-width: 285px;
  padding: 0 0 20px;
  text-align: left;
  width: 272px;
  list-style-type: none;
}
@media screen and (min-width: 780px) {
  .snsshare__standard .cmp-share__box {
    width: 100%;
  }
}
.snsshare__standard .cmp-share__box li {
  float: left;
}
.snsshare__standard .cmp-share__box li:not(:last-child) {
  margin-right: 10px;
}
.cmp-sitesearch--brand__standard .cmp-sitesearch {
  position: relative;
  display: none;
  width: 200px;
  height: 30px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  box-sizing: border-box;
  overflow: hidden;
}
.cmp-sitesearch--brand__standard .cmp-sitesearch__form {
  width: 100%;
  height: 100%;
}
.cmp-sitesearch--brand__standard .cmp-sitesearch__form-fieldset {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.cmp-sitesearch--brand__standard .cmp-sitesearch__form-fieldset legend {
  display: none;
}
.cmp-sitesearch--brand__standard .cmp-sitesearch__form-fieldset-query {
  position: absolute;
  top: 0;
  left: 10px;
  border: none;
  outline: none;
  width: 145px;
  height: 30px;
  background: none;
  font-size: 12px;
  color: #666;
  line-height: 30px;
}
.cmp-sitesearch--brand__standard .cmp-sitesearch__form-fieldset-submit {
  position: absolute;
  background-color: #dcdcdc;
  right: 0;
  top: -1px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  outline: none;
  border: none;
  background-image: url(../../clientlib-sites/brand/common/resources/tp_icon_search_01.png);
  background-size: 30px;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 780px) {
  .cmp-sitesearch--brand__standard .cmp-sitesearch {
    display: block;
  }
}
.cmp-title--brand__h1 .cmp-title__text {
  font-size: 1.6rem;
  position: relative;
  padding: 0 0 0 14px;
  margin: 0 0 5px;
}
.cmp-title--brand__h1 .cmp-title__text::before {
  content: "";
  position: absolute;
  background-color: #0096e0;
  width: 4px;
  height: 22px;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}
.cmp-button--brand__standard .cmp-button {
  display: inline-block;
  color: #0096e0;
  font-size: 1.0rem;
  text-decoration: none;
  position: relative;
  padding: 0 0 0 1.2em;
}
.cmp-button--brand__standard .cmp-button::before {
  content: ">";
  display: block;
  width: 1em;
  height: 1em;
  left: 0;
  position: absolute;
}
.cmp-rte-font-size__1 {
  font-size: 10px;
}
.cmp-rte-font-size__2 {
  font-size: 14px;
}
@media screen and (min-width: 780px) {
  .cmp-rte-font-size__2 {
    font-size: 12px;
  }
}
.cmp-rte-font-size__3 {
  font-size: 14px;
}
@media screen and (min-width: 780px) {
  .cmp-rte-font-size__3 {
    font-size: 14px;
  }
}
.cmp-rte-font-size__4 {
  font-size: 14px;
}
@media screen and (min-width: 780px) {
  .cmp-rte-font-size__4 {
    font-size: 16px;
  }
}
.cmp-rte-font-size__5 {
  font-size: 16px;
}
@media screen and (min-width: 780px) {
  .cmp-rte-font-size__5 {
    font-size: 18px;
  }
}
.cmp-rte-font-size__6 {
  font-size: 16px;
}
@media screen and (min-width: 780px) {
  .cmp-rte-font-size__6 {
    font-size: 20px;
  }
}
.cmp-rte-boader__well {
  display: inline-block;
  padding: 1px 2px;
  margin: 0 1px;
  border: 1px solid #000000;
}
.cmp-rte-decoration__anchor {
  display: inline-block;
  border-bottom: 2px solid #000000;
}
.cmp-container--brand__main {
  display: block;
  width: 90%;
  margin: 30px auto 40px;
}
@media screen and (min-width: 780px) {
  .cmp-container--brand__main {
    max-width: 1024px;
    margin: 70px auto;
  }
}
/*
 *  variables配下のlessをインポートする
 */
/*
 * common colors
 */
/*
 * common numeric values.
 */