@media only screen and (max-width: 1271px) {
  /* top
  =================================================================== */
  .top__section .thum__text {
    margin-left: 28px; }
  .top__section .loop {
    right: 28px; } }
@media only screen and (max-width: 1028px) {
  /* common
  =================================================================== */
  .contentsSection {
    width: calc(100% - 56px); }

  .thum__category {
    font-size: 11px; }

  .contents__list {
    margin-right: -28px; }
    .contents__list li {
      margin-right: 28px; }
      .contents__list li dl .thum__name {
        font-size: 13px; }
      .contents__list li dl .thum__title {
        font-size: 12px;
        line-height: 1.6; }

  .col__1 ul li {
    width: calc(100% - 28px); }

  .col__2 ul li {
    width: calc(50% - 28px); }

  .col__3 ul li {
    width: calc(33.3333% - 28px); }

  .col__4 ul li {
    width: calc(25% - 28px); }

  .col__5 ul li {
    width: calc(20% - 28px); }

  /* detail common
  =================================================================== */
  .detail__container {
    margin-bottom: 60px; }
    .detail__container .detail__title {
      font-size: 22px;
      margin: 0 auto 28px;
	   /* 180606 追加分 */
	  font-weight: normal; }
      .detail__container .detail__title span {
        font-size: 13px; }
    .detail__container .wideSection {
      margin-bottom: 60px; }
    .detail__container .detail__lead {
      font-size: 15px; }
    .detail__container .contentsSection, .detail__container .smallSection {
      margin-bottom: 51px; }
    .detail__container .smallSection:last-of-type {
      margin-bottom: 35px; }
    .detail__container h2, .detail__container h3, .detail__container h4 {
      font-size: 19px;
      margin-bottom: 8px; }
      .detail__container h2 span, .detail__container h3 span, .detail__container h4 span {
        margin-bottom: 51px; }
    .detail__container .section__image {
      margin-right: -28px;
      margin-top: 13px;
      margin-bottom: 28px; }
      .detail__container .section__image li {
        margin-right: 28px;
        width: calc(50% - 28px); }
    .detail__container dl {
      margin-bottom: 2em; }
      .detail__container dl dt {
        font-size: 16px;
        margin-bottom: 2px; }

  /* footer
  =================================================================== */
  footer {
    padding: 32px 0 44px; }
    footer .footer__top {
      position: relative;
      top: auto;
      margin-bottom: 20px; }
    footer .footer__nav {
      margin-left: 0;
      width: 342px; }
      footer .footer__nav > ul > li {
        margin-right: 25px; }
        footer .footer__nav > ul > li ul {
          margin-top: 12px; }
          footer .footer__nav > ul > li ul li {
            margin-right: 10px;
            margin-bottom: 10px; }
    footer .footer__link {
      top: 70px;
      right: auto;
      left: 380px; }
      footer .footer__link li {
        height: 12px; } /*11px*/
        footer .footer__link li a {
          padding-right: 13px;
          background-size: 5px auto; }
    footer .page_top {
      top: auto;
      bottom: 22px; }
    footer .copyright {
      bottom: auto;
      left: auto;
      right: 0;
      top: 32px; }
  footer ul.container_links {
      float:right;
	  margin-bottom:20px;
	  text-align:right;
	  font-size:10px;
	  display:initial;
	  table-layout:initial;
	  width:initial;
	  padding-bottom:initial; }
  footer ul.container_links li {
    display:initial;
    vertical-align:initial;
    border-left:initial; }

  footer ul.container_links li:first-child {
    border:initial;
	padding-right:initial;   }  

  footer ul.container_links li a {
    text-decoration:initial; }
	  
	  

  /* top
  =================================================================== */
  .top__section .thum__text .thum__name {
    font-size: 14px; }

  .news__section ul li dt {
    font-size: 13px; }
  .news__section ul li dd {
    font-size: 16px; }

  /* About us - Offices
  =================================================================== */
  .offices__contents {
    margin-bottom: 64px; }
    .offices__contents .offices__main {
      margin-bottom: 26px; }
    .offices__contents dl {
      margin-bottom: 26px; }
      .offices__contents dl dt {
        font-size: 18px; }
      .offices__contents dl dd {
        font-size: 14px; }
    .offices__contents .offices__photo {
      margin-right: -28px; }
      .offices__contents .offices__photo li {
        width: calc(33.3333% - 28px);
        margin-right: 28px; }

  /* About us - Message
  =================================================================== */
  .message__main {
    margin-bottom: 30px; }
    .message__main .message__head {
      margin: 34px auto 26px;
      width: 292px; }
    .message__main .message__text p {
      font-size: 1.0rem; }

  .message__philosophy .message__philosophy--head {
    width: 218px;
    margin: 40px auto 25px; }
  .message__philosophy .message__philosophy--text {
    font-size: 1.2rem;
    margin-bottom: 6em; }
  .message__philosophy .message__philosophy--list {
    margin-right: -36px; }
    .message__philosophy .message__philosophy--list > li {
      width: calc(50% - 36px);
      margin-right: 36px;
      margin-bottom: 40px; }
      .message__philosophy .message__philosophy--list > li dl dt {
        font-size: 16px; }
      .message__philosophy .message__philosophy--list > li dl dd {
        font-size: 14px; }

  /* About us - Awards
  =================================================================== */
  .awards__topics {
    margin-top: 43px; }
    .awards__topics .awards__topics--image {
      width: calc(50% - 14px); }
    .awards__topics .awards__topics--contents {
      width: calc(50% - 14px); }
      .awards__topics .awards__topics--contents dl {
        margin-bottom: 5px; }
        .awards__topics .awards__topics--contents dl dt {
          font-size: 17px;
          margin-bottom: 3px; }
      .awards__topics .awards__topics--contents ul li {
        margin-right: 20px;
        height: 45px; }

  .awards__list {
    margin-bottom: 64px;
    margin-top: 40px; }
    .awards__list > ul {
      margin-right: -28px; }
      .awards__list > ul > li {
        width: calc(50% - 28px);
        margin-right: 28px;
        margin-bottom: 17px; }
        .awards__list > ul > li dl {
          height: 123px; }
          .awards__list > ul > li dl dt {
            height: 66px; }
          .awards__list > ul > li dl dd {
            font-size: 17px; }
            .awards__list > ul > li dl dd span {
              font-size: 12px; }
        .awards__list > ul > li ul {
          line-height: 52px; }
          .awards__list > ul > li ul li {
            font-size: 20px; }

  .award__title {
    margin: 0 auto 32px;
    height: 60px; }
    .award__title .award__title--image {
      margin-right: 22px; }
    .award__title span {
      padding-top: 15px;
      padding-left: 24px; }
      .award__title span img {
        height: 26px; }

  .award__main {
    margin-bottom: 52px; }
    .award__main .award {
      margin-bottom: 14px; }
      .award__main .award.award--icon:after {
        right: 15px;
        bottom: 11px;
        width: 200px;
        height: 15px; }
      .award__main .award.award--icon.award--icon--red:after {
        height: 40px; }
    .award__main img {
      margin-bottom: 24px; }
    .award__main .award__main--text dl {
      width: 240px; }
      .award__main .award__main--text dl dt {
        font-size: 18px; }
      .award__main .award__main--text dl dd.award__link, .award__main .award__main--text dl dd.thum__name {
        margin-top: 4px; }
		
      /* 180306 追加分 */
	  .award__main .award__main--text dl dd.award__link:last-child, .award__main .award__main--text dl dd.thum__name:last-child {
		float:none; }
	  .award__main .award__main--text dl dd.iaud--icon {
        height: 85px; }
	  .award__main .award__main--text dl dd.ifdesign--icon {
		height: 50px; }
		
	  .contents__list li.award dl .thum__note.iaud--icon.iaud--icon--3 {
		height: 85px; }
	  /*===============*/
	  
      .award__main .award__main--text dl dd.award--icon {
        margin: 10px 0 4px;
        height: 24px; }
        .award__main .award__main--text dl dd.award--icon.award--icon--red {
          height: 60px; }
    .award__main .award__main--text p {
      margin-left: 268px;
      font-size: 15px; }

  .award__thum {
    margin-bottom: 42px; }

  /* About us - History
  =================================================================== */
  .history__section {
    margin-bottom: 53px; }
    .history__section .history__top {
      font-size: 15px;
      margin-bottom: 32px; }
    .history__section .history__list p a {
      font-size: 20px; }

  .history__detail {
    margin-bottom: 100px; }

  .hisotry__image {
    margin-bottom: 30px; }

  .history__age {
    margin-bottom: 48px; }
    .history__age ul {
      width: 580px; }
      .history__age ul li {
        font-size: 18px;
        width: 92px; }

  .history__contents h2 {
    font-size: 17px;
    padding-left: 55px;
    margin-bottom: 9px; }
    .history__contents h2 span {
      width: 55px; }
    .history__contents h2 small {
      font-size: 13px;
      margin-left: 8px; }
  .history__contents .history__contents--container .history__contents--text {
    margin-left: 328px; } }
