@charset "UTF-8";
/*
Theme Name: roppongi-kaigi
Author: 

*/
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  text-decoration: none; }

ins, mark {
  background-color: #ff9;
  color: #000; }

mark {
  font-style: italic;
  font-weight: 700; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* cf */
.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.sp_disp {
  display: none !important; }
  @media screen and (max-width: 767px) {
    .sp_disp {
      display: block !important; } }

.pc_disp {
  display: block !important; }
  @media screen and (max-width: 767px) {
    .pc_disp {
      display: none !important; } }

.sp_img {
  display: none; }
  @media screen and (max-width: 767px) {
    .sp_img {
      display: inline-block; } }

.pc_img {
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .pc_img {
      display: none; } }

.dib {
  display: inline-block; }

li {
  list-style-type: none; }

input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
textarea {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* common */
html, body {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-weight: 500;
  line-height: 1.3;
  width: 100%;
  background: #fff;
  font-weight: 500;
  color: #383635; }

a {
  text-decoration: none;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  color: #383635; }

a:hover {
  color: #ccb714; }

img:not([width]) {
  width: auto;
  height: auto; }
  @media screen and (max-width: 767px) {
    img:not([width]) {
      width: 100%;
      max-width: auto; } }

.inner_box {
  width: 900px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 767px) {
    .inner_box {
      width: auto;
      padding-left: 15px;
      padding-right: 15px; } }

/*************

 common style 

*************/
/* header */
@-webkit-keyframes anime_circle {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes anime_circle {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes anime_wrap1 {
  0% {
    opacity: 1;
    display: block; }
  33% {
    opacity: 1;
    display: block; }
  34% {
    opacity: 0;
    display: none; } }

@keyframes anime_wrap1 {
  0% {
    opacity: 1;
    display: block; }
  33% {
    opacity: 1;
    display: block; }
  34% {
    opacity: 0;
    display: none; } }

@-webkit-keyframes anime_wrap2 {
  0% {
    opacity: 0;
    display: none; }
  33% {
    opacity: 0;
    display: none; }
  34% {
    opacity: 1;
    display: block; }
  66% {
    opacity: 1;
    display: block; }
  67% {
    opacity: 0;
    display: none; } }

@keyframes anime_wrap2 {
  0% {
    opacity: 0;
    display: none; }
  33% {
    opacity: 0;
    display: none; }
  34% {
    opacity: 1;
    display: block; }
  66% {
    opacity: 1;
    display: block; }
  67% {
    opacity: 0;
    display: none; } }

@-webkit-keyframes anime_wrap3 {
  0% {
    opacity: 0;
    display: none; }
  66% {
    opacity: 0;
    display: none; }
  67% {
    opacity: 1;
    display: block; }
  99% {
    opacity: 1;
    display: block; }
  100% {
    opacity: 0;
    display: none; } }

@keyframes anime_wrap3 {
  0% {
    opacity: 0;
    display: none; }
  66% {
    opacity: 0;
    display: none; }
  67% {
    opacity: 1;
    display: block; }
  99% {
    opacity: 1;
    display: block; }
  100% {
    opacity: 0;
    display: none; } }

@-webkit-keyframes anime1 {
  0% {
    opacity: 0;
    margin-left: -20px; }
  15% {
    opacity: 1;
    margin-left: -0; }
  85% {
    opacity: 1;
    margin-left: -0; }
  100% {
    opacity: 0;
    margin-left: 20px; } }

@keyframes anime1 {
  0% {
    opacity: 0;
    margin-left: -20px; }
  15% {
    opacity: 1;
    margin-left: -0; }
  85% {
    opacity: 1;
    margin-left: -0; }
  100% {
    opacity: 0;
    margin-left: 20px; } }

@-webkit-keyframes anime2 {
  0% {
    opacity: 0;
    margin-left: -20px; }
  30% {
    opacity: 1;
    margin-left: -0; }
  85% {
    opacity: 1;
    margin-left: -0; }
  100% {
    opacity: 0;
    margin-left: 20px; } }

@keyframes anime2 {
  0% {
    opacity: 0;
    margin-left: -20px; }
  30% {
    opacity: 1;
    margin-left: -0; }
  85% {
    opacity: 1;
    margin-left: -0; }
  100% {
    opacity: 0;
    margin-left: 20px; } }

@-webkit-keyframes anime3 {
  0% {
    opacity: 0;
    margin-left: -20px; }
  45% {
    opacity: 1;
    margin-left: -0; }
  85% {
    opacity: 1;
    margin-left: -0; }
  100% {
    opacity: 0;
    margin-left: 20px; } }

@keyframes anime3 {
  0% {
    opacity: 0;
    margin-left: -20px; }
  45% {
    opacity: 1;
    margin-left: -0; }
  85% {
    opacity: 1;
    margin-left: -0; }
  100% {
    opacity: 0;
    margin-left: 20px; } }

#gnav {
  height: 73px; }
  @media screen and (max-width: 767px) {
    #gnav {
      height: auto; } }
  #gnav .gnav_inner {
    padding: 10px 0 10px;
    background: #fff; }
    @media screen and (max-width: 767px) {
      #gnav .gnav_inner {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 9998;
        padding: 0; } }
  #gnav .inner_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    @media screen and (max-width: 767px) {
      #gnav .inner_box {
        display: block;
        padding: 0 15px; } }
  #gnav .logo {
    width: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    @media screen and (max-width: 767px) {
      #gnav .logo {
        padding: 12px 0 7px;
        height: 35px; } }
    #gnav .logo a {
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
      display: block;
      opacity: 1; }
      #gnav .logo a:hover {
        opacity: .6; }
      #gnav .logo a img {
        width: 100%; }
  #gnav .list {
    text-align: center;
    font-size: 0;
    position: relative; }
    @media screen and (max-width: 767px) {
      #gnav .list {
        overflow: hidden;
        display: none; } }
    #gnav .list li {
      text-align: center;
      display: inline-block;
      position: relative; }
      @media screen and (max-width: 767px) {
        #gnav .list li {
          background: #fff;
          display: block;
          border-top: #b3b3b3 1px solid; } }
      #gnav .list li a {
        display: block;
        font-weight: normal;
        font-size: 14px;
        width: 180px;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        padding: 17px 0;
        letter-spacing: 2px; }
        @media screen and (max-width: 767px) {
          #gnav .list li a {
            width: auto; } }
      @media screen and (max-width: 767px) {
        #gnav .list li .open_btn {
          position: absolute;
          width: 20px;
          top: 0;
          right: -2px;
          -webkit-transition: all .2s;
          -o-transition: all .2s;
          transition: all .2s;
          padding: 20px 10px; }
          #gnav .list li .open_btn.on {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); } }
      #gnav .list li .in_list {
        position: absolute;
        width: 180px;
        top: 50px;
        left: 0; }
        @media screen and (max-width: 767px) {
          #gnav .list li .in_list {
            position: static;
            width: auto; } }
        #gnav .list li .in_list li {
          border-bottom: 1px solid #383635;
          background: #fff; }
          @media screen and (max-width: 767px) {
            #gnav .list li .in_list li {
              border-bottom: 1px solid #b3b3b3;
              background: #f3f3f3;
              border-top: none; } }
          #gnav .list li .in_list li:first-child {
            border-top: 1px solid #383635; }
            @media screen and (max-width: 767px) {
              #gnav .list li .in_list li:first-child {
                border-top: 1px solid #b3b3b3; } }
          @media screen and (max-width: 767px) {
            #gnav .list li .in_list li:last-child {
              border-bottom: none; } }
          #gnav .list li .in_list li a {
            padding: 15px 0;
            font-size: 13px;
            display: block; }
      #gnav .list li.about .in_list {
        opacity: 0;
        height: 0;
        overflow: hidden;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s; }
      #gnav .list li.about.on .in_list {
        opacity: 1;
        height: 200px; }
        @media screen and (max-width: 767px) {
          #gnav .list li.about.on .in_list {
            height: 188px; } }
  #gnav.fix .gnav_inner {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999; }
    #gnav.fix .gnav_inner .logo {
      width: 142px;
      display: inline-block; }
      @media screen and (max-width: 767px) {
        #gnav.fix .gnav_inner .logo {
          width: 112px; } }
    #gnav.fix .gnav_inner .list {
      width: calc(100% - 142px); }
      @media screen and (max-width: 767px) {
        #gnav.fix .gnav_inner .list {
          width: auto; } }
      #gnav.fix .gnav_inner .list li a {
        width: 140px; }
        @media screen and (max-width: 767px) {
          #gnav.fix .gnav_inner .list li a {
            width: auto; } }
      #gnav.fix .gnav_inner .list .in_list {
        width: 140px;
        top: 50px; }
        @media screen and (max-width: 767px) {
          #gnav.fix .gnav_inner .list .in_list {
            width: auto; } }
  #gnav .header_btn {
    position: absolute;
    width: 35px;
    top: 12px;
    right: 15px; }
    #gnav .header_btn img {
      position: absolute;
      top: 0;
      left: 0; }
      #gnav .header_btn img.open {
        z-index: 100;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s; }
      #gnav .header_btn img.close {
        z-index: 99; }
    #gnav .header_btn.btn_open .open {
      opacity: 0; }

