@charset "UTF-8";
/* ==========================================================================
   Philosophy
   ========================================================================== */
@media screen and (max-width: 1023px) {
  /*-------------------------------------
  
   共通
  
  -------------------------------------*/
  #breadCrumb h1:before {
        background: url(../../img/philosophy/common/bread_icon_philosophy.png) no-repeat 0 0/52px auto;
  }

  #cr02 {
        display: none;
  }

  /*-------------------------------------
  
   東洋ナッツ食品の心 TOP
  
  -------------------------------------*/
  .philosophy #content {
        padding: 0 10px 20px;
        box-sizing: border-box;
  }

  .philosophy .conteInr {
        width: 100% !important;
    /* background:url(../../img/philosophy/top/conte_bg.png) no-repeat 20px 50px; */
  }

  .philosophy .section {
        width: 100%;
        margin-bottom: 40px !important;
  }

  .philosophy .section h4 {
        margin-bottom: 20px;
        text-align: center;
  }
  .philosophy .section h4 img {
        width: auto;
        height: 40px;
  }

  .philosophy .section .alignR {
        margin-top: 8px;
  }

  .philosophy #section01sp {
        margin: 30px 0;
        text-align: center;
  }
  .philosophy #section01sp img {
        width: 90%;
        height: auto;
  }

  .philosophy #section02 {
        background: url(../../img/philosophy/top/img04.png) no-repeat center top/86% auto;
        min-height: 1px;
        padding: 74% 0 0;
        margin: 0;
  }

  .philosophy #section02 p {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
  }

  .philosophy #section03 {
        background: url(../../img/philosophy/top/img06.png) no-repeat center top/90% auto;
        min-height: 1px;
        padding: 54% 0 0;
        margin: 0;
  }

  .philosophy #section03 h4 {
        padding-top: 0;
  }
  .philosophy #section03 h4 img {
        height: 29px;
  }

  .philosophy #section03 p {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
  }

  .philosophy #section04 {
        background: url(../../img/philosophy/top/img08.png) no-repeat center top/90% auto;
        min-height: 1px;
        padding: 63% 0 0;
        margin: 0;
  }

  .philosophy #section04 h4 {
        padding-top: 0;
  }
  .philosophy #section04 h4 img {
        height: 42px;
  }

  .philosophy #section04 p {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
  }

  .philosophy #section05 {
        background: url(../../img/philosophy/top/img10.png) no-repeat center top/90% auto;
        width: 100%;
        min-height: 1px;
        padding: 68% 0 0;
        margin: 0;
  }

  .philosophy #section05 h4 {
        padding-top: 0;
  }
  .philosophy #section05 h4 img {
        height: 28px;
  }

  .philosophy #section05 p {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
  }

  .philosophy #section06 {
        background: url(../../img/philosophy/top/img12.png) no-repeat center top/88% auto;
        min-height: 1px;
        padding: 74% 0 0;
        margin: 0;
  }

  .philosophy #section06 h4 {
        padding-top: 0;
  }

  .philosophy #section06 p {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
  }

  /*-------------------------------------
  
    原料への想い
  
  -------------------------------------*/
  .ingredient {
        margin-bottom: 0;
  }

  .ingredient #catImg h2 {
        width: 100%;
        margin: 0 0 30px 0;
        overflow: hidden;
  }
  .ingredient #catImg h2 img {
        width: auto;
        height: 43px;
  }

  /** 会社情報カテゴリー用コンテンツ幅**/
  .ingredient #content {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
  }

  .ingredient .conteInr {
        float: none;
        width: 100% !important;
        margin: 0 0 50px !important;
  }

  .ingredient h3 {
        margin-bottom: 25px;
  }
  .ingredient h3 img {
        width: auto;
        height: 18px;
  }

  .ingredient .kv {
        margin-bottom: 30px !important;
  }
  .ingredient .kv img {
        width: 100%;
        height: auto;
  }

  .ingredient h4 {
        font-size: 131%;
        margin-bottom: 10px;
  }

  .ingredient #section01,
  .ingredient #section02,
  .ingredient #section03,
  .ingredient #section04 {
        margin-bottom: 35px;
        padding: 0 10px;
  }
  .ingredient #section01 img,
  .ingredient #section02 img,
  .ingredient #section03 img,
  .ingredient #section04 img {
        width: 100%;
        height: auto;
  }

  .ingredient #section02 .floatL {
        display: block;
        float: none;
        width: 100%;
        margin: 15px 0 0;
  }

  .ingredient #section02 .floatR {
        display: block;
        float: none;
        width: 100%;
  }

  .ingredient #section03 img {
        margin-bottom: 12px;
  }

  .ingredient #section04 .floatL {
        display: block;
        float: none;
        width: 100%;
  }

  .ingredient #section04 .floatL .txt01 {
        margin: 0 0 20px 0;
  }

  .ingredient #section04 .floatR {
        display: block;
        float: none;
        width: 100%;
        margin: 15px 0 0;
  }

  /*-------------------------------------
  
    製法への想い
  
  -------------------------------------*/
  .method #catImg h2 {
        width: 100%;
        margin: 0 0 30px 0;
        overflow: hidden;
  }
  .method #catImg h2 img {
        width: auto;
        height: 43px;
  }

  /** 会社情報カテゴリー用コンテンツ幅**/
  .method #content {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
  }

  .method .conteInr {
        float: none;
        width: 100% !important;
        margin: 0 0 50px !important;
  }

  .method h3 {
        margin-bottom: 25px;
  }
  .method h3 img {
        width: auto;
        height: 18px;
  }

  .method .kv {
        margin-bottom: 30px !important;
  }
  .method .kv img {
        width: 100%;
        height: auto;
  }

  .method dl {
        width: 100%;
        float: none;
        padding: 0 10px;
        box-sizing: border-box;
        margin: 0 0 20px;
  }

  .method .dl01 {
        margin: 0 0 20px;
  }

  .method .dl03 {
        margin: 0 0 40px;
  }

  .method dl dt {
        font-size: 131%;
        margin-bottom: 6px;
  }
  .method dl dt span {
        display: block;
  }
  .method dl dt img {
        width: 75%;
        height: auto;
  }

  .method h4 {
        font-size: 131%;
  }

  .method #section02 {
        padding: 0 10px;
        margin: 0;
  }
  .method #section02 .img {
        overflow: hidden;
        margin-bottom: 15px;
  }
  .method #section02 .img img {
        width: 140%;
        height: auto;
  }
  .method #section02 .mb80 {
        margin-bottom: 0 !important;
  }

  /*-------------------------------------
  
    アロハシャツ
  
  -------------------------------------*/
  .aloha #catImg h2 {
        width: 100%;
        margin: 0 0 30px 0;
        overflow: hidden;
  }
  .aloha #catImg h2 img {
        width: auto;
        height: 43px;
  }

  /** 会社情報カテゴリー用コンテンツ幅**/
  .aloha #content {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
  }

  .aloha .conteInr {
        float: none;
        width: 100% !important;
        margin: 0 0 50px !important;
  }

  .aloha h3 {
        margin-bottom: 25px;
  }
  .aloha h3 img {
        width: auto;
        height: 20px;
  }

  .aloha .kv {
        margin-bottom: 30px !important;
  }
  .aloha .kv img {
        width: 100%;
        height: auto;
  }

  .aloha h4 {
        font-size: 131%;
  }

  .aloha #section01 {
        min-height: 1px;
        background: url(../../img/philosophy/aloha/img02.png) no-repeat center top/90% auto;
        margin: 40px 0 25px 0;
        padding: 45% 10px 0;
  }

  .aloha #section01 h4 {
        margin-top: 20px;
  }

  .aloha #section01 h4,
  .aloha #section01 p {
        width: 100%;
  }

  .aloha #section02 {
        margin: 0 0 50px 0;
        padding: 0 10px;
  }

  .aloha #section02 p img {
        width: 100%;
        height: auto;
        margin: 20px 0 0 0;
  }

  /*-------------------------------------
  
    海外との信頼関係
  
  -------------------------------------*/
  .overseas #catImg h2 {
        width: 100%;
        margin: 0 0 30px 0;
        overflow: hidden;
  }
  .overseas #catImg h2 img {
        width: auto;
        height: 43px;
  }

  /** 会社情報カテゴリー用コンテンツ幅**/
  .overseas #content {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
  }

  .overseas .conteInr {
        float: none;
        width: 100% !important;
        margin: 0 0 50px !important;
  }

  .overseas h3 {
        margin-bottom: 25px;
  }
  .overseas h3 img {
        width: auto;
        height: 19px;
  }

  .overseas .kv {
        margin-bottom: 30px !important;
  }
  .overseas .kv img {
        width: 100%;
        height: auto;
  }

  .overseas h4 {
        font-size: 131%;
        margin-bottom: 7px;
  }

  .overseas .conteInr #section01 {
        background: url(../../img/philosophy/overseas/img02.png) no-repeat center bottom;
        min-height: 1px;
        padding: 0 10px 145px;
        box-sizing: border-box;
  }

  .overseas .conteInr #section01 > * {
        width: 100%;
  }

  .overseas .conteInr #section02 {
        margin: 25px 0 25px 0;
        padding: 0 10px;
  }

  .overseas .conteInr #section03 {
        margin: 20px 0 20px 0;
        min-height: 1px;
        padding: 0 10px 145px;
        box-sizing: border-box;
        background: url(../../img/philosophy/overseas/img03.png) no-repeat center bottom;
  }

  .overseas .conteInr #section03 > * {
        width: 100%;
  }
}