@media only screen and (max-width: 932px) {
  .middleSection {
    width: calc(100% - 56px); }

  /* About us - Offices
  =================================================================== */
  .offices__map ul li {
    height: 17px; }
    .offices__map ul li img {
      height: 100%;
      width: auto; } }
@media only screen and (max-width: 862px) {
  .smallSection {
    width: calc(100% - 56px); }

  .news__section {
    width: calc(100% - 56px); } }
@media only screen and (max-width: 767px) {
  .brpc {
    display: none; }

  .brsp {
    display: block; }

  .loader .circular {
    transform: scale(0.4) !important;
    -webkit-transform: scale(0.4) !important; }

  /* common
  =================================================================== */
  main {
    margin-top: 71px;
    margin-bottom: 45px; }
    .contents main {
      padding-top: 35px;
      margin-bottom: 20px; }
    .contents_detail main {
      padding-top: 30px;
      margin-bottom: 20px; }

  .contentsSection, .middleSection, .smallSection {
    width: calc(100% - 40px); }

  .middleSection {
    margin-bottom: 25px; }

  .thum__name {
    display: block; }

  .thum__category {
    font-size: 9px; }

  .contents__list {
    margin-right: -20px;
    margin-bottom: -30px; }
    .contents__list li {
      margin-right: 20px;
      margin-bottom: 20px; }
      .contents__list li dl .thum__name {
        font-size: 11px;
        padding-right: 0;
        line-height: 1.3; }
      .contents__list li dl dd.thum__note.award--icon.award--icon--red--2 {
        height: 60px !important; }
      .contents__list li dl .thum__category {
        position: relative;
        width: auto;
        right: auto;
        text-align: left;
        top: auto; }
      .contents__list li dl .thum__title {
        font-size: 10px;
        margin-top: 2px; }
      .contents__list li.designers dl .thum__name {
        padding-right: 0; }
      .contents__list li .contents__list--title {
        width: 60px; }
      .contents__list li.award dl .thum__name.link {
        padding-right: 74px; }
        .col__3 .contents__list li.award dl .thum__name.link {
          padding-right: 0; }
        .col__3 .contents__list li.award dl .thum__name.link span {
          position: relative;
          display: block;
          margin-top: 3px; }

  .col__1 ul {
    margin-bottom: -15px; }
    .col__1 ul li {
      margin-bottom: 15px;
      width: calc(100% - 20px); }

  .col__2 ul {
    margin-bottom: -15px; }
    .col__2 ul li {
      margin-bottom: 15px;
      width: calc(50% - 20px); }
  #about_awards--detail .col__2 ul li {
    width: calc(100% - 20px); }

  .col__3 ul {
    margin-bottom: -15px; }
    .col__3 ul li {
      margin-bottom: 15px;
      width: calc(50% - 20px); }
  #top .col__3 {
    margin-bottom: 38px; }
  .col__3 .spw100 li {
    margin-bottom: 15px;
    width: calc(33.3333% - 20px); }

  .col__4 ul {
    margin-bottom: -15px; }
    .col__4 ul li {
      width: calc(50% - 20px); }

  .col__5 ul {
    margin-bottom: -15px; }
    .col__5 ul li {
      width: calc(50% - 20px); }

  #top .wideSection {
    margin-bottom: 21px; }
  /* 180606 h1からh2に変換 */
  h2.contents__title {
    width: 65px;
    margin: 0 auto 24px; }
    h2.contents__title img {
      width: 100%;
      height: auto; }
    #designers h2.contents__title {
      width: 98px; }
    #about h2.contents__title {
      width: 93px; }
    #about_message h2.contents__title {
      width: 88px; }
    #about_offices h2.contents__title {
      width: 70px; }
    #about_news h2.contents__title {
      width: 54px; }
    #about_awards h2.contents__title {
      width: 77px; }

  /* detail common
  =================================================================== */
  .detail__container {
    margin-bottom: 36px; }
    .detail__container .detail__title {
      font-size: 13px;
      margin: 0 auto 17px;
      padding: 0 20px; }
      .detail__container .detail__title span {
        font-size: 10px; }
    .detail__container .wideSection {
      margin-bottom: 20px; }
    .detail__container .detail__lead {
      font-size: 12px; }
    .detail__container .contentsSection, .detail__container .smallSection {
      margin-bottom: 25px; }
    .detail__container .smallSection img {
      margin-bottom: 15px; }
    .detail__container .smallSection:last-of-type {
      margin-bottom: 36px; }
    .detail__container h2, .detail__container h3, .detail__container h4 {
      font-size: 14px;
      margin-bottom: 5px; }
      .detail__container h2 span, .detail__container h3 span, .detail__container h4 span {
        margin-bottom: 25px; }
    .detail__container p {
      margin-bottom: 2em; }
      .detail__container p.note {
        text-align: left;
        text-indent: -1em;
        margin-left: 1em;
        margin-top: -10px; }
    .detail__container .section__image {
      margin-right: -6px;
      margin-bottom: 18px; }
      .detail__container .section__image li {
        margin-right: 6px;
        width: calc(50% - 6px); }
    .detail__container dl dt {
      font-size: 13px; }
    .detail__container .detail__info {
      padding: 20px 0;
      margin: 20px 0;
      font-size: 12px; }
      .detail__container .detail__info li {
        margin-bottom: 10px; }
        .detail__container .detail__info li dl dt {
          font-size: 12px;
          width: 44px; }
        .detail__container .detail__info li dl dd {
          margin-left: 44px; }
    .detail__container .detail__share li {
      width: 30px;
      height: 30px;
      margin: 0 5px; }

  .related__title {
    width: 116px;
    height: 13px;
    margin: 0 auto 17px; }
    .related__title.archive {
      width: 56px; }

  .contents__link {
    width: 46px;
    font-size: 12px;
    margin: 10px auto 0; }

  .profile__section {
    min-height: auto; }
    .profile__section dl {
      min-height: 115px;
      margin-bottom: 13px; }
      .profile__section dl dt {
        width: 115px; }
      .profile__section dl dd {
        margin-left: 135px;
        margin-bottom: 0; }
    .profile__section .profile__section__detail {
      margin-left: 0; }

  .detail__container h2.caption__section {
    margin-bottom: 10px; }
    .detail__container h2.caption__section span {
      margin-bottom: 10px; }
      .detail__container h2.caption__section span.title__image {
        width: 220px;
        margin: 0 auto 10px; }

  /* header
  =================================================================== */
  header {
/*    padding-top: 46px;	*/ /*for cookie*/
    height: 71px;
    border-bottom: 1px #e5e4e2 solid; }
    header.contentsSection {
      width: 100%; }
    header .contentsSection {
      overflow: inherit;
      height: auto;
      position: static; }
    header h1, header .brandlogo {
      width: 77px;
      top: 17px;
      left: 20px; }
    header .header__slogan {
      width: 168px;
      padding-top: 46px; }	 /* 0 - 46 for cookie*/
    header .nav__icon {
      right: 0;
      top: 0;
      height: 49px;
      width: 56px; }
      header .nav__icon span {
        width: 16px; }
        header .nav__icon span:before {
          top: -5px; }
        header .nav__icon span:after {
          top: 5px; }
    header nav {
      width: 120px; }
      header nav .nav__icon--active {
        height: 50px;
        width: 50px;
        left: -50px; }
        header nav .nav__icon--active:before, header nav .nav__icon--active:after {
          width: 16px; }
      header nav .nav__container--contents {
        height: 281px;
        width: 76px; }
      header nav .nav__container {
        width: 120px;
        overflow-y: scroll; }
        header nav .nav__container .nav__container--inner {
          min-height: 308px; }
        header nav .nav__container .nav__menu > li {
          margin-bottom: 6px; }
          header nav .nav__container .nav__menu > li > a {
            height: 20px; }
            header nav .nav__container .nav__menu > li > a img {
              height: 13px; }
          header nav .nav__container .nav__menu > li:nth-child(3) ul {
            margin-top: 5px; }
            header nav .nav__container .nav__menu > li:nth-child(3) ul li {
              margin-bottom: 3px; }
              header nav .nav__container .nav__menu > li:nth-child(3) ul li a {
                height: 18px; }
                header nav .nav__container .nav__menu > li:nth-child(3) ul li a img {
                  height: 11px; }
              header nav .nav__container .nav__menu > li:nth-child(3) ul li.selected > a {
                border-bottom: 1px #fff solid; }
        header nav .nav__container .nav__lang li {
          width: 14px;
          height: 16px;
          margin-right: 15px; }

		/* 181220 hamburger button 追加分
		=================================================================== */

			header .nav__icon {
			    border-color: #fff;
				background-color: #fff;
			}

			header nav .nav__icon--active {
			    border-color:  #000;
			}
	
	
  /* breadcrumb
  =================================================================== */
  .breadcrumb {
    margin-bottom: 12px; }
    .breadcrumb ul li {
      font-size: 11px;
      padding-left: 20px;
      margin-right: 15px;
      background-position: left 1px;
      margin-top: 5px; }
      .breadcrumb ul li:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

  /* footer
  =================================================================== */
  footer {
    padding: 21px 0 22px; }
    footer .footer__top {
      margin-bottom: 16px;
      width: 105px; }
    footer .footer__nav {
      width: auto;
      background: none; }
      footer .footer__nav > ul > li {
        height: 12px; }
        footer .footer__nav > ul > li ul li {
          height: 11px; }
    footer .footer__link {
      position: relative;
      width: auto;
      top: auto;
      left: auto; }
      footer .footer__link li {
        margin-bottom: 13px; }
    footer .copyright {
      top: 23px; }
	  /* 20180525 */		
		footer #cookie_link {
			margin-top: 50px; }	/* /// */

  /* top
  =================================================================== */
  .top__section .top__splash {
    background-size: 170px auto; }
  .top__section .top__image {
    margin-bottom: 10px; }
  .top__section .thum__text {
    /*margin-left: 20px;
    margin-right: 120px;*/
    height: 1.5em; }
    .top__section .thum__text .thum__name {
      font-size: 12px;
      line-height: 19px; }
    .top__section .thum__text .thum__category {
      line-height: 21px; }
  .top__section .loop {
    bottom: -9px;
    right: 20px;
    width: 85px;
    padding-right: 25px; }
    .top__section .loop ul li {
      width: 5px;
      height: 5px;
      margin: 0 3px; }
    .top__section .loop .loop__btn {
      width: 21px;
      height: 21px;
      top: 1px;
      background-size: 5px auto; }
      .top__section .loop .loop__btn.active {
        background-size: 5px auto; }
      .top__section .loop .loop__btn svg {
        transform: scale(0.67) rotate(-90deg);
        -webkit-transform: scale(0.67) rotate(-90deg);
        left: -7px;
        top: -7px; }

  .news__section {
    width: calc(100% - 40px); }
    .news__section h2 {
      width: 54px;
      /*height: 17px;*/
      margin: 0 auto 16px; }
    .news__section .news__head {
      width: 70px;
      font-size: 14px;
      margin: 0 auto 28px;
      padding-bottom: 2px; }
    .news__section ul {
      margin-bottom: 18px; }
      .news__section ul li {
        margin-bottom: 13px; }
        .news__section ul li dt {
          position: relative;
          width: auto;
          font-size: 10px;
          margin-bottom: 3px; }
        .news__section ul li dd {
          margin-left: 0;
          font-size: 12px; }

  /* About us
  =================================================================== */
  .about__list {
    margin-bottom: 50px; }
    .about__list li {
      margin-bottom: 18px; }
      .about__list li a img.txt_img { /*180906修正*/
        height: 18px; }

  /* About us - Offices
  =================================================================== */
  .offices__map {
    margin-bottom: 32px; }
    .offices__map ul li {
      height: 14px;
      width: 14px;
      overflow: hidden; }
      .offices__map ul li img {
        height: 100%;
        width: auto; }

  .offices__contents {
    margin-bottom: 32px; }
    .offices__contents h2 {
      font-size: 17px;
      margin-bottom: 6px; }
    .offices__contents .offices__main {
      margin-bottom: 10px; }
    .offices__contents dl {
      margin-bottom: 13px; }
      .offices__contents dl dt {
        font-size: 15px;
        position: relative; }
      .offices__contents dl dd {
        font-size: 12px;
        margin-left: 0; }
    .offices__contents .offices__photo {
      margin-right: -20px;
      margin-left: 0; }
      .offices__contents .offices__photo li {
        width: calc(33.33333% - 20px);
        margin-right: 20px; }

  /* About us - Message
  =================================================================== */
  .message__main {
    margin-bottom: 30px; }
    .message__main .message__head {
      width: 219px; }
    .message__main .message__text p {
      font-size: 0.8rem;
      line-height: inherit; }

  .message__philosophy .message__philosophy--head {
    width: 182px;
    margin: 40px auto 25px; }
  .message__philosophy .message__philosophy--text {
    font-size: 1.0rem;
    margin-bottom: 6em; }
  .message__philosophy .message__philosophy--list {
    width: 300px;
    margin: 0 auto; }
    .message__philosophy .message__philosophy--list > li {
      width: auto;
      margin-right: 0;
      margin-bottom: 26px;
      float: none;
      margin-left: 0;
      text-indent: 0; }
      .message__philosophy .message__philosophy--list > li dl dt {
        font-size: 14px; }
      .message__philosophy .message__philosophy--list > li dl dd {
        font-size: 12px; }

  /* About us - Awards
  =================================================================== */
  .awards__topics {
    margin-top: 43px; }
    .awards__topics .awards__topics--image {
      width: 100%;
      float: none;
      max-width: 400px;
      margin: 0 auto 6px; }
    .awards__topics .awards__topics--contents {
      width: 100%;
      float: none;
      max-width: 400px;
      margin: 0 auto; }
      .awards__topics .awards__topics--contents dl {
        margin-bottom: 0; }
        .awards__topics .awards__topics--contents dl dt {
          font-size: 14px; }
      .awards__topics .awards__topics--contents .awards__topics--category {
        margin-bottom: 12px; }
      .awards__topics .awards__topics--contents ul {
        position: relative; }
        .awards__topics .awards__topics--contents ul li {
          margin-right: 12px;
          height: 35px; }

  .awards__list {
    margin-bottom: 32px;
    margin-top: 20px; }
    .awards__list > ul {
      margin-right: 0; }
      .awards__list > ul > li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px; }
        .awards__list > ul > li dl {
          height: 100px; }
          .awards__list > ul > li dl dd {
            font-size: 15px; }
        .awards__list > ul > li ul {
          line-height: 46px; }
          .awards__list > ul > li ul li {
            font-size: 17px;
            margin-right: 20px; }

  .award__title {
    margin: 0 auto 22px;
    height: 40px; }
    .award__title .award__title--image {
      margin-right: 15px; }
    .award__title span {
      padding-top: 9px;
      padding-left: 15px; }
      .award__title span img {
        height: 18px; }

  .award__main {
    margin-bottom: 35px; }
    .award__main img {
      margin-bottom: 10px; }
    .award__main .award__main--text {
      min-height: inherit; }
      .award__main .award__main--text dl {
        width: auto;
        position: relative;
        margin-bottom: 10px;
		float:none; }
		
        .award__main .award__main--text dl dt {
          font-size: 15px;
          margin-bottom: 2px; }
        .award__main .award__main--text dl dd a {
          margin-top: 0;
          margin-bottom: 0; }
      .award__main .award__main--text p {
        margin-left: 0;
        font-size: 12px; }

  .award__thum {
    margin-bottom: 28px; }

  /* About us - History
  =================================================================== */
  .history__section {
    margin-bottom: 33px; }
    .history__section .history__top {
      font-size: 12px;
      text-align: left;
      margin-bottom: 20px;
      line-height: inherit; }
    .history__section .history__list p a {
      font-size: 11px; }

  .history__detail {
    margin-bottom: 75px; }

  .history__hero--img {
    margin-bottom: 32px; }

  .history__age {
    margin-bottom: 14px;
    padding-bottom: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; }
    .history__age ul {
      width: calc(5*77px + 40px);
      padding: 0 20px; }
      .history__age ul li {
        font-size: 14px;
        width: 77px;
        margin: 0; }

  .history__link {
    margin-bottom: 30px; }
    .history__link ul li {
      font-size: 15px;
      height: auto;
      width: calc(20% - 12px);
      margin-right: 11px; }

  .history__contents {
    margin-bottom: 50px; }
    .history__contents h2 {
      font-size: 14px;
      padding-left: 50px;
      line-height: 1.3; }
      .history__contents h2 span {
        width: 50px;
        font-size: 12px; }
      .history__contents h2 small {
        font-size: 11px;
        margin-left: 0;
        margin-top: 4px;
        display: block; }
    .history__contents .history__contents--container {
      min-height: inherit !important; }
      .history__contents .history__contents--container .history__contents--image {
        position: relative;
        width: auto;
        left: auto;
        top: auto;
        margin-bottom: 20px; }
        .history__contents .history__contents--container .history__contents--image > img {
          max-width: 240px;
          margin: auto; }
        .history__contents .history__contents--container .history__contents--image dl {
          line-height: 16px;
          padding-top: 12px; }
          .history__contents .history__contents--container .history__contents--image dl dt {
            width: 100px;
            margin-right: 0;
            margin-bottom: 5px;
            float: none; }
          .history__contents .history__contents--container .history__contents--image dl dd {
            float: none;
            padding-top: 0 !important; }
          .history__contents .history__contents--container .history__contents--image dl.prize__if dl {
            line-height: 28px; }
            .history__contents .history__contents--container .history__contents--image dl.prize__if dl dt {
              width: 60px; }
          .history__contents .history__contents--container .history__contents--image dl.prize__idea dl dt {
            width: 54px; }
          .history__contents .history__contents--container .history__contents--image dl.prize__moma dl dt {
            width: 50px; }
      .history__contents .history__contents--container .history__contents--text {
        margin-left: 0; }
        .history__contents .history__contents--container .history__contents--text dd {
          line-height: inherit; } 
  /* 180529 policy-page 追加分
  	=================================================================== */
