@charset "utf-8";
html {
    font-size: 62.5%;
    line-height: 1.5;
    color: #1a1d23;
    word-break: break-word;
    height: 100%;
    font-style: normal;
    color: #282f38;
}

body {
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-weight: 500;
    font-feature-settings: "palt";
    letter-spacing: 1.5px;
    min-width: 980px;
    font-size: 1.4rem;
}

.inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.content {
    padding: 100px 0 120px;
    position: relative;
}

.cf:after {
    content: "";
    clear: both;
    display: block;
}

a {
    text-decoration: none;
    text-decoration: underline;
    transition: 0.2s;
    color: #cf2e9d;
    word-break: break-all;
    transform: rotate(0.03deg);
}

a:hover {
    text-decoration: none;
}
a figure{overflow: hidden;}
a img {
    transition: 0.3s;
}

a img:hover {

}

img.windows {
    margin-left: 5px;
}

.alignC {
    text-align: center!important;
}

.alignR {
    text-align: right!important;
}

.alignL {
    text-align: left!important;
}

.red {
    color: #cf2e9d;
}

.fs12 {
    font-size: 12px!important;
}

.fs14 {
    font-size: 14px!important;
}

.fs16 {
    font-size: 16px!important;
}

.fs18 {
    font-size: 18px!important;
}

.fs20 {
    font-size: 20px!important;
}

.fs22 {
    font-size: 22px!important;
}

.fs24 {
    font-size: 24px!important;
}

.fs26 {
    font-size: 26px!important;
}

.fs28 {
    font-size: 28px!important;
}

.fs30 {
    font-size: 30px!important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.fr{
    float:right;
    margin-left: 20px;
}
.fl{
    float:left;
    margin-right: 20px;
}

h1 {
    color: #8490a6;
    font-weight: 500;
    font-size: 1rem;
    width: 100%;
    line-height: 1.3;
    font-style: normal;
}

h2 {
    font-size: 2.4rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin: 40px 0 20px;
    letter-spacing: 2px;
    line-height: 1.3;
}

h2 span {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 4px;
    margin-left: 20px;
    color: #b4bbc8;
    position: relative;
    padding-right: 80px;
    background: linear-gradient(90deg, #d12d9c, #5ea2ef);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2 span::before {
    content: "";
    background: linear-gradient(269deg, #d12d9c, #5ea2ef);
    width: 70px;
    height: 1px;
    position: absolute;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    right: 0;
    top: 60%;
}

h3 {
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 2rem;
    margin: 40px 0 20px;
    /* color: #5a8ecc; */
    padding-top: 15px;
    border-top: solid 2px #5a8ecc;
    position: relative;
    padding-left: 20px;
}

h3::before{content:"";width: 10px;height: 10px;position: absolute;background: #5a8ecc;left: 0;top: 25px;}
h4 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 20px 0 10px;
    position: relative;
    line-height: 1.5;
    color: #356db0;
}

p {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: 15px;
}

strong.marker,
strong .marker{
    background: linear-gradient(transparent 65%, #ffd8bc 0%);
}

input,
textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    max-width: 100%;
    border: 0 !important;
    font-family: 'MPLUSRounded1c-ExtraBold';
    cursor: pointer;
    transform: rotate(0.03deg);
    transition: 0.3s;
}

ul {
}

.sp {
    display: none
}

table {
    border-collapse: collapse;
    border: solid 2px #e4e6e8;
    margin-bottom: 20px;
}

table th,
table td {
    border: solid 1px #dedede;
    padding: 15px;
    font-size: 1.4rem;
    vertical-align: middle;
    background: #fff;
}

table th {
    background: #f5f5f5;
    text-align: center;
    white-space: nowrap;
}

table td {
    color: #263145;
}
table th p,
table td p{
    font-size:14px
}
table th p:last-of-type,
table td p:last-of-type{
    margin:0;
}
.dli-clock {
    display: inline-block;
    vertical-align: middle;
    color: #c0bbc8;
    line-height: 1;
    position: relative;
    bottom: 2px;
    width: 13px;
    height: 13px;
    border: 0.1em solid #c0bbc8;
    border-radius: 50%;
    box-sizing: content-box;
    margin-right: 3px;
}

.dli-clock::before,
.dli-clock::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 50%;
    background: currentColor;
    border-radius: 0.1em;
    transform: translate(-0.05em, 0.05em);
}

.dli-clock::before {
    width: 0.1em;
    height: 0.4em;
}

.dli-clock::after {
    width: 0.35em;
    height: 0.1em;
}

.border--box {
    border: solid 3px #ededed;
    padding: 20px;
    display:block;
    line-height: 1.4;
    clear: both;
}

.bg--box {
    background: #f8f3ed;
    padding: 20px;
    display:block;
    line-height: 1.4;
    clear: both;
}

ul.list,
ol.list {}

ul.list li,
ol.list li {
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
    line-height: 1.4;
    font-size: 1.4rem;
}

ul.list li::before,
ol.list li::before {
    content: "";
    position: absolute;
    background: #5a8ecc;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    left: 0;
    top: 7px;
}

ul.number li,
ol.number li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
    line-height: 1.4;
}
ul.number li span,
ol.number li span{

position: absolute;

left: 0;

top: 3px;

color: #5a8ecc;

font-weight: 600;
}
ul.list li:last-of-type,
ol.list li:last-of-type,
ul.number li:last-of-type,
ol.number li:last-of-type{
    margin-bottom: 0;
}


/*===========================================
header
===========================================*/

header {
    /* border-top: solid 3px; */
    background: #f6f7fa;
    box-shadow: 0 5px 15px rgb(98 124 190 / 17%);
}

header .logo {
    width: 200px;
    min-width: 200px;
    display: inline-block;
    margin-right: 10px;
}

header.fixed {
    top: 0;
    position: fixed;
    z-index: 999;
    right: 0;
    width: 100%;
}

header #global-nav .logo {
    padding: 0 1vw;
    width: 16%;
}

header .inner {}

header ul {}

header .t_wrap {
    padding: 20px 0;
}

header .t_wrap>.inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .t_wrap .c_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

header .t_wrap .c_box h1,
header .t_wrap .c_box em {
    margin-bottom: 5px;
    font-size: 1.2rem;
    font-style: normal;
    line-height: 1.6;
    color: #282f38;
}
    
header .t_wrap .c_box p {
    color: #8490a6;
    font-weight: 500;
    font-size: 1rem;
    width: 100%;
    line-height: 1.3;
    margin-bottom: 0px;
}

header .t_wrap ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 260px;
    min-width: 260px;
}

header .t_wrap li.btn {
    width: 100%;
}

header .t_wrap li.btn.entry {
    margin-right: 10px;
}

header .t_wrap li.btn a {
    display: block;
    font-size: 1.4rem;
    text-align: center;
    text-decoration: none;
    padding: 15px 30px 15px 20px;
    font-weight: 700;
}

header .t_wrap li.btn.entry a {
    border: solid 2px;
    background: linear-gradient(90deg, #d12d9c, #5ea2ef);
    border-image: linear-gradient(to right, #d02d9c, #5fa2ef);
    border-image-slice: 1;
    color: #fff;
}

header .t_wrap li.btn.entry a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

header .t_wrap li.btn.login a {
    border: solid 2px;
    color: #1a1d23;
    background: #fff;
}

header .t_wrap li.btn.login a::before {

    content: "";
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 2px solid #1a1d23;
    border-right: 2px solid #1a1d23;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

header .h_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
}


/*===========================================
drawer
===========================================*/
#drawer{

}
#drawer .right-side,
#drawer .drawer-content .nav .bottom,
#drawer .drawer-content .nav li .arrow_button,
#drawer .drawer-content .nav li ol{
    display:none
}
#drawer .drawer-content{

}

#drawer .right-side .drawer-content .nav{

}
#drawer .drawer-content .nav ul{

display: flex;

align-items: center;

justify-content: space-between;
}
#drawer .drawer-content .nav ul li.lead{
    width: calc(100% / 4);
    border-right: solid 1px #dedede;
}
#drawer .drawer-content .nav ul li.lead:first-of-type{

border-left: solid 1px #dedede;
}

#drawer .drawer-content .nav ul li a{
    text-decoration: none;
    font-weight: 700;
    font-size: 1.4rem;
    padding: 20px 0;
    display: block;
    color: #1a1d23;
    text-align: center;
}
#drawer .drawer-content .nav ul li a:hover{
color:#cf2e9d
}
#drawer .drawer-content .nav ul li.lead a.active{
    border-bottom: solid 3px;
    border-image: linear-gradient(90deg, #d12d9c, #5ea2ef);
    border-image-slice: 3;
}
/*===========================================
breadcrumb
===========================================*/

#breadcrumb {
    margin-top: 20px;
}

#breadcrumb ul {}

#breadcrumb ul li {
    padding-right: 25px;
    font-size: 1.1rem;
    position: relative;
    display: inline;
    line-height: 1.8;
}

#breadcrumb ul li::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 10px;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 2px solid #b4bbc8;
    border-right: 2px solid #b4bbc8;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#breadcrumb ul li.target_link {
    padding: 0;
}

#breadcrumb ul li.target_link::after {
    display: none
}

#breadcrumb ul li a {
    display: inline;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
}


/*===========================================
container
===========================================*/

#container {
    padding-top: 60px;
}

#container>.inner {
    display: flex;
    justify-content: space-between;
}

.link_button{
    padding: 20px 35px 20px 20px;
    color: #ffffff;
    letter-spacing: 1px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    font-size: 1.6rem;
    display: inline-block;
    /* border: solid 2px; */
    /* background: linear-gradient(90deg, #d12d9c, #5ea2ef); */
    /* border-image: linear-gradient(to right, #d02d9c, #5fa2ef); */
    /* border-image-slice: 1; */
    /* border-radius: 1000px; */
    background: #5a8ecc;
}

.link_button::before {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.link_button:hover{

background: #476e9d;
}
.next_link,
.back_link {
    margin-top: 20px;
}

.next_link a,
.back_link a{
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none;
    color: #282f38;
}
.back_link a{
    justify-content: flex-start;
}
.next_link a span,
.back_link a span{
    width: 30px;
    height: 30px;
    background: #5a8ecc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    color: #fff;
    /* font-size: 15px; */
    margin-left: 5px;
    border-radius: 100px;
    transition: 0.2s;
}
.back_link a span{

margin: 0 5px 0 0;

transform: rotate(180deg);
}
.next_link a span em,
.back_link a span em{
    font-style: normal;
    font-size: 1.2rem;
}

.next_link a:hover,
.back_link a:hover{
    color: #cf2e9d
}

.next_link a:hover span,
.back_link a:hover span{
    background: #cf2e9d
}

.next_link_btn {
    position: absolute;
    right: 0;
    bottom: 20px;
}

.next_link_btn em {
    width: 35px;
    height: 35px;
    background: #5a8ecc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    color: #fff;
    font-size: 15px;
    border-radius: 100px;
}









.next_small_link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
}

.next_small_link em {
    font-style: normal;
    font-size: 1.4rem;
    color: #5a8ecc;
}


/*===========================================
column
===========================================*/

#column {
    width: 820px;
    min-width: 820px;
    margin-right: 50px;
}


/*column special
-------------------------------------------*/

#column .special {
    /* box-shadow: 0 3px 17px #dbe1f0; */
    /* padding: 25px; */
    border: solid 1px #dedede;
}

