@charset "utf-8";

/* ---------------------------------------------------------
                                for main
--------------------------------------------------------- */
#main.color01 {
    padding-bottom: 40px;
    background: #686c64;
}
#main.color02 {
    padding-bottom: 40px;
    background: #b0bdbf;
}
#main.color03 {
    padding-bottom: 40px;
    background: #605446;
}
/* for SP */
@media screen and (max-width: 640px) {
}

/* ---------------------------------------------------------
                                for ttl04
--------------------------------------------------------- */
.ttl04 p {
    padding-left: 110px;
}
.ttl04 li:first-child p {
    background: url(../../images/development/ttl_img.png) no-repeat left center;
    background-size: 80px 117px;
}
.ttl04 li:last-child {
    background: #d0cac0 url(../../images/development/main_img.png) no-repeat center bottom;
    background-size: cover;
}

/* for SP */
@media screen and (max-width: 640px) {
.ttl04 p {
    padding-left: 0;
}
.ttl04 li:first-child p {
    background: url(../../images/development/ttl_img.png) no-repeat center top;
    background-size: 11%;
}
.ttl04 li:last-child {
    background: #d0cac0 url(../../images/development/main_img.png) no-repeat center bottom;
    background-size: cover;
}
}

/* ---------------------------------------------------------
for main_copy
--------------------------------------------------------- */
#main_copy {
    clear: both;
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: 130px;
    margin-bottom: 110px;
    padding: 0;
    font-family: 'Hiragino Sans W3';
    font-size: 24px;
    font-weight: 400;
    line-height: 2.0;
    letter-spacing: ;
    color: #;
    text-align: center;
}
#main_copy img.copy {
    margin-bottom: 20px;
    display: inline-block;
}
/* for SP */
@media screen and (max-width: 640px) {
#main_copy {
    width: 92%;
    margin-top: 9%;
    margin-bottom: 6%;
    font-size: 3.2vw;
    text-align: left;
}
#main_copy img.copy {
    width: 100%;
    height: auto;
    margin-bottom: 3%;
    display: inline-block;
}
#main_copy img.concept {
    width: 100%;
    height: auto;
    display: inline-block;
}
}

/* ---------------------------------------------------------
for main_img
--------------------------------------------------------- */
#main_img {
    clear: both;
    width: 100%;
    min-width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 100px;
    padding: 0;
    text-align: left;
}
#main_img span {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: -10px;
    font-family: 'Hiragino Sans W3';
    font-size: 12px;
    font-weight: 400;
    line-height: ;
    letter-spacing: ;
    color: #;
    display: block;
}
/* for SP */
@media screen and (max-width: 640px) {
#main_img {
    min-width: 100%;
    margin-bottom: 12%;
    text-align: center;
}
#main_img span {
    width: 100%;
    font-size: 2.4vw;
}
}

/* ---------------------------------------------------------
for point3
--------------------------------------------------------- */
#point3 {
    clear: both;
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 100px;
    padding: 0;
    text-align: left;
}
#point3 p {
    font-family: 'Hiragino Sans W3';
    font-size: 36px;
    font-weight: 400;
    line-height: ;
    letter-spacing: ;
    color: #;
}
#point3 ul {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
}
#point3 li {
    width: 370px;
    height: 560px;
    margin: 0 auto;
    padding: 0;
    font-family: 'Hiragino Sans W3';
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: ;
    color: #;
    float: left;
    position: relative;
}
#point3 li img {
    width: 100%;
    height: auto;
}
#point3 span {
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: 'Hiragino Sans W3';
    font-size: 26px;
    font-weight: 400;
    line-height: ;
    letter-spacing: ;
    color: #;
    display: inline-block;
}
/* for SP */
@media screen and (max-width: 640px) {
#point3 {
    width: 92%;
    margin-bottom: 0;
}
#point3 p {
    font-size: 5.0vw;
}
#point3 ul {
    width: 100%;
    display: inline-block;
}
#point3 li {
    width: 100%;
    height: auto;
    margin-bottom: 12%;
    font-size: 3.4vw;
    float: none;
}
#point3 li img {
    width: 100%;
    height: auto;
}
#point3 span {
    margin-top: 4%;
    margin-bottom: 2%;
    font-size: 5.0vw;
}
}

