@charset "UTF-8";

/*==========================================================================
# reset - ブラウザの差異や不要なスタイルを無くすためのスタイル
========================================================================== */
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
small,
button,
time,
figure {border: 0;font: inherit;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;}

html {line-height: 1;}

ol,
ul {list-style: none;}

li,
dd {list-style-type: none;}

header,
footer,
nav,
section,
article,
aside,
figure,
figcaption {display: block;}

img {border: none;vertical-align: bottom;}
a {cursor: pointer;text-decoration: none;}

.pc {display: none;}
.sp {display: block;}

@media (min-width: 992px) {
.pc {display: block;}
.sp {display: none;}
}

/*1.0rem=10px*/
html {font-size: 62.5%;}

body {
background-color: #fff;
color: #101010;
font-weight: 500;
font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
overflow-x: hidden;
}

body:has(.is-checked) {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
/*IE(Internet Explorer)・Microsoft Edgeへの対応*/
-ms-overflow-style: none;
/*Firefoxへの対応*/
scrollbar-width: none;
/*Google Chrome、Safariへの対応*/
}

body:has(.is-checked)::-webkit-scrollbar {display: none;}
img {width: 100%;}
button {cursor: pointer;}
em {font-style: normal;}
input,
label,
a {cursor: pointer;}
a {transition: all 0.2s linear 0s;}
a:hover {opacity: 0.7;}

/***********************************************
header
************************************************/
.l-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 900;
color: #000;
background-color: rgba(255, 255, 255, 0.8);
border-bottom: 5px solid #000;
}

#top .l-header {border-bottom: none;}
.l-header__items {display: flex;justify-content: space-between;align-items: center;height: 64px;}

@media (min-width: 992px) {
.l-header__items {height: auto;height: 80px;padding-left: 10px;max-width: 1200px;margin: 0 auto;}
}

/***********************************************
header              左               ロゴ*****/
.l-header__left {margin-left: 10px;margin-right: auto;}
a.l-header__logo {transition: all 0.2s linear 0s;display: block;width: 130px;margin-left: 20px;}
a.l-header__logo:hover {opacity: 0.7;}

@media (min-width: 992px) {
a.l-header__logo {width: 150px;margin-left: 20px;}
}

@media (min-width: 1200px) {
a.l-header__logo {width: 200px;margin-left: 30px;}
}

