﻿/*!
 * styles.css
 * 
 *//*!
 * module-title
 * ====================
 *//*!
 * m-title-07: 文字間隔を広げる
 * --------------------
 */@media (min-width: 1120px){.m-title-07{letter-spacing:.05em}}/*!
 * component-card
 * ====================
 *//*!
 * コンテンツを斜め下にずらす
 * --------------------
 */.c-card-inner{padding-bottom:20px}@media (min-width: 1120px){.c-card-inner{padding-bottom:35px}}.c-card-contents{left:20px}@media (min-width: 1120px){.c-card-contents{left:35px}}/*!
 * project-cardlist
 * ====================
 *//*!
 * .p-cardlist-4のみスマートフォンでの挙動を変更
 * --------------------
 */@media (max-width: 767.9px){.p-cardlist-4 .c-card-inner{padding-bottom:0}}@media (max-width: 767.9px){.p-cardlist-4 .c-card-contents{position:relative;left:auto}}/*!
 * component-lead
 * ====================
 *//*!
 * 上下左右に装飾を表示する
 * --------------------
 */.c-lead{background-color:transparent;border:2px solid #333}.c-lead:before,.c-lead:after{content:"";position:absolute;background-color:#fafafa}.c-lead:before{top:-2px;left:20px;bottom:-2px;right:20px;z-index:11}@media (min-width: 1120px){.c-lead:before{left:30px;right:30px}}.c-lead:after{top:15px;left:-2px;bottom:15px;right:-2px;z-index:12}@media (min-width: 1120px){.c-lead:after{top:20px;bottom:20px}}/*!
 * module-nav
 * ====================
 *//*!
 * カーソルを置いたときに下線を表示する
 * --------------------
 */a.m-nav .m-nav-label:after{content:"";display:block;position:absolute;left:0;bottom:0;background-color:transparent;width:100%;height:1px}a.m-nav:hover .m-nav-label:after,a.m-nav:focus .m-nav-label:after,a.m-nav:active .m-nav-label:after{background-color:#333}.c-navbar-inverse a.m-nav:hover .m-nav-label:after,.c-navbar-inverse a.m-nav:focus .m-nav-label:after,.c-navbar-inverse a.m-nav:active .m-nav-label:after{background-color:#fff}/*!
 * component-navbar
 * ====================
 *//*!
 * 各ボタンの境界に斜線を表示する
 * --------------------
 */.c-navbar-item:before{position:absolute;top:0;left:0;content:"";height:100%;width:1px;background-color:#cfcfcf;transform:rotate(27deg)}.c-navbar-item:first-child:before{display:none}.c-navbar-inverse .c-navbar-item:before{background-color:rgba(255,255,255,0.5)}@media (max-width: 767.9px){.c-navbar-4 .c-navbar-item:nth-child(3):before{display:none}}@media (max-width: 767.9px){.c-navbar-5 .c-navbar-item:nth-child(4):before{display:none}}@media (max-width: 767.9px){.c-navbar-6 .c-navbar-item:nth-child(4):before{display:none}}/*!
 * project-medialist
 * ====================
 *//*!
 * 上下に区切り線を表示する
 * --------------------
 */.p-medialist .c-media{padding-top:20px;border-top:1px solid #cfcfcf}/*!
 * component-gallery-item
 * ====================
 *//*!
 * 上下左右に線を表示する
 * --------------------
 */.c-gallery-item{border:1px solid #cfcfcf}
