@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;600&display=swap');

*{
font-family: 'Noto Sans JP', sans-serif;
}

:root {
--main-hue: 214; /*色相 0～360で指定*/
--main-saturation: 100%; /*彩度 基準値100%*/
--main-lightness: 33%; /*輝度 基準値50%*/

--sub-hue: 390; /*色相 0～360で指定*/
--sub-saturation: 96%; /*彩度 基準値100%*/
--sub-lightness: 56%; /*輝度 基準値50%*/

--main-color: hsl(var(--main-hue), var(--main-saturation), var(--main-lightness), 1.0);
--main-color-sp: hsl(var(--main-hue), var(--main-saturation), var(--main-lightness), 1.0);
--nav-color:  hsl(var(--main-hue), var(--main-saturation), 95%, 1.0);
--nav-color-light:  hsl(var(--main-hue), var(--main-saturation), 98%, 1.0);
--top-reasonbg: hsl(var(--main-hue), var(--main-saturation), 90%, 1.0);
--top-suggestion: hsl(var(--main-hue), 10%, 95%, 1.0);
--side-main-color: hsl(var(--main-hue), var(--main-saturation), var(--main-lightness), 1.0);
--sub-color: hsl(var(--sub-hue), var(--sub-saturation), var(--sub-lightness), 1.0);

}

/************************************
追加スタイル
************************************/

#content{padding:3em}

#content p{
font-size:16px!important;
}

.page-id-2 #content{padding:0} /*HOME*/
.wrap {max-width:1280px!important}

.page-id-2 .wrap {
max-width:100%!important;
width:100%!important;
} /*HOME*/

.main{
width:calc(100% - 340px);
border:none;
padding:0;
}

a img{transition: opacity 0.3s ease-in-out}
a:hover img{opacity:0.7}
br.sp{display:none}

@media screen and (max-width: 768px){
#content{padding:1em}
br.sp{display: block}
}

.header-container,
.main,
.sidebar,
.footer {
background-color: transparent!important;
}

#comment-area{
display:none;
}

/************************************
グロナビ
************************************/

#header-container{
position:relative;
}

#header-in .logo a{
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
height:80px;
}

.site-name-text{
height:80px;
}

.menu-header .item-label{
font-size: 14px;
}

@media screen and (max-width: 1112px){
.menu-header .item-label{
font-size: 12px;
}
}

#navi-in.wrap{
width:100%;
max-width:100%!important;
}

#navi{
background-color: #fff!important;
}

#navi .navi-in a{
color: #000;
margin:20px 0 0 5px;
border-radius:50px;
}

#navi .navi-in a:hover{
background-color: #eee;
color: #0048A7;
}

#navi li#menu-item-44{width:4em}/*ホーム*/
#navi li#menu-item-48{width:4em}/*理念*/
#navi li#menu-item-41{width:9em}/*当事務所のメリット*/
#navi li#menu-item-43{width:6em}/*注力業種*/
#navi li#menu-item-42{width:7.5em}/*取り扱い分野*/
#navi li#menu-item-40{width:6em}/*事務所紹介*/
#navi li#menu-item-51{width:8em}/*お問い合わせ*/

.navi-in > ul{
justify-content:right;
margin-right:20px;
}

.navi-in > ul li{
height:80px;
line-height:40px;
}

#navi li#menu-item-51 a{
background: var(--main-color);
color:#fff;
}

/************************************
グロナビ - アコーディオン
************************************/

#navi ul.sub-menu{
background:var(--main-color)!important;
}

#navi ul.sub-menu li{
height:auto;
line-height:auto;
}

#navi ul.sub-menu li .item-label{
color:#fff;
}

#navi ul.sub-menu li a{
border-radius:0;
margin:0;
}

#navi ul.sub-menu li a:hover{
background-color:#4375B7;
}

/************************************
フロントページ
************************************/

