@charset "UTF-8";
/*
Theme Name: kangoshi-tokyo child
Version: 1.0
Template: kangoshi-tokyo
*/

/* --------------------
RESET CSS
-------------------- */
*,
::before,
::after { box-sizing: border-box; border-style: solid; border-width: 0; min-width: 0}
html { line-height: 1}
body { margin: 0}
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0}
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0}
ul, ol { margin: 0; padding: 0; list-style: none}
dt {font-weight: bold}
dd {margin-left: 0}
i { font-style: normal}
hr {box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px; margin: 0; clear: both; color: inherit}
pre { font-family: monospace, monospace; font-size: inherit}
address { font-style: inherit}
a { color: inherit; text-decoration: none; background-color: transparent}
b, strong { font-weight: bolder}
code, kbd, samp { font-family: monospace, monospace; font-size: inherit}
small { font-size: 100%}
big { font-size: inherit}
sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0}
sub { bottom: -0.25em}
sup { top: -0.5em}
svg, img, embed, object, iframe { vertical-align: bottom}
table { border-color: inherit; border-collapse: collapse}
caption { text-align: left}
td, th { vertical-align: top; padding: 0}
th { text-align: left; font-weight: bold}
/* FORM */
button, input[type="text"], input[type="tel"], input[type="email"], optgroup, select, textarea {
 appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0; margin: 0; border-radius: 0; text-align: inherit; text-transform: inherit}
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer}
button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled { cursor: default}
select:disabled { opacity: inherit}
option { padding: 0}
fieldset { margin: 0; padding: 0; min-width: 0}
legend { padding: 0}
progress { vertical-align: baseline}
textarea { overflow: auto}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto}
[type="search"] { outline-offset: -2px}
[type="search"]::-webkit-search-decoration { -webkit-appearance: none}
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit}
[type="number"] { -moz-appearance: textfield}
label[for] { cursor: pointer}
details { display: block}
summary { display: list-item}
[contenteditable]:focus { outline: auto}
abbr[title] { text-decoration: underline dotted}

