/*------------------------------------------------------------
sp
------------------------------------------------------------*/
div#p_bg {
  background-image: url(../info/images/bg_info.png);
  width: 100%;
  height: 190px;
  margin-bottom: 20px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  position: relative; }
  div#p_bg h2 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -9px;
    text-align: center; }
  div#p_bg div {
    position: absolute;
    bottom: 0;
    width: 100%; }
    div#p_bg div img {
      width: 100%;
      height: auto; }
  div#p_bg h2 img {
    width: auto;
    height: 21px; }

/*------------------------------------------------------------
p_nav
------------------------------------------------------------*/
#p_nav {
  width: 93.75%;
  margin: 0 auto;
  margin-bottom: 20px;
  overflow: hidden; }
  #p_nav li {
    float: left;
    font-size: 1.2rem; }
    #p_nav li a {
      font-size: 1.2rem;
      text-decoration: none;
      padding-right: 18px;
      margin-right: 10px;
      background: url(../common/images/p_nav_link.png) no-repeat right center;
      background-size: 8px 10px; }

/*------------------------------------------------------------
content_inner
------------------------------------------------------------*/
#content_inner {
  width: 93.75%;
  margin: 0 auto 30px; }
  #content_inner h3 {
    width: 100%;
    font-size: 2.0rem;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background: url(../common/images/blog_h_bg.png) no-repeat center bottom;
    background-size: 100% 3px;
    color: #333; }
  #content_inner div {
    width: 100%;
    margin-bottom: 20px; }
    #content_inner div img {
      width: 100%;
      height: auto; }
  #content_inner p {
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 15px; }
  #content_inner ul {
    width: 100%;
    margin-bottom: 20px; }
    #content_inner ul li {
      font-size: 1.2rem;
      color: #333;
      margin-bottom: 10px; }
  #content_inner ul:nth-of-type(2) {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px; }
    #content_inner ul:nth-of-type(2) li {
      width: 100%;
      float: inherit;
      text-align: center; }
      #content_inner ul:nth-of-type(2) li img {
        height: auto; }
  #content_inner .p_link {
    width: 100%;
    text-align: right;
    margin-bottom: 0; }
    #content_inner .p_link a {
      font-size: 1.2rem;
      text-decoration: none;
      padding: 20px 0 20px 18px;
      background: url(../info/images/content_link.png) no-repeat left center;
      background-size: 12px;
      color: #0e82ae; }
  #content_inner section {
    margin-top: 30px; }
    #content_inner section h4 {
      font-size: 1.4rem;
      color: #333;
      padding-left: 8px;
      border-left: 3px solid #e8e5d8;
      margin-bottom: 20px;
      font-weight: bold; }
    #content_inner section dl {
      width: 100%;
      overflow: hidden;
      margin-bottom: 20px; }
      #content_inner section dl dt {
        width: auto;
        text-align: center;
        margin-bottom: 10px; }
        #content_inner section dl dt img {
          width: 160px; }
      #content_inner section dl dd {
        width: auto; }
        #content_inner section dl dd h5 {
          font-size: 1.4rem;
          color: #e95597;
          border-bottom: 1px solid #edcdd3;
          margin-bottom: 10px; }
        #content_inner section dl dd ul li {
          font-size: 1.2rem;
          color: #333;
          padding: 0 10px 0 15px;
          background: url(../common/images/list_info.gif) no-repeat;
          background-position: left 5px; }
        #content_inner section dl dd ul .d_pos {
          background-position: left 5px; }
  #content_inner section:nth-of-type(2) dl:nth-of-type(3) {
    margin-bottom: 0; }
    #content_inner section:nth-of-type(2) dl:nth-of-type(3) dd ul {
      margin-bottom: 0; }
    #content_inner section:nth-of-type(2) dl:nth-of-type(3) dd li:nth-of-type(2) {
      margin-bottom: 0; }