/*-----------------------------------
ヘッダー画像
-----------------------------------*/

.page-id-2 .header .header-in{
min-height: 700px;
}

.page-id-2 section#kv{
display:none;
}

.page-id-2 section#read img{
position:absolute;
top:-350px;
left:25vw;
width:50vw;
min-width: 580px;
}

@media screen and (max-width: 1023px){
.page-id-2 .header .header-in{
min-height: 500px;
}

#read img{
top:-200px;
}
}

@media screen and (max-width: 780px){
.page-id-2 .header .header-in{
display:none;
}
.page-id-2 section#kv{
display: inherit;
margin-bottom: 40px!important;
}

.page-id-2 section#read{
display:none;
}
}

/*-----------------------------------
モバイルヘッダー画像
-----------------------------------*/

@media screen and (max-width: 1023px){
.mobile-header-menu-buttons{
background: var(--main-color);
color: #fff;
}
}

/*-----------------------------------
見出し
-----------------------------------*/

.page-id-2 .entry-content #vision h2::before {content: "Vision"}
.page-id-2 .entry-content #value h2::before {content: "Value"}
.page-id-2 .entry-content #focus h2::before {content: "Focus"}
.page-id-2 .entry-content #field h2::before {content: "Field"}
.page-id-2 .entry-content #about h2::before {content: "About"}
.page-id-2 .entry-content #access h2::before {content: "Access"}
.page-id-2 .entry-content #supporter h2::before {content: "Supporter"}
.page-id-2 .entry-content #news h2::before {content: "News"}

.page-id-2 .entry-content h2::before {
color:#000;
display: block;
font-family: 'Noto Serif JP', serif;
font-size:50px;
margin-bottom:20px;
white-space: pre;
}

.page-id-2 .entry-content h2 {
background:url(/img/h1bg.png) no-repeat 50% 100%;
color: var(--main-color)!important;
font-size:20px;
margin-bottom:40px;
padding-bottom:40px;
text-align:center;
}

@media screen and (max-width: 768px){
.page-id-2 .entry-content h2::before {
font-size:50px;
}
}

.page-id-2 .entry-content h2 {
font-size:16px!important;
padding-bottom:40px!important;
}

.page-id-2 .entry-content h3{
color: #fff!important;
}

/*-----------------------------------
Vision
-----------------------------------*/

.page-id-2 section#vision{
background: url(/img/vision_bg.jpg) no-repeat;
padding:200px 0 0 0;
}

.page-id-2 section#vision .cont{
background:#fff;
margin-left:20%;
padding:5%;
width:80%;
}

.page-id-2 section#vision .box{
display:flex;
width:60vw;
}

.page-id-2 section#vision .box .sv{
order:2;
}

.page-id-2 section#vision .box_l{
order:1;
padding:0 5% 0 0;
width:600px;
}

.page-id-2 section#vision .cont dt{
margin-bottom:10px;
}

.page-id-2 section#vision .cont dd{
margin:0;
padding:0;
}

@media only screen and (max-width: 768px) {
.page-id-2 section#vision{
background:none;
margin-top:-50px;
padding:0;
}

.page-id-2 section#vision .box .sv{
margin-bottom:20px;
}

.page-id-2 section#vision .cont{
margin-left:0;
width:100%;
padding-bottom:100px;
}

.page-id-2 section#vision .box{
display:initial;
padding:0;
width:60vw;
}

.page-id-2 section#vision .box_l{
padding:0;
width:100%;
}

.page-id-2 section#vision .cont .button{
text-align:center;
}
}

/*-----------------------------------
Value
-----------------------------------*/

.page-id-2 section#value{
background:#F2F2F2;
font-size: 0;
padding:100px 4vw;
}

.page-id-2 section#value .container {
align-items: stretch;
display: flex;
justify-content: center;
margin-bottom:50px;
}

