#header_copy > h2 > span {
    font-size: 48px;
}
ul.list_blog li {
    width: 98%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 83px 1%; }
    ul.list_blog li .thumb {
      width: 100%;
      max-width: 331px;
      background-size: cover;
      background-position: center; }
    ul.list_blog li div.doc {
      width: 70%;
      padding: 0 2%; }
      ul.list_blog li div.doc h3 {
        font-size: 21px;
        padding-bottom: 5px; }
      ul.list_blog li div.doc p {
        font-size: 18px; }
      ul.list_blog li div.doc div.link {
        font-size: 16px;
        width: 100%; }
        ul.list_blog li div.doc div.link a {
          word-break: break-all; }
    @media (max-width: 1000px) {
      ul.list_blog li {
        flex-direction: column;
        justify-content: center;
        margin: 1% 5%; }
        ul.list_blog li .thumb {
          width: 90%;
          height: 50vw;
          max-width: none;
          min-width: 335px;
          min-height: 157px;
          margin: 0 auto; }
          ul.list_blog li p {
            display: none; } 
          ul.list_blog li div.doc {
          width: 90%; } }

.waku {
    padding: 2px 5px;
    background-color: #E5EAEC;
    width: 90px;
    display: inline-table;
    text-align: center;
    margin-right: 10px;
    font-size: 12px;

}

#kap_img_sp {
    background-image: url(./assets/images/KAP-Banner-mobile2.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
}

/* ****************************************************
* TOPページのNEWS欄で使用
*******************************************************/
#top-news {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
#top-news .inner {
    max-width: 1255px;
    margin: 0 auto;
}
        
#top-news .paddinglr {
       padding: 0 20px;
}
#top-news p {
    line-height: 35px;
    font-size: 18px;
    color: #14415A;
}       
#top-news a {
  font-size: 18px;
  color: #14415A;
  font-weight: bold;
  text-decoration: underline;
  line-height:1.7;
  }
        

