@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.mt {
  margin-top: 10px; }

.mb {
  margin-bottom: 10px; }

.span {
  font-size: 1.3rem;
  border-radius: 50px;
  padding: 5px 10px;
  background: #fff; }
  @media (min-width: 769px) {
    .span {
      font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
  @media (min-width: 1200px) {
    .span {
      font-size: 1.4rem; } }

.w800 {
  padding: 0; }

/*メインイメージ*/
#study_title {
  margin: 40% 0 10%; }
  #study_title h2 {
    font-size: 2.8rem;
    text-align: center; }
    @media (min-width: 769px) {
      #study_title h2 {
        font-size: calc( 2.8rem + ( 1vw - 7.69px ) * 1.6241299304 ); } }
    @media (min-width: 1200px) {
      #study_title h2 {
        font-size: 3.5rem; } }

/*制作事例*/
#work_detail .wrap_detail_wrap .tag {
  font-size: 1.2rem;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 10px; }
  @media (min-width: 769px) {
    #work_detail .wrap_detail_wrap .tag {
      font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
  @media (min-width: 1200px) {
    #work_detail .wrap_detail_wrap .tag {
      font-size: 1.4rem; } }
  #work_detail .wrap_detail_wrap .tag.upright {
    background: #FFA200; }
  #work_detail .wrap_detail_wrap .tag.grand {
    background: #85CBBF; }
#work_detail .wrap_detail_wrap .company_name {
  font-size: 1.8rem;
  margin-bottom: 5px; }
  @media (min-width: 769px) {
    #work_detail .wrap_detail_wrap .company_name {
      font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.6241299304 ); } }
  @media (min-width: 1200px) {
    #work_detail .wrap_detail_wrap .company_name {
      font-size: 2.5rem; } }
#work_detail .wrap_detail_wrap .slide {
  margin-bottom: 10.4031209363%; }
  @media screen and (max-width: 769px) {
    #work_detail .wrap_detail_wrap .slide {
      margin-bottom: 40px; } }
  @media screen and (min-width: 769px) {
    #work_detail .wrap_detail_wrap .slide {
      margin-bottom: 80px; } }
  #work_detail .wrap_detail_wrap .slide .item {
    margin-bottom: 10px; }
    #work_detail .wrap_detail_wrap .slide .item .slick-arrow {
      position: absolute;
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      line-height: 30px;
      text-align: center;
      z-index: 1;
      cursor: pointer; }
      #work_detail .wrap_detail_wrap .slide .item .slick-arrow.prev {
        border-top: solid 1px #fff;
        border-left: solid 1px #fff;
        transform: rotate(315deg) translateY(-50%);
        left: 12px; }
      #work_detail .wrap_detail_wrap .slide .item .slick-arrow.next {
        border-top: solid 1px #fff;
        border-right: solid 1px #fff;
        transform: rotate(45deg) translateY(-50%);
        right: 12px; }
      #work_detail .wrap_detail_wrap .slide .item .slick-arrow:hover {
        opacity: 0.8; }
  #work_detail .wrap_detail_wrap .slide .thumb .slick-track {
    width: 100% !important; }
    #work_detail .wrap_detail_wrap .slide .thumb .slick-track .slick-slide {
      width: calc(20% - 8px) !important;
      overflow: hidden;
      display: block;
      box-sizing: border-box;
      position: relative;
      margin: 0 10px 10px 0;
      transition: .3s;
      cursor: pointer;
      background: #f2f2f2; }
      #work_detail .wrap_detail_wrap .slide .thumb .slick-track .slick-slide img {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: 100%;
        max-width: none; }
      #work_detail .wrap_detail_wrap .slide .thumb .slick-track .slick-slide:hover {
        opacity: 0.8; }
      #work_detail .wrap_detail_wrap .slide .thumb .slick-track .slick-slide:before {
        content: '';
        display: block;
        padding-top: 100%; }
      #work_detail .wrap_detail_wrap .slide .thumb .slick-track .slick-slide:nth-child(5n) {
        margin-right: 0; }
#work_detail .wrap_detail_wrap .contents_wrap {
  margin-bottom: 15.6046814044%; }
  @media screen and (max-width: 769px) {
    #work_detail .wrap_detail_wrap .contents_wrap {
      margin-bottom: 60px; } }
  @media screen and (min-width: 769px) {
    #work_detail .wrap_detail_wrap .contents_wrap {
      margin-bottom: 120px; } }
  #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .left_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: solid 1px #604C3F;
    margin-bottom: 8%;
    padding-bottom: 7%; }
    #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .left_wrap .detail_wrap {
      flex: 0 1 48%;
      width: 48%;
      max-width: 48%; }
      #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .left_wrap .detail_wrap .contents_txt {
        font-size: 1.3rem;
        padding-left: 10px; }
        @media (min-width: 769px) {
          #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .left_wrap .detail_wrap .contents_txt {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
        @media (min-width: 1200px) {
          #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .left_wrap .detail_wrap .contents_txt {
            font-size: 1.4rem; } }
  #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .right_wrap .voice_wrap .voice_title {
    font-size: 1.6rem;
    margin-bottom: 5px; }
    @media (min-width: 769px) {
      #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .right_wrap .voice_wrap .voice_title {
        font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.9280742459 ); } }
    @media (min-width: 1200px) {
      #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .right_wrap .voice_wrap .voice_title {
        font-size: 2rem; } }
  #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .right_wrap .voice_wrap .voice_txt {
    font-size: 1.3rem;
    text-align: justify; }
    @media (min-width: 769px) {
      #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .right_wrap .voice_wrap .voice_txt {
        font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
    @media (min-width: 1200px) {
      #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .right_wrap .voice_wrap .voice_txt {
        font-size: 1.4rem; } }
