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

   適用例 ）
    .hogehoge{
        @include customScrollBar();
    }  
 ------------------------------------------------------------------------ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*                                                        */
/* ● style_useful.css                                     */
/*                                                        */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.UsefulPamphletPage .MainContentsArea .Heading.Type2 {
  line-height: 1.3;
}
.UsefulPamphletPage .MainContentsArea .Heading.Type2:before {
  height: 95%;
}
.UsefulPamphletPage .MainContentsArea .ThumbnailList .ImageItem {
  text-align: center;
}
.UsefulPamphletPage .MainContentsArea .ThumbnailList .ImageItem .Image img {
  height: 300px;
}
.UsefulPamphletPage .MainContentsArea .Image {
  position: relative;
  display: inline-block;
}
.UsefulPamphletPage .MainContentsArea .Image:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 50%;
  height: 50%;
  right: 10px;
  bottom: 20px;
  border-radius: 1em;
  max-width: 300px;
  -webkit-box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.25);
  -webkit-transform: skew(3deg, 5deg);
  transform: skew(3deg, 5deg);
}
@media screen and (max-width: 899px) {
  .UsefulPamphletPage .MainContentsArea .Image img {
    height: 250px;
    width: auto;
  }
}

.UsefulLinkPage .MainContentsArea .LinkCategoryParagraph {
  border-top: 1px solid;
  padding: 30px 0;
}
.UsefulLinkPage .MainContentsArea .LinkCategoryParagraph:first-child {
  border: none;
}
.UsefulLinkPage .MainContentsArea .LinkCategoryParagraph .ParagraphHeader .Heading {
  border-color: #555;
}
@media print, screen and (min-width: 900px) {
  .UsefulLinkPage .MainContentsArea .LinkCategoryParagraph .ParagraphContents {
    margin: 0 150px;
  }
}
.UsefulLinkPage .MainContentsArea .RichLinkList {
  list-style: none;
  margin: 10px 0;
}
.UsefulLinkPage .MainContentsArea .RichLinkList li {
  padding: 25px 0;
  border: none !important;
}
.UsefulLinkPage .MainContentsArea .RichLinkList li:first-child {
  border-top: none !important;
}
.UsefulLinkPage .MainContentsArea .RichLinkList li .ImageItem {
  width: 125px;
  max-height: 125px;
  float: left;
}
@media screen and (max-width: 899px) {
  .UsefulLinkPage .MainContentsArea .RichLinkList li .ImageItem {
    width: 100px;
    max-height: 100px;
  }
}
.UsefulLinkPage .MainContentsArea .RichLinkList li .ImageItem a:before {
  content: "";
  display: none;
}
.UsefulLinkPage .MainContentsArea .RichLinkList li .ImageItem a:hover {
  background: none;
}
.UsefulLinkPage .MainContentsArea .RichLinkList li .ImageItem .Landscape {
  width: 100%;
  height: auto;
}
.UsefulLinkPage .MainContentsArea .RichLinkList li .ImageItem .Portrait {
  width: auto;
  height: 100%;
}
.UsefulLinkPage .MainContentsArea .RichLinkList li .TextItem {
  margin-left: 150px;
}
@media screen and (max-width: 899px) {
  .UsefulLinkPage .MainContentsArea .RichLinkList li .TextItem {
    margin-left: 110px;
  }
}
.UsefulLinkPage .MainContentsArea .RichLinkList li .TextItem .Heading {
  font-size: 112.5%;
  font-weight: normal;
  margin: 0 0 0.5em;
}
.UsefulLinkPage .MainContentsArea .RichLinkList li .TextItem .Heading a {
  padding: 10px;
  border: 1px dotted #ccc;
}
.UsefulLinkPage .MainContentsArea .RichLinkList li .TextItem .DefaultText {
  font-size: 87.5%;
  line-height: 1.25;
}
.UsefulLinkPage .MainContentsArea .RichLinkList li .TextItem .ManagerText {
  font-size: 87.5%;
  text-align: right;
}

.UsefulFaqPage #MainContents {
  background: #e7f2ee;
}
@media screen and (max-width: 899px) {
  .UsefulFaqPage .BlockContents .DecorationColumn {
    display: none;
  }
}
@media print, screen and (min-width: 900px) {
  .UsefulFaqPage .Column {
    width: 49%;
    height: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.UsefulFaqPage .Column .Paragraph {
  background: rgb(249, 252, 255);
  background: rgba(255, 255, 255, 0.65);
  padding: 30px;
  border-radius: 1em;
}
@media screen and (max-width: 899px) {
  .UsefulFaqPage .Column .Paragraph {
    padding: 30px 25px;
  }
}
.UsefulFaqPage .Column .Paragraph .Icon {
  width: 12%;
}
.UsefulFaqPage .Column .Paragraph .ParagraphHeader {
  margin-bottom: 0.7em;
  min-height: 48px;
}
.UsefulFaqPage .Column .Paragraph .ParagraphHeader p.Icon {
  float: left;
  margin-top: -10px;
  margin-left: -5px;
}
.UsefulFaqPage .Column .Paragraph .ParagraphHeader .Heading {
  width: 87%;
  float: right;
  font-size: 120%;
  margin-top: 0;
}
.UsefulFaqPage .Column .Paragraph .ParagraphContents p.Icon {
  float: left;
  margin-top: -10px;
  margin-left: -5px;
}
.UsefulFaqPage .Column .Paragraph .ParagraphContents .DecoratedBoxTemplate {
  margin: 0;
}
.UsefulFaqPage .Column .Paragraph .ParagraphContents .TemplateInner {
  min-height: 14em;
}
@media screen and (max-width: 899px) {
  .UsefulFaqPage .Column .Paragraph .ParagraphContents .TemplateInner {
    min-height: 0;
    padding: 30px 25px;
  }
}