@charset "UTF-8";
/* ---------------------------------------------------------
   pratinumcoat.css【雨漏り診断】
----------------------------------------------------------*/
/********プラチナECコート5000EX****************/

@charset "UTF-8";
/* ---------------------------------------------------------
   pratinumcoat.css【雨漏り診断】
----------------------------------------------------------*/
/********プラチナECコート5000EX****************/

main p,main dd,main dt,main a,main h2,main h3,main h4,main span{
    font-family: a-otf-ryumin-pr6n, serif;
    font-style: normal;
    font-weight: 300;
    color: #fff;
    line-height: 1.5;
}
main img{

}
main{
    margin: 50px 0;
    width: 100%;
}
@media screen and (max-width: 860px) {
    main  {
        margin-top: 0;
        padding: 0;
    }
}
#inner_wrap{
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
    background: #0f2643;
    padding: 30px 55px;
    box-sizing: border-box;
    z-index: -2;
}
@media screen and (max-width: 860px) {
    #inner_wrap{
        padding: 30px 15px;
    }
}
section{
    margin-bottom: 70px;
    box-sizing: border-box;
}
@media screen and (max-width: 860px) {
    .mainvidual {
        margin-bottom: 0;
    }
}
section:last-child{
    margin-bottom: 0;
}
.spacing{
    letter-spacing: -10px;
}
.h2_title{
    font-size: 30px;
    color: #fede89;
    margin-bottom: 30px;
    letter-spacing: -1px;
}
.h2_title p{
    font-size: 30px;
    color: #fede89;
    line-height: 1.2;
}
.contents_title_bottom{
    margin-bottom: 35px;
}
.contents_title{
    font-size: 27px;
    font-weight: bold;
    color: #adb5b8;
    line-height: 1.3;
    display: block;
}
.contents_text{
    font-size: 18px;
    color: #fff;
    letter-spacing: -1px;
}
.drop_shadow{
    box-shadow: 6px 5px 8px rgba(0,0,0,0.2);
}
/* ---------------------------------------------------------
   sec01
----------------------------------------------------------*/
.sec01{
}
.sec01>h2{
    line-height: 88px;
    font-size: 40px;
    border: solid #fff;
    border-width: .5px 0 .5px 0;
    box-sizing: border-box;
    letter-spacing: -1px;
    margin-bottom: 30px;
}
.sec01>dl{
    margin-bottom: 30px;
    display: flex;
}
.sec01>dl>dt{
    position: relative;
    width: 96px;
    margin-right: 30px;
}
.sec01>dl:last-child{
    margin-bottom: 0;
}
.sec01>dl>dt>img{
    width: 100%;
    box-shadow: 6px 5px 8px rgba(0,0,0,0.2);
}
.sec01>dl>dd{
    font-size: 22px;
    color: #adb5b8;
}

/* ---------------------------------------------------------
   sec02
----------------------------------------------------------*/
.sec02>.sec02_contents01{
    display: flex;
    margin-bottom: 40px;
}
.sec02>.sec02_contents01>dl{
    width: 440px;
    margin-right: 30px;
}
.sec02>.sec02_contents01>ul{
    width: 260px;
}
.sec02>.sec02_contents01>ul>li{
    margin-bottom: 2px;
}
.sec02>.sec02_contents01>ul>li:last-child{
    margin-bottom: 0;
}