/* --------------------
COMMON STYLE
-------------------- */
@font-face {
	font-family: "Noto Sans JP";
  src: url("/font/NotoSansJP-Light-min.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
	font-family: "Noto Sans JP";
  src: url("/font/NotoSansJP-Regular-min.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}
@font-face {
	font-family: "Noto Sans JP";
  src: url("/font/NotoSansJP-Medium-min.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
	font-family: "Noto Sans JP";
  src: url("/font/NotoSansJP-SemiBold-min.woff") format("woff");
  font-weight: bold;
  font-display: swap;
}

html { scroll-behavior: smooth}
body { overflow-x: hidden; color: #71686c; font-weight: normal; font-family: "Noto Sans JP", sans-serif; background: #f9efef; font-size: 15px}
p, table, blockquote, address, pre, iframe, form, figure, dl,
h1, h2, h3, h4, h5, h6 { line-height: 1.6}
h2 { margin-bottom: 15px; color: #47495b; font-size: 20px; text-align: center}
a { color: #71686c}
a:hover { opacity: .8}
img { max-width: 100%; height: auto}
@media screen and (min-width: 1061px) {
 body { font-size: 16px}
 h2 { margin-bottom: 20px; font-size: 30px}
}
.sp-only { display: block}
.pc-only { display: none}
.sp-only02 { display: block}
@media screen and (min-width: 601px) {
  .sp-only02 { display: none}
}
@media screen and (min-width: 1061px) {
  .sp-only { display: none}
  .pc-only { display: block}
}
.mt10 { margin-top: 10px}
.mt20 { margin-top: 20px}
.mt25 { margin-top: 25px}
.mt30 { margin-top: 30px}
.mt40 { margin-top: 40px}
.mt50 { margin-top: 50px}
.mt80 { margin-top: 80px}
.mb10 { margin-bottom: 10px}
.mb15 { margin-bottom: 15px}
.mb20 { margin-bottom: 20px}
.mb25 { margin-bottom: 25px}
.mb35 { margin-bottom: 35px}
.mb50 { margin-bottom: 50px}
.mb80 { margin-bottom: 80px}
.jc-center { display: flex; justify-content: center}
.ai-center { display: flex; align-items: center}
.jc-between { display: flex; justify-content: space-between}
.jc-start { display: flex; justify-content: flex-start}
.f-wrap { flex-wrap: wrap}
.icon-required { display: inline-block; width: 40px; height: 18px; margin-right: 10px; color: #fff; text-align: center; font-size: 11px; background: #50aec3}
.icon-history { display: inline-block; width: 20px; height: 20px; margin-right: 10px; background: url(img/common/icon-history-b.png) no-repeat top 3.5px right/auto 16px}
.icon-download { display: inline-block; width: 20px; height: 20px; margin-right: 10px; background: url(img/common/icon-download.png) no-repeat top 3.5px right/auto 16px}
.label { margin-bottom: 5px; color: #50aec3; font-size: 14px}
.inner { width: 100%; max-width: 1120px; margin: auto; padding: 0 20px}
.btn { display: flex; justify-content: center; align-items: center}
.btn.download { height: 40px; color: #fff; background: #00a3af}
.btn.download .icon-download { margin-left: 10px}
object .btn.detail { height: 40px; color: #fff; background: #333442; border-radius: 6px}
.box-btn object + object .btn.detail { background: #fa8a8a}
.btn.entry { height: 50px; padding-left: 25px; color: #fff; font-weight: 700; background: #fa8a8a url(img/common/icon-entry-w.png) no-repeat left 25px center/auto 25px; border-radius: 100vh}
.arrow-right { display: inline-block; margin-left: 10px; border-left: 7.5px solid #d7636a; border-top: 5px solid transparent; border-bottom: 5px solid transparent}
.co-pink { color: #f86d65}
.co-green { color: #00a3af}
.h-box-link { display: flex; justify-content: space-between; align-items: center; height: 39px}
.h-box-link h2 { margin: 0; line-height: 1}
.h-box-link a { color: #47495b}
.box-link { display: flex; justify-content: center; align-items: center; height: 40px; border: 1px solid #000}
.h-top { margin-top: 50px}
@media screen and (min-width: 441px) {
  .btn.entry { height: 60px; padding-left: 30px; background-size: auto 40px; background-position: left 30px center}
  .h-box-link { height: 58px}
}
/* --------------------
COMMON HEADER
-------------------- */
header { color: #fff}
header .logo-area { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap}
header a { color: #fff}
header figcaption { font-size: 9px}
header .box-right { display: flex}
header .box-right i { width: 20px; height: 20px}
header .icon-search { background: url(img/common/icon-search-b.png) no-repeat left center/auto 15px}
header .icon-history { background: url(img/common/icon-history-b.png) no-repeat left center/auto 15px}
header .btn { flex-direction: row;/* 削除禁止 */ height: 33px; padding: 0 10px; color: #17253b; border: 1px solid #17253b; border-radius: 6px}
header .btn.search { margin-right: 5px}
nav ul { display: flex}
@media screen and (max-width: 1060px) {
  header .logo-area { width: 100%; height: 50px; padding: 0 10px; color: #47495b; background: #fff}
  header figcaption { color: #17253b}
  header .icon-history { margin-right: 5px}
  header .btn { font-size: 12px}
  nav { position: static; width: 100%}
  nav .arrow-right { display: none}
  nav ul li { width: 33.3%; border-left: 0.5px solid #fff}
  nav ul li:first-child { display: none; border-left: none!important}
  nav ul li:nth-child(2) { border-left: 0}
  nav ul li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; font-size: 13px; background:rgba(23,37,59,1)}
}
@media screen and (min-width: 1061px) {
  .header-outline { background: #f0f0f1}
  header { position: relative; height: 70px; margin: 0 15px; padding: 0 30px; background:rgba(23,37,59,.955); border-radius: 0 0 8px 8px}
  header .logo-area { height: 70px}
  header .icon-search { margin-right: 10px; background: url(img/common/icon-search-w.png) no-repeat center center/auto 20px}
  header .icon-history { background: url(img/common/icon-history-w.png) no-repeat top right/auto 20px}
  header figcaption { font-size: 10px}
  header .btn { height: 40px;  color: #fff; font-size: 14px; font-weight: 300; border: 1px solid #fff}
  header .btn.search { margin-right: 10px;}
  nav { position: absolute; top: 50%; transform: translateY(-50%); left: 270px}
  nav .arrow-right { margin-left: 5px;}
  nav ul li a { text-align: left; padding-right: 18px; font-weight: 300}
}
@media screen and (min-width:601px) and ( max-width:1061px) {
  header { height: 70px; background: #fff; position: relative; z-index: 5}
}
/* breadcrumb */
.breadcrumb { overflow-x: scroll; display: flex; align-items: center; padding: 0 20px; height: 33px; font-size: 13px}
.breadcrumb ul { display: flex; min-width: 2160px; color: #47495b}
.breadcrumb ul a { display: flex; align-items: center; color: #333442}
.breadcrumb ul a::after { content: ""; margin: 0 12px 0 8px; display: inline-block; width: 8px; height:8px; border-top: 1.5px solid #fa8a8a; border-right: 1.5px solid #fa8a8a; transform: rotate(45deg)}
@media screen and (max-width: 600px) {
  .breadcrumb { background: #f0f0f1}
}
@media screen and (min-width: 601px) {
  .breadcrumb { height: 40px; font-size: 14px}
}
@media screen and (min-width:601px) and ( max-width:1061px) {
  .breadcrumb { margin-top: 30px; height: 35px; background: #f0f0f1}
}
/* heading */
.ttl-area { display: flex; align-items: center; padding: 5px 0 10px; border-bottom: 1px solid #17253b; color: #47495b; background: #fff}
.ttl-area h1 { font-size: 18px}
.ttl-area h1 strong { font-weight: normal}
.ttl-area time { font-size: 12px}
.ttl-area .number big { color: #fa8a8a; font-size: 19px; font-weight: bold}
@media screen and (max-width: 600px) {
  .ttl-area .box-update { display: flex; justify-content: space-between; align-items: flex-end; margin: 15px 0}
  .ttl-area .number { line-height: 1}
}
@media screen and (min-width: 601px) {
  .ttl-area { min-height: 80px; padding: 15px 0}
  .ttl-area .inner { display: flex; justify-content: space-between; flex-direction: row-reverse}
  .ttl-area h1 { width: calc(100% - 200px); font-size: 28px}
  .ttl-area .box-update { width: 210px; text-align: right}
  .ttl-area time { font-size: 14px}
  .ttl-area .number { font-size: 15px}
  .ttl-area .number big { font-size: 23px}
}
@media screen and (min-width:601px) and ( max-width:1061px) {
  .breadcrumb { margin-top: 30px; height: 35px; background: #f0f0f1}
}

footer { line-height: 1.6; background: #ececee}
footer .pagetop { position: fixed; bottom: 0; right: 0; z-index: 100; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background:rgba(248,109,101,0.9); border-radius: 6px 6px 0 0}
footer .pagetop img { width: 25px; height: auto}
.footer-top { padding: 0 20px; background: #fff; border-top: 1px solid #47495b; border-bottom: 1px solid #47495b}
.footer-top ul { display: flex; justify-content: center; flex-wrap: wrap; padding: 10px 0}
.footer-top ul li a { color: #17253b}
.footer-md { padding: 30px 30px 50px}
.footer-md .ttl { color: #17253b; font-weight: 500}
.footer-md .sub-ttl { color: #17253b; font-size: 14px; font-weight: bold}
.footer-md ul { display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 14px; line-height: 1.8}
.footer-md ul li::after { content: "|"; margin: 0 5px}
.footer-md ul li a { color: #71686c}
.footer-btm { padding: 10px 20px; color: #fff; font-size: 13px; text-align: center; background: #17253b}
@media screen and (max-width: 1060px) {
  .footer-top ul li { margin-right: 20px}
  .footer-top ul li:last-child { margin-right: 0}
  .footer-md .scroll_ul { overflow: auto}
  .footer-md .scroll_ul ul { min-width: 2160px}
  .footer-btm img { margin-bottom: 10px}
}
@media screen and (min-width: 1061px) {
  footer .pagetop { display: none}
  .footer-top ul li::after { content: "|"; margin: 0 20px}
  .footer-top ul li:last-child::after { content: ""}
  .footer-btm { display: flex; justify-content: center; align-items: center; font-size: 14px}
  .footer-btm img { margin-right: 25px}
}
/* BANNER */
.banner { position: relative; display: block; max-width: 900px; margin: auto; padding-bottom: 70px; color: #17253b; text-align: center; border-radius: 10px; box-shadow: 3px 3px 3px rgba(0,0,0,.1)}
.banner.bg-gray { background: #d8ddde}
.banner.bg-white { background: #fff}
.banner .fukidashi { position: absolute; top: -40px; left: 15px; display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; color: #fff; font-size: 12px; transform: rotate(-10deg); background: #00a3af; border-radius: 100vh}
.banner .fukidashi span { position: relative}
.banner .fukidashi span::after { content: ""; position: absolute; bottom: -10px; right: -13px; border-style: solid; border-color: transparent transparent transparent #00a3af; border-width: 7px 0 7px 20px; transform: rotate(45deg)}
.banner .fukidashi big { font-size: 15px}
.banner .staff { position: absolute; bottom: 0; max-width: 145px; z-index: 2}
.banner .box-text { padding: 15px 15px 0 37%; text-align: left}
.banner .sp-ttl { font-size: 20px; font-weight: 500}
.banner .tagline { line-height: 1.4}
.banner .btn.entry { position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; width: 90%; max-width: 300px; height: 50px; z-index: 3}
@media screen and (max-width: 600px) {
  .banner .fukidashi { display: none}
  .banner .staff { left: -15px; width: 35%; transform: scale(-1, 1)}
  .banner .box-text { padding: 15px 15px 0 32%; text-align: left}
}
@media screen and (min-width: 1061px) {
  .banner { box-shadow: 5px 5px 5px rgba(0,0,0,.1)}
  .banner.bg-white, .banner.bg-gray { min-height: 220px; padding: 25px 25px 20px}
  .banner .box-text { padding: 0 140px 0 13%; text-align: center}
  .banner .tagline { font-size: 1.8518vw}
  .banner .tagline big { font-size: 2.7777vw}
  .banner .staff { right: -25px}
  .banner .pc-only { margin-top: 10px; font-size: 14px}
  .banner .btn.entry { bottom: 20px; max-width: 450px; height: 60px; font-size: 18px}
}
@media screen and (min-width:601px) and ( max-width:1061px) {
  .banner { max-width: 60%; min-width: 500px}
  .banner .fukidashi { display: none}
  .banner .staff { left: -15px; width: 30%; transform: scale(-1, 1)}
  .banner .box-text { padding: 15px 15px 0 140px; text-align: left}
  .sp-ttl { font-size: 20px; font-weight: 500}
}
@media screen and (min-width: 1120px) {
  .banner .tagline { font-size: 20px}
  .banner .tagline big { font-size: 30px}
}
/* --------------------
COMMON LAYOUT STYLE
-------------------- */
.pc-two-column { padding: 20px 20px 50px}
.one-column { padding: 20px 0 50px}
.pc-two-column .text-desc, .one-column .text-desc { padding-bottom: 30px}
.side h2 { margin-top: 50px}
@media screen and (max-width: 600px) {
  .side { margin-top: 50px}
}
@media screen and (min-width: 1061px) {
  .pc-two-column { display: flex; justify-content: space-between; padding: 40px 20px 100px}
  .pc-two-column .content { width: calc(100% - 330px - 50px)}
  .side { width: 330px}
  .side h2 { font-size: 18px; font-weight: 600}
  .side .banner.bg-gray { padding: 15px 20px 0 20px}
  .side .banner.bg-gray .tagline { font-size: 13px}
  .side .banner.bg-gray .tagline  big { font-size: 16px}
  .side .banner.bg-gray .box-text { padding: 0 33% 75px 0}
  .side .banner.bg-gray .btn.entry { font-size: 16px; background-size: auto 30px; background-position: left 20px center}
}
/* ウィジェット：カテゴリ・タグ */
.wp-block-categories, .wp-block-tag-cloud { margin-bottom: 50px}
.wp-block-categories li { margin-top: 5px}
.wp-block-categories li:first-child { margin-top: 0}
.wp-block-categories li a  { display: flex; align-items: center; width: 100%; min-height: 45px; padding: 0 20px 0 50px; color: #47495b; background: #fff; border: 1px solid #000; border-radius: 6px; box-shadow: 2.5px 2.5px 2.5px rgba(0,0,0,.1)}
.wp-block-categories li a { background: #fff url(img/common/icon-good.png) no-repeat left 10px center/auto 30px}
.wp-block-categories li:nth-child(2) a { background-image: url(img/common/icon-mame.png)}
.wp-block-categories li:nth-child(3) a { background-image: url(img/common/icon-mame.png)}
.wp-block-categories li:nth-child(4) a { background-image: url(img/common/icon-mame.png)}
.wp-block-categories li:nth-child(5) a { background-image: url(https://placehold.jp/30x30.png)}
.wp-block-tag-cloud a  { display: flex; align-items: center; width: 100%; min-height: 45px; margin-top: 5px; padding: 0 20px 0 10px; color: #47495b; font-size: 14px!important; background: #fff; border: 1px solid #000; border-radius: 6px; box-shadow: 2.5px 2.5px 2.5px rgba(0,0,0,.1)}
.wp-block-tag-cloud a:first-of-type { margin-top: 0}
@media screen and (min-width: 1061px) {
  .wp-block-tag-cloud a { font-size: 16px!important}
}
/* ウィジェット：検索 */
.wp-block-search__inside-wrapper { position: relative; width: 100%}
.wp-block-search__input { width: calc(100% - 60px); height: 50px; margin-right: 60px; padding: 0 20px; border: 1px solid #71686c; background: #fff; border-radius: 25px 0 0 25px; box-shadow: 3px 3px 3px rgba(0,0,0,.1)}
.wp-block-search__button { position: absolute; top: 0; right: 0px; width: 60px; height: 50px; background: #00a3af url(img/common/icon-search-w.png) no-repeat center center/auto 25px; border-radius: 0 25px 25px 0; box-shadow: 3px 3px 3px rgba(0,0,0,.1); text-indent: -9999px}
/* --------------------
MAIN-SUPPORT STYLE
-------------------- */
@media screen and (max-width: 600px) {
  .main-support .ttl-area { padding: 10px 0 10px}
}
@media screen and (min-width: 601px) {
  .main-support .ttl-area h1 { width: 100%}
}
.main-support .inner .text-desc { padding-top: 20px}
.main-support .bnr { display: block; padding: 20px; color: #fff; background: #47495b;  border-radius: 6px; bordbox-shadow: 2.5px 2.5px 2.5px rgba(0,0,0,.1)}
.main-support .bnr-inr figure { width: 25%}
.main-support .bnr-text { width: 70%; font-size: 13px}
.main-support .bnr .title_sp { margin-bottom: 10px; font-size: 18px; text-align: center}
.main-support .bnr .title_pc { display: none}
.main-support .bnr.rirekisho { margin-bottom: 10px}
@media screen and (max-width: 600px) {
  .main-support .bnr .title_sp { width: 100%; padding-bottom: 5px; border-bottom: 1px solid #fff}
  .main-support .bnr-inr { display: flex; justify-content: space-between}
  .main-support .bnr-inr figure { background: #fff}
  .main-support .bnr-inr figure img { width: auto; height: 100%; object-fit: cover}
}
@media screen and (min-width: 601px) {
  .main-support .bnr-inr { display: flex; justify-content: space-between; align-items: center}
  .main-support .bnr-text .title_pc { display: block; font-size: 24px; font-weight: 300}
  .main-support .bnr .title_sp { display: none}
}
/* --------------------
LIST STYLE
-------------------- */
.ul-post-list { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 50px}
.ul-post-list li {  padding: 0 20px 15px; background: #fff; border-radius: 10px; box-shadow: 3px 3px 3px rgba(0,0,0,.1)}
.ul-post-list li figure { margin: 0 -20px}
.ul-post-list li figure img { width: 100%; height: auto; object-fit: cover; border-radius: 10px 10px 0 0}
.ul-post-list li .head { margin: 20px 0 10px}
.ul-post-list li .category a { display: flex; align-items: center; height: 25px; padding: 0 10px; color: #00a3af; font-size: 12px; white-space: nowrap; background: #fff; border: 1px solid #00a3af; border-radius: 3px}
.ul-post-list li .date { margin-top: 10px; font-size: 14px; text-align: right}
.ul-post-list li .title { margin-bottom: 20px; font-weight: 500}
.ul-post-list li .title a { color: #47495b; font-size: 16px}
@media screen and (max-width: 600px) {
  .ul-post-list li:nth-child(n+2) { margin-top: 30px}
}
@media screen and (min-width: 601px) {
  .ul-post-list li { width: 48%; margin-right: 4%}
  .ul-post-list li:nth-child(2n) { margin-right: 0}
  .ul-post-list li:nth-child(n+3) { margin-top: 30px}
  .ul-post-list li figure img { height: 200px; object-fit: cover}
  .ul-post-list.archive li { width: 32%; margin-top: 0; margin-right: 2%}
  .ul-post-list.archive li:nth-child(3n) { margin-right: 0}
  .ul-post-list.archive li:nth-child(n+4) { margin-top: 30px}
}
/* --------------------
SEARCH STYLE
-------------------- */
.ul-search li { display: flex; justify-content: space-between; width: 100%; margin-bottom: 20px}
.ul-search li:last-child { margin-bottom: 0}
.ul-search li figure { width: 100px}
.ul-search li figure img { widht: 100px; height: 100px; object-fit: cover; border-radius: 6px}
.ul-search li .box-text { width: calc(100% - 120px)}
.ul-search li .title { font-size: 16px; font-weight: 500}
@media screen and (min-width: 601px) {
  .ul-search li figure { width: 150px}
  .ul-search li figure img { widht: 150px; height: 150px}
  .ul-search li .box-text { width: calc(100% - 170px); padding-top: 30px}
  .ul-search li .title { font-size: 18px}
}
/* --------------------
DETAIL STYLE
-------------------- */
.has-text-align-center { text-align: center!important}
.main-support.single .head { margin-bottom: 20px}
.main-support.single .head .date { text-align: right}
.main-support.single p+p { margin-top: 1em}
.main-support.single .content h2 { margin: 20px 0 10px; padding: 10px 15px; color: #fff; font-size: 18px; font-weight: 500; text-align: left; background: #47495b; border: 1px solid #47495b}
.main-support.single .content h3 { margin: 20px 0 10px; padding-bottom: 10px; color: #47495b; font-weight: bold; border-bottom: 1px dashed #47495b}
.main-support.single .content h4 { margin: 20px 0 10px; padding-bottom: 10px; color: #47495b; font-weight: bold; border-bottom: 1px dashed #47495b}
.post-categories { display: flex; justify-content: flex-start}
.post-categories li { margin-right: 5px}
.post-categories li a { display: flex; align-items: center; width: fit-content; height: 25px; padding: 0 10px; color: #00a3af; font-size: 12px; white-space: nowrap; background: #fff; border: 1px solid #00a3af; border-radius: 3px}
.post-tag  { display: flex; justify-content: flex-start; align-items: center; margin-left: 20px; padding-left: 25px; background: url(img/common/icon-tag.png) no-repeat left center/auto 15px}
.post-tag a { color: #17253b}
.post-tag a + a { margin-left: 5px}
.main-support.single .thumbnail { margin-bottom: 50px}
.main-support.single .thumbnail img { width: 100%; height: 250px; object-fit: cover;}
@media screen and (max-width: 600px) {
  .main-support.single .head .date { margin-bottom: 10px}
}
@media screen and (min-width: 601px) {
  .main-support.single .thumbnail img { height: 400px}
}

.dl-faq dt { margin: 20px 0 10px}
.dl-faq dt span, .dl-faq dd span { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 5px; color: #fff; text-align: center; background: #00a3af; border-radius: 3px}
.dl-faq dd { margin-bottom: 20px; padding-left: 35px}
.dl-faq dd span { margin-left: -35px; color: #00a3af; background: #fff; border: 1px solid #00a3af}
.bg-white { text-align: center; padding: 10px; background: #fff; border-radius: 6px}
blockquote { position: relative; margin-top: 30px; padding: 10px; font-style: italic; border: 0.5px solid #47495b}
cite { line-break: strict; overflow-wrap: anywhere}
/* 履歴書・職務経歴書用 */
.download-area { max-width: 90%; margin: 0 auto 30px}
.download-area .btn.download { width: 49%}
.download-area .btn.download:nth-of-type(n+2) { margin-top: 10px}
.btn.download.one { width: 100%; margin: auto; padding: 0 15px}
.btn.download.fit { width: fit-content; margin: 20px auto 0; padding: 0 15px}
@media screen and (min-width: 601px) {
  .btn.download.one { width: 100%}
}
/* --------------------
PAGINATION
-------------------- */
.page-numbers { display: flex; justify-content: center; margin-top: 60px}
.page-numbers li { margin: 0 2.5px}
.page-numbers li .page-numbers { display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; color: #fff; background: #aaa4aa}
.page-numbers li .page-numbers.current { background: #333442}