@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype"); }

/* ==========================================================================
 　経営方針
   ========================================================================== */
#business-policy {
  /*スローガン*/ }
  #business-policy div[id^="cont"] {
    margin-bottom: 50px; }
  #business-policy #cont01 .slogan .logo {
    width: 65%;
    margin: 0 auto 30px; }
    #business-policy #cont01 .slogan .logo img {
      width: 100%; }
  #business-policy #cont01 .slogan .sub_copy {
    margin: 50px 0;
    padding: 0;
    font-size: 22px;
    font-size: 2.2rem;
    color: #2a2f8a;
    text-align: center;
    font-weight: 600; }
  #business-policy #cont01 .slogan .concept {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 40px 80px 0;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #FFF;
    border: solid 4px #92c708;
    box-sizing: border-box; }
    #business-policy #cont01 .slogan .concept:before {
      content: "";
      position: absolute;
      top: -48px;
      left: 50%;
      margin-left: -15px;
      border: 24px solid transparent;
      border-bottom: 24px solid #FFF;
      z-index: 2; }
    #business-policy #cont01 .slogan .concept:after {
      content: "";
      position: absolute;
      top: -58px;
      left: 50%;
      margin-left: -19px;
      border: 28px solid transparent;
      border-bottom: 28px solid #92c708;
      z-index: 1; }
    #business-policy #cont01 .slogan .concept p {
      margin: 10px 0;
      padding: 0;
      font-size: 24px;
      font-size: 2.4rem;
      color: #eb6843;
      text-align: center;
      font-weight: 600; }
      #business-policy #cont01 .slogan .concept p span {
        font-size: 42px;
        font-size: 4.2rem; }
  @media screen and (max-width: 767px) {
    #business-policy .intro {
      font-size: 14px;
      font-size: 1.4rem;
      text-align: center; }
    #business-policy #cont01 .slogan .logo {
      width: 100%;
      margin: 0 auto 20px; }
    #business-policy #cont01 .slogan .sub_copy {
      margin: 30px 0 50px;
      padding: 0;
      font-size: 16px;
      font-size: 1.6rem;
      color: #2a2f8a;
      text-align: center;
      font-weight: 600; }
    #business-policy #cont01 .slogan .concept {
      padding: 20px 20px 0; }
      #business-policy #cont01 .slogan .concept p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4; }
        #business-policy #cont01 .slogan .concept p span {
          font-size: 22px;
          font-size: 2.2rem; } }
  #business-policy h2.dl {
    color: #0fbedf;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .1rem; }
    #business-policy h2.dl span {
      font-size: 34px;
      font-size: 3.4rem;
      letter-spacing: .2rem; }
    @media screen and (max-width: 767px) {
      #business-policy h2.dl {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.8; } }
#business-policy #main .main-cnt .policy-img {
  position: relative; }
  #business-policy #main .main-cnt .policy-img h2 {
    position: absolute;
    top: 40%;
    right: 10%;
    font-size: 36px;
    font-size: 3.6rem;
    color: #000; }
    #business-policy #main .main-cnt .policy-img h2 span {
      display: block; }
      #business-policy #main .main-cnt .policy-img h2 span.small {
        font-size: 15px;
        font-size: 1.5rem; }

#business-policy #main .main-cnt .policy-list .policy:first-child {
  border-bottom: 1px solid #e6e6e6; }
  @media screen and (max-width: 767px) {
    #business-policy #main .main-cnt .policy-list .policy:first-child {
      width: 100%; } }
  #business-policy #main .main-cnt .policy-list .policy:first-child ul li {
    color: #000;
    font-size: 24px;
    font-size: 2.4rem; }

#business-policy #main .main-cnt .notes {
  font-size: 13px;
  font-size: 1.3rem; }

@media screen and (max-width: 767px) {
  #business-policy #main .main-cnt .policy-img {
    position: relative;
    width: auto; }
    #business-policy #main .main-cnt .policy-img h2 {
      position: absolute;
      top: auto;
      bottom: 2%;
      right: 0;
      left: 5%;
      margin: auto;
      font-size: 25px;
      font-size: 2.5rem;
      color: #000; }
      #business-policy #main .main-cnt .policy-img h2 span {
        display: block; }
        #business-policy #main .main-cnt .policy-img h2 span.small {
          font-size: 15px;
          font-size: 1.5rem; }
  #business-policy #main .main-cnt .policy-list .policy:first-child ul li {
    font-size: 20px;
    font-size: 2rem; } }

.img_w80 {
  width: 80%;
  margin: 20px auto; }

.img_w60 {
  width: 60%;
  margin: 20px auto; }
  @media screen and (max-width: 767px) {
    .img_w60 {
      width: 90%; } }