.sec02>.sec02_contents02>p:nth-of-type(2){
    margin-bottom: 30px;
}
.sec02>.sec02_contents02>ul{
    display: flex;
}
.sec02>.sec02_contents02>ul>li:nth-of-type(1){
    width: 440px;
    margin-right: 50px;
}
.sec02>.sec02_contents02>ul>li:nth-of-type(2){
    width: 220px;
}
/* ---------------------------------------------------------
   sec03
----------------------------------------------------------*/
.sec03>.sec03_contents01{
    display: flex;
    margin-bottom: 50px;
}
.sec03>.sec03_contents01>dl{
    width: 410px;
    margin-right: 20px;
}
.sec03>.sec03_contents01>dl>dt{
    margin-bottom: 20px;
}
.sec03>.sec03_contents01>dl>dd{
}
.sec03>.sec03_contents01>ul{
    width: 300px;
}
.sec03>.sec03_contents02>p:nth-of-type(2){
    margin-bottom: 20px;
}
.sec03>.sec03_contents02>ul{
    margin-top: 30px;
    overflow: hidden;
}
.sec03>.sec03_contents02>ul>li:nth-of-type(1){
    float: left;
    width: 410px;
    margin-right: 20px;
}
.sec03>.sec03_contents02>ul>li:nth-of-type(2){
    float: left;
    width: 300px;
}
/* ---------------------------------------------------------
   sec04
----------------------------------------------------------*/
.sec04>dl{
    display: flex;
    margin-bottom: 30px;
}
.sec04>dl>dt{
    width: 97px;
    margin-right: 20px;
}
.sec04>dl>dd>h2{
    margin-bottom: 0;
}
.sec04>dl>dd>h2>p:nth-of-type(1){
    margin-bottom: 8px;
}
.sec04>.sec04_contents01{
    margin-bottom: 50px;
}
.sec04>.sec04_contents01>p:nth-of-type(1){
    margin-bottom: 30px;
}
.sec04>.sec04_contents01>p:nth-of-type(2),
.sec04>.sec04_contents01>p:nth-of-type(3){
    letter-spacing: -2px;
}
.sec04>.sec04_contents01>p:nth-of-type(3){
    margin-bottom: 30px
}
.sec04>.sec04_contents01>img{

}
.sec04>.sec04_contents02{
    margin-bottom: 60px;
}
.sec04>.sec04_contents03{
    margin-bottom: 30px;
}
.sec04>.sec04_contents02,
.sec04>.sec04_contents03{
    display: flex;
}
.sec04>.sec04_contents02>dl,
.sec04>.sec04_contents03>dl{
    width: 440px;
    margin-right: 30px;
}
.sec04>.sec04_contents02>ul,
.sec04>.sec04_contents03>ul{
    width: 260px;
}
.sec04>.sec04_contents02>dl>dt,
.sec04>.sec04_contents03>dl>dt{
    margin-bottom: 30px;
}
.sec04>.sec04_contents03>dl>dt>p{
    letter-spacing: -3px;
}
.sec04>.sec04_contents04{
    box-sizing: border-box;
    display: flex;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 3px 3px 5px rgba(0,0,0,1);
}
.sec04>.sec04_contents04>dl{
    width: 363px;
    margin-right: 27px;
}
.sec04>.sec04_contents04>ul{
    width: 280px;
}
.sec04>.sec04_contents04>dl>dt{
    margin-bottom: 20px;
}
.sec04>.sec04_contents04>dl>dd{
}
.sec04>.sec04_contents04>dl>dd>p{
    color: #666;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
    line-height: 1.7;
    font-size: 14px;
    letter-spacing: 1px;
}
/* ---------------------------------------------------------
   sec05
----------------------------------------------------------*/

.sec05>dl{
    display: flex;
    margin-bottom: 30px;
}
.sec05>dl>dt{
    width: 86px;
    height: 81px;
    margin-right: 20px;
}
.sec05>dl>dd>h2{
    margin-bottom: 0;
}
.sec05>dl>dd>h2>p:nth-of-type(1){
    margin-bottom: 8px;
}
.sec05>.sec05_contents01{
    margin-bottom: 50px;
}
.sec05>.sec05_contents01>p:nth-of-type(1){
    margin-bottom: 30px;
}
.sec05>.sec05_contents01>p:nth-of-type(2),
.sec05>.sec05_contents01>p:nth-of-type(3){
    letter-spacing: -2px;
}
.sec05>.sec05_contents01>p:nth-of-type(3){
    margin-bottom: 30px
}
.sec05>.sec05_contents01>img{
    width: 660px;
}
.sec05>.sec05_contents02{
    margin-bottom: 60px;
}
.sec05>.sec05_contents03{
    margin-bottom: 30px;
}
.sec05>.sec05_contents01,
.sec05>.sec05_contents02,
.sec05>.sec05_contents03{
    display: flex;
}
.sec05_contents01,
.sec05_contents02,
.sec05_contents03 {
    margin-top: 30px;
}
.sec05>.sec05_contents01>dl,
.sec05>.sec05_contents02>dl,
.sec05>.sec05_contents03>dl{
    width: 440px;
    margin-right: 30px;
}
.sec05>.sec05_contents01>ul,
.sec05>.sec05_contents02>ul,
.sec05>.sec05_contents03>ul{
    width: 260px;
}
.sec05>.sec05_contents01>dl>dt,
.sec05>.sec05_contents02>dl>dt,
.sec05>.sec05_contents03>dl>dt{
    margin-bottom: 30px;
}
.sec05>.sec05_contents04{
    box-sizing: border-box;
    display: flex;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 3px 3px 5px rgba(0,0,0,1);
}
.sec05>.sec05_contents04>dl{
    width: 363px;
    margin-right: 27px;
}
.sec05>.sec05_contents04>ul{
    width: 280px;
}
.sec05>.sec05_contents04>dl>dt{
    margin-bottom: 20px;
}
.sec05>.sec05_contents04>dl>dd{
}
.sec05>.sec05_contents04>dl>dd>p{
    color: #666;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
    line-height: 1.7;
    font-size: 14px;
    letter-spacing: 1px;
}