#column .special a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 1.6rem;
    color: #282f38;
    text-decoration: none;
    /* box-shadow: 0 3px 17px #dbe1f0; */
    padding: 25px;
    box-shadow: 0 3px 17px #dbe1f0;
}
#column .special a:hover {

    box-shadow: 0 0px 10px #dbe1f0;
}
#column .special a figure {
    /* background: #cecece; */
    width: 200px;
    min-width: 200px;
    margin-right: 20px;
    border: solid 1px #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#column .special a .text {
    width: 100%;
    /* padding: 30px; */
}

#column .special a .text .t_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#column .special a .text .t_wrap .tag {
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
    padding: 5px 5px;
    /* border: solid 1px #b4bbc8; */
    font-weight: 500;
    text-align: center;
    background: #8eafda;
}

#column .special a .text .t_wrap .tag.new {
    background: #cf2e9d;
    /* border: solid 1px #cf2e9d; */
    color: #fff;
}

#column .special a .text .title {
    margin: 10px 0;
    line-height: 1.4;
    font-size: 1.6rem;
}

#column .special a .text .read {
    margin: 0;
    /* font-size: 1.4rem; */
    font-weight: 500;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #757e8f;
}

#column .special a .text .day,
#column .new_articles ul li a .text .t_wrap .day,
#side_wrap .info_list ul li a .text .day,
#container.lower_layer #column .zeikai_times .t_wrap .day,
#container.lower_layer #column .backnumber ul li a .text .t_wrap .day,
#container.lower_layer #column .news .t_wrap .day {
    font-size: 1.3rem;
    color: #b4bbc8;
    margin: 0;
    font-weight: 500;
    text-align: right;
}


/*column new_articles
-------------------------------------------*/

#column .new_articles {}

#column .new_articles ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* align-items: flex-start; */
}

#column .new_articles ul li {
    border-bottom: solid 1px #dedede;
    width: calc(100% / 2 - 15px);
    /* padding-bottom: 20px; */
}

#column .new_articles ul li:first-of-type a,
#column .new_articles ul li:nth-of-type(2) a {
    padding-top: 0;
}

#column .new_articles ul li a {
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
    text-decoration: none;
}

#column .new_articles ul li a figure {
    width: 120px;
    min-width: 120px;
    height: 90px;
    /* background: #cecece; */
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #dedede;
}

#column .new_articles ul li a .text {
    width: 100%;
}

#column .new_articles ul li a .text .t_wrap,
#side_wrap .info_list ul li a .text .t_wrap,
#container.lower_layer #column .backnumber ul li a .text .t_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Group tag badges to keep them close together */
#column .new_articles ul li a .text .t_wrap .tags {
    display: flex;
    gap: 8px;
    align-items: center;
}

#column .new_articles ul li a .text .t_wrap .tag,
#column .new_articles ul li a .text .t_wrap .news_tag,
#column .new_articles ul li a .text .t_wrap .zeikaitimes_tag{
    display: inline-block;
    font-size: 1rem;
    /* color: #b4bbc8; */
    padding: 5px 5px;
    /* border: solid 1px #b4bbc8; */
    background: #8eafda;
    color: #fff;
}
#column .new_articles ul li a .text .t_wrap .zeikaitimes_tag{
    background: #3eb49a;
}
#column .new_articles ul li a .text .t_wrap .day {}

#column .new_articles ul li a .text .tag.new {
    background: #cf2e9d;
    color: #ffffff;
    border: none;
}

#column .new_articles ul li a .text .title {
    font-weight: 700;
    line-height: 1.4;
    /* font-size: 1.6rem; */
    margin: 10px 0 0 0;
    color: #282f38;
}
#column .new_articles ul li a .text .sub_title {
    font-weight: 700;
    line-height: 1.4;
    margin: 10px 0 0 0;
    color: #282f38;
    /* font-size: 1.6rem; */
}


#container.lower_layer #column .news .t_wrap .hashtag_list,
#container.lower_layer #column .zeikai_times .t_wrap .hashtag_list{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: flex-end; */
}

#column .new_articles ul li .hashtag,
#container.lower_layer #column .news .t_wrap .hashtag_list .hashtag,
#column .special .hashtag,
#container.lower_layer #column .zeikai_times .t_wrap .hashtag_list .hashtag{
    display: inline-block;
    color: #5a8ecc;
    background: #e5ebf3;
    margin: 0 3px 5px 0;
    font-size: 1rem;
    padding: 6px 8px!important;
    border-radius: 100px;
    /* display: inline; */
    text-decoration: none;
}

#container.lower_layer #column .news .t_wrap .hashtag_list .hashtag{
    /* font-size: 1.2rem; */
}
/*column new_articles backnumber

-------------------------------------------*/

#column .new_articles ul li a .text .issue {
    margin: 10px 0 10px;
    font-weight: 700;
    font-size: 1.8rem;
    color: #5a8ecc;
}

#column .new_articles ul li a .text .issue span {}

#column .new_articles ul li a .text .issue em {
    font-style: normal;
}

#column .new_articles ul li a .text .read {
    font-weight: 500;
    font-size: 1.2rem;
    color: #757e8f;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
}


/*column new_articles news
-------------------------------------------*/

#column .new_articles.news ul li a figure {
    width: 160px;
    min-width: 160px;
    height: 160px;
}

#column .new_articles.news ul li a .text .read {
    /* margin-bottom: 10px; */
    /* -webkit-line-clamp: 1; */
    margin: 10px 0 0 0;
}


/*column zeikai_times
-------------------------------------------*/

#column .zeikai_times {}

#column .zeikai_times .one_side {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background: #f6f7fa;
    padding: 20px;
}

#column .zeikai_times .one_side .issue {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #5a8ecc;
    width: 130px;
    min-width: 130px;
    height: 130px;
    margin: 0;
}

#column .zeikai_times .one_side .issue em {
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    display: block;
    margin-top: 5px;
    letter-spacing: 2px;
}

#column .zeikai_times .one_side .issue span {
    font-weight: 700;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    letter-spacing: 0.3px;
}

#column .zeikai_times .one_side a {
    color: #282f38;
    width: 100%;
    margin-left: 15px;
    text-decoration: none;
    padding: 30px;
    border: solid 2px #ededed;
    display: block;
    /* box-shadow: 0 3px 17px #dbe1f0; */
    background: #fff;
}

#column .zeikai_times .one_side a .title {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 5px;
}

#column .zeikai_times .one_side a .txt,
#container.lower_layer #column .backnumber ul li a .text .read,
#container.lower_layer #column ul.related_articles_list li a .text .read,
#column .zeikai_times .one_side a .read,
#column .zeikai_times ul li a .read{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    font-size: 1.2rem;
    color: #757e8f;
    /* display: none; */
}

#column .zeikai_times .one_side a .title .txt {}

#column .zeikai_times .z_t_container {
    display: flex;
    justify-content: space-between;
}

#column .zeikai_times .z_t_container .l_wrap {
    width: 170px;
    min-width: 170px;
    margin-right: 30px;
}

#column .zeikai_times .z_t_container .l_wrap figure a {
    /* display: block; */
    /* box-shadow: 0 3px 17px #dbe1f0; */
}

#column .zeikai_times .z_t_container .l_wrap figure.sample {
    /* border: solid 1px #dedede; */
    text-align: center;
}


#column .zeikai_times .z_t_container .l_wrap figure.sample img {
    width: 100%;
    border: solid 1px #dedede;
}

#column .zeikai_times .z_t_container .l_wrap figure.banner {
    margin: 20px 0 0;
}
#column .zeikai_times .z_t_container .l_wrap figure.banner p.mb0{

}
#column .zeikai_times .z_t_container .l_wrap figure.banner p.mb0 a{

display: inline;

box-shadow: none;
}
#column .zeikai_times .z_t_container .r_wrap {
    width: 100%;
}

#column .zeikai_times ul.toc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#column .zeikai_times ul.toc li {
    border-bottom: solid 1px #dedede;
    width: calc(100% / 2 - 10px);
    /* margin-right: 15px; */
}
#column .zeikai_times ul.list li,
#column .zeikai_times ul.number li{
    border:none
}
#column .zeikai_times ul.toc li:nth-of-type(3n){
    margin-right: 0;
}
#column .zeikai_times ul.toc li:first-of-type a,
#column .zeikai_times ul.toc li:nth-of-type(2) a{
    padding-top: 0;
}

#column .zeikai_times ul li a,
#container.lower_layer #column .backnumber ul li a {
    padding: 25px 0;
    text-decoration: none;
    display: block;
    color: #282f38;
}
#column .zeikai_times ul li a{
  padding: 20px 0;
}
#column .zeikai_times ul li a .title,
#container.lower_layer #column .backnumber ul li a .text .title {
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 5px;
}

#column .zeikai_times ul li a .text {
    width: 100%;
}

#column .zeikai_times .one_side a .title .tag,
#column .zeikai_times ul li a .tag,
#container.lower_layer #column .backnumber ul li a .text .tag {
    display: inline-block;
    font-size: 1rem;
    /* color: #b4bbc8; */
    padding: 5px 8px;
    /* font-size: 1.2rem; */
    margin-right: 10px;
    /* margin-bottom: 5px; */
    /* border: solid 1px #b4bbc8; */
    background: #cf2e9d;
    color: #fff;
    /* background: #fff; */
}

#column .zeikai_times ul li a .txt {
    margin-bottom: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #757e8f;
}

/*column modal
-------------------------------------------*/
#column .zeikai_times #modalOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

#column .zeikai_times #modalContent {
  background: #fff;
  max-width: 800px;
  width: 95%;
  padding: 50px 30px 30px 30px;
  position: relative;
  border-radius: 8px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

#column .zeikai_times #closeModal {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
  font-weight: 900;
}

#column .zeikai_times #openModal{background: none;text-decoration: underline;color: #cf2e9d;padding: 0;font-weight: 500;}


#column .zeikai_times #openModal:hover{text-decoration: none;}


/*===========================================
af_expo
===========================================*/
#column .af_expo {}
#column .af_expo table th,
#column .af_expo table td{
    border: solid 1px rgb(38 49 69 / 18%);
}
#column .af_expo table th{
    background: #e4ecf6;
    text-align: left;
    /* color: #fff; */
}

#column .af_expo .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#column .af_expo h2 {}

#column .af_expo h2 span {}

#column .af_expo h2 span::before {}

#column .af_expo h3 {
    margin-bottom: 10px;
    border: none;
    padding: 0;
    /* color: #5a8ecc; */
}
#column .af_expo h3::before{
    display:none
}
#column .af_expo h3 p {
    color: #fff;
}

#column .af_expo .text {
    width: 100%;
    padding: 30px;
    background: #f6f7fa;
}

#column .af_expo .text p {
    /* color: #ffffff; */
}

#column .af_expo figure {
    /* width: 100%; */
    /* height: 120px; */
    /* background: #cecece; */
}
#column .af_expo figure img{
    width:100%
}
#column .af_expo a {
    display: block;
    /* border: solid 3px #ecf9ff; */
    /* margin-top: 20px; */
}


/*===========================================
services
===========================================*/

#column .new_articles ul li a:hover .text .title,
#column .zeikai_times .one_side a:hover .title,
#column .zeikai_times .one_side a:hover .txt,
#column .zeikai_times ul li a:hover .title,
#column .zeikai_times ul li a:hover .txt,
#column .succession_list ul li a:hover h4,
#column .succession_list ul li a:hover h4 span,
#side_wrap .info_list ul li a:hover .text .title,
#column .special a:hover .text .title,
#side_wrap .category_list li a:hover,
#container.lower_layer #column .backnumber ul li a:hover .title,
#container.lower_layer #column.tax_jusnet ul.useful_list li a:hover .text h3,
#side_wrap .job_list li a:hover,
#container.lower_layer #column.succession ul li a:hover .text h3{
    color: #cf2e9d;
    text-decoration: underline;
}



