@charset "UTF-8";
/* patches/ _page-patent-quality.scss 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
page-patent-top用css
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Lib */
/* //////////////////////////////////

File Name > lib/_variables.scss

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Color
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	Base Color
--------------------------------------*/
/* 基本テキストカラー */
/* Link Text Color */
/* 
	Definition Color
--------------------------------------*/
/* 白 */
/* 黒 */
/* 
	Function Color
--------------------------------------*/
/* 翻訳センター アクセントカラー */
/* お問い合わせボタンカラー */
/* 区切り線カラー */
/* 背景カラー */
/* 
	使用不明 Color
--------------------------------------*/
/* Sub Color */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Font
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Width
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	Device Break Point
--------------------------------------*/
/* Base Width */
/* //////////////////////////////////

File Name > lib/ _mixins.scss

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	テキストリンク設定
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	Definition Color
--------------------------------------*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Hover Effect
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	HE - Opacity
--------------------------------------*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Parts
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	a タグ Block 化
--------------------------------------*/
/* 
	Text Shadow（1px）
--------------------------------------*/
/* 
	遷移用ARROW（ White）
--------------------------------------*/
/* 
	遷移用ARROW（ Orange：下向き）
--------------------------------------*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Media Query
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	神作成
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 見出しミックスイン */
/* Lib/ _mixin*/
/* メインイメージ ------------------------------------------------------------------------------------------------ */
.area-mv {
  background: url(../staff/img/img-mv.jpg) no-repeat;
  background-position: center;
  background-size: cover; }

