@charset "utf-8";
/* CSS Document */

h1.main-ttl .ttl-icon::before, h2.sub-ttl .ttl-icon::before, h2.sub-ttl.ttl-stripe .ttl-icon:before, h3.third-ttl .ttl-icon::before, h4.fourth-ttl .ttl-icon::before, h4.fourth-ttl, .checkpoint-ttl, .checkpoint-box.yes-link a:hover, .toc-title::after, ol.toc-list, ol.toc-list a, .more-link-box *::before, .more-link, .more-link .icon-greater-right-b.icon-greater-right-b:before, .menu .link-text, .menu .link-text .icon-greater-right-b:before, .checkpoint-cap .csdf-right-dtl-txt-greater:before, .cate-menu-list a span, .big-photo-menu .cate-menu-list a span:after, .cate-menu-list .menu-icon::before, .fukidashi-box-ttl, .qa-area details summary::before, .qa-area details summary::after {
    color: #2976C6;
}
.balloon_ttl, .circle-no, .item-link-btn .item-link-btn-in, .hyo-area::-webkit-scrollbar-thumb, .hikaku-table::-webkit-scrollbar-thumb, .clm-step__number, h2#cate-hikaku, .tabs input:checked+.tab_item {
background-color:#2976C6;
}
h3.third-ttl, h2.sub-ttl, .checkpoint-ttl, .item-link-cap span, .link-s .more-link-box, #sample-request-box, .more-link-box, .tabs .tab_item {
    border-color: #2976C6;
}
.balloon_ttl::before {
    border-top-color: #2976C6;
}
.hikaku-table* {
    scrollbar-color: #2976C6 #f6f6f6;
}

@media screen and (max-width:480px) {
.hyo-area* {
    scrollbar-color: #2976C6 #f6f6f6;
}
}
	
/*---------------------------
    table
---------------------------*/
#contents .table_outer {
	margin: 30px 0 10px;
}
#contents table.table_comp {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 100%;
}
#contents table.table_comp th {
	background-color: #EFF7F9;
	font-weight: bold;
	padding: 1.5% .1em;
}
#contents table.table_comp td {
	padding: 1.5% .5em 1.5% .8em;
}
#contents table.table_comp th .fw_normal {
	font-weight: normal;
}
#contents table.table_comp th,
#contents table.table_comp td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
	font-size: 1.1em;
	word-break: break-all;
}

#contents table.table_comp th.bb0,
#contents table.table_comp td.bb0 {
	border-bottom: 0;
}
#contents table.table_comp td.product_img img {
	width: 65%;
}
#contents table.table_comp td.product_img.small img {
	width: 50%;
}
#contents table.table_comp td.product_img.w_auto img {
	max-width: 65%;
	width: auto;
}
#contents table.table_comp td.product_img span {
	margin: 5px 0 0;
	display: block;
}
#contents table.table_comp td.product_img .price > span {
	display: inline;
}
#contents table.table_comp td .price {
	font-size: 1.3em;
	font-weight: bold;
	color: #D80000;
}
#contents table.table_comp td .price.small {
	font-size: 1.1em;
}
#contents table.table_comp th .att {
	font-weight: normal;
	margin-left: 0.2em;
}
#contents .table-att {
	margin: 20px 0 0;
	font-size: 1.25em;
	line-height: 1.9;
	width: 100%;
}

#contents table.table_comp .table_btn {
    display: inline-block;
    color: #F35600;
    border: 2px solid #F35600;
    background-color: #fff;
    border-radius: 20px;
    margin: 8px auto;
    padding: 8px 20px;
}
#contents table.table_comp .table_btn:hover {
	opacity: .8;
}
#contents table.table_comp .table_btn.bg_o {
    color: #fff;
    background-color: #F35600;
}
#contents table.table_comp .table_btn:after {
    content: "\e91f";
    font-family: 'sanwasvg';
    display: inline-block;
    padding: 0 0 0 5px;
    vertical-align: middle;
}


@media(max-width:900px) {

#contents table.table_comp {
	width: 100%;
}

}

@media(max-width:800px) {

#contents .table-att {
	font-size: 1.15em;
}

}

@media(max-width:480px) {

/*-- smartphone --*/
#contents .table_outer {
	overflow: auto;
}
#contents table.table_comp {
	width: 200%;
}
#contents .table-att {
	margin: 15px 0 0;
	font-size: 1.1em;
	line-height: 1.9;
	width: 100%;
}

}
	