.page-id-2 section#value .box {
background: linear-gradient(180deg,transparent 0%,transparent 100px,#054487 100px,#054487 100%);
margin: 0;
padding: 2vw;
width: 30vw;
min-width: 300px;
}

.page-id-2 section#value .box:nth-child(even){
background: linear-gradient(180deg,transparent 0%,transparent 100px,#1C5796 100px,#1C5796 100%);
}

.page-id-2 section#value .inner{
margin: 0 auto;
padding-top: 350px;
width: 25vw;
}

.page-id-2 section#value .inner#v1{
background: url("/img/topcont_value1.jpg") no-repeat;
}

.page-id-2 section#value .inner#v2{
background: url("/img/topcont_value2.jpg") no-repeat;
}

.page-id-2 section#value .inner#v3{
background: url("/img/topcont_value3.jpg") no-repeat;
}

.page-id-2 section#value .button{
margin:0 auto;
text-align:center;
}

@media only screen and (max-width: 997px) {

.page-id-2 section#value .container {
display: block;
}

.page-id-2 section#value .box {
width: 100%;
display: block;
text-align: left;
}

.page-id-2 section#value .inner{
width: 90%;
}

}

.page-id-2 section#value .inner h3{
background: none;
border: none;
font-family: 'Noto Serif JP', serif;
font-size: 30px;
padding: 0;

}

.page-id-2 section#value .inner p{
color: #fff;
font-size: 16px;
}

@media only screen and (max-width: 768px) {
.page-id-2 section#value{
margin-top:-100px;
padding:20px 0 50px;
}
}

/*-----------------------------------
Focus
-----------------------------------*/

.page-id-2 section#focus{
background: linear-gradient(180deg, transparent 0%, transparent 50%, #CFD6DD 50%, #CFD6DD 100%);
padding:0 0 50px;
}

.page-id-2 section#focus .box{
display:flex;
flex-direction: row;
justify-content: space-between;
margin:0 auto 50px;
width:80vw;
max-width:1100px;
}

.page-id-2 section#focus .button{
margin:0 auto;
width:80vw;
max-width:860px;
}

@media screen and (max-width: 834px){
.page-id-2 section#focus{
padding:0 0 20px;
}

.page-id-2 section#focus .box{
margin:0 auto;
width:90vw;
}

.page-id-2 section#focus .button{
width:80vw;
}
}

/*-----------------------------------
Field
-----------------------------------*/

.page-id-2 section#field .cont{
display:flex;
flex-wrap: wrap;
gap:3.5vw;
margin:0 auto 50px;
width:90vw;
max-width:1720px;
}

.page-id-2 section#field .cont>figure{
width:22%;
}

@media screen and (max-width: 834px){
.page-id-2 section#field .cont>figure{
width:48%;
}
}

/*-----------------------------------
About
-----------------------------------*/

.page-id-2 section#about{
background: url(/img/about_bg.jpg) no-repeat right bottom;
padding:0 0 200px;
}

.page-id-2 section#about .cont{
background:#fff;
margin-right:20%;
padding:5%;
width:80%;
}

.page-id-2 section#about .box{
display:flex;
width:60vw;
}

.page-id-2 section#about .box .sv{
order:2;
}

.page-id-2 section#about .box_r{
order:1;
padding:0 5% 0 0;
width:600px;
}

.page-id-2 section#about .cont dt{
margin-bottom:10px;
}

.page-id-2 section#about .cont dd{
margin:0;
padding:0;
}

@media only screen and (max-width: 768px) {
.page-id-2 section#about{
background:none;
padding:0;
}
.page-id-2 section#about .box .sv{
margin-bottom:20px;
}

.page-id-2 section#about .cont{
margin-left:0;
width:100%;
}

.page-id-2 section#about .box{
display:initial;
padding:0;
width:60vw;
}

.page-id-2 section#about .box_r{
padding:0;
width:100%;
}

.page-id-2 section#about .cont .button{
text-align:center;
}
}