#column .succession_list ul {
    display: flex;
    justify-content: space-between;
    /* background: #f7f7f7; */
    /* padding: 20px; */
}

#column .succession_list ul li {
    width: calc(100% / 3 - 15px);
    position: relative;
}

#column .succession_list ul li a {
    color: #282f38;
    text-decoration: none;
    display: block;
    /* padding: 20px; */
    /* background: #ffffff; */
    height: 100%;
    /* box-shadow: 0 3px 17px #dbe1f0; */
}

#column .succession_list ul li a figure {
    /* background: #cecece; */
    /* height: 140px; */
    /* width: 100%; */
    overflow: hidden;
    /* margin-bottom: 20px; */
    /* border: solid 1px #dedede; */
    /* overflow: hidden; */
    /* box-shadow: 0 3px 17px #dbe1f0; */
    position: relative;
}

#column .succession_list ul li a figure img{
    width: 100%;
}
#column .succession_list ul li a h4 {
    margin: 5px 0 0 0;
    font-size: 1.4rem;
    color: #282f38;
    /* line-height: 1.3; */
    text-align: center;
    /* padding: 20px 20px 30px 20px; */
    font-weight: 500;
    text-decoration: underline;
}


#column .recruit_list {}

#column .recruit_list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#column .recruit_list ul li {
    width: calc(100% / 2 - 10px);
}

#column .recruit_list ul li a {
    display: block;
    /* padding: 40px 20px; */
    /* text-align: center; */
    /* text-decoration: none; */
    /* color: #414141; */
    /* border: solid 3px #ffffff; */
}

#column .recruit_list ul li a img{
    width:100%
}

#side_wrap .banner_list ul li a:hover,
#column .af_expo a:hover,
#column .recruit_list ul li a:hover,
#column .services_list ul li a:hover figure {

}

#column .recruit_list ul li a span {

}

#column .recruit_list ul li a em {

}

#column .job_change_list {}

#column .job_change_list ul {
    border: solid 3px #ededed;
    display: flex;
    flex-wrap: wrap;
    /* box-shadow: 0 3px 17px #dbe1f0; */
    background: #f7f7f7;
}

#column .job_change_list ul li {
    width: calc(100% / 3);
    border-bottom: solid 1px #ededed;
    /* background: #f7f7f7; */
    border-right: solid 1px #ededed;
}

#column .job_change_list ul li:last-of-type,

#column .job_change_list ul li:nth-last-of-type(2),
#column .job_change_list ul li:nth-last-of-type(3) {
    border-bottom: none;
}

#column .job_change_list ul li:nth-of-type(3n) {
    border-right: none;
}

#column .job_change_list ul li a {
    display: block;
    text-align: center;
    padding: 15px;
    color: #282f38;
}

#column .job_change_list ul li a figure {
    width: 100%;
    height: 80px;
    background: #ffffff;
    margin-bottom: 5px;
    border: solid 1px #dedede;
    display: flex;
    align-items: center;
    justify-content: center;
    /* box-shadow: 0 3px 17px #dbe1f0; */
}

#column .job_change_list ul li a figure img{
    max-width: 150px;
}
#column .job_change_list ul li a span {
    font-size: 1.2rem;
}


/*===========================================
side_wrap
===========================================*/

#side_wrap {

    width: 100%;
}

#side_wrap h2 {
    font-size: 1.8rem;
    margin: 20px 0 20px;
}

#side_wrap p.side_wrap-title {
    font-size: 1.8rem;
    margin: 20px 0 20px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.3;
}

#side_wrap .side_wrap-title a {
    color: #282f38;
    text-decoration: none;
}



/*side_wrap banner_list
-------------------------------------------*/

#side_wrap .banner_list {
    margin-bottom: 30px;
}

#side_wrap .banner_list ul {}


#side_wrap .banner_list ul li {
    margin-top: 15px;
}

#side_wrap .banner_list ul li:first-of-type {
    margin-top: 0
}

#side_wrap .banner_list ul li a {
    /* border: solid 3px #ffffff; */
    display: block;
}

#side_wrap .banner_list ul li a figure {
    /* height: 110px; */
    /* background: #cecece; */
}


/*side_wrap info_list
-------------------------------------------*/

#side_wrap .category_list,
#side_wrap .recruit_list{
    margin-bottom: 30px;
}
#side_wrap .category_list li,
#side_wrap .job_list li{
    border-bottom: solid 1px #dedede;
}
#side_wrap .category_list li:first-of-type a,
#side_wrap .job_list li:first-of-type a{
    padding-top:0;
}
#side_wrap .category_list li a,
#side_wrap .job_list li a{
    padding: 15px 0;
    text-decoration: none;
    color: #282f38;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    align-items: center;
    line-height: 1.3;
    padding-left: 20px;
    position: relative;
}

#side_wrap .job_list li a{

}
#side_wrap .category_list li a::before,
#side_wrap .job_list li a::before{
  content: "";
  position: absolute;
  /* top: 28px; */
  left: 0;
  /* bottom: 0; */
  margin: auto;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-top: 2px solid #b4bbc8;
  border-right: 2px solid #b4bbc8;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#side_wrap .category_list li a .badge{
    font-size: 1rem;
    color: #b4bbc8;
    border: solid 1px;
    padding: 5px;
    text-align: center;
    min-width: 35px;
    margin-left: 10px;
    display: inline-block;
}
#side_wrap .info_list ul {
    margin-bottom: 30px;
}

#side_wrap .info_list ul li {
    border-bottom: solid 1px #dedede;
}

#side_wrap .info_list ul li:first-of-type a{
    padding-top: 0;
}

#side_wrap .info_list ul li a {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    text-decoration: none;
}

#side_wrap .info_list ul li a figure {
    width: 110px;
    min-width: 110px;
    height: 80px;
    /* background: #cecece; */
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #dedede;
}

#side_wrap .info_list ul li a .text {
    width: 100%;
}

#side_wrap .info_list ul li a .text .tag {
    display: inline-block;
    font-size: 1rem;
    color: #ffffff;
    background: #8eafda;
    padding: 5px 5px;
    /* border: solid 1px #b4bbc8; */
}

#side_wrap .info_list ul li a .text .title {
    font-weight: 700;
    font-size: 1.4rem;
    margin: 10px 0 0;
    color: #282f38;
    line-height: 1.4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}




#side_wrap .recruit_list {}

#side_wrap .recruit_list ul {}

#side_wrap .recruit_list ul li {
    width: 100%;
    /* border: solid 3px #ededed; */
    margin-top: 15px;
}
#side_wrap .recruit_list ul li:first-of-type{
    margin:0

}
#side_wrap .recruit_list ul li a {
    display: block;
    /* text-align: center; */
    /* padding: 30px 30px; */
    /* line-height: 1.4; */
    /* color: #282f38; */
}

#side_wrap .recruit_list ul li a span {}

#side_wrap .recruit_list ul li a em {

}



#side_wrap .job_change_list {}

#side_wrap .job_change_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#side_wrap .job_change_list ul li {
    padding-left: 15px;
    position: relative;
    width: calc(100% / 2 - 5px);
    margin-top: 10px;
}

#side_wrap .job_change_list ul li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    /* bottom: 0; */
    margin: auto;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 2px solid #b4bbc8;
    border-right: 2px solid #b4bbc8;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#side_wrap .job_change_list ul li:nth-of-type(1),
#side_wrap .job_change_list ul li:nth-of-type(2) {
    margin: 0;
}

#side_wrap .job_change_list ul li a {
    font-size: 1.1rem;
    color: #282f38;
    line-height: 1.3;
}



/*===========================================
footer
===========================================*/

footer {
    background: #f6f7fa;
    padding: 60px 0 0;
}

footer .main_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 470px;
    min-width: 470px;
}

footer .main_box .l_wrap {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
    text-align: right;
}

footer .main_box .l_wrap .logo {
    display: inline-block;
    width: 100%;
    margin-right: 10px;
}

footer .main_box .l_wrap .logo img {
    width: 250px;
}

footer .main_box .l_wrap .mark {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 185px;
    min-width: 186px;
}

footer .main_box .l_wrap .mark a {
    text-decoration: none;
    display: inline-block;
}

footer .main_box .l_wrap .mark a img {}

footer .main_box .button_box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    border: solid 1px #eef0f5;
    background: #fff;
}

footer .main_box .button_box li {
    width: calc(100% / 2);
}

footer .main_box .button_box li.entry_btn {
    margin-right: 15px;
    position: relative;
    text-align: center;
}

footer .main_box .button_box li p {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 10px;
}

footer .main_box .button_box li p a {}

footer .main_box .button_box li a.btn {
    display: block;
    font-size: 1.4rem;
    text-decoration: none;
    text-align: center;
    padding: 20px;
    font-weight: 700;
    position: relative;
}

footer .main_box .button_box li.entry_btn a.btn {
    border: solid 2px;
    background: linear-gradient(90deg, #d12d9c, #5ea2ef);
    border-image: linear-gradient(to right, #d02d9c, #5fa2ef);
    color: #fff;
    border-image-slice: 1;
}

footer .main_box .button_box li.entry_btn a.btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

footer .main_box .button_box li.login_btn a.btn {
    background: #ffffff;
    color: #1a1d23;
    border: solid 2px;
}

footer .main_box .button_box li.login_btn a.btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-top: 2px solid #1a1d23;
    border-right: 2px solid #1a1d23;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

footer .g_box {
    background: #eef0f5;
    padding: 20px 0;
}

footer .g_box ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .g_box ul li {
    width: calc(100% / 4);
    border-right: solid 1px #cecece;
}

footer .g_box ul li:last-of-type {
    border-right: none;
}

footer .g_box ul li a {
    display: block;
    text-align: center;
    padding: 5px 0;
    font-size: 1.4rem;
    color: #282f38;
    text-decoration: none;
    font-weight: 700;
}

footer .g_box ul li a:hover {
    color: #cf2e9d;
}

footer .service_box {
    margin: 40px 0 60px;
    display: flex;
    justify-content: space-between;
}

footer .service_box .sitemap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 660px;
    min-width: 660px;
}

footer .service_box .sitemap li {
    width: calc(100% /3 - 10px);
    margin-top: 20px;
}

footer .service_box .sitemap li:nth-of-type(1),
footer .service_box .sitemap li:nth-of-type(2),
footer .service_box .sitemap li:nth-of-type(3) {
    margin-top: 0
}

footer .service_box .sitemap li p {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    padding-left: 15px;
    position: relative;
}

footer .service_box .sitemap li p::before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    background: #5a8ecc;
    position: absolute;
    /* border-radius: 100px; */
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    top: 50%;
    left: 0;
}

footer .service_box .sitemap li ol {
    margin: 0;
}

footer .service_box .sitemap li ol li {
    width: 100%;
    border: none;
    margin: 0!important;
}