#gnav.menu_open .gnav_inner {
  z-index: 9999; }
  #gnav.menu_open .gnav_inner .logo {
    width: 112px; }

@media screen and (max-width: 767px) {
  header #gnav {
    height: 54px; } }

header #gnav .gnav_inner {
  border-bottom: 1px solid #ccb714; }

header #gnav .logo {
  width: 142px;
  display: inline-block; }
  @media screen and (max-width: 767px) {
    header #gnav .logo {
      width: 112px; } }

header #gnav .list {
  width: calc(100% - 142px); }
  @media screen and (max-width: 767px) {
    header #gnav .list {
      width: auto; } }
  header #gnav .list li a {
    width: 140px; }
    @media screen and (max-width: 767px) {
      header #gnav .list li a {
        width: auto; } }
  header #gnav .list li .in_list {
    width: 140px; }
    @media screen and (max-width: 767px) {
      header #gnav .list li .in_list {
        width: auto; } }

header #gnav.fix .gnav_inner {
  position: fixed;
  width: 100%;
  top: 0; }

#breadcrumb {
  margin-bottom: 56px; }
  @media screen and (max-width: 767px) {
    #breadcrumb {
      margin-bottom: 20px; } }
  #breadcrumb ul li {
    display: inline-block;
    font-size: 11px; }
    #breadcrumb ul li:after {
      content: '>';
      display: inline-block;
      margin-left: 5px; }
    #breadcrumb ul li:last-child:after {
      display: none; }

/* footer */
footer {
  background: #b5b5b5;
  color: #fff;
  font-size: 15px; }
  @media screen and (max-width: 767px) {
    footer {
      padding: 15px 0;
      text-align: center;
      font-size: 13px; } }
  footer .inner_box {
    position: relative; }
    footer .inner_box .list {
      position: absolute;
      top: 22px; }
      @media screen and (max-width: 767px) {
        footer .inner_box .list {
          position: static; } }
      footer .inner_box .list li {
        display: inline-block; }
        footer .inner_box .list li:before {
          content: '/';
          display: inline-block;
          margin: 0 7px; }
        footer .inner_box .list li:first-child:before {
          display: none; }
        footer .inner_box .list li a {
          color: #fff; }
          footer .inner_box .list li a:hover {
            opacity: .6; }
    footer .inner_box .copy {
      text-align: center;
      padding: 22px 0; }
      @media screen and (max-width: 767px) {
        footer .inner_box .copy {
          padding: 10px 0 0; } }

/*************

 TOP

*************/
#mv .logo {
  position: relative;
  z-index: 9999; }
  #mv .logo img {
    position: absolute;
    margin-top: -24px;
    width: 176px;
    height: auto; }
    @media screen and (max-width: 767px) {
      #mv .logo img {
        width: 26vw;
        max-width: 150px;
        left: 4vw;
        top: -15px; } }