/* ---------------------------------------------------------
   sec06
----------------------------------------------------------*/

.sec06>dl{
    display: flex;
    align-content: center;
    margin-bottom: 30px;
}
.sec06>dl>dt{
    width: 86px;
    height: 81px;
    margin-right: 20px;
}
.sec06>dl>dd>h2{
    margin-bottom: 0;
}
.sec06>dl>dd>h2>p:nth-of-type(1){
    margin-bottom: 8px;
}
.sec06>.sec06_contents01{
    margin-bottom: 50px;
}
.sec06>.sec06_contents01 img {

}
.sec06>.sec06_contents01>p:nth-of-type(1){
    margin-bottom: 30px;
}
.sec06>.sec06_contents01>p:nth-of-type(2),
.sec06>.sec06_contents01>p:nth-of-type(3){
    letter-spacing: -2px;
}
.sec06>.sec06_contents01>p:nth-of-type(3){
    margin-bottom: 30px
}
.sec06>.sec06_contents02{
    margin-bottom: 60px;
}
.sec06>.sec06_contents03{
    margin-bottom: 30px;
}
.sec06>.sec06_contents02,
.sec06>.sec06_contents03{
    display: flex;
}
.sec06>.sec06_contents02>dl,
.sec06>.sec06_contents03>dl{
    width: 440px;
    margin-right: 30px;
}
.sec06>.sec06_contents02>ul,
.sec06>.sec06_contents03>ul{
    width: 260px;
}
.sec06>.sec06_contents02>dl>dt,
.sec06>.sec06_contents03>dl>dt{
    margin-bottom: 30px;
}
.sec06>.sec06_contents03>dl>dt>p{
    letter-spacing: -3px;
}
.sec06>.sec06_contents04{
    box-sizing: border-box;
    display: flex;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 3px 3px 5px rgba(0,0,0,1);
}
.sec06>.sec06_contents04>dl{
    width: 363px;
    margin-right: 27px;
}
.sec06>.sec06_contents04>ul{
    width: 280px;
}
.sec06>.sec06_contents04>dl>dt{
    margin-bottom: 20px;
}
.sec06>.sec06_contents04>dl>dd{
}
.sec06>.sec06_contents04>dl>dd>p{
    color: #666;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
    line-height: 1.7;
    font-size: 14px;
    letter-spacing: 1px;
}



.flex-grid {
    margin-top: 20px;
    display: flex;
}
.flex-grid__large {
    width: auto;
}
.flex-grid__light {
    width: auto;
}

.border-white {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 20px 30px;
}

.sec06_white-head {
    display: flex;
    margin-bottom: 20px;
}
.sec06_white-head__one {
    width: 170px;
    height: 56px;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    background: #9c816a;
}
.sec06_white-head__one span {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    padding-top: 14px;
    text-align: center;
}
.sec06_white-head__two {
    flex: 1;
    width: auto;
    padding-left: 10px;
    font-size: 22px;
    color: #9c816a;
}
.sec06_white-head__two .sec06_white-head__two-option {
    font-size: 12px;
    color: red;
}

.white-box {
    background: #fff;
    padding: 36px 12px;
    color: #000;
}
.white-box p {
    color: #000;
}
.white-box h2 {
    font-size: 25px;
    color: #000;
    text-align: center;
}
.white-box h3 {
    color: #6a4832;
}
.white-box .big-copy {
    margin-top: 20px;
    text-align: center;
    font-size: 42px;
    color: #6a4832;
    line-height: 1.2;
}
.white-box .image-box {
    margin-top: 20px;
}
.sec07_grid01 {
    margin-top: 24px;
    display: flex;
}
.sec07_grid01 li:first-child {
    width: 80%;
}
.sec07_grid01 li:last-child {
    width: auto;
    flex: 1;
}

/*
スマホ対応
 */