/* ****************************************************
* Portfolio List ページで使用
*******************************************************/
/* #tail_disp2 .row {
    display: flex; }
          
#tail_disp2 div.cate {
    display: flex;
    padding-left: 5%; }
#tail_disp2 div.cate_portfolio {
    display: flex;
    margin: 0px 10%; }
#tail_disp2 div.cate h3 {
    width: 162px;
    font-size: 2.8rem;
    display: block;
    color: #fff;
    background-color: #14415A;
    height: 50px;
    text-align: center;
    padding: 9px 20px 0px 17px; }
    @media (max-width: 768px) {
    #tail_disp2 div.cate h3 {
        display: none;
        font-size: 2.4rem; } }
    @media (max-width: 521px) {
        #tail_disp2 div.cate h3 {
            display: none;
            font-size: 2rem;
            padding: 13px 20px 0px 17px; } }
              
#tail_disp2 ul#country, #tail_disp2 ul#industry {
    margin: 0 auto;
    width: 80%;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-family: "AvenirNextLTPro-Demi", "Muli", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic";
    font-weight: bold; }
    @media (max-width: 960px) {
    #tail_disp2 ul#country, #tail_disp2 ul#industry {
        width: 95%; } }
    @media (max-width: 521px) {
    #tail_disp2 ul#country, #tail_disp2 ul#industry {
        display: flex;
        flex-direction: column;
        line-height: 15px; } }
    #tail_disp2 ul#country li, #tail_disp2 ul#industry li {
        margin: 1px 1% 18px;
        padding: 6px; }
    #tail_disp2 ul#country li.cat_label, #tail_disp2 ul#industry li.cat_label {
        background-color: #14415A;
        color: #fff;
        font-size: 3.1rem;
        width: 164px;
        height: 50px;
        text-align: center;
        margin: 13px 1%; }
    #tail_disp2 ul#country li label, #tail_disp2 ul#industry li label {
        cursor: pointer;
        padding: 3px 8px;
        border-radius: 40px; }
    #tail_disp2 ul#country li input, #tail_disp2 ul#industry li input {
        display: none; }
    #tail_disp2 ul#country li .check_box:checked + .label, #tail_disp2 ul#industry li .check_box:checked + .label {
        background-color: rgba(255, 255, 0, 0.4); }
    @media (max-width: 768px) {
    #tail_disp2 ul#country li, #tail_disp2 ul#industry li {
        display: none;
        margin: 0px 0px 5px 25px;
        padding: 6px;
        font-size: 1.8rem; }
    #tail_disp2 ul#country li.cat_label, #tail_disp2 ul#industry li.cat_label {
        font-size: 1.8rem;
        height: auto; } }
          
    #tail_disp2 ul#country li {
        text-transform: uppercase; }
    #tail_disp2 ul#country li.cat_label {
        text-transform: capitalize; }
          
    #tail_disp2 ul#p_list {
        flex-wrap: wrap;
        justify-content: center; }
    #tail_disp2 ul#p_list li {
        margin: 0%;
        width: 800px;
        text-align: left;
        font-size: medium;
        color: #14415A;
        }
    #tail_disp2 div.two_colum {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        
        @media (max-width: 916px) {
        #tail_disp2  div.two_colum {
            flex-direction: column; } }

        #tail_disp2 div.two_colum div.left {
            width: 50%;
            display: flex;
            align-items: center; }
        #tail_disp2 div.two_colum div.right {
            width: 50%; }
        
        @media (max-width: 916px) {
        #tail_disp2 div.two_colum div.left {
            width: 100%;
            margin: 0 auto;
            justify-content: center; }
        #tail_disp2 div.two_colum div.right {
                width: 60%;
                margin: 0 auto;
                justify-content: center; }
        #tail_disp2 div.two_colum div.left {
            max-width: 640px; } }

        #tail_disp2 ul#p_list li span {
            display: block; }
        #tail_disp2 ul#p_list li img {
            width: 90%;
        }
        #tail_disp2 div.two_colum2 {
            display: flex;
            flex-wrap: wrap;
            justify-content: left; }
        #tail_disp2 div.two_colum2 div.left2 {
            width: 25%;
            display: flex;
            line-height: 15px;
            margin-top:   5px;
            width: auto;
            margin-right: 15px;
         }
        #tail_disp2 div.two_colum2 div.right2 {
            width: 75%;
            line-height: 15px;
            margin-top:   5px;
            width: auto;
         }

    #tail_disp2 h1 {
        font-size: 30px;
        color: #14415A;
        }
            
    #tail_disp2 h2 {
        font-size: 24px;
        background-color:  #14415A;
        color: #fff;
        border-radius: 0px 0px 30px; 
        border: 1px solid #14415A;
        width: 400px;
        height: 50px;
        padding-top: 10px;
        text-align: center;
    }
        
    #tail_disp2 h3 {
        font-size: 18px;
        color: #14415A;
        font-weight: bold;
    }
        
    #tail_disp2 .txt {
        font-size: 16px;
        color: #14415A;
        line-height: 25px;
    }

    #tail_disp2 a {
        font-size: 16px;
        color: #14415A;
        line-height: 25px;
        text-decoration: underline;
    }
    @media (max-width: 1000px) {
        #tail_disp2 a {
        font-size: 16px;
        color: #14415A;
        line-height: 25px;
        text-decoration: underline;
    }
    }

    #tail_disp2 .box {
        padding: 8px 5px 5px 5px;
        margin: 2em 0;
        color: #14415A;
        font-family: "AvenirNextLTPro-Demi", "Muli", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic";
        font-weight: bold;
        background: #C2CED6;
    }
    #tail_disp2 .box p {
        margin: 0; 
        padding: 0;
    }

    #tail_disp3 .summarylist {
        text-align: right;
        padding-right: 20px;
        margin-bottom: 10px;
    }
    @media (max-width: 768px) {
        #tail_disp3 .summarylist {
            text-align: center;
        }
    }    

    #tail_disp3 a {
        box-sizing: border-box;
        font-size: 24px;
        color: #14415A;
        border: #14415A solid 5px;
        padding: 5px;
    } */

    /* Different page? */