/*==================================================
5-3-3 左から右に線が伸びる（下部）
===================================*/
.l-header__nav-items li a {position: relative;color: #0f0f0f;}/*線の基点とするためrelativeを指定*/
.l-header__nav-items li.current a,
.l-header__nav-items li a:hover {opacity: 0.7;}
.l-header__nav-items li a::after {
content: "";
/*絶対配置で線の位置を決める*/
position: absolute;
bottom: -10px;
left: 0;
/*線の形状*/
width: 100%;
height: 1px;
background: #0f0f0f;
/*アニメーションの指定*/
transition: all 0.6s;
transform: scale(0, 1);
/*X方向0、Y方向1*/
transform-origin: left top;
/*左上基点*/
}

/*現在地とhoverの設定*/
.l-header__nav-items li.current a::after,
.l-header__nav-items li a:hover::after {transform: scale(1, 1);}/*X方向にスケール拡大*/

/***********************************************
header       右            *****/
.l-header__nav-items ul {display: none;}
.l-header__nav-items ul>li {font-weight: 900;letter-spacing: 0.08em;font-size: 15px;}
.l-header__nav-items ul>li a {transition: all 0.2s linear 0s;color: #0f0f0f;}
.l-header__nav-items ul>li a:hover {opacity: 0.7;}
.l-header__insta-icon {display: block;width: 34px;padding: 0;margin: 23px 14px 0 0;}
.l-header__insta-icon.--sp {margin-top: 0px;position: absolute;top: 17px;right: 70px;}

@media (min-width: 992px) {
.l-header__nav-items ul {display: flex;align-items: center;}
.l-header__nav-items ul>li {padding: 10px 8px;font-size: 14px;}
.l-header__nav-items {display: flex;}
.l-header__insta-icon.--sp {display: none;}
}
@media (min-width: 1200px) {
.l-header__nav-items ul>li {padding: 10px 14px;font-size: 15px;}
}

/*==================================================
5-3-3 左から右に線が伸びる（下部）
===================================*/
.l-header__hamburger-menu li a {position: relative;color: #000;}/*線の基点とするためrelativeを指定*/
.l-header__hamburger-menu li.current a,
.l-header__hamburger-menu li a:hover {opacity: 1 !important;}
.l-header__hamburger-menu li a::after {
content: "";
/*絶対配置で線の位置を決める*/
position: absolute;
bottom: 4px;
left: 35%;
transform: translateX(-50%);
/*線の形状*/
width: 30%;
height: 3px;
background: #0f0f0f;
/*アニメーションの指定*/
transition: all 0.6s;
transform: scale(0, 1);
/*X方向0、Y方向1*/
transform-origin: left top;}/*左上基点*/

/*現在地とhoverの設定*/
.l-header__hamburger-menu li.current a::after,
.l-header__hamburger-menu li a:hover::after {transform: scale(1, 1);}/*X方向にスケール拡大*/

/***********************************************
ハンバーガーメニュー
************************************************/
.l-header__items2 {max-width: 1200px;}

.drawer-icon {
width: 70px;
height: 70px;
position: fixed;
top: 3px;
right: 0;
z-index: 1000;
text-align: center;
cursor: pointer;
transition: all 0.5s ease 0s;
background: transparent;
display: block;
}

@media (min-width: 992px) {
.drawer-icon.--sp {display: none;}
.drawer-icon {margin-top: 15px;position: relative;}
}

.drawer-bars {display: inline-block;width: 30px;height: 38px;position: relative;vertical-align: bottom;}
.drawer-bar {
position: absolute;
right: 0;
left: 0;
display: block;
background: #0f0f0f;
width: 100%;
height: 4px;
border-radius: 20px;
transition: all 0.5s linear 0s;
}

.drawer-bar:nth-of-type(1) {top: 0;}
.drawer-bar:nth-of-type(2) {top: 10.25px;}
.drawer-bar:nth-of-type(3) {top: 20.5px;}

.is-checked .drawer-bar:nth-of-type(1) {top: 10px;transform: rotate(-45deg);background: #0f0f0f;}
.is-checked .drawer-bar:nth-of-type(2) {background: transparent;}
.is-checked .drawer-bar:nth-of-type(3) {top: 10px;transform: rotate(45deg);background: #0f0f0f;}

.drawer-content-cover {
position: fixed;
visibility: hidden;
opacity: 0;
transform: translateX(0);
top: 0;
left: 0;
bottom: auto;
width: 100%;
height: 100vh;
max-height: 100vh;
max-width: 100%;
transition: all 0.5s linear 0s;
background: #5d595a;
z-index: 999;
}

.drawer-content-cover.is-checked {visibility: visible;opacity: 1;}
.drawer-content-cover p {color: #3C3C3C;}
.l-header__hamburger-menu {position: relative;z-index: 999;background-color: #e2e2e2;padding: 1px 0;}
.l-header__hamburger-menu ul {list-style: none;padding: 0;width: 100%;margin: 50px auto 20px;z-index: 1;}

@media (min-width: 992px) {
.l-header__hamburger-menu ul {margin: 0 auto;width: 300px;max-width: 100%;}
}

.l-header__hamburger-menu ul li a {
text-align: center;
text-decoration: none;
display: block;
position: relative;
padding: 18px 17px;
color: #333;
transition: all 0.2s linear 0s;
z-index: 1;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 20px;}

.l-header__hamburger-menu ul li a:hover {opacity: 0.7;}
.menu-dorawer-container li:last-child {border: solid 2px #fff;background-color: #fff;margin: 10px 0;}
.menu-dorawer-container li:last-child a {font-weight: bold;color: #002a52;}
.menu-dorawer-container li:nth-last-child(2) {border: solid 1px #fff;margin: 10px 0 30px 0;}
.l-header__hamburger-menu ul li {font-size: 18px;}

/***
.l-header__foot-flex ul {
display: flex;
justify-content: center;
margin: 0 auto;
font-weight: 600;
display: block;

li a {
display: block;
padding: 30px 8px;
color: #cbcbcb;
font-size: 11px;
}

}****/
/***********************************************
ハンバーガーメニュー内の下の方
************************************************/
.l-header__drawer-btns {width: 100%;padding: 20px 3px;background: #fff;text-align: center;}
.l-header__drawer-btns a {width: 46%;display: inline-block;padding: 16px 13px;margin: 5px;background-color: #0f0f0f;color: #fff;font-size: 16px;}

.l-header__drawer-btns a.--black {background-color: #332f2d;}
.l-header__drawer-foot {font-size: 14px;background-color: #5d595a;max-height: 100%;text-align: center;margin: 0 auto;background-size: cover;display: block;}

.l-header__drawer-foot li a {color: #fff;}
.l-header__drawer-foot ul {display: block;}
.l-header__drawer-foot ul li {display: block;}
.l-header__drawer-foot ul li a {display: block;font-size: 17px;padding: 8px 0;}
.l-header__drawer-foot .l-footer__sns-icons {padding-bottom: 50px;display: none !important;justify-content: center;}/*display: flex !important;*/
.l-header__foot-flex {margin: 0px auto;font-weight: 500;font-size: 14px;}
.l-header__foot-flex ul li {padding: 10px 0;}
.l-header__foot-flex ul li a {color: #fff !important;}
.l-header__drawer-foot-wrapper {background-color: #5d595a;padding: 20px 0;}
.l-header__mail-icon {padding-left: 20px;width: 180px;margin: 0 auto;position: relative;}

.l-header__mail-icon::before {
content: "";
width: 40px;
height: 30px;
background-image: url(../img/mail-gold.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 9px;
left: 0px;
}

/***********************************************
login
************************************************/
.l-header__login {font-size: 11px;position: relative;display: block;width: 120px;margin: 0 auto;}
.l-header__login::before {
content: "";
width: 35px;
height: 50px;
/* margin-right: 6px; */
background-image: url(../img/log-in.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: -22px;
margin: 20px 0;
}

.l-header__login.--mypage::before {background-image: url(../img/icon_mypage.png);width: 22px;height: 34px;}

@media (min-width: 992px) {
.l-header__login {width: auto;margin: 0;margin-top: 31px;}
.l-header__login::before {margin: 0;top: -33px;left: 46%;transform: translateX(-50%);}
.l-header__login.--mypage::before {top: -31px;left: 46%;}
}



/********パンくずとヘッダー裏の余白************/
.l-header__breadcrumb {margin: 92px 0 0 0;font-size: 12px;}
.l-header__breadcrumb a {color: #000;}
.l-header__breadcrumb .current-item {color: #868686;}

@media (min-width: 992px) {
.l-header__breadcrumb {margin: 108px 0 0 0;font-size: 12px;}
}


/**************?
footer
/*************/
.l-footer {padding: 1px 0;}
.l-footer a {font-family: "Noto Sans JP", sans-serif;transition: all 0.2s linear 0s;color: #fff;padding: 10px 0;display: block;font-weight: 400;}
.l-footer a:hover {opacity: 0.7;}

@media (min-width: 992px) {
.l-footer {display: block;width: 100%;color: #fff;z-index: 900;font-size: 15px;background-color: #0f0f0f;}
}

.l-footer__nav-items ul {display: flex;justify-content: center;flex-wrap: wrap;margin: 30px auto 0;}
.l-footer__nav-items ul>li {display: block;}

@media (min-width: 992px) {
.l-footer__nav-items ul {margin: 30px auto 0px;flex-wrap: wrap;max-width:660px;}/*追記*/
.l-footer__nav-items ul>li {padding: 10px 30px;}
}

.l-footer__copyright {
font-size: 10px;
color: #fff;
display: block;
font-weight: 400;
padding: 10px 0 90px;
background-color: #000;
text-align: center;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.6px;
}

@media (min-width: 768px) {
.l-footer__copyright {font-size: 15px;padding: 10px 0px 10px 0;}
}

.l-footer__vertical-line {width: 1px;height: 110px;background-color: #b2b2b2;}

/***********************************************
cv ボタン　最下部固定
************************************************/
.l-footer-cv {
display: flex;
position: fixed;
bottom: 0;
right: 0;
z-index: 800;
font-size: 15px;
font-weight: 700;
background-color: #fff;
height: 75px;
width: 100%;
}

a.l-footer-cv__btn {
width: 50%;
padding: 27px;
text-align: center;
border-right: solid 1px #fff;
line-height: 1.5;
color: #fff !important;
display: block;
width: 50%;
height: 100%;
background-color: #0f0f0f;
padding: 27px 0px;
font-size: 14px;
}

a.l-footer-cv__btn::after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
width: 10px;
height: 10px;
position: absolute;
top: 42%;
right: 10px;
}

@media (min-width: 992px) {
.l-footer-cv {display: none;}
a.l-footer-cv__btn {width: 320px;height: 75px;right: 0;background-color: #0f0f0f;color: #333;font-size: 16px;padding: 25px;}
a.l-footer-cv__btn::after {border-color: #0f0f0f;right: 20px;}
a.l-footer-cv__btn.--pc {padding: 25px;background-color: #0f0f0f;color: #fff;}
a.l-footer-cv__btn.--pc::after {border-color: #fff;}
.l-footer__text-small {font-size: 11px;}
}

.l-footer-cv__sp {display: inline;}
.l-footer__wrapper {margin-top: 40px;color: #fff;}
.l-footer__nav {margin-top: 30px;padding: 15px 0;}
.l-footer__nav ul {display: none;}
.l-footer__nav ul>li {font-weight: 700;}

@media (min-width: 992px) {
.l-footer-cv__sp {display: none;}
.l-footer__nav ul {display: flex;justify-content: center;}
.l-footer__nav ul>li {padding: 30px 15px;font-size: 18px;}
}

@media (min-width: 1300px) {
.l-footer__nav ul>li {padding: 30px 30px;font-size: 22px;}
}

.l-footer__nav ul>li a {transition: all 0.2s linear 0s;color: #fff;}/*********フッターナビゲーション文字の色********/
.l-footer__nav ul>li a:hover {opacity: 0.7;}
.l-footer__logo {transition: all 0.2s linear 0s;display: block;}
.l-footer__logo:hover {opacity: 0.7;}
.l-footer__info {margin: 16px 0 9px 0;font-size: 16px;font-weight: normal;line-height: 1.65;letter-spacing: normal;text-align: left;color: #333;}
.l-footer__contact-bg {padding: 30px 0 20px;margin: 30px 0 0 0;background-color: #fafafa;}
.l-footer__sns-icons {display: none;}
.l-footer__sns-icons li {width: 34px;margin: 20px 20px;}
.c-inner__center {min-width: 330px;width: 88%;max-width: 1000px;margin: 0 auto;text-align: center;line-height: 1.3;}
.c-inner__left {width: 88%;max-width: 1000px;margin: 0 auto;text-align: left;}
.c-inner__flex {display: flex;align-items: center;flex-wrap: wrap;}
.c-inner__flex.--sp_block {display: block;}

@media (min-width: 992px) {
.l-footer__logo {width: 99px;}
.l-footer__contact-bg {padding: 80px 0;margin: 0;}
.l-footer__sns-icons {display: none;}/*display: flex;justify-content: center;*/
.c-inner__center {width: 80%;}
.c-inner__left {width: 80%;}
.c-inner__flex.--sp_block {display: flex;}
}

.c-inner__flex.--top {align-items: flex-start;}

/***********************************************
「特集記事」の見出し
************************************************/
.c-heading {text-align: left;margin: 50px 0 20px;}
.c-heading.--auther {text-align: center;}
.c-heading.--auther .c-heading__jp::before {display: none;}

.c-heading__top-ja {
font-size: 40px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: 0.83;
letter-spacing: 2.08px;
text-align: left;
color: #101010;
margin-top: 60px;
}

.c-heading__top-en {
text-align: left;
font-family: "Open Sans", "Noto Sans", "Helvetica Neue", "Helvetica", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
color: #757575;
font-weight: 600;
letter-spacing: -0.045em;
display: block;
margin: 14px 0 24px 0;
font-size: 18px;
}

@media (min-width: 992px) {
.c-heading__top-ja {font-size: 52px;margin-top: 70px;}
.c-heading__top-en {font-size: 22px;margin: 17px 0 50px 0;}
}

/***********************************************
メニューそれぞれの見出し
************************************************/
.c-heading__jp {
font-size: 26px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -2px;
padding-left: 30px;
color: #000;
position: relative;
}
.c-heading__jp::before {
content: "";
background-image: url(../img/2.png);
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
width: 23px;
height: 24px;
position: absolute;
top: 55%;
left: 0;
transform: translateY(-50%);
z-index: -1;
}

.c-heading__jp.--contact {letter-spacing: 0em;color: #fff;}
.c-heading__jp.--contact::before {  background-image: none;}
.c-heading__jp.--contact+.c-heading__en {letter-spacing: 0em;color: #fff;padding: 5px 0;}
.c-heading__en {font-family: "Open Sans", sans-serif;display: inline-block;padding: 0px 0 0px;font-size: 16px;font-weight: 700;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -1px;color: #757575;}

@media (min-width: 992px) {
.c-heading__jp {font-size: 40px;padding-left: 50px;}
.c-heading__jp::before {width: 40px;height: 40px;}
.c-heading__en {font-size: 18px;padding: 0px 0 30px;}
}

.c-heading__section-bar {width: 100%;height: 1px;background-color: #222;}

/***********************************************
固定ページ　メイン上部のパディング
************************************************/
.c-heading__main {font-size: 15px; margin-bottom:96px;padding-top: 23px;}
.c-icon {position: relative;}
.c-icon::before {content: "";background-repeat: no-repeat;background-size: contain;position: absolute;}
.c-icon::after {content: "";background-repeat: no-repeat;background-size: contain;position: absolute;}
@media (min-width: 992px) {
.c-heading__main {font-size: 16px; margin-bottom:160px;}
}
/***********************************************
左から右へグイっと登場
************************************************/
.c-icon__from-left {animation: fadeIn 1s cubic-bezier(0.9, 0, 0.2, 1) 0.5s 1 normal backwards;}
.c-icon__keyword {position: absolute;color: transparent;}
@keyframes fadeIn {
from {opacity: 0;transform: translateX(-20px);}
to {opacity: 1;transform: translateX(0);}
}
/***********************************************
文字の両サイドに画像配置
************************************************/
.c-icon__both-side {position: relative;}

.c-icon__both-side::before,
.c-icon__both-side::after {
content: "";
display: inline-block;
width: 10%;
aspect-ratio: 100/133;
background-image: url();
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}

.c-icon__both-side::after {background-image: url();}

/***********************************************
アンダーライン
************************************************/
.c-icon__marker {background: linear-gradient(transparent 60%, yellow 30%);display: inline-block;}
.c-icon__under-line {border-bottom: 10px solid #000;display: inline-block;padding-bottom: 10px;}

/***********************************************
スクロール
************************************************/
.c-icon__scroll-bar {overflow-x: auto;width: 100%;max-width: 100%;height: 100vh;overflow-y: auto;}
.c-icon__scroll-bar::-webkit-scrollbar {width: 5px;height: 2px;border-radius: 10px;}
.c-icon__scroll-bar::-webkit-scrollbar-track {border-radius: 10px;background-color: #D5D5D5;}
.c-icon__scroll-bar::-webkit-scrollbar-thumb {background-color: #969696;}

/***********************************************
read more　線の色が変わる
************************************************/
/*== 線の上を別の線が伸びる */
.c-button__more {
/*線の基点とするためrelativeを指定*/
position: relative;
/*リンクの形状*/
color: #fff;
padding: 10px 10px 10px 10px;
display: inline-block;
text-decoration: none;
outline: none;
}

/*線の設定*/
.c-button__more::before,
.c-button__more::after {
content: "";
/*絶対配置で線の位置を決める*/
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
/*線の形状*/
background: #333;
width: 50%;
height: 2px;
/*アニメーションの指定*/
transition: all 0.3s ease-in-out;}

.c-button__more.--white::before,
.c-button__more.--white::after {background: #fff;}/*線の形状*/
.c-button__more::after {width: 0;background: #fff;}/*hover時に伸びる線の形状*/
.c-button__more.--white::after {background: #333;}
.c-button__more:hover::after {width: 50%;}/*hover時に100%に伸びる*/
.c-button__more span {position: relative;}/*矢印の設定*/
.c-button__more span::after {
content: "";
/*絶対配置で矢印の位置を決める*/
position: absolute;
top: 0.6em;
right: -36px;
/*矢印の形状*/
width: 5px;
height: 5px;
border-top: 1px solid #333;
border-right: 1px solid #333;
transform: rotate(45deg);
/*アニメーションの指定*/
transition: all 0.3s;
}

.c-button__more.--white span::after {border-color: #fff;}

/*hover時に矢印が移動*/
.c-button__more:hover span::after {right: -41px;}

.--side {
/*== 線の上を別の線が伸びる */
/*線の設定*/
/*hover時に伸びる線の形状*/
/*hover時に100%に伸びる*/
/*矢印の設定*/
/*hover時に矢印が移動*/
}

.--side .c-button__more {
/*線の基点とするためrelativeを指定*/
position: relative;
/*リンクの形状*/
color: #fff;
padding: 10px 80px 10px 20px;
display: inline-block;
text-decoration: none;
outline: none;
}

.--side .c-button__more::before,
.--side .c-button__more::after {
content: "";
position: absolute;
z-index: 1;
bottom: 20px;
left: 105px;
background: #5d595a;
width: 24%;
height: 1px;
transition: all 0.3s ease-in-out;
}

@media (min-width: 992px) {
.--side .c-button__more {padding-right: 137px;}
.--side .c-button__more::before,
.--side .c-button__more::after {bottom: 23px;left: 129px;}
}

.--side .c-button__more.--white::before,
.--side .c-button__more.--white::after {background: #fff;}/*線の形状*/
.--side .c-button__more::after {width: 0;background: #fff;}
.--side .c-button__more.--white::after {background: #000;}
.--side .c-button__more:hover::after {width: 24%;}
.--side .c-button__more span {position: relative;}
.--side .c-button__more span::after {
content: "";
/*絶対配置で矢印の位置を決める*/
position: absolute;
top: 0.6em;
right: -36px;
/*矢印の形状*/
width: 5px;
height: 5px;
border-top: 1px solid #333;
border-right: 1px solid #333;
transform: rotate(45deg);
transition: all 0.3s;
}/*アニメーションの指定*/

.--side .c-button__more.--white span::after {border-color: #fff;}
.--side .c-button__more:hover span::after {right: -41px;}

.c-button__viewmore {
font-size: 18px;
margin: 40px 0 60px;
font-weight: 500;
padding-right: 50px;
letter-spacing: 0.96px;
text-align: right;
color: #101010;
font-family: "Open Sans", sans-serif;
cursor: pointer;
position: relative;
}

@media (min-width: 992px) {
.c-button__viewmore {font-size: 24px;}
}

.c-button__viewmore::before {
content: "";
width: 50px;
height: 50px;
background-image: url(../img/view-more-arrow.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -10px;
transition: all 0.2s linear 0s;
right: 0px;
}

.c-button__viewmore:hover:before {right: -10px;}

/* ↑ この記述はリセット */
.wrap_slider {width: 100%;}
.slider {width: 100%;height: 100%;}
.slider picture {width: 100%;object-fit: cover;padding: 10px 10px 20px;display: block;}

* {margin: 0;padding: 0;list-style: none;vertical-align: bottom;}

/* ↑ この記述はリセット */
.wrap_slider {width: 100%;}
.slider li img {width: 100%;height: auto;padding: 10px 10px 20px;}
.slick-prev:before,
.slick-next:before {color: #101010;z-index: 1;}
.slider .slick-dots {bottom: 0;display: flex;justify-content: space-between;}

.slider .slick-dots li {position: relative; display: inline-block; width: 33.3333333333%; height: 5px; margin: 0; padding: 0; cursor: pointer; background: #ccc; overflow: hidden;transition: all 0.2s linear 0s;}
.slider .slick-dots li.slick-active button {background: #101010;width: 100%;}
.slider .slick-dots li button:before {content: none;}
.slick-dotted button.next-arrow{position:absolute; left:5%; top:30%;}
.slick-dotted button.prev-arrow{position:absolute; right:5%; top:30%;}
.next-arrow:before,
.prev-arrow:before {background-size: contain !important; content: "" !important; width: 32px !important; height: 32px !important; z-index: 1;}
.next-arrow:before {background: url(../img/icon_prev01.png) !important;}/**160px*/
.prev-arrow:before {background: url(../img/icon_next01.png) !important;}

@media (min-width: 992px) {
.slick-dotted button.next-arrow{left:5%;}
.slick-dotted button.prev-arrow{right:5%;}
}

.wp-pagenavi {margin: 40px auto 55px;font-size: 12px;text-align: center;display: flex;align-items: center;justify-content: center;color: #000;}
.wp-pagenavi a {color: #000;}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi span.current,
.wp-pagenavi a.page,
.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last {
margin: 0 10px 0 0;
border: solid 1px #000;
width: 40px;
height: 40px;
border-radius: 50%;
line-height: 40px;
text-align: center;
box-sizing: border-box;
justify-content: center;
display: flex;
align-items: center;
transition: 0.3s;}

.wp-pagenavi span.current {border: none;background: #000;color: #fff;}
.wp-pagenavi a.page {background: none;}
.wp-pagenavi a.page:hover {background: #000;color: #fff;}
.wp-pagenavi .first,
.wp-pagenavi .extend {margin-right: 10px;}
.c-pagenavi__upper-bar {width: 100%;height: 1px;border-bottom: 1px solid #000;}

/***************
*トップページ「　mv　」セクション
****************/
.p-top__s1-mv-section {margin-top: 64px;}
.p-top__mv {padding: 300px 20px 100px;background-image: url(../img/mv2.jpg);background-size: cover;margin: 80px auto 0 0;}
.p-top__mv.--1 {background-image: url(../img/mv1.jpg);}
.p-top__s1__black-text {background-color: #252527;width: 100%;color: #fff;text-align: center;padding: 10px 0 15px;font-size: 11px;line-height: 1.3;}
.p-top__s1__black-text a {color: #fff;border-bottom: 1px solid #fff;}
@media (min-width: 992px) {
.p-top__s1-mv-section {margin-top: 80px;}
.p-top__mv {padding: 300px 0 150px;max-width: none;}
.p-top__s1__black-text {padding: 20px 0;font-size: 14px;}
}

/***************
*トップページ「　特集記事」セクション
****************/
.p-top__feature-items {display: flex;justify-content: space-between;}
.p-top__feature-items.--wrapper-r {display: block;}
.p-top__feature-items.--wrapper-l {display: block;}
.p-top__s2-feature-section .p-top__feature-items {display: block;}
.p-top__feature-item {padding: 5px;}

@media (min-width: 992px) {
.p-top__feature-items.--wrapper-r {display: flex;}
.p-top__feature-items.--wrapper-l {display: flex;flex-direction: row-reverse;}/*flex-direction: column-reverse;**/
.p-top__s2-feature-section .p-top__feature-items {display: flex;justify-content: space-between;}
.p-top__feature-item {width: 48%;}
.p-top__feature-item.--large {width: 50%;flex-shrink: 0;}
.p-top__feature-item.--large.--r {padding-right: 30px;}
.p-top__feature-item.--large.--l {padding-left: 30px;}
}

.p-top__feature-article-title {
margin: 15px 0px 0px 0px;
font-size: 17px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.64;
letter-spacing: normal;text-align: left;color: #101010;}


.p-top__feature-article-title.--small {font-size: 13px;}
.p-top__feature-tags {display: block;margin: 20px 0;}

@media (min-width: 992px) {
.p-top__feature-article-title {font-size: 22px;}
.p-top__feature-article-title.--small {font-size: 16px;}
.p-top__feature-tags {display: flex;align-items: center;margin: 20px 0;}
}

.p-top__feature-cat {
display: inline-block;
padding: 5px 10px 5px 10px;
border-radius: 17.5px;
background-color: #101010;
font-size: 13px;
letter-spacing: 0.72px;
text-align: center;
color: #fff;
}

.p-top__feature__date {
width: 61px;
height: 10px;
font-size: 12px;
font-weight: 500;
padding: 0 5px;
letter-spacing: 0.52px;
color: #757575;
font-family: "Open Sans", sans-serif;
margin-top: 8px;
}
.p-top__feature-tags.--small .p-top__feature-cat {padding: 8px 12px;font-size: 9px;}

@media (min-width: 992px) {
.p-top__feature-cat {padding: 8px 36px 9px 35px;font-size: 18px;}
.p-top__feature__date {font-size: 13px;padding: 0 15px;margin-top: 0;}
.p-top__feature-tags.--small .p-top__feature-cat {font-size: 11px;}
}

.p-top__feature-tags.--large .p-top__feature-cat {padding: 8px 18px;font-size: 14px;}

/***************
*「content.css」セクション
****************/
.sub_header {border-bottom: 7px solid #000;}
.subpage {margin-top: 87px;top: 87px;display: block;width: 100%;max-width: 1000px;margin-left: auto;margin-right: auto;}
.sub_main {padding: 50px 0;}
.sub_main h1 {font-size: 52px;font-weight: 900;font-stretch: normal;font-style: normal;line-height: 0.83;letter-spacing: 2.08px;text-align: left;color: #101010;}
.sub_main h2 {font-size: 52px;font-weight: 900;font-stretch: normal;font-style: normal;line-height: 0.83;letter-spacing: 2.08px;text-align: left;color: #101010;}
.sub_main span.sub_ttl-en {
font-family: "Open Sans", "Noto Sans", "Helvetica Neue", "Helvetica", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
color: #757575;
font-weight: 400;
letter-spacing: -0.045em;
display: block;
font-size: 22px;
margin: 25px 0 0 0;
}

.article_area {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}

.article_box {
width: 22%;
margin-bottom: 60px;
display: flex;
/*子要素に追加*/
flex-direction: column;
/*子要素に追加*/
}

.article_box a {color: #000;}
.article_box p.article_ttl {font-size: 14px;line-height: 1.5;margin-top: 10px;flex-grow: 1;}
.article_date {font-size: 12px;color: #757575;padding-top: 10px;margin-top: auto;}
.article_tag {margin-top: 10px;display: flex;}
.article_tag li+li {margin-left: 5px;}
.article_tag li a {background-color: #000;color: #fff;border-radius: 20px;padding: 3px 10px;}
.article_tag li a {position: relative;}
.article_tag li a::before {content: "#";font-size: inherit;color: #fff;}
.pagenavi {border-top: 2px solid #000;text-align: center;padding: 50px 0 100px 0;}
.pagenavi ul {display: flex;justify-content: center;}
.pagenavi ul li {align-content: center;}
.pagenavi ul li+li+li {margin-left: 15px;}
.pagenavi ul li a {border: 2px solid #000;border-radius: 50px;width: 42px;height: 42px;display: block;font-size: 20px;padding-top: 8px;color: #000;transition: 0.3s;}

.pagenavi ul li a:hover {background-color: #000;color: #fff;transition: 0.3s;}
.pagenavi ul li:first-child {margin-right: 30px;}
.pagenavi ul li:last-child {margin-left: 30px;}
.pagenavi ul li.active a {background-color: #000;color: #fff;}

@media (max-width: 991px) {
.subpage {width: 94%;}
.sub_main {padding: 20px 0;}
.article_area {display: block;}
.article_box {width: 100%;}
.pagenavi {width: 100%;}
.pagenavi ul {width: 100%;}
.pagenavi ul li {width: 10%;}
.pagenavi ul li a {width: 100%;height: 100%;padding-top: 13%;aspect-ratio: 1/1;}

.pagenavi ul li:first-child {margin-right: 0;}
.pagenavi ul li:last-child {margin-left: 0;}
.pagenavi ul li+li {margin-left: 5px !important;}
.sub_main h2 {font-size: 25px;}
.sub_main span.sub_ttl-en {font-size: 15px;margin: 10px 0 0 0;}
}


/***************
*トップページ「 監修 AUTHER」セクション
****************/
.p-top__s7-auther-items {display: grid;grid-template-columns: repeat(auto-fit, 220px);justify-content: center;grid-gap: 1rem;}
.p-top__s7-auther-items.--sp_block {display: block;}

@media (min-width: 992px) {
.p-top__s7-auther-items.--sp_block {display: flex;}
}

.p-top__s7-auther-item {font-size: 13px;color: #757575;line-height: 1.75em;margin: 20px;width: 200px;}
.p-top__s7-auther-item .name {font-size: 18px;color: #101010;font-weight: 700;}
.p-top__s7-auther-item .position {text-decoration: underline;margin-bottom: 10px;}
.p-top__s7-auther-item .auther-more {font-size: 14px;padding: 6px 6px 6px 40px;background-color: #000;position: relative;}
.p-top__s7-auther-item .auther-more a {color: #fff;}
.p-top__s7-auther-item .auther-more::before {
content: "";
width: 22px;
height: 22px;
background-image: url(../img/arrow-right.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
left: 8px;
transform: translateY(-50%);}

.p-top__s7-auther-img {width: 200px;margin-bottom: 10px;}

/***************
*トップページ「　p-top__s8-banner-img　」セクション
****************/
.p-top__s8-banner-section {background-color: #363636;padding: 80px 0;}
.p-top__s8-banner-section .p-top__s7-auther-items {justify-content: space-between;}
.p-top__s8-banner-img {margin: 0px 0 20px;}

@media (min-width: 992px) {
.p-top__s8-banner-img {width: 47%;}
}

/***************
*トップページ「ログイン」セクション
****************/
.p-top__s9-login-section {background-color:#E2E2E2; margin-top:64px; padding:50px 0;}
.p-top__s9-left-box {width:100%;}
.p-top__s9-left-box span {font-size: 60px;font-family: "Open Sans", sans-serif;letter-spacing: -1px;line-height: 0.72;}
.p-top__s9-left-box h2 {font-size: 16px;padding: 10px 0 30px;}
.p-top__s9-left-box p {line-height: 1.75;font-size: 16px;}
.p-top__s9-right-box {width: 100%;background-color: #fff;padding: 10px 25px 20px;margin-top: 40px;}

@media (min-width: 992px) {
.p-top__s9-left-box {margin-top:0; width:50%;}
.p-top__s9-right-box {margin-top: 0;width: 50%;padding: 20px 50px 30px;}
}

.p-top__s9-right-box label,
.p-top__s9-right-box input {display: block;}

input {
width: 100%;
font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 15px;
background-color: #F4F4F4;
padding: 10px 19px;
border: none;
border-radius: 4px;
}

input::placeholder {color: #B4B4B4;}
input:focus {border: 1px solid #4877B0;outline: 0;}
label {font-size: 15px;font-weight: 700;padding: 10px 0;margin: 10px 0 0 0;}

.p-top__s9-submit {
width: 220px;
text-align: center;
display: block;
margin: 30px auto 0;
padding: 18px 3px 18px 0;
border-radius: 26px;
background-color: #101010;
font-size: 17px;
font-weight: 700;
color: #fff;
position: relative;
}

@media (min-width: 992px) {
input {font-size: 18px;width: 100%;margin: 0;}
.p-top__s9-submit {width: 293px;padding: 18px 0px;}
}

.p-top__s9-submit::before {
content: "";
width: 40px;
height: 40px;
background-image: url(../img/white-right-arrow.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 55%;
right: 10px;
transform: translateY(-50%);
}

/***************
*トップページ「　　」セクション
****************/
.p-top__s10-channel-bar {border-top: 3px solid #000;}
.p-top__s10-channel-section {padding: 70px 0 0px;}
.p-top__s10-channel-section h2 {font-size: 28px;font-family: "Open Sans", sans-serif;font-weight: 600;}
.p-top__s10-items {display: grid;grid-template-columns: repeat(auto-fit, 150px);justify-content: flex-start;grid-gap: 1rem;}
.p-top__s10-items.--tag {display: flex; flex-wrap: wrap;}
.p-top__s10-item {font-size: 16px; color: #757575; margin:15px 10px 0;}/*margin: 20px 10px;*/
.p-top__s10-item h3 {font-weight: 700;color: #404040;}
.p-top__s10-item ul {padding-left: 10px;}
.p-top__s10-item li {position: relative;margin: 10px 0px;padding-left: 15px;font-size: 15px;}
.p-top__s10-item li::before {
content: "";
width: 7px;
height: 10px;
border-left: 2px solid #757575;
border-bottom: 2px solid #757575;
position: absolute;top: 0;left: 0;}

@media (min-width: 992px) {
.p-top__s10-items {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.p-top__s10-item {margin: 20px 30px;}
}
/***********************************************
tag
************************************************/
.p-top__s10-tag-section {padding: 50px 0 70px;}
.p-top__s10-tag-section h2 {font-size: 28px;font-family: "Open Sans", sans-serif;font-weight: 600;}
.p-top__s10-tag-wrapper {width: 100%;margin-top: 10px;}
.p-top__s10-tag-wrapper h2 {font-size: 28px;font-family: "Open Sans", sans-serif;font-weight: 600;}
.p-top__s10-tag-wrapper li {padding: 10px 40px 10px 0;font-size: 15px;}
.p-company__main {padding-top: 80px;}
.p-company__title {width: 95%;margin: 0px auto 50px;}
.p-company__text {font-size: 16px;line-height: 2;}
.p-company__vision-img {width: 100%;}
.p-company__table {width: 100%;border-collapse: collapse;border-top: 1px solid #000;margin-bottom: 50px;}
.p-company__table th,
.p-company__table td {border-bottom: 1px solid #000;padding: 25px 0;font-size: 16px;width: 100%;line-height: 1.5;}
.p-company__table th {display: block;padding: 10px 20px;text-align: left;font-weight: 700;background-color: #f3f3f3;}
.p-company__table td {display: block;padding: 30px 20px;}
.p-company__research-title {font-size: 24px;padding: 20px 0 10px 0;border-bottom: 3px solid #000;text-align: center;}

@media (min-width: 992px) {
.p-company__title {width: 400px;margin: 40px auto 0px;}
.p-company__text {font-size: 18px;padding: 100px 0 50px;width: 90%;margin: 0 auto;}
.p-company__vision-img {width: 60%;margin: 0 auto;}
.p-company__table {margin-bottom: 100px;}
.p-company__table th,
.p-company__table td {font-size: 18px;}
.p-company__table th {background-color: transparent;display: table-cell;vertical-align: middle;width: 30%;padding: 10px 30px;}
.p-company__table td {display: table-cell;width: 70%;padding: 25px 20px;padding-left: 30px;margin: 0;}
.p-company__research-title {padding: 50px 0 30px 0;font-size: 30px;font-weight: 700;}
}

/***********************************************
利用規約
************************************************/
.p-company__terms-section {font-weight: 500;}/*padding-bottom: 145px;*/
.p-company__terms-section h2 {margin-bottom: 20px;}
.p-company__terms-section h3 {width: 95%;margin: 0 auto 10px;font-size: 17px;padding-top: 40px;}
.p-company__terms-section p {width:95%; margin:0 auto; line-height:1.75; font-size:15px; font-weight:400;}
.p-company__terms-section li {font-size: 15px;padding: 5px 0;line-height: 1.75;}
.p-company__terms-section ul {padding: 20px;margin: 10px 20px 0;background-color: #f4f4f4;}
.p-company__pd {margin: 50px 0 0;}

@media (min-width: 992px) {
.p-company__terms-section h2 {margin-bottom: 40px;}
.p-company__terms-section h3 {font-size: 20px;}
.p-company__terms-section p {font-size: 16px;}
.p-company__terms-section li {font-size: 16px;}
}

/*******************/
.p-company__privacy-section {line-height: 1.75;font-size: 13px;padding: 0px 0 100px;}
.p-company__privacy-section h2 {margin-bottom: 20px;}
.p-company__privacy-section h3 {font-size: 16px;padding: 20px 0 0 0;}
.p-company__privacy-bg-gray {background-color: #f4f4f4;padding: 14px 35px;margin-top: 20px;}
.p-company__privacy-bg-gray p {padding: 10px 0;}
.p-company__privacy-bg-gray .pd1 {padding-left: 92px;}
.p-company__privacy-bg-gray .pd2 {padding-left: 50px;}

@media (min-width: 992px) {
.p-company__privacy-section {font-size: 15px;}
.p-company__privacy-section h3 {font-size: 17px;padding: 30px 0 0 0;}
.p-company__privacy-bg-gray {padding: 30px 20px;}
.p-company__privacy-bg-gray .pd1 {padding-left: 0;}
.p-company__privacy-bg-gray .pd2 {padding-left: 0;}
}
/*******************/
.p-faq__title {color:#333; font-size:24px; font-weight:600; margin:0 auto; padding:16px 0; text-align:center;}
/*.p-faq__title {color:#fff;background-color: #0F0F0F;font-size: 18px;padding: 10px 0;text-align: center;}*/
.p-faq__title.--pd {margin-top: 20px;}
.p-faq__text {font-size: 15px;margin: 30px 0 0px;line-height: 1.75;}
.p-faq__tab-area {margin: 50px auto 20px;}
.p-faq__tab-area dl {border-bottom: 3px solid #000;padding: 30px 5px;}
.p-faq__tab-area dl:first-child {border-top: 3px solid #000;}
.p-faq__tab-area dt {font-size: 18px;padding: 0 0 0 40px;position: relative;}

@media (min-width: 992px) {
.p-faq__title {font-size:32px; padding:0 0 65px;}
.p-faq__text {font-size: 16px;margin: 20px 0 60px;}
.p-faq__tab-area {margin: 50px auto 70px;}
.p-faq__tab-area dl {padding: 30px 20px;}
.p-faq__tab-area dt {font-size: 20px;}
}

.p-faq__tab-area dt::before {
content: "Q.";
font-size: 30px;
width: 50px;
height: 50px;
background-image: url(../img/);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -12px;
left: 0;}

.p-faq__tab-area dd {font-size: 14px;margin-top: 30px;padding: 0 0 0 40px;position: relative;}

@media (min-width: 992px) {
.p-faq__tab-area dd {font-size: 16px;}
}

.p-faq__tab-area dd::before {
content: "A.";
font-size: 30px;
width: 50px;
height: 50px;
background-image: url(../img/);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -12px;
left: 0;
}

.tab-list {display: flex;column-gap: 2px;}
.tab {cursor: pointer;flex: 1;padding-top: 10px;padding-bottom: 10px;border: 1px solid #fff;border-bottom: none;font-size: 16px;line-height: 1.3;padding: 10px 0px;}
.tab.-active {background-color: #0F0F0F;color: #fff;border: none;}
.tab-panel {padding: 30px 0 70px;display: none;border-top: 2px solid #000;line-height: 1.75;}
.tab-panel.-active {display: block;}
.p-mypage__main {padding-top: 23px;}
.p-mypage__btns {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 30px 0;}
.p-mypage__btns a {color: #000;}
.p-mypage__btns.--download {display: block;}

@media (min-width: 992px) {
.tab {font-size: 20px;padding: 15px 10px;}
.tab-panel {padding: 60px 0;}
.p-mypage__btns {margin: 60px 0 5px;}
.p-mypage__btns.--download {margin: 40px 0 70px;display: flex;}
}

.p-mypage__btn {width: 48%;text-align: center;padding: 20px 10px;border-radius: 10px;background-color: #EBEBEB;margin-bottom: 20px;}
.p-mypage__top-btn-img {width: 60px;margin: 15px auto;}
.p-mypage__btn-title {font-size: 16px;padding: 10px 0;}

@media (min-width: 992px) {
.p-mypage__btn {width: 32%;}
.p-mypage__btn-title {font-size: 20px;}
}
.p-mypage__link {width: 100%;height: 100%;display: block;}
.p-mypage__link.--download {display: flex;align-items: center;padding: 16px 20px;}

/*************************/
.p-mypage__news-section-title {font-size: 22px;text-align: center;padding: 30px 0;font-weight: 700;}
.p-mypage__news-bg {background-color: #EBEBEB;padding: 20px;}
.p-mypage__news-bg.--single {margin-bottom: 50px;}
.p-mypage__news-item {display: block;font-size: 16px;padding: 10px 0;}
.p-mypage__news-item time {flex-shrink: 0;font-weight: 700;}
.p-mypage__news-link {color: #000;}
.p-mypage__news-items p {line-height: 1.75;font-size: 16px;}
.p-mypage__news-item-title {padding-left: 40px;}

@media (min-width: 992px) {
.p-mypage__news-section-title {font-size: 26px;}
.p-mypage__news-bg {padding: 40px 60px;}
.p-mypage__news-item {display: flex;align-items: center;font-size: 17px;}
.p-mypage__news-items p {font-size: 17px;}
.p-mypage__news-item-title {padding-left: 80px;}
}

/**************************/
.p-mypage__download-img {width: 60%;max-width: 120px;max-height: 120px;aspect-ratio: 1/1;}
.p-mypage__download-img img {width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.p-mypage__download-item {text-align: left;padding-left: 20px;}
.p-mypage__download-item time {display: block;font-size: 15px;}
.p-mypage__download-item span {display: inline-block;background-color: #8e6a07;padding: 5px 25px;margin: 2px 0 0 0;font-weight: 700;color: #fff;font-size: 13px;}
.p-mypage__download-item span.pdf {background-color: #A50000;}
.p-mypage__download-item span.word {background-color: #1757B7;}
.p-mypage__download-item span.excel {background-color: #1F6E42;}
.p-mypage__download-item span.zip {background-color: #313131;}
.p-mypage__download-item span.powerpoint {background-color: #B23014;}
.p-mypage__download-title {line-height: 1.3;padding: 15px 0;font-size: 16px;}
.p-mypage__download-btn {width: 100%;text-align: center;border-radius: 10px;background-color: #EBEBEB;margin: 15px 0 20px 0;}
.wp-block-file {padding: 20px 0;}
.wp-block-file a {font-size: 18px !important;}
.wp-block-file__button {padding: 10px 20px;}
.p-writer__article-section h2 {font-size: 32px;font-weight: 900;font-stretch: normal;font-style: normal;line-height: 0.83;letter-spacing: 2.08px;text-align: left;color: #101010;}
.p-writter__box {display: block;padding: 50px 0;border-bottom: 2px solid #000;}
.p-writer__img {width: 300px;margin: 0 auto;aspect-ratio: 1/1;}
.p-writer__img img {width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.p-writer__title {font-size: 24px;font-weight: 900;}
.p-writer__title span {display: block;padding: 10px 0;}
.p-writer__position {font-size: 16px;padding: 15px 0;line-height: 1.3;}
.p-writer__name {font-size: 32px;font-weight: 700;padding: 3px 0 10px;}
.p-writer__profile {font-size: 15px;line-height: 1.5;padding: 10px 0 0;display: inline;}
.p-writer__profile-content {width: 100%;margin: 10px 0 0;}

@media (min-width: 992px) {
.p-mypage__download-item time {font-size: 15px;}
.p-mypage__download-item span {font-size: 15px;}
.p-mypage__download-title {font-size: 18px;}
.p-mypage__download-btn {width: 47%;}
.p-writter__box {display: flex;align-items: start;}
.p-writer__img {min-width: 300px;width: 91%;/*25%*/height: auto;margin: 0;margin-right: 6%;}
.p-writer__title span {display: inline-block;padding: 0 0 0 30px;}
.p-writer__title {font-size: 32px;}
.p-writer__position {font-size: 18px;padding: 0;}
.p-writer__name {font-size: 32px;padding: 18px 0;}
.p-writer__profile {font-size: 15px;line-height: 1.75;padding: 0;}
.p-writer__profile-content {width: 65%;margin: 0;}
}

/************************/
.p-writer__article-img {width: 100%;height: auto;aspect-ratio: 220/141;}
.p-writer__article-img img {width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.br-xl {display: none;}

@media (min-width: 1200px) {
.br-xl {display: block;}
}

/*********************/
.p-member__main {font-size: 15px;padding-top: 23px;}
.p-member__section-title {font-size: 21px;text-align: center;padding: 30px 0;font-weight: 700;margin: 20px 0 0;line-height: 1.75;}
.p-member__section-title.--margin {margin: 0px 0 0;}
.p-member__top-text-wrapper {text-align: center;}
.p-member__top-text {text-align: left;font-size: 15px;line-height: 1.75;display: inline-block;margin: -10px 0 0px;}

@media (min-width: 992px) {
.p-member__main {font-size: 16px;}
.p-member__section-title {margin: 50px 0 0;font-size: 26px;}
.p-member__top-text {font-size: 16px;margin: 10px 0 0px;}
}

/********************/
.p-member__membership {background-color: #EBEBEB;padding: 20px;margin: 0 auto 30px;}
.p-member__membership h3 {font-size: 17px;font-weight: 700;padding: 10px 0 30px;line-height: 1.75;}
.p-member__membership p {padding: 0 0 10px;line-height: 1.75;font-size: 15px;}
.p-member__flow-items {display: block;}
.p-member__flow-item {width: 100%;}
.p-member__flow-item-title {background-color: #000;padding: 10px 0;color: #fff;text-align: center;line-height: 1.5;font-size: 17px;}
.p-member__flow-item-content {margin: 10px 0 0 0;padding: 10px;background-color: #EBEBEB;}
.p-member__flow-item-img {background-color: gray;aspect-ratio: 257/160;}
.p-member__flow-item-img img {width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.p-member__flow-item-text {padding: 10px 0;line-height: 1.5;font-size: 15px;}
.p-member__flow-item-triangle {width: 120px;height: 20px;clip-path: polygon(0 0, 50% 100%, 100% 0);background-color: #000;margin: 0 auto 20px;}

@media (min-width: 992px) {
.p-member__membership {padding: 20px 30px;width: 85%;margin: 10px auto 30px;}
.p-member__membership h3 {font-size: 20px;}
.p-member__membership p {font-size: 16px;}
.p-member__flow-items {display: flex;flex-wrap: nowrap;margin-top: 40px;justify-content: center;}
.p-member__flow-item {width: 28%;}
.p-member__flow-item-title {font-size: 18px;}
.p-member__flow-item-text {font-size: 16px;}
.p-member__flow-item-triangle {width: 20px;height: 120px;clip-path: polygon(0 0, 0% 100%, 100% 50%);margin: 150px 10px 0 0;}
}

/*************************************************/
.p-member__table {width: 100%;border-spacing: 4px;margin-bottom: 10px;}
.p-member__table th,
.p-member__table td {padding: 5px 0;font-size: 15px;width: 200px;line-height: 1.5;margin: 10px;text-align: center;vertical-align: middle;}
.p-member__table th {text-align: center;padding: 10px 0;background-color: #000;color: #fff;width: 200px;}
.p-member__table th span {display: inline-block;width: 100%;padding: 10px 5px;background-color: #E5E5E5;letter-spacing: 0.1em;}
.p-member__table td {margin: 0 0 10px;background-color: #ebebeb;width: 300px;font-size: 14px;padding: 8px;}
.p-member__table .text-left {text-align: left;}
.p-member__table small {font-size: 10px;}

@media (min-width: 992px) {
.p-member__table {margin: 30px 0 0 0;border-spacing: 8px;}
.p-member__table th,
.p-member__table td {font-size: 18px;width: 100px;}
.p-member__table th {display: table-cell;width: 300px;}
.p-member__table th:nth-child(1) {width: 220px;}
.p-member__table th:nth-child(3) {width: 460px;}
.p-member__table td {display: table-cell;font-size: 16px;padding: 10px;margin: 0;width: 100px;}
.p-member__table small {font-size: 15px;}
}

/***********************************************
(仮会員)お申込みフォーム
************************************************/
.p-member__form-section dt,
.p-contact__form-section dt {width: 100%;}
.p-member__form-section dd,
.p-contact__form-section dd {width: 100% !important;margin: 5px 0 20px;}
.p-member__form-section dd input,
.p-contact__form-section dd input {border: 2px solid #ccc;background-color: #EBEBEB;}

@media (min-width: 992px) {
.p-member__form-section dt,
.p-contact__form-section dt {width: 300px;text-align: right;padding-right: 20px;}
.p-member__form-section dd,
.p-contact__form-section dd {width: calc(100% - 300px) !important;margin: 10px 0;}
}

.p-member__form-section label,
.p-contact__form-section label {font-size: 16px;font-weight: 600;}
.p-member__form-section label small,
.p-contact__form-section label small {font-size: 13px;}

@media (min-width: 992px) {
.p-member__form-section label,
.p-contact__form-section label {font-size: 21px;}
.p-member__form-section label small,
.p-contact__form-section label small {font-size: 17px;}
}

.p-member__form-section .wpcf7-list-item-label,
.p-contact__form-section .wpcf7-list-item-label {font-size: 16px;}

@media (min-width: 992px) {
.p-member__form-section .wpcf7-list-item-label,
.p-contact__form-section .wpcf7-list-item-label {font-size: 21px;}
}

.p-member__form-section input[type=checkbox],
.p-contact__form-section input[type=checkbox] {transition: all 0.2s linear 0s;}
.p-member__form-button {text-align: center;width: 300px;margin: 20px auto 50px;position: relative;transition: all 0.2s linear 0s;}
.p-member__form-button input {
display: inline-block;
padding: 10px 0;
background-color: #000;
color: #fff;
width: 300px;
text-align: center;
border-radius: 60px;
}

.p-member__form-button::before {
content: "";
width: 50px;
height: 30px;
background-image: url(../img/white-right-arrow.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 35%;
right: 0px;
transform: translateY(-50%);
}

@media (min-width: 992px) {
.p-member__form-button {font-size: 17px;}
}

.p-member__form-button:hover {transform: scale(1.03, 1.03);}

/***************************プライバシーポリシーに同意します*****************/
.p-contact__accept .p-member__acceptance-center {text-align: center;margin: 10px 0;}
.p-member__acceptance-center {text-align: center;margin: 10px 0;
}

@media (min-width: 992px) {
.p-contact__accept .p-member__acceptance-center {margin: 40px 50px;}
.p-member__acceptance-center {margin: 40px 50px;}
}

.p-member__acceptance-center .p-member__acceptance-wrapper,
.p-contact__accept .p-member__acceptance-wrapper {display: inline-block;text-align: center;margin: 0 auto;}
.p-member__acceptance-center .wpcf7-form-control-wrap,
.p-contact__accept .wpcf7-form-control-wrap {display: block;}
.p-member__acceptance-center span.wpcf7-list-item,
.p-contact__accept span.wpcf7-list-item {margin: 0 30px 0 0;position: relative;}/* 項目右側の余白設定と、デフォルトの左側の余白を打ち消す */
.p-member__acceptance-center .wpcf7-list-item-label,
.p-contact__accept .wpcf7-list-item-label {cursor: pointer;font-size: 19px;}/* labelにhoverした時にカーソルを表示させる *//* 項目のフォントサイズ */
.p-member__acceptance-center input[type=checkbox],
.p-contact__accept input[type=checkbox] {opacity: 0;position: absolute;}/* デフォルトのチェックボックスを見えなくする */
.p-member__acceptance-center .accept-wrap,
.p-contact__accept .accept-wrap {display: inline-block;margin: 0 auto;text-align: center;}
.p-member__acceptance-center .wpcf7-list-item-label,
.p-contact__accept .wpcf7-list-item-label {display: inline;position: relative;text-align: center;font-size: 19px;padding: 0 10px;}
.p-member__acceptance-center .wpcf7-list-item-label a,
.p-contact__accept .wpcf7-list-item-label a {border-bottom: 1px solid #0174B0;color: #0174B0;}
.p-member__acceptance-center .wpcf7-list-item-label::before,
.p-contact__accept .wpcf7-list-item-label::before {
/* チェックボックスのデザイン */
background-color: #f4f4f4;
border: 1px solid #ccc;
content: "";
display: inline-block;
height: 25px;
width: 25px;
margin-right: 10px;
top: -1px;
vertical-align: middle;
}

.p-member__acceptance-center input[type=checkbox]:checked+.wpcf7-list-item-label::after,
.p-contact__accept input[type=checkbox]:checked+.wpcf7-list-item-label::after {
/* チェックアイコン */
content: "";
display: block;
opacity: 1;
width: 16px;
height: 8px;
border-bottom: 4px solid #1a1a1a;
border-left: 4px solid #1a1a1a;
position: absolute;
top: 50%;
left: 14px;
transform: translateY(-50%) rotate(-45deg);
transition: opacity 0.3s ease 0s;
}

/***********************************************

仮会員　確認画面、完了画面
************************************************/
.member-confirm-text1 {padding: 30px 0 0px;text-align: center;line-height: 1.75;}
.member-confirm-title {padding: 30px 0 10px;text-align: center;font-size: 20px;font-weight: 700;}
.p-member__confirm-section .c-inner__flex {display: block;}
.p-member__confirm-section dl {width: 100%;margin: 0 auto;font-size: 18px;}
.p-member__confirm-section dt {width: 100%;text-align: left;padding: 12px 0px 3px;border-bottom: 1px solid #000;}
.p-member__confirm-section dt label {font-size: 15px;font-weight: 500;}
.p-member__confirm-section input {background-color: #fff;font-size: 16px;font-weight: 500 !important;padding: 10px;}
.p-member__confirm-section input[type=submit] {background-color: #000;}
.p-member__confirm-section .p-member__confirm-accept {padding: 10px 10px;font-size: 16px;}
.p-member__confirm-section .wpcf7-previous {background-color: #f4f4f4;width: 100px;margin: 30px;text-align: center;font-size: 15px;font-weight: 500 !important;border-radius: 40px;}
.member-complete-text1 {padding: 40px 0 0px;text-align: center;line-height: 1.75;}
.member-complete-text2 {padding: 50px 0 0;line-height: 1.75;text-align: center;}
.p-member__top-button {background-color: #000;color: #fff;padding: 10px 50px;display: inline-block;margin: 60px 0 80px;}
.p-contact__top-text {padding: 40px 0;font-size: 16px;text-align: center;line-height: 1.3;}

@media (min-width: 992px) {
.member-confirm-text1 {padding: 50px 0 0px;}
.member-confirm-title {padding: 70px 0 60px;font-size: 27px;}
.p-member__confirm-section .c-inner__flex {flex-wrap: nowrap;display: flex;}
.p-member__confirm-section dl {width: 90%;font-size: 22px;}
.p-member__confirm-section dt {width: 320px;text-align: right;padding: 20px 50px;border-bottom: none;}
.p-member__confirm-section dt label {font-size: 22px;}
.p-member__confirm-section input {font-size: 22px;}
.p-member__confirm-section .p-member__confirm-accept {padding: 10px 10px;font-size: 22px;}
.p-member__confirm-section .wpcf7-previous {font-size: 18px;}
.p-member__form-button input {width: 338px;}
.p-member__form-button::before {right: -21px;}
.member-complete-text1 {padding: 90px 0 0px;}
.member-complete-text2 {padding: 50px 0 0;line-height: 3;}
.p-member__top-button {margin: 60px 0 300px;}
.p-contact__top-text {font-size: 16px;}
}

/***********************************************
ラジオボタン
************************************************/
input[type=radio] {display: none;}/* ラジオボタンを非表示にする */

/*******普通っぽい◎のラジオボタン******/
.p-contact__radio .wpcf7-list-item-label,
.radio-circle {font-size: 18px;position: relative;padding: 10px 0 10px 25px;display: block;width: 190px;}
.p-contact__radio .wpcf7-list-item-label::before,
.radio-circle::before {
content: "";
display: block;
border-radius: 50%;
border: 2px solid #EBEBEB;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
top: 53%;
transform: translateY(-50%);
left: 0;
background-color: #EBEBEB;
}

input[type=radio]:checked+.radio-circle::after,
input[type=radio]:checked+.wpcf7-list-item-label::after {
content: "";
position: absolute;
top: 53%;
transform: translateY(-50%);
left: 5px;
display: block;
border-radius: 50%;
width: 10px;
height: 10px;
background-color: #3393c5;
}

.c-button__radio-title {display: block;}
.c-button__radio-wrap {display: block;margin-top: 24px;}
.p-contact__title {margin: 12px 0 0;}
.p-contact__radio {display: flex;flex-wrap: wrap;width: 90%;}
.p-contact__radio .label {width: 45%;}
.p-contact__form-section dd input {border: 0 solid #ccc;}
.p-contact__content-textarea {display: block;width: 100%;}
.p-contact__content-textarea dt {width: 100%;text-align: left;padding: 12px 0px 3px;}
.p-contact__content-textarea dt label {font-size: 15px;font-weight: 500;}

@media (min-width: 992px) {
.p-contact__radio .label {width: 27%;}
.p-contact__content-textarea {display: flex;flex-wrap: nowrap;width: 100%;}
.p-contact__content-textarea dt label {font-size: 21px;}
.p-contact__content-textarea dt {width: 300px;text-align: right;padding: 10px 20px;border-bottom: none;}
}

.p-contact__content-textarea textarea {
width: 100%;
border: none;
background-color: #EBEBEB;
border-radius: 5px;
min-height: 200px;
padding: 15px 22px;
font-size: 16px;
font-family: "Noto Sans JP", sans-serif;
}
.p-contact__content-textarea textarea:focus {outline: none;}/*border: 1px solid #89a8b9;*/
.p-contact__confirm-pd {padding: 10px;font-size: 16px;}
.single_content {margin-bottom: 50px;}
.inner {width: 88%;max-width: 1200px;margin: 0 auto;text-align: left;}

@media (min-width: 992px) {
.p-contact__content-textarea textarea {font-size: 18px;min-height: 300px;}
.p-contact__confirm-pd {font-size: 22px;}
.single_content {margin-bottom: 100px;}
.inner {width: 80%;}
}

.inner.top-pd {padding-top: 92px;}
p.single_date{text-align:right; font-size:13px !important; margin:-2em auto 0.5em; width: 100%; max-width:740px;}
/*.mv {position: relative; aspect-ratio: 50/70;}*/
.mv {width: 100%; max-width: 740px; margin: 0 auto; aspect-ratio: 16 / 9; overflow: hidden;}
.mv img {width: 100%; height:auto; object-fit: cover; object-position: center center;}/*height: 100%;*/

@media (min-width: 992px) {
.inner.top-pd {padding-top: 108px;}
/*.mv {aspect-ratio: 100/50;}*/
}

/*.ttl-001 {font-size: 20px; position: absolute; bottom: 30px; left: 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-weight: 600; padding: 20px 15px;
margin-right: 5%; line-height: 1.6; margin-left: -8%;}*/
.ttl-001 {font-size:24px; font-weight:600; position:relative; background-color:#fff; color:#333; padding:0; margin:0 auto; width:100%; max-width:740px; text-align:justify; text-justify: inter-ideograph; bottom: 30px; left: 0;}

@media (min-width: 992px) {
.ttl-001 {line-height: 1.4;/*font-size:35px; padding: 20px 25px 20px 25px; margin: 0 10% 0 0;*/}
}

.breadcrumb {margin: 30px 0;font-size: 12px; line-height: 1.5;}
.breadcrumb a {color: #000;}
.breadcrumb .current-item {color: #868686;}
@media (min-width: 992px) {
.breadcrumb {margin: 30px 0; font-size: 12px;}
}

.writer-info {background-color:#f4f4f4;padding: 20px 25px 30px;}
.writer-img {width: 170px;margin: 0 auto;aspect-ratio: 1/1;padding: 10px;}
.writer-img img {border-radius: 50%;width: 100%;height: 100%;object-fit: cover;object-position: center center;}

@media (min-width: 992px) {
.writer-info {padding: 35px 20px 30px 50px;}
.writer-img {padding: 0;width: 100px;margin-right: 20px;}
}

.flex,
.writer-info-left,
.tag-items {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.writer-info .flex {flex-wrap: wrap;justify-content: center;}

@media (min-width: 992px) {
.flex,
.tag-items {flex-wrap: nowrap;}
.writer-info .flex {flex-wrap: wrap;justify-content: center;}
}

.writer-info-left {align-items: flex-start;justify-content: space-around;margin: 15px 0;}
.writer-info-left p {display: block;margin: 10px 0 0;}
.writer-img+div {width: 216px;margin: 0 auto;}
.writer-info-left .writer-title {font-size: 18px;font-weight: 700;padding-top: 5px;}
.writer-info-left .writer-position {font-size: 15px;line-height: 1.3;}

@media (min-width: 992px) {
.writer-info-left {flex-shrink: 0;width: 480px;}
.writer-img+div {width: 360px;margin: 0;}
.writer-info-left .writer-title {font-size: 19px;padding-top: 0;margin: 0;}
.writer-info-left .writer-position {font-size: 15px;}
}

.writer-info-left .writer-name {font-size: 21px;}

.button-more {display: inline-block;font-size: 16px;padding: 8px 16px 8px 40px;margin-top: 10px;background-color: #000;position: relative;}
.button-more a {color: #fff;}
.button-more::before {
content: "";
width: 20px;
height: 20px;
background-image: url(../img/arrow-right.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
left: 8px;
transform: translateY(-50%);
}

.writer-info-right {font-size: 18px;margin-top: 20px;margin-bottom: 20px;}
.writer-info-right span {white-space: nowrap;}

@media (min-width: 992px) {
.writer-info-right {margin-top: 20px;padding-left: 20px;font-size: 20px;}/*width: 480px;*/
.writer-info-right .flex {justify-content: flex-start;}
.writer-info-right .tag-items {max-width: none;}
}

.vertical-bar {width: 100%;height: 3px;background-color: #000;margin: 10px 0px;}
.tag-items {max-width: 600px;flex-wrap: wrap;justify-content: left;}
.tag-items a {display: block;margin: 5px 10px;background-color: #000;border-radius: 30px;padding: 5px 20px;color: #fff;font-size: 16px;}
.tag-item {margin: 5px 10px;background-color: #000;border-radius: 30px;padding: 5px 20px;color: #fff;font-size: 16px;}

@media (min-width: 992px) {
.vertical-bar {width: 3px;height: 60px;margin: 0 20px;}
.tag-items a {margin: 10px 10px;}
.tag-item {margin: 10px 10px;}
}

/***********************************************
記事見出し H2,H3,H4,p,リスト
************************************************/
.single_content .content_main h2 {font-size: 24px;font-weight: 900;margin-top: 60px;margin-bottom: 8px;border-top: solid #000 1px;padding-top: 60px;line-height: 1.6;}
.single_content .content_main h3 {font-size: 20px;font-weight: 700;margin-top: 40px;margin-bottom: 20px;position: relative;padding-left: 20px;border-left: solid 4px #000;line-height: 1.6;}
.single_content .content_main h4 {font-size: 16px;font-weight: 700 !important;margin-top: 32px;margin-bottom: 16px;background: #EEEEEE;padding: 8px 16px;font-weight: 300;line-height: 1.6;}
.single_content .content_main h5 {font-size:12px;font-weight:400;margin-bottom: 16px;line-height: 1.6;}
.single_content .content_main p,
.single_content .content_main ul {font-size: 16px;font-weight: 500;line-height: 1.6;
color: #333;}/*margin-bottom:4px;24px*/
.single_content .content_main p{margin-top:1em;text-align: justify; text-justify: inter-ideograph;#ez-toc-container}
.single_content .content_main ul {margin:1.5em 0; padding:0 0 0 2em;}
.single_content .content_main ul li {list-style-type: disc; /*list-style-position:inside;*/ line-height:1.5; margin:0 0 0.5em; /*padding-left:1em; text-indent:-1em; margin-bottom:2px;*/text-align: justify; text-justify: inter-ideograph;}
.single_content .content_main ul li:last-of-type {margin-bottom:0;}


/*.single_content .content_main ul li {list-style-type: disc;list-style-position: inside;}
*/

/************
***目次****
********************/
#ez-toc-container {width: 95%;margin: 48px auto 10px;background-color: #f4f4f4;border: none;padding: 20px 20px;border-radius: 0;position: relative;}
#ez-toc-container nav ul.ez-toc-list{padding-top:16px;}

@media (min-width: 992px) {
#ez-toc-container {width: 70%;padding: 20px 30px;min-width: 800px;}
}

.ez-toc-title-toggle {position:absolute; top:42px;}/*30px*/
.ez-toc-icon-toggle-span svg:first-of-type{width: 28px; height: 28px;}/*追記*/
.ez-toc-title {
font-size: 20px !important;
font-weight: 700;
padding-left: 40px;
position: relative;
/***
&::before {
content: "";
width: 20px;
height: 15px;
background-image: url(../img/icon-menu.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 3px;
left: 13px;
}***/
}
.ez-toc-list {border-top: 1px solid #5b5b5b;margin: 12px 0 !important;padding: 10px 0px 10px 20px;font-size: 15px;}
.ez-toc-list li {line-height:1.4; list-style: disc; list-style-position:outside !important; padding: 8px 0 0 0 !important; text-indent:0 !important; }
.ez-toc-list li a { color: #008685 !important;  border-bottom: 1px solid #008685;  display: inline-block;}

p:has(+ #ez-toc-container) {/*font-size: 15px;line-height: 1.9;padding: 20px 20px;*/}

@media (min-width: 992px) {
.ez-toc-title {font-size: 20px !important;}
.ez-toc-list {font-size: 16px; padding: 16px 75px;}
p:has(+ #ez-toc-container) {}/*font-size: 15px;*/
}

/***********************************************
strongタグ
************************************************/
.single_content .content_main p strong {
text-decoration: underline;
text-decoration-thickness: 0.5em;
text-decoration-color: #77d2d9;
text-underline-offset: -0.2em;
text-decoration-skip-ink: none;
}

/***********************************************
画像注釈パターン
************************************************/
.single_content .content_main figure.wp-block-image {width: 100%;margin: 40px 0 40px;}
.single_content .content_main figure.wp-block-image img {width: 100% !important;}
.single_content .content_main .wp-block-image figcaption {font-size: 12px;line-height: 1.7;padding: 5px 0;}

@media (min-width: 992px) {
.single_content .content_main .wp-block-image figcaption {font-size: 14px;}
}

/***********************************************
本文　変形テキスト　レイアウト
************************************************/
.list-ttl-bold {padding-left: 20px;}
.list-ttl-bold h5 {font-size: 18px;line-height: 1.9;color: #333;font-weight: 900;padding: 30px 0 0 0;}
.list-ttl-bold p {padding-left: 20px;}
.list-ttl-bold li {list-style: none !important;}
.summary {margin: 50px 0 0;background-color: #f4f4f4;padding: 30px 25px;}
.summary h2 {padding: 0px 0 20px !important;margin: 0 !important;border: none !important;}

@media (min-width: 992px) {
.list-ttl-bold h5 {font-size: 18px;}
.summary {padding: 40px 50px;}
}

/***********************************************
カルーセル
************************************************/
.n2_clear {max-width: 1200px;margin: 0 auto;}
.nextend-arrow:hover {background-color: rgba(0, 0, 0, 0.7);}
.n2-ss-widget span {color: #868686 !important;font-style: normal !important;margin: 0px;font-size: 12px !important;line-height: 16px;}

/***********************************************
こちらの記事もおすすめ
************************************************/
.label-pickup {
font-size: 22px !important;
font-weight: 600 !important;
line-height: 1em !important;
background: #000000;
color: #fff !important;
display: inline-block;
margin: 20px 0 0 8px;
position: absolute;
z-index: 100;
padding: 8px 16px !important;
}
.label-pickup+figure {margin-top: 60px;}

/***********************************************
テーブルレイアウト
************************************************/
.single_content .content_main figure.wp-block-table {overflow-x: auto;}
.single_content .content_main .wp-block-table {margin-bottom: 40px;}
.single_content .content_main .wp-block-table .single_content .content_main ul {display: inline-block;text-align: left;margin-left: 1.4em;text-indent: -0.4em;}
.single_content .content_main .wp-block-table table tr {font-size: 14px;line-height: 1.8em;}
.single_content .content_main .wp-block-table table tr td:first-child {background: #EEE;min-width: 200px;max-width: 475px;}
.single_content .content_main .wp-block-table table tr:first-child {background: #000;font-size: 16px;color: #fff;text-align: center;font-weight: 700;}
.single_content .content_main .wp-block-table table tr:first-child td {background: #000;padding: 0 0.5em;line-height: 3;}
.single_content .content_main .wp-block-table table tr td {border: 1px #D9D9D9 solid;text-align: center;min-width: 200px;max-width: 475px;}
.single_content .content_main .wp-block-table table tr:first-child td {background: #000;padding: 0 0.5em;line-height: 3;}


/***********************************************
追記　2025.03.25
************************************************/
.noread:after{content: "会員限定";position: absolute;top: 5px;left: 5px;background: #000;color: #fff;font-size: 12px;padding: 5px 10px 6px;}

/*マイページ　ログインしていない時のメッセージ*/
.p-mypage__main .swpm_profile_not_logged_in_msg{font-size:16px; line-height:1.7; margin:0 0 200px;}

/*投稿記事　ログインしていない時のメッセージ*/
.content_main .swpm-post-not-logged-in-msg{font-size:16px; line-height:1.7; margin:0 0 200px;}

/*ログイン失敗した時のメッセージ*/
#login-error{color:#c00 !important; font-size:14px; margin-top:16px; text-align:center;}

@media (min-width: 992px) {
.noread:after{}
}

/***********************************************
追記　2025.06.17
************************************************/
/*チェックボタンのデザイン変更*/
.wpcf7-form-control-wrap {display:block;}
.wpcf7-form-control.wpcf7-checkbox {display: flex; flex-wrap: wrap;}
span.wpcf7-list-item {position: relative;}
.wpcf7-list-item-label {color:#1c1c1c; cursor:pointer;}
.wpcf7 input[type="checkbox"] {position:absolute; opacity: 0;}
.wpcf7-list-item-label:before {content: '';border: 1px solid #757575;display: inline-block;width: 20px;height: 20px;position: relative;top: 38%;margin-right:16px;vertical-align: middle;cursor: pointer;text-align: center;transform: translate(0, -50%);}/*チェックボックスの枠*/

input[type="checkbox"]:checked + .wpcf7-list-item-label:after {content: "";display: block;position: absolute;top: 8px;left: 52px;width: 18px;height: 18px;background: url("../img/icon_check_on.png") no-repeat center;background-size: contain;}/*チェックアイコン*/

input[type="checkbox"]:checked + .wpcf7-list-item-label:after{}
.wpcf7-acceptance .wpcf7-list-item-label:before {width:30px; height:30px;}
.wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label:after {top:7px; left:4px; width:25px; height:25px;}
.wpcf7-acceptance .wpcf7-list-item-label:before{top:inherit; transform:inherit;}
.text_conntact_tool{}

/***********************************************
追記　2025.07.05
************************************************/
.article_category_list .article_category_inner ul.article_tag{display: inline-block; margin:0; padding:4px 0;}
.article_category_list .article_category_inner ul.article_tag li{float:left; margin:0 4px 0 0; line-height:1em; width:auto;}
.article_category_list .article_category_inner ul.article_tag li a{font-size:13px; padding:2px 8px;}
.article_category_list .article_category_inner ul.article_tag li a::before{content:none;}
.article_category_list .article_category_inner ul.article_tag li.pickup,
.article_category_list .article_category_inner ul.article_tag li.carousel{display:none;}
.article_category_list .article_category_single ul.article_tag li.pickup,
.article_category_list .article_category_single ul.article_tag li.carousel{display:none;}
/*#wpadminbar{display:none;}*/

.category.subpage .sub_main{padding-bottom:64px;}
.category .article_box a.article_thumbnail {aspect-ratio: 16 / 9 !important; overflow:hidden;}
.category .article_box a.article_thumbnail img{aspect-ratio: inherit !important;}
.category .article_area .article_tag li a::before{content:none;}
.category .article_inner{position:relative; padding:0;}
.category .article_tag li a{font-size:12px; padding:4px 16px;}
.category .article_box p.article_ttl{margin-top:0; text-align: justify; text-justify: inter-ideograph;}
.category .article_box p.article_ttl a{font-size:16px;}
.category .article_box p.article_ttl a:hover{text-decoration:underline;}
.category ul.article_tag li.pickup,
.category ul.article_tag li.carousel{display:none;}
@media screen and (min-width:992px){
.category.subpage .sub_main{padding-bottom: 80px;}
}

.p-top__feature-img{aspect-ratio: 16 / 9 !important; overflow: hidden;}
.p-top__feature-img a{}
.p-top__feature-img a img{}
@media screen and (min-width:992px){
.p-top__feature-article-wrap{margin-top:0;}
}

.slider_title a{color:#333;}
.slider_title a:hover{text-decoration:underline;}

.writer_single{background:#f4f4f4; margin:32px auto; overflow:hidden; padding:16px; width:100%;}
.writer_single h4{background:#EEE !important; font-size:16px !important; font-weight:700 !important; margin:0 auto 16px !important; padding:8px 16px !important;}
.writer_single ul{padding-left:2em;}
.writer_single ul li{font-size: 15px; list-style-type: disc; margin: 4px 0 0 0;}
.writer_single ul li::first-of-type{margin-top:0;}
.writer_single .profimg {margin:0 auto 16px; height:240px; width:240px;}
.writer_single .profimg img{border-radius: 50%; height: 100%; object-fit: cover; object-position: center center; width: 100%;}
@media screen and (min-width:660px){
.writer_single .profimg {margin:0 auto; height:120px; width:120px; float:right;}
}
#wpadminbar{display:none;}