/* ---------------------------------------------------------
for sale
--------------------------------------------------------- */
#sale {
    clear: both;
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 100px;
    padding: 0;
    text-align: left;
}
#sale p {
    font-family: 'Hiragino Sans W3';
    font-size: 36px;
    font-weight: 400;
    line-height: ;
    letter-spacing: ;
    color: #;
}
#sale ul {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
}
#sale li:first-child {
    width: 680px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-family: 'Hiragino Sans W3';
    font-size: 23px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: ;
    color: #;
    float: left;
}
#sale li:first-child span,
#sale li:last-child span {
    margin-top: 0;
    font-family: 'Hiragino Sans W3';
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: ;
    color: #;
    display: block;
}
#sale li:last-child {
    width: 520px;
    height: auto;
    margin: 0 auto;
    margin-top: 40px;
    padding: 0;
    text-align: center;
    float: right;
}
/* for SP */
@media screen and (max-width: 640px) {
#sale {
    width: 92%;
    margin-bottom: 12%;
}
#sale p {
    margin-bottom: 3%;
    font-size: 5.0vw;
}
#sale ul {
    width: 100%;
}
#sale li:first-child {
    width: 100%;
    font-size: 3.4vw;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: ;
    color: #;
    float: none;
}
#sale li:first-child span,
#sale li:last-child span {
    margin-top: 0;
    font-size: 2.4vw;
    display: block;
}
#sale li:last-child {
    width: 100%;
    float: none;
}
#sale li:first-child img,
#sale li:last-child img {
    width: 100%;
    height: auto;
}
}

/* ---------------------------------------------------------
                                for read_more_btn_black2
--------------------------------------------------------- */
.read_more_btn_black2 {
    width: 100%;
    height: 52px;
    margin-top: 30px;
    background: #303030;
    border-radius: 26px;
    box-sizing: border-box;
    position: relative;
    position: absolute;
    bottom: 0;
    left: 0;
}
.read_more_btn_black2 a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 12px;
    padding-left: 25px;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: ;
    color: #ffffff;
    letter-spacing: ;
    text-align: left;
    background: url(../../images/index/arrow/white_aw.png) no-repeat right+25px center;
    background-size: 6px 10px;
    box-sizing: border-box;
}
.read_more_btn_black2 a:hover {
    background-color: rgba(255,255,255,.5);
    border-radius: 26px;
}

/* for SP */
@media screen and (max-width: 640px) {
.read_more_btn_black2 {
    width: 100%;
    height: 52px;
    margin-bottom: 6%;
    border: 1px solid #303030;
    border-radius: 26px;
    box-sizing: border-box;
    position: relative;
}
.read_more_btn_black2 a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 12px;
    padding-left: 25px;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: ;
    color: #ffffff;
    letter-spacing: ;
    text-align: left;
    box-sizing: border-box;
}
.read_more_btn_black2 a:hover {
    background-color: rgba(255,255,255,.5);
    border-radius: 26px;
}
}

/* ---------------------------------------------------------
for development_txt
--------------------------------------------------------- */
#development_txt {
clear: both;
width: 1200px;
height: auto;
margin: 0 auto;
margin-top: 130px;
margin-bottom: 130px;
padding: 0;
}
#development_txt ul {
width: 1200px;
height: auto;
margin: 0 auto;
padding: 0;
display: inline-block;
}
#development_txt li {
width: 1200px;
height: auto;
margin: 0;
padding: 0;
font-family: 'Hiragino Sans W3';
font-size: 22px;
font-weight: 400;
line-height: 2.2;
letter-spacing: ;
color: ;
text-align: left;
}
#development_txt li span.sub_en {
font-family: 'Roboto Slab', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: ;
letter-spacing: ;
color: #8d8d8d;
text-align: left;
display: inline-block;
}
#development_txt li p {
margin-top: 0;
margin-bottom: 15px;
font-family: 'Hiragino Sans W3';
font-size: 48px;
font-weight: 400;
line-height: 1.6;
letter-spacing: ;
color: ;
text-align: left;
}
/* for SP */
@media screen and (max-width: 640px) {
#development_txt {
width: 92%;
margin-top: 12%;
margin-bottom: 12%;
}
#development_txt ul {
width: 100%;
}
#development_txt li {
width: 100%;
font-size: 4.0vw;
line-height: 1.8;
}
#development_txt li span.sub_en {
font-size: 3.4vw;
}
#development_txt li p {
margin-bottom: 6%;
font-size: 6.0vw;
}
}