#mv .mv_wrap {
  margin-top: 50px;
  background: #fbfbfb;
  overflow: hidden; }
  #mv .mv_wrap .inner_box {
    position: relative; }
    #mv .mv_wrap .inner_box .circle {
      position: absolute;
      top: 0;
      right: -312px;
      display: block;
      font-size: 0;
      height: 400px;
      width: 100%;
      -webkit-animation-name: anime_circle;
      animation-name: anime_circle;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
      @media screen and (max-width: 767px) {
        #mv .mv_wrap .inner_box .circle {
          width: 104vw;
          height: 48vw;
          right: -30vw; } }
  #mv .mv_wrap .mv_blc {
    height: 400px; }
    @media screen and (max-width: 767px) {
      #mv .mv_wrap .mv_blc {
        height: 48vw; } }
    #mv .mv_wrap .mv_blc .txt_box {
      position: relative;
      z-index: 1000;
      font-weight: normal;
      color: #ccb714;
      padding: 190px 0 0 40px;
      font-size: 25px;
      line-height: 2; }
      @media screen and (max-width: 767px) {
        #mv .mv_wrap .mv_blc .txt_box {
          padding: 20vw 0 0 4vw;
          font-size: 4vw; } }
    #mv .mv_wrap .mv_blc .copy_txt01, #mv .mv_wrap .mv_blc .copy_txt02, #mv .mv_wrap .mv_blc .copy_txt03 {
      -webkit-animation-duration: 18s;
      animation-duration: 18s;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      opacity: 0;
      position: absolute; }
    #mv .mv_wrap .mv_blc .copy_txt01 {
      -webkit-animation-name: anime_wrap1;
      animation-name: anime_wrap1; }
    #mv .mv_wrap .mv_blc .copy_txt02 {
      margin-top: 20px;
      -webkit-animation-name: anime_wrap2;
      animation-name: anime_wrap2; }
      @media screen and (max-width: 767px) {
        #mv .mv_wrap .mv_blc .copy_txt02 {
          margin-top: 5vw; } }
    #mv .mv_wrap .mv_blc .copy_txt03 {
      -webkit-animation-name: anime_wrap3;
      animation-name: anime_wrap3; }
    #mv .mv_wrap .mv_blc .txt01, #mv .mv_wrap .mv_blc .txt02, #mv .mv_wrap .mv_blc .txt03 {
      -webkit-animation-duration: 6s;
      animation-duration: 6s;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      opacity: 0; }
    #mv .mv_wrap .mv_blc .txt01 {
      -webkit-animation-name: anime1;
      animation-name: anime1; }
    #mv .mv_wrap .mv_blc .txt02 {
      -webkit-animation-name: anime2;
      animation-name: anime2; }
    #mv .mv_wrap .mv_blc .txt03 {
      -webkit-animation-name: anime3;
      animation-name: anime3; }

#top .bnr_box {
  text-align: center;
  padding-top: 40px;
  margin-bottom: 54px; }
  @media screen and (max-width: 767px) {
    #top .bnr_box {
      padding-top: 30px;
      margin-bottom: 30px; } }
  #top .bnr_box .btn {
    border: #ccb714 1px solid;
    display: inline-block;
    color: #ccb714;
    width: 605px;
    padding: 20px 0 16px; }
    @media screen and (max-width: 767px) {
      #top .bnr_box .btn {
        width: 300px;
        padding: 13px 0 13px; } }
    #top .bnr_box .btn h2 {
      font-size: 25px;
      font-weight: 500;
      margin-bottom: 18px;
      letter-spacing: 2px; }
      @media screen and (max-width: 767px) {
        #top .bnr_box .btn h2 {
          font-size: 16px;
          margin-bottom: 8px; } }
    #top .bnr_box .btn .click_txt {
      font-size: 15px;
      letter-spacing: 2px;
      line-height: 1; }
      @media screen and (max-width: 767px) {
        #top .bnr_box .btn .click_txt {
          font-size: 13px; } }
      #top .bnr_box .btn .click_txt:after {
        content: '　';
        font-size: 0;
        display: block;
        border-bottom: #ccb714 1px solid;
        width: 60px;
        padding-top: 7px;
        line-height: 0;
        height: 0;
        margin: 0 auto; }
        @media screen and (max-width: 767px) {
          #top .bnr_box .btn .click_txt:after {
            padding-top: 2px; } }
    #top .bnr_box .btn:hover {
      background: #ccb714;
      color: #fff; }
      #top .bnr_box .btn:hover .click_txt:after {
        border-bottom: #fff 1px solid; }

#top .ttl_blc {
  text-align: center;
  border-bottom: #ccb714 1px solid;
  padding: 50px 0 10px;
  margin-bottom: 29px; }
  @media screen and (max-width: 767px) {
    #top .ttl_blc {
      padding: 30px 0 10px; } }
  #top .ttl_blc:before {
    content: '◆';
    display: block;
    color: #ccb714;
    font-size: 19px;
    margin-bottom: 5px; }
  #top .ttl_blc h2 {
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-bottom: 5px; }
  #top .ttl_blc .txt01 {
    font-size: 13px;
    color: #ccb714; }

#top .ichiran_btn {
  text-align: center; }
  #top .ichiran_btn a {
    display: inline-block;
    border: #ccb714 1px solid;
    font-size: 13px;
    padding: 13px 23px;
    font-weight: bold; }
    #top .ichiran_btn a:hover {
      background: #ccb714;
      color: #fff; }

#top #event_topics {
  background: #f3f3f3;
  padding-bottom: 50px; }
  #top #event_topics .col {
    width: 400px;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px; }
    @media screen and (max-width: 767px) {
      #top #event_topics .col {
        width: auto;
        margin: 0;
        display: block; } }
    #top #event_topics .col .article_list {
      margin-bottom: 40px; }
      #top #event_topics .col .article_list li {
        margin-bottom: 22px; }
        #top #event_topics .col .article_list li .info {
          font-size: 0;
          margin-bottom: 10px; }
          #top #event_topics .col .article_list li .info .date {
            display: inline-block;
            font-size: 13px;
            background: #e5e5e5;
            padding: 5px 10px; }
          #top #event_topics .col .article_list li .info .cat {
            display: inline-block;
            font-size: 15px;
            padding: 3px 10px;
            letter-spacing: 2px; }
            #top #event_topics .col .article_list li .info .cat.color_blue {
              background: #6ea1d0;
              color: #fff; }
            #top #event_topics .col .article_list li .info .cat.color_pink {
              background: #f19b97;
              color: #fff; }
            #top #event_topics .col .article_list li .info .cat.color_yellow {
              background: #f9ebab;
              color: #373535; }
            #top #event_topics .col .article_list li .info .cat.color_green {
              background: #9dc16f;
              color: #fff; }
            #top #event_topics .col .article_list li .info .cat.color_gold {
              background: #ccb714;
              color: #fff; }
            #top #event_topics .col .article_list li .info .cat.color_black {
              background: #373535;
              color: #fff; }
            #top #event_topics .col .article_list li .info .cat.color_purple {
              background: #b58bf6;
              color: #fff; }
            #top #event_topics .col .article_list li .info .cat.color_orange {
              background: #fbb378;
              color: #fff; }
            #top #event_topics .col .article_list li .info .cat.color_gray {
              background: #929292;
              color: #fff; }
        #top #event_topics .col .article_list li .txt {
          font-size: 14px;
          line-height: 1.6; }
    #top #event_topics .col#event .article_list li .info .date {
      min-width: 110px; }
    #top #event_topics .col#topics .article_list li .info .date {
      min-width: 60px; }

