@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 bottom -70px; } }
  @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 bottom -100px; } }

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

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

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

@media print, screen and (min-width: 768px) {
  dl.list-imgset-right-ttl-non dt {
    clear: both;
    float: right;
    width: calc( 100% - (50% + 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: 40%; }
    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: left;
    width: 45%; } }

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

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	PAGE　｜　文書リスト
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*	文書リスト（Mixin）
--------------------------------*/
/* PC　ー　3カラム*/
ul.list-doc-col3 {
  font-size: 14px;
  margin: 0 20px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  overflow: hidden; }
  ul.list-doc-col3 li {
    float: left;
    width: calc( 100% / 2);
    padding: 10px 0;
    text-align: center;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
    @media print, screen and (min-width: 480px) {
      ul.list-doc-col3 li {
        width: calc( 100% / 3); } }
    @media print, screen and (min-width: 768px) {
      ul.list-doc-col3 li {
        width: calc( 100% / 3); } }
    @media print, screen and (min-width: 960px) {
      ul.list-doc-col3 li {
        width: calc( 100% / 3); } }

/* PC　ー　4カラム*/
ul.list-doc-col4 {
  font-size: 14px;
  margin: 0 20px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  overflow: hidden; }
  ul.list-doc-col4 li {
    float: left;
    width: calc( 100% / 2);
    padding: 10px 0;
    text-align: center;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
    @media print, screen and (min-width: 480px) {
      ul.list-doc-col4 li {
        width: calc( 100% / 3); } }
    @media print, screen and (min-width: 768px) {
      ul.list-doc-col4 li {
        width: calc( 100% / 4); } }
    @media print, screen and (min-width: 960px) {
      ul.list-doc-col4 li {
        width: calc( 100% / 4); } }

@media print, screen and (min-width: 960px) {
  ul.list-doc-col3, ul.list-doc-col4 {
    margin-bottom: 60px; } }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ローカルナビ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media print, screen and (min-width: 768px) {
  .local-nav ul li {
    height: 50px; }
    .local-nav ul li a {
      line-height: 50px; } }

@media print, screen and (min-width: 768px) {
  .local-nav ul .local-nav-txt-small a {
    font-size: 13px; } }