/*-----------------------------------
Access
-----------------------------------*/

.page-id-2 section#access{
background: linear-gradient(180deg, transparent 0%, transparent 70%, #E2E2E2 30%, #E2E2E2 100%);
text-align:center;
padding-bottom:100px;
}

.page-id-2 section#access .box{
display:flex;
flex-direction:row;
justify-content:space-between;
margin:0 auto 50px;
width:60vw;
max-width:1100px;
min-width:600px;
}

.page-id-2 section#access .box>figure{
width:48%;
}

@media screen and (max-width: 834px){
.page-id-2 section#access .box{
display: inherit;
text-align:center;
width:100%;
max-width:auto;
min-width:auto;
}
.page-id-2 section#access .box>figure{
margin:0 auto 20px;
width:80%;
}
}

/*-----------------------------------
Supporter
-----------------------------------*/

.page-id-2 section#supporter{
background: url(/img/supporter_bg.jpg) no-repeat;
margin-top:-50px;
padding-top:100px;
}

.page-id-2 .entry-content section#supporter h2::before {
color:#fff!important;
}

.page-id-2 .entry-content section#supporter h2{
color:#fff!important;
}

.page-id-2 section#supporter .cont{
background:#fff!important;
display:flex;
flex-direction:row;
justify-content:space-between;
margin:0 auto;
padding:50px 20vw;
width:90vw;
}

.page-id-2 section#supporter dl{
width:45%;
}

.page-id-2 section#supporter dl dt,
.page-id-2 section#supporter dl dd{
text-align:center;
}

.page-id-2 section#supporter dl dt{
font-size:14px;
}

.page-id-2 section#supporter dl dd{
font-size:24px;
font-weight:bold;
margin-left:auto;
}
.page-id-2 section#supporter dl dd:nth-child(2){
margin-bottom:20px;
}

@media screen and (max-width: 768px){
.page-id-2 section#supporter{
padding-top:50px;
}

.page-id-2 section#supporter .cont{
display:block;
padding:50px 10vw;
}

.page-id-2 section#supporter dl{
width:100%;
}

}

/*-----------------------------------
News
-----------------------------------*/

.page-id-2 section#news{
margin:0 auto 100px;
width:60vw;
}

.page-id-2 section#news dt,
.page-id-2 section#news dd{
font-size:16px!important;
padding:1.5em 0;
}

.page-id-2 section#news dd{
color:#333!important;
background: url(/img/arrow1.png) no-repeat right 50%;
}

@media only screen and (max-width: 1350px) {
.page-id-2 section#news dt,
.page-id-2 section#news dd{
font-size:14px!important;
padding:1.5em 0;
}
}

@media only screen and (max-width: 1200px) {
.page-id-2 section#news dd{
background: none;
}
}

@media screen and (max-width: 768px){
.page-id-2 section#news{
margin:0 auto;
width:90vw;
}

.page-id-2 section#news dt,
.page-id-2 section#news dd{
padding:0;
}
}

/************************************
下層ヘッダー画像
************************************/

.header .header-in{min-height:300px}

.page-id-2 .header .header-in{
background:url(/img/kv.jpg);
background-size:cover;
min-height:800px;
} /*HOME*/

.page-id-6 .header-container{background:url(/img/kv_philosophy.jpg)} /*ビジョン*/
.page-id-9 .header-container{background:url(/img/kv_advantages.jpg)} /*顧問契約のメリット*/
.page-id-11 .header-container{background:url(/img/kv_industry.jpg)} /*注力業種*/
.page-id-13 .header-container{background:url(/img/kv_field.jpg)} /*取り扱い分野*/
.page-id-15 .header-container{background:url(/img/kv_aboutus.jpg)} /*事務所紹介*/
.page-id-19 .header-container{background:url(/img/kv2.jpg)} /*お問い合わせ*/
.page-id-154 .header-container{background:url(/img/kv2.jpg)} /*誹謗中傷・風評被害*/
.page-id-166 .header-container{background:url(/img/kv2.jpg)} /*商取引・契約法務*/
.page-id-141 .header-container{background:url(/img/kv2.jpg)} /*債権回収*/
.page-id-159 .header-container{background:url(/img/kv2.jpg)} /*賃金・残業代トラブル*/