.area-mv-text {
  color: #fff; }

/* スタッフリスト------------------------------------------------------------------------------------------- */
/* 各スタッフのスタイル */
.staff1 a {
  background: url(../staff/common/img/img-minamimoto.jpg) no-repeat #e7eaeb;
  background-position: left -50px bottom -5px;
  background-size: 115%; }
  @media print, screen and (max-width: 320px) {
    .staff1 a {
      background-position: left -50px bottom;
      background-size: 130%; } }
  @media print, screen and (min-width: 480px) {
    .staff1 a {
      background-position: left -60px bottom -10px;
      background-size: 115%; } }
  @media print, screen and (min-width: 768px) {
    .staff1 a {
      background-position: left -60px bottom;
      background-size: 140%; } }
  @media print, screen and (min-width: 960px) {
    .staff1 a {
      background-position: left -95px bottom;
      background-size: 160%; } }

.staff2 a {
  background: url(../staff/common/img/img-kobayashi.jpg) no-repeat #e2e9e9;
  background-position: left -60px bottom -5px;
  background-size: 113%; }
  @media print, screen and (max-width: 320px) {
    .staff2 a {
      background-position: left -60px bottom;
      background-size: 130%; } }
  @media print, screen and (min-width: 480px) {
    .staff2 a {
      background-position: left -70px bottom -5px;
      background-size: 110%; } }
  @media print, screen and (min-width: 768px) {
    .staff2 a {
      background-position: left -75px bottom;
      background-size: cover; } }
  @media print, screen and (min-width: 960px) {
    .staff2 a {
      background-position: left -120px bottom;
      background-size: 155%; } }

.staff3 a {
  background: url(../staff/common/img/img-ian.jpg) no-repeat #dde5e7;
  background-position: left -73px bottom -10px;
  background-size: 125%; }
  @media print, screen and (max-width: 320px) {
    .staff3 a {
      background-position: left -75px bottom -5px;
      background-size: 135%; } }
  @media print, screen and (min-width: 480px) {
    .staff3 a {
      background-position: left -80px bottom -15px;
      background-size: 122%; } }
  @media print, screen and (min-width: 768px) {
    .staff3 a {
      background-position: left -78px bottom;
      background-size: 145%; } }
  @media print, screen and (min-width: 960px) {
    .staff3 a {
      background-position: left -128px bottom -7px;
      background-size: 168%; } }

.staff4 a {
  background: url(../staff/common/img/img-watanabe.jpg) no-repeat #e5eff1;
  background-position: left -55px bottom;
  background-size: 110%; }
  @media print, screen and (max-width: 320px) {
    .staff4 a {
      background-position: left -65px bottom;
      background-size: 130%; } }
  @media print, screen and (min-width: 480px) {
    .staff4 a {
      background-position: left -65px bottom;
      background-size: 108%; } }
  @media print, screen and (min-width: 768px) {
    .staff4 a {
      background-position: left -74px bottom;
      background-size: 134%; } }
  @media print, screen and (min-width: 960px) {
    .staff4 a {
      background-position: left -125px bottom;
      background-size: 151%; } }

.staff5 a {
  background: url(../staff/common/img/img-terauchi.jpg) no-repeat #e9f2f4;
  background-position: left -50px bottom;
  background-size: 110%; }
  @media print, screen and (max-width: 320px) {
    .staff5 a {
      background-position: left -60px bottom;
      background-size: 130%; } }
  @media print, screen and (min-width: 480px) {
    .staff5 a {
      background-position: left -60px bottom;
      background-size: cover; } }
  @media print, screen and (min-width: 768px) {
    .staff5 a {
      background-position: left -70px bottom;
      background-size: cover; } }
  @media print, screen and (min-width: 960px) {
    .staff5 a {
      background-position: left -110px bottom;
      background-size: 151%; } }

.staff6 a {
  background: url(../staff/common/img/img-paul.jpg) no-repeat #d1dadc;
  background-position: left -63px bottom;
  background-size: 113%; }
  @media print, screen and (max-width: 320px) {
    .staff6 a {
      background-position: left -70px bottom;
      background-size: 130%; } }
  @media print, screen and (min-width: 480px) {
    .staff6 a {
      background-position: left -60px bottom;
      background-size: cover; } }
  @media print, screen and (min-width: 768px) {
    .staff6 a {
      background-position: left -70px bottom;
      background-size: cover; } }
  @media print, screen and (min-width: 960px) {
    .staff6 a {
      background-position: left -123px bottom;
      background-size: 158%; } }

/* ボックス外側のスタイル */
.team-list {
  padding: 40px 0; }
  @media print, screen and (min-width: 768px) {
    .team-list {
      padding: 40px 2%;
      text-align: center; } }
  @media print, screen and (min-width: 960px) {
    .team-list {
      padding: 80px 0; } }
  .team-list li {
    width: 90%;
    margin: 0 auto 20px; }
    @media print, screen and (min-width: 768px) {
      .team-list li {
        display: inline-block;
        width: calc(100% / 2);
        padding: 2%;
        margin: 0;
        vertical-align: top; } }
    @media print, screen and (min-width: 960px) {
      .team-list li {
        width: 450px;
        padding: 8px;
        height: 260px; } }

/* ボックス内側のスタイル */
.team-list a {
  display: block;
  height: 100%;
  padding: 30px 20px; }
  @media print, screen and (max-width: 320px) {
    .team-list a {
      padding: 30px 10px 30px 20px; } }
  @media print, screen and (min-width: 480px) {
    .team-list a {
      padding: 45px 20px; } }
  @media print, screen and (min-width: 960px) {
    .team-list a {
      padding: 30px 20px 0;
      -webkit-transition: 0.4s;
      transition: 0.4s; }
      .team-list a:hover {
        opacity: 0.6; } }
  .team-list a:hover {
    color: #000; }
  .team-list a .lead {
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    display: none; }
    @media print, screen and (min-width: 960px) {
      .team-list a .lead {
        margin-bottom: 20px;
        display: block;
        letter-spacing: 0px; } }
  .team-list a .box-name {
    text-align: right; }
    .team-list a .box-name p {
      font-size: 12px;
      letter-spacing: 0px;
      padding: 0; }
    .team-list a .box-name h2 {
      font-size: 24px;
      letter-spacing: 2px;
      text-align: right;
      padding: 0px 0 10px;
      margin-bottom: 0; }
      .team-list a .box-name h2:after {
        left: auto;
        right: 0;
        width: 100px; }

@media print, screen and (min-width: 960px) {
  .team-list .staff5 .lead {
    font-size: 13px; } }