#top #projects {
  padding-bottom: 50px; }
  #top #projects .inner_box {
    width: 735px; }
    @media screen and (max-width: 767px) {
      #top #projects .inner_box {
        width: auto; } }
    #top #projects .inner_box .article_list {
      text-align: center; }
      @media screen and (max-width: 767px) {
        #top #projects .inner_box .article_list {
          padding: 0 15px;
          margin-bottom: 30px; } }
      #top #projects .inner_box .article_list li {
        display: inline-block;
        text-align: left;
        width: 330px;
        margin-bottom: 30px; }
        @media screen and (max-width: 767px) {
          #top #projects .inner_box .article_list li {
            width: 100%;
            max-width: 480px;
            margin-bottom: 20px; } }
        #top #projects .inner_box .article_list li:nth-child(even) {
          margin-left: 30px; }
          @media screen and (max-width: 767px) {
            #top #projects .inner_box .article_list li:nth-child(even) {
              margin-left: 0; } }
        #top #projects .inner_box .article_list li a {
          color: #373535;
          display: block; }
          #top #projects .inner_box .article_list li a:hover {
            opacity: .6; }
          #top #projects .inner_box .article_list li a .ttl {
            font-size: 16px;
            background: #373535;
            color: #fff;
            padding: 18px;
            font-weight: 500;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 2em;
            letter-spacing: 2px; }
            #top #projects .inner_box .article_list li a .ttl.color_blue {
              background: #6ea1d0;
              color: #fff; }
            #top #projects .inner_box .article_list li a .ttl.color_pink {
              background: #f19b97;
              color: #fff; }
            #top #projects .inner_box .article_list li a .ttl.color_yellow {
              background: #f9ebab;
              color: #373535; }
            #top #projects .inner_box .article_list li a .ttl.color_green {
              background: #9dc16f;
              color: #fff; }
            #top #projects .inner_box .article_list li a .ttl.color_gold {
              background: #ccb714;
              color: #fff; }
            #top #projects .inner_box .article_list li a .ttl.color_black {
              background: #373535;
              color: #fff; }
            #top #projects .inner_box .article_list li a .ttl.color_purple {
              background: #b58bf6;
              color: #fff; }
            #top #projects .inner_box .article_list li a .ttl.color_orange {
              background: #fbb378;
              color: #fff; }
            #top #projects .inner_box .article_list li a .ttl.color_gray {
              background: #929292;
              color: #fff; }
          #top #projects .inner_box .article_list li a .cont_blc {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            #top #projects .inner_box .article_list li a .cont_blc .txt {
              background: #f3f3f3;
              padding: 15px 18px;
              font-size: 12px;
              font-weight: bold;
              width: calc(100% - 72px);
              min-height: 72px;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              line-height: 1.6; }
              @media screen and (max-width: 767px) {
                #top #projects .inner_box .article_list li a .cont_blc .txt {
                  min-height: 72px; } }
            #top #projects .inner_box .article_list li a .cont_blc .img {
              font-size: 0;
              width: 72px;
              height: 72px;
              overflow: hidden; }
              @media screen and (max-width: 767px) {
                #top #projects .inner_box .article_list li a .cont_blc .img {
                  min-width: 72px;
                  min-height: 72px; } }
              #top #projects .inner_box .article_list li a .cont_blc .img img {
                width: 72px; }

#top #report {
  background: #f3f3f3;
  padding-bottom: 50px; }
  #top #report .inner_box {
    width: 735px; }
    @media screen and (max-width: 767px) {
      #top #report .inner_box {
        width: auto; } }
    #top #report .inner_box .article_list {
      text-align: center;
      margin-bottom: 45px; }
      #top #report .inner_box .article_list li {
        width: 340px;
        display: inline-block; }
        @media screen and (max-width: 767px) {
          #top #report .inner_box .article_list li {
            width: auto;
            display: block;
            margin-bottom: 30px; } }
        #top #report .inner_box .article_list li:nth-child(even) {
          margin-left: 45px; }
          @media screen and (max-width: 767px) {
            #top #report .inner_box .article_list li:nth-child(even) {
              margin-left: 0; } }
        #top #report .inner_box .article_list li a {
          display: block; }
          @media screen and (max-width: 767px) {
            #top #report .inner_box .article_list li a {
              display: inline-block; } }
          #top #report .inner_box .article_list li a .date {
            font-weight: 500;
            font-size: 13px;
            margin-bottom: 30px; }
            @media screen and (max-width: 767px) {
              #top #report .inner_box .article_list li a .date {
                margin-bottom: 10px; } }
          #top #report .inner_box .article_list li a .ttl {
            font-weight: 500;
            font-size: 13px;
            margin-bottom: 30px; }
            @media screen and (max-width: 767px) {
              #top #report .inner_box .article_list li a .ttl {
                margin-bottom: 10px; } }
          #top #report .inner_box .article_list li a .img {
            opacity: 1;
            -webkit-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
            width: 159px;
            margin-left: auto;
            margin-right: auto; }
            #top #report .inner_box .article_list li a .img img {
              width: 159px; }
              @media screen and (max-width: 767px) {
                #top #report .inner_box .article_list li a .img img {
                  width: 159px; } }
          #top #report .inner_box .article_list li a:hover .img {
            opacity: .6; }

#top .foot_about {
  text-align: center;
  padding: 70px 0;
  font-size: 12px;
  line-height: 1.8; }
  #top .foot_about .txt01 {
    margin-bottom: 20px; }