@media screen and (max-width: 860px) {
    .sec01>h2{
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 20px;
        text-align: center;
        padding: 10px 0;
    }
    .sec01>dl>dt {
        width: 75px;
    }
    .sec01>dl>dd {
        font-size: 16px;
    }
    .sec01>dl {
        margin-bottom: 15px;
    }
    .h2_title p{
        font-size: 18px;
        line-height: 1.4;

    }
    .sec02>.sec02_contents01 {
        flex-direction: column-reverse;
    }
    .sec02>.sec02_contents01>ul {
        width: 100%;
    }
    .sec02>.sec02_contents01>dl {
        margin-top: 30px;
        margin-right: 0;
        width: 100%;
    }
    .contents_title {
        font-size: 20px;
        line-height: 1.4;
    }
    .contents_title_bottom {
        margin-bottom: 20px;
    }
    .contents_text {
        font-size: 16px;
        line-height: 1.6;
    }
    .sec02>.sec02_contents02>ul {
        flex-direction: column-reverse;
    }
    .sec02>.sec02_contents02>ul img {
        width: 100%;
    }
    .sec02>.sec02_contents02>ul li img {
        width: 100%;
    }
    .sec02>.sec02_contents02>ul li:first-child{
        margin-top: 20px;
    }
    .sec02>.sec02_contents02>ul>li:nth-of-type(1) {
        width: 100%;
        padding: 0;
        margin-right: 0;
    }
    .sec02>.sec02_contents02>ul>li:nth-of-type(2) {
        width: 100%;
    }
    section {
        margin-bottom: 60px;
    }
    .sec03>.sec03_contents01 {
        flex-direction: column-reverse;
    }
    .sec03>.sec03_contents01>ul {
        width: 100%;
    }
    .sec03>.sec03_contents01>dl {
        margin-right: 0;
        width: 100%;
        margin-top: 20px;
    }
    .sec03>.sec03_contents02>ul {
        display: flex;
        flex-direction: column-reverse;
    }
    .sec03>.sec03_contents02>ul>li:nth-of-type(2) {
        width: 100%;
    }
    .sec03>.sec03_contents02>ul>li:nth-of-type(1) {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }
    .sec04>dl>dd>h2 {
        font-size: 20px;
    }
    .sec03>.sec03_contents02>ul>li:nth-of-type(2) {
        margin-top: 20px;
    }
    .sec04>.sec04_contents02, .sec04>.sec04_contents03 {
        flex-direction: column-reverse;
    }
    .sec04>.sec04_contents02>ul, .sec04>.sec04_contents03>ul {
        width: 100%;
    }
    .sec04>.sec04_contents02>dl>dt, .sec04>.sec04_contents03>dl>dt {
        margin-top: 20px;
    }
    .sec04>.sec04_contents02>dl>dt, .sec04>.sec04_contents03>dl>dt {
        margin-bottom: 14px;
    }
    .sec04>.sec04_contents02>dl, .sec04>.sec04_contents03>dl {
        margin-right: 0;
        width: 100%;
    }
    .sec04>.sec04_contents04 {
        padding: 20px;
        flex-direction: column;
    }
    .sec04>.sec04_contents04>dl {
        width: 100%;
        margin-right: 0;
    }
    .sec04>.sec04_contents04>ul {
        width: 100%;
        margin: 20px 0;
    }
    .sec05>.sec05_contents01, .sec05>.sec05_contents02, .sec05>.sec05_contents03 {
        flex-direction: column-reverse;
    }
    .sec05>.sec05_contents01>ul, .sec05>.sec05_contents02>ul, .sec05>.sec05_contents03>ul {
        width: 100%;
    }
    .sec05>.sec05_contents01>dl>dt, .sec05>.sec05_contents02>dl>dt, .sec05>.sec05_contents03>dl>dt {
        margin: 20px 0;
    }
    .sec06_white-head {
        flex-direction: column;
    }
    .sec06_white-head__one {
        width: 100%;
    }
    .sec06_white-head__two {
        padding-left: 0;
        margin-top: 14px;
        font-size: 16px;
        text-align: center;
        line-height: 1.6;
    }
    .sec06_white-head__two-option {
        margin-top: 10px;
    }
    .flex-grid {
        flex-direction: column;
    }
    .flex-grid__large {
        width: 100%;
    }
    .flex-grid__light {
        width: 100%;
    }
    .white-box {
        padding: 20px;
    }
    .white-box h2 {
        font-size: 18px;
    }
    .big-copy {
        font-size: 22px;
    }
    .sec07_grid01 {
        flex-direction: column-reverse;
        align-items: center;
    }
    .sec07_grid01 li:last-child {
        width: 80%;
    }
    .sec07_grid01 li:first-child {
        width: 100%;
    }
    .sec07_contents02 {
        margin-top: 20px;
    }
    .white-box p {
        font-size: 16px;
    }
    .sec05>.sec05_contents01>dl, .sec05>.sec05_contents02>dl, .sec05>.sec05_contents03>dl {
        width: 100%;
    }
    .white-box .big-copy {
        font-size: 20px;
    }
}

@media screen and (max-width: 860px) {
    .u-sp-hidden {
        display: none;
    }
    main img {
        display: block;
        margin: 0 auto;
    }
}

.drop_shadow {
    box-shadow: none;
}

.small_text {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.4;
}