@charset "UTF-8";
/*
Theme Name:twentyseventeen-child
Template:twentyseventeen
Version:2.2
*/
/* ===============================================
# Base
=============================================== */
html {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

@-ms-viewport {
  width: device-width;
}
body {
  background-color: #fff;
  color: #333333;
  font-size: 14px;
  line-height: 22px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-weight: normal;
  }
}
@media print {
  body {
    color: #000;
    -webkit-print-color-adjust: exact;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a {
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}


/* reset twentyseventeen styles */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
.widget_authors a,
.entry-title a,
.entry-meta a,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.post-navigation a,
.pagination a:not(.prev):not(.next),
.comments-pagination a:not(.prev):not(.next),
.logged-in-as a,
.logged-in-as a,
.edit-link a,
.widget .widget-title a,
.widget ul li a,
.widget ol li a {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all .25s;
  transition: all .25s;
}
.entry-content a:hover, .entry-content a:active, .entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:active,
.entry-summary a:focus,
.comment-content a:hover,
.comment-content a:active,
.comment-content a:focus,
.widget a:hover,
.widget a:active,
.widget a:focus,
.site-footer .widget-area a:hover,
.site-footer .widget-area a:active,
.site-footer .widget-area a:focus,
.posts-navigation a:hover,
.posts-navigation a:active,
.posts-navigation a:focus,
.comment-metadata a:hover,
.comment-metadata a:active,
.comment-metadata a:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-metadata a.comment-edit-link:active,
.comment-metadata a.comment-edit-link:focus,
.comment-reply-link:hover,
.comment-reply-link:active,
.comment-reply-link:focus,
.widget_authors a:hover,
.widget_authors a:active,
.widget_authors a:focus,
.entry-title a:hover,
.entry-title a:active,
.entry-title a:focus,
.entry-meta a:hover,
.entry-meta a:active,
.entry-meta a:focus,
.entry-footer a:hover,
.entry-footer a:active,
.entry-footer a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .cat-links a:active,
.entry-footer .cat-links a:focus,
.entry-footer .tags-links a:hover,
.entry-footer .tags-links a:active,
.entry-footer .tags-links a:focus,
.post-navigation a:hover,
.post-navigation a:active,
.post-navigation a:focus,
.pagination a:not(.prev):not(.next):hover,
.pagination a:not(.prev):not(.next):active,
.pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):active,
.comments-pagination a:not(.prev):not(.next):focus,
.logged-in-as a:hover,
.logged-in-as a:active,
.logged-in-as a:focus,
.logged-in-as a:hover,
.logged-in-as a:active,
.logged-in-as a:focus,
.edit-link a:hover,
.edit-link a:active,
.edit-link a:focus,
.widget .widget-title a:hover,
.widget .widget-title a:active,
.widget .widget-title a:focus,
.widget ul li a:hover,
.widget ul li a:active,
.widget ul li a:focus,
.widget ol li a:hover,
.widget ol li a:active,
.widget ol li a:focus {
  color: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.widget_authors a:focus strong,
.widget_authors a:hover strong,
.page-links a:focus .page-number,
.page-links a:hover .page-number {
  color: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.widget ul li,
.widget ol li {
  padding: 0;
  border: none;
}

/* ===============================================
# Layout
=============================================== */
*[class^='l-'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.l-container {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  max-width: calc(100% - 48px);
}
@media screen and (max-width: 767.98px) {
  .l-container--sm-fluid {
    max-width: 100%;
  }
}

@media print, screen and (min-width: 768px) {
  .l-main {
    margin-top: 48px;
    width: 675px;
    max-width: 67.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999.98px) {
  .l-main {
    max-width: calc(100% - 48px - 220px);
  }
}
@media screen and (max-width: 767.98px) {
  .l-main {
    margin-top: 32px;
  }
}

@media print, screen and (min-width: 768px) {
  .l-sidebar {
    margin-top: 48px;
    margin-left: 48px;
    min-width: 220px;
    width: 277px;
    max-width: calc(33.5% - 48px);
  }
}
@media screen and (max-width: 767.98px) {
  .l-sidebar {
    margin-top: 56px;
  }
}

/* ===============================================
# header
=============================================== */
.p-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row column;
      -ms-flex-flow: row column;
          flex-flow: row column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  position: relative;
  z-index: 99;
  height: 72px;
  -webkit-box-shadow: 0px 0px 6px rgba(33, 33, 33, 0.2);
          box-shadow: 0px 0px 6px rgba(33, 33, 33, 0.2);
  background-color: #fff;
}
@media screen and (max-width: 767.98px) {
  .p-header {
    height: 52px;
  }
}
.p-header a:hover, .p-header a:active, .p-header a:focus {
  opacity: .6;
}
.p-header .p-logo {
  width: 105px;
  height: 35px;
  line-height: 24px;
}
@media screen and (max-width: 767.98px) {
  .p-header .p-logo {
    width: 105px;
    height: 35px;
    line-height: 16px;
  }
}
.p-header .p-logoText {
  margin-left: 16px;
	align-content: flex-end;
}
@media print, screen and (min-width: 768px) {
  .p-header .p-logoText {
    font-size: 16px;
    line-height: 27px;
  }
}
_:lang(x)::-ms-backdrop, .p-header .p-logoText {
  /* IE hack */
  line-height: 30px;
}
_:-ms-lang(x)::backdrop, .p-header .p-logoText {
  /* Edge hack */
  line-height: 30px;
}
@media screen and (max-width: 767.98px) {
  .p-header .p-logoText {
    line-height: 18px;
  }
}

.js-sticky {
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}
@media print, screen and (min-width: 768px) {
  .js-sticky {
    position: absolute;
  }
}
@media screen and (max-width: 767.98px) {
  .js-sticky {
    position: fixed;
    top: -52px;
    margin-bottom: -52px;
  }
}
.js-sticky.is-fixed {
  top: 0;
}
@media print, screen and (min-width: 768px) {
  .js-sticky.is-fixed {
    position: fixed;
    -webkit-animation: showHeader .3s 0s linear;
            animation: showHeader .3s 0s linear;
  }
}

@-webkit-keyframes showHeader {
  0% {
    -webkit-transform: translateY(-72px);
            transform: translateY(-72px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes showHeader {
  0% {
    -webkit-transform: translateY(-72px);
            transform: translateY(-72px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* ===============================================
# header image
=============================================== */
@media print, screen and (min-width: 768px) {
  .p-headerImage {
    margin-top: 72px;
  }
}

/* ===============================================
# footer
=============================================== */
.p-footer {
  margin-top: 1em;
  padding-top: 15px;
  background-color: #0068B7;
  color: #fff;
}
@media screen and (max-width: 767.98px) {
  .p-footer {
    padding-top: 0;
    margin-top: 48px;
  }
}
.p-footer a {
  color: #fff;
}
.p-footer a:hover, .p-footer a:active, .p-footer a:focus {
  text-decoration: underline;
}
.p-footer .widget-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}
.p-footer .widget-title {
  margin-top: 8px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #fff;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.66667;
}
.p-footer .widget {
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
}
.p-footer .widget:not(:first-of-type) {
  margin-left: 15px;
}
.p-footer .widget ul,
.p-footer .widget ol {
  margin: 0;
}
.p-footer .widget li {
  list-style-type: none;
}

.copyright {
  margin: 0;
  padding: 15px 0;
  font-size: 80%;
  color: #fff;
  text-align: center;
  background-color: #005798;
  border-top: 1px solid #004e89;
  font-size: 10px;
  line-height: 16.6667px;
}

/* ===============================================
# sidebar
=============================================== */
.p-sidebar .widget-title {
  margin: 0;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 4px;
  font-size: 16px;
  line-height: 26px;
  border-bottom: 1px solid #ddd;
}
.p-sidebar .widget,
.p-sidebar .collapsed-archives {
  padding: 0;
}
.p-sidebar .widget {
  margin-top: 48px;
}
@media print, screen and (min-width: 768px) {
  .p-sidebar .widget:first-of-type {
    margin-top: 32px;
  }
}
.p-sidebar .widget a:hover, .p-sidebar .widget a:active, .p-sidebar .widget a:focus {
  color: #0068B7;
}
.p-sidebar .widget:not(.widget_collapsed_archives_widget) li:not(:first-child) {
  margin-top: 16px;
}
.p-sidebar .widget_recent_entries a {
  display: block;
}

/* # 開閉式アーカイブリスト
----------------------- */
.collapsed-archives-triangles label,
.collapsed-archives-triangles a {
  display: block;
  padding: 8px 0;
}
.collapsed-archives-triangles label:hover, .collapsed-archives-triangles label:active, .collapsed-archives-triangles label:focus,
.collapsed-archives-triangles a:hover,
.collapsed-archives-triangles a:active,
.collapsed-archives-triangles a:focus {
  color: #0068B7;
}
.collapsed-archives-triangles > ul li li {
  padding-left: 10px;
}
.collapsed-archives-triangles > ul li li.is-active {
  /* アクティブ時のスタイルあればここに記述 */
}

.collapsed-archives-triangles label {
  margin: 0;
}
.collapsed-archives-triangles label:before {
  content: '';
  display: inline-block;
  position: relative;
  top: 2px;
  left: 0;
  width: 20px;
  height: 1em;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.21576%204.14025C8.86814%204.52778%208.86814%205.47222%208.21575%205.85975L2.42643%209.29875C1.75984%209.69472%200.915718%209.21433%200.915718%208.439V1.561C0.915718%200.785672%201.75984%200.305278%202.42643%200.701249L8.21576%204.14025Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E") 0 center no-repeat;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}

.collapsed-archives-triangles input + label:before {
  content: '';
}

.collapsed-archives-triangles input:checked + label:before {
  content: '';
  top: 6px;
  left: -4px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ===============================================
# 見出し
=============================================== */
.p-heading-content,
.home.blog .entry-title,
.single-post .entry-title,
.page .entry-title {
  margin-top: -8px;
  color: #333;
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media screen and (max-width: 767.98px) {
  .p-heading-content,
  .home.blog .entry-title,
  .single-post .entry-title,
  .page .entry-title {
    margin-top: -6px;
    font-size: 20px;
    line-height: 32px;
  }
}

/* # アーカイブタイトル
----------------------- */
.p-heading-archive {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  font-weight: bold;
}

/* ===============================================
# elements
=============================================== */
/* # ロゴ
----------------------- */
.p-logo {
  fill: #0068B7;
  vertical-align: middle;
}

.p-logoText {
  color: #0068B7;
  font-size: 14px;
  line-height: 16px;
}

/* # 日付
----------------------- */
.p-date {
  margin-top: 8px;
  margin-bottom: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  line-height: 14px;
}
@media screen and (max-width: 767.98px) {
  .p-date {
    margin-bottom: 12px;
    font-size: 11px;
    line-height: 13px;
  }
}

/* # タグクラウド、カテゴリーウィジェット
----------------------- */
.tagcloud {
  margin-top: -8px;
  font-size: 12px;
}
.tagcloud ul li {
  display: inline-block;
  float: none;
  margin: 0;
  margin-top: 16px;
}
.tagcloud ul li:not(:last-of-type) {
  margin-right: 4px;
}
@media screen and (max-width: 767.98px) {
  .tagcloud ul li {
    margin-top: 8px;
  }
}
.tagcloud > a {
  margin-top: 8px;
}

.tagcloud a,
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a,
.widget_categories a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 0;
  padding: 0 12px;
  width: auto;
  border-radius: 4px;
  border: 1px solid #ddd;
  color: #0068B7;
  font-size: 12px;
  font-weight: bold;
  word-wrap: break-word;
  line-height: 26px;
}
.tagcloud a:not(:last-of-type),
.widget .tagcloud a:not(:last-of-type),
.widget.widget_tag_cloud a:not(:last-of-type),
.wp_widget_tag_cloud a:not(:last-of-type),
.widget_categories a:not(:last-of-type) {
  margin-right: 8px;
}
.tagcloud a:hover, .tagcloud a:active, .tagcloud a:focus,
.widget .tagcloud a:hover,
.widget .tagcloud a:active,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:active,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:active,
.wp_widget_tag_cloud a:focus,
.widget_categories a:hover,
.widget_categories a:active,
.widget_categories a:focus {
  border-color: transparent;
  background: rgba(0, 104, 183, 0.08);
  color: #0068B7;
}

.widget_categories > ul {
  margin-top: -16px;
  margin-right: -4px;
}
.widget_categories a {
  margin-top: 16px;
  margin-right: 4px;
}

li.cat-item {
  display: inline;
}

/* # シェアボタン
----------------------- */
.p-socialBtns {
  margin-top: -8px;
}
.p-socialBtns__icon {
  position: relative;
  top: 1px;
  width: 12px;
  height: 12px;
  fill: #fff;
}
.p-socialBtns__text {
  position: relative;
}
.p-socialBtns__item {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 8px;
}
.p-socialBtns__item:not(:last-of-type) {
  margin-right: 16px;
}
@media screen and (max-width: 767.98px) {
  .p-socialBtns__item:not(:last-of-type) {
    margin-right: 8px;
  }
}
.p-socialBtns__item a {
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
}
@media screen and (max-width: 767.98px) {
  .p-socialBtns__item a {
    padding-left: 12px;
    padding-right: 12px;
  }
}
_:lang(x) + _:-webkit-full-screen-document, .p-socialBtns__item a {
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 1;
}
.p-socialBtns__item.fb a {
  background-color: #1778F2;
}
.p-socialBtns__item.fb a:hover, .p-socialBtns__item.fb a:active, .p-socialBtns__item.fb a:focus {
  background-color: rgba(23, 120, 242, 0.6);
}
.p-socialBtns__item.hatena a {
  background-color: #02A4DE;
}
.p-socialBtns__item.hatena a:hover, .p-socialBtns__item.hatena a:active, .p-socialBtns__item.hatena a:focus {
  background-color: rgba(2, 164, 222, 0.6);
}
.p-socialBtns__item.twitter a {
  background-color: #1A95E0;
}
.p-socialBtns__item.twitter a:hover, .p-socialBtns__item.twitter a:active, .p-socialBtns__item.twitter a:focus {
  background-color: rgba(26, 149, 224, 0.6);
}

/* # 記事
----------------------- */
article.post:not(:first-of-type) {
  margin-top: 72px;
  margin-bottom: 72px;
}
@media screen and (max-width: 767.98px) {
  article.post:not(:first-of-type) {
    margin-top: 66px;
    margin-bottom: 66px;
  }
}

body:not(.twentyseventeen-front-page) .entry-header {
  padding: 0;
}

.entry-content {
  margin-top: 32px;
  margin-bottom: 32px;
  word-wrap: break-word;
}
@media screen and (max-width: 767.98px) {
  .entry-content {
    margin-top: 16px;
  }
}
.entry-content > ul,
.entry-content > ol {
  margin-left: 1.5em;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  padding: 0;
  color: #333;
  line-height: 150%;
}
.entry-content h1 + *,
.entry-content h2 + *,
.entry-content h3 + *,
.entry-content h4 + *,
.entry-content h5 + *,
.entry-content h6 + * {
  margin-top: 8px;
}
.entry-content h2 {
  font-size: 20px;
}
.entry-content h3 {
  font-size: 16px;
}
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-size: 14px;
  line-height: 171%;
}
.entry-content h5,
.entry-content h6 {
  color: #666;
}

/* # ページャー / ページナビ
----------------------- */
.p-pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-left: -8px;
}
.p-pager span,
.p-pager a {
  display: inline-block;
  margin-left: 8px;
  padding: 0;
  width: 38px;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #666;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  line-height: 38px;
  text-align: center;
}
.p-pager a:hover, .p-pager a:active, .p-pager a:focus,
.p-pager .prev:hover,
.p-pager .prev:active,
.p-pager .prev:focus,
.p-pager .next:hover,
.p-pager .next:active,
.p-pager .next:focus {
  border-color: transparent;
  background-color: rgba(0, 104, 183, 0.08);
  color: #0068B7;
}
.p-pager .dots {
  width: auto;
}
.p-pager .current {
  border-color: #0068B7;
  color: #0068B7;
}
.p-pager .prev,
.p-pager .next {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: none;
  height: 38px;
  max-height: 38px;
  padding: 0;
  padding-top: 38px;
  background-color: #fff;
  background-position: center center;
  background-size: 12px 18px;
  background-repeat: no-repeat;
  border-radius: 3px;
  border-color: #ddd;
  overflow: hidden;
  text-indent: -100%;
}
.p-pager .prev:after,
.p-pager .next:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
}
.p-pager .prev {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2212px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2012%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cg%20transform%3D%22translate(6.000000%2C%209.000000)%20rotate(-180.000000)%20translate(-6.000000%2C%20-9.000000)%20%22%20fill%3D%22%23888888%22%20fill-rule%3D%22nonzero%22%3E%20%3Crect%20id%3D%22Rectangle%22%20transform%3D%22translate(6.181961%2C%205.817971)%20rotate(-45.000000)%20translate(-6.181961%2C%20-5.817971)%20%22%20x%3D%224.68196086%22%20y%3D%22-0.182029485%22%20width%3D%223%22%20height%3D%2212%22%3E%3C%2Frect%3E%20%3Crect%20id%3D%22Rectangle%22%20transform%3D%22translate(6.181961%2C%2012.182019)%20rotate(-45.000000)%20translate(-6.181961%2C%20-12.182019)%20%22%20x%3D%220.181960859%22%20y%3D%2210.6820195%22%20width%3D%2212%22%20height%3D%223%22%3E%3C%2Frect%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.p-pager .prev:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2212px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2012%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cg%20id%3D%22right_arrow%22%20transform%3D%22translate(6.000000%2C%209.000000)%20rotate(-180.000000)%20translate(-6.000000%2C%20-9.000000)%20%22%20fill%3D%22%230068B7%22%20fill-rule%3D%22nonzero%22%3E%20%3Crect%20id%3D%22Rectangle%22%20transform%3D%22translate(6.181961%2C%205.817971)%20rotate(-45.000000)%20translate(-6.181961%2C%20-5.817971)%20%22%20x%3D%224.68196086%22%20y%3D%22-0.182029485%22%20width%3D%223%22%20height%3D%2212%22%3E%3C%2Frect%3E%20%3Crect%20id%3D%22Rectangle%22%20transform%3D%22translate(6.181961%2C%2012.182019)%20rotate(-45.000000)%20translate(-6.181961%2C%20-12.182019)%20%22%20x%3D%220.181960859%22%20y%3D%2210.6820195%22%20width%3D%2212%22%20height%3D%223%22%3E%3C%2Frect%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.p-pager .prev:hover:after, .p-pager .prev:active:after, .p-pager .prev:focus:after {
  opacity: 1;
}
.p-pager .next {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2212px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2012%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cg%20fill%3D%22%23888888%22%20fill-rule%3D%22nonzero%22%3E%20%3Crect%20id%3D%22Rectangle%22%20transform%3D%22translate(6.181961%2C%205.817971)%20rotate(-45.000000)%20translate(-6.181961%2C%20-5.817971)%20%22%20x%3D%224.68196086%22%20y%3D%22-0.182029485%22%20width%3D%223%22%20height%3D%2212%22%3E%3C%2Frect%3E%20%3Crect%20id%3D%22Rectangle%22%20transform%3D%22translate(6.181961%2C%2012.182019)%20rotate(-45.000000)%20translate(-6.181961%2C%20-12.182019)%20%22%20x%3D%220.181960859%22%20y%3D%2210.6820195%22%20width%3D%2212%22%20height%3D%223%22%3E%3C%2Frect%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.p-pager .next:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2212px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2012%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%20%3Cg%20id%3D%22right_arrow%22%20fill%3D%22%230068B7%22%20fill-rule%3D%22nonzero%22%3E%20%3Crect%20id%3D%22Rectangle%22%20transform%3D%22translate(6.181961%2C%205.817971)%20rotate(-45.000000)%20translate(-6.181961%2C%20-5.817971)%20%22%20x%3D%224.68196086%22%20y%3D%22-0.182029485%22%20width%3D%223%22%20height%3D%2212%22%3E%3C%2Frect%3E%20%3Crect%20id%3D%22Rectangle%22%20transform%3D%22translate(6.181961%2C%2012.182019)%20rotate(-45.000000)%20translate(-6.181961%2C%20-12.182019)%20%22%20x%3D%220.181960859%22%20y%3D%2210.6820195%22%20width%3D%2212%22%20height%3D%223%22%3E%3C%2Frect%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.p-pager .next:hover:after, .p-pager .next:active:after, .p-pager .next:focus:after {
  opacity: 1;
}

.p-pageNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-top: 64px;
}
.p-pageNav__item {
  display: block;
  position: relative;
  width: 200px;
}
@media screen and (max-width: 767.98px) {
  .p-pageNav__item {
    max-width: 50%;
    font-size: 11px;
    line-height: 18px;
  }
}
.p-pageNav__item a {
  display: block;
  position: relative;
  padding-top: 1.5em;
  width: 100%;
  height: 100%;
}
.p-pageNav__item a:before {
  position: absolute;
  top: 0;
  background-size: 6.93px 10.79px;
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .p-pageNav__item a:before {
    font-size: 10px;
  }
}
.p-pageNav__item a:hover, .p-pageNav__item a:active, .p-pageNav__item a:focus {
  color: #0068B7;
}
.p-pageNav__item.prev {
  text-align: left;
}
@media screen and (max-width: 767.98px) {
  .p-pageNav__item.prev {
    padding-right: 25px;
  }
}
.p-pageNav__item.prev a:before {
  content: '前の記事';
  left: 0;
  padding-left: 13px;
  background-position: 0 4px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.84152%202.72991C7.00893%202.5625%207.00893%202.29464%206.84152%202.12723L5.72991%201.01562C5.5625%200.848214%205.29464%200.848214%205.12723%201.01562L0.158482%205.98437C-0.00892851%206.15179%20-0.00892851%206.41964%200.158482%206.58705L5.12723%2011.5558C5.29464%2011.7232%205.5625%2011.7232%205.72991%2011.5558L6.84152%2010.4442C7.00893%2010.2768%207.00893%2010.0089%206.84152%209.84152L3.28571%206.28571L6.84152%202.72991Z%22%20fill%3D%22%230068B7%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 767.98px) {
  .p-pageNav__item.next {
    padding-left: 25px;
  }
}
.p-pageNav__item.next a:before {
  content: '次の記事';
  right: 0;
  padding-right: 13px;
  background-position: 100% 4px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.41295%206.58705C7.58036%206.41964%207.58036%206.15179%207.41295%205.98437L2.4442%201.01562C2.27679%200.848214%202.00893%200.848214%201.84152%201.01562L0.729911%202.12723C0.5625%202.29464%200.5625%202.5625%200.729911%202.72991L4.28571%206.28571L0.729911%209.84152C0.5625%2010.0089%200.5625%2010.2768%200.729911%2010.4442L1.84152%2011.5558C2.00893%2011.7232%202.27679%2011.7232%202.4442%2011.5558L7.41295%206.58705Z%22%20fill%3D%22%230068B7%22%2F%3E%3C%2Fsvg%3E");
}

/* # CWログインボタン
----------------------- */
.p-btn-login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  width: 100%;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #0068B7;
  background: #FFF;
  color: #0068B7;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .p-btn-login {
    max-width: 366px;
  }
}
.p-btn-login .p-logo {
  width: 120px;
  height: 16px;
}
.p-btn-login .p-logoText {
  margin-top: 2px;
  margin-left: 4px;
}
.p-btn-login:hover, .p-btn-login:active, .p-btn-login:focus {
  background-color: #0068B7;
}
.p-btn-login:hover .p-logo, .p-btn-login:active .p-logo, .p-btn-login:focus .p-logo {
  fill: #fff;
}
.p-btn-login:hover .p-logoText, .p-btn-login:active .p-logoText, .p-btn-login:focus .p-logoText {
  color: #fff;
}

/* # ページトップ
----------------------- */
.p-pagetop {
  margin-top: 64px;
  margin-bottom: 0;
  text-align: right;
}
@media screen and (max-width: 767.98px) {
  .p-pagetop {
    display: none;
  }
}
.p-pagetop a {
  color: #0068B7;
}
.p-pagetop a:hover, .p-pagetop a:active, .p-pagetop a:focus {
  text-decoration: underline;
}

/* ===============================================
# Utilities
=============================================== */
/* # flexbox
----------------------- */
.u-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}
@media print, screen and (min-width: 480px) {
  .u-flex_xs-up {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
  }
}
@media print, screen and (min-width: 576px) {
  .u-flex_sm-up {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
  }
}
@media print, screen and (min-width: 768px) {
  .u-flex_md-up {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
  }
}
@media print, screen and (min-width: 1000px) {
  .u-flex_lg-up {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
  }
}
@media print, screen and (min-width: 1400px) {
  .u-flex_xl-up {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
  }
}

/* # display
----------------------- */
.u-hide {
  display: none;
}
@media only screen and (max-width: 575.98px) {
  .u-hide_xs {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .u-hide_sm {
    display: none;
  }
}
@media only screen and (max-width: 999.98px) {
  .u-hide_md {
    display: none;
  }
}
@media only screen and (max-width: 1399.98px) {
  .u-hide_lg {
    display: none;
  }
}
@media print {
  .u-hide_print {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */