@charset "UTF-8";
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    プロパティ                                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本色定義
--------------------------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    mixin 定義                                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* レスポンシブ 対応用 ブレイクポイントによる条件分岐 
   適用例 ）
   @include media-query(under-bp-m) {
      $breakpoint-m よりも小さいウィンドウ幅の処理をここに書く
   }     
 ------------------------------------------------------------------------ */
/* スクロールバーをカスタマイズ

   適用例 ）
    .hogehoge{
        @include customScrollBar();
    }  
 ------------------------------------------------------------------------ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*                                                        */
/* ● common_data.css                                      */
/*    データ表示部分 共通部品                               */
/*                                                        */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
main {
  /* DataTable common
  --------------------------------------------------- */
  /* DataTable type1
  --------------------------------------------------- */
  /* DataTable type2
  --------------------------------------------------- */
  /* DataTable type3
  --------------------------------------------------- */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /*    Block Style                                   */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
}
main .DataTable {
  border-collapse: collapse;
  border: none;
  width: 100%;
}
main .DataTable th, main .DataTable td {
  padding: 0;
}
main .DataTable .InlineTable {
  width: 100%;
}
main .DataTable .InlineTable th {
  padding: 0 !important;
  vertical-align: baseline !important;
  white-space: nowrap !important;
}
main .DataTable .InlineTable td {
  padding: 0 !important;
  vertical-align: baseline !important;
  white-space: nowrap !important;
}
main .DataTable .InlineTable td * {
  padding: 0 !important;
  vertical-align: baseline !important;
  white-space: nowrap !important;
}
main .DataTable .InlineTable th {
  width: 80% !important;
}
main .DataTable .InlineTable td {
  width: 20% !important;
}
main .DataTableType1 th {
  width: 25%;
}
main .DataTableType1 td {
  width: 75%;
}
main .DataTableType1 * {
  line-height: 1;
}
main .DataTableType1 .FieldGroupLabel {
  display: inline-block;
  font-size: 125%;
  width: 4em;
  height: 4em;
  padding: 1.5em 0;
  border-radius: 100%;
  margin-right: 1em;
  border: 2px solid;
}
main .DataTableType2 {
  margin: 0 0 1em;
}
main .DataTableType2 th {
  padding: 5px 0px;
}
main .DataTableType2 td {
  padding: 5px 0px;
}
main .DataTableType2 td.Rank {
  vertical-align: middle;
  padding-bottom: 10px;
}
main .DataTableType2 td.Rank span {
  vertical-align: middle;
  line-height: 1.1em;
}
main .DataTableType2 td.Rank .Main {
  font-size: 300%;
  display: inline-block;
  margin-top: -0.15em;
}
main .DataTableType2 td.Rank .Medium {
  font-size: 150%;
}
main .DataTableType2 td.Rank .Unit {
  vertical-align: bottom;
}
main .DataTableType2 td.Info {
  vertical-align: top;
  padding-top: 10px;
  border-top: 1px solid #fff;
}
main .DataTableType2 td.Info .Main {
  font-weight: bold;
  display: block;
  line-height: 1.2;
}
main .DataTableType2 td.Info .Sub {
  display: block;
  line-height: 1.2;
}
main .DataTableType3 {
  font-size: 87.5%;
}
main .DataTableType3 th, main .DataTableType3 td {
  padding: 0.5em 0;
  text-align: left;
}
main .DataTableType3 .Field {
  width: 10em;
  white-space: nowrap;
}
main .DataTableType3 .Rank {
  width: 5em;
  white-space: nowrap;
}
@media screen and (max-width: 899px) {
  main .FukuiDataDetailBlock {
    margin-top: -1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: 10px;
  }
}
main .FukuiDataDetailBlock .BlockHeader {
  margin: 0 0 2em;
  position: relative;
}
main .FukuiDataDetailBlock .BlockHeader .TextItem {
  padding: 0 40px;
}
@media screen and (max-width: 899px) {
  main .FukuiDataDetailBlock .BlockHeader .TextItem {
    padding: 0 6vw;
  }
}
main .FukuiDataDetailBlock .BlockHeader .TextItem .Heading {
  margin: 0 0 0.5em;
}
@media screen and (max-width: 899px) {
  main .FukuiDataDetailBlock .BlockHeader .ImageItem {
    margin: 0 0 40px;
  }
}
main .FukuiDataDetailBlock .BlockHeader .ImageItem .ImageBox img {
  width: 100%;
}
main .FukuiDataDetailBlock .BlockContents {
  padding: 0 30px 30px;
}
@media screen and (max-width: 899px) {
  main .FukuiDataDetailBlock .BlockContents {
    padding: 0 2vw 20px;
  }
}
main .FukuiDataDetailBlock .DataParagraph {
  border-radius: 1em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media print, screen and (min-width: 900px) {
  main .FukuiDataDetailBlock .DataParagraph {
    padding: 50px;
  }
}
@media screen and (max-width: 899px) {
  main .FukuiDataDetailBlock .DataParagraph {
    padding: 7vw 5vw;
  }
}
main .FukuiDataDetailBlock .DataParagraph .BgWhite {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 1em;
  padding: 0.25em;
}
main .FukuiDataDetailBlock .DataParagraph .FieldGroupLabel {
  border: 1px solid;
  border-radius: 1em;
  padding: 0.25em;
}
main .FukuiDataDetailBlock .DataParagraph .ParagraphHeader .MainHeading {
  line-height: 1.25;
  color: #f4f01c;
}
main .FukuiDataDetailBlock .DataParagraph .Column {
  padding: 1em 2%;
}
main .FukuiDataDetailBlock .DataParagraph .SubParagraph {
  padding: 1em 0;
}
main .FukuiDataDetailBlock .DataParagraph .SubParagraph .Heading {
  margin: 0 0 1em;
}
main .FukuiDataDetailBlock .DataParagraph .SubParagraph:last-child {
  border: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*                                                        */
/* ● style_fukuibydata.css                                */
/*                                                        */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.FukuiByDataIndexPage .AccessDetailBox {
  margin-top: 3em;
}
body.FukuiByDataIndexPage .AccessDetailBox table {
  margin-bottom: 3em;
}
@media print, screen and (min-width: 900px) {
  body.FukuiByDataIndexPage .AccessDetailBox table {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
  }
}
body.FukuiByDataIndexPage .AccessDetailBox table th, body.FukuiByDataIndexPage .AccessDetailBox table td {
  padding: 5px 10px;
  vertical-align: top;
}
@media screen and (max-width: 899px) {
  body.FukuiByDataIndexPage .AccessDetailBox table th, body.FukuiByDataIndexPage .AccessDetailBox table td {
    display: block;
  }
}
@media print, screen and (min-width: 900px) {
  body.FukuiByDataIndexPage .AccessDetailBox table th {
    width: 25%;
  }
}
@media screen and (max-width: 899px) {
  body.FukuiByDataIndexPage .AccessDetailBox table th {
    padding: 0.4em 0 5px;
  }
}

body.FukuiByData01Page main #MainContents {
  background-color: #fdf2f4;
}
body.FukuiByData01Page main #MainContents .MainContentsArea .FillColor {
  color: #eb6d80;
}
body.FukuiByData01Page main #MainContents .MainContentsArea .DataParagraph {
  background-color: #f7d8d6;
}
@media print, screen and (min-width: 900px) {
  body.FukuiByData01Page main #MainContents .MainContentsArea .DataParagraph .ParagraphHeader {
    width: 50%;
  }
}
@media screen and (max-width: 899px) {
  body.FukuiByData01Page main #MainContents .MainContentsArea .DataParagraph .ParagraphHeader {
    margin: 0 0 2em;
  }
}
body.FukuiByData01Page main #MainContents .MainContentsArea .DataParagraph .ParagraphHeader .Tooltip {
  color: inherit;
}
@media print, screen and (min-width: 900px) {
  body.FukuiByData01Page main #MainContents .MainContentsArea .DataParagraph .ParagraphContents {
    width: 40%;
  }
}
body.FukuiByData01Page main #MainContents .MainContentsArea .DataParagraph .SubParagraph {
  border-bottom: 1px solid #fff;
}
body.FukuiByData01Page main #MainContents .MainContentsArea .DataParagraph .FieldGroupLabel {
  padding: 1.5em 0;
  border-radius: 100%;
  border: 2px solid;
}