#work_detail .back_btn a {
  font-size: 1.3rem;
  display: block;
  width: 30%;
  max-width: 100px;
  position: relative;
  text-align: center;
  padding-left: 10px;
  margin: 0 auto; }
  @media (min-width: 769px) {
    #work_detail .back_btn a {
      font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
  @media (min-width: 1200px) {
    #work_detail .back_btn a {
      font-size: 1.4rem; } }
  #work_detail .back_btn a:before {
    position: absolute;
    content: "";
    border-top: solid 1px #604C3F;
    border-left: solid 1px #604C3F;
    width: 5px;
    height: 5px;
    top: 30%;
    left: 0;
    transform: rotate(315deg); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .mt {
    margin-top: 20px; }
    .mt.t_10 {
      margin-top: 10px; }

  .mb {
    margin-bottom: 20px; }
    .mb.b_10 {
      margin-bottom: 10px; }

  .span {
    padding: 7px 15px; }

  /*メインイメージ*/
  #study_title {
    margin: 15% 0 5%; }

  /*制作事例*/
  #work_detail .wrap_detail_wrap .tag {
    padding: 7px 15px; }
  #work_detail .wrap_detail_wrap .company_name {
    margin-bottom: 10px; }
  #work_detail .wrap_detail_wrap .slide {
    margin-bottom: 5%; } }
  @media screen and (min-width: 769px) and (max-width: 769px) {
    #work_detail .wrap_detail_wrap .slide {
      margin-bottom: 30px; } }
  @media screen and (min-width: 769px) and (min-width: 1200px) {
    #work_detail .wrap_detail_wrap .slide {
      margin-bottom: 60px; } }
@media screen and (min-width: 769px) {
    #work_detail .wrap_detail_wrap .slide .item {
      margin-bottom: 10px; }
      #work_detail .wrap_detail_wrap .slide .item .slick-arrow {
        width: 40px;
        height: 40px; }
        #work_detail .wrap_detail_wrap .slide .item .slick-arrow.prev {
          left: 23px; }
        #work_detail .wrap_detail_wrap .slide .item .slick-arrow.next {
          right: 23px; }
    #work_detail .wrap_detail_wrap .slide .thumb .slick-track {
      width: 100% !important; }
      #work_detail .wrap_detail_wrap .slide .thumb .slick-track .slick-slide {
        width: calc(12.4% - 8px) !important; }
        #work_detail .wrap_detail_wrap .slide .thumb .slick-track .slick-slide:nth-child(5n) {
          margin-right: 10px; }
        #work_detail .wrap_detail_wrap .slide .thumb .slick-track .slick-slide:nth-child(8n) {
          margin-right: 0; }
        #work_detail .wrap_detail_wrap .slide .thumb .slick-track .slick-slide:last-child {
          margin-right: 0; }
  #work_detail .wrap_detail_wrap .contents_wrap {
    margin-bottom: 10%; } }
  @media screen and (min-width: 769px) and (max-width: 769px) {
    #work_detail .wrap_detail_wrap .contents_wrap {
      margin-bottom: 60px; } }
  @media screen and (min-width: 769px) and (min-width: 1200px) {
    #work_detail .wrap_detail_wrap .contents_wrap {
      margin-bottom: 120px; } }
@media screen and (min-width: 769px) {
    #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .left_wrap {
        flex: 0 1 20%;
        width: 20%;
        max-width: 20%;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-right: 10%;
        border-bottom: none;
        border-right: solid 1px #604C3F; }
        #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .left_wrap .detail_wrap {
          flex: 0 1 100%;
          width: 100%;
          max-width: 100%;
          margin-bottom: 20px; }
          #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .left_wrap .detail_wrap .contents_txt {
            padding-left: 15px; }
      #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .right_wrap {
        flex: 0 1 65%;
        width: 65%;
        max-width: 65%; }
        #work_detail .wrap_detail_wrap .contents_wrap .contentx_detail .right_wrap .voice_wrap {
          padding-left: 12px;
          margin-bottom: 7%; } }
/*------------------------------
		980px以上
------------------------------*/
/*------------------------------
		1280px以上
------------------------------*/

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