@media screen and (max-width: 768px){
.header .header-in{min-height:100px!important}

.header-container{
background-size:cover!important;
}

}

/************************************
サイドバー
************************************/

main.main, div.sidebar {
margin: 0;
}

.sidebar {
width: 300px;
padding:0;
}

#custom_html-6 img{
max-width: 100%!important;
height: auto!important;
image-rendering: auto!important;
vertical-align: middle;
}

.sidebar-scroll{
background:#ccc;
padding:20px
}

.sidebar h2, .sidebar h3 {
margin:0;
}

.sidebar-scroll .widget{
margin-bottom:0;
}

#menu-sidemenu {
list-style: none;
padding: 0;
margin: 0;
}

#menu-sidemenu li,
#menu-sidemenu2 li{
margin-bottom: 10px;
border-bottom: 1px dotted #ccc;
}

#menu-sidemenu li:last-child,
#menu-sidemenu2 li:last-child{
}

#menu-sidemenu li a,
#menu-sidemenu2 li a{
display: block;
padding: 10px 10px 10px 25px;
color: #333;
font-size: 16px;
text-decoration: none;
transition: background-color 0.3s ease;
background: url(/img/side_icon.png) no-repeat 4px 46%;
}

#menu-sidemenu li a:hover,
#menu-sidemenu2 li a:hover{
background-color: #eee;
color: #0048A7;
}

.sidebar h3 {
background:var(--main-color);
color:#fff;
font-weight:normal;
padding: 12px 10px 10px 15px;
text-align: left;
font-size: 14px;
margin-bottom:10px;
border:none;
}

.side-access-1{font-size: 16px;font-weight:bold;margin-bottom:10px}
.side-access-2{font-size: 14px;margin-bottom:10px}

#custom_html-6{
margin-bottom:0
}

#custom_html-4 h3{
margin-bottom:20px;
}

#custom_html-5 h4{
font-size:14px;
font-weight:normal;
text-align:center
}

#custom_html-5 p{
font-size:24px;
font-weight:bold;
text-align:center;
margin-bottom:10px;
}

/************************************
フッター
************************************/

.footer {
background-color: var(--main-color)!important;
color: #fff!important;
}

.footer,
.footer-bottom,
.site-name-text-link{
padding:0;
}

.footer-bottom-logo{
float:inherit;
bottom:none;
position:inherit;
}

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

.page-id-6 .article-header h1::before {content: "Philosophy";} /*理念*/
.page-id-9 .article-header h1::before {content: "Advantages";} /*当事務所のメリット*/
.page-id-11 .article-header h1::before {content: "Industry";} /*注力業種*/
.page-id-13 .article-header h1::before {content: "Field";} /*取扱分野*/
.page-id-15 .article-header h1::before {content: "Aboutus";} /*事務所紹介*/
.page-id-19 .article-header h1::before {content: "Contact";} /*お問い合わせ*/

.page-id-154 .article-header h1::before {content: "Slander and Libel";} /*誹謗中傷・風評被害*/
.page-id-166 .article-header h1::before {content: "Transactions";} /*商取引・契約法務*/
.page-id-141 .article-header h1::before {content: "Debt Collection";} /*債権回収*/
.page-id-159 .article-header h1::before {content: "Wage Trouble";} /*賃金・残業代トラブル*/

.article-header h1::before {
color:#000;
display: block;
font-family: 'Noto Serif JP', serif;
font-size:50px;
margin-bottom:20px;
white-space: pre;
}