@media screen and (min-width: 960px) {
  /*------------------------------------------------------------
  page_top_bg
  ------------------------------------------------------------*/
  div#p_bg {
    background-image: url(../info/images/bg_info.png);
    width: 100%;
    height: 190px;
    margin-bottom: 20px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative; }
    div#p_bg h2 {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: 0 auto;
      margin-top: -17px;
      text-align: center; }
    div#p_bg div {
      position: absolute;
      bottom: 0px; }
      div#p_bg div img {
        width: 100%;
        height: auto; }
    div#p_bg h2 img {
      width: auto;
      height: 42px; }

  /*------------------------------------------------------------
  pc
  ------------------------------------------------------------*/
  #main_contents {
    float: right;
    width: 610px; }

  /*------------------------------------------------------------
  p_nav
  ------------------------------------------------------------*/
  #p_nav {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    overflow: hidden; }
    #p_nav li {
      float: left;
      font-size: 1.2rem; }
      #p_nav li a {
        font-size: 1.2rem;
        text-decoration: none;
        padding-right: 18px;
        margin-right: 10px;
        background: url(../common/images/p_nav_link.png) no-repeat right center;
        background-size: 8px 10px; }

  /*------------------------------------------------------------
  content_inner
  ------------------------------------------------------------*/
  #content_inner {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0; }
    #content_inner h3 {
      width: 100%;
      font-size: 2.4rem;
      font-weight: bold;
      padding-bottom: 10px;
      margin-bottom: 30px;
      background: url(../common/images/blog_h_bg.png) no-repeat center bottom;
      background-size: 100% 3px; }
    #content_inner div {
      width: 100%; }
      #content_inner div img {
        width: 100%;
        height: auto; }
    #content_inner p {
      font-size: 1.4rem;
      color: #333;
      margin-bottom: 30px; }
    #content_inner ul {
      width: 100%;
      margin-bottom: 40px; }
      #content_inner ul li {
        font-size: 1.4rem;
        color: #333;
        margin-bottom: 20px; }
      #content_inner ul li:nth-of-type(3) {
        margin-bottom: 0; }
    #content_inner ul:nth-of-type(2) {
      width: 100%;
      overflow: hidden;
      margin-bottom: 20px; }
      #content_inner ul:nth-of-type(2) li {
        width: 300px;
        float: left;
        overflow: hidden; }
        #content_inner ul:nth-of-type(2) li img {
          width: 100%;
          height: auto; }
      #content_inner ul:nth-of-type(2) li:nth-of-type(2) {
        float: right; }
    #content_inner .p_link {
      width: 100%;
      text-align: right;
      margin-bottom: 0; }
      #content_inner .p_link a {
        font-size: 1.6rem;
        text-decoration: none;
        padding: 20px 0 20px 30px;
        background: url(../info/images/content_link.png) no-repeat left center;
        background-size: 20px;
        color: #0e82ae; }
    #content_inner section {
      margin-top: 60px;
      width: 100%;
      background: url(../info/images/level_bg.png) no-repeat center top; }
      #content_inner section h4 {
        font-size: 1.6rem;
        color: #333;
        padding-left: 50px;
        padding-top: 14px;
        border-left: none;
        margin-bottom: 30px;
        font-weight: bold; }
      #content_inner section dl {
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px; }
        #content_inner section dl dt {
          width: 160px;
          text-align: right;
          margin-bottom: 0px;
          float: left; }
          #content_inner section dl dt img {
            width: 160px; }
        #content_inner section dl dd {
          width: 430px;
          float: right; }
          #content_inner section dl dd h5 {
            font-size: 1.8rem;
            font-weight: bold;
            color: #e95597;
            border-bottom: 1px solid #edcdd3;
            margin-bottom: 10px; }
          #content_inner section dl dd ul {
            margin-bottom: 0; }
            #content_inner section dl dd ul li {
              font-size: 1.4rem;
              color: #333;
              padding: 0 10px 0 15px;
              background: url(../common/images/list_info.gif) no-repeat;
              background-position: left 5px; }
            #content_inner section dl dd ul .d_pos {
              background-position: left 5px; }
      #content_inner section dl:nth-of-type(2) {
        margin-bottom: 0; }
    #content_inner section:nth-of-type(2) {
      margin-top: 50px; }
      #content_inner section:nth-of-type(2) dl:nth-of-type(3) {
        margin-bottom: 0px; }
        #content_inner section:nth-of-type(2) dl:nth-of-type(3) dd ul {
          margin-bottom: 0; }
        #content_inner section:nth-of-type(2) dl:nth-of-type(3) dd li:nth-of-type(2) {
          margin-bottom: 10px; }
      #content_inner section:nth-of-type(2) dl:nth-of-type(2) {
        margin-bottom: 30px; }
      #content_inner section:nth-of-type(2) dl:nth-of-type(1) {
        margin-bottom: 0px; }
        #content_inner section:nth-of-type(2) dl:nth-of-type(1) dd ul li:nth-of-type(3) {
          margin-bottom: 10px; } }

/*# sourceMappingURL=info_about.css.map */