footer .service_box .sitemap li ol li a {
    font-size: 1.2rem;
    padding-left: 15px;
    position: relative;
    color: #282f38;
    background: url(https://img.jusnet.co.jp/corporate/common/windows.png) no-repeat 100% center;
    padding-right: 15px;
}

footer .service_box .sitemap li ol li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 2px solid #b4bbc8;
    border-right: 2px solid #b4bbc8;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

footer .b_box {
    background: #5a8ecc;
    padding: 30px 0;
}

footer .b_box ol {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

footer .b_box ol li {}

footer .b_box ol li a {
    font-size: 1.2rem;
    color: #fff;
    padding: 0 10px;

}

footer .b_box p {
    text-align: center;
    font-size: 1rem;
    color: #9dc2ed;
    letter-spacing: 2px;
    margin: 0;
    line-height: 1.2;
}


/*===========================================
下層ページ
===========================================*/

#container.lower_layer h1 {
    font-size: 2.4rem;
    color: #282f38;
    padding: 25px 0;
    margin-bottom: 30px;
    font-weight: 600;
    border-top: solid 3px;
    border-image: linear-gradient(to right, #5fa2ef, #d02d9c);
    border-image-slice: 1;
    position: relative;
}
#container.lower_layer h1 .sub_title{
    display:block;
    font-size: 2rem;
    margin-top: 10px;
    line-height: 1.3;
}
#container.lower_layer h1::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: #e1e1e1;
    bottom: 0;
    left: 0;
}

#container.lower_layer #column h2 {
    font-size: 2rem;
    margin: 40px 0 25px;
    padding: 20px 20px 20px 25px;
    background: #eff1f6;
    position: relative;
    display: block;
    clear: both;
}

#container.lower_layer #column h2::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background: #5a8ecc;
    left: 0;
    top: 0;
}
#container.lower_layer #column h2 span {background: none;color: #282f38;-webkit-text-fill-color: inherit;padding: 0;margin:  0 0 5px 0;letter-spacing: inherit;font-weight: 600;display: block;}
#container.lower_layer #column h2 span::before{
    display:none

}
#container.lower_layer #column h3 {
    font-size: 1.8rem;
    margin: 0;
    margin: 40px 0 20px;
    border-bottom: solid 1px #dedede;
    /* padding-bottom: 10px; */
    /* padding-top: 0; */
    padding: 0 0 10px 0;
    border-top: none;
}
#container.lower_layer #column h3::before{
    display:none

}

#container.lower_layer h4 {}

#container.lower_layer p .fw800 {
    font-weight: 800;
}

#container.lower_layer .headline strong {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 20px 0 10px;
    line-height: 1.5;
    color: #282f38;
}

#container.lower_layer .point li {
    line-height: 1.6;
}

#container.lower_layer article p{

font-size: 1.5rem;
}
#container.lower_layer #column .sns_list{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#container.lower_layer #column .sns_list a{
    display: block;
    text-decoration: none;
}
#container.lower_layer #column .sns_list a svg{
    width: 30px;
    margin-left: 2px;
}

/*===========================================
下層ページ_news
===========================================*/

#container.lower_layer #column .new_articles ul li {
    width: 100%;
    padding-bottom: 20px;
}


#container.lower_layer #column .new_articles ul li a{padding: 25px 0 15px;}
#container.lower_layer #column .new_articles ul li:nth-of-type(2) a{

}
#container.lower_layer #column .new_articles.news ul li a figure {
    width: 180px;
    min-width: 180px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin: 0 20px 0 0;
}
#container.lower_layer #column .new_articles.news ul li a figure img{

border: none;
}
#container.lower_layer #column .column_head {display:flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}

#container.lower_layer #column .news figure,
#container.lower_layer #column .zeikai_times figure{margin-bottom: 10px;text-align: center;}
#container.lower_layer #column .news figure img,
#container.lower_layer #column .zeikai_times figure img{

border: solid 1px #dedede;

height: auto;
}
#container.lower_layer #column .news .t_wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 10px;
}

#container.lower_layer #column .news .t_wrap .day {
    /* width: 106px; */
    min-width: 106px;
    /* font-size: 1.4rem; */
    /* text-align: left; */
}




/*===========================================
下層ページ_ゼイカイ
===========================================*/


/*column zeikai_times
-------------------------------------------*/

#container.lower_layer #column .zeikai_times {}

#container.lower_layer #column .zeikai_times {}

#container.lower_layer #column .zeikai_times .t_wrap {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: space-between; */
    margin-bottom: 10px;
}

#container.lower_layer #column .zeikai_times .t_wrap .issue,
#container.lower_layer #column .backnumber ul li a .text .issue {
    font-weight: 700;
    font-size: 1.8rem;
    color: #356db0;
    margin: 0 0 5px 0;
    /* min-width: 188px; */
    /* width: 188px; */
    /* margin-right: 20px; */
    /* background: yellow; */
}

#container.lower_layer #column .zeikai_times .t_wrap .issue em,
#container.lower_layer #column .backnumber ul li a .text .issue em {
    font-style: normal;
}

#container.lower_layer #column .zeikai_times .t_wrap .issue span,
#container.lower_layer #column .backnumber ul li a .text .issue span {
    font-size: 1.6rem;
    margin-left: 5px;
}

#container.lower_layer #column .latest_issue p {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 40px;
}

#container.lower_layer #column .latest_issue .a_title {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 10px;
}

#container.lower_layer #column .zeikai_times .side_title {}

#container.lower_layer #column .zeikai_times .mask_box{
    background: #f3f3f3;
    padding: 25px;
    clear: both;
}

#container.lower_layer #column .zeikai_times .mask_box > p{
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
}

#container.lower_layer #column .zeikai_times .mask_box ul{

display: flex;

justify-content: space-between;
}
#container.lower_layer #column .zeikai_times .mask_box ul li{
    border: none;
    text-align: center;
    padding: 20px;
    background: #fff;
    width: calc(100% / 2 - 10px);
}
#container.lower_layer #column .zeikai_times .mask_box ul li p{/* margin: 0; *//* padding: 0; *//* display: inline; */margin-bottom: 10px;}
#container.lower_layer #column .zeikai_times .mask_box ul li a{margin: 0;padding: 0;display: inline;text-decoration: underline;color: #cf2e9d;}
#container.lower_layer #column .zeikai_times .mask_box ul li a:hover{

text-decoration: none;
}

#container.lower_layer #column .zeikai_times .mask_box ul li a.btn{
    text-align: center;
    padding: 20px;
    font-size: 1.6rem;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    text-decoration: none;
}
#container.lower_layer #column .zeikai_times .mask_box ul li.entry a.btn{border: solid 2px;background: linear-gradient(90deg, #d12d9c, #5ea2ef);border-image: linear-gradient(to right, #d02d9c, #5fa2ef);border-image-slice: 1;color: #fff;}

#container.lower_layer #column .zeikai_times .mask_box ul li.entry a.btn::before{
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#container.lower_layer #column .zeikai_times .mask_box ul li.login a.btn{border: solid 2px;color: #1a1d23;background: #fff;/* display: inline-block; *//* width: 100%; */}

#container.lower_layer #column .zeikai_times .mask_box ul li.login a.btn::before{content: "";position: absolute;top: 0;right: 20px;bottom: 0;margin: auto;vertical-align: middle;width: 6px;height: 6px;border-top: 2px solid #1a1d23;border-right: 2px solid #1a1d23;-webkit-transform: rotate(45deg);transform: rotate(45deg);}


#container.lower_layer #column .zeikai_times .mask_box ul li ol{

margin-top: 10px;
}
#container.lower_layer #column .zeikai_times .mask_box ul li ol li{text-align: left;padding: 0;width: 100%;font-size: 1.2rem;line-height: 1.4;padding-left: 15px;margin-bottom: 3px;position:relative}
#container.lower_layer #column .zeikai_times .mask_box ul li ol li::before{
    content:"";
    position: absolute;
    top: 6px;
    left: 0;

    /* bottom: 0; */
    margin: auto;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 2px solid #b4bbc8;
    border-right: 2px solid #b4bbc8;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#container.lower_layer #column .zeikai_times .mask_box ul li ol li:last-of-type{
margin-bottom: 0;

}

/*column backnumber
-------------------------------------------*/

#container.lower_layer #column .backnumber {}

#container.lower_layer #column .backnumber ul li {
    width: 100%;
}

#container.lower_layer #column .backnumber ul#backnumber li {
    border-bottom: solid 1px #dedede;
}

#container.lower_layer #column .backnumber ul li:first-of-type a {
    padding-top: 0
}

#container.lower_layer #column .backnumber ul#backnumber li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0;
    text-decoration: none;
}

#container.lower_layer #column .backnumber ul li a figure {
    min-width: 110px;
    width: 110px;
    margin-right: 20px;
    border: solid 1px #dedede;
    margin: 0 20px 0 0;
}
#container.lower_layer #column .backnumber ul li a figure img{border: none;}
#container.lower_layer #column .backnumber ul li a .text {
    width: 100%;
}

#container.lower_layer #column .backnumber ul li a .text .title {
    margin: 10px 0;
}

#container.lower_layer #column .backnumber ul li a .text .read {}



/*===========================================
下層ページ_ログイン
===========================================*/
#container.lower_layer .login{

}
#container.lower_layer .login .login_box{
    background: #f3f3f3;
    padding: 30px;
}
#container.lower_layer .login .login_box .wrap{
    /* background:#d3bbbb; */
    display: flex;
    align-items: center;
    border-bottom: solid 1px #d6d6d6;
    padding: 20px 0;
}
#container.lower_layer .login .login_box .wrap:first-of-type{padding-top: 0;}
#container.lower_layer .login .login_box .wrap p{margin: 0;width: 140px;min-width: 140px;font-weight: 600;}
#container.lower_layer .login .login_box .wrap input{
    background: #ffffff;
    padding: 10px 10px;
    /* font-size: 1.6rem; */
    border-radius: 5px;
    height: 46px;
    width: 100%;
}
#container.lower_layer .login .login_box .b_wrap{

margin-top: 20px;
}

#container.lower_layer .login .login_box .b_wrap input[type="checkbox"]:checked+label:after {
    content: "";
    opacity: 1;
    line-height: 1.4;
	}


#container.lower_layer .login .login_box .b_wrap label{
    display: inline-block;
    padding-left: 25px;
    cursor: pointer;
    line-height: 1.5;
    position: relative;
    /* margin-right: 17px; */
    font-size: 1.6rem;
 }

#container.lower_layer .login .login_box .b_wrap label:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: solid 2px #d5d5d5;
    background: #ffffff;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 4px;
    transition: 0.1s ease-in-out;
 }

#container.lower_layer .login .login_box .b_wrap label:after {
    content: "";
    display: block;
    transform: rotate(45deg);
    border: solid 3px #cf2e9d;
    border-top: 0;
    border-left: 0;
    width: 8px;
    height: 13px;
    left: 7px;
    top: 3px;
    position: absolute;
    box-sizing: border-box;
    transition: 0.15s ease-in-out;
    opacity: 0;
    z-index: 1111111;
 }
#container.lower_layer .login .login_box .b_wrap button{font-weight: 700;font-size: 1.6rem;display: inline-block;padding: 12px 30px;border: solid 2px;background: linear-gradient(90deg, #d12d9c, #5ea2ef);border-image: linear-gradient(to right, #d02d9c, #5fa2ef);border-image-slice: 1;color: #fff;}

#container.lower_layer .login .login_box .b_wrap button:disabled{background: #bcbcbc;border: solid 2px #bcbcbc;pointer-events: none;}

#container.lower_layer .login .login_box ol{
    margin-top:20px
}
#container.lower_layer .login .login_box ol li{text-align: left;padding: 0;width: 100%;font-size: 1.2rem;line-height: 1.4;padding-left: 15px;margin-bottom: 3px;position:relative}
#container.lower_layer .login .login_box ol li::before{
    content:"";
    position: absolute;
    top: 6px;
    left: 0;
    /* bottom: 0; */
    margin: auto;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 2px solid #b4bbc8;
    border-right: 2px solid #b4bbc8;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#container.lower_layer .login .login_box ol li:last-of-type{
