@charset "utf-8";
.cnc2050 #Main #Main_inner { padding-bottom: 100px; }
.cnc2050 .statement { color: #666;font-size: 130%;font-weight: bold;line-height: 1.4; }
.cnc2050 .co2text { font-size: 70%; }
.cnc2050 .spaces { margin-top: 1em; } /* 20231108変更(22px) */

h2 {font-size: 24px; color: #00AE8B; font-weight: 300;}
h3 {font-size: 20px; color: #00AE8B;}
p {font-size: 14px; line-height: 2.3; margin-top: 1em;}

img {
    width: 100%;
    object-fit: contain;
}

#Main {background: #ffffff;}
#Page_titlearea {background: #ffffff;}
#Dirpath {background: #ffffff;}


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

.zumen {
    width: 50%;
    margin: 5em auto 5em;
}

.midashi { 
    background-color: #00AE8B;
    color: rgb(255, 255, 255);
    font-size: 30px;
    padding: 0 0 0 30px;
    line-height: 1.5;
    margin-top: 0;
}

.title {
    color: #00AE8B;
    font-size: 45px;
    font-family: "Gothic MB101 Light";
    margin: 20px 0 0 0;
}

.carbon {
    font-size: 15px;
    margin-top: 0;
}

.green {
    color: #00AE8B;
}

.bar {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #00AE8B;
    border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
  }

.small {
    font-size: 12px;
    text-align: right;
}

.col2 {
    display: flex;    
}

.bar2 {
    display: block;
    margin: 6em auto;
    width: 50%;
    height: 1px;
    background-color: #00AE8B;
  }

.clean {
    line-height: 2.3;
    margin-top: 2.5em;
    color: #00AE8B;
    list-style-type: square;
    padding-left: 25px;
    font-size: 14px;
}

.clean span {
    color: #222222;
}

.saiene1 { 
    background-color: #F29A77;
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 300;
    padding: 0 0 0 20px;
    line-height: 1.7;
}

.saiene1ul {
    line-height: 2.3;
    list-style-type: none;
    text-indent: -1.4em;
    padding-left: 1.5em;
    font-size: 14px;
}

.saiene1li:before {
    content:  "";     /* 空の要素作成 */
    width:  14px;               /* 幅指定 */
    height:  14px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #F29A77;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: 1.5px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.saienetxt {
    margin-top: 2em;
    margin-right: 2em;
    flex: 2;
}

.saieneimg {
    margin-top: 2.7em;
    flex: 1;
}

.karyoku { 
    background-color: #E1DC73;
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 300;
    padding: 0 0 0 20px;
    line-height: 1.7;
}

.karyokuul {
    line-height: 2.3;
    list-style-type: none;
    text-indent: -1.4em;
    padding-left: 1.5em;
    font-size: 14px;
}

.karyokuli:before {
    content:  "";     /* 空の要素作成 */
    width:  14px;               /* 幅指定 */
    height:  14px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #E1DC73;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: 1.5px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.smart { 
    background-color: #82CCD9;
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 300;
    padding: 0 0 0 20px;
    line-height: 1.7;
}

.smartul {
    line-height: 2.3;
    list-style-type: none;
    text-indent: -1.4em;
    padding-left: 1.5em;
    font-size: 14px;
}

.smartli:before {
    content:  "";     /* 空の要素作成 */
    width:  14px;               /* 幅指定 */
    height:  14px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #82CCD9;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: 1.5px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.shiryo {
    margin: 5em auto 0;
    width: 100%;
    font-size: 18px;
}

.shi-waku1 {
    border: #00AE8B solid 2px;
    border-radius: 15px;
    padding: 10px 3em;
    line-height: 1.8;
    font-size: 15px;
    flex: 1;
    margin: 1em 25px 1em 50px;
    background-color: #ffffff;
}

.shi-waku2 {
    border: #00AE8B solid 2px;
    border-radius: 15px;
    padding: 10px 3em;
    line-height: 1.8;
    font-size: 15px;
    flex: 1;
    margin: 1em 50px 1em 25px;
    background-color: #ffffff;
}

.shi-waku1:hover {
    color: #ffffff;
    border: #00AE8B solid 2px;
    background-color: #00AE8B;
}

.shi-waku2:hover {
    color: #ffffff;
    border: #00AE8B solid 2px;
    background-color: #00AE8B;
}

/* 20231108追加↓ */
.zumen-statemen {
    width: 50%;
    margin: 1em auto 0;
	font-size: 14px;
}
.cnc2050 .list-linkitem {
	font-size:1.16667em;
}

/* 20231108追加↑ */

.pcview {display:block;}
.spview {display:none;}
.pc { display:inline; }
.sp { display:none; }
/* ===== responsive */

@media screen and (max-width: 667px) {
    .cnc2050 #Main #Main_inner { padding-bottom: 0px;}
    .pcview {display:none;}
    .spview {display:block}
    .pc { display:none; }
    .sp { display:inline; }
    .sparea {padding: 1.5em;}
    .ta-c_sp {text-align: center;}
    .col2 {display: block;}
    .shiryo {line-height: 1.8em;}
    .shi-waku1 {display: block; margin: 1em 25px 1em 25px;}
    .shi-waku2 {display: block; margin: 1em 25px 1em 25px;}
    #Main {background: #ffffff;}
    #Page_titlearea {background: #ffffff;}
    .zumen { width: 100%; }
	/* 20231108追加↓ */
	.zumen-statemen {
		width: 100%;
	}
	.cnc2050 .list-linkitem {
		font-size:13px;
	}
/* 20231108追加↑ */
}