/* ---------------------------------------------------------
for brand_point
--------------------------------------------------------- */
.brand_point01,
.brand_point02 {
clear: both;
width: 1200px;
height: auto;
margin: 0 auto;
margin-bottom: 100px;
padding: 0;
}
.brand_point01 ul,
.brand_point02 ul {
width: 1200px;
height: auto;
margin: 0 auto;
padding: 0;
display: inline-block;
}
.brand_point01 li:first-child,
.brand_point02 li:first-child {
width: 400px;
height: auto;
margin: 0;
padding: 0;
font-family: 'Hiragino Sans W3';
font-size: 16px;
font-weight: 400;
line-height: 2.2;
letter-spacing: ;
color: ;
text-align: left;
}
.brand_point01 li:first-child {
float: left;
}
.brand_point02 li:first-child {
float: right;
}
.brand_point01 li:last-child,
.brand_point02 li:last-child {
width: 750px;
height: auto;
margin: 0;
padding: 0;
}
.brand_point01 li:last-child ul.slides,
.brand_point02 li:last-child ul.slides {
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.brand_point01 li:last-child {
float: right;
}
.brand_point02 li:last-child {
float: left;
}
.brand_point01 li:first-child span,
.brand_point02 li:first-child span {
font-family: 'Roboto Slab', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: ;
letter-spacing: ;
color: #8d8d8d;
text-align: left;
display: inline-block;
position: relative;
}
.brand_point01 li:first-child span.s_cap,
.brand_point02 li:first-child span.s_cap {
margin-top: 30px;
font-family: 'Hiragino Sans W3';
font-size: 14px;
font-weight: 400;
line-height: 1.6;
letter-spacing: ;
color: ;
text-align: left;
display: inline-block;
}
.brand_point01 li:first-child span img,
.brand_point02 li:first-child span img {
position: absolute;
top: -4px;
right: -70px;
}
.brand_point01 li:first-child p,
.brand_point02 li:first-child p {
margin-top: 10px;
margin-bottom: 20px;
font-family: 'Hiragino Sans W3';
font-size: 28px;
font-weight: 400;
line-height: 1.6;
letter-spacing: ;
color: ;
text-align: left;
}
/* for SP */
@media screen and (max-width: 640px) {
.brand_point01,
.brand_point02 {
width: 92%;
margin-bottom: 6%;
}
.brand_point01 ul,
.brand_point02 ul {
width: 100%;
}
.brand_point01 li:first-child,
.brand_point02 li:first-child {
width: 100%;
margin-bottom: 6%;
font-size: 3.4vw;
}
.brand_point01 li:first-child img,
.brand_point02 li:first-child img {
width: 100%;
height: auto;
}
.brand_point01 li:first-child {
float: none;
}
.brand_point02 li:first-child {
float: none;
}
.brand_point01 li:last-child,
.brand_point02 li:last-child {
width: 100%;
}
.brand_point01 li:last-child img,
.brand_point02 li:last-child img {
width: 100%;
height: auto;
}
.brand_point01 li:last-child {
float: none;
}
.brand_point02 li:last-child {
float: none;
}
.brand_point01 li:first-child span,
.brand_point02 li:first-child span {
font-size: 3.4vw;
}
.brand_point01 li:first-child span img,
.brand_point02 li:first-child span img {
position: absolute;
top: 0;
right: -70px;
}
.brand_point01 li:first-child p,
.brand_point02 li:first-child p {
margin-bottom: 3%;
font-size: 4.6vw;
}
}

/* ---------------------------------------------------------
                                for life_plan
--------------------------------------------------------- */
#life_plan {
    width: 100%;
    min-width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 110px 0 100px;
    text-align: center;
}
#life_plan p {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 20px 0;
    font-family: 'Hiragino Sans W3';
    font-size: 32px;
    font-weight: 400;
    line-height: ;
    letter-spacing: ;
    color: #303030;
    text-align: center;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030;
    position: relative;
}
#life_plan p img {
    width: 60px;
    height: auto;
    position: absolute;
    top: -20px;
    left: 80px;
}
#life_plan ul {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
}
#life_plan li {
    width: 390px;
    height: auto;
    float: left;
}
/* for SP */
@media screen and (max-width: 640px) {
#life_plan {
    min-width: 100%;
    margin-bottom: 6%;
    padding: 18% 0 12%;
}
#life_plan p {
    width: 92%;
    margin-bottom: 6%;
    font-size: 4.0vw;
}
#life_plan p img {
    width: 13%;
    height: auto;
    position: absolute;
    top: -120px;
    left: 40%;
}
#life_plan ul {
    width: 92%;
    display: inline-block;
}
#life_plan li:nth-child(1n) {
    width: 50%;
    height: auto;
    margin-bottom: 3%;
    float: left;
}
#life_plan li a img {
    width: 90%;
    height: auto;
}
}