margin-bottom: 0;


}
/*===========================================
下層ページ_税理士.ジャスネットとは
===========================================*/
#container.lower_layer #column.tax_jusnet ul.wrap_3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


#container.lower_layer #column.tax_jusnet ul.wrap_3 li{width: calc(100% / 2 - 10px);margin-top: 20px;border: solid 1px #d7d9dc;}


#container.lower_layer #column.tax_jusnet ul.wrap_3 li:first-of-type ,
#container.lower_layer #column.tax_jusnet ul.wrap_3 li:nth-of-type(2){margin-top: 0;}



#container.lower_layer #column.tax_jusnet ul.wrap_3 li a {color: #282f38;display: flex;align-items: center;justify-content: space-between;padding: 15px;box-shadow: 0 3px 17px #dbe1f0;height: 100%;text-decoration: none;/* font-weight: bold; */}
#container.lower_layer #column.tax_jusnet ul.wrap_3 li a:hover{
    color: #cf2e9d;
    box-shadow: 0 0 10px #dbe1f0;
}

#container.lower_layer #column.tax_jusnet ul.wrap_3 li figure{
    /* background: #dadada; */
    width: 120px;
    max-width: 120px;
    /* height: 120px; */
    /* min-height: 120px; */
    /* margin-bottom: 10px; */
    margin-right: 15px;
    border: solid 1px #e0e0e0;
}

#container.lower_layer #column.tax_jusnet ul.wrap_3 li p{/* margin: 10px 0 0 0; *//* color: red; */width: 100%;/* font-size: 1.2rem; */font-weight: 700;line-height: 1.4;}
#container.lower_layer #column.tax_jusnet ul.useful_list{
    display:block
}
#container.lower_layer #column.tax_jusnet ul.useful_list li{
    border-bottom: solid 1px #dedede;
    width: 100%;
}
#container.lower_layer #column.tax_jusnet ul.useful_list li:first-of-type a{
    padding-top: 0;
}
#container.lower_layer #column.tax_jusnet ul.useful_list li a{
    padding: 20px 0;
    /* box-shadow: 0 3px 17px #dbe1f0; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #282f38;
}
#container.lower_layer #column.tax_jusnet ul.useful_list li a.action_none{

pointer-events: none;
}
#container.lower_layer #column.tax_jusnet ul.useful_list li a figure{
    /* background: #dadada; */
    width: 240px;
    min-width: 240px;
    /* height: 130px; */
    /* margin-bottom: 10px; */
    margin-right: 20px;
}
#container.lower_layer #column.tax_jusnet ul.useful_list li a .text{

width: 100%;
}

#container.lower_layer #column.tax_jusnet ul.useful_list li a .text span{display: inline-block;padding: 5px 8px;font-size: 1.1rem;background: #5a8ecc;color: #fff;border-radius: 100px;}

#container.lower_layer #column.tax_jusnet ul.useful_list li a .text h3{
    margin: 10px 0;
    padding: 0;
    border: none;
    /* text-decoration: underline; */
    font-size: 1.6rem;
}
#container.lower_layer #column.tax_jusnet ul.useful_list li a.action_none h3{text-decoration: none;}
#container.lower_layer #column.tax_jusnet ul.useful_list li a .text p{

color: #282f38;
}



/*===========================================
下層ページ_税理士.事業承継サービス
===========================================*/

#container.lower_layer #column.succession {}

#container.lower_layer #column.succession ul {
    /* display: flex; */
    /* justify-content: space-between; */
    /* background: #f7f7f7; */
    /* padding: 20px; */
}

#container.lower_layer #column.succession ul li {
    /* width: calc(100% / 3 - 15px); */
    /* position: relative; */
    border-bottom: solid 1px #dedede;
}
#container.lower_layer #column.succession ul li:first-of-type a{

padding-top: 0;
}
#container.lower_layer #column.succession ul li a {display: flex;align-items: center;justify-content: space-between;color: #282f38;text-decoration: none;padding: 25px 0;}
#container.lower_layer #column.succession ul li a figure {/* height: 140px; */width: 240px;min-width: 240px;margin-right: 20px;border: solid 1px #e0e0e0;}

#container.lower_layer #column.succession ul li a figure img{
    width: 100%;
}
#container.lower_layer #column.succession ul li a .text{
    width: 100%;
}
#container.lower_layer #column.succession ul li a .text h3 {border: none;padding: 0;margin: 0 0 10px 0;/* text-decoration: underline; */font-size: 16px;}


/* news detail comments */
.news-comments {
}
.news-comments__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.news-comments__item {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.news-comments__meta {
    display: block;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.news-comments__author-info {
    display: flex;
    gap: 15px;
    align-items: center;
}

.news-comments__avatar {
}
.news-comments__avatar img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #e6e8eb;
    background: #fff;
}
.news-comments__author {
    flex: 1;
}
.news-comments__name {
    font-size: 1.6rem;
    margin: 0;
    font-weight: 700;
}
.news-comments__profile {
    margin: 0;
    font-size: 1.2rem;
}
.news-comments__body-wrapper {
    margin: 0 0 0 70px;
}
.news-comments__date {
    margin: 0 0 5px 0;
    color: #b4bbc8;
    font-size: 1.2rem;
}
.news-comments__body {
    margin: 0;
}
.news-comments__empty {
    margin: 0;
    color: #6b7280;
    font-size: 1.3rem;
}

/* pagination */
#column .new_articles .pagination,
#column .backnumber .pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center ;
    align-items: center;
    text-align: center;
    gap: 20px;
}

#column .new_articles .pagination li,
#column .backnumber .pagination li {
    width: 30px;
    border-bottom: 0px;

}
#column .new_articles .pagination li:first-child,
#column .backnumber .pagination li:first-child {
    text-align: left;
}
#column .new_articles .pagination li:last-child,
#column .backnumber .pagination li:last-child {
    text-align: right;
}
#column .new_articles .pagination li.disabled,
#column .backnumber .pagination li.disabled {
    color: #dedede;
}
#column .new_articles .pagination li a,
#column .backnumber .pagination li a {
    display: inline;
}
#container.lower_layer #column .new_articles .pagination li a,
#container.lower_layer #column .backnumber .pagination li a {
    padding: 0 auto;
}

/* commentator detail */

.commentator_profile {
    display: flex;
    align-items: flex-start;
}

.commentator_profile figure {
    background: #fff;
    width: 220px;
    height: 220px;
}

#container.lower_layer #column .news .commentator_profile figure img {
    border-radius: 50%;
    border: 8px solid #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.25);

}
.commentator_profile .commentator-detail__body {
    width: 70%;
    margin-left: 80px;
}
.commentator-detail .news-comments__name {
    font-size: 1.5rem;
    margin: 0;
    font-weight: 700;
}

@media screen and (max-width: 780px) {
.news-comments__meta {
    gap: 10px;
}
.news-comments__avatar img {
    width: 40px;
    height: 40px;
}
.news-comments__item {
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.news-comments__body {
    margin: 0 0 0 50px;
}
}


@media screen and (max-width:1600px) {}

@media screen and (max-width: 1480px) {
    html {
        zoom: 95%;
    }
    /*===========================================
column
===========================================*/
    #column {
        width: 69%;
        min-width: 69%;
        margin-right: 3vw;
    }
}

@media screen and (max-width: 1200px) {
    .content {}
    .inner {
        padding: 0 3vw;
    }
    footer {}
    footer .main_box {
        width: 30%;
        min-width: 20%;
        flex-wrap: nowrap;
        display: block;
    }
    footer .main_box .l_wrap {
        display: block;
        margin-top: 20px;
    }
    footer .main_box .l_wrap .logo {
    margin: 0;
}
    footer .main_box .l_wrap .logo img {
        width: 220px;
    }
    footer .main_box .l_wrap .mark {
        justify-content: flex-end;

        width: 100%;
        min-width: 100%;
        margin-top: 10px;
    }
    footer .main_box .l_wrap .mark a {}
    footer .main_box .button_box {
        display: block;
    }
    footer .main_box .button_box li {
        width: 100%;
    }
    footer .main_box .button_box li.entry_btn {
        margin: 0 0 15px 0;
    }
    footer .main_box .button_box li p {}
    footer .main_box .button_box li p a {}
    footer .main_box .button_box li a.btn {}
    footer .main_box .button_box li.entry_btn a.btn {}
    footer .main_box .button_box li.entry_btn a.btn::before {}
    footer .main_box .button_box li.login_btn a.btn {}
    footer .main_box .button_box li.login_btn a.btn::before {}
    footer .g_box {}
    footer .g_box ul {}
    footer .g_box ul li {}
    footer .g_box ul li:last-of-type {}
    footer .g_box ul li a {}
    footer .service_box {
        margin: 40px 0;
    }
    footer .service_box .sitemap {
        width: 50%;
        min-width: 50%;
        justify-content: flex-start;
    }
    footer .service_box .sitemap li {
        width: calc(100% /2 - 0px);
    }
    footer .service_box .sitemap li:nth-of-type(3) {
        margin-top: 20px
    }
    footer .service_box .sitemap li p {}
    footer .service_box .sitemap li p::before {}

    footer .service_box .sitemap li ol {}
    footer .service_box .sitemap li ol li {}
    footer .service_box .sitemap li ol li a {}
    footer .service_box .sitemap li ol li a::before {}
    footer .b_box {}
    footer .b_box ol {}
    footer .b_box ol li {}
    footer .b_box ol li a {}
    footer .b_box p {}
}

@media screen and (max-width: 980px) {
    h1 {}
    h2 {}
    h2 span {}
    h3 {

    }
    h4 {
        font-size: 1.6rem;
        margin: 15px 0 10px;
    }
    p {
        /* line-height: 1.5; */
    }
    .content {
        padding: 10vw 0;
        position: relative;
    }
    .textC {
        margin-bottom: 50px;
    }

}

