#page-link-to-solutions{text-align:left;padding:30px 20px 0 20px}#page-link-to-solutions .link-to-solutions-header{font-size:20px;padding:.25em 0 .5em .75em;border-left:6px solid #333;border-bottom:1px solid #333}#page-link-to-solutions .link-to-solutions{text-align:center;list-style-type:none;padding:20px 0 0 0}#page-link-to-solutions .link-to-solutions .href{margin-top:10px;display:inline-block;width:700px;height:175px;background-color:#ccc;text-decoration:none}#page-link-to-solutions .link-to-solutions .href .solution-image{display:inline-block;width:250px;height:175px}#page-link-to-solutions .link-to-solutions .href .solution-summary{display:inline-block;width:450px;height:175px;background:url("/assets/common/background_texture-e77f3315.png") repeat;vertical-align:top;text-align:left}#page-link-to-solutions .link-to-solutions .href .solution-summary .solution-summary-header{display:block;padding:15px;font-size:15px;color:#fc0}#page-link-to-solutions .link-to-solutions .href .solution-summary .solution-summary-content{display:block;padding:0 15px 5px;color:#fff}#page-link-to-solutions .link-to-solutions .href .solution-summary .link-for-detail{display:block;padding:15px;text-align:right;color:#fc0}#page-link-to-solutions .link-to-solutions .href .solution-summary .link-for-detail:hover{text-decoration:underline}#text-image{padding:10px 0 10px 20px;width:230px;position:relative}#text-image img{width:155px;border-radius:var(--radius-sm)}#links-to-contents #links{list-style-type:none;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}#links-to-contents #links .link{border-top:1px solid var(--color-border)}#links-to-contents #links .link:first-child{border-top:none}#links-to-contents #links .link .href{padding:14px 16px;display:block;text-decoration:none;color:var(--color-ink);font-size:13px;transition:background-color var(--transition-base),color var(--transition-base),padding-left var(--transition-base)}#links-to-contents #links .link .href:hover{background-color:var(--color-surface-muted);color:var(--color-primary);padding-left:20px}#link-to-category-top{text-align:right;margin-top:10px}#link-to-category-top .href{padding:10px 20px;border-top:1px solid var(--color-border);display:block;font-size:13px;color:var(--color-ink-soft);text-decoration:none;transition:color var(--transition-base)}#link-to-category-top .href:hover{color:var(--color-primary)}#contents-left{display:inline-block;width:230px;background-color:#fff;margin-right:23px;vertical-align:top;text-align:left;font-size:12px}#contents-right{width:745px;display:inline-block;background-color:#fff;padding:20px 0;font-size:14px}#contents-right #breadcrumb{text-align:left;padding:0 20px;font-size:12px}#contents-right #key-image{width:100%;height:400px;margin:20px 0 41px 0}#contents-right #page-description{padding:0 20px;text-align:left}#contents-right #page-description .description-header{text-align:center;font-size:24px;line-height:1.5;margin:0px 0px 30px;text-decoration:initial;border-bottom:2px solid var(--color-border);padding:0 0 16px}#contents-right #page-description .description{line-height:1.9;font-size:16px}#contents-right #info-of-danger{padding:30px 20px 0 20px;text-align:left}#contents-right #info-of-danger .info-of-danger-header{font-size:20px;padding:.25em 0 .5em .75em;border-left:6px solid #333;border-bottom:1px solid #333}#contents-right #info-of-danger .info-of-danger-summary{padding:20px 0}#contents-right #info-of-danger .info-of-danger{padding:10px 0}#contents-right #info-of-danger .info-of-danger .info-of-danger-text-wrap{width:318px;display:inline-block;vertical-align:top;padding:0 10px 0 0}#contents-right #info-of-danger .info-of-danger .info-of-danger-text-wrap .info-of-danger-title{font-size:16px;padding:0 0 10px 0;font-weight:bold}#contents-right #info-of-danger .info-of-danger .info-of-danger-text-wrap .info-of-danger-description{display:inline-block}#contents-right #info-of-danger .info-of-danger .info-of-danger-image{display:inline-block}#contents-right #info-of-danger .info-of-danger .info-of-danger-image .image{width:375px;height:auto}#contents-right #info-of-danger .info-of-danger-supplimental-info{position:relative;margin:2em 0;padding:.7em 1em;border:solid 2px #333;border-radius:8px;font-size:16px}#contents-right #info-of-danger .info-of-danger-supplimental-info .info-of-danger-supplimental-info-title{position:absolute;display:inline-block;top:-10px;left:10px;padding:0 9px;line-height:1;background:#fff;color:#333}#contents-right #info-of-danger .info-of-danger-supplimental-info .info-of-danger-supplimental-info-description{margin:0;　　　　　padding:0;font-size:14px}#contents-right #solution-for-danger{padding:10px 20px 30px 20px;text-align:left}#contents-right #solution-for-danger .solution-for-danger-header{font-size:20px;padding:.25em 0 .5em .75em;border-left:6px solid #333;border-bottom:1px solid #333}#contents-right #solution-for-danger .solution-for-danger-summary{padding:10px 0}#contents-right #solution-for-danger .solution-for-danger-image img{width:100%}#contents-right #solution-for-danger #roofing-materials .roofing-materials{padding:10px 0}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-material-header{font-size:16px;padding:10px 0;font-weight:bold}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-material .roofing-material-image{display:inline-block;width:200px;height:200px;vertical-align:top;margin-right:20px;border:1px solid #ccc}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-material .roofing-material-image .image{width:100%;height:auto}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-material .roofing-material-description{display:inline-block;width:470px}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-header{padding:10px 0;font-weight:bold}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-lightness-table{margin:20px 0;border-collapse:collapse}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-lightness-table .table_row{padding:10px 0}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-lightness-table .table_row .table_header{border:1px solid #fff;border-top:1px solid #9e9e9e;background-color:#9e9e9e;color:#fff;padding:15px}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-lightness-table .table_row .table_header:first-child{border-left:1px solid #9e9e9e}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-lightness-table .table_row .table_header:last-child{border-right:1px solid #9e9e9e}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-lightness-table .table_row .table_data{border:1px solid #b5b5b5;padding:15px 16px}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-lightness-table .table_row .table_data .image{width:250px}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-lightness-table .table_row .table_data:first-child{font-weight:bold}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-lightness-table .table_row .table_data:nth-child(2){font-size:22px;font-weight:bold}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-lightness-table .table_row .table_data:nth-child(3){font-size:22px;font-weight:bold}#contents-right #solution-for-danger #roofing-materials .roofing-materials .roofing-materials-lightness-table .table_row .table_data{vertical-align:middle}#contents-right #solution-for-danger #roofing-materials .demerit-of-galvalume{position:relative;margin:2em 0;padding:.8em 1em;border:solid 2px #333;border-radius:8px}#contents-right #solution-for-danger #roofing-materials .demerit-of-galvalume .demerit-of-galvalume-header{position:absolute;display:inline-block;top:-10px;left:10px;padding:0 9px;line-height:1;background:#fff;color:#333}#contents-right #solution-for-danger #roofing-materials .demerit-of-galvalume .demerit-of-galvalume-header-description{margin:0;　　　　　padding:0;font-size:14px}#contents-right #solution-for-danger #process-for-roofing-wrap{padding:20px 0 0 0}#contents-right #solution-for-danger #process-for-roofing-wrap .process-for-roofing-key-header{font-size:20px;padding:.25em 0 .5em .75em;border-left:6px solid #333;border-bottom:1px solid #333}#contents-right #solution-for-danger #process-for-roofing-wrap .process-for-roofing-key-summary{padding:20px 0 10px 0}#contents-right #solution-for-danger #process-for-roofing-wrap #process-for-roofing .process-for-roofing{padding:10px 0}#contents-right #solution-for-danger #process-for-roofing-wrap #process-for-roofing .process-for-roofing .process-for-roofing-title-and-description{display:inline-block;width:475px;vertical-align:top;margin-right:20px}#contents-right #solution-for-danger #process-for-roofing-wrap #process-for-roofing .process-for-roofing .process-for-roofing-title-and-description .process-for-roofing-title{position:relative;padding:.5em .75em;background-color:#f0f0f0}#contents-right #solution-for-danger #process-for-roofing-wrap #process-for-roofing .process-for-roofing .process-for-roofing-title-and-description .process-for-roofing-title:after{position:absolute;top:100%;left:30px;content:"";width:0;height:0;border:8px solid rgba(0,0,0,0);border-top:10px solid #f0f0f0}#contents-right #solution-for-danger #process-for-roofing-wrap #process-for-roofing .process-for-roofing .process-for-roofing-title-and-description .process-for-roofing-description{margin-top:15px}#contents-right #solution-for-danger #process-for-roofing-wrap #process-for-roofing .process-for-roofing .process-for-roofing-image{display:inline-block;width:200px;height:150px}#contents-right #solution-for-danger #process-for-roofing-wrap #process-for-roofing .process-for-roofing .process-for-roofing-image .image{width:100%;height:auto}#contents-right #contact-link{padding:10px 20px 20px 20px;text-align:center}#contents-right #contact-link .contact-link-header{font-size:20px;padding:.25em 0 .5em .75em;border-left:6px solid #333;border-bottom:1px solid #333;text-align:left}#contents-right #contact-link .contact-link-description{text-align:left;padding:20px 0 10px 0}#contents-right #contact-link .contact-link-image{display:inline-block}#contents-right #contact-link .contact-link-image img{width:525px;-webkit-backface-visibility:hidden}