/* ---------------------------------------------------------
for sdgs_point
--------------------------------------------------------- */
.sdgs_point {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 5px 0 40px 0;
    background: #e4eef0;
    border-radius: 10px;
    box-sizing: border-box;
}
.sdgs_point li {
    width: 90%;
    margin: 0 auto;
    font-family: 'Hiragino Sans W3';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: ;
    color: #2d634e;
    text-align: center;
}
.sdgs_point p {
    font-family: 'Hiragino Sans W3';
    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: ;
    color: #2d634e;
}
.sdgs_point p.copy {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;
    font-family: 'Hiragino Sans W3';
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: ;
    color: #2d634e;
    text-align: left;
}
.sdgs_point span {
    font-family: 'Hiragino Sans W6';
    font-size: 40px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: ;
    color: #2d634e;
}
.sdgs_point img._pc {
    display: inline-block;
}
/* for SP */
@media screen and (max-width: 640px) {
.sdgs_point {
    width: 92%;
}
.sdgs_point li {
    width: 100%;
    font-size: 3.4vw;
}
.sdgs_point p {
    font-size: 4.8vw;
}
.sdgs_point p.copy {
    margin-bottom: 6%;
    font-size: 3.4vw;
}
.sdgs_point span {
    font-size: 7.0vw;
}
.sdgs_point img._pc {
    display: none;
}
.sdgs_point img.illa01 {
    width: 40%;
    height: auto;
    margin: 0 auto;
}
.sdgs_point img.illa02 {
    width: 70%;
    height: auto;
    margin: 0 auto;
}
.sdgs_point img.illa03 {
    width: 96%;
    height: auto;
    margin: 0 auto;
}
}

/* ---------------------------------------------------------
for sdgs_spec
--------------------------------------------------------- */
#sdgs_spec {
    width: 100%;
    min-width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: 100px;
    padding: 25px 0 60px 0;
    background: #e4eef0;
    box-sizing: border-box;
}
#sdgs_spec p {
    font-family: 'Hiragino Sans W6';
    font-size: 40px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: ;
    color: #2d634e;
}
#sdgs_spec span {
    width: 1200px;
    margin-top: 50px;
    font-family: 'Hiragino Sans W3';
    font-size: 20px;
    font-weight: 400;
    line-height: 2.0;
    letter-spacing: ;
    color: #2d634e;
    text-align: left;
    display: inline-block;
}
#sdgs_spec ul {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
    display: inline-block;
}
#sdgs_spec li.l {
    width: 550px;
    height: auto;
    float: left;
}
#sdgs_spec li.r {
    width: 550px;
    height: auto;
    float: right;
}
#sdgs_spec li.l p,
#sdgs_spec li.r p {
    width: 550px;
    height: auto;
    margin-top: 30px;
    padding: 16px 0;
    font-family: 'Hiragino Sans W3';
    font-size: 18px;
    font-weight: 400;
    line-height: ;
    letter-spacing: ;
    color: #2d634e;
    text-align: center;
    background: #ffffff;
}
#sdgs_spec li.l span,
#sdgs_spec li.r span {
    width: 550px;
    height: auto;
    margin-top: 10px;
    font-family: 'Hiragino Sans W6';
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: ;
    color: #2d634e;
    text-align: left;
}
/* for SP */
@media screen and (max-width: 640px) {
#sdgs_spec {
    min-width: 100%;
    margin-top: 12%;
}
#sdgs_spec p {
    font-size: 7.0vw;
}
#sdgs_spec span {
    width: 92%;
    margin-top: 6%;
    font-size: 3.2vw;
    line-height: 1.6;
}
#sdgs_spec img.goals {
    width: 60%;
    height: auto;
}
#sdgs_spec ul {
    width: 92%;
    margin-top: 6%;
    margin-bottom: 6%;
}
#sdgs_spec li.l {
    width: 100%;
    height: auto;
    margin-bottom: 12%;
    float: none;
}
#sdgs_spec li.r {
    width: 100%;
    height: auto;
    float: none;
}
#sdgs_spec li.l p,
#sdgs_spec li.r p {
    width: 100%;
    margin-top: 6%;
    padding: 3% 0;
    font-size: 3.8vw;
}
#sdgs_spec li.l span,
#sdgs_spec li.r span {
    width: 100%;
    margin-top: 3%;
    font-size: 3.8vw;
}
#sdgs_spec li.l img,
#sdgs_spec li.r img {
    width: 100%;
    height: auto;
}
}

