/* ------------------------------
    mixin
------------------------------ */
@media screen and (min-width: 768px) {
    #header .logo {
     width: 30rem; } }
   
   /* ------------------------------
       index
   ------------------------------ */
   #page_index {
    /* sec_about */ }
   #page_index #sec_about .list .item .txt {
    height: 10em;
    display: flex;
    align-items: center;
    justify-content: center; }
   
   #page_index .link_list li {
       width: calc((100% - 20px) / 3);
   }
   #page_index .link_list li:nth-child(4n+1) {
       margin-left: 10px;
   }
   #page_index .link_list li:nth-child(3n+1){
       margin-left: 0; }
   
   @media screen and (max-width: 767px) {
    #page_index #sec_about .list .item .txt {
     height: auto; }
       #page_index .link_list li {
               width: 49%;
       }
   
       #page_index .link_list li:nth-child(3n+1){
           margin-left: 2%; }
       #page_index .link_list li:nth-child(2n+1) {
               margin-left: 0;
       }
   
   
   }
   
   /* ------------------------------
       who-we-are
   ------------------------------ */
   #page_who-we-are {
    /* sec02 */
    /* sec03 */ }
   #page_who-we-are #sec02 .box .ttl .serif {
    display: inline-block;
    font-size: 4.0rem;
    line-height: 1.4; }
   #page_who-we-are #sec02 .box .sttl img {
    height: 7rem;
    width: auto; }
   #page_who-we-are #sec03 .list .item .txt {
    height: 10em;
    display: flex;
    align-items: center;
    justify-content: center; }
   @media screen and (max-width: 767px) {
    #page_who-we-are #sec03 .list .item .txt {
     height: auto; } }
   
   /* ------------------------------
       outline
   ------------------------------ */
   #page_about_outline {
    /* sec_intro */ }
   #page_about_outline #sec_intro .list .item .txt {
    height: 16em;
    display: flex;
    align-items: flex-start;
    justify-content: center; }
   @media screen and (max-width: 767px) {
    #page_about_outline #sec_intro .list .item .txt {
     height: auto; } }
   
   /* ------------------------------
       ask
   ------------------------------ */
   #page_ask {
    /* sec01 */ }
   @media screen and (max-width: 767px) {
    #page_ask #sec01 .ttl_m.content {
     margin-bottom: 3em; } }