@charset "UTF-8";

.C-blue{color:#315f93!important}
.C-red{color:red!important}
.db{display: block}
.fz-Big{font-size: 2rem!important}
.fz-Md{font-size: 1.6rem!important}
.BG-LightGray{background-color: #fdf3f4}
.pc-width-32{width: 32%!important}

.po-re{position: relative}

.pc-mt-400{margin-top: 4em!important}
.pc-mt-200{margin-top: 2em!important}
.pc-mt-100{margin-top: 1em!important}


.graf{position: absolute;right: 3em;top: 3em}

.vm-100{margin: 1em 0}
.vm-200{margin: 2em 0}
.vm-400{margin: 4em 0}

.column-2 li{width: 50%;}
.column-3 li{width: 33.3333%;}
.flex{flex-wrap: wrap;justify-content: space-between;display: flex}
.width-30{width:30%}
.width-40{width:40%}
.width-45{width:45%}
.width-50{width:50%}
.width-55{width:55%}
.width-60{width:60%}
.width-70{width:70%}
.B-single{border:1px solid #000; padding: 2%;}

.C-orange{color:orangered!important}
.mt-025{margin-top:0.25em!important}
.mt-050{margin-top:0.5em!important}
.mt-1{margin-top:1em!important}
.txt-indent li{padding-left: 1em;text-indent: -1em}
.txt-indent li br{padding-left: 1em;text-indent: -1em}


h3.ttl_black span.em{
	margin-right: -3px;
}


@media screen and (min-width: 768px) {
.pc-tar{text-align: right}
.pc-tac{text-align: center!important}
.pc-img{display: block}
.sp-img{display: none}
	
	
.pc-pr-050{padding-right: 0.5em}
.pc-pr-100{padding-right: 1em}
.pc-pr-200{padding-right: 2em}
	
.pc-padding-300{padding: 3em}
.pc-padding-200{padding: 2em}
.pc-padding-100{padding: 1em}	
.br-sp { display:none; }	
	
}

@media screen and (max-width: 767px) {
.pc-tac{text-align: center!important}
.pc-img{display: none}
.sp-img{display: block}
.pc-width-32{width: 100%!important}
.pc-mt-400{margin-top: 2em!important}
.pc-mt-200{margin-top: 1em!important}

.column-2 li,.column-3 li{width: 100%}

.width-30{width:100%}
.width-40{width:100%}
.width-45{width:100%}
.width-50{width:100%}
.width-55{width:100%}
.width-60{width:100%}
.width-70{width:100%}

.sp-padding-300{padding: 3em}
.sp-padding-200{padding: 2em}
.sp-padding-100{padding: 1em}	
	
.br-pc { display:none; }
.graf{position:static;margin-top: 1em}
	
}


.keyword_cnt img{margin-bottom: 1em;}
.keyword_cnt .btn img{margin-bottom: 0!important;}
.caption{
	font-size: 1.2rem!important;
	margin-top: 0!important;
}

small{line-height:.4!important;}

small.nomal{
	font-weight:normal;
	font-size: .7em;
}

.name{
	line-height:2!important;
	float:right!important;}


.keyword_cnt .commonparts_btn a {
    display: block;
    font-size: 1.6rem;
    text-decoration: underline;
    line-height: 1.4;
    color: #13449d;
    background: url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Fbtn_arrow.png) no-repeat right center;
    padding: 16px 79px 15px 50px;
    transition: all .1s ease-in-out;
}

.keyword_cnt .commonparts_btn a:hover {
    display: block;
    font-size: 1.6rem;
    text-decoration: underline;
    line-height: 1.4;
    color: #fff;
    background: url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Fbtn_arrow.png) no-repeat right center;
    padding: 16px 79px 15px 50px;
    transition: all .1s ease-in-out;
}


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


#anq .commonparts_cell.split2 {
    width: 470px;
}
#anq .commonparts_cell.split2_sec {
    width: 430px;
}


@media screen and (max-width: 767px) {
    #anq .commonparts_cell.split2,
    #anq .commonparts_cell.split2_sec{
        width: auto;
    }
	
	#anq .commonparts_cell.split2_sec {
    width: 96%;

	
}

.name{
	line-height:.4!important;
	float: none!important;}

	
	
}