/* ---------------------------------------------------------
for separate_box
--------------------------------------------------------- */
#separate_box {
    clear: both;
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    display: inline-block;
}
#separate_box ul {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
#separate_box li:first-child {
    width: 570px;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    float: left;
}
#separate_box li:first-child p {
    margin-top: 50px;
    padding: 10px 20px;
    font-family: 'Hiragino Sans W3';
    font-size: 15px;
    font-weight: 400;
    line-height: ;
    letter-spacing: ;
    color: #ff0000;
    text-align: left;
    border: 1px solid #ff0000;
    box-sizing: border-box;
}
#separate_box li:last-child {
    width: 600px;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
}
/* for SP */
@media screen and (max-width: 640px) {
#separate_box {
    width: 100%;
    margin-bottom: 12%;
}
#separate_box ul {
    width: 92%;
}
#separate_box li:first-child {
    width: 100%;
    margin-bottom: 12%;
    float: none;
}
#separate_box li:first-child p {
    margin-top: 10%;
    font-size: 2.8vw;
    line-height: 1.6;
}
#separate_box li:last-child {
    width: 100%;
    float: none;
}
#separate_box li:first-child img {
    width: 100%;
    height: auto;
}
}

/* ---------------------------------------------------------
for accordion
--------------------------------------------------------- */
/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
    width: 100%;
    height: auto;
	padding: 15px 1em;
    font-family: 'Hiragino Sans W3';
    font-size: 16px;
    font-weight: 400;
    line-height: ;
    letter-spacing: ;
    color: #707070;
	display: block;
	background:#f0ede9;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
}
.Label span {		/*タイトル*/
    font-family: 'Roboto Slab', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: ;
    letter-spacing: ;
    color: #707070;
    position: absolute;
    top: 14px;
    left: 70px;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 10px;
	height: 10px;
	border-top: 2px solid #707070;
	border-right: 2px solid #707070;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 8px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding: 5px 0 0 0 ;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding: 5px 0 0 0 ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
	top:calc( 50% - 3px );
}
/* for SP */
@media screen and (max-width: 640px) {
.Label {		/*タイトル*/
    font-size: 5.0vw;
}
.Label span {		/*タイトル*/
    font-size: 7.0vw;
    left: 22%;
}
}