.article-header h1 {
background:url(/img/h1bg.png) no-repeat 50% 100%;
color: var(--main-color);
font-size:20px;
margin-bottom:40px;
padding-bottom:40px;
text-align:center;
}

.article h2{
background-color:#0048A7;
color: #fff!important;
font-size: 22px!important;
font-weight:normal;
padding: 15px 25px!important;
}

.article h3 {
background-color: #4579BE;
border-left: 6px solid #0048A7;
color: #fff!important;
font-weight:normal;
}

.article h4 {
border-top: 2px solid #0048A7;
border-bottom: 2px solid #0048A7;
}

.article h5:after {
content: '';
background: linear-gradient(to right, #0048A7, #4579BE);
}

.tagline{
display:none;
}

.article table{
width:100%!important;
}

@media screen and (max-width: 768px){
.article-header h1::before {
font-size:20px;
}
.article-header h1 {
font-size:30px;
}

.article h2{
font-size:18px;
padding:0.6em 0.6em 0.4em 0.6em!important;
}
}

/************************************
お問い合わせフォーム
************************************/

.page-id-19 #contactForm p{
width:80%;
}

.page-id-19 #contactForm p:nth-child(6){
width:100%;
}

.page-id-19 p span{
color:#f00!important;
padding-left:0.3em;
}

.page-id-19 p.check{
display:none;
}

.page-id-19 p span label span{
color:#000!important;
}

.page-id-19 dt{
font-size: 22px!important;
font-weight: bold;
}

/* 個人情報保護方針 */

.page-id-19 .policy {
background:#fff;
border: solid 1px #e4e4e4;
height: 200px;
margin:0 auto 30px;
padding: 30px;
overflow-y: scroll;
width:70%;
}

.page-id-19 .policy h3{
border:none;
background:#ddd;
color:#000!important;
font-size:14px!important;
font-weight: bold;
}

.page-id-19 .policy h4{
border:none;
padding:0;
font-size:14px;
color:var(--main-color);
margin-bottom: 10px!important;
}

.page-id-19 #content .policy ul{
margin-bottom: 10px!important;
}

.page-id-19 #content .policy p,
.page-id-19 #content .policy ul li{
font-size:12px!important;
}

.page-id-19 .policy p{
margin-bottom: 10px!important;
width:100%!important;
}

.page-id-19 p.agreement{
margin:0 auto 40px;
text-align:center;
}

/* 確認画面 */

.page-id-19 .mw_wp_form_confirm p{
background:#f9f9f9;
border:1px solid #ddd;
border-radius:10px;
padding:2em;
width:100%!important;
}

.page-id-19 .mw_wp_form_confirm p.check{
display:block!important;
background:none;
border:none;
color:var(--main-color);
padding:0;

}

.page-id-19 .mw_wp_form_confirm .policy{
display:none;
}

.page-id-19 .mw_wp_form_confirm p.agreement{
text-align:left;
}

/* ボタン */

.page-id-19 #contactForm button{
background: var(--main-color);
border: 2px solid var(--main-color);
color: #fff;
display: block;
font-size:16px;
font-weight: bold;
margin: auto;
padding: 1rem 4rem;
text-align: center;
text-decoration: none;
transition: 0.5s;
vertical-align: middle;
width: 400px;
}


.page-id-19 #contactForm button:hover {
background: #fff;
color: var(--main-color);
}

.page-id-19 #contactForm button.btnBack{
background: #eee;
border: 2px solid #666;
color: #666;
margin-bottom:80px!important;
}

/************************************
子テーマ用のスタイル
************************************/

#content{
margin-top:0;
}

#footer{
margin-top:0;
padding:30px;
}

.copyright{
margin-top:0;
}

#header{
background:none;
background-color: transparent;
}

.header-container{
background-color: transparent;
background:url(/wp-content/uploads/2022/11/kv-scaled.jpg);
background-size:cover;
}