@media screen and (max-width: 780px) {
    html {
        zoom: 100%;
        /* font-size: 1.4rem; */
    }
    body {
        min-width: inherit;
        padding-top: 60px;
    }
    .content {
        padding: 60px 0;
    }
    .inner {
        padding: 0 15px;
    }
    h1 {}
    h2 {
    font-size: 2rem;
    margin: 30px 0 15px;
}
    h2 span {
    margin-left: 10px;
    padding-right: 55px;
    font-size: 1rem;
}
h2 span::before{
    margin-left: 10px;
    width: 50px;
}
    h3 {
    margin: 30px 0 15px 0;
    padding-top: 10px;

    font-size: 1.6rem;
    line-height: 1.4;
    /* border-top: solid 1px red; */
}

    h3::before{

top: 17px;

/* width: 8px; */

/* height: 8px; */
}

    h4 {}
    p {
    /* font-size: 1.4rem; */
    margin-bottom: 10px;
}
    br.sp {
        display: block
    }


.fs12 {

}

.fs14 {
font-size: 12px!important;
}

.fs16 {
    font-size: 14px!important;
}

.fs18 {
    font-size: 16px!important;
}

.fs20 {
    font-size: 18px!important;
}

.fs22 {
    font-size: 20px!important;
}

.fs24 {
    font-size: 22px!important;
}

.fs26 {
    font-size: 24px!important;
}

.fs28 {
    font-size: 26px!important;
}

.fs30 {
    font-size: 28px!important;
}

.mb0 {

}

.mb10 {

}

.mb20 {
    margin-bottom: 10px !important;
}

.mb30 {
    margin-bottom:15px !important;
}

.mb40 {
    margin-bottom: 20px !important;
}

.mb50 {
    margin-bottom: 30px !important;
}

.mb100 {
    margin-bottom: 50px !important;
}

.mt20 {
    margin-top: 10px !important;
}

.mt30 {
    margin-top: 15px !important;
}

.mt40 {
    margin-top: 20px !important;
}

.mt50 {
    margin-top: 20px !important;
}

.mt100 {
    margin-top: 50px !important;
}


.fr{

margin-left: 10px;
}
.fl{

    margin-right: 10px;
}

.border--box {
    /* border: solid 3px #ededed; */
    padding: 15px;
}

.bg--box {
    background: #f8f3ed;
    padding: 20px;
}

ul.list,
ol.list {}

ul.list li,
ol.list li {
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
    line-height: 1.5;
}

ul.list li:last-of-type,
ol.list li:last-of-type {
    margin-bottom: 0;
}

ul.list li::before,
ol.list li::before {
    width: 6px;
    height: 6px;
    top: 8px;
}

.link_button {
    padding: 15px 35px 15px 20px;
    letter-spacing: 1px;
    font-size: 1.4rem;
}

.link_button::before {

}



.next_link,
.back_link{
    margin-top: 10px;
}

.next_link a,
.back_link a{
    font-size: 1.2rem;
}

.next_link a span,
.back_link a span{
    width: 25px;
    height: 25px;
}

.next_link a span em,
.back_link a span em{
    font-size: 1rem;
}


table th,
table td {
    padding: 12px;
    font-size: 1.3rem;
}

/*===========================================
header
===========================================*/
    header {
    position: fixed;
    top: 0!important;
    z-index: 999;
    width: 100%;
    box-shadow: 0 5px 7px rgb(98 124 190 / 23%);
}
    header .logo {
        width: 150px;
        min-width: 150px;
        margin: 0;
        order: 2;
    }
    header.fixed {
    /* position: fixed; */
    top: 0;
}
    header #global-nav .logo {}
    header .inner {}
    header ul {}
    header .t_wrap {
        padding: 10px 0;
    }
    header .t_wrap>.inner {
        flex-wrap: wrap;
        padding: 0 10px;
    }
    header .t_wrap .c_box {
        order: 1;
        margin-bottom: 2px;
    }
    header .t_wrap .c_box em,
    header .t_wrap .c_box h1 {
        font-size: 8px;
    }
    header .t_wrap .c_box p {
        display: none;
        font-size: 1rem;
        margin: 0;
    }
    header .t_wrap ul {
        display: none;
    }
    header .t_wrap li.btn {}
    header .t_wrap li.btn.entry {}
    header .t_wrap li.btn a {}
    header .t_wrap li.btn.entry a {}
    header .t_wrap li.btn.entry a::before {}
    header .t_wrap li.btn.login a {}
    header .t_wrap li.btn.login a::before {}
    header .h_wrap {}
    header .logo.sp {
        top: 20px;
        z-index: 1;
        left: 12px;
        width: 250px;
    }

/*=====================================
drawer
=====================================*/
#drawer .right-side,
#drawer .drawer-content .nav .bottom,
#drawer .drawer-content .nav li .arrow_button,
#drawer .drawer-content .nav li ol{
    display:block
}

#drawer {
    position: relative;
    display: block;
 }


#drawer .drawer-hidden {
    display: none;
	}



#drawer .right-side div {
    position: absolute;
    top: 0;
    right: 0;
    height: 200px;
	}

#drawer .right-side .drawer-open {
    display: flex;
    height: 46px;
    width: 46px;
    justify-content: center;
    align-items: center;
    z-index: 100;
    cursor: pointer;
    top: 10px;
    right: 12px;
    background: #5a8ecc;
    transition: 0.2s;
    position: fixed;
 }

#drawer .right-side .drawer-open.active {
    background: white;
	}

#drawer .drawer-open.active p {
    color: #5a8ecc;
 }

#drawer .drawer-open.active span,
#drawer .drawer-open.active span:before,
#drawer .drawer-open.active span:after {
    background: #5a8ecc;
 }

#drawer .right-side div+p {
    font-size: 1rem;
    line-height: 14px;
    color: #cacaca;
    height: 100%;
    padding-top: 18vw;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    text-orientation: sideways;
    -webkit-text-orientation: sideways;
	}

#drawer .right-side div+p span {
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
    color: #2d2d2d;
	}

#drawer .drawer-open p {
    font-weight: 700;
    font-size: 0.8rem;
    position: relative;
    bottom: 8px;
    color: #fff;
    line-height: 1;
 }

#drawer .drawer-open span,
#drawer .drawer-open span:before,
#drawer .drawer-open span:after {
    content: '';
    display: block;
    height: 2px;
    width: 18px;
    background: #fff;
    transition: 0.5s;
    bottom: 18px;
    position: absolute;
 }

#drawer .drawer-open span:before {
    bottom: 6px;
 }

#drawer .drawer-open span:after {
    top: 6px;
 }

#drawer #drawer-check:checked~.drawer-open span {
    background: rgba(255, 255, 255, 0);
	}

#drawer #drawer-check:checked~.drawer-open span::before {
    bottom: 0;
    transform: rotate(45deg);
	}

#drawer #drawer-check:checked~.drawer-open span::after {
    top: 0;
    transform: rotate(-45deg);
	}

#drawer .drawer-content {
    width: 400px;
    height: 100%;
    position: fixed;
    top: 0;
    right: -400px;
    z-index: 99;
    background: #5a8ecc;
    transition: .5s;
    display: flex;
    justify-content: center;
    align-items: center;
 }

#drawer .drawer-content.open {
    right: 0;
    width: 100%;
 }


#drawer .drawer-content .nav {
    height: 100%;
    overflow-y: scroll;
    padding: 70px 20px 50px 20px;
    width: 100%;
 }

#drawer .drawer-content .nav::-webkit-scrollbar {
    height: auto;
    width: 6px;
	}
#drawer .drawer-content .nav ul{

display: block;


}
#drawer .drawer-content .nav ul li.lead {
    border-bottom: solid 1px #78a3d6;
    /* padding: 20px 0; */
    position: relative;
    width: 100%;
    border-right: none;
 }
#drawer .drawer-content .nav ul li.lead:first-of-type{
    border-left:none
}
#drawer .drawer-content .nav ul li.lead:first-of-type {/* width: 100%; */}

#drawer .drawer-content .nav ul li.lead.toggle {
    font-size:1.6rem;
    color: #fff;
    cursor: pointer;
	}
#drawer .drawer-content .nav ul li.lead.toggle > a {pointer-events: none;cursor: none;}
#drawer .drawer-content .nav ul li.lead.toggle+li {
    display: none
	}

#drawer .drawer-content .nav ul li.lead.toggle::before {
    content: "+";
    width: 14px;
    height: 17px;
    text-align: center;
    position: absolute;
    top: 50%;
    right: -7px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;

    transform: translate(-50%, -50%);
	}

#drawer .drawer-content .nav ul li.lead.toggle.open::before {
    content: "−";
	}

#drawer .drawer-content .nav ul li.lead>a {
    display: block;
    font-size:1.4rem;
    text-decoration: none;
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: space-between;
 }
#drawer .drawer-content .nav ul li.lead a.active{
    border:none
}
#drawer .drawer-content .nav ul li.lead>a .arrow_button {
    width: auto;
    height: auto;
    padding: 0;
    font-size: 1.2rem;
    border: none;
    margin: 0;
    color: #fff;
    right: 0;
    bottom: inherit;
 }


#drawer .drawer-content .nav ul li ol {
    padding-top: 15px;
 }


#drawer .drawer-scontent .nav ul li ol li {
    margin-bottom: 10px;
    line-height: 1;
	}

#drawer .drawer-content .nav ul li ol li a {
    color: #fff;
    position: relative;
    /* padding-left: 40px; */
    /* display: inline; */
    display: block;
    padding: 5px 0 5px 40px;
    text-align: left;
 }

#drawer .drawer-content ul li ol li a::before {
    content: "";
    width: 8px;
    height: 1px;
    position: absolute;
    top: 13px;
    background: #78a3d6;
    left: 20px;
 }

#drawer .drawer-content ul.bottom {
    margin-top: 30px;
	}
#drawer .drawer-content ul.bottom li{margin-bottom: 10px;}


#drawer .drawer-content ul.bottom li a {
    color: #fff;
    font-size: 1.2rem;
    padding: 0;
    text-align: left;
    text-decoration: underline;
 }





/*===========================================
container
===========================================*/
    #container {
    padding: 30px 0;
}
    #container>.inner {
        display: block;
    }
/*===========================================
column
===========================================*/
    #column {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
    }



    /*column special
-------------------------------------------*/

#column .special {
    /* padding: 0; */
    /* background: #fbf6ef; */
    /* border-bottom: solid 1px #f3e8d9; */
    box-shadow: none;
    border: none;
    border-bottom: solid 1px #f3e8d9;
}

#column .special a {
    font-size: 1.4rem;
    /* display: block; */
    box-shadow: none;
    align-items: flex-start;
    padding: 0 0 15px 0;
}

#column .special a figure {width: 80px;min-width: 80px;height: 80px;margin-right: 15px;}

#column .special a .text {
    padding: 0;
}

#column .special a .text .t_wrap {
    /* display: block; */
}

#column .special a .text .t_wrap .tag {font-size: 1rem;padding: 4px;}

#column .special a .text .t_wrap .tag.new {

}

#column .special a .text .title {
    margin: 10px 0 5px;
    line-height: 1.4;
    font-size: 1.4rem;
}

#column .special a .text .read {
    font-size: 1.2rem;
    /* -webkit-line-clamp: 1; */
}

#column .special a .text .day,
#column .new_articles ul li a .text .t_wrap .day,
#side_wrap .info_list ul li a .text .day,
#container.lower_layer #column .zeikai_times .t_wrap .day,
#container.lower_layer #column .backnumber ul li a .text .t_wrap .day,
#container.lower_layer #column .news .t_wrap .day {
    text-align: left;
    /* margin-top: 10px; */
    font-size: 1.2rem;
}

/*column new_articles
-------------------------------------------*/

#column .new_articles {}

#column .new_articles ul {

}

#column .new_articles ul li {
    width: 100%;
}


#column .new_articles ul li:nth-of-type(2) a {
    padding-top: 20px;
}

#column .new_articles ul li a {padding: 15px 0;}

#column .new_articles ul li a figure {width: 80px;min-width: 80px;height: 80px;margin-right: 15px;}



#column .new_articles ul li a .text .t_wrap .tag {
    font-size: 1rem;
    padding: 4px;
}




#column .new_articles ul li a .text .title {
    font-size: 1.4rem;
    /* margin: 5px 0; */
}

#column .new_articles ul li a .text .sub_title{
    font-size: 1.2rem;
    margin-top: 5px;
}
#column .new_articles.news ul li a .text .read{
    margin: 5px 0;
    line-height: 1.3;
}
#column .new_articles ul li .hashtag,
#column .special .hashtag{
    background: none;
    padding: 0;
    font-size: 1.2rem;
}


/*column zeikai_times
-------------------------------------------*/

#column .zeikai_times {}

#column .zeikai_times .one_side {margin-bottom: 0;padding: 15px 15px 10px 15px;display: block;/* border-bottom: solid 1px #dedede; *//* background: #e5f4f7; *//* background: none; */}

#column .zeikai_times .one_side .issue {
    width: 100%;
    min-width: 100%;
    height: auto;
    padding: 10px;
    margin-bottom: 10px;
}

#column .zeikai_times .one_side .issue em {
    font-size: 1.6rem;
    margin: 0 0 0 10px;

}