/* ---------------------------------------------------------
for kukaku
--------------------------------------------------------- */
table.kukaku {
    width: 100%;
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    border: 1px solid #707070;
    box-sizing: border-box;
    position: relative;
}
.end_mark {
    width: 76%;
    margin-top: 2%;
    margin-left: 12%;
    padding: 3% 0;
    font-family: 'Hiragino Sans W6';
    font-size: 20px;
    font-weight: 700;
    line-height: ;
    letter-spacing: ;
    color: #ff0000;
    text-align: center;
    border: 2px solid #ff0000;
    border-radius: 10px;
    background: rgba(255,255,255,0.8);
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
}
table.kukaku tr {
    width: 100%;
    margin: 0;
    padding: 0;
}
table.kukaku td.list01 {
    width: 14%;
    margin: 0;
    padding: 0;
    font-family: 'Hiragino Sans W6';
    font-size: 20px;
    font-weight: 700;
    line-height: ;
    letter-spacing: ;
    color: #;
    text-align: center;
    border-right: 1px solid #707070;
    box-sizing: border-box;
}
table.kukaku td.list02t,
table.kukaku td.list03t,
table.kukaku td.list04t,
table.kukaku td.list05t {
    width: 8%;
    margin: 0;
    padding: 0;
    font-family: 'Hiragino Sans W3';
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: ;
    color: #;
    text-align: center;
    border-right: 1px solid #707070;
    background: #efede9;
    box-sizing: border-box;
}
table.kukaku td.list02t,
table.kukaku td.list03t {
    border-bottom: 1px solid #707070;
}
table.kukaku td.list02,
table.kukaku td.list04 {
    width: 78%;
    margin: 0;
    padding-top: 2%;
    padding-left: 1em;
    padding-bottom: 2%;
    font-family: 'Hiragino Sans W3';
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: ;
    color: #;
    text-align: left;
    box-sizing: border-box;
}
table.kukaku td.list02 {
    border-bottom: 1px solid #707070;
}
table.kukaku td.list02 span {
    font-family: 'Hiragino Sans W6';
    font-weight: 700;
}
table.kukaku td.list03,
table.kukaku td.list05 {
    width: 15%;
    margin: 0;
    padding-left: 1em;
    font-family: 'Hiragino Sans W3';
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: ;
    color: #;
    text-align: left;
    box-sizing: border-box;
}
table.kukaku td.list03 {
    border-bottom: 1px solid #707070;
}
table.kukaku td.list04 span {
    font-family: 'Hiragino Sans W6';
    font-size: 21px;
    font-weight: 700;
}
table.kukaku td.list02 span.txt_sub,
table.kukaku td.list04 span.txt_sub {
    font-family: 'Hiragino Sans W3';
    font-size: 13px;
    font-weight: 400;
}
table.kukaku td.list04 span.modelhouse,
table.kukaku td.list04 span.monitor,
table.kukaku td.list04 span.bunzyo {
    padding: 5px 10px;
    font-family: 'Hiragino Sans W3';
    font-size: 13px;
    font-weight: 500;
}
table.kukaku td.list04 span.modelhouse {
    background: #ffc700;
}
table.kukaku td.list04 span.monitor {
    color: #ffffff;
    background: #00A6C3;
    margin-right: 5px;
}
table.kukaku td.list04 span.bunzyo {
    color: #ffffff;
    background: #c3cf00;
}
/* for SP */
@media screen and (max-width: 640px) {
.end_mark {
    width: 70%;
    margin-top: 2.5%;
    margin-left: 15%;
    padding: 2.0% 0;
    font-size: 5.0vw;
}
table.kukaku td.list01 {
    font-size: 4.0vw;
}
table.kukaku td.list02t,
table.kukaku td.list03t,
table.kukaku td.list04t,
table.kukaku td.list05t {
    font-size: 2.6vw;
}
table.kukaku td.list02,
table.kukaku td.list04 {
    width: 50%;
    font-size: 3.2vw;
}
table.kukaku td.list03,
table.kukaku td.list05 {
    width: 20%;
    font-size: 3.0vw;
}
table.kukaku td.list04 span {
    font-size: 4.0vw;
    display: inline-block;
}
table.kukaku td.list02 span.txt_sub,
table.kukaku td.list04 span.txt_sub {
    font-size: 2.6vw;
}
table.kukaku td.list04 span.modelhouse,
table.kukaku td.list04 span.monitor,
table.kukaku td.list04 span.bunzyo {
    padding: 3% 6%;
    font-size: 2.6vw;
}
table.kukaku td.list04 span.monitor {
    margin-right: 0;
}
table.kukaku td.list04 span.bunzyo {
    margin-top: 2px;
}
}