/* 下層ページ */
.page_ttl {
  padding: 60px 0;
  text-align: center;
  background: #f3f3f3;
  margin-bottom: 10px; }
  @media screen and (max-width: 767px) {
    .page_ttl {
      padding: 30px 0; } }
  .page_ttl .main_ttl {
    font-size: 35px;
    display: block;
    font-weight: normal;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .page_ttl .main_ttl {
        margin-bottom: 5px;
        font-size: 25px; } }
  .page_ttl .sub_ttl {
    font-size: 19px;
    display: block;
    color: #ccb715;
    font-weight: normal; }
    @media screen and (max-width: 767px) {
      .page_ttl .sub_ttl {
        font-size: 14px; } }

#page {
  margin-bottom: 100px; }
  #page .h2_ttl {
    text-align: center;
    font-size: 25px;
    margin-bottom: 25px;
    letter-spacing: 3px; }
    @media screen and (max-width: 767px) {
      #page .h2_ttl {
        letter-spacing: 2px;
        font-size: 20px; } }
    #page .h2_ttl:after {
      content: '・';
      font-size: 0;
      display: block;
      margin: 5px auto 0;
      border-bottom: 2px solid #ccb714;
      width: 80px; }
      @media screen and (max-width: 767px) {
        #page .h2_ttl:after {
          width: 60px; } }
  #page .ttl_note01 {
    font-size: 12px;
    text-align: center;
    margin: -15px 0 15px; }
  #page .page_contet {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto; }
    #page .page_contet.about {
      max-width: none; }
  #page .about_list {
    text-align: center; }
    #page .about_list li {
      display: inline-block;
      margin-bottom: 26px;
      width: 314px;
      font-size: 21px; }
      @media screen and (max-width: 767px) {
        #page .about_list li {
          margin-bottom: 10px;
          width: 48%; } }
      #page .about_list li:nth-child(even) {
        margin-left: 26px; }
        @media screen and (max-width: 767px) {
          #page .about_list li:nth-child(even) {
            margin-left: 2%; } }
      #page .about_list li a {
        opacity: 1;
        display: block;
        background: #f3f3f3;
        height: 155px;
        line-height: 1;
        position: relative;
        letter-spacing: 1px;
        line-height: 155px; }
        @media screen and (max-width: 767px) {
          #page .about_list li a {
            font-size: 3vw;
            height: 21vw;
            line-height: 21vw; } }
        #page .about_list li a:before {
          content: '・';
          display: block;
          position: absolute;
          font-size: 0;
          border-bottom: 2px solid #ccb715;
          width: 91px;
          height: 0;
          top: 101px;
          left: 50%;
          margin-left: -45px; }
          @media screen and (max-width: 767px) {
            #page .about_list li a:before {
              width: 12.6vw;
              top: 14.5vw;
              left: 50%;
              margin-left: -6.3vw; } }
        #page .about_list li a:after {
          content: '・';
          position: absolute;
          font-size: 0;
          -webkit-transform: rotate(-135deg);
          -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
          border-left: 23px solid #ccb715;
          border-right: 23px solid transparent;
          border-top: 23px solid transparent;
          border-bottom: 23px solid transparent;
          width: 0;
          height: 0;
          display: inline-block;
          top: -23px;
          left: -23px; }
          @media screen and (max-width: 767px) {
            #page .about_list li a:after {
              top: -3vw;
              left: -3vw;
              border-left: 3vw solid #ccb715;
              border-right: 3vw solid transparent;
              border-top: 3vw solid transparent;
              border-bottom: 3vw solid transparent; } }
        #page .about_list li a:hover {
          opacity: .6; }
  #page .about_table01 {
    margin-bottom: 30px;
    border-bottom: 2px solid #cccccc; }
    #page .about_table01 th, #page .about_table01 td {
      padding: 10px 7px;
      vertical-align: middle; }
      @media screen and (max-width: 767px) {
        #page .about_table01 th, #page .about_table01 td {
          padding: 8px 5px; } }
    #page .about_table01 th {
      font-size: 14px;
      line-height: 1.3;
      letter-spacing: 1px;
      white-space: nowrap; }
      @media screen and (max-width: 767px) {
        #page .about_table01 th {
          font-size: 13px; } }
    #page .about_table01 td {
      font-size: 14px;
      line-height: 1.3;
      font-weight: bold;
      letter-spacing: -0.01em; }
      @media screen and (max-width: 767px) {
        #page .about_table01 td {
          font-size: 13px; } }
      #page .about_table01 td.cell01 {
        text-align: center; }
      #page .about_table01 td.cell02 {
        text-align: center; }
      #page .about_table01 td.cell04 {
        white-space: nowrap;
        text-align: center; }
    #page .about_table01 thead tr th {
      background: #ccb715;
      color: #fff;
      white-space: nowrap; }
    #page .about_table01 tbody tr:nth-child(even) {
      background: #eeeeee; }
  #page .paragraph {
    margin-bottom: 75px;
    line-height: 2; }
    #page .paragraph .txt {
      font-size: 15px;
      margin-bottom: 30px; }
      @media screen and (max-width: 767px) {
        #page .paragraph .txt {
          font-size: 14px; } }
    #page .paragraph .list01 {
      font-size: 18px;
      line-height: 1.8; }
      #page .paragraph .list01 li {
        text-indent: -1em;
        margin-left: 1em; }
        #page .paragraph .list01 li:before {
          content: '■'; }
    #page .paragraph .mean_ttl01 {
      text-align: center;
      font-size: 22px;
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        #page .paragraph .mean_ttl01 {
          font-size: 18px;
          margin-bottom: 15px; } }
    #page .paragraph .arrow {
      text-align: center;
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        #page .paragraph .arrow {
          margin-bottom: 0; } }
      @media screen and (max-width: 767px) {
        #page .paragraph .arrow img {
          width: 65px; } }
    #page .paragraph .mean_txt01 {
      text-align: center;
      font-size: 22px;
      color: #ac9a12;
      margin-bottom: 60px; }
      @media screen and (max-width: 767px) {
        #page .paragraph .mean_txt01 {
          font-size: 18px; } }
    #page .paragraph .mean_ttl02 {
      text-align: center;
      font-size: 18px;
      margin-bottom: 20px;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        #page .paragraph .mean_ttl02 {
          font-size: 16px; } }
    #page .paragraph .symbol_img01 {
      text-align: center;
      padding: 30px 0 50px; }
      @media screen and (max-width: 767px) {
        #page .paragraph .symbol_img01 {
          padding: 0px 0 30px; } }
      @media screen and (max-width: 767px) {
        #page .paragraph .symbol_img01 img {
          width: 141px; } }
    #page .paragraph .symbol_box01 {
      background: #f4f3e9;
      color: #a89500;
      text-align: center;
      padding: 23px;
      font-size: 15px; }
      @media screen and (max-width: 767px) {
        #page .paragraph .symbol_box01 {
          font-size: 14px; } }