#column .zeikai_times .one_side .issue span {

    display: flex;
    align-items: center;
    font-size: 1.6rem;
}

#column .zeikai_times .one_side a {
    margin-left: 0;
    padding: 15px;
    border: none;
    /* background: none; */
}

#column .zeikai_times .one_side a .title {
    font-size: 1.4rem;
    margin-bottom: 5px;
}

#column .zeikai_times .one_side a .txt,
#container.lower_layer #column .backnumber ul li a .text .read,
#container.lower_layer #column ul.related_articles_list li a .text .read {

/* -webkit-line-clamp: 1; */

font-size: 1.2rem;
}

#column .zeikai_times .one_side a .title .txt {}

#column .zeikai_times .z_t_container {
    flex-wrap: wrap;
}

#column .zeikai_times .z_t_container .l_wrap {
    width: 100%;
    min-width: 100%;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f6f7fa;
    padding: 0 15px 15px 15px;
    /* display: none; */
    margin: 0;
    width: 100%;
    min-width: 100%;
    /* position: absolute; */
}

#column .zeikai_times .z_t_container .l_wrap figure a {
    /* display: block; */
    box-shadow: none;
}

#column .zeikai_times .z_t_container .l_wrap figure.sample {
    width: 40%;
    margin: 0 auto;
    /* text-align: center; */
}
#column .zeikai_times .z_t_container .l_wrap figure.sample .mt10{margin-top: 5px!important;}
    #column .zeikai_times .z_t_container .l_wrap figure.sample .mt10 p{

}
#column .zeikai_times .z_t_container .l_wrap figure.sample img {
    width: 100%
}

#column .zeikai_times .z_t_container .l_wrap figure.banner {
    margin: 0;
    width: 50%;
}

#column .zeikai_times .z_t_container .r_wrap {
    /* width: 100%; */
    margin-top: 20px;
}

#column .zeikai_times ul.toc {
    display: block;
}

#column .zeikai_times ul.toc li {

width: 100%;
}



#column .zeikai_times ul.toc li a{
    padding: 15px 0;

}
 #column .zeikai_times ul.toc li:nth-of-type(2) a,
     #column .zeikai_times ul.toc li:nth-of-type(3) a{
     padding-top: 15px;
 }
#column .zeikai_times ul li a .title,
#container.lower_layer #column .backnumber ul li a .text .title {margin: 0 0 5px 0;}

#column .zeikai_times .one_side a .title .tag,
#column .zeikai_times ul li a .tag,
#container.lower_layer #column .backnumber ul li a .text .tag {
    padding: 4px 8px;
    font-size: 1rem;
    /* margin-right: 9px; */
    margin-right: 5px;
}

#column .zeikai_times ul li a .txt {
    font-size: 1.2rem;
}



/*column modal
-------------------------------------------*/
#column .zeikai_times #modalOverlay {

}

#column .zeikai_times #modalContent {
  /* background: #fff; */
  max-width: 100%;
  padding: 40px 20px 30px 20px;
}

#column .zeikai_times #closeModal {
  top: 10px;
  right: 10px;
  font-size: 20px;
}

#column .zeikai_times #openModal{

}

#column .zeikai_times #openModal::before{


}
#column .zeikai_times #openModal:hover{

}


#column .zeikai_times #openModal {
    padding: 15px 35px 15px 20px;
    letter-spacing: 1px;
    font-size: 1.4rem;
}

/*===========================================
af_expo
===========================================*/

#column .af_expo {
    /* margin-bottom: 30px; */
}
#column .af_expo h2{
    flex-wrap: wrap;
}
#column .af_expo h2 span{
    margin: 10px 0 0 0;
}
#column .af_expo .inner {

}



#column .af_expo h3 {
    margin-bottom: 10px;
    background: #5a8ecc;
    text-align: center;
    color: #fff;
    padding: 5px;
}

#column .af_expo h3 p {

}

#column .af_expo .text {
    padding: 0;
    background: none;
}

#column .af_expo .text p {}

#column .af_expo figure {
    /* height: 80px; */
}

#column .af_expo a {
    margin-top: 10px;
}


/*===========================================
services
===========================================*/


#column .succession_list {}

#column .succession_list ul {

    flex-wrap: wrap;
}

#column .succession_list ul li {
    width: 100%;
    margin-top: 10px;
    border: solid 1px #c6cbd5;
}
#column .succession_list ul li:first-of-type{

margin-top:0;

/* border: solid 1px; */
}

#column .succession_list ul li a {display: flex;align-items: center;justify-content: space-between;padding: 5px;background: #ffffff;}



#column .succession_list ul li a figure {
    /* height: 80px; */
    width: 90px;
    min-width: 90px;
    border: none;
    margin: 0;
    height: auto;
}

#column .succession_list ul li a h4 {
    font-size: 1.2rem;
    margin: 0 0 0 15px;
    /* font-size: 1.6rem; */
    width: 100%;
    /* color: #fff; */
    text-align: left;
}

#column .succession_list ul li a h4 span {
    margin-bottom: 0;
    /* color: #b8cde7; */
}

#column .recruit_list {}

#column .recruit_list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#column .recruit_list ul li {
    width: calc(100% / 2 - 5px);
}

#column .recruit_list ul li a {
    /* padding: 15px; */
    /* border: solid 2px #ededed; */
    /* height: 100%; */
}

#side_wrap .banner_list ul li a:hover,
#column .af_expo a:hover,
#column .recruit_list ul li a:hover,
#column .services_list ul li a:hover figure {
    /* border: solid 3px; */
    /* border-image: linear-gradient(to right, #d02d9c, #5fa2ef); */
    /* border-image-slice: 1; */
}

#column .recruit_list ul li a span {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

#column .recruit_list ul li a em {
    font-style: normal;
    font-size: 1.4rem;
    font-weight: 700;
}

#column .job_change_list {}

#column .job_change_list ul {
    border: solid 2px #ededed;

}

#column .job_change_list ul li {
    width: calc(100% / 2);

}

#column .job_change_list ul li:last-of-type,
#column .job_change_list ul li:nth-last-of-type(2),
#column .job_change_list ul li:nth-last-of-type(3) {
    border-bottom: none;
}

#column .job_change_list ul li:nth-of-type(3n) {
    border-right: none;
}

#column .job_change_list ul li a {
    padding: 12px;
}

#column .job_change_list ul li a figure {

    height: 60px;

}
#column .job_change_list ul li a figure img{
    max-width: 100px;
}
#column .job_change_list ul li a span {
    font-size: 1.2rem;
}


/*===========================================
side_wrap
===========================================*/

#side_wrap {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

#side_wrap h2 {margin: 20px 0 15px;font-size: 1.6rem;}



/*side_wrap banner_list
-------------------------------------------*/
#side_wrap .banner_list{
    order: 1;
}
#side_wrap .banner_list{margin: 20px 0 0 0;}

#side_wrap .banner_list ul {
    display: flex;
    justify-content: space-between;
}

#side_wrap .banner_list ul li {
    margin-top: 0;
    width: calc(100% / 2 - 5px);
}

#side_wrap .banner_list ul li:first-of-type {


}

#side_wrap .banner_list ul li a {
    border: none;
}

#side_wrap .banner_list ul li a figure {
    /* height: 90px; */
}

/*side_wrap category_list
-------------------------------------------*/
#side_wrap .category_list,
    #side_wrap .recruit_list{
    width: 100%;
    margin-bottom: 20px;
}
#side_wrap .category_list ul{
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    /* border: solid 2px #dedede; */
}
#side_wrap .category_list ul li{
    /* width: calc(100% / 2); */
    /* border-right: solid 1px #dedede; */
}
#side_wrap .category_list ul li:last-of-type{
    /* border-bottom: none; */
}
    #side_wrap .category_list li a{
        /* padding-top: 0; */
        /* padding: 10px; */
        /* font-size: 1.2rem; */
    }
    #side_wrap .category_list li:nth-of-type(1) a{
        /* padding-top: 10px; */
    }
    #side_wrap .category_list li:nth-of-type(2n){border-right: none;}

    #side_wrap .job_list{
        width:100%
    }
#side_wrap .job_list li a{
    padding^l: 1;
    padding-left: 20px;
    padding^l: ;
    padding^l: 1;
    padding^l: 10;
    padding^l: 10p;
    padding^l: 10px;
    padding^l: 10p;
    padding^l: 10;
}
/*side_wrap info_list
-------------------------------------------*/

#side_wrap .info_list {}

#side_wrap .info_list figure {}

#side_wrap .info_list .text {}

#side_wrap .info_list .text {}

#side_wrap .info_list .text {}

#side_wrap .info_list ul {}

#side_wrap .info_list ul li {
    border-bottom: solid 1px #dedede;
}

#side_wrap .info_list ul li:first-of-type a {
    padding-top: 0;
}

#side_wrap .info_list ul li a {

    padding:15px 0;

}

#side_wrap .info_list ul li a figure {

    margin-right: 15px;
}

#side_wrap .info_list ul li a .text {
    width: 100%;
}

#side_wrap .info_list ul li a .text .tag{

    padding: 4px;

}

#side_wrap .info_list ul li a .text .title {

    margin: 5px 0 0;

}

#side_wrap .recruit_list,
#side_wrap .job_change_list{
        display:none;
    }


#container.lower_layer #side_wrap .recruit_list,
#container.lower_layer #side_wrap .job_change_list{

        display:block;
    }





/*===========================================
footer
===========================================*/
    footer {
        padding: 0;
    }
    footer .inner {
        padding: 0;
    }
    footer .main_box {
        width: 100%;
        min-width: 100%;
        flex-wrap: nowrap;
        margin-top: 20px;
    }
    footer .main_box .l_wrap {
        text-align: center;
    }
    footer .main_box .l_wrap .logo {
        width: auto;
    }
    footer .main_box .l_wrap .logo img {
        width: 180px;
    }
    footer .main_box .l_wrap .mark {
        justify-content: center;
    }
    footer .main_box .l_wrap .mark a {}
    footer .main_box .button_box {
        display: flex;
        background: #fff;
        padding: 15px;
    }
    footer .main_box .button_box li {
        width: calc(100% / 2 - 5px);
    }
    footer .main_box .button_box li.entry_btn {
        margin: 0;
    }
    footer .main_box .button_box li p {
        line-height: 1.4;
    }
    footer .main_box .button_box li p a {}
    footer .main_box .button_box li a.btn {
        padding: 15px;
    }
    footer .main_box .button_box li.entry_btn a.btn {}
    footer .main_box .button_box li.entry_btn a.btn::before {}
    footer .main_box .button_box li.login_btn a.btn {
        width: ５０％;
    }
    footer .main_box .button_box li.login_btn a.btn::before {}
    footer .g_box {
        padding: 0;
        background: #5a8ecc;
        display: none;
    }
    footer .g_box ul {
        flex-wrap: wrap;
    }
    footer .g_box ul li {
        width: calc(100% / 2);
        border: none;
        border-right: solid 1px #73a4de;
        border-top: solid 1px #73a4de;
    }
    footer .g_box ul li:first-of-type {
        width: 100%;
        border: none;
    }
    footer .g_box ul li:nth-of-type(odd) {
        border-right: 0
    }
    footer .g_box ul li:last-of-type {}
    footer .g_box ul li a {
        padding: 20px;
        color: #fff;
    }
    footer .service_box {
        display: block;
        padding: 20px 20px;
        margin: 0;
    }
    footer .service_box .sitemap {
        width: 100%;
        min-width: 100%;
        justify-content: flex-start;
    }
    footer .service_box .sitemap li {
        width: 100%;
        border-bottom: solid 1px #e2e5eb;
        padding-bottom: 20px;
    }
    footer .service_box .sitemap li:last-of-type {
        border-bottom: none;
        padding-bottom: 0;
    }
    footer .service_box .sitemap li:nth-of-type(2) {
        margin-top: 20px
    }
    footer .service_box .sitemap li p {}
    footer .service_box .sitemap li p::before {}
    footer .service_box .sitemap li ol {}
    footer .service_box .sitemap li ol li {
        padding: 0;
    }
    footer .service_box .sitemap li ol li a {
        font-size: 1.4rem;
    }
    footer .service_box .sitemap li ol li a::before {}
    footer .b_box {
        padding: 20px;
    }
    footer .b_box ol {
        flex-wrap: wrap;
    }
    footer .b_box ol li {}
    footer .b_box ol li a {}
    footer .b_box p {
        letter-spacing: 0.2px;
    }