ul.history_box {
    display: flex;
    align-items: baseline;
    padding: 0% 10%;
}
    ul.history_box li.date {
            width: 10%;
    }
    ul.history_box li.png {
        width: 3%;
    }
    ul.history_box li.content2 {
        width: 88%;
    }
ul.history_company {
    display: flex;
    padding: 0% 10%;
}
    ul.history_company li.png {
        width: 3%;
    }
    ul.history_company li.content2 {
        width: 80%;
    }
ul.summary_company {
    display: flex;
    padding: 0% 5%;
    font-size: medium;
}
    ul.summary_company li.titlel{
        width: 30%;
        font-weight: bold;
    }
    ul.summary_company li.content2 {
        width: 70%;
    }
ul.menu_under {
    display: flex;
    padding: 0% 5%;
    text-align: center;
}
    ul.menu_under li.mbtn{
        width: 20%;
        height: auto;
    }
    .wimg{
        width: 200px;
        height: auto;
    }

    @media (max-width: 1600px) {
        .wimg {
            width: 180px;
            height: auto;
        }
    }
    @media (max-width: 1440px) {
        .wimg {
            width: 150px;
            height: auto;
        }
    }
    @media (max-width: 1186px) {
        ul.history_box li.png {
            width: 4%;
        }    
        ul.history_company li.png {
            width: 4%;
        }
        .wimg {
            width: 120px;
            height: auto;
        }
    }    
    @media (max-width: 1024px) {
        ul.history_box {
            padding: 0% 5%;
        }
        ul.history_company {
            padding: 0% 5%;
        }
        ul.menu_under {
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 0% 5%;
            width: 100%;
        }
        ul.menu_under li.mbtn{
            width: 100%;
            height: auto;
        }
        .wimg {
            width: 250px;
            height: auto;
        }
    }    
    @media (max-width: 940px) {
        ul.history_box li.date {
            width: 12%;
        }
        ul.history_box li.png {
           width: 5%;
        }
        ul.history_company li.png {
            width: 5%;
        }
    }    
    @media (max-width: 820px) {
        ul.history_box {
            flex-wrap: wrap;
            padding: 3% 5%;
        }
        ul.history_box li.date {
            width: 15%;
        }
        ul.history_box li.png {
            width: 5%;
        }
        ul.history_box li.png img {
            width: 20px;
        }
        ul.history_company li.png img {
            width: 20px;
        }
        ul.history_box li.content2 {
            width: 100%;
            line-height: 20px;
            margin-top: -5px;
        }
        ul.history_company li.png {
            width: 5%;
        }
    }
    @media (max-width: 790px) {
        ul.history_box li.date {
            width: 15%;
        }
        ul.history_box li.png {
            width: 6%;
        }
        ul.history_company li.png {
            width: 6%;
        }
    }    
    @media (max-width: 518px) {
        ul.history_box li.date {
            width: 20%;
        }
        ul.history_box li.png {
            width: 8%;
        }
        ul.history_company li.png {
            width: 8%;
        }
    }
    
    #contact {
        background-color: #14415A;
    }
    
    .fontcolor {
        color: #14415A;
    }
    .fontsize {
        font-size: 18px;
        font-weight: bold;
    }
    .fontwhite {
        color: #FFFFFF;
    }
    .partners {
        color: #214C64;
        text-align: center;
        margin-top: 10px;
        font-size: 1.8rem;
        font-weight: bold;
    }
    .contact_col {
    color: white;
    font-size: 14px;  
    display: flex;
    flex-direction:   row;
    flex-wrap: nowrap;
    align-items:  flex-start;
    justify-content: center; }
    @media (max-width: 916px) {
    .contact_col {
      flex-direction: column; } }
     .contact_col div.left {
      text-align: left;
      font-size: 35px;
      padding-left:10%;  
      padding-top:3%;
      width: 50%; }
    .contact_col div.right {
      padding-top:3%;
      width: 50%;
    }
    .contact_col .left_img {
    position: absolute;
    left: 44.5%;
    height: 585px;
    max-width: 680px;
    background-repeat: no-repeat;
    background-image: url(./assets/images/contact_us-collage.png);
    }  
    @media (max-width: 916px) {
      .contact_col div.left, .contact_col div.right {
        width: 100%;
        margin: 0 auto; }
      .contact_col div.left {
        max-width: 640px; } }
    
    .alink {
    color: #9DAD6F;
    font-size: 14px;
    font-weight: bold;
    text-decoration:underline;
    }         
    .blink {
    color: #FFFFFF;
    font-size: 20px;
    text-decoration:none;
    }         
    .redlink {
    color: #CA66A5;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration:underline;
    }         
    .bg_f2 {
      background-color: #F2F2F2;
    }
    .bg_14 {
      background-color: #14415A;
    }
    .imgh {
     height: 400px;
    }
    .titl {
     padding-left:25%;
    }
    .hrr {
    width: 600px; 
    background-color: #14415A;
    border-width: 1px 0px 0px 0px; /* 太さ1px */
    border-style: solid; /* 線種を破線に */
    border-color: white;   /* 線色を灰色に */
    height: 1px;         /* 高さ(※古いIE用) */
    }
    .hrb {
    width: 100%; 
    background-color: #14415A;
    border-width: 1px 0px 0px 0px; /* 太さ1px */
    border-style: solid; /* 線種を破線に */
    border-color: white;   /* 線色を灰色に */
    height: 1px;         /* 高さ(※古いIE用) */
    margin: 0px;
    }
    
    .customer_col {
    color: white;
    font-size: 14px;  
    display: flex;
    flex-direction:   row;
    flex-wrap: nowrap;
    align-items:  flex-start;
    justify-content: center; }
    
    @media(max-width: 1000px) {
    .customer_col {
      display:  block; }
    .customer_col div.left {
      text-align: center;
      font-size: 20px;
      padding:3% 3%;  
      width: 100%; }
     .customer_col div.right {
      width: 100%; }
    }    
    .customer_col div.left {
      text-align: left;
      font-size: 20px;
      padding:3% 3%;  
      width: 50%; }
    .customer_col div.right {
      padding:3% 3%;
      width: 50%;
    }
    .customer_col .name {
      font-size:    50px;
      padding: 10px auto;  
    }
    
    .expand {/*全体*/
      width: 100%;
      max-height: 420px;
      overflow: hidden;
      position: relative;
      transition: .5s;
      z-index: 9998;
    }
    .contenedor{
        position: relative;
    }
    .contenedor input {/*input要素は隠しておく*/
        visibility: hidden;
        display: none;
    }
     
    .contenedor label {/*ボタン部分のスタイル*/
        content: "";
        position: absolute;
        width: 100%;
        bottom: 0;
        height:250px;
        background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
        transition: 1s;
        z-index: 9999;
        cursor: pointer;
    }
    .contenedor label:after {
        content: '';
        width: 30px;
        height: 30px;
        border-top: solid 3px #14415A;
        border-right: solid 3px #14415A;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(135deg);
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
        -ms-transform: translate(-50%, -50%) rotate(135deg);
    }
    .contenedor input:checked + label {/*開いているときは:checked状態なので、その際はボタンテキストを変える*/
        background: none;
        height: 50px;
        margin: 0 0 -50px;
    }
    .contenedor input:checked + label:after {/*開いているときは:checked状態なので、その際はボタンテキストを変える*/
        transform: translate(-50%, -50%) rotate(-45deg);
    }
     
    input[type=checkbox]:checked ~ .expand {
     max-height: 5000px;
    }
     
    input[type=checkbox]:checked ~ .expand:before {
     opacity: 0
    }
    .pc_none{
        display: none;
    }
    .sp_none{
        display: block;
    }
    
    @media (max-width: 1000px) {
    .pc_none{
        display: block;
    }
    .sp_none{
        display: none;
    }
    .kyoto img{
        width: 100%;
        height: auto;
    }
    /* アドミンバー一時削除 */
    #wpadminbar{
        display: none;
    }
    html{
        margin: 0 0 0 0!important;
    }
    header{
        position: static;
    }
    header .inner{
        background: #14415A;
    }
    header #logo h1 img{
        width: 160px;
    }
    .sp_lang{
        position: absolute;
        right: -132px;
        bottom: 33%;
    }
    .sp_lang select{
        background: #24435C;
        padding: 5px 10px;
        border: 1px solid #fff;
        border-radius: 20px;
        color: #fff;
    }
    .sp_lang_f{
        width: 90%;
        margin: 30px auto 0;
    }
    .sp_lang_f select{
        background: #24435C;
        padding: 5px 10px;
        border: 1px solid #fff;
        border-radius: 20px;
        color: #fff;
    }
    #header_copy h2{
        background: none;
        color: #14415A;
        width: 100%;
        font-size: 3.5rem;
        padding: 0 0 0 0;
        margin: 0 0 0 5%;
    }
    #header_copy h2 span{
        padding: 5px 0 0 0;
        background: #EEE93A;
        line-height: 1.4;
        font-size: 32px;
    }
    #header_copy{
        top: auto;
        bottom: -160px;
    }
    #head_top_img{
        width:100%;
        background-color: #F2F2F2;
        background-repeat: no-repeat;
        background-size: 100% auto;
        height: 360px;
    }
    #header_copy p{
        font-size: 1.6rem;
        color: #14415A;
        font-weight: bold;
        line-height: 1.8;
        padding: 0;
        margin: 0 0 0 5%;
    }
    #header_copy div.scroll_down_arrow a{
        display: none;
    }
    #nav ul#sp-nav li{
        height: 2px;
        background: #fff;
    }
    h2.cate_title2{
        font-size: 2.6rem;
        margin: 0 auto 30px;
    }
    #events{
        background: #F2F2F2;
    }
    .expand{
        max-height: 265px;
    }
    .expand .content{
        margin-top: 0;
    }
    .expand .row{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .expand .row{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .expand #tail_disp ul#p_list li{
        width: 30%;
        height: auto;
    }
    .customer_col{
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        margin: 30px 0 0 0;
    }
    .customer_col div.right,
    .customer_col div.left{
        width: 100%;
    }
    .customer_col div.right img{
        width: 100%;
        height: auto;
    }
    .customer_col div.left .name{
        font-size: 2.6rem;
        margin: 0 0 30px;
        display: inline-block;
    }
    .contact_col .titl{
        text-align: left;
        font-weight: bold;
    }
    .hrr {
       width: 100%; 
    }
    .imgh {
        height: 200px;
        text-align: center;
    }
    #contact{
        border: none;
    }
    .contact_col div.left {
      text-align: center;
      font-size: 30px;
      padding:5px;  
      width: 100%;
    }
    .contact_col div.right {
      padding: 20px;  
      width: 100%;
      font-size:20px;
      
    }
    .contact_col div.right hr{
        display: none;
    }
    .contact_col div.right hr:last-child{
        display: block;
    }
    .contact_col div.right .hvr-grow{
        padding: 20px 0 0 0;
        display: block;
    }
    .contact_col div.right .hvr-grow:first-of-type {
        border-top: 1px solid #fff;
    }
    .contact_col div.right > a{
        display: block;
        width: 100%;
        border-bottom: 1px solid #fff;
        padding: 0 0 20px 0;
    }
    .titl {
     padding-left:2%;
    }
    .sp_text{
        font-size: 1.6rem;
        line-height: 1.6;
        font-weight: bold;
        padding: 0 3%;
        display: inline-block;
    }
    .redlink{
        font-size: 1.6rem;
        font-weight: bold;
    }
    .sp_mgbtm020{ margin-bottom: 20px; }
    .sp_mgbtm030{ margin-bottom: 30px; }
    .sp_mgbtm040{ margin-bottom: 40px; }
    }