/*---------------------------
    block
---------------------------*/
#contents .item-area {
	margin: 90px 0 0;
}
#contents .sub-fig {
	margin: 30px 0 0;
	width: 860px;
	max-width: 100%;
}
#contents .sub-fig.mb3 {
	margin-bottom: 30px;
}
#contents .sub-fig img {
	width: 100%;
}
#contents .sub-fig.w_max {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 100%;
	text-align: center;
}
#contents .sub-fig.w_max img {
	margin: 0 auto;
	width: auto;
	max-width: 100%;
}
#contents .sub-text {
	margin: 15px 0 10px;
	font-size: 1.25em;
	line-height: 1.9;
	width: 100%;
}
#contents .sub-link {
	text-align: right;
	font-size: 1.1em;
	margin: 7px 0 0;
}
#contents .sub-text.mgn-lr {
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
}
#contents .sub-text sup {
	vertical-align: super;
	font-size: 80%;
}
#contents .sub-text p + p {
	margin-top: 1.4em;
}
#contents .sub-text.bullets p + p {
	margin-top: 0.6em;
}
#contents .sub-fig + .sub-text {
	margin-top: 20px;
}
#contents .check-box-area + .sub-text {
	margin-top: 30px;
}
#contents .s-item-area {
	margin: 25px 2% 100px;
}
#contents .sub-fig.div2 {
	margin: 30px 0 0;
	width: 100%;
}
#contents .sub-fig.div2 .sub-fig-item {
	margin: 0;
	width: 425px;
	max-width: 48%;
	float: left;
}
#contents .sub-fig.div2 .sub-fig-item + .sub-fig-item {
	margin-left: 1.5%;
}

@media(max-width:800px) {

#contents .sub-text {
	font-size: 1.15em;
}

}

@media(max-width:480px) {

/*-- smartphone --*/
#contents .item-area {
	margin: 60px 0 0;
}
#contents .sub-fig {
	margin: 30px 0 0;
	width: 860px;
	max-width: 100%;
}
#contents .sub-fig img {
	width: 100%;
}
#contents .sub-text {
	margin: 15px 0 10px;
	font-size: 1.1em;
	line-height: 1.9;
	width: 100%;
}
#contents .sub-link {
	font-size: 0.95em;
}
#contents .sub-text.mgn-lr {
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
}
#contents .sub-fig + .sub-text {
	margin-top: 20px;
}
#contents .s-item-area {
	margin: 15px 2% 40px;
}

}
/*---------------------------
    btn-link-area
---------------------------*/
#contents .btn-link-area {
	margin: 30px 0 0 2%;
}
#contents .btn-link-area ul li {
	display: inline-block;
	margin: 0 0.5% 12px;
}
#contents .btn-link-area.div3 ul li {
	width: 31.2%;
}
#contents .btn-link-area.div4 ul li {
	width: 23.5%;
}
#contents .btn-link-area.div5 ul li {
	width: 18.5%;
}
#contents .btn-link-area.div7 ul li {
	width: 12.7%;
}
#contents .btn-link-area ul.two-line li {
	vertical-align:top;
}
#contents .btn-link-area ul li a {
	color: #F35600;
	border: 2px solid;
	border-radius: 5px;
	padding: 15px 0;
	display: block;
	font-size: 1.2em;
	line-height: 1.2;
	text-align: center;
	width: 100%;
}
#contents .btn-link-area ul.two-line li a {
	padding:19px 0 17px;
}
#contents .btn-link-area ul.two-line li a.two-line {
	padding:9px 0 8px;
}
#contents .btn-link-area ul li a span {
	font-size: 1.25em;
}
#contents .btn-link-area ul li a:hover {
	opacity: 0.6;
}
#contents .btn-link-area ul li a:hover * {
	text-decoration: none;
}

@media(max-width:1000px) {

#contents .btn-link-area.div3 ul li {
	width: 47.2%;
}
#contents .btn-link-area.div5 ul li {
	width: 31%;
}
#contents .btn-link-area.div7 ul li {
	width: 22.7%;
}

}

@media(max-width:480px) {

/*-- smartphone --*/
#contents .btn-link-area {
	margin: 25px 0 0 2%;
}
#contents .btn-link-area ul li {
	display: inline-block;
	margin: 0 0.7% 10px;
}
#contents .btn-link-area.div3 ul li {
	width: 47.2%;
}
#contents .btn-link-area.div5 ul li {
	width: 31.5%;
	margin-left: 0.3%;
	margin-right: 0.3%;
}
#contents .btn-link-area.div7 ul li {
	width: 22.5%;
}
#contents .btn-link-area ul.two-line li a {
	padding:16px 0 14px;
}
#contents .btn-link-area ul.two-line li a.two-line {
	padding:6px 0 5px;
}
#contents .btn-link-area ul li a {
	color: #F35600;
	border: 2px solid;
	border-radius: 5px;
	padding: 10px 0;
	display: block;
	font-size: 1em;
	line-height: 1.2;
	text-align: center;
	width: 100%;
}
#contents .btn-link-area ul li a span {
	font-size: 1.25em;
}
#contents .btn-link-area ul li a:hover {
	opacity: 0.6;
}
#contents .btn-link-area ul li a:hover * {
	text-decoration: none;
}

}