#yurikohukunaga .main-sect {
  position: relative;
  padding: 592px 0 0; }
  #yurikohukunaga .main-sect .introduce {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1400px;
    height: 512px;
    margin: 0 0 0 -700px;
    padding: 0 0 50px;
    overflow: hidden; }
    #yurikohukunaga .main-sect .introduce .text {
      margin-bottom: 10px; }
    #yurikohukunaga .main-sect .introduce:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 52.1%;
      height: 592px;
      background: #f7f4f0;
      background: linear-gradient(to right, #f7f4f0 0%, #fffcfa 80%, #fff 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f7f4f0), color-stop(80%, #fffcfa), color-stop(100%, #fff));
      background: -webkit-linear-gradient(left, #f7f4f0 0%, #fffcfa 80%, #fff 100%);
      background: -o-linear-gradient(left, #f7f4f0 0%, #fffcfa 80%, #fff 100%);
      background: -ms-linear-gradient(left, #f7f4f0 0%, #fffcfa 80%, #fff 100%);
      z-index: 2; }
    #yurikohukunaga .main-sect .introduce .contents {
      position: relative;
      padding: 60px 0 0;
      z-index: 3; }
      #yurikohukunaga .main-sect .introduce .contents:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -60px;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: #90d3dc transparent transparent #90d3dc;
        border-width: 130px; }
      #yurikohukunaga .main-sect .introduce .contents header, #yurikohukunaga .main-sect .introduce .contents > p {
        position: relative;
        width: 524px; }
      #yurikohukunaga .main-sect .introduce .contents header {
        margin: 0 0 42px; }
        #yurikohukunaga .main-sect .introduce .contents header h2 {
          color: #000;
          font-size: 285.714285714%;
          font-weight: normal;
          line-height: 1; }
          #yurikohukunaga .main-sect .introduce .contents header h2 span {
            margin: 0 0 0 14px;
            font-size: 37.5%; }
        #yurikohukunaga .main-sect .introduce .contents header p {
          margin: 10px 0 0;
          color: #9b9b9b;
          font-size: 85.7142857143%; }
      #yurikohukunaga .main-sect .introduce .contents .lead {
        margin: 0 0 21px;
        color: #0f93a5;
        font-size: 178.571428571%;
        line-height: 1.2; }
      #yurikohukunaga .main-sect .introduce .contents .text {
        color: #363636;
        line-height: 1.5; }
        #yurikohukunaga .main-sect .introduce .contents .text strong {
          font-size: 114.285714286%;
          font-weight: normal; }
    #yurikohukunaga .main-sect .introduce figure {
      position: absolute;
      bottom: 0;
      right: -130px;
      width: 750px;
      z-index: 1; }
    @media screen and (min-width: 1400px) {
      #yurikohukunaga .main-sect .introduce {
        left: 0;
        width: 100%;
        margin: 0; } }
  #yurikohukunaga .main-sect .sub-sect {
    margin-top: 80px; }
    #yurikohukunaga .main-sect .sub-sect .sect-ttl01 {
      margin: 0 0 30px; }
    #yurikohukunaga .main-sect .sub-sect.history:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 475px;
      background: url(../img/img_history.jpg) no-repeat center top;
      background-size: 100%; }
    #yurikohukunaga .main-sect .sub-sect.history .archive {
      float: right;
      width: 442px;
      margin: 0 0 35px; }
      #yurikohukunaga .main-sect .sub-sect.history .archive dt {
        width: 72px; }
      #yurikohukunaga .main-sect .sub-sect.history .archive dd {
        width: 370px; }
    #yurikohukunaga .main-sect .sub-sect.history figure {
      float: left;
      width: 465px;
      margin: 0 0 35px; }
    #yurikohukunaga .main-sect .sub-sect.results .cont {
      float: right;
      width: 440px;
      margin: 0; }
      #yurikohukunaga .main-sect .sub-sect.results .cont .sect-ttl03 {
        margin: 21px 0 15px; }
        #yurikohukunaga .main-sect .sub-sect.results .cont .sect-ttl03:first-child {
          margin-top: 0; }
      #yurikohukunaga .main-sect .sub-sect.results .cont dl.staff dt {
        margin: 11px 0 0;
        color: #0f93a5;
        font-weight: bold;
        line-height: 1.5; }
        #yurikohukunaga .main-sect .sub-sect.results .cont dl.staff dt:first-child {
          margin: 0; }
      #yurikohukunaga .main-sect .sub-sect.results .cont dl.staff dd {
        color: #363636;
        line-height: 1.5; }
      #yurikohukunaga .main-sect .sub-sect.results .cont dl.archive dt {
        width: 144px; }
      #yurikohukunaga .main-sect .sub-sect.results .cont dl.archive dd {
        width: 296px; }
    #yurikohukunaga .main-sect .sub-sect.results .sect-ttl01 + .cont {
      float: left; }
      #yurikohukunaga .main-sect .sub-sect.results .sect-ttl01 + .cont dl.archive dt {
        width: 155px; }
      #yurikohukunaga .main-sect .sub-sect.results .sect-ttl01 + .cont dl.archive dd {
        width: 285px; }
    #yurikohukunaga .main-sect .sub-sect.results .book {
      clear: both;
      padding: 41px 41px 37px;
      background: #fff;
      background: rgba(255, 255, 255, 0.92);
      overflow: hidden; }
      #yurikohukunaga .main-sect .sub-sect.results .book header, #yurikohukunaga .main-sect .sub-sect.results .book > p {
        float: left;
        width: 654px; }
      #yurikohukunaga .main-sect .sub-sect.results .book header {
        margin: 0 0 20px; }
        #yurikohukunaga .main-sect .sub-sect.results .book header h4 {
          color: #0f93a5;
          font-size: 157.142857143%;
          font-weight: normal;
          line-height: 1.182; }
          #yurikohukunaga .main-sect .sub-sect.results .book header h4 span {
            display: block;
            width: 258px;
            margin: 0 0 17px;
            padding: 10px 0;
            background: #51bac9;
            color: #fff;
            font-size: 104.545454545%;
            font-weight: normal;
            line-height: 1;
            text-align: center; }
        #yurikohukunaga .main-sect .sub-sect.results .book header p {
          color: #0f93a5;
          font-size: 114.285714286%;
          line-height: 1.625; }
      #yurikohukunaga .main-sect .sub-sect.results .book figure {
        float: right;
        width: 143px; }
        #yurikohukunaga .main-sect .sub-sect.results .book figure img {
          width: 100%;
          height: auto; }
      #yurikohukunaga .main-sect .sub-sect.results .book > p {
        color: #363636;
        line-height: 1.5; }
    #yurikohukunaga .main-sect .sub-sect.team {
      margin: 80px 40px 0; }
      #yurikohukunaga .main-sect .sub-sect.team figure {
        margin: 0 0 31px;
        text-align: center; }
        #yurikohukunaga .main-sect .sub-sect.team figure img {
          width: 100%;
          max-width: 1320px;
          height: auto; }
      #yurikohukunaga .main-sect .sub-sect.team .contents {
        font-size: 0; }
        #yurikohukunaga .main-sect .sub-sect.team .contents dl {
          display: inline-block;
          width: 474px;
          font-size: 14px;
          vertical-align: middle; }
          #yurikohukunaga .main-sect .sub-sect.team .contents dl dt {
            margin: 0 0 6px;
            color: #0f93a5;
            font-size: 178.571428571%;
            font-weight: normal;
            line-height: 1.6; }
          #yurikohukunaga .main-sect .sub-sect.team .contents dl dd {
            color: #363636;
            line-height: 1.5; }
        #yurikohukunaga .main-sect .sub-sect.team .contents a {
          display: inline-block;
          width: 416px;
          margin: 0 0 0 88px;
          padding: 10px 0;
          border: 1px solid #bebebe;
          font-size: 14px;
          text-align: center;
          vertical-align: middle; }
          #yurikohukunaga .main-sect .sub-sect.team .contents a:after {
            display: inline-block;
            margin: 0 -124px 0 88px;
            color: #bcbcbc;
            font-size: 35px;
            vertical-align: middle; }
          #yurikohukunaga .main-sect .sub-sect.team .contents a span {
            display: inline-block;
            color: #363636;
            font-size: 128.571428571%;
            vertical-align: middle; }