#navi{
background-color: transparent;
}

.date-tags{
line-height:0;
text-align:left;
margin-bottom:0;
}

.page-id-2 h1.entry-title{
display:none;
}

.entry-content{
margin-bottom:0;
margin-top:0;
}

#post-2{
margin-bottom:0;
}

#nakama-frontPage{
background:#ddd;
margin-bottom:0;
border:none;
}


/************************************
** 投稿一覧ページ　タグクラウド
************************************/

/* タグクラウドのスタイル */
.post-tagcloud {
  margin-bottom: 2em;
  padding: 1em;
}

.post-tagcloud_title {
  display: inline-block;
  font-size: 1.2rem;
  margin-bottom: 0.5em;
  color: var(--main-color);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tag-cloud-content .tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2em;
}

.tag-cloud-content .tagcloud a.post-tagcloud_link {
  border: 1px solid #808080;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 20px;
  display: inline-block;
  padding: 0.3em 0.8em;
  text-decoration: none;
  white-space: nowrap;
  flex: none; /* 他の設定を上書き */
  display: inline-block; /* flexの設定を上書き */
  justify-content: initial; /* justify-contentをリセット */


  &:hover {
    background-color: #808080;
    color: #fff;
    border-color: #808080;
  }
}

/************************************
** 投稿ページ　CTA
************************************/
.post-cta{
  padding-bottom: 40px;
}

article h2.post-cta_title{
  background-image: url(/img/bg-post_cta.jpg);
  background-size: cover;
  background-position: center;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(1.25rem, 0.473rem + 3.31vw, 3.125rem) !important;
  line-height: 1.5;
  /* padding-top: 40px !important;
  padding-bottom: 40px !important; */
  padding-left: clamp(0.5rem, 0.293rem + 0.88vw, 1rem);
  padding-right: clamp(0.5rem, 0.293rem + 0.88vw, 1rem);
  margin-bottom: 0;
}

.post-cta_list{
  list-style: none;
  padding-left: clamp(0.625rem, 0.366rem + 1.1vw, 1.25rem) !important; /* SP:10px,PC:20px */
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0 !important;

  & li {
    position: relative;
    padding-left: clamp(1.25rem, 0.732rem + 2.21vw, 2.5rem); /* SP:20px,PC:40px */
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: clamp(1rem, 0.793rem + 0.88vw, 1.5rem); /* SP:16px,PC:24px */
    
    & .highlight{
      background-color: #FEEDD2;
    }

    &:before {
      content: "";
      position: absolute;
      left: 0;
      top: 5px; /* 位置調整 */
      width: clamp(1.25rem, 0.939rem + 1.33vw, 2rem); /* SP:20px,PC:32px */
      height: clamp(1.125rem, 0.84rem + 1.22vw, 1.813rem); /* SP:18px,PC:29px */
      background-image: url('/img/icon-check.png');
      background-size: contain;
      background-repeat: no-repeat;
    }
  }
}

.post-cta_button_wrapper{
  display: flex;
  justify-content: center;
}

.post-cta_button {
  position: relative;
  display: inline-block;
  background-image: linear-gradient(to right, #F17603, #EF9107, #FCB746, #EF9107, #F17603);
  color: #fff;
  font-size: clamp(1.125rem, 0.918rem + 0.88vw, 1.625rem);
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem 4rem 0.5rem 2rem;
  text-align: center;
  text-decoration: none;
  transition: 0.5s;
  vertical-align: middle;

  &:hover {
    color: #fff;
    opacity: 0.8;
  }

  &:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-image: url('/img/icon-arrow_circle.png');
    background-size: contain;
    background-repeat: no-repeat;
  }
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1280px以下*/
@media screen and (max-width: 1280px){
#navi li#menu-item-44{display:none}/*ホーム*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
#header-in .logo{
display:none;
}
.main {
width: 100%;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
.main{
padding:0!important;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
}