body.FukuiByDataInterviewPage main .MainContentsArea {
  position: relative;
}
body.FukuiByDataInterviewPage main .MainContentsArea:after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 90%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
}
@media print, screen and (min-width: 900px) {
  body.FukuiByDataInterviewPage main .MainContentsArea:after {
    height: 2300px;
  }
}
@media screen and (max-width: 899px) {
  body.FukuiByDataInterviewPage main .MainContentsArea:after {
    top: 1rem;
    height: 7250px;
  }
}
body.FukuiByDataInterviewPage main .MainContentsArea > * {
  position: relative;
  z-index: 5;
}
body.FukuiByDataInterviewPage main .MainContentsArea iframe {
  border: none;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-bottom: 60px;
}
@media print, screen and (min-width: 900px) {
  body.FukuiByDataInterviewPage main .MainContentsArea iframe {
    height: 2300px;
  }
}
@media screen and (max-width: 899px) {
  body.FukuiByDataInterviewPage main .MainContentsArea iframe {
    height: 7250px;
  }
}

/*ハイタッチページ用scss */
.FukuiByDataHiTouchPage .MainContentsArea .HitouchContents .DefaultTextArea {
  text-align: center;
}
.FukuiByDataHiTouchPage .MainContentsArea .HitouchContents .DefaultText.Hitouch {
  margin: 40px 0;
  text-align: left;
  width: 90%;
  display: inline-block;
}
.FukuiByDataHiTouchPage .MainContentsArea .HitouchContents .ImageItem {
  margin-top: 30px;
}
.FukuiByDataHiTouchPage .MainContentsArea .HitouchContents .ImageItem .Image {
  border-radius: 2em;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 0 15px 7px rgb(180, 221, 206);
  box-shadow: 0 0 15px 7px rgb(180, 221, 206);
  border: 7px solid #fff;
}
.FukuiByDataHiTouchPage .MainContentsArea .HitouchContents h2 {
  text-align: center;
}
.FukuiByDataHiTouchPage .MainContentsArea .HitouchContents .Heading.Hitouch:before, .FukuiByDataHiTouchPage .MainContentsArea .HitouchContents .Heading.Hitouch:after {
  content: "";
  background: url(../img/common/decoration/beige-lines.png) no-repeat center;
  background-size: auto;
  display: inline-block;
  vertical-align: middle;
}
@media print, screen and (min-width: 900px) {
  .FukuiByDataHiTouchPage .MainContentsArea .HitouchContents .Heading.Hitouch:before, .FukuiByDataHiTouchPage .MainContentsArea .HitouchContents .Heading.Hitouch:after {
    background-size: contain;
    width: 9rem;
    height: 2rem;
    margin: -0.5em 1.5em 0;
  }
}
h2 .FukuiByDataHiTouchPage .MainContentsArea .Heading.Hitouch span {
  font-size: 36px;
}

.HitouchContents .Heading.Main {
  font-size: 36px;
  text-align: center;
}
.HitouchContents h2.Heading.Hitouch span {
  font-size: 36px;
}
.HitouchContents .CategoryBlock {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 60px;
}
@media screen and (max-width: 899px) {
  .HitouchContents .CategoryBlock {
    grid-template-columns: repeat(2, 1fr);
  }
}

.HitouchContents .HitouchBox {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.HitouchContents .HitouchBox:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.HitouchContents .HitouchBox img {
  width: 100%;
  height: auto;
  display: block;
}
.HitouchContents .HitouchBox p.MainText {
  margin: 10px 10px 15px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
@media screen and (max-width: 899px) {
  .HitouchContents .HitouchBox p.MainText {
    font-size: 16px;
  }
}
.HitouchContents .HitouchBox p.caption {
  margin: 0 10px 15px;
  font-size: 14px;
  color: #666;
}
@media screen and (max-width: 899px) {
  .HitouchContents .HitouchBox p.caption {
    font-size: 12px;
  }
}