/**************************/
/******共通セクション******/
/**************************/

img {
	width: 100%;
}

ul{
list-style-type: none;
padding-left: 0 !important;
}

.mokuji_wrap ul {
    list-style: none;
}

p {
	margin-bottom: 1em;
}
.entry-content {
	margin-bottom: 0 !important;
    padding-top: 30px;
}

.h2--leftLine {
    border-left: 18px solid var(--main-color);
    padding-left: 10px;
}

span.subttl01 {
font-size: 25px;
font-weight: bold;
position: relative;
padding-left: 20px;
}

span.subttl01::before {
    position: absolute;
    content: '';
    background: url(https://www.ccus-center.com/wp-content/uploads/2024/10/beginner.png) no-repeat center / contain;
    display: inline-block;
    width: 25px;
    height: 38px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

span.subttl02 {
    font-size: 28px;
    display: inline-block;
    padding-top: 10px;
}

.trouble p {
	padding: 10px 0;
}

ul.trouble--list {
    padding: 10px 0;
    border: 1px solid var(--main-color);
    border-radius: 5px;
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.12);
	margin-bottom: 1em;
}

ul.trouble--list li {
    list-style: none;
    width: 315px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
}

ul.trouble--list li:before {
	content: "";
	display: block;
	background-image: url(https://www.ccus-center.com/wp-content/uploads/2025/08/icon-check.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

img.arrow {
    width: 54px;
    display: block;
    margin: 15px auto;
}

.center-text {
	text-align: center;
}

.guide {
    font-size: 20px;
}

.btn_cta {
    margin: var(--margin-bottom_M) 0 !important;
}


span.bg-white {
    line-height: 1.2;
}




/**************************/
/******トップ******/
/**************************/
.topic_link {
display: block;
max-width: 500px!important;
margin: 0 auto 25px;
border: 1px solid var(--main-color);
box-shadow: 3px 3px 0px var(--main-color);
border-radius: 5px;
padding: 24px 0;
}

.topic_title_wrapper{
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 25px;
}

.topic_title{
color: #3394B3;
font-size: 18px !important;
border-left: 8px solid var(--main-color) !important;
border-right: none !important;
border-top: none !important;
border-bottom: none !important;
padding: 0 0 0 18px !important;
line-height: 1.7 !important;
margin-bottom: 0 !important;
width: 90%;
}

.topic_btn{
padding-right: 5px;
width: 30px;
}

.topic_btn img{
width: 30px;
}

.topic_img{
width: 87%;
margin: 0 auto 30px;

}

.topic_img img{
width: 100%;
}

.topic_link ul{
width: 87%;
margin: 0 auto;
}

.topic_link ul li{
margin-bottom: 12px;
	list-style: none;
}

.list_child {
    margin-left: 1.5em !important;
}



/**************************/
/******サブページ******/
/**************************/
.about_ccus_link_block{
background: #EBF5F8;
padding: 25px 0;
	position: relative;
}

.about_ccus_link {
display: grid;
grid-template-columns: 120px 1fr 25px;
grid-column-gap: 10px;
align-items: center;
border: 2px solid var(--main-color);
border-radius: 5px;
padding: 5px;
margin: 10px auto 0 !important;
width: 95%;
background: #fff;
	min-height: 86px;
}

.about_ccus_link figure{
margin-bottom: 0!important;
}

.about_ccus_link p {
 color: var(--main-color);
 font-weight: bold;
font-size:14px;
width: 100%;
	margin-bottom: 0;
}

.label {
    margin-bottom: 0 !important;
    position: absolute;
    z-index: 999;
    top: -20px;
}

.label p{
position: relative;
background: var(--main-color);
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 10px 15px 10px 30px;
border-radius: 5px;
display: inline-block;
margin-left: 15px!important;
}

.label p::before {
position: absolute;
content: '';
width: 10px;
height: 5px;
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: rotate(-45deg);
top: 13px;
left: 13px;
}


.mokuji_wrap{
max-width: 600px!important;
margin: 0 auto;
padding: 0 15px;
}
.mokuji_box{
border-top: 12px solid var(--main-color);
border-radius: 10px;
padding: 0 25px 35px;
background: #F3F3F3;
}

.mokuji_ttl {
text-align: center;
font-size: 16px;
font-weight: bold;
color: var(--main-color);
padding: 15px;
}
.mokuji_box ul{
	list-style: none;
}
ul.topic_list {
    list-style: none;
}
.mokuji_box li{
font-size: 16px;
 text-indent: -1em;
 padding-left: 1em;
margin-bottom: 1em  !important;
}
p.quote {
line-height: 1.2;
margin-top: 20px;
margin-left: 1em !important;
}

.quote a{
color: var(--main-color);
font-size: 12px;
text-decoration: underline;
}


a.ek-link {
    color: var(--text-color);
    text-decoration: none;
}

h3.topic_ttl{
border-right: none;
border-top: none;
border-bottom: none;
border-left: 10px solid var(--main-color);
font-size: 20px;
	padding-left: 10px;
	margin-bottom: var(--margin-bottom_M);
	height: 72px;
    display: flex;
    align-items: center;
}

.topic_list li{
position: relative;
padding-left: 1.5rem;
margin-bottom: 20px!important;
}

.topic_list li::before{
content:  "";
position: absolute;
width:  13px;
height:  13px;
display:  inline-block;
background-color: #707070;
border-radius:  50%;
top: 8px;
left: 0px;
}

.topic_disc{
margin-bottom: 60px!important;
}



.magazine_link_wrap{
max-width: 800px !important;
}

.magazine_link_ttl{
font-size: 16px;
color: #55C9D2;
position: relative;
padding-left: 25px;
}

p.magazine_link_ttl::before {
position: absolute;
content: '';
background: url(https://www.ccus-center.com/wp-content/uploads/2024/11/magazine_check.png) no-repeat center / contain;
display: inline-block;
width: 20px;
height: 15px;
top: 50%;
left: 0;
transform: translateY(-50%);
}

.magazine_link_btn{
display: grid;
grid-template-columns: 1fr 30px;
align-items: center;
gap: 15px;
padding: 15px;
background: #C4F3F6;
border-radius: 5px;
font-size: 14px;
color: #6D6D6D;
font-weight: bold;
max-width: 800px;
}

.magazine_link_btn p {
width: 100%;
}
.magazine_link_btn figure{
margin-bottom: 0 !important;
}
.sec_inner{
border: 3px solid #E2C45F;
background: #FFFEF9;
border-radius: 5px;
padding: 25px;
margin-top: 30px;
max-width: 800px !important;
}

.sec_inner_ttl{
display: grid;
grid-template-columns: 25px 1fr;
gap: 15px;
font-size: 20px;
font-weight: bold;
color: #E68625;
align-items: center;
margin-bottom: 20px !important;
}

.sec_inner_ttl figure{
margin-bottom: 0 !important;
}

.sec_inner_ttl p{
width: 100%;
} 

.sec_inner ul{
list-style-type: disc;
list-style-position: inside;
}




table {
    font-size: 14px;
    border: 1px solid #36A979;
    border-radius: 5px;
    overflow: hidden;
    width: 90% !important;
}

table tr:first-child {
    background-color: var(--main-color) !important;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 0 !important;
}

table tr:nth-child(n+2) td:first-child {
    background: #E9FCF4;
    border-right: 1px solid #E9FCF4;
}
table tr:nth-child(n+2) td:last-child {
    background: #D8F5E9;
    border-left: 1px solid #D8F5E9;
    text-align: right;
}
table:not(.has-border-color) :where(th, td) {
	border-radius: 0 !important;
}
tr {
    border-top: 1px solid #fff !important;
}