@media screen and (max-width: 767px) {
  #yurikohukunaga .main-sect {
    padding: 0; }
    #yurikohukunaga .main-sect .introduce {
      position: relative;
      top: auto;
      left: auto;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0; }
      #yurikohukunaga .main-sect .introduce:after {
        content: "";
        display: none; }
      #yurikohukunaga .main-sect .introduce .contents {
        position: static;
        padding: 20px 0 0; }
        #yurikohukunaga .main-sect .introduce .contents:before {
          left: 0;
          border-width: 65px; }
        #yurikohukunaga .main-sect .introduce .contents header, #yurikohukunaga .main-sect .introduce .contents > p {
          width: auto; }
        #yurikohukunaga .main-sect .introduce .contents header {
          margin: 0 0 19px; }
          #yurikohukunaga .main-sect .introduce .contents header h2 {
            font-size: 171.428571429%; }
            #yurikohukunaga .main-sect .introduce .contents header h2 span {
              margin: 0 0 0 6px;
              font-size: 48.275862069%; }
          #yurikohukunaga .main-sect .introduce .contents header p {
            margin: 6px 0 0;
            font-size: 85.7142857143%; }
        #yurikohukunaga .main-sect .introduce .contents .lead {
          margin: 0 0 16px;
          font-size: 128.571428571%; }
        #yurikohukunaga .main-sect .introduce .contents .text {
          margin: 0 0 15px; }
          #yurikohukunaga .main-sect .introduce .contents .text strong {
            font-size: 100%; }
      #yurikohukunaga .main-sect .introduce figure {
        position: inherit;
        width: 60%;
        margin: -30px auto 0;
        right: inherit;
        bottom: inherit; }
    #yurikohukunaga .main-sect .sub-sect {
      margin-top: 41px; }
      #yurikohukunaga .main-sect .sub-sect .sect-ttl01 {
        margin: 0 0 12px; }
      #yurikohukunaga .main-sect .sub-sect.history:after {
        content: "";
        display: none; }
      #yurikohukunaga .main-sect .sub-sect.history .archive {
        float: none;
        width: auto;
        margin: 0 0 17px; }
        #yurikohukunaga .main-sect .sub-sect.history .archive dt {
          width: 24%; }
        #yurikohukunaga .main-sect .sub-sect.history .archive dd {
          width: 76%; }
      #yurikohukunaga .main-sect .sub-sect.history figure {
        float: none;
        width: auto;
        height: 265px;
        margin: 0;
        overflow: hidden; }
      #yurikohukunaga .main-sect .sub-sect.results {
        padding: 0; }
        #yurikohukunaga .main-sect .sub-sect.results .cont {
          float: none;
          width: auto;
          margin: 0 0 20px; }
          #yurikohukunaga .main-sect .sub-sect.results .cont .sect-ttl03 {
            margin: 14px 0; }
            #yurikohukunaga .main-sect .sub-sect.results .cont .sect-ttl03:first-child {
              margin: 14px 0; }
          #yurikohukunaga .main-sect .sub-sect.results .cont dl.archive dt {
            width: 34%; }
          #yurikohukunaga .main-sect .sub-sect.results .cont dl.archive dd {
            width: 66%; }
        #yurikohukunaga .main-sect .sub-sect.results .sect-ttl01 + .cont {
          float: none;
          margin: 0; }
          #yurikohukunaga .main-sect .sub-sect.results .sect-ttl01 + .cont dl.archive dt {
            width: 34%; }
          #yurikohukunaga .main-sect .sub-sect.results .sect-ttl01 + .cont dl.archive dd {
            width: 66%; }
        #yurikohukunaga .main-sect .sub-sect.results .book {
          padding: 0;
          line-height: 1.143;
          background: none; }
          #yurikohukunaga .main-sect .sub-sect.results .book header, #yurikohukunaga .main-sect .sub-sect.results .book > p {
            float: none;
            width: auto; }
          #yurikohukunaga .main-sect .sub-sect.results .book header {
            margin: 0 0 9px; }
            #yurikohukunaga .main-sect .sub-sect.results .book header h4 {
              font-size: 100%;
              line-height: 1.154; }
              #yurikohukunaga .main-sect .sub-sect.results .book header h4 span {
                width: auto;
                margin: 0 0 7px;
                padding: 6px 0;
                font-size: 100%; }
            #yurikohukunaga .main-sect .sub-sect.results .book header p {
              font-size: 85.7142857143%;
              line-height: 1.5; }
          #yurikohukunaga .main-sect .sub-sect.results .book figure {
            float: right;
            width: 72px;
            margin: 0 23px 0 30px; }
          #yurikohukunaga .main-sect .sub-sect.results .book > p {
            display: inline;
            margin: 0 23px 0 0; }
      #yurikohukunaga .main-sect .sub-sect.team {
        margin: 41px 0 0; }
        #yurikohukunaga .main-sect .sub-sect.team figure {
          margin: 0 0 16px; }
        #yurikohukunaga .main-sect .sub-sect.team .contents dl {
          display: block;
          width: auto;
          font-size: 14px;
          vertical-align: middle; }
          #yurikohukunaga .main-sect .sub-sect.team .contents dl dt {
            font-size: 128.571428571%; }
        #yurikohukunaga .main-sect .sub-sect.team .contents a {
          display: block;
          width: auto;
          margin: 20px 0 0;
          padding: 6px 0;
          font-size: 14px; }
          #yurikohukunaga .main-sect .sub-sect.team .contents a:after {
            margin: 0 -62px 0 44px;
            font-size: 26px; }
          #yurikohukunaga .main-sect .sub-sect.team .contents a span {
            font-size: 100%; } }

.box-book .box-left {
  width: 67%;
  float: left; }
  .box-book .box-left h4 {
    color: #0f93a5;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 107.692307692%; }
  .box-book .box-left .sub-ttl {
    margin-bottom: 10px;
    font-weight: bold; }

.box-book .box-right {
  float: right;
  width: 26%; }
  .box-book .box-right img {
    width: 100%;
    height: auto; }

.img-bg img {
  width: 100%;
  height: auto;
  margin-top: -170px;
  position: relative;
  z-index: -10; }

@media screen and (max-width: 767px) {
  .img-bg img {
    margin-top: -20px; }
  .box-book .box-left {
    width: 100%;
    float: none; }
  .box-book .box-right {
    width: 35%;
    float: none;
    margin: 10px auto 0; } }