/*===========================================
下層ページ
===========================================*/

#container.lower_layer h1 {
    font-size: 2rem;
    padding: 20px 0;
    margin-bottom: 20px;
}
#container.lower_layer h1 .sub_title{

font-size: 1.6rem;

margin-top: 5px;
}
#container.lower_layer h1::after {

}

#container.lower_layer #column h2 {
    font-size: 1.8rem;
    margin: 30px 0 15px;
    padding: 15px 15px 15px 20px;

}

#container.lower_layer #column h2::before {

    width: 3px;

}

#container.lower_layer #column h3 {
    font-size: 1.6rem;
    margin: 20px 0 15px;
    padding-bottom: 10px;
}

#container.lower_layer h4 {}

    #container.lower_layer article p{
        font-size: 1.4rem;
    }
#column .new_articles ul li .hashtag{
    padding:0!important;
    /* margin-top: 10px; */
    display: inline;
    text-decoration: underline;
    line-height: 1.5;
}

#container.lower_layer #column .column_head{
    margin-bottom:10px
}
#container.lower_layer #column .sns_list{

}
#container.lower_layer #column .sns_list a{

}
#container.lower_layer #column .sns_list a svg{
    width: 26px;
    margin-left: 0;
}
/*===========================================
下層ページ_news

===========================================*/

#container.lower_layer #column .new_articles ul li {
    width: 100%
}
#container.lower_layer #column .new_articles ul li a{

padding: 20px 0 0 0;
}
#container.lower_layer #column .new_articles ul li:first-of-type a{
padding-top:0
}
#container.lower_layer #column .new_articles ul li:nth-of-type(2) a {
    padding: 20px 0 0 0 ;
}

#container.lower_layer #column .new_articles.news ul li a figure {
    width: 90px;
    min-width: 90px;
    height: 80px;
    margin-right: 15px;
}

#container.lower_layer #column .news .t_wrap {

margin-bottom:10px;

/* display: block; */

/* background: red; */

flex-wrap: wrap;
}
#container.lower_layer #column .news .t_wrap .hashtag_list .hashtag{
    margin: 5px 0 0 0;
    /* font-size: 1rem; */
}
#container.lower_layer #column .news .t_wrap .hashtag_list .hashtag a{
}
#container.lower_layer #column .news .t_wrap .hashtag_list{
    /* margin-bottom: 5px; */
}
#container.lower_layer #column .news .t_wrap .day {
    width: auto;
    min-width: auto;
}

/* commentator detail */
.commentator_profile {
    display: block;
    align-items: center;
    justify-content: center;
}
.commentator_profile figure {
    background: #fff;
    width: 150px;
    height: 150px;
}

.commentator_profile .commentator-detail__body {
    width: 100%;
    margin-left: 0px;
}

.commentator-detail .news-comments__name {
    font-size: 1.4rem;
}

/*===========================================
下層ページ_ゼイカイ
===========================================*/


/*column zeikai_times
-------------------------------------------*/

#container.lower_layer #column .zeikai_times {}

#container.lower_layer #column .zeikai_times {}

#container.lower_layer #column .zeikai_times .t_wrap {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: space-between; */
    margin-bottom: 5px;
    display: block;
}
#container.lower_layer #column .backnumber ul li a .text .t_wrap {
    display:block;

    margin-bottom: 5px;
}
#container.lower_layer #column .zeikai_times .t_wrap .issue,
#container.lower_layer #column .backnumber ul li a .text .issue {
    font-size: 1.6rem;
    width: 100%;
    margin: 0;
}



#container.lower_layer #column .zeikai_times .t_wrap .issue span,
#container.lower_layer #column .backnumber ul li a .text .issue span {
    font-size: 1.4rem;
}

#container.lower_layer #column .zeikai_times .side_title {}

#container.lower_layer #column .zeikai_times figure{margin-bottom: 0;}

/*column backnumber
-------------------------------------------*/


#container.lower_layer #column .backnumber ul li a {
    padding: 15px 0;
}

#container.lower_layer #column .backnumber ul li a figure {
    min-width: 85px;
    width: 85px;
    margin-right: 15px;
}

#container.lower_layer #column .backnumber ul li a .text {
    width: 100%;
}

#container.lower_layer #column .backnumber ul li a .text .title {
    /* margin: 10px 0; */
    font-size: 14px!important;
}

#container.lower_layer #column .backnumber ul li a .text .read {}





#container.lower_layer #column .zeikai_times .mask_box{
    padding: 15px;
}

#container.lower_layer #column .zeikai_times .mask_box > p{
    font-size: 1.6rem;
    line-height: 1.3;
}

#container.lower_layer #column .zeikai_times .mask_box ul{
    border: solid 1px #d1d1d1;
    display: block;
}
#container.lower_layer #column .zeikai_times .mask_box ul li{
    /* border: none; */
    /* text-align: center; */
    padding: 12px;
    width: 100%;
}
#container.lower_layer #column .zeikai_times .mask_box ul li.entry{
    border-bottom: solid 1px #d1d1d1;
    /* width: 100%; */
}
#container.lower_layer #column .zeikai_times .mask_box ul li p{
    margin-bottom: 5px;
    font-size: 1.3rem;
    }
#container.lower_layer #column .zeikai_times .mask_box ul li a{
}
#container.lower_layer #column .zeikai_times .mask_box ul li a.btn{
    /* text-align: center; */
    padding: 15px;
    font-size: 1.4rem;
    /* font-weight: 700; */

    /* display: inline-block; */
    /* width: 100%; */
    /* text-decoration: none; */
}
#container.lower_layer #column .zeikai_times .mask_box ul li.entry a.btn{/* border: solid 2px; *//* background: linear-gradient(90deg, #d12d9c, #5ea2ef); *//* border-image: linear-gradient(to right, #d02d9c, #5fa2ef); *//* border-image-slice: 1; *//* color: #fff; */}

#container.lower_layer #column .zeikai_times .mask_box ul li.entry a.btn::before,
    #container.lower_layer #column .zeikai_times .mask_box ul li.login a.btn::before{
    right: 12px;
    bottom: 0;

    width: 5px;
    height: 5px;
}
#container.lower_layer #column .zeikai_times .mask_box ul li.login a.btn{
}





/*===========================================
下層ページ_ログイン
===========================================*/
#container.lower_layer .login{

}
#container.lower_layer .login .login_box{
    padding: 20px;
}
#container.lower_layer .login .login_box .wrap{
    padding: 15px 0;
    display: block;
}

#container.lower_layer .login .login_box .wrap p{/* margin: 0; */width: 120px;min-width: 120px;margin-bottom: 5px;}

/*===========================================
下層ページ_税理士.ジャスネットとは
===========================================*/
#container.lower_layer #column.tax_jusnet ul.wrap_3{
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
}



#container.lower_layer #column.tax_jusnet ul.wrap_3 li{width: 100%;/* border-bottom: solid 1px #e6e6e6; */margin: 0;border: none;border-bottom: solid 1px #e6e6e6;}


#container.lower_layer #column.tax_jusnet ul.wrap_3 li:first-of-type a{

    padding-top: 0px;
}



#container.lower_layer #column.tax_jusnet ul.wrap_3 li a {

padding: 15px 0;

/* display: flex; */

/* align-items: center; */

/* justify-content: space-between; */

box-shadow: none;
}
#container.lower_layer #column.tax_jusnet ul.wrap_3 li figure{
    width: 80px;
    min-width: 80px;
    /* height: 80px; */
    margin-right: 10px;
}

#container.lower_layer #column.tax_jusnet ul.wrap_3 li p{margin: 0;width: 100%;}
#container.lower_layer #column.tax_jusnet ul.useful_list{
    display:block
}
#container.lower_layer #column.tax_jusnet ul.useful_list li{
    /* border-bottom: solid 1px #dedede; */
    /* width: 100%; */
}
#container.lower_layer #column.tax_jusnet ul.useful_list li:first-of-type a{

}
#container.lower_layer #column.tax_jusnet ul.useful_list li a{display: block;padding: 15px 0;}
#container.lower_layer #column.tax_jusnet ul.useful_list li a figure{
    width: 70%;
    min-width: 70%;
    /* height: 150px; */
    margin: 0 auto 15px;
}
#container.lower_layer #column.tax_jusnet ul.useful_list li a .text{

/* width: 100%; */

text-align: center;
}

#container.lower_layer #column.tax_jusnet ul.useful_list li a .text span{
}

#container.lower_layer #column.tax_jusnet ul.useful_list li a .text h3{

}
#container.lower_layer #column.tax_jusnet ul.useful_list li a .text p{

text-align: left;
}


/*===========================================
下層ページ_税理士.事業承継サービス
===========================================*/

#container.lower_layer #column.succession {}

#container.lower_layer #column.succession ul {

}

#container.lower_layer #column.succession ul li {

}

#container.lower_layer #column.succession ul li a {/* display: flex; *//* align-items: center; */justify-content: space-between;/* color: #282f38; *//* text-decoration: none; */padding: 20px 0;display: block;}
#container.lower_layer #column.succession ul li a figure {width: 100%;min-width: 100%;/* margin: 0 auto; */text-align: center;}

#container.lower_layer #column.succession ul li a figure img{
    width: 70%;
    display: inline-block;
}
#container.lower_layer #column.succession ul li a .text{
    width: 100%;
}
#container.lower_layer #column.succession ul li a .text h3 {/* border: none; *//* padding: 0; */margin: 10px 0 10px 0;text-decoration: underline;font-size: 16px;text-align: center;
}
}
/* category list grid buttons */
.category-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 0;
    list-style: none;
}
.category-list li a {
    display: block;
    background: #f5f5f5;
    padding: 12px 16px;
    text-decoration: none;
    color: #333;
    border-radius: 0;
    text-align: center;
    transition: background 0.2s;
}
.category-list li a:hover {
    background: #e0e0e0;
}
@media (max-width: 768px) {
    .category-list {
        grid-template-columns: 1fr;
    }
}

/* override new_articles flex rules for category-list */
.category-list {
    display: grid !important;
    grid-template-columns: repeat(2,1fr) !important;
    gap: 12px !important;
}
.category-list li {
    width: auto !important;
    border-bottom: none !important;
}

/* center text within category buttons */
.category-list li a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center; /* existing but ensure */
}

/* ensure category links center even with generic new_articles rules */
#column .new_articles.news .category-list li a {
    justify-content: center !important;
    text-align: center !important;
    width: 100%;
}

/* enforce single column for small screens */
@media (max-width: 768px) {
    .category-list {
        grid-template-columns: 1fr !important;
    }
}

/* restore vertical padding on mobile for category buttons */
@media (max-width: 768px) {
    .category-list li a {
        padding: 12px 16px !important;
    }
}