@charset "UTF-8";
      :root {
--gap: 1.25rem;
--gapx: 2.5rem;
--gapl: 1.875rem;
--gapm: 1.25rem;
--gaps: .625rem;
--h3: 1em;
--wx: 1400px;
--wl: 1280px;
--wd2: 1160px;
--wd: 960px;
--wt2: 800px;
--wt: 768px;
--ws: 640px;
--xs: 480px;
--bg-color: #ffffff;
--gray-color: #f0f0f0;
--blue-color: #f5f8ff;
--primary-color: #005096;
--secondary-color: #54595F;
--active-color: #003C78;
--hover-color: #003C7894;
--txt-color: #111111;
--h-color: #16181a;
}
@font-face {font-family: 'MyYuGothicM';font-weight: normal;src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");}
@font-face {font-family: 'MyYuGothicM';font-weight: bold;src: local("YuGothic-Bold"), local("Yu Gothic Bold"), local("YuGothic-Bold");}
@font-face {font-family: 'MyYuMinchoR';font-weight: normal;src: local("YuMincho-Regular"), local("Yu Mincho Regular"), local("YuMincho-Regular");}
@font-face {font-family: 'MyYuMinchoR';font-weight: bold;src: local("YuMincho-Demibold"), local("Yu Mincho Demibold"), local("YuMincho-Demibold");}
html,body{margin:0;padding:0}
html {
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
-ms-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
box-sizing:border-box;
cursor:default;
line-height:1.5;
-moz-tab-size:4;
tab-size:4;
-webkit-tap-highlight-color:transparent;
word-break:break-word;
background-color: var(--bg-color);
scroll-behavior:smooth;
}
body {
background-color: var(--bg-color);
color: var(--txt-color);
font-size: 100%;
padding-bottom:constant(safe-area-inset-bottom);
padding-top:constant(safe-area-inset-top);
padding-right:constant(safe-area-inset-right);
padding-left:constant(safe-area-inset-left);
}body>*{max-width:100vw;overflow-x:hidden}::selection{background-color:rgba(0,80,150,.3)}
*,*::before,*::after{box-sizing:inherit}*::before,*::after{text-decoration:inherit;vertical-align:inherit}
main,article,aside,figure,figcaption,footer,header,section{display:block}
h1,h2,h3,h4{line-height:1.1;font-weight:400;}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,nav a,header a,footer a,.func a{text-decoration:none;transition:all .2s ease .05s}
p{line-height:1.6;margin:0 0 1.5rem 0}em{font-style:normal;font-weight:bold}address{font-style:normal}small,.small{font-size:.75em;line-height:1.4}
nav ol,nav ul{list-style:none;padding:0}img,svg,iframe{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:none;height:auto;max-width:100%}:focus{outline:0}a[target="_blank"]{cursor:alias!important}
table{width:100%;border-collapse:collapse;border-spacing:0;margin:2em auto}th,td,tr{padding:1em;border:1px solid #e9ecef}
hr{height:0}pre{font-family: monospace,monospace;font-size:1em}b,strong{font-weight:bolder}audio,canvas,iframe,img,svg,video{vertical-align:middle}
template,[hidden]{display:none}a,button,input,label,select,textarea,[tabindex]{touch-action:manipulation}figcaption{margin:.3rem 0 .5rem}
input[type="text"],input[type="number"],select,textarea{font-size:17px}button,input,select,figure{margin:0}textarea{margin:0;resize:vertical}      body { font-family: 'MyYuMinchoR','Noto Serif JP', serif;
line-height: 1.8;
font-weight: 100;
}
a {
transition: all .35s ease-in-out;
color: var(--primary-color);
}
a:where(:hover) {
color: var(--hover-color);
}
body,
.nav,
.list {
margin: 0;
padding: 0;
list-style: none;
}
:where(.nav,.header,.footer) a {
text-decoration: none;
line-height: 1.3;
color: inherit;
}
:where(nav,.nav,.header) a,
:where(.nav) img {
text-decoration: none;
display: block;
max-width: 100%;
}
h1{font-size:2.25rem}
h2{font-size:1.75rem}
h3{font-size:1.5rem}
h4{font-size:1.313rem}
h5{font-size:1.125rem}
h6{font-size:1.0625rem}
.aligncenter {
clear:both;
text-align:center;
display: block;
margin-inline: auto;
}
.aligncenter img {
margin-inline: auto;
}
.alignleft {
display: inline;
float: left;
margin: .3em 1.5em .3em 0;
}
.alignright {
display: inline;
float: right;
margin: .3em 0 .3em 1.5em;
}
.wp-block-gallery.alignleft, .wp-block-gallery.alignright, .wp-block-gallery.aligncenter,
.wp-block-social-links.alignleft, .wp-block-social-links.alignright, .wp-block-social-links.aligncenter{display:flex}
.color_blue {
color: var(--primary-color);
}
.color_white {
color: var(--bg-color);
}
.txt_center {
text-align: center;
}
.txt_small {
font-size: 90%;
}
.w-1400,
.w-1280,
.w-1020 {
padding: var(--gapm) var(--gapm) var(--gapx);
padding: var(--gapm);
width: 100%;
}
.w-1400 {
max-width: var(--wx);
}
.w-1280 {
max-width: var(--wl);
}
.w-1020 {
max-width: var(--wd2);
}
.inner {
margin-inline: auto;
}
.inner:empty {
display: none;
}
.sec_white {
background-color: var(--bg-color);
display: flow-root;
}
.sec_gray {
background-color: var(--gray-color);
border-top: 1px solid #fff0;
display: flow-root;
} .cell_img,
.cell_list {
--gap: var(--gaps);
display: flex;
gap: var(--gap);
}
.cell_img {
justify-content: center;
}
:not(.cell_img_wrap) .cell_img > div {
flex-basis: 50%;
}
.cell_img + .cell_img,
.cell_img_wrap + .cell_img,
.cell_img_wrap + .cell_img_wrap .cell_img {
margin-top: var(--gap);
}
.cell_list {
--line: 4;
--gap: var(--gapm);
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.cell_list > li {
flex-basis: calc((100% - var(--gap) * (var(--line) - 1)) / var(--line));
}
:where(.cell_list > li) > *:first-child {
margin-top: 0;
}
.cell_list.line2-1 {--line:2}
.cell_list.line3-1 {--line:3}
.cell_list.line5-2 {--line:5}
@media screen and (max-width: 1000px) {
.cell_list.line3-1 {--line:2}
.cell_list.line5-2 {--line:4}
.one_line.line3-1 li:nth-of-type(2) ~ li,
.one_line.line5-2 li:nth-of-type(4) ~ li {display:none}
}
@media screen and (max-width: 767px) {
.cell_list {--line:2}
.cell_list.line5-2 {--line:3}
.one_line.line5-2 li:nth-of-type(3) ~ li {display:none}
.cell_img_wrap {
overflow-x: scroll;
}
.cell_img_wrap > .cell_img > * {
min-width: 50vw;
}
:not(.cell_img_wrap) > .cell_img {
flex-wrap: wrap;
}
}
@media screen and (max-width: 640px) {
.cell_list {--line:1}
.cell_list.line2-1 {--line:1}
.cell_list.line3-1 {--line:1}
.cell_list.line5-2 {--line:2}
.one_line.line2-1 li:nth-of-type(1) ~ li,
.one_line.line3-1 li:nth-of-type(1) ~ li,
.one_line.line5-2 li:nth-of-type(2) ~ li {display:none}
}      :root {
--header-height: 80px;
--header-top: 0px;
--header-top: var(--wp-admin--admin-bar--height,0);
}
@media screen and (max-width: 600px) { :root {
--header-top: 0px;
}
}
body {
padding-top: var(--header-height);
}
.header {
position: fixed;
top: var(--header-top);
z-index: 3;
width: 100%;
padding-block: var(--gaps);
background-color: var(--bg-color);
}
.header .inner {
max-width: var(--wx);
padding: 0 var(--gapx);
}
.header .inner,
.nav_menu,
.nav_global,
.nav_sns {
display: flex;
gap: var(--gapl);
align-items: center;
}
.header .nav_sns {
--icon-size: 30px;
gap: 6px;
}
.header .icon_label {
display: none;
} .site_title_block {
display: block;
color: var(--primary-color);
font-size: 14px;
margin: 0;
font-weight: 400;
}
.site_title_block a {
line-height: 1;
}
.site_pre_title {
color: var(--txt-color);
font-size: 15px;
}
.site_title {
display: inline-block;
font-size: 36px;
margin-top: 9px;
margin-right: 15px;
}
.header .site_title_block {
margin-right: auto;
}
@media screen and (max-width: 767px) {
:root {
--header-height: 56px;
}
.header .inner {
padding-inline: var(--gaps);
}
.header .site_title {
font-size: 20px;
margin-top: 5px;
}
.header .site_pre_title,
.header .site_title_block {
font-size: 10px;
}
} .sec_title,
.sec_title > .inner {
display: flex;
align-items: center;
justify-content: center;
}
.sec_title {
--font-size: 24px;
--img-height: 320px;
min-height: calc(var(--font-size) * 3);
font-size: var(--font-size);
color: var(--bg-color);
background-color: var(--primary-color);
line-height: 1.1;
}
.sec_title > .inner {
}
.sec_title > img {
object-fit: cover;
width: 100%;
height: var(--img-height);
}
body.page-activity .sec_title {
--font-size: 60px;
}
body.page-activity .sec_title > .inner {
justify-content: end;
}
@media screen and (max-width: 767px) {
.sec_title {
--img-height: 160px;
}
body.page-activity .sec_title {
--font-size: 30px;
}
} .sec_breadcrumbs {
background-color: var(--gray-color);
}      .nav_menu {
color: var(--txt-color);
}
.nav_global a {
display: flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 100;
line-height: 20px;
transition: .4s;
}
.nav_global .current-menu-item  a,
.nav_global a:focus,
.nav_global a:hover {
color: var(--primary-color);
}
.nav_global a::after {
background-color: var(--primary-color);
position: absolute;
height: 1px;
content: "";
bottom: 0;
width: 100%;
left: 0;
z-index: 2;
display: block;
opacity: 1;
transition: .3s;
transition-timing-function: ease;
transition-timing-function: cubic-bezier(.58,.3,.005,1);
}
.nav_global :where(li:not(.current-menu-item)) > a:not(:hover):not(:focus)::after {
width: 10px;
left: calc(100% + 20px);
opacity: 0;
}
.nav_sns {
--icon-size: 70px;
display: inline-flex;
gap: var(--gapm);
}
.nav_sns .icon {
display: flex;
flex-direction: column;
gap: calc(var(--gapm) / 3 * 2);
}
.icon_mark {
display: flex;
justify-content: center;
}
.icon_mark,
.icon_mark > svg {
width: var(--icon-size);
height: var(--icon-size);
}
.icon_label {
font-size: 16px;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width: 767px) {
.nav_sns {
--icon-size: 40px;
}
.icon_label {
font-size: 10px;
}
}
.sns_twitter {
color: #1da1f2;
}
.sns_facebook {
color: #1877f2; }
.sns_instagram {
color: #d93177;
}
.sns_youtube {
color: #ff0000;
}
.sns_line {
color: #4cc764; }
.animation-shrink:active > svg,
.animation-shrink:focus > svg,
.animation-shrink:hover > svg {
transform: scale(0.9);
}
.animation-shrink > svg {
transition: all .3s ease-in;
will-change: transition;
transform: translateZ(0);
} .nav_toggle {
display: none;
position: relative;
cursor: pointer;
width: 36px;
height: 36px;
}
.nav_toggle svg {
width: 100%;
height: 100%;
position: absolute;
transition: all .3s;
}
#nav_toggle {
opacity: 0;
position: fixed;
left: -100vw;
}
#nav_toggle + div .icon_hamburger,
#nav_toggle:checked + div .icon_close {
display: block;
}
#nav_toggle:checked + div .icon_hamburger,
#nav_toggle + div .icon_close {
display: none;
}
@media screen and (max-width: 1159px) {
.nav_toggle {
display: flex;
}
.nav_menu {
position: fixed;
z-index: -1;
bottom: 0;
left: 0;
top: var(--header-top);
width: 100%;
padding: var(--header-height) var(--gapl);
color: var(--primary-color);
background-color: var(--bg-color);
}
#nav_toggle + div .nav_menu {
transform-origin: top center;
transition: all .3s;
scale: 1 0;
opacity: 0;
}
#nav_toggle:checked + div .nav_menu {
scale: 1 1;
opacity: 1;
}
.nav_menu,
.nav_global {
flex-direction: column;
width: 100%;
}
.nav_global {
gap: 0;
border-top: 1px solid var(--gray-color);
}
.nav_global li {
position: relative;
width: 100%;
border-bottom: 1px solid var(--gray-color);
}
.nav_global li::before {
content: '';
background: url(https://kishida.gr.jp/wp-content/uploads/2020/11/nav-arrow-1.png) center left;
background-size: auto;
width: 4.5px;
height: 7.5px;
background-size: 100% 100%;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -3.75px;
}
.nav_global a {
padding: var(--gapm);
}
} .nav_breadcrumbs {
font-size: 18px;
display: flex;
flex-wrap: wrap;
gap: var(--gaps);
color: var(--txt-color);
line-height: 1.3;
}
.nav_breadcrumbs > li {
display: flex;
}
.nav_breadcrumbs li:not(:first-child):before {
content: "/";
margin-right: var(--gaps);
}
.nav_breadcrumbs span {
color: var(--secondary-color);
}
@media screen and (max-width: 767px) {
.nav_breadcrumbs {
font-size: 16px;
}
} .sec_pager {
padding-inline: var(--gapl);
margin-block: var(--gapx) var(--gaps);
font-size: 14px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
gap: 3%;
}
.sec_pager,
.nav_pager {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.nav_pager {
justify-content: center;
}
.sec_pager :is(a,span) {
display: flex;
padding-block: 12px;
border: 1px solid #fff0;
color: var(--primary-color);
line-height: 1;
align-items: center;
}
.nav_pager span {
margin: 2px;
}
.nav_pager .nav_current span,
.nav_pager a {
margin: 4px;
padding-inline: 15px;
color: var(--bg-color);
background-color: var(--primary-color);
border-color: var(--primary-color);
transition: all 0.35s ease-in-out;
}
.nav_pager .nav_current > span,
.nav_pager a:hover {
color: var(--primary-color);
background-color: var(--bg-color);
}
.sec_pager > a:hover {
color: #003C7894;
}
@media screen and (max-width: 767px) {
.nav_articles nav > a {
order: -1;
}
.nav_articles .nav_pager {
width: 100%;
}
}
.nav_lr {
justify-content: space-between;
padding-inline: 0;
margin: calc(var(--gapx) * 3) calc(var(--gaps) * -1) 0;
}
.nav_lr a {
color: var(--active-color);
max-width: calc(50% - 1.5%);
line-height: 1.8;
gap: calc(var(--gapm) / 3 );
padding-inline: var(--gaps);
}
.nav_lr a > div {
overflow: hidden;
}
.nav_lr .nav_label {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: -0.45px;
}
.nav_lr .nav_title {
color: #666666;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nav_lr svg {
fill: var(--active-color);
width: 25px;
height: auto;
flex-shrink: 0;
}
.nav_lr a:nth-child(2n) svg {
order: 2;
}
.nav_lr a:nth-child(2n) .nav_label {
text-align: right;
} .sec_pager + .nav_articles {
margin-top: var(--gaps);
}
.nav_articles {
max-width: 1600px;
margin-top: var(--gapx);
padding-top: var(--gapx);
}
.nav_articles > header,
.nav_articles > nav,
.nav_year,
.nav_year > li {
display: flex;
flex-wrap: wrap;
line-height: 1.3;
}
.nav_articles > header {
font-size: 24px;
letter-spacing: 4px;
color: var(--bg-color);
gap: 0;
}
.nav_articles .nav_title {
background-color: var(--primary-color);
padding-top: 40px;
padding-bottom: 130px;
padding-left: calc(300 / 1400 * 100%);
width: 50%;
}
.nav_articles .nav_label {
width: 50%;
font-size: 180px;
color: #fff;
line-height: 1;
font-style: italic;
font-family: sans-serif;
margin-top: -50px;
padding-right: calc(200 / 1400 * 100%);
text-align: right;
padding-left: 20px;
overflow: hidden;
white-space: nowrap;
}
.sec_year {
background-color: var(--bg-color);
}
.nav_year {
margin-left: 10%;
background-color: var(--bg-color);
padding: 35px 14vw 35px calc(140 / 1400 * 100%);
margin-top: -100px;
color: var(--secondary-color);
gap: 0;
}
.nav_year > li {
gap: 0;
align-items: baseline;
font-size: 12px;
margin: 0 8px;
min-width: 75px;
}
.nav_year > li > a {
color: var(--txt-color);
font-size: 16px;
line-height: 1.8;
}
.nav_year > li > a:hover,
.nav_year > li.nav_active > a {
color: var(--primary-color);
}
.nav_year li::after {
content: '|';
padding-left: .5em;
margin-left: auto;
}
@media screen and (max-width: 767px) {
.nav_articles > header {
font-size: 16px;
line-height: 1.4em;
letter-spacing: 0;
}
.nav_articles .nav_title {
padding-top: 20px;
padding-bottom: 65px;
padding-left: 30px;
width: 54%;
}
.nav_articles .nav_label {
width: 46%;
font-size: 77px;
margin-top: -7px;
padding-left: 0;
padding-right: 3%;
text-align: right;
}
.nav_year {
margin-left: 30px;
padding: 22px 22px 0 22px;
margin-top: -50px;
}
.nav_year > li {
font-size: 10px;
margin: 0 5px 5px;
}
.nav_year > li > a {
font-size: 14px;
}
}      .footer h3 {
font-size: 28px;
margin-top: 0;
color: var(--primary-color);
}
.footer h4 {
font-size: 18px;
margin: 0;
}
.nav_banner,
.footer > .wrap > .inner,
.footer .address {
display: flex;
flex-wrap: wrap;
gap: var(--gapm);
}
.footer > .sec_sns {
text-align: center;
padding: var(--gaps) var(--gaps) var(--gapl);
background-color: var(--bg-color);
}
.sec_gray + .footer > .sec_sns {
padding-top: var(--gapx);
}
.nav_banner {
justify-content: center;
background-color: var(--gray-color);
padding: var(--gapm);
gap: var(--gapl);
}
.footer > .wrap {
color: var(--bg-color);
background-color: var(--primary-color);
}
.footer > .wrap > .inner {
max-width: var(--wx);
padding: var(--gapl) var(--gapx);
}
.footer > .wrap :is(.site_title_block,.site_pre_title) {
color: var(--bg-color);
}
.footer address {
font-style: normal;
font-size: 16px;
width: calc((100% - var(--gapm)) / 2);
}
.img-mail {
height: 1em;
display: inline-block;
}
.img-mail img {
width: auto;
height: 100%;
vertical-align: middle;
}
.copy {
text-align: center;
font-family: serif;
color: rgba(0,0,0,0.39);
font-size: 15px;
font-weight: 300;
line-height: 1;
padding: 15px;
}
@media screen and (max-width: 767px) {
.nav_banner {
gap: var(--gapm);
}
.footer h3 {
font-size: 18px;
}
.footer > .wrap > .inner {
flex-direction: column;
}
.footer address {
font-style: normal;
font-size: 16px;
width: 100%;
}
}      .button {
display: inline-block;
line-height: 1;
font-size: 20px;
letter-spacing: 1px;
border: 1px solid var(--primary-color);
border-radius: 30px;
padding: 15px 50px;
color: var(--bg-color);
background-color: var(--primary-color);
text-decoration: none;
margin-top: var(--gapl);
}
.button:hover {
color: var(--primary-color);
background-color: var(--bg-color);
}
:where(.sec_archive_list) .button {
background-color: #818a91;
border-color: var(--bg-color);
}
.sec_index .inner {
margin-bottom: var(--gapx);
font-size: 20px;
}
.sec_index h2 {
color: var(--primary-color);
font-size: 2.375rem;
letter-spacing: 4px;
}
@media screen and (max-width: 767px) {
.sec_index .inner {
font-size: 17px;
}
.sec_index h2 {
font-size: 1.75rem;
letter-spacing: 1.3px;
}
}
.sec_slogan .inner {
width: fit-content;
padding: var(--gapx) var(--gapm) var(--gapl);
margin-bottom: 0;
}
.sec_profile {
background-image: url(https://kishida.gr.jp/wp-content/uploads/2020/12/prof-bg_02.jpg);
background-attachment: fixed;
background-size: cover;
background-color: var(--primary-color);
}
.article_body > .sec_profile {
margin-inline: calc(max(calc(100vw - var(--wd2)), 0px) / -2 - var(--gapm) - var(--gapx));
padding-block: var(--gapx);
}
.sec_profile,
.sec_profile h2,
.article_body > .sec_profile h2 {
color: var(--bg-color);
}
.sec_profile h3 {
font-size: 20px;
}
.sec_profile strong {
font-size: 24px;
}
.sec_profile ul {
justify-content: center;
}
.sec_profile ul > li {
flex-basis: fit-content;
}
.sec_profile .info_name .list {
line-height: 2.2;
}
.sec_profile .info_name {
padding-inline: var(--gapm);
}
.sec_profile .info_works {
padding: var(--gapm) var(--gapx);
background-color: var(--bg-color);
color: var(--primary-color);
}
.sec_profile .button {
color: var(--primary-color);
background-color: var(--bg-color);
}
.sec_profile .button:hover {
color: var(--bg-color);
background-color: var(--primary-color);
border-color: var(--bg-color);
}
@media screen and (max-width: 767px) {
.sec_profile h3 {
font-size: 16px;
}
.sec_profile strong {
font-size: 20px;
}
}
.sec_index .shou_list.cell_list li {
padding-bottom: 0;
}
.sec_index.sec_sns .twitter-timeline,
.sec_index.sec_sns iframe {
height: 500px;
overflow-y: scroll;
}
.fb-page,
.fb-page span,
.fb-page iframe {
width: 100% !important;
}
.sec_index.sec_sns h3 {
color: var(--primary-color);
border-bottom: 1px solid var(--primary-color);
padding-bottom: 20px;
line-height: 36px;
font-size: 24px;
}
.kouchikai {
--primary-color: #37A8BB;
}
.kouchikai img {
width: 80%;
display: block;
margin: 0 auto var(--gapx);
}
@media screen and (max-width: 767px) {
.kouchikai img {
margin-bottom: 0;
}
} .swiper_sp :is(.swiper-button-next,.swiper-button-prev),
.swiper_sp {
display: none;
position: relative;
}
.swiper_one::after,
.swiper_sp::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
}
@media screen and (max-width: 767px) {
.swiper_sp {
display: block;
}
.swiper_pc {
display: none;
}
}
.swiper {
width: 100%;
height: 650px;
--swiper-pagination-bullet-inactive-color: #fff;
--swiper-pagination-bullet-inactive-opacity: .6;
--swiper-pagination-color: #254195;
--swiper-navigation-color: #254195; }
.swiper_one {
position: relative;
}
.swiper_one img,
.swiper_sp img,
.swiper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-button-next::after,
.swiper-button-prev::after {
content: "";
}
.swiper-button-next,
.swiper-button-prev {
width: var(--swiper-navigation-size);
border-radius: 9999px;
background-color: var(--primary-color);
overflow: hidden;
opacity: 0;
transition: .7s .3s;
}
.swiper:hover :is(.swiper-button-next,.swiper-button-prev) {
opacity: 1;
transition: .3s .4s;
}
.swiper svg {
width: 30px;
height: 30px;
opacity: .9;
}
.swiper path {
fill: var(--bg-color);
}       .activities.cell_list {
--gap: var(--gapx);
color: var(--primary-color);
}
.activities.cell_list img {
width: 100%;
height: auto;
aspect-ratio: 3/2;
object-fit: cover;
}
.activities.cell_list h3 {
font-size: 20px;
font-weight: 500;
margin: var(--gapm) 0 var(--gaps);
}
.activities.cell_list .post-date {
font-size: 16px;
color: #adadad;
}
.activities.cell_list a::after {
content: "続きを読む";
font-size: 14px;
text-align: right;
display: block;
line-height: 1;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.activities.cell_list .post-date,
.activities.cell_list a::after {
font-size: 12px;
}
} .article_body {
color: var(--txt-color);
display: flow-root;
}
.article_header {
border-bottom: 1px solid var(--primary-color);
padding-bottom: 20px;
margin-bottom: 50px;
}
.article_header .post-date {
font-size: 20px;
color: var(--secondary-color);
}
.single :where(article,.article_body) :is(h1,h2,h3,h4,h5,h6) {
font-weight: 600;
}
.article_header h1 {
margin: 0;
line-height: 36px;
font-size: 24px;
color: var(--primary-color);
}
.article_body iframe {
aspect-ratio: 16/9;
width: 100%;
}
.single .article_body * {
font-family: 'Noto Sans JP', sans-serif;
color: #333;
}
@media screen and (max-width: 767px) {
.article_header {
margin-bottom: 30px;
}
.article_header .post-date {
font-size: 16px;
}
.article_header h1 {
line-height: 26px;
font-size: 18px;
}
} .use_sidebar {
display: flex;
flex-wrap: wrap;
gap: calc(var(--gapx) * 2);
--sidebar-width: 300px;
}
.use_sidebar > .main {
width: calc(100% - (var(--gapx) * 2) - var(--sidebar-width));
}
@media screen and (max-width: 767px) {
.use_sidebar {
flex-direction: column;
gap: calc(var(--gapx) * 2);
}
.use_sidebar > .main {
width: 100%;
}
}
.side_bar {
max-width: var(--sidebar-width);
padding: var(--gapm) var(--gapm) calc(var(--gapx) * 2) var(--gapl);
background-color: var(--bg-color);
}
.side_bar h2 {
font-size: 18px;
font-weight: bold;
line-height: .9;
color: var(--primary-color);
padding-bottom: 15px;
border-bottom: 1px solid var(--primary-color);
margin-bottom: var(--gapm);
}
.side_bar .button {
font-size: 16px;
padding: 10px 30px;
margin-top: var(--gapx);
}
.side_bar .activities.cell_list {
--line: 1;
--gap: var(--gapm);
}
.side_bar .activities.cell_list li > a {
display: flex;
gap: var(--gapm);
}
.side_bar .activities.cell_list a::after {
content: none;
}
.side_bar .activities.cell_list img {
width: 50%;
flex-shrink: 0;
margin-bottom: auto;
transition: filter .3s;
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}
.side_bar .activities.cell_list a:hover img {
filter: brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}
.side_bar .activities.cell_list h3 {
margin: 0 0 var(--gaps);
font-size: 14px;
line-height: 1.2;
font-weight: bold;
font-family: serif;
color: var(--secondary-color);
}
.side_bar .activities.cell_list .post-date {
line-height: 1.3em;
font-size: 12px;
}
@media screen and (max-width: 767px) {
.side_bar {
max-width: none;
}
}      .shou_list.cell_list li {
padding: 0 10px 40px;
}
.shou_list.cell_list a {
padding: 10px;
}
.shou_list.cell_list a:hover {
background-color: #1e21891a;
}
.shou_list.cell_list h3 {
font-size: 20px;
font-weight: 500;
margin: var(--gapm) 0 0;
}
.shou_list.cell_list {
--gap: 0px;
}
.no_image.no_image_shou {
aspect-ratio: 604/859;
background-color: #fff5;
font-size: 12px;
color: #aaa;
display: flex;
align-items: center;
justify-content: center;
}
.no_image.no_image_shou::before {
content: "画像準備中";
}
@media screen and (max-width: 960px) {
.shou_list.cell_list a {
padding: 5px;
}
}
@media screen and (max-width: 640px) {
.shou_list.cell_list h3 {
font-size: 16px;
margin: var(--gaps) 0 0;
}
}      body.page .sec_page .w-1020 {
padding: var(--gapx);
}
body.page article h2,
.sec_archive_list h2 {
color: var(--primary-color);
font-size: 38px;
letter-spacing: 4px;
}
body.page .article_body h2 {
text-align: center;
}
body.page article :where(h5,h6) {
font-weight: 400;
}
body.page article em {
font-style: italic;
}
body.page .sec_breadcrumbs {
background-color: var(--bg-color);
}
body.page > .sec_page {
padding-bottom: var(--gapx);
padding-inline: var(--gapm);
}
body.page-profile > .sec_page {
background-color: var(--gray-color);
}
body.page > .footer > .sec_sns {
padding-top: var(--gapx);
background-color: var(--blue-color);
}
body.page .article_body .box {
padding: 1em;
background-color: var(--gray-color);
}
body.page .article_body .h_mat {
background-color: #A9D3FF;
padding: 1em;
}
body.page .article_body > section {
--stripe-bg: #fff;
padding: 2em 0;
border-image-source: linear-gradient(var(--stripe-bg),var(--stripe-bg));
border-image-slice: 0 fill;
border-image-outset: 0 50vw;
}
body.page .article_body > section:nth-child(2n+1) {
--stripe-bg: var(--blue-color);
}      body.page-foreignminister .article_body > section:nth-child(2n+1) {
--stripe-bg: #fff;
}
body.page-foreignminister .article_body > section:nth-child(2n) {
--stripe-bg: var(--blue-color);
}      .timeline {
margin: var(--gapm,3em) auto;
padding: 0;
max-width: 800px;
}
.timeline_block {
position: relative;
display: flow-root;
padding-left: 20px;
}
.timeline_block::before,
.timeline_block::after {
background-attachment: fixed;
position: absolute;
display: flex;
}
.timeline_block::before {
content: "●";
line-height: 1;
font-size: 14px;
color: #fafafa;
background-image: linear-gradient(#005096 69%,#aaa 69%);
filter: drop-shadow(0 0 1px #0005);
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
border-radius: 9999px;
z-index: 1;
left: -9px;
top: -9px;
}
.timeline_block::after {
content: "";
background-image: linear-gradient(#005096 69%,#dbdbdb 69%);
width: 2px;
height: 100%;
left: 0;
top: 0;
bottom: 0;
}
.timeline_block:nth-child(2n) {
background-color: #e1e1ed;
}
.timeline_block:last-child::after {
background-image: linear-gradient(#dbdbdb 0%,#dbdbdb 100%);
}
.timeline h3 {
color: #005096;
font-size: 90%;
font-weight: bold;
margin-top: 0;
}
.ks_date {
font-weight: bold;
color: #4d4d4d;
font-size: 1.8em;
opacity: .7;
}
.timeline p:not(.balloon) {
font-size: 1.1rem;
}
.ks_works {
display: flow-root;
margin-block: 15px;
font-weight: bold;
text-indent: -6rem;
padding-left: 6rem;
}
.ks_works > span > span {
min-width: 6rem;
display: inline-block;
line-height: 1.2;
text-align: center;
text-indent: 0;
}
.ks_works + p:not(.balloon) {
padding-left: 6rem;
}
.balloon {
position: relative;
color: #333;
background: #fff;
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
padding: 10px;
position: relative;
max-width: 570px;
display: flex;
margin-left: 91px;
}
.balloon.no-text {
margin-left: 0;
width: fit-content;
}
.balloon::after {
content: '';
position: absolute;
top: -10px;
left: 20px;
border: 10px solid transparent;
border-top-width: 0;
border-bottom-color: #fff;
}
.balloon a {
margin-left: 3%;
width: 250px;
flex-shrink: 0;
}
@media screen and (max-width: 767px) {
.balloon {
flex-direction: column;
margin-left: 0;
gap: var(--gaps);
padding-bottom: var(--gaps);
}
.balloon a {
width: auto;
}
}