@charset 'utf-8';

/* =========================================================
 PC・スマホ共通
========================================================= */

/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 769px) {
  #topicPath {
    left: 0;
    margin: auto;
    right: 0;
    text-align: right;
    width: 976px;
  }
  #topicPath ol {
    float: right;
  }
  h2 {
    margin: 0 auto;
    position: relative;
    width: 990px;
    z-index: 3;
    box-sizing: border-box;
    color: #4f4f4f;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 18px;
    height: 30px;
    letter-spacing: -0.05em;
    line-height: 30px;
    margin: 0 auto;
  }
  .concept h3::before {
    content: none;
  }
  #concept01 {
    max-width:1920px;
    background: url('/img/concept/bg_concept_01.jpg') center center no-repeat;
    height: 500px;
    color: #222222;
  }
  #concept02 {
    max-width:1920px;
    background: url('/img/concept/bg_concept_02.jpg') center center no-repeat;
    height: 666px;
    color: #ffffff;
  }
  #concept03 {
    max-width:1920px;
    background: url('/img/concept/bg_concept_03.jpg') center center no-repeat;
    height: 636px;
    color: #222222;
  }
  #concept04 {
    max-width:1920px;
    background: url('/img/concept/bg_concept_04.jpg') center center no-repeat;
    height: 727px;
    color: #ffffff;
  }
  #concept05 {
    max-width:1920px;
    background: url('/img/concept/bg_concept_05.jpg') center center no-repeat;
    height: 517px;
    color: #222222;
  }
  #rightContents:not(.haveCaption), #rightContents:not(.haveCaption) + #leftContents {
   padding-top: 30px;
  }
  .concept {
    font-family: yu-mincho-pr6n,游明朝,"Yu Mincho",YuMincho,serif;
  }
  #concept01 .conceptWrapper {
    padding-top: 190px;
  }
  .conceptWrapper {
    padding-top: 43px;
      width: 1000px;
      margin: 0 auto;
  }
  .concept h3, .concept p {
    transform: rotate(.03deg);
  }
  .concept h3 {
    font-family: yu-mincho-pr6n,游明朝,"Yu Mincho",YuMincho,serif;
    font-size: 43px;
    margin-bottom: 27px;
    background: no-repeat;
    color: inherit;
    text-indent: 0;
  }
  .concept #concept01 h3 {
    font-size: 32px;
    margin-bottom: 0;
    letter-spacing: 7pt;
    line-height: 1.9;
  }
  .concept p {
    font-size: 15px;
    margin-left: 4px;
    margin-bottom: 32px;
    line-height: 1.7;
    letter-spacing: 0.1pt;
  }
  p .f20 {
    /* font-size: 94%; */
  }
  p .f30 {
    /* font-size: 109%; */
  }
  h3 .f20 {
    font-size: 70%;
    vertical-align: middle;
    letter-spacing: 0;
  }
  h3 .f30 {
    /*　font-size: 100%; */
  }
  #concept03 p, #concept05 p {
    text-shadow: 0.5pt 0.66pt 1pt rgba(0, 0, 0, 0.4);
  
  }
}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {
  h3::before {
    content: none;
  }
  .concept {
    font-family: yu-mincho-pr6n,游明朝,"Yu Mincho",YuMincho,serif;
  }
  .bannerHeadline {
    margin: inherit;
  }
  #bottomContents {
    margin: 0;
  }
  #concept01 {
    background: url('/s/img/concept/bg_concept_01.jpg') center center no-repeat;
    background-size: cover;
    color: #222222;
  }
  #concept02 {
    background: url('/s/img/concept/bg_concept_02.jpg') center center no-repeat;
    background-size: cover;
    color: #dbdbdb;
  }
  #concept03 {
    background: url('/s/img/concept/bg_concept_03.jpg') center center no-repeat;
    background-size: cover;
    color: #222222;
  }
  #concept04 {
    background: url('/s/img/concept/bg_concept_04.jpg') center center no-repeat;
    background-size: cover;
    color: #ffffff;
  }
  #concept05 {
    background: url('/s/img/concept/bg_concept_05.jpg') center center no-repeat;
    background-size: cover;
    color: #222222;
  }
  #concept01 .conceptWrapper {
    padding: 13% 4%;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .conceptWrapper {
    padding: 7% 4%;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .concept #concept01 h3 {
    font-size: 120%;
    margin-bottom: 0;
    letter-spacing: 0.8pt;
    line-height: 1.9;
  }
  .concept h3 {
    font-family: yu-mincho-pr6n,游明朝,"Yu Mincho",YuMincho,serif;
    font-size: 136%;
    margin-bottom: 4%;
    letter-spacing: 1pt;
    line-height: 1;
    background: no-repeat;
    border: 0;
    text-indent: 0;
    color: inherit;
    padding: 0;
    height: auto;
    font-weight: normal;
  }
  .concept p {
    font-size: 85%;
    letter-spacing: 1.4pt;
    line-height: 1.5;
    margin-bottom: 7%;
  }
  .concept p.list {
    text-indent: -1em;
      margin-left: 1em;
      margin-bottom: 0;
  }
  .concept p.list:nth-child(7) {
      margin-bottom: 7%;
  }
  .concept p:last-of-type {
      margin-bottom: 0;
  }
  #concept03 p, #concept05 p {
    text-shadow:1px 1px 2px rgba(0,0,0,0.43);
  }
}