.index_blc {
  margin-left: auto;
  margin-right: auto; }
  .index_blc .index_lead {
    font-size: 14px;
    line-height: 2; }
  .index_blc.topics, .index_blc.event {
    max-width: 630px; }
    .index_blc.topics .index_lead, .index_blc.event .index_lead {
      margin-bottom: 60px; }
    .index_blc.topics .categort_blc, .index_blc.event .categort_blc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-bottom: 1px solid #dcdcdc;
      margin-bottom: 25px; }
      @media screen and (max-width: 767px) {
        .index_blc.topics .categort_blc, .index_blc.event .categort_blc {
          border-bottom: none; } }
      @media screen and (max-width: 767px) {
        .index_blc.topics .categort_blc, .index_blc.event .categort_blc {
          display: block; } }
      .index_blc.topics .categort_blc ul, .index_blc.event .categort_blc ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: -1px; }
        @media screen and (max-width: 767px) {
          .index_blc.topics .categort_blc ul, .index_blc.event .categort_blc ul {
            margin-bottom: 10px;
            border-bottom: 1px solid #dcdcdc; } }
        .index_blc.topics .categort_blc ul li.current, .index_blc.topics .categort_blc ul li:hover, .index_blc.event .categort_blc ul li.current, .index_blc.event .categort_blc ul li:hover {
          border-bottom: 1px solid #ccb714;
          margin-bottom: -1px;
          padding-bottom: 1px;
          margin-top: 2px; }
        .index_blc.topics .categort_blc ul li a, .index_blc.event .categort_blc ul li a {
          display: block;
          padding: 10px 17px;
          color: #cccccc; }
          @media screen and (max-width: 767px) {
            .index_blc.topics .categort_blc ul li a, .index_blc.event .categort_blc ul li a {
              font-size: 13px;
              padding: 5px 10px; } }
        .index_blc.topics .categort_blc ul li.current a,
        .index_blc.topics .categort_blc ul li:hover a, .index_blc.event .categort_blc ul li.current a,
        .index_blc.event .categort_blc ul li:hover a {
          color: #000000; }
      .index_blc.topics .categort_blc .year_box, .index_blc.event .categort_blc .year_box {
        margin-left: auto;
        margin-bottom: -1px; }
        .index_blc.topics .categort_blc .year_box select, .index_blc.event .categort_blc .year_box select {
          outline: none;
          text-indent: 0.01px;
          -o-text-overflow: '';
          text-overflow: '';
          background: none transparent;
          vertical-align: middle;
          font-size: inherit;
          color: inherit;
          -webkit-appearance: button;
          -moz-appearance: button;
          appearance: button;
          border: none;
          font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
          font-weight: 500;
          background: transparent url("/wp-content/themes/roppongi-kaigi/img/common/arrow_icon01.png") right center no-repeat;
          background-size: 12px auto;
          padding-right: 18px;
          -webkit-transition: all .2s;
          -o-transition: all .2s;
          transition: all .2s; }
          .index_blc.topics .categort_blc .year_box select:hover, .index_blc.event .categort_blc .year_box select:hover {
            color: #ccb714;
            cursor: pointer; }
          @media screen and (max-width: 767px) {
            .index_blc.topics .categort_blc .year_box select, .index_blc.event .categort_blc .year_box select {
              font-size: 16px; } }
        .index_blc.topics .categort_blc .year_box select option, .index_blc.event .categort_blc .year_box select option {
          background-color: #fff;
          color: #333; }
        .index_blc.topics .categort_blc .year_box select::-ms-expand, .index_blc.event .categort_blc .year_box select::-ms-expand {
          display: none; }
        .index_blc.topics .categort_blc .year_box select:-moz-focusring, .index_blc.event .categort_blc .year_box select:-moz-focusring {
          color: transparent;
          text-shadow: 0 0 0 #828c9a; }
    .index_blc.topics .article_list li, .index_blc.event .article_list li {
      margin-bottom: 25px; }
      @media screen and (max-width: 767px) {
        .index_blc.topics .article_list li, .index_blc.event .article_list li {
          font-size: 15px; } }
      .index_blc.topics .article_list li .info, .index_blc.event .article_list li .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 13px;
        margin-bottom: 10px; }
        .index_blc.topics .article_list li .info .date, .index_blc.event .article_list li .info .date {
          font-size: 13px;
          background: #e5e5e5;
          padding: 5px 10px; }
        .index_blc.topics .article_list li .info .category, .index_blc.event .article_list li .info .category {
          background: #373535;
          color: #fff;
          font-size: 15px;
          padding: 3px 10px;
          letter-spacing: 2px; }
          .index_blc.topics .article_list li .info .category.color_blue, .index_blc.event .article_list li .info .category.color_blue {
            background: #6ea1d0;
            color: #fff; }
          .index_blc.topics .article_list li .info .category.color_pink, .index_blc.event .article_list li .info .category.color_pink {
            background: #f19b97;
            color: #fff; }
          .index_blc.topics .article_list li .info .category.color_yellow, .index_blc.event .article_list li .info .category.color_yellow {
            background: #f9ebab;
            color: #373535; }
          .index_blc.topics .article_list li .info .category.color_green, .index_blc.event .article_list li .info .category.color_green {
            background: #9dc16f;
            color: #fff; }
          .index_blc.topics .article_list li .info .category.color_gold, .index_blc.event .article_list li .info .category.color_gold {
            background: #ccb714;
            color: #fff; }
          .index_blc.topics .article_list li .info .category.color_black, .index_blc.event .article_list li .info .category.color_black {
            background: #373535;
            color: #fff; }
          .index_blc.topics .article_list li .info .category.color_purple, .index_blc.event .article_list li .info .category.color_purple {
            background: #b58bf6;
            color: #fff; }
          .index_blc.topics .article_list li .info .category.color_orange, .index_blc.event .article_list li .info .category.color_orange {
            background: #fbb378;
            color: #fff; }
          .index_blc.topics .article_list li .info .category.color_gray, .index_blc.event .article_list li .info .category.color_gray {
            background: #929292;
            color: #fff; }
  .index_blc.topics .index_lead {
    text-align: center; }
  .index_blc.projects {
    max-width: 630px; }
    .index_blc.projects .index_lead {
      text-align: center;
      margin-bottom: 40px; }
    .index_blc.projects .article_list {
      text-align: center; }
      @media screen and (max-width: 767px) {
        .index_blc.projects .article_list {
          padding: 0;
          margin-bottom: 30px; } }
      .index_blc.projects .article_list li {
        text-align: left;
        max-width: 470px;
        margin: 0 auto 30px;
        position: relative; }
        @media screen and (max-width: 767px) {
          .index_blc.projects .article_list li {
            width: auto;
            max-width: 480px;
            margin-bottom: 20px; } }
        .index_blc.projects .article_list li a {
          display: block;
          color: #383635; }
          .index_blc.projects .article_list li a:hover {
            opacity: .8; }
        .index_blc.projects .article_list li .ttl {
          font-size: 14px;
          background: #373535;
          color: #fff;
          padding: 14px 18px;
          font-weight: 500;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 2em;
          padding-right: 125px;
          letter-spacing: 2px; }
          .index_blc.projects .article_list li .ttl.color_blue {
            background: #6ea1d0;
            color: #fff; }
          .index_blc.projects .article_list li .ttl.color_pink {
            background: #f19b97;
            color: #fff; }
          .index_blc.projects .article_list li .ttl.color_yellow {
            background: #f9ebab;
            color: #373535; }
          .index_blc.projects .article_list li .ttl.color_green {
            background: #9dc16f;
            color: #fff; }
          .index_blc.projects .article_list li .ttl.color_gold {
            background: #ccb714;
            color: #fff; }
          .index_blc.projects .article_list li .ttl.color_black {
            background: #373535;
            color: #fff; }
          .index_blc.projects .article_list li .ttl.color_purple {
            background: #b58bf6;
            color: #fff; }
          .index_blc.projects .article_list li .ttl.color_orange {
            background: #fbb378;
            color: #fff; }
          .index_blc.projects .article_list li .ttl.color_gray {
            background: #929292;
            color: #fff; }
          @media screen and (max-width: 767px) {
            .index_blc.projects .article_list li .ttl {
              padding-right: 86px; } }
        .index_blc.projects .article_list li .cont_blc {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .index_blc.projects .article_list li .cont_blc .txt {
            background: #f3f3f3;
            padding: 10px 125px 10px 18px;
            font-size: 12px;
            font-weight: bold;
            width: 100%;
            min-height: 72px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            line-height: 1.6; }
            @media screen and (max-width: 767px) {
              .index_blc.projects .article_list li .cont_blc .txt {
                min-height: 72px;
                padding-right: 86px; } }
            .index_blc.projects .article_list li .cont_blc .txt .link {
              color: #0063c9;
              font-size: 14px; }
              .index_blc.projects .article_list li .cont_blc .txt .link:hover {
                color: #358fea; }
          .index_blc.projects .article_list li .cont_blc .img {
            font-size: 0;
            position: absolute;
            top: 10px;
            right: 10px; }
            @media screen and (max-width: 767px) {
              .index_blc.projects .article_list li .cont_blc .img {
                min-width: 72px;
                min-height: 72px; } }
            .index_blc.projects .article_list li .cont_blc .img img {
              width: 112px; }
              @media screen and (max-width: 767px) {
                .index_blc.projects .article_list li .cont_blc .img img {
                  width: 71px; } }
  .index_blc.report .index_lead {
    margin-bottom: 40px;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto; }
  .index_blc.report .ttl02 {
    color: #ccb715;
    font-size: 18px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: normal; }
  .index_blc.report .article_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .index_blc.report .article_list li {
      width: 33.3333%;
      text-align: center;
      font-size: 12px;
      vertical-align: top;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 20px; }
      @media screen and (max-width: 767px) {
        .index_blc.report .article_list li {
          padding: 0 0; } }
      .index_blc.report .article_list li a {
        display: block; }
        .index_blc.report .article_list li a .date {
          margin-bottom: 15px; }
        .index_blc.report .article_list li a .ttl {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          text-align: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-bottom: 15px; }
      .index_blc.report .article_list li .img {
        margin: 0 5px; }
        .index_blc.report .article_list li .img img {
          width: 159px; }
          @media screen and (max-width: 767px) {
            .index_blc.report .article_list li .img img {
              width: 100%;
              max-width: auto; } }
  .index_blc .wp-pagenavi {
    margin-top: 65px;
    text-align: center;
    font-size: 17px; }
    .index_blc .wp-pagenavi a, .index_blc .wp-pagenavi span {
      display: inline-block;
      width: 42px;
      height: 42px;
      line-height: 42px;
      border: 1px solid #000;
      color: #000;
      margin: 0 5px; }
      .index_blc .wp-pagenavi a.current, .index_blc .wp-pagenavi a:hover, .index_blc .wp-pagenavi span.current, .index_blc .wp-pagenavi span:hover {
        border: 1px solid #ccb715;
        color: #ccb715; }

.blog_detail_box {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }
  .blog_detail_box .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    margin-bottom: 10px; }
    .blog_detail_box .info .date {
      font-size: 13px;
      background: #e5e5e5;
      padding: 5px 10px; }
    .blog_detail_box .info .category {
      background: #373535;
      color: #fff;
      font-size: 15px;
      padding: 3px 10px;
      letter-spacing: 2px; }
      .blog_detail_box .info .category.color_blue {
        background: #6ea1d0;
        color: #fff; }
      .blog_detail_box .info .category.color_pink {
        background: #f19b97;
        color: #fff; }
      .blog_detail_box .info .category.color_yellow {
        background: #f9ebab;
        color: #373535; }
      .blog_detail_box .info .category.color_green {
        background: #9dc16f;
        color: #fff; }
      .blog_detail_box .info .category.color_gold {
        background: #ccb714;
        color: #fff; }
      .blog_detail_box .info .category.color_black {
        background: #373535;
        color: #fff; }
      .blog_detail_box .info .category.color_purple {
        background: #b58bf6;
        color: #fff; }
      .blog_detail_box .info .category.color_orange {
        background: #fbb378;
        color: #fff; }
      .blog_detail_box .info .category.color_gray {
        background: #929292;
        color: #fff; }
  .blog_detail_box h1 {
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 20px; }
  .blog_detail_box h1.projects_ttl {
    padding: 15px;
    letter-spacing: 2px; }
    .blog_detail_box h1.projects_ttl.color_blue {
      background: #6ea1d0;
      color: #fff; }
    .blog_detail_box h1.projects_ttl.color_pink {
      background: #f19b97;
      color: #fff; }
    .blog_detail_box h1.projects_ttl.color_yellow {
      background: #f9ebab;
      color: #373535; }
    .blog_detail_box h1.projects_ttl.color_green {
      background: #9dc16f;
      color: #fff; }
    .blog_detail_box h1.projects_ttl.color_gold {
      background: #ccb714;
      color: #fff; }
    .blog_detail_box h1.projects_ttl.color_black {
      background: #373535;
      color: #fff; }
    .blog_detail_box h1.projects_ttl.color_purple {
      background: #b58bf6;
      color: #fff; }
    .blog_detail_box h1.projects_ttl.color_orange {
      background: #fbb378;
      color: #fff; }
    .blog_detail_box h1.projects_ttl.color_gray {
      background: #929292;
      color: #fff; }
  .blog_detail_box .wp_content {
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .blog_detail_box .wp_content {
        margin-bottom: 20px; } }
    .blog_detail_box .wp_content * {
      word-wrap: break-word; }
    .blog_detail_box .wp_content > *,
    .blog_detail_box .wp_content blockquote > *,
    .blog_detail_box .wp_content div > * {
      margin-bottom: 25px;
      line-height: 1.9;
      font-size: 16px; }
      @media screen and (max-width: 767px) {
        .blog_detail_box .wp_content > *,
        .blog_detail_box .wp_content blockquote > *,
        .blog_detail_box .wp_content div > * {
          font-size: 15px; } }
    .blog_detail_box .wp_content blockquote > *:last-child,
    .blog_detail_box .wp_content div > *:last-child {
      margin-bottom: 0; }
    .blog_detail_box .wp_content h1, .blog_detail_box .wp_content h2, .blog_detail_box .wp_content h3, .blog_detail_box .wp_content h4, .blog_detail_box .wp_content h5, .blog_detail_box .wp_content h6 {
      margin-bottom: 10px; }
    .blog_detail_box .wp_content h2 {
      font-size: 20px;
      font-weight: bold;
      border-bottom: 1px solid #000;
      padding-bottom: 4px;
      margin-bottom: 15px; }
    .blog_detail_box .wp_content h3 {
      font-weight: bold;
      font-size: 18px;
      border-left: 3px solid #000;
      padding-left: 10px;
      line-height: 1.3; }
    .blog_detail_box .wp_content img:not([width]) {
      width: auto;
      max-width: 100%;
      height: auto;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
    .blog_detail_box .wp_content .aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
    .blog_detail_box .wp_content .alignleft {
      margin-right: 15px;
      float: left; }
    .blog_detail_box .wp_content .alignright {
      margin-left: 15px;
      float: right; }
    .blog_detail_box .wp_content a {
      color: #000;
      text-decoration: underline; }
      .blog_detail_box .wp_content a:hover {
        opacity: .8;
        text-decoration: none; }
    .blog_detail_box .wp_content ul li {
      list-style-type: disc;
      margin-left: 20px;
      margin-top: 5px; }
      .blog_detail_box .wp_content ul li:first-child {
        margin-top: 0; }
    .blog_detail_box .wp_content ol li {
      list-style-type: decimal;
      margin-left: 20px;
      margin-top: 5px; }
      .blog_detail_box .wp_content ol li:first-child {
        margin-top: 0; }
    .blog_detail_box .wp_content dl dt {
      font-weight: bold;
      margin-bottom: 5px; }
    .blog_detail_box .wp_content dl dd {
      margin-bottom: 10px;
      padding-left: 1em; }
    .blog_detail_box .wp_content blockquote {
      margin: 1em 0;
      padding: 20px;
      border-top: 1px double #ccc;
      border-bottom: 1px double #ccc; }
      .blog_detail_box .wp_content blockquote cite {
        font-weight: bold; }
    .blog_detail_box .wp_content table {
      width: 100%; }
      .blog_detail_box .wp_content table thead {
        border-bottom: 1px solid #000;
        text-align: center; }
      .blog_detail_box .wp_content table th, .blog_detail_box .wp_content table td {
        padding: 10px; }
      .blog_detail_box .wp_content table th {
        font-weight: bold; }
      .blog_detail_box .wp_content table tbody tr:nth-child(even) th, .blog_detail_box .wp_content table tbody tr:nth-child(even) td {
        background: #eee; }
    @media screen and (max-width: 767px) {
      .blog_detail_box .wp_content .table_scroll {
        overflow-x: scroll; }
        .blog_detail_box .wp_content .table_scroll table {
          white-space: nowrap; } }
    .blog_detail_box .wp_content sub {
      font-size: 75.5%;
      vertical-align: bottom;
      position: relative;
      top: 0.1em; }
    .blog_detail_box .wp_content sup {
      font-size: 75.5%;
      vertical-align: top;
      position: relative;
      top: -0.1em; }
    .blog_detail_box .wp_content .wp-caption {
      width: auto !important; }

.detail_sns_blc .sns_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ccb715;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .detail_sns_blc .sns_links li {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #ccb715;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #ccb715;
    font-size: 14px;
    padding: 0 15px; }
    .detail_sns_blc .sns_links li.fb, .detail_sns_blc .sns_links li.tw {
      width: 40px;
      border-left: none;
      font-size: 0;
      padding: 0; }
    .detail_sns_blc .sns_links li a {
      display: block; }
      .detail_sns_blc .sns_links li a img {
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s; }
        .detail_sns_blc .sns_links li a img:hover {
          opacity: .8; }