.policy-page .pagesection {
}}
@media only screen and (max-width: 434px) {
  /* award
  	=================================================================== */
  .award__title.award__title--reddot span {
    width: calc(100% - 102px); }
    .award__title.award__title--reddot span img {
      width: 100%;
      height: auto; } }
@media only screen and (max-width: 403px) {
  /* footer
  	=================================================================== */
	  /* 20180525 */		
		footer #cookie_link {
			margin-top: 10px; }	}/* /// */

@media only screen and (max-width: 359px) {
  /* common
  =================================================================== */
  .contentsSection {
    width: calc(100% - 32px); }

  .contents__list {
    margin-right: -16px; }
    .contents__list li {
      margin-right: 16px; }

  .col__1 ul li {
    width: calc(100% - 16px); }

  .col__2 ul li {
    width: calc(50% - 16px); }
    #about_awards--detail .col__2 ul li ul li {
      width: calc(100% - 16px); }

  .col__3 ul li {
    width: calc(50% - 16px); }

  .col__4 ul li {
    width: calc(50% - 16px); }

  .col__2 .spw100 li, .col__2 .spw100 li, .col__3 .spw100 li, .col__4 .spw100 li, .col__5 .spw100 li {
    width: 100%;
    height: 100%; }

  .smallSection {
    width: calc(100% - 32px); }

  /* detail common
  =================================================================== */
  .detail__container .detail__title {
    padding: 0 16px; }

  /* header
  =================================================================== */
  header h1, header .brandlogo {
    left: 16px; }
  header .nav__icon {
    width: 48px; }

  /* top
  =================================================================== */
  .top__section .loop {
    right: 16px; }

  .news__section {
    width: calc(100% - 32px); } }


/* 181105 スライド切り替えボタン button 追加分
=================================================================== */

@media only screen and (max-width: 767px) {
 .loop button {
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255);
    border-style: none;
    border-width: 0px;
    padding: 10px 0px 1px;
	margin: 0px;
    color: #fff;
    background-color: #fff;
}

	}



/* 190404 見出しマークアップ修正分　追記
=================================================================== */

@media only screen and (max-width: 767px) {

    h1.contents__title img {
      width: 100%;
      height: auto; }
    #works h1.contents__title {
      width: 70px; }
    #designers h1.contents__title {
      width: 98px; }
    #about h1.contents__title {
      width: 93px; }
    #about_message h1.contents__title {
      width: 88px; }
    #about_offices h1.contents__title {
      width: 70px; }
    #about_news h1.contents__title {
      width: 54px; }
    #about_awards h1.contents__title {
      width: 77px; }
    #about_history h1.contents__title {
      width: 77px; }
    #about_history--detail h1.contents__title {
      width: 77px; }
}