@charset "UTF-8";
/* //////////////////////////////////

File Name > patches/service/ _page-service-top.scss 

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Include
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 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*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Main Visual
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*	背景イメージ
--------------------------------*/
.area-sub-mv {
  background: url(../service/common/img/img-mv.jpg) no-repeat;
  background-position: center bottom -30px;
  background-size: cover; }
  @media print, screen and (min-width: 480px) {
    .area-sub-mv {
      background-size: 800px;
      background-position: right -100px center; } }
  @media print, screen and (min-width: 768px) {
    .area-sub-mv {
      background-size: 960px;
      background-position: right -150px bottom -60px; } }
  @media print, screen and (min-width: 768px) {
    .area-sub-mv {
      background-size: cover;
      background-position: center; } }

/*	テキスト
--------------------------------*/
.nav-topicpath ul li {
  color: #fff; }
  .nav-topicpath ul li a {
    color: #fff; }

.area-sub-mv p {
  color: #fff; }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	PAGE　｜　取り扱い文書
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*	イメージ
--------------------------------*/
.list-imgset-right {
  padding: 40px 20px 0; }

dl.list-imgset-right-ttl-non {
  padding-top: 10px; }
  @media print, screen and (min-width: 960px) {
    dl.list-imgset-right-ttl-non {
      padding-top: 30px; } }

@media print, screen and (min-width: 768px) {
  dl.list-imgset-right-ttl-non dt {
    clear: both;
    float: right;
    width: calc( 100% - (50% + 20px));
    margin-left: 20px; }
    dl.list-imgset-right-ttl-non dt img {
      width: 100%;
      height: 200px; } }

@media print, screen and (min-width: 960px) {
  dl.list-imgset-right-ttl-non dt {
    width: 500px;
    margin-left: 35px;
    padding-bottom: 30px; }
    dl.list-imgset-right-ttl-non dt img {
      -o-object-fit: fill;
         object-fit: fill;
      width: auto;
      height: auto; } }

@media print, screen and (min-width: 768px) {
  dl.list-imgset-right-ttl-non dd {
    float: none;
    width: 100%; } }

dl.list-imgset-right-ttl-non dd .tlc-logo-img {
  overflow: hidden; }
  dl.list-imgset-right-ttl-non dd .tlc-logo-img span {
    float: left;
    width: 75%;
    line-height: 1.8;
    letter-spacing: 1px; }
    @media print, screen and (min-width: 960px) {
      dl.list-imgset-right-ttl-non dd .tlc-logo-img span {
        width: 85%; } }
  dl.list-imgset-right-ttl-non dd .tlc-logo-img img {
    float: right;
    width: 20%;
    height: auto; }
    @media print, screen and (min-width: 960px) {
      dl.list-imgset-right-ttl-non dd .tlc-logo-img img {
        width: 10%; } }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	PAGE　｜　文書リスト
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*	文書リスト（Mixin）
*/
/* PC　ー　3カラム
ul.list-doc-col3{
	@include doclist();
}
*/
/* PC　ー　4カラム
ul.list-doc-col4{
	@include doclist(2,3,4,4);
}*/
.book-list-table {
  width: 90%;
  margin: 40px auto 10px;
  text-align: left; }
  @media print, screen and (min-width: 960px) {
    .book-list-table {
      margin: 60px auto 30px; } }
  .book-list-table th {
    padding: 15px;
    display: block;
    line-height: 1.6;
    font-size: 14px;
    background: #f3f3f3;
    border-bottom: none; }
    @media print, screen and (min-width: 768px) {
      .book-list-table th {
        display: table-cell;
        width: 35%;
        border: 1px solid #ccc;
        border-right: none; } }
    @media print, screen and (min-width: 960px) {
      .book-list-table th {
        width: 32%; } }
  .book-list-table td {
    padding: 15px;
    display: block;
    line-height: 1.6;
    font-size: 14px;
    border-top: none; }
    @media print, screen and (min-width: 768px) {
      .book-list-table td {
        display: table-cell;
        border: 1px solid #ccc;
        border-left: none; } }

/* 企業法務 ----------------------------------------- */
#service-legal ul.list-doc-col4 li span {
  font-size: 12px;
  display: block; }
  @media print, screen and (min-width: 480px) {
    #service-legal ul.list-doc-col4 li span {
      display: inline-block; } }

@media print, screen and (min-width: 480px) {
  #service-legal .book-txt-l {
    width: calc( 100% / 2); } }

@media print, screen and (min-width: 768px) {
  #service-legal .book-txt-l {
    width: calc( ( (100% / 4) *3 ) / 2); } }

#service-legal .tlc-logo {
  margin: 0 auto;
  width: 30%; }

/* コーポレート ----------------------------------------- */
@media print, screen and (min-width: 480px) {
  #service-management .book-txt-l {
    width: calc( (100% / 3) * 2); } }

@media print, screen and (min-width: 768px) {
  #service-management .book-txt-l {
    width: calc( 100% / 4); } }

#service-management .feature-wrap {
  padding: 0 20px; }
  @media print, screen and (min-width: 768px) {
    #service-management .feature-wrap {
      width: 90%;
      margin: 0 auto;
      padding: 0; } }
  @media print, screen and (min-width: 960px) {
    #service-management .feature-wrap {
      width: 100%;
      margin: 0;
      padding: 0 40px; } }
  #service-management .feature-wrap h3 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px; }
  #service-management .feature-wrap a {
    color: #ed9301;
    text-decoration: underline; }
    #service-management .feature-wrap a:hover {
      text-decoration: none; }

/* ファイナンス ----------------------------------------- */
@media print, screen and (min-width: 480px) {
  #service-finance ul.list-doc-col3 li {
    width: calc(100% / 2); } }

@media print, screen and (min-width: 768px) {
  #service-finance ul.list-doc-col3 li {
    width: calc( 100% / 3); } }

#service-finance ul.list-doc-col3 .book-txt-l {
  width: calc( (100% / 2) * 2); }
  @media print, screen and (min-width: 480px) {
    #service-finance ul.list-doc-col3 .book-txt-l {
      width: calc( (100% / 2) * 2); } }
  @media print, screen and (min-width: 768px) {
    #service-finance ul.list-doc-col3 .book-txt-l {
      width: calc( 100% / 3); } }

/* アドバイザリー ----------------------------------------- */
@media print, screen and (min-width: 480px) {
  #service-advisory ul.list-doc-col4 li {
    width: calc(100% / 2); } }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Flow
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.flow {
  margin-bottom: 20px; }
  @media print, screen and (min-width: 960px) {
    .flow {
      margin-bottom: 60px; } }
  .flow img {
    width: 90%;
    margin: 0 auto;
    display: block; }
    @media print, screen and (min-width: 960px) {
      .flow img {
        width: 100%; } }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ローカルナビ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.local-nav {
  background: url(../service/common/img/local-nav-bg.jpg) center;
  background-size: cover; }
  @media print, screen and (min-width: 768px) {
    .local-nav h2 {
      padding: 30px 0; } }

@media print, screen and (min-width: 768px) {
  .local-nav ul li {
    height: 80px; }
    .local-nav ul li a {
      line-height: 1.5;
      padding-top: 20px; } }

@media print, screen and (min-width: 768px) {
  .local-nav ul .local-nav-txt-small a {
    padding-top: 0px;
    line-height: 80px; } }

.local-nav-btn {
  overflow: hidden;
  padding: 15px 20px; }
  @media print, screen and (max-width: 320px) {
    .local-nav-btn {
      padding: 15px 10px; } }
  @media print, screen and (min-width: 960px) {
    .local-nav-btn {
      padding: 25px 0px 10px;
      width: 440px;
      margin: 0 auto; } }
  .local-nav-btn a {
    display: block;
    color: #fff;
    border: 1px solid #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    margin-right: 10px;
    width: calc((100% - 10px) / 2);
    position: relative; }
    .local-nav-btn a:after {
      display: block;
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      width: 8px;
      height: 8px;
      margin-top: -4px;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transition: 0.2s;
      transition: 0.2s; }
    .local-nav-btn a:hover:after {
      right: 15px;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff; }
    .local-nav-btn a:nth-child(2n) {
      margin-right: 0; }
    .local-nav-btn a:hover {
      background: #ed9301;
      border: 1px solid #ed9301; }