@charset "utf-8";

:root {
	--main: #16ae7d;
	--sub:  #bdbdbd;
	--text: #000;
	--link: #d56223;
	--black:#2a3233;
	--base: #e2e2e1;
	--back: #f2f1f1;
	--ease-out: cubic-bezier(0.30, 1.00, 0.30, 1.00);
	--ease-in: cubic-bezier(0.75, 0.05, 0.9, 0.05);
	--ease-inout: cubic-bezier(0.85, 0.00, 0.07, 1.00);
	--font-jp: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	--font-en: 'Outfit', sans-serif;
	--ease: all 0.3s ease;
}
body {
	counter-reset: number 0;
}

/*--------------------------------------------*/
/*  フロアコーティングとは
/*--------------------------------------------*/

/*ワックスとフロアコーティングの違い*/
#what_comparison {
    width: 100%;
    padding: 50px 0 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
}
#what_comparison::before {
    content: '';
    display: block;
    width: 65%;
    height: 50%;
    padding: 0;
    margin: 0;
    background: var(--base);
    position: absolute;
    top: 100px;
    left: 0;
    z-index: -1;
}
.what_comparisonInfo {
    width: 45%;
    padding: 100px 50px 50px 0;
    margin: 0 0 0 5%;
}
/* - 画像*/
#what_comparison > figure {
    width: 45%;
    padding: 0;
    margin: 0 5% 0 0;
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
}
#what_comparison > figure::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
#what_comparison > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    object-fit: cover;
}
/* - 見出し*/
.what_comparisonInfo > h2 {
    font-size: 25px;
    line-height: 1.4em;
    font-family: var(--font-jp);
    font-weight: 500;
    padding: 0 0 0 20px;
    margin: 0 auto 20px;
    border-left: 2px solid var(--main);
}
.what_comparisonInfo > p {
    padding: 0;
    margin: 0 auto 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}
/* - リスト*/
.what_comparisonList {
    width: 100%;
    max-width: 1200px;
    padding: 50px;
    margin: 0 auto;
    border-radius: 20px 20px 0 0;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.what_comparisonBox {
    width: 48%;
    padding: 0;
    margin: 0;
    text-align: center;
}
/* -- タイトル*/
.what_comparisonBox > h3 {
    display: inline-block;
    min-width: 60%;
    padding: 10px 50px;
    margin: 0 auto 20px;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    border-radius: 40px;
    text-align: center;
    position: relative;
}
.what_comparisonBox > h3.green {
    background: var(--main);
}
.what_comparisonBox > h3.gray {
    background: #707070;
}
.what_comparisonBox > h3::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.what_comparisonBox > h3.green::before {
    background: var(--main);
}
.what_comparisonBox > h3.gray::before {
    background: #707070;
}
/* -- テーブル*/
.comparisonTable {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    border: none;
    background: none;
}
.comparisonTable tr {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.comparisonTable th {
    width: 30%;
    padding: 15px;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
	background: #fff;
    border: none;
    font-weight: 600;
    color: var(--main);
}
#fc_featureListBox .comparisonTable th {
	width: 30%;
	padding: 15px 15px 15px 20px;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	white-space: nowrap;
	background: #fff;
	border: none;
	font-weight: 600;
	color: var(--main);
	font-size: 13px;
}
.comparisonTable th br.sp {
	display: none;
}
.comparisonTable.wax th {
    color: #393939;
}
.comparisonTable td {
    width: 70%;
    padding: 15px 15px 15px 0;
    margin: 0;
    text-align: left;
    background: #fff;
    border: none;
    font-weight: 600;
    color: #393939;
}
.comparisonTable.fcoat tr:nth-of-type(odd) th {
    background: #EBF7E4;
    border-radius: 2px 0 0 2px;
}
#fc_featureListBox .comparisonTable.fcoat tr:nth-of-type(odd) th {
	background: #EBF7E4;
	border-radius: 2px 0 0 2px;
}
.comparisonTable.fcoat tr:nth-of-type(odd) td {
    background: #EBF7E4;
    border-radius: 0 2px 2px 0;
}
.comparisonTable.wax tr:nth-of-type(odd) th {
    background: #EBEBEB;
    border-radius: 2px 0 0 2px;
}
.comparisonTable.wax tr:nth-of-type(odd) td {
    background: #EBEBEB;
    border-radius: 0 2px 2px 0;
}
.comparisonTable th::before {
    content: '';
    display: block;
    width: 14px;
	min-width: 14px;
    height: 14px;
	min-height: 14px;
    padding: 0;
    margin: 0 5px 0 0;
    background: url('https://test-floor.bex.jp/wp-content/themes/escoat_WP/library/images/new/check_green.svg') no-repeat;
    background-size: 100%;
    background-position: center;
}
.comparisonTable.wax th::before {
    background: url('https://test-floor.bex.jp/wp-content/themes/escoat_WP/library/images/new/check_gray.svg') no-repeat;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /*ワックスとフロアコーティングの違い*/
    #what_comparison {
        padding: 0;
    }
    #what_comparison::before {
        content: '';
        display: block;
        width: 100%;
        height: 30%;
        padding: 0;
        margin: 0;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .what_comparisonInfo {
        width: 100%;
        padding: 30px;
        margin: 0;
    }
    /* - 画像*/
    #what_comparison > figure {
        width: calc(100% - 60px);
        padding: 0;
        margin: 0 auto;
        position: relative;
        text-align: center;
        overflow: hidden;
        border-radius: 10px;
    }
    /* - 見出し*/
    .what_comparisonInfo > h2 {
        font-size: 20px;
        line-height: 1.4em;
        font-family: var(--font-jp);
        font-weight: 500;
        padding: 0 0 0 10px;
        margin: 0 auto 10px;
        border-left: 2px solid var(--main);
    }
    .what_comparisonInfo > p {
        padding: 0;
        margin: 0 auto;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    /* - リスト*/
    .what_comparisonList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 30px 0;
        margin: 0 auto;
        border-radius: 5px 5px 0 0;
        background: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .what_comparisonBox {
        width: 100%;
        padding: 0;
        margin: 0 auto 20px;
        text-align: center;
    }
    /* -- タイトル*/
    .what_comparisonBox > h3 {
        display: inline-block;
        min-width: 60%;
        padding: 10px 30px;
        margin: 0 auto 20px;
        font-size: 18px;
        line-height: 1;
        font-weight: bold;
        color: #fff;
        border-radius: 40px;
        text-align: center;
        position: relative;
    }
    .what_comparisonBox > h3.green {
        background: var(--main);
    }
    .what_comparisonBox > h3.gray {
        background: #707070;
    }
    .what_comparisonBox > h3::before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        padding: 0;
        margin: 0;
        position: absolute;
        bottom: -9px;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        clip-path: polygon(0 0, 50% 100%, 100% 0);
    }
    .what_comparisonBox > h3.green::before {
        background: var(--main);
    }
    .what_comparisonBox > h3.gray::before {
        background: #707070;
    }
    /* -- テーブル*/
    .comparisonTable {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        border: none;
        background: #fff;
    }
    .comparisonTable tr {
        padding: 0;
        margin: 0;
        border: none;
        background: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .comparisonTable th {
        width: 40%;
        padding: 10px;
        margin: 0;
        display: flex;
        display: -webkit-flex;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
        white-space: nowrap;
        background: none;
        border: none;
        font-weight: 600;
        color: var(--main);
    }
	#fc_featureListBox .comparisonTable th {
		width: 40%;
		padding: 10px;
		margin: 0;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
		white-space: nowrap;
		background: #fff;
		border: none;
		font-weight: 600;
		color: var(--main);
		font-size: 14px;
		line-height: 1.4em;
		text-align: left;
	}
	.comparisonTable th br.sp {
		display: block;
	}
    .comparisonTable.wax th {
        color: #393939;
    }
    .comparisonTable td {
        width: 60%;
        padding: 10px 10px 10px 10px;
        margin: 0;
        text-align: left;
        background: none;
        border: none;
        font-size: 12px;
        font-weight: 500;
        color: #393939;
    }
	.comparisonTable.fcoat tr:nth-of-type(odd) th {
		background: #EBF7E4;
		border-radius: 2px 0 0 2px;
	}
	#fc_featureListBox .comparisonTable.fcoat tr:nth-of-type(odd) th {
        background: #EBF7E4;
        border-radius: 2px 0 0 2px;
    }
    .comparisonTable.fcoat tr:nth-of-type(odd) td {
        background: #EBF7E4;
        border-radius: 0 2px 2px 0;
    }
    .comparisonTable.wax tr:nth-of-type(odd) th {
        background: #EBEBEB;
        border-radius: 2px 0 0 2px;
    }
    .comparisonTable.wax tr:nth-of-type(odd) td {
        background: #EBEBEB;
        border-radius: 0 2px 2px 0;
    }
    .comparisonTable th::before {
        content: '';
        display: block;
        width: 14px;
        height: 14px;
        padding: 0;
        margin: 0 5px 0 0;
        background: url('https://test-floor.bex.jp/wp-content/themes/escoat_WP/library/images/new/check_green.svg') no-repeat;
        background-size: 100%;
        background-position: center;
    }
    .comparisonTable.wax th::before {
        background: url('https://test-floor.bex.jp/wp-content/themes/escoat_WP/library/images/new/check_gray.svg') no-repeat;
    }
}

/*--------------------------------------------*/
/*  フロアコーティングをしないとどうなる？
/*--------------------------------------------*/
#what_nocoat {
    width: 100%;
    padding: 100px 0;
    margin: 0 auto 100px;
    position: relative;
    z-index: 0;
	background: rgba(245,247,247,1);
}
#what_nocoat::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    padding: 0;
    margin: 0;
    background: url('https://test-floor.bex.jp/wp-content/uploads/2022/03/nocoatBg.jpg') no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}
#what_nocoat::after {
    content: '';
    display: block;
    width: 100%;
    height: 51%;
    padding: 0;
    margin: 0;
    background: linear-gradient(to top, rgba(245,247,247,1) 0%, rgba(245,247,247,0.6) 100% );
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 1px;
    left: 0;
    z-index: -2;
}
/* - 見出し*/
#what_nocoat > h2 {
    font-size: 30px;
    line-height: 1.4em;
    font-family: var(--font-jp);
    font-weight: 500;
    padding: 0 0 25px;
    margin: 0 auto 25px;
    position: relative;
    text-align: center;
}
#what_nocoat > h2::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    padding: 0;
    margin: 0;
    background: var(--main);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}
#what_nocoat > p {
    padding: 0;
    margin: 0 auto 50px;
    text-align: center;
}
/*リスト*/
.nocoatList {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.nocoatList > li {
    width: 31%;
    padding: 0;
    margin: 0 0 30px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.nocoatList > li > figure {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.nocoatList > li > figure::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.nocoatList > li > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    object-fit: cover;
}
.nocoatList > li > h3 {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 80%;
    padding: 10px 10px;
    margin: 0;
    font-size: 16px;
    line-height: 1em;
    font-weight: 600;
    text-align: center;
    color: #393939;
    border-radius: 10px 10px 0 0;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    z-index: 2;
}
.nocoatList > li > h3::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    padding: 0;
    margin: 0 5px 0 0;
    background: url('https://test-floor.bex.jp/wp-content/themes/escoat_WP/library/images/new/check_green.svg') no-repeat;
    background-size: 100%;
    background-position: center;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #what_nocoat {
        width: 100%;
        padding: 30px 0;
        margin: 0 auto;
        position: relative;
        z-index: 0;
		background: rgba(245,247,247,1);
    }
    #what_nocoat::before {
        content: '';
        display: block;
        width: 100%;
        height: 200px;
        padding: 0;
        margin: 0;
        background: url('https://test-floor.bex.jp/wp-content/uploads/2022/03/nocoatBg.jpg') no-repeat;
        background-size: 100%;
        background-position: top center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -2;
    }
    #what_nocoat::after {
        content: '';
        display: block;
        width: 100%;
        height: 200px;
        padding: 0;
        margin: 0;
        background: linear-gradient(to top, rgba(245,247,247,1) 0%, rgba(245,247,247,0.6) 100% );
        background-size: 100%;
        background-position: top center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -2;
    }
    /* - 見出し*/
    #what_nocoat > h2 {
        font-size: 18px;
        line-height: 1.4em;
        letter-spacing: -0.05em;
        font-family: var(--font-jp);
        font-weight: 500;
        padding: 0 0 15px;
        margin: 0 auto 15px;
        position: relative;
        text-align: center;
    }
    #what_nocoat > h2::after {
        content: '';
        display: block;
        width: 50px;
        height: 2px;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
    }
    #what_nocoat > p {
        width: calc(100% - 60px);
        padding: 0;
        margin: 0 auto 30px;
        text-align: center;
    }
    /*リスト*/
    .nocoatList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .nocoatList > li {
        width: 100%;
        padding: 0;
        margin: 0 0 30px;
        overflow: hidden;
        border-radius: 10px;
        position: relative;
    }
    .nocoatList > li:last-child {
        margin-bottom: 0;
    }
    .nocoatList > li > h3 {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 80%;
        padding: 10px 10px;
        margin: 0;
        font-size: 14px;
        line-height: 1em;
        font-weight: 600;
        text-align: center;
        color: #393939;
        border-radius: 10px 10px 0 0;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        z-index: 2;
    }
    .nocoatList > li > h3::before {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        padding: 0;
        margin: 0 5px 0 0;
        background: url('https://test-floor.bex.jp/wp-content/themes/escoat_WP/library/images/new/check_green.svg') no-repeat;
        background-size: 100%;
        background-position: center;
    }
}

/*--------------------------------------------*/
/*  初めてフロアコーティングをご契約される方へ
/*--------------------------------------------*/
#what_first {
    width: 100%;
    padding: 0;
    margin: 0 auto 200px;
    position: relative;
    z-index: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
}
#what_first::before {
    content: '';
    display: block;
    width: 75%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: var(--base);
    position: absolute;
    top: 100px;
    right: 0;
    z-index: -1;
    border-radius: 10px 0 0 10px;
}
#what_first > figure {
    width: 40%;
    padding: 0;
    margin: 0 0 0 5%;
    overflow: hidden;
    text-align: center;
    position: relative;
    border-radius: 10px;
}
#what_first > figure::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
#what_first > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    object-fit: cover;
}
.what_firstInfo {
    width: 55%;
    padding: 50px 80px 0;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
}
/* - 見出し*/
.what_firstInfo > h2 {
    width: 100%;
    font-size: 25px;
    line-height: 1.4em;
    font-family: var(--font-jp);
    font-weight: 500;
    padding: 0 0 0 20px;
    margin: 0 auto 20px;
    border-left: 2px solid var(--main);
}
.what_firstInfo > p {
    padding: 0;
    margin: 0 auto 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #what_first {
        width: 100%;
        padding: 30px 0;
        margin: 0 auto;
        position: relative;
        z-index: 0;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-content: flex-end;
        align-items: flex-end;
        flex-wrap: wrap;
    }
    #what_first::before {
        display: none;
    }
    #what_first > figure {
        width: calc(100% - 60px);
        padding: 0;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
        position: relative;
        border-radius: 10px;
        order: 1;
    }
    #what_first > figure::before {
        content: '';
        display: block;
        padding-top: 56.25%;
    }
    #what_first > figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        object-fit: cover;
    }
    .what_firstInfo {
        width: calc(100% - 60px);
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-content: flex-end;
        align-items: flex-end;
        flex-wrap: wrap;
        background: none;
    }
    /* - 見出し*/
    .what_firstInfo > h2 {
        width: 100%;
        font-size: 20px;
        line-height: 1.4em;
        font-family: var(--font-jp);
        font-weight: 500;
        padding: 0 0 0 10px;
        margin: 0 auto 10px;
        border-left: 2px solid var(--main);
    }
    .what_firstInfo > p {
        padding: 0;
        margin: 0 auto 30px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
}


/*--------------------------------------------*/
/*  フロアコーティングの種類
/*--------------------------------------------*/
#what_type {
    width: 100%;
    padding: 100px 0;
    margin: 0 auto 100px;
    position: relative;
    z-index: 0;
    background: var(--base);
}
#what_type::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    max-height: 450px;
    padding: 0;
    margin: 0;
    background: url('https://test-floor.bex.jp/wp-content/uploads/2022/03/what_typeBg.jpg') no-repeat;
    background-size: 100%;
    background-position: top center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}
#what_type::after {
    content: '';
    display: block;
    width: 100%;
    height: 51%;
    max-height: 450px;
    padding: 0;
    margin: 0;
    background: linear-gradient(to top, rgba(245,247,247,1) 0%, rgba(245,247,247,0.6) 100% );
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}
/* - 見出し*/
#what_type > h2 {
    font-size: 30px;
    line-height: 1.4em;
    font-family: var(--font-jp);
    font-weight: 500;
    padding: 0 0 25px;
    margin: 0 auto 25px;
    position: relative;
    text-align: center;
}
#what_type > h2::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    padding: 0;
    margin: 0;
    background: var(--main);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}
#what_type > p {
    padding: 0;
    margin: 0 auto 50px;
    text-align: center;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #what_type {
        width: 100%;
        padding: 30px 0;
        margin: 0 auto;
        position: relative;
        z-index: 0;
        background: var(--base);
    }
    #what_type::before {
        content: '';
        display: block;
        width: 100%;
        height: 200px;
        max-height: 200px;
        padding: 0;
        margin: 0;
        background: url('https://test-floor.bex.jp/wp-content/uploads/2022/03/what_typeBg.jpg') no-repeat;
        background-size: auto 200px;
        background-position: top center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -2;
    }
    #what_type::after {
        content: '';
        display: block;
        width: 100%;
        height: 200px;
        max-height: 200px;
        padding: 0;
        margin: 0;
        background: linear-gradient(to top, rgba(245,247,247,1) 0%, rgba(245,247,247,0.6) 100% );
        background-size: auto 200px;
        background-position: top center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -2;
    }
    /* - 見出し*/
    #what_type > h2 {
        font-size: 20px;
        line-height: 1.4em;
        font-family: var(--font-jp);
        font-weight: 500;
        padding: 0 0 15px;
        margin: 0 auto 15px;
        position: relative;
        text-align: center;
    }
    #what_type > h2::after {
        content: '';
        display: block;
        width: 50px;
        height: 2px;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
    }
    #what_type > p {
        width: calc(100% - 60px);
        padding: 0;
        margin: 0 auto 30px;
        text-align: center;
    }
    #what_type > p br {
        display: none;
    }
}
/*リスト*/
.typeList {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
}
.typeList > li {
    width: 100%;
    padding: 50px 50px 100px;
    margin: 0 auto 50px;
    background: #fff;
    border-radius: 20px;
    position: relative;
    z-index: 0;
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
}
.typeList > li:last-child {
    margin-bottom: 0;
}
.typeList > li > h2 {
    width: 100%;
    font-size: 30px;
    line-height: 1em;
    font-family: var(--font-jp);
    font-weight: 500;
    padding: 5px 0 0 20px;
    margin: 0 auto 20px;
    position: relative;
}
.typeList > li > h2 > small {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1em;
    padding: 0;
    margin: 0 auto 10px;
}
.typeList > li > h2::before {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    padding: 0;
    margin: 0;
    background: var(--main);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
/*タグ*/
.typeListTag {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0 auto 20px;
}
.typeListTag > span {
    display: inline-block;
    padding: 7px 10px;
    margin: 0 10px 10px 0;
    font-size: 12px;
    line-height: 1;
    color: var(--main);
    border: 1px solid var(--main);
    border-radius: 35px;
    font-weight: 600;
}
/*情報*/
.typeListInfoBox {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative;
}
.typeListBadge {
    display: block;
    width: 120px;
    height: 120px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 5;
}
.typeListInfo {
    width: 48%;
    padding: 0;
    margin: 0;
}
.typeListInfoBox > figure {
    width: 48%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    border-radius: 10px;
}
.typeListInfoBox > figure::before {
    content: '';
    display: block;
    padding-top: 75%;
}
.typeListInfoBox > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    object-fit: cover;
}
.typeListInfo > p {
    padding: 0;
    margin: 0 auto 30px;
    text-align: justify;
    text-justify: inter-ideograph;
}
/*テーブル*/
.typeListInfo .comparisonTable tr:nth-of-type(odd) th {
    background: #F7F7F7;
    border-radius: 2px 0 0 2px;
}
.typeListInfo .comparisonTable tr:nth-of-type(odd) td {
    background: #F7F7F7;
    border-radius: 0 2px 2px 0;
}
/*ボタン*/
.typeListMore {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
}
.typeListMore > a {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: nowrap;
    height: 50px;
    padding: 15px;
    margin: 0 auto;
    background: var(--black);
    font-family: var(--font-jp);
    font-size: 14px;
    line-height: 1.2em;
    color: #fff;
    border-radius: 0 0 10px 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.typeListMore > a img {
    width: auto;
    height: 14px;
    padding: 0;
    margin: 0 0 0 10px;
}
.typeListMore > a:hover {
	background: var(--link);
    text-decoration: none !important;
    transition: all 0.3s ease;
}
.typeListMore > a:hover:-webkit-any-link {
    text-decoration: none !important;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /*リスト*/
    .typeList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
    }
    .typeList > li {
        width: 100%;
        padding: 30px 30px 80px;
        margin: 0 auto 30px;
        background: #fff;
        border-radius: 10px;
        position: relative;
        z-index: 0;
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    }
    .typeList > li:last-child {
        margin-bottom: 0;
    }
    .typeList > li > h2 {
        width: 100%;
        font-size: 20px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 500;
        padding: 5px 0 0 20px;
        margin: 0 auto 15px;
        position: relative;
    }
    .typeList > li > h2 > small {
        display: block;
        width: 100%;
        font-size: 12px;
        line-height: 1.2em;
        padding: 0;
        margin: 0 auto 5px;
    }
    .typeList > li > h2::before {
        content: '';
        display: block;
        width: 3px;
        height: 100%;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
    }
    /*タグ*/
    .typeListTag {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
        margin: 0 auto 15px;
    }
    .typeListTag > span {
        display: inline-block;
        padding: 4px 5px;
        margin: 0 5px 5px 0;
        font-size: 10px;
        line-height: 1;
        color: var(--main);
        border: 1px solid var(--main);
        border-radius: 30px;
        font-weight: 500;
    }
    /*情報*/
    .typeListInfoBox {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
        margin: 0 auto;
        position: relative;
    }
    .typeListBadge {
        display: block;
        width: 60px;
        height: 60px;
        padding: 0;
        margin: 0;
        position: absolute;
        top: -10px;
        right: -15px;
        z-index: 5;
    }
    .typeListInfo {
        width: 100%;
        padding: 0;
        margin: 0;
        order: 1;
    }
    .typeListInfoBox > figure {
        width: 100%;
        padding: 0;
        margin: 0 auto 15px;
        overflow: hidden;
        text-align: center;
        position: relative;
        border-radius: 10px;
    }
    .typeListInfoBox > figure::before {
        content: '';
        display: block;
        padding-top: 75%;
    }
    .typeListInfoBox > figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        object-fit: cover;
    }
    .typeListInfo > p {
        padding: 0;
        margin: 0 auto 15px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    /*テーブル*/
    .typeListInfo .comparisonTable tr:nth-of-type(odd) th {
        background: #F7F7F7;
        border-radius: 2px 0 0 2px;
    }
    .typeListInfo .comparisonTable tr:nth-of-type(odd) td {
        background: #F7F7F7;
        border-radius: 0 2px 2px 0;
    }
    /*ボタン*/
    .typeListMore {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
    }
    .typeListMore > a {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        flex-wrap: nowrap;
        height: 50px;
        padding: 15px;
        margin: 0 auto;
        background: var(--black);
        font-family: var(--font-jp);
        font-size: 14px;
        line-height: 1.2em;
        color: #fff;
        border-radius: 0 0 10px 10px;
        text-decoration: none;
        transition: all 0.3s ease;
    }
    .typeListMore > a img {
        width: auto;
        height: 14px;
        padding: 0;
        margin: 0 0 0 10px;
    }
    .typeListMore > a:hover {
		background: var(--link);
		text-decoration: none !important;
        transition: all 0.3s ease;
    }
    .typeListMore > a:hover:-webkit-any-link {
        text-decoration: none !important;
    }
}

/*--------------------------------------------*/
/*  施工の流れ
/*--------------------------------------------*/
#what_flow {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto 100px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.what_flowLeft {
    width: 20%;
    padding: 0;
    margin: 0;
}
.what_flowRight {
    width: 70%;
    padding: 0;
    margin: 0;
}
/* - 見出し*/
.what_flowLeft > h2 {
    font-size: 30px;
    line-height: 1.4em;
    font-family: var(--font-jp);
    font-weight: 500;
    padding: 0 0 25px;
    margin: 0 auto 25px;
    position: relative;
    text-align: left;
}
.what_flowLeft > h2::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    padding: 0;
    margin: 0;
    background: var(--main);
    position: absolute;
    bottom: 0;
    left: 0;
}
/* - リスト*/
.what_flowList {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    list-style: none;
}
.what_flowList > li {
    width: 100%;
    padding: 0;
    margin: 0 auto 40px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
/* - No.*/
.what_flowList > li > span.num {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
    background: var(--main);
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 22px;
    line-height: 1em;
    font-family: var(--font-jp);
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: 0;
    left: -100px;
}
.what_flowList > li > span.num > small {
    display: block;
    width: 100%;
    font-size: 8px;
    line-height: 1em;
    font-family: var(--font-jp);
    font-weight: 500;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}
.what_flowList > li > span.num::before {
    content: '';
    display: block;
    width: 76px;
    height: 76px;
    padding: 0;
    margin: 0;
    background: #ebf6e5;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: -1;
}
.what_flowList > li::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    border-left: 1px dashed var(--main);
    padding: 0;
    margin: 0;
    background: none;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: -70px;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    z-index: -2;
}
.what_flowList > li > .what_flowListInfo {
    width: 48%;
    padding: 0;
    margin: 0;
}
/* - 画像*/
.what_flowList > li > figure {
    width: 48%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    border-radius: 10px;
}
.typeListInfoBox > figure::before {
    content: '';
    display: block;
    padding-top: 75%;
}
.typeListInfoBox > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    object-fit: cover;
}
/* - 情報 */
.what_flowListInfo > h3 {
    padding: 15px 0 20px;
    margin: 0 auto 20px;
    font-size: 25px;
    line-height: 1.2em;
    font-family: var(--font-jp);
    font-weight: 500;
    color: #393939;
    border-bottom: 1px solid var(--main);
}
.what_flowListInfo > p {
    padding: 0;
    margin: 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #what_flow {
        width: 100%;
        max-width: 100%;
        padding: 30px 0 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .what_flowLeft {
        width: calc(100% - 60px);
        padding: 0;
        margin: 0 auto;
    }
    .what_flowRight {
        width: calc(100% - 60px);
        padding: 0;
        margin: 0 auto;
    }
    /* - 見出し*/
    .what_flowLeft > h2 {
        font-size: 20px;
        line-height: 1.4em;
        font-family: var(--font-jp);
        font-weight: 500;
        padding: 0 0 15px;
        margin: 0 auto 15px;
        position: relative;
        text-align: center;
    }
    .what_flowLeft > h2::after {
        content: '';
        display: block;
        width: 50px;
        height: 2px;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
    }
    /* - リスト*/
    .what_flowList {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
    }
    .what_flowList > li {
        width: 100%;
        padding: 0;
        margin: 0 auto 20px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    /* - No.*/
    .what_flowList > li > span.num {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 50px;
        height: 50px;
        padding: 0;
        margin: 0;
        background: var(--main);
        border-radius: 50%;
        box-sizing: border-box;
        font-size: 15px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 500;
        color: #fff;
        position: relative;
        top: unset;
        left: unset;
    }
    .what_flowList > li > span.num > small {
        display: block;
        width: 100%;
        font-size: 8px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 500;
        text-align: center;
        padding: 0;
        margin: 0 auto 2px;
    }
    .what_flowList > li > span.num::before {
        content: '';
        display: block;
        width: 56px;
        height: 56px;
        padding: 0;
        margin: 0;
        background: #ebf6e5;
        border-radius: 50%;
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        z-index: -1;
    }
    .what_flowList > li::after {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        border-left: 1px dashed var(--main);
        padding: 0;
        margin: 0;
        background: none;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 25px;
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        z-index: -2;
    }
    .what_flowList > li > .what_flowListInfo {
        width: calc(100% - 80px);
        padding: 0;
        margin: 0;
    }
    /* - 画像*/
    .what_flowList > li > figure {
        width: calc(100% - 80px);
        padding: 0;
        margin: 0 0 0 auto;
        overflow: hidden;
        text-align: center;
        position: relative;
        border-radius: 10px;
    }
    .typeListInfoBox > figure::before {
        content: '';
        display: block;
        padding-top: 75%;
    }
    .typeListInfoBox > figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        object-fit: cover;
    }
    /* - 情報 */
    .what_flowListInfo > h3 {
        padding: 10px 0 10px;
        margin: 0 auto 15px;
        font-size: 18px;
        line-height: 1.2em;
        font-family: var(--font-jp);
        font-weight: 500;
        color: #393939;
        border-bottom: 1px solid var(--main);
    }
    .what_flowListInfo > p {
        padding: 0;
        margin: 0 auto 15px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
}

/*--------------------------------------------*/
/*  保証について
/*--------------------------------------------*/
#what_warranty {
    width: 100%;
    padding: 100px 0;
    margin: 0 auto;
    background: var(--base);
}
/* - 見出し*/
#what_warranty > h2 {
    font-size: 30px;
    line-height: 1.4em;
    font-family: var(--font-jp);
    font-weight: 500;
    padding: 0 0 25px;
    margin: 0 auto 25px;
    position: relative;
    text-align: center;
}
#what_warranty > h2::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    padding: 0;
    margin: 0;
    background: var(--main);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}
#what_warranty > p {
    padding: 0;
    margin: 0 auto 50px;
    text-align: center;
}
.what_warrantyBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.what_warrantyBox > dl {
    width: 48%;
    padding: 0;
    margin: 0;
    border-radius: 10px;
    background: #fff;
}
.what_warrantyBox > dl dt {
    padding: 15px;
    margin: 0;
    text-align: center;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    background: var(--link);
    border-radius: 10px 10px 0 0;
}
.what_warrantyBox > dl.nocoverage dt {
    background: var(--main);
}
.what_warrantyBox > dl dd {
    padding: 20px 20px;
    margin: 0;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
.what_warrantyBox ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.what_warrantyBox ul > li {
    padding: 0 0 0 25px;
    margin: 0 auto 5px;
    position: relative;
}
.what_warrantyBox ul > li::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    background: var(--link);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0;
}
.what_warrantyBox dl.nocoverage ul > li::before {
    background: var(--main);
}
.what_warrantyBox ul > li > small {
    display: block;
    font-size: 0.8em;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #what_warranty {
        width: 100%;
        padding: 30px 0;
        margin: 0 auto;
        background: var(--base);
    }
    /* - 見出し*/
    #what_warranty > h2 {
        font-size: 20px;
        line-height: 1.4em;
        font-family: var(--font-jp);
        font-weight: 500;
        padding: 0 0 15px;
        margin: 0 auto 15px;
        position: relative;
        text-align: center;
    }
    #what_warranty > h2::after {
        content: '';
        display: block;
        width: 50px;
        height: 2px;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
    }
    #what_warranty > p {
        width: calc(100% - 60px);
        padding: 0;
        margin: 0 auto 20px;
        text-align: center;
    }
    #what_warranty > p br {
        display: none;
    }
    .what_warrantyBox {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .what_warrantyBox > dl {
        width: 100%;
        padding: 0;
        margin: 0 auto 20px;
        border-radius: 10px;
        background: #fff;
    }
    .what_warrantyBox > dl:last-of-type {
        margin-bottom: 0;
    }
    .what_warrantyBox > dl dt {
        padding: 15px;
        margin: 0;
        text-align: center;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        color: #fff;
        background: var(--link);
        border-radius: 10px 10px 0 0;
    }
    .what_warrantyBox > dl.nocoverage dt {
        background: var(--main);
    }
    .what_warrantyBox > dl dd {
        padding: 20px 20px;
        margin: 0;
        background: #fff;
        border-radius: 0 0 10px 10px;
    }
    .what_warrantyBox ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .what_warrantyBox ul > li {
        padding: 0 0 0 25px;
        margin: 0 auto 5px;
        position: relative;
    }
    .what_warrantyBox ul > li::before {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        padding: 0;
        margin: 0;
        background: var(--link);
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: 0;
    }
    .what_warrantyBox dl.nocoverage ul > li::before {
        background: var(--main);
    }
    .what_warrantyBox ul > li > small {
        display: block;
        font-size: 0.8em;
    }
}


/*--------------------------------------------*/
/*  ハウスコーティング教会
/*--------------------------------------------*/
#what_jhca {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	background: #fafafa;
	position: relative;
}
#what_jhca > header {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 30px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
#what_jhca > header > figure {
	width: 150px;
	padding: 0;
	margin: 0;
	margin-right: 40px;
	position: relative;
}
#what_jhca > header > h2 {
	width: auto;
	padding: 0;
	margin: 0;
	position: relative;
	border: none;
	background: none;
	font-size: 30px;
	line-height: 1em;
	font-family: var(--font-jp);
	font-weight: 500;
}
#what_jhca > header > h2 > span {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1em;
	padding: 0;
	margin: 10px auto 0;
}
#what_jhca > p {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#what_jhca {
		width: 100%;
		padding: 30px 0;
		margin: 0 auto;
		background: #fafafa;
		position: relative;
	}
	#what_jhca > header {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 15px;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#what_jhca > header > figure {
		width: 120px;
		padding: 0;
		margin: 0 auto 10px;
		position: relative;
	}
	#what_jhca > header > h2 {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		font-size: 20px;
		text-align: center;
	}
	#what_jhca > header > h2 > span {
		font-size: 12px;
		line-height: 1.4em;
		margin: 5px auto 0;
		text-align: center;
	}
	#what_jhca > p {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		text-align: justify;
		text-justify: inter-ideograph;
	}
}
/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  フロアコーティング
/*--------------------------------------------*/
#fcList {
    width: 100%;
    padding: 100px 0;
    margin: 0 auto;
}
#fcList ul {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    list-style: none;
}
#fcList ul > li {
    width: 100%;
    padding: 0;
    margin: 0 auto 150px;
    box-shadow: none;
    background: none;
    position: relative;
}
#fcList ul > li::before {
    content: '';
    display: block;
    width: 70%;
    height: calc(100% + 100px);
    padding: 0;
    margin: 0;
    background: var(--base);
    border-radius: 10px 0 0 10px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    z-index: -1;
}
#fcList ul > li::after {
    display: none;
}
#fcList ul > li .fcListBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
#fcList ul > li .fcListinfo {
    width: 50%;
    padding: 50px;
    margin: 0;
    background: none;
}
#fcList ul > li figure {
    width: 50%;
    padding: 0;
    margin: 0;
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
}
#fcList ul > li figure::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
#fcList ul > li figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	object-fit: cover;
}
.fcListBadge {
    display: block;
    width: 120px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -20px;
    left: -20px;
}
.fcListBadge img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
/*- 反転*/
#fcList ul > li:nth-child(odd) .fcListinfo {
    order: 1;
}
#fcList ul > li:nth-child(even)::before {
    content: '';
    display: block;
    width: 70%;
    height: calc(100% + 100px);
    padding: 0;
    margin: 0;
    background: var(--base);
    border-radius: 0 10px 10px 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    z-index: -1;
}
#fcList ul > li:nth-child(even) .fcListBadge {
    display: block;
    width: 120px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -20px;
    left: calc(50% - 20px);
}
#fcList ul > li:nth-child(odd) .fcListinfo {
    width: 50%;
    padding: 50px 0 50px 50px;
    margin: 0;
    background: none;
}
#fcList ul > li:nth-child(even) .fcListinfo {
    width: 50%;
    padding: 50px 50px 50px 0;
    margin: 0;
    background: none;
}
/* - タイトル */
#fcList ul > li .fcListinfo > h2 {
    width: 100%;
    font-size: 30px;
    line-height: 1em;
    font-family: var(--font-jp);
    font-weight: 500;
    padding: 5px 0 0 20px;
    margin: 0 auto 20px;
    position: relative;
}
#fcList ul > li .fcListinfo > h2 > small {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1em;
    padding: 0;
    margin: 0 auto 10px;
}
#fcList ul > li .fcListinfo > h2::before {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    padding: 0;
    margin: 0;
    background: var(--main);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
#fcList ul > li .fcListinfo > p {
    padding: 0;
    margin: 0 auto 30px;
    text-align: justify;
    text-justify: inter-ideograph;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #floorcoating {
        padding-top: 30px;
    }
    #fcList {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    #fcList ul {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
    }
    #fcList ul > li {
        width: 100%;
        padding: 30px;
        margin: 0 auto 30px;
        box-shadow: none;
        background: none;
        position: relative;
    }
    #floorcoating #fcList ul > li:not(:last-child) {
        margin-bottom: 30px;
    }
    #fcList ul > li::before {
        content: '';
        display: block;
        width: 60%;
        height: calc(100%);
        padding: 0;
        margin: 0;
        background: var(--base);
        border-radius: 10px 0 0 10px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        z-index: -1;
    }
    #fcList ul > li::after {
        display: none;
    }
    #fcList ul > li .fcListBox {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    #fcList ul > li .fcListinfo {
        width: 100%;
        padding: 30px;
        margin: 0;
        background: none;
        order: 1;
    }
    #fcList ul > li figure {
        width: 100%;
        padding: 0;
        margin: 0 auto 15px;
        position: relative;
        text-align: center;
        overflow: hidden;
        border-radius: 10px;
    }
    #fcList ul > li figure::before {
        content: '';
        display: block;
        padding-top: 56.25%;
    }
    #fcList ul > li figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        object-fit: cover;
    }
    .fcListBadge {
        display: block;
        width: 60px;
        padding: 0;
        margin: 0;
        position: absolute;
        top: -10px;
        left: -10px;
    }
    .fcListBadge img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    /*- 反転*/
    #fcList ul > li:nth-child(odd) .fcListinfo {
        order: 1;
    }
    #fcList ul > li:nth-child(even)::before {
        content: '';
        display: block;
        width: 60%;
        height: calc(100%);
        padding: 0;
        margin: 0;
        background: var(--base);
        border-radius: 0 10px 10px 0;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        z-index: -1;
    }
    #fcList ul > li:nth-child(even) .fcListBadge {
        display: block;
        width: 60px;
        padding: 0;
        margin: 0;
        position: absolute;
        top: -10px;
        left: unset;
        right: -10px;
    }
    #fcList ul > li:nth-child(odd) .fcListinfo {
        width: 100%;
        padding: 0;
        margin: 0;
        background: none;
    }
    #fcList ul > li:nth-child(even) .fcListinfo {
        width: 100%;
        padding: 0;
        margin: 0;
        background: none;
    }
    /* - タイトル */
    #fcList ul > li .fcListinfo > h2 {
        width: 100%;
        font-size: 20px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 500;
        padding: 5px 0 0 15px;
        margin: 0 auto 10px;
        position: relative;
    }
    #fcList ul > li .fcListinfo > h2 > small {
        display: block;
        width: 100%;
        font-size: 12px;
        line-height: 1.2em;
        padding: 0;
        margin: 0 auto 7px;
    }
    #fcList ul > li .fcListinfo > h2::before {
        content: '';
        display: block;
        width: 3px;
        height: 100%;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
    }
    #fcList ul > li .fcListinfo > p {
        padding: 0;
        margin: 0 auto 20px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
	#fcList ul > li a {
		display: inline-block;
	}
    #fcList ul > li:nth-child(even) a {
        text-align: left;
    }
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  フロアコーティング - 共通
/*--------------------------------------------*/

/* 特徴 */
#fc_feature {
    width: 100%;
    padding: 100px 0;
    margin: 0 auto;
    position: relative;
}
#fc_feature::before {
    content: '';
    display: block;
    width: calc(100% - 40px);
    height: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
	border-radius: 0 20px 20px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
#fc_feature::after {
    content: '';
    display: block;
    width: 100%;
    height: 40%;
    padding: 0;
    margin: 0;
    background: var(--base);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
}
/* - タイトル */
.fc_title {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto 50px;
    text-align: center;
    position: relative;
}
.fc_title > span {
    display: block;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    font-size: 120px;
    line-height: 1em;
    letter-spacing: normal;
    font-family: var(--font-en);
    font-weight: 400;
    font-style: normal;
    white-space: nowrap;
    color: #fff;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}
.section-1 .fc_title > span {
	color: var(--back);
}
.section-2 .fc_title > span {
    color: #fff;
}
.fc_title > em {
    display: block;
    font-size: 23px;
    line-height: 1em;
    font-family: var(--font-en);
    font-weight: 400;
    font-style: normal;
    white-space: nowrap;
    padding: 0 0 10px;
    margin: 0 auto;
    border: none;
    background: none;
    color: var(--main);
    position: relative;
    text-align: center;
    z-index: 5;
}
.fc_title > h2 {
    width: 100%;
    font-size: 30px;
    line-height: 1em;
    font-family: var(--font-jp);
    font-weight: 600;
    font-style: normal;
    white-space: nowrap;
    text-align: center;
    padding: 0;
    margin: 0;
    border: none;
    color: #393939;
    position: relative;
    z-index: 5;
}
.fc_title + p {
    text-align: center;
    padding: 0;
    margin: 0 auto 40px;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /* 特徴 */
    #fc_feature {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        position: relative;
    }
    #fc_feature::before {
        display: none;
    }
    #fc_feature::after {
        display: none;
    }
    /* - タイトル */
    .fc_title {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 auto 20px;
        text-align: center;
        position: relative;
    }
    .fc_title > span {
        display: block;
        text-align: center;
        padding: 0;
        margin: 0 auto;
        font-size: 40px;
        line-height: 1em;
        letter-spacing: normal;
        font-family: var(--font-en);
        font-weight: 400;
        font-style: normal;
        white-space: nowrap;
        color: #fff;
        position: absolute;
        top: -10px;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
    }
    .section-2 .fc_title > span {
        color: #fff;
    }
    .fc_title > em {
        display: block;
        font-size: 12px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 400;
        font-style: normal;
        white-space: nowrap;
        padding: 0 0 5px;
        margin: 0 auto;
        border: none;
        background: none;
        color: var(--main);
        position: relative;
        text-align: center;
        z-index: 5;
    }
    .fc_title > h2 {
        width: 100%;
        font-size: 20px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 600;
        font-style: normal;
        white-space: nowrap;
        text-align: center;
        padding: 0;
        margin: 0;
        border: none;
        color: #393939;
        position: relative;
        z-index: 5;
    }
    .fc_title + p {
        width: calc(100% - 60px);
        text-align: center;
        padding: 0;
        margin: 0 auto 20px;
    }
}

/* - 情報*/
.fc_featureBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.fc_featureBox > figure {
    width: 50%;
    padding: 0;
    margin: 0;
    position: relative;
    text-align: center;
    overflow: hidden;
	border-radius: 10px;
    filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
}
.fc_featureBox > figure::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.fc_featureBox > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.fc_featureBox > figure.top img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.fc_featureBox > .fc_featureInfo {
    width: calc(50% - 60px);
    padding: 0;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
}
.fc_featureBadge {
    display: block;
    width: 120px;
    height: 120px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 5;
}
.fc_featureBadge img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

/* - リスト */
#fc_featureListBox {
    width: 100%;
    padding: 100px 0;
    margin: 0 auto;
    position: relative;
    background: var(--base);
}
#fc_featureListBox > .comparisonTable {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
}
.fc_featureList {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.fc_featureList::before,
.fc_featureList::after {
    content: '';
    display: block;
    width: 23%;
}
.fc_featureList::before {
    order: 1;
}
.fc_featureList > li {
    width: 23%;
    padding: 0;
    margin: 0 0 35px;
    background: #fff;
    border-radius: 8px;
    filter: drop-shadow(3px 3px 30px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(3px 3px 30px rgba(160, 160, 160, 0.1));
}
.fc_featureList > li > h3 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    padding: 0;
    margin: 0 auto 10px;
    height: 40px;
    line-height: 40px;
    background: var(--main);
    position: relative;
    z-index: 0;
    border-radius: 8px 8px 0 0;
}
.fc_featureList > li > p {
    font-size: 13px;
    line-height: 1.7em;
    font-weight: 500;
    padding: 0 20px 20px;
    margin: 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #glasscoat {
        padding-top: 30px;
    }
    #siliconcoat {
        padding-top: 30px;
    }
    #escoatuv {
        padding-top: 30px;
    }
    /* - 情報*/
    .fc_featureBox {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .fc_featureBox > figure {
        width: 100%;
        padding: 0;
        margin: 0 auto 15px;
        position: relative;
        text-align: center;
        overflow: hidden;
        filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    }
    .fc_featureBox > figure::before {
        content: '';
        display: block;
        padding-top: 56.25%;
    }
    .fc_featureBox > figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
    .fc_featureBox > .fc_featureInfo {
        width: 100%;
        padding: 0;
        margin: 0 auto 30px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .fc_featureBadge {
        display: block;
        width: 60px;
        height: 60px;
        padding: 0;
        margin: 0;
        position: absolute;
        top: -10px;
        left: -10px;
        z-index: 5;
    }
    .fc_featureBadge img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }
    /* - リスト */
    #fc_featureListBox {
        width: 100%;
        padding: 30px;
        margin: 0 auto;
        position: relative;
        background: var(--base);
    }
    .fc_featureList {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .fc_featureList::before,
    .fc_featureList::after {
        content: '';
        display: none;
    }
    .fc_featureList::before {
        order: 1;
    }
    .fc_featureList > li {
        width: 100%;
        padding: 0;
        margin: 0 0 15px;
        background: #fff;
        border-radius: 8px;
        filter: drop-shadow(3px 3px 30px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(3px 3px 30px rgba(160, 160, 160, 0.1));
    }
    .fc_featureList > li:last-child {
        margin-bottom: 0;
    }
    .fc_featureList > li > h3 {
        font-size: 12px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 0;
        margin: 0 auto 10px;
        height: 40px;
        line-height: 40px;
        background: var(--main);
        position: relative;
        z-index: 0;
        border-radius: 8px 8px 0 0;
    }
    .fc_featureList > li > p {
        font-size: 12px;
        line-height: 1.7em;
        font-weight: 500;
        padding: 0 20px 20px;
        margin: 0;
        text-align: justify;
        text-justify: inter-ideograph;
    }
}


/* セクション */
.section-1 {
    width: 100%;
    padding: 120px 0;
    margin: 0 auto;
    background: #fff;
    position: relative;
    overflow-x: hidden;
}
.section-2 {
    width: 100%;
    padding: 120px 0;
    margin: 0 auto;
    background: var(--back);
    position: relative;
    overflow-x: hidden;
}
.section-3 {
	width: 100%;
	padding: 50px 0;
	margin: 0 auto;
	background: var(--base);
	position: relative;
	overflow-x: hidden;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	z-index: 0;
}
.section-3::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAADNJREFUKFNjZMAD/v///58RlzxYEgSwKYBJguQwFCBLYihAl0RRgE0SrgCXJFgBPkmQAgCChiAFMCTgHQAAAABJRU5ErkJggg==');
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.5;
}
.section-1.pt0,
.section-2.pt0 {
    padding-top: 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /* セクション */
    .section-1 {
        width: 100%;
        padding: 40px 0;
        margin: 0 auto;
        background: #fff;
        position: relative;
        overflow-x: hidden;
    }
    .section-2 {
        width: 100%;
        padding: 40px 0;
        margin: 0 auto;
        background: var(--back);
        position: relative;
        overflow-x: hidden;
    }
	.section-3 {
		width: 100%;
		padding: 20px 0;
		margin: 0 auto;
		background: #fafafa;
		position: relative;
		overflow-x: hidden;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
    .section-1.pt0,
    .section-2.pt0 {
        padding-top: 30px;
    }
    #hc_about.section-1.pt0,
    #hc_about.section-2.pt0 {
        padding-top: 30px;
    }
}

/*見出し*/
.section-1 h2.center,
.section-2 h2.center {
    width: 100%;
    font-size: 30px;
    line-height: 1em;
    font-family: var(--font-jp);
    font-weight: 600;
    font-style: normal;
    white-space: nowrap;
    text-align: center;
    padding: 0 0 20px;
    margin: 0 auto 40px;
    border: none;
    color: #393939;
    position: relative;
}
.section-1 h2.center::after,
.section-2 h2.center::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    padding: 0;
    margin: 0;
    background: var(--main);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /*見出し*/
    .section-1 h2.center,
    .section-2 h2.center {
        width: 100%;
        font-size: 20px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 600;
        font-style: normal;
        white-space: nowrap;
        text-align: center;
        padding: 0 0 10px;
        margin: 0 auto 20px;
        border: none;
        color: #393939;
        position: relative;
    }
    .section-1 h2.center::after,
    .section-2 h2.center::after {
        content: '';
        display: block;
        width: 50px;
        height: 2px;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
    }
}

/*フレックス*/
.flexBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flexBox.mb50 {
	margin-bottom: 50px;
}
.flexBox > .flexBoxInfo {
    width: calc(50% - 60px);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
}
.flexBox.rev > .flexBoxInfo {
	order: 1;
}
.flexBox > figure {
    width: 50%;
    padding: 0;
    margin: 0;
    position: relative;
    text-align: center;
    overflow: hidden;
    filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
	border-radius: 10px;
}
.flexBox > figure::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.flexBox > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /*フレックス*/
    .flexBox {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
	.flexBox.mb50 {
		margin-bottom: 30px;
	}
    .flexBox > .flexBoxInfo {
        width: 100%;
        padding: 0;
        margin: 0 auto 15px;
        box-sizing: border-box;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .flexBox > figure {
        width: 100%;
        padding: 0;
        margin: 0;
        position: relative;
        text-align: center;
        overflow: hidden;
        filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    }
    .flexBox > figure::before {
        content: '';
        display: block;
        padding-top: 56.25%;
    }
    .flexBox > figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
}

/*ビフォーアフター画像*/
.fc_bfBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/* 画像 */
.fc_bfBox > figure {
    width: 48%;
    padding: 0;
    margin: 0;
    position: relative;
    text-align: center;
    overflow: hidden;
    filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
	border-radius: 10px;
}
.fc_bfBox > figure::before {
    content: '';
    display: block;
    padding-top: calc(56.25% + 30px);
}
.fc_bfBox > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: calc(50% + 30px);
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.fc_bfBox > span {
    display: block;
    position: relative;
}
.fc_bfBox > span::before {
    content: '';
    display: block;
    width: 15px;
    height: 20px;
    padding: 0;
    margin: 0;
    background: var(--main);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
/*- 見出し */
.fc_bfBox > figure h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    padding: 5px 10px;
    margin: 0 auto 10px;
    background: #393939;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    z-index: 5;
	border-radius: 10px 10px 0 0;
}
.fc_bfBox > figure:last-of-type h3 {
    background: var(--main);
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /*ビフォーアフター画像*/
    .fc_bfBox {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    /* 画像 */
    .fc_bfBox > figure {
        width: 47%;
        padding: 0;
        margin: 0;
        position: relative;
        text-align: center;
        overflow: hidden;
        filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    }
    .fc_bfBox > figure::before {
        content: '';
        display: block;
        padding-top: calc(56.25% + 15px);
    }
    .fc_bfBox > figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        position: absolute;
        top: calc(50% + 15px);
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
    .fc_bfBox > span {
        display: block;
        position: relative;
    }
    .fc_bfBox > span::before {
        content: '';
        display: block;
        width: 10px;
        height: 15px;
        padding: 0;
        margin: 0;
        background: var(--main);
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
    /*- 見出し */
    .fc_bfBox > figure h3 {
        font-size: 10px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 5px 10px;
        margin: 0 auto 10px;
        background: #393939;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        z-index: 5;
    }
    .fc_bfBox > figure:last-of-type h3 {
        background: var(--main);
    }
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  フロアコーティング - エスガラスコート
/*--------------------------------------------*/
.fc_qualityBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}
.fc_qualityLeft,
.fc_qualityRight {
    width: 70%;
    padding: 65px 20px 20px;
    margin: 0;
    background: #fff;
    border-radius: 10px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
}
.fc_qualityBox figure {
    width: 48%;
    padding: 0;
    margin: 0;
    position: relative;
    text-align: center;
    overflow: hidden;
}
#glasscoat #fc_quality .fc_qualityBox figure {
	margin-bottom: 20px;
	border-radius: 10px;
}
.fc_qualityBox figure:first-of-type {
    width: 100%;
    margin: 0 auto 20px;
}
.fc_qualityBox figure::before {
    content: '';
    display: block;
    padding-top: calc(65% + 20px);
}
.fc_qualityBox figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    object-fit: cover;
}
.fc_qualityLeft > span,
.fc_qualityRight > span {
    display: block;
    position: relative;
}
.fc_qualityLeft > span::before,
.fc_qualityRight > span::before {
    content: '';
    display: block;
    width: 10px;
    height: 15px;
    padding: 0;
    margin: 0;
    background: var(--main);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.fc_qualityRight > span::before {
    background: var(--link);
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    .fc_qualityBox {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .fc_qualityLeft,
    .fc_qualityRight {
        width: 100%;
        padding: 50px 20px 20px;
        margin: 0;
        background: #fff;
        border-radius: 10px;
        position: relative;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    }
    .fc_qualityLeft {
        margin-bottom: 20px;
    }
    .fc_qualityBox figure {
        width: 47%;
        padding: 0;
        margin: 0;
        position: relative;
        text-align: center;
        overflow: hidden;
    }
    .fc_qualityBox figure:first-of-type {
        width: 100%;
        margin: 0 auto 20px;
    }
    .fc_qualityBox figure::before {
        content: '';
        display: block;
        padding-top: calc(65% + 20px);
    }
    .fc_qualityBox figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        object-fit: cover;
		border-radius: 10px;
    }
	.fc_qualityBox figure:nth-last-of-type(1) img,
	.fc_qualityBox figure:nth-last-of-type(2) img {
		margin: 20px 0 0;
	}
    .fc_qualityLeft > span,
    .fc_qualityRight > span {
        display: block;
        position: relative;
    }
    .fc_qualityLeft > span::before,
    .fc_qualityRight > span::before {
        content: '';
        display: block;
        width: 10px;
        height: 15px;
        padding: 0;
        margin: 0;
        background: var(--main);
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
    .fc_qualityRight > span::before {
        background: var(--link);
    }
}

/* - 見出し BEFORE */
.fc_qualityLeft > h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    padding: 5px 0;
    margin: 0 auto 10px;
    background: var(--main);
	border-radius: 10px 10px 0 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    z-index: 5;
}
/* - 見出し 小*/
.fc_qualityLeft figure > h4 {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    padding: 5px;
    margin: 0 auto 10px;
    background: #393939;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    z-index: 5;
}
.fc_qualityLeft figure:last-of-type > h4,
.fc_qualityLeft figure:nth-of-type(3) > h4 {
    background: var(--main);
}
/* - 見出し AFTER */
.fc_qualityRight > h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    padding: 5px 0;
    margin: 0 auto 10px;
    background: #F98D24;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    z-index: 5;
    border-radius: 10px 10px 0 0;
}
/* - 見出し 小*/
.fc_qualityRight figure > h4 {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    padding: 5px;
    margin: 0 auto 10px;
    background: #393939;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    z-index: 5;
}
.fc_qualityRight figure:last-of-type > h4 {
    background: #F98D24;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /* - 見出し BEFORE */
    .fc_qualityLeft > h3 {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 5px 0;
        margin: 0 auto 10px;
        background: var(--main);
		border-radius: 10px 10px 0 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        z-index: 5;
    }
    /* - 見出し 小*/
    .fc_qualityLeft figure > h4 {
        font-size: 10px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 5px;
        margin: 0 auto 10px;
        background: #393939;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        z-index: 5;
    }
    .fc_qualityLeft figure:last-of-type > h4 {
        background: var(--main);
    }
    /* - 見出し AFTER */
    .fc_qualityRight > h3 {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 5px 0;
        margin: 0 auto 10px;
        background: #F98D24;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        z-index: 5;
        border-radius: 10px 10px 0 0;
    }
    /* - 見出し 小*/
    .fc_qualityRight figure > h4 {
        font-size: 10px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 5px;
        margin: 0 auto 10px;
        background: #393939;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        z-index: 5;
        border-radius: 3px 3px 0 0;
    }
    .fc_qualityRight figure:last-of-type > h4 {
        background: #F98D24;
    }
}

/*エスガラスコートの性能テスト*/
.performanceList {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: wrap;
	column-gap: 30px;
	grid-row-gap: 30px;
}
.performanceList > li {
    width: calc(100% / 3 - 20px);
    padding: 60px 20px 20px;
    margin: 0;
    background: #fff;
    position: relative;
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
	border-radius: 10px;
}
/* - 見出し */
.performanceList > li > h3 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    padding: 5px 0;
    margin: 0 auto;
    background: var(--main);
	border-radius: 10px 10px 0 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    z-index: 5;
}
.performanceList > li > figure {
    width: 100%;
    padding: 0;
    margin: 0 auto 15px;
    position: relative;
    overflow: hidden;
    text-align: center;
	border-radius: 10px;
}
.performanceList > li > figure::before {
    content: '';
    display: block;
    padding-top: 65%;
}
.performanceList > li > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    object-fit: cover;
}
.performanceList > li > p {
    font-size: 13px;
    line-height: 1.7em;
    font-weight: 500;
    padding: 0;
    margin: 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /*エスガラスコートの性能テスト*/
    .performanceList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
		column-gap: 0;
		grid-row-gap: 20px;
    }
    .performanceList > li {
        width: 100%;
        padding: 50px 20px 20px;
        margin: 0 auto;
        background: #fff;
        position: relative;
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    }
    /* - 見出し */
    .performanceList > li > h3 {
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 5px 0;
        margin: 0 auto;
        background: var(--main);
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        z-index: 5;
    }
    .performanceList > li > p {
        font-size: 12px;
        line-height: 1.7em;
        font-weight: 500;
        padding: 0;
        margin: 0;
        text-align: justify;
        text-justify: inter-ideograph;
    }
}

/* エスガラスコートの構造 */
#fc_structure > figure {
    width: 100%;
    max-width: 900px;
    padding: 50px;
    margin: 0 auto 40px;
    background: #fafafa;
    border-radius: 10px;
}
#fc_structure > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
#fc_structure > p {
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /* エスガラスコートの構造 */
    #fc_structure > figure {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 20px;
        margin: 0 auto 20px;
        background: #fafafa;
        border-radius: 10px;
    }
    #fc_structure > p {
        width: calc(100% - 60px);
        padding: 0;
        margin: 0 auto;
        text-align: left;
    }
    #fc_structure > p br {
        display: none;
    }
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    .scroll {
        width: calc(100% - 60px);
        padding: 0;
        margin: 0 auto;
        overflow-x: scroll;
        -ms-overflow-style: none;    /* IE, Edge 対応 */
        scrollbar-width: none;       /* Firefox 対応 */
    }
    .scroll::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
}

/* エスガラスコートの優れた塗膜性能 */
.fc_table {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    border: none;
    background: none;
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
}
.fc_table th {
    color: #fff;
    font-weight: 600;
    background: var(--main);
    text-align: left;
    border: none;
    border-right: 1px solid #fff;
    padding: 20px 30px;
    margin: 0;
}
.fc_table th:first-of-type {
    border-radius: 10px 0 0 0;
}
.fc_table th:last-of-type {
    border-radius: 0 10px 0 0;
    border-right: none;
}
.fc_table tr:nth-child(even) td {
    padding: 30px;
    margin: 0;
    background: #fff;
    text-align: left;
    border: none;
    border-right: 1px solid #D8D8D8;
}
.fc_table tr:nth-child(odd) td {
    padding: 20px 30px;
    margin: 0;
    background: #fafafa;
    text-align: left;
    border: none;
    border-right: 1px solid #D8D8D8;
}
.fc_table tr td:first-of-type,
.fc_table tr td:last-of-type{
    white-space: nowrap;
}
.fc_table tr td:last-of-type {
    border-right: none;
}
.fc_table tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 10px;
}
.fc_table tr:last-of-type td:last-of-type {
    border-radius: 0 0 10px 0;
}

/* 抗菌性能の高い評価 */
.siaaList {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto 20px;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: wrap;
}
.siaaList > li {
    width: auto;
    padding: 0;
    margin: 0 10px;
    height: 100px;
}
.siaaList > li > img {
    width: auto;
    height: 100%;
    padding: 0;
    margin: 0;
}
.siaaList + p {
	width: 100%;
	max-width: 1100px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /* 抗菌性能の高い評価 */
    .evaluationList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .evaluationList > li {
        width: 100%;
        padding: 0 0 20px;
        margin: 0 0 20px;
        background: #fff;
        border-radius: 10px;
        position: relative;
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.2));
        -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.2));
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
    }
    /* - 見出し */
    .evaluationList > li > h3 {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 5px 0;
        margin: 0 auto 20px;
        position: relative;
        background: #707070;
        z-index: 5;
        border-radius: 10px 10px 0 0;
    }
	.siaaList + p {
		width: calc(100% - 60px);
		max-width: 100%;
		text-align: center;
		padding: 0;
		margin: 0 auto;
		font-size: 14px;
	}
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  フロアコーティング - スーパーシリコンコート
/*--------------------------------------------*/
/*フレックス*/
.fc_antislipBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fc_antislipBox > .fc_antislipInfo {
    width: calc(50% - 60px);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.fc_antislipBox > figure {
    width: 50%;
    padding: 0;
    margin: 0;
    position: relative;
    text-align: center;
    overflow: hidden;
    filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
}
.fc_antislipBox > figure::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.fc_antislipBox > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.fc_antislipBox > .fc_antislipInfo > h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 30px;
}
.fc_antislipBox > .fc_antislipInfo > p {
    padding: 0;
    margin: 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /*フレックス*/
    .fc_antislipBox {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .fc_antislipBox > .fc_antislipInfo {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        box-sizing: border-box;
        display: flex;
        display: -webkit-flex;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .fc_antislipBox > figure {
        width: 100%;
        padding: 0;
        margin: 0 auto 15px;
        position: relative;
        text-align: center;
        overflow: hidden;
        filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    }
    .fc_antislipBox > figure::before {
        content: '';
        display: block;
        padding-top: 56.25%;
    }
    .fc_antislipBox > figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
    .fc_antislipBox > .fc_antislipInfo > h3 {
        width: 100%;
        font-size: 16px;
        font-weight: bold;
        padding: 0;
        margin: 0 0 15px;
        text-align: center;
    }
    .fc_antislipBox > .fc_antislipInfo > p {
        padding: 0;
        margin: 0;
        text-align: justify;
        text-justify: inter-ideograph;
    }
}


/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  フロアコーティング - 実績一覧
/*--------------------------------------------*/
.cfCaseList {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cfCaseList > li {
    width: 48%;
    padding: 20px;
    margin: 0 0 40px;
    background: #fff;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.2));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.2));
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cfCaseList > li > .caseListTitle {
    width: 100%;
    padding: 0;
    margin: 0 auto 15px;
    text-align: center;
}
.cfCaseList > li > .caseListTitle span.type {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 auto 10px;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    border: 1px solid var(--main);
    border-radius: 30px;
    text-align: center;
}
.cfCaseList.matte > li > .caseListTitle span.type {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 auto 10px;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: var(--link);
    border: 1px solid var(--link);
    border-radius: 30px;
    text-align: center;
}
.cfCaseList > li > .caseListTitle h3 {
    font-size: 18px;
    line-height: 1.3em;
    font-weight: bold;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}
.cfCaseList > li > .caseListTitle h3 > a {
    font-size: 18px;
    line-height: 1.3em;
    font-weight: bold;
    transition: all 0.2s ease;
}
.cfCaseList > li > .caseListTitle h3 > a:hover {
    font-size: 18px;
    line-height: 1.3em;
    font-weight: bold;
    color: var(--main);
    transition: all 0.2s ease;
}
.cfCaseList > li > .caseListTitle span.listdate {
	font-family: var(--font-jp);
	font-weight: 500;
	font-style: normal;
}
/* - 画像 */
.cfCaseList > li > figure {
    width: 48%;
    padding: 0;
    margin: 0;
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
}
.cfCaseList > li > figure::before {
    content: '';
    display: block;
    padding-top: calc(65% + 30px);
}
.cfCaseList > li > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: calc(50% + 30px);
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    object-fit: cover;
}
.cfCaseList > li > span {
    display: block;
    position: relative;
}
.cfCaseList > li > span::before {
    content: '';
    display: block;
    width: 10px;
    height: 15px;
    padding: 0;
    margin: 0;
    background: var(--main);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.cfCaseList.matte > li > span::before {
    content: '';
    display: block;
    width: 10px;
    height: 15px;
    padding: 0;
    margin: 0;
    background: var(--link);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
/* - 見出し 小*/
.cfCaseList > li > figure > h4 {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    padding: 5px;
    margin: 0 auto 10px;
    background: #393939;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    z-index: 5;
    border-radius: 3px 3px 0 0;
}
.cfCaseList > li > figure:last-of-type > h4 {
    background: var(--main);
}
.cfCaseList.matte > li > figure:last-of-type > h4{
    background: #F98D24;
}
.caseListBtn {
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
.caseListBtn > a {
	display: inline-block;
	padding: 15px 50px;
	margin: 0 auto;
	background: var(--black);
	border-radius: 40px;
	font-size: 15px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	transition: all 0.5s ease;
}
.caseListBtn > a:hover {
	background: var(--link);
	text-decoration: none !important;
	transition: all 0.5s ease;
}
/*詳細はこちら*/
.caseMore {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 20px auto 0;
}
.caseMore > a {
	display: block;
	width: 100%;
	padding: 15px 50px;
	margin: 0 auto;
	background: var(--black);
	border-radius: 3px;
	font-size: 15px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	transition: all 0.5s ease;
	position: relative;
}
.caseMore > a::after {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	padding: 0;
	margin: 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0,-50%) rotate(45deg);
	-webkit-transform: translate(0,-50%) rotate(45deg);
}
.caseMore > a:hover {
	background: var(--link);
	text-decoration: none !important;
	transition: all 0.5s ease;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    .cfCaseList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .cfCaseList > li {
        width: 100%;
        padding: 20px;
        margin: 0 0 20px;
        background: #fff;
        border-radius: 10px;
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.2));
        -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.2));
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .cfCaseList > li > .caseListTitle {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }
    .cfCaseList > li > .caseListTitle span.type {
        display: inline-block;
        padding: 7px 10px;
        margin: 0 auto 10px;
        font-size: 12px;
        line-height: 1;
        font-weight: 600;
        color: #fff;
        border: 1px solid var(--main);
        border-radius: 30px;
        text-align: center;
    }
    .cfCaseList.matte > li > .caseListTitle span.type {
        display: inline-block;
        padding: 7px 10px;
        margin: 0 auto 10px;
        font-size: 12px;
        line-height: 1;
        font-weight: 600;
        color: var(--link);
        border: 1px solid var(--link);
        border-radius: 30px;
        text-align: center;
    }
    .cfCaseList > li > .caseListTitle h3 {
        font-size: 16px;
        line-height: 1.3em;
        font-weight: bold;
        text-align: center;
        padding: 0;
        margin: 0 auto 15px;
    }
    /* - 画像 */
    .cfCaseList > li > figure {
        width: 47%;
        padding: 0;
        margin: 0;
        position: relative;
        text-align: center;
        overflow: hidden;
        border-radius: 3px;
    }
    .cfCaseList > li > figure::before {
        content: '';
        display: block;
        padding-top: calc(65% + 30px);
    }
    .cfCaseList > li > figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        position: absolute;
        top: calc(50% + 30px);
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        object-fit: cover;
    }
    .cfCaseList > li > span {
        display: block;
        position: relative;
    }
    .cfCaseList > li > span::before {
        content: '';
        display: block;
        width: 10px;
        height: 15px;
        padding: 0;
        margin: 0;
        background: var(--main);
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
    .cfCaseList.matte > li > span::before {
        content: '';
        display: block;
        width: 10px;
        height: 15px;
        padding: 0;
        margin: 0;
        background: var(--link);
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
    /* - 見出し 小*/
    .cfCaseList > li > figure > h4 {
        font-size: 10px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 5px;
        margin: 0 auto 10px;
        background: #393939;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        z-index: 5;
    }
    .cfCaseList > li > figure:last-of-type > h4 {
        background: var(--main);
    }
    .cfCaseList.matte > li > figure:last-of-type > h4{
        background: #F98D24;
    }
	.caseListBtn {
		width: calc(100% - 60px);
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}
	.caseListBtn > a {
		display: inline-block;
		width: auto;
		padding: 15px 20px;
		margin: 0 auto;
		background: var(--black);
		border-radius: 30px;
		font-size: 12px;
		line-height: 1;
		font-weight: 500;
		color: #fff;
		text-decoration: none;
		transition: all 0.5s ease;
	}
	.caseListBtn > a:hover {
		background: var(--link);
		text-decoration: none !important;
		transition: all 0.5s ease;
	}
	
	/*詳細はこちら*/
	.caseMore {
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 15px auto 0;
	}
	.caseMore > a {
		display: block;
		width: 100%;
		padding: 10px 20px;
		margin: 0 auto;
		background: var(--black);
		border-radius: 3px;
		font-size: 12px;
		line-height: 1;
		font-weight: 500;
		color: #fff;
		text-decoration: none;
		transition: all 0.5s ease;
		position: relative;
	}
	.caseMore > a::after {
		content: '';
		display: block;
		width: 5px;
		height: 5px;
		padding: 0;
		margin: 0;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translate(0,-50%) rotate(45deg);
		-webkit-transform: translate(0,-50%) rotate(45deg);
	}
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  フロアコーティング - 実績詳細
/*--------------------------------------------*/

#cfCaseTable {
   width: 100%;
    max-width: 1000px;
    padding: 0;
    margin: 0 auto 50px;
}
#cfCaseTable > table {
    width: 100%;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    position: relative;
}
#cfCaseTable > table tr {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 auto 5px;
}
#cfCaseTable > table thead th {
    width: 100%;
    background: #333;
    border: none;
    vertical-align: middle;
    text-align: center;
    position: relative;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    margin: 0;
	border-radius: 10px 10px 0 0;
}
#cfCaseTable > table tbody th {
    width: 20%;
    max-width: 150px;
    padding: 10px;
    margin: 0;
    border: none;
    background: #999;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
#cfCaseTable > table tbody th::after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #999;
    border-width: 10px;
    margin-top: -10px;
}
#cfCaseTable > table tbody td {
    width: 100%;
    border: none;
    background: #f8f8f8;
    padding: 10px 10px 10px 20px;
    margin: 0;
    text-align: left;
}

.cfCaseDetailImg {
    width: 100%;
    max-width: 1000px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.cfCaseDetailImg > h3 {
    width: 100%;
    padding: 10px;
    margin: 0 auto 20px;
    text-align: center;
    background: var(--main);
	border-radius: 30px;
    font-weight: bold;
    color: #fff;
}
.cfCaseDetailImg_left {
    width: 47%;
    padding: 0;
    margin: 0;
}
.cfCaseDetailImg_right {
    width: 47%;
    padding: 0;
    margin: 0;
}
.cfCaseDetailImg figure {
	border-radius: 10px;
	overflow: hidden;
}
.cfCaseDetailImg h4 {
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 0 auto 10px;
    text-align: center;
    background: none;
    border: none;
}
.cfCaseDetailImg span {
    display: block;
    position: relative;
}
.cfCaseDetailImg span::before {
    content: '';
    display: block;
    width: 10px;
    height: 15px;
    padding: 0;
    margin: 0;
    background: var(--main);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

/*本文*/
.case_content {
	width: 100%;
	max-width: 1000px;
	padding: 100px 0;
	margin: 0 auto;
	position: relative;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #cfCaseTable {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto 30px;
    }
    #cfCaseTable > table {
        width: 100%;
        padding: 0;
        margin: 0;
        background: none;
        border: none;
        position: relative;
    }
    #cfCaseTable > table tr {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0 auto 5px;
    }
    #cfCaseTable > table thead th {
        width: 100%;
        background: #333;
        border: none;
        vertical-align: middle;
        text-align: center;
        position: relative;
        color: #fff;
        font-weight: bold;
		line-height: 1.4em;
        padding: 10px;
        margin: 0;
    }
    #cfCaseTable > table tbody th {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
        width: 100px;
		min-width: 100px;
        max-width: 100px;
        padding: 10px;
        margin: 0;
        border: none;
        background: #999;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        position: relative;
        white-space: nowrap;
		font-size: 14px;
    }
    #cfCaseTable > table tbody th::after {
        left: calc(100% - 1px);
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-left-color: #999;
        border-width: 10px;
        margin-top: -10px;
    }
    #cfCaseTable > table tbody td {
        width: 100%;
        border: none;
        background: #f8f8f8;
        padding: 10px 10px 10px 20px;
        margin: 0;
        text-align: left;
		font-size: 14px;
    }

    .cfCaseDetailImg {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .cfCaseDetailImg > h3 {
        width: 100%;
        padding: 10px;
        margin: 0 auto 20px;
        text-align: center;
        background: var(--main);
        font-weight: bold;
        color: #fff;
    }
    .cfCaseDetailImg_left {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .cfCaseDetailImg_right {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .cfCaseDetailImg h4 {
        font-size: 14px;
        font-weight: 600;
        padding: 0;
        margin: 0 auto 10px;
        text-align: center;
        background: none;
        border: none;
    }
    .cfCaseDetailImg span {
        display: block;
        width: 100%;
        height: 30px;
        position: relative;
    }
    .cfCaseDetailImg span::before {
        content: '';
        display: block;
        width: 10px;
        height: 15px;
        padding: 0;
        margin: 0;
        background: var(--main);
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(90deg);
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
    }
	
	/*本文*/
	.case_content {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		position: relative;
	}
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  価格表一覧
/*--------------------------------------------*/

/*45%OFF*/
#price_set {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	position: relative;
}
#price_set > header {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
#price_set > header > h2 {
	display: inline-block;
	padding: 15px 20px 15px 30px;
	margin: 0;
	border: none;
	background-image: linear-gradient(to right, #4ca7b1 0%, #55b6c0 100%);
	border-radius: 0 50px 50px 0;
	font-size: 30px;
	line-height: 1.4em;
	font-weight: 500;
	color: #fff;
	position: absolute;
	top: -30px;
	left: 0;
}
#price_set > header figure {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	border-radius: 20px;
	overflow: hidden;
}
#price_set > header figure img {
	width: 100%;
	height: auto;
}
#price_set > header > h3 {
	padding: 0;
	margin: 0;
	font-size: 120px;
	font-weight: bold;
	color: #c19c41;
	line-height: 1;
	position: absolute;
	bottom: -0.4em;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	z-index: 2;
	text-shadow: 
		3px  3px 1px #fff,
		-3px  3px 1px #fff,
		3px -3px 1px #fff,
		-3px -3px 1px #fff,
		3px  0px 1px #fff,
		0px  3px 1px #fff,
		-3px  0px 1px #fff,
		0px -3px 1px #fff;  
}
#price_set > header > h3 span {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
	color: #1e1e1e;
	position: absolute;
	top: 0.2em;
	left: -2em;
}
#price_set > header > h3 small {
	font-size: 0.7em;
}

/*Plus*/
#price_set > .plus {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 40px;
	text-align: center;
	position: relative;
}
#price_set > .plus > span {
	display: block;
	width: 80px;
	height: 12px;
	padding: 0;
	margin: 0 auto;
	background: #c8c8c8;
	position: relative;
}
#price_set > .plus > span::before {
	content: '';
	display: block;
	width: 12px;
	height: 80px;
	padding: 0;
	margin: 0;
	background: #c8c8c8;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
#price_set > .plus > img {
	width: 80px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
}
/*4点セット*/
#price_set > .fourset {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#price_set > .fourset > header {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#price_set > .fourset > header h2 {
	display: inline-block;
	padding: 0;
	margin: 0 auto 20px;
	font-size: 50px;
	line-height: 1.4em;
	font-weight: bold;
	color: #1e1e1e;
	text-align: center;
	border: none;
	background: none;
	z-index: 0;
	position: relative;
}
#price_set > .fourset > header h2 > strong {
	display: inline-block;
	font-size: 1.5em;
	color: #4da8b2;
	margin: 0 0.1em;
}
#price_set > .fourset > header h2 > span {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	width: 100px;
	height: 100px;
	padding: 10px 0 0;
	background: #f5f1ec;
	border-radius: 50%;
	position: absolute;
	top: -50px;
	left: -75px;
	z-index: -1;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: 600;
	color: #1e1e1e;
	transform: rotate(-10deg);
}
#price_set > .fourset > header h2 > span b {
	display: inline-block;
	font-size: 1.4em;
	color: #c29d42;
	letter-spacing: -0.2em;
	margin-right: 0.2em;
}
#price_set > .fourset > header h2 > span span {
	display: block;
	width: 100%;
	text-align: center;
}
/* - リスト*/
.foursetList {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
	list-style: none;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 10px;
	grid-row-gap: 10px;
}
.foursetList > li {
	width: calc(100% / 4 - 7.5px);
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.foursetList > li:first-child {
	border-radius: 30px 0 0 0;
}
.foursetList > li:last-child {
	border-radius: 0 0 30px 0;
}
.foursetList > li::before {
	content: '';
	display: block;
	padding: 50%;
}
.foursetList > li img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
.foursetList > li > h3 {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 20px;
	left: 20px;
	border: none;
	background: none;
	z-index: 2;
	text-align: left;
}
.foursetList > li > h3 > span {
	display: inline-block;
	padding: 5px;
	margin: 0;
	background: #fff;
	font-size: 25px;
	line-height: 1;
	font-weight: bold;
	color: #1e1e1e;
}
/* 高品質低価格*/
#price_point {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
#price_point > h2 {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
	border: none;
	background: none;
	font-size: 30px;
	line-height: 1.7em;
	font-weight: bold;
	color: #1e1e1e;
	text-align: center;
}
#price_point > h2 > b {
	font-size: 1.4em;
}
#price_point > h2 > strong {
	font-size: 1.8em;
	font-weight: 500;
	color: #4ca7b1;
	font-feature-settings: "palt";
}
#price_point > h3 {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	column-gap: 10px;
	border: none;
	background: none;
	position: relative;
	padding: 0;
	margin: 0 auto 30px;
}
#price_point > h3 > strong {
	display: inline-block;
	padding: 10px 15px;
	margin: 0;
	font-size: 50px;
	line-height: 1;
	font-weight:bold;
	color: transparent;
	background: linear-gradient(0deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); 
	-webkit-background-clip: text;
	border: 3px solid #DAAF08;
}
#price_point > h3 > span {
	display: inline-block;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	font-size: 22px;
	font-weight: bold;
	color: #DAAF08;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
/* - リスト*/
.price_pointList {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 10px;
	grid-row-gap: 10px;
}
.price_pointList > li {
	width: calc(100% / 3 - 7px);
	padding: 15px;
	margin: 0;
	background: #c19c41;
	font-size: 25px;
	line-height: 1.4em;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.price_pointList > li strong {
	font-size: 1.4em;
	font-weight: bold;
}
.price_pointList > li:nth-last-of-type(1),
.price_pointList > li:nth-last-of-type(2) {
	width: calc(100% / 2 - 5px);
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	/*45%OFF*/
	#price_set {
		padding: 40px 0;
	}
	#price_set > header {
		width: calc(100% - 60px);
		max-width: 100%;
		margin: 0 auto 50px;
	}
	#price_set > header > h2 {
		padding: 10px 20px 10px 15px;
		border-radius: 0 35px 35px 0;
		font-size: 16px;
		top: -15px;
	}
	#price_set > header > h3 {
		font-size: 60px;
		bottom: -0.4em;
		left: 55%; 
	}
	#price_set > header > h3 span {
		font-size: 20px;
		top: 0.2em;
		left: -2em;
	}

	/*Plus*/
	#price_set > .plus {
		width: calc(100% - 60px);
		max-width: 100%;
		margin: 0 auto 20px;
	}
	#price_set > .plus > span {
		width: 40px;
		height: 7px;
	}
	#price_set > .plus > span::before {
		width: 7px;
		height: 40px;
	}
	#price_set > .plus > img {
		width: 60px;
	}
	/*4点セット*/
	#price_set > .fourset {
		width: calc(100% - 60px);
		max-width: 100%;
	}
	#price_set > .fourset > header h2 {
		margin: 0 auto 10px;
		font-size: 30px;
		line-height: 1.2em;
	}
	#price_set > .fourset > header h2 > strong {
		display: inline-block;
		font-size: 1.5em;
		color: #4da8b2;
		margin: 0 0.1em;
	}
	#price_set > .fourset > header h2 > span {
		width: 50px;
		height: 50px;
		padding: 5px 0 0;
		top: -25px;
		left: -40px;
		font-size: 10px;
	}
	/* - リスト*/
	.foursetList {
		width: calc(100%);
		max-width: 100%;
		margin: 0 auto 10px;
		column-gap: 5px;
		grid-row-gap: 5px;
	}
	.foursetList > li {
		width: calc(100% / 2 - 2.5px);
	}
	.foursetList > li:nth-child(1) {
		border-radius: 20px 0 0 0;
	}
	.foursetList > li:nth-child(2) {
		border-radius: 0 20px 0 0;
	}
	.foursetList > li:nth-child(3) {
		border-radius: 0 0 0 20px;
	}
	.foursetList > li:nth-child(4) {
		border-radius: 0 0 20px 0;
	}
	.foursetList > li > h3 {
		top: 10px;
		left: 10px;
	}
	.foursetList > li > h3 > span {
		padding: 5px;
		font-size: 18px;
	}
	.fourset p.att {
		padding: 0;
		margin: 0;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	/* 高品質低価格*/
	#price_point {
		width: calc(100% - 60px);
		max-width: 100%;
		margin: 0 auto 40px;
	}
	#price_point > h2 {
		margin: 0 auto 10px;
		font-size: 25px;
		line-height: 1.4em;
	}
	#price_point > h2 > b {
		font-size: 1.4em;
	}
	#price_point > h2 > strong {
		display: inline-block;
		font-size: 1.4em;
		line-height: 1.2em;
		margin-right: 5px;
	}
	#price_point > h3 {
		column-gap: 10px;
		margin: 0 auto 15px;
		justify-content: space-between;
	}
	#price_point > h3 > strong {
		display: inline-block;
		padding: 10px 15px;
		font-size: 35px;
		border: 2px solid #DAAF08;
		white-space: nowrap;
	}
	#price_point > h3 > span {
		font-size: 17px;
	}
	/* - リスト*/
	.price_pointList {
		width: 100%;
		grid-row-gap: 10px;
	}
	.price_pointList > li {
		width: calc(100%);
		padding: 10px;
		font-size: 18px;
		line-height: 1.4em;
		white-space: nowrap;
	}
	.price_pointList > li strong {
		font-size: 1.2em;
	}
	.price_pointList > li:nth-last-of-type(1),
	.price_pointList > li:nth-last-of-type(2) {
		width: calc(100%);
	}
	.price_pointList > li:last-child {
		margin-bottom: 0;
	}
}


/*エスコート一覧*/
.coatList {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.coatList > li {
    width: 31%;
    padding: 50px 10px 20px;
    margin: 0;
    border-radius: 10px;
    background: #fff;
    position: relative;
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
}
#price_coat .coatList > li {
	width: 23%;
	padding: 50px 10px 20px;
	margin: 0;
	border-radius: 10px;
	background: #fff;
	position: relative;
	filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
	-webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
}
/* - 見出し */
.coatList > li h2 {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    padding: 7px;
    margin: 0 auto 10px;
    background: #393939;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    z-index: 5;
    border-radius: 10px 10px 0 0;
}
/* - 画像 */
.coatList > li > figure {
    width: 100%;
    padding: 0;
    margin: 0 auto 20px;
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
}
.coatList > li > figure::before {
    content: '';
    display: block;
    padding-top: 65%;
}
.coatList > li > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    object-fit: cover;
}
/* - 施工箇所 */
.coatList > li > span {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #393939;
    text-align: center;
    padding: 0;
    margin: 0 auto 10px;
}
.coatList > li > span::before,
.coatList > li > span::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    padding: 0;
    margin: 0 10px;
    background: #393939;
}
/* - 値段 */
.coatList > li > .price {
    width: 100%;
    font-size: 50px;
    line-height: 1em;
    font-family: var(--font-jp);
    font-weight: 600;
    font-style: normal;
    white-space: nowrap;
    text-align: center;
    padding: 0;
    margin: 0 auto 10px;
    border: none;
    color: var(--main);
    position: relative;
    z-index: 5;
}
#price_coat .coatList > li > .price {
	font-size: 35px;
	white-space: nowrap;
}
.coatList > li > .price small {
    font-size: 18px;
}
.coatList > li > .price small:first-of-type {
    margin-right: 5px;
}
/* - ボタン */
.coatListBtn {
    text-align: center;
}
.coatListBtn a {
    display: inline-block;
    padding: 12px 60px;
    margin: 0 auto;
    text-align: center;
    position: relative;
	background: var(--main);
    border-radius: 40px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    z-index: 0;
}
.coatListBtn a::before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    padding: 0;
    margin: 0;
    background: #006e54;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.2s ease;
}
.coatListBtn a::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    padding: 0;
    margin: 0;
    background: none;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(-0,-50%) rotate(45deg);
    -webkit-transform: translate(-0,-50%) rotate(45deg);
}
.coatListBtn a:hover {
    text-decoration: none;
}
.coatListBtn a:hover::before {
    width: 100%;
    opacity: 1;
    transition: all 0.2s ease;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /*エスコート一覧*/
    .coatList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .coatList > li {
        width: 100%;
        padding: 45px 10px 20px;
        margin: 0 auto 20px;
        border-radius: 10px;
        background: #fff;
        position: relative;
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    }
	#price_coat .coatList > li {
		width: 100%;
		padding: 45px 10px 20px;
		margin: 0 auto 20px;
		border-radius: 10px;
		background: #fff;
		position: relative;
		filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
		-webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
	}
    /* - 見出し */
    .coatList > li h2 {
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 7px;
        margin: 0 auto 10px;
        background: #393939;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        z-index: 5;
        border-radius: 10px 10px 0 0;
    }
    /* - 値段 */
    .coatList > li > .price {
        width: 100%;
        font-size: 35px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 600;
        font-style: normal;
        white-space: nowrap;
        text-align: center;
        padding: 0;
        margin: 0 auto 10px;
        border: none;
        color: var(--main);
        position: relative;
        z-index: 5;
    }
	#price_coat .coatList > li > .price {
		font-size: 35px;
	}
    .coatList > li > .price small {
        font-size: 20px;
    }
    .coatList > li > .price small:first-of-type {
        margin-right: 5px;
    }
}

/* 水まわりコーティング 料金*/
.price_waterList {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.price_waterList > li {
    width: 48%;
    padding: 0;
    margin: 0 0 40px;
    border-radius: 0 10px 10px 10px;
    background: #fff;
    position: relative;
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
}
/* - 見出し*/
.price_waterList > li > h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    padding: 10px 30px;
    margin: 0 0 20px;
    background: var(--main);
    position: relative;
    z-index: 5;
    border-radius: 0 10px 0 0
}
.price_waterList > li > dl {
    padding: 10px 30px;
    margin: 0 auto;
}
.price_waterList > li > dl dt {
    width: 100%;
    padding: 0;
    margin: 0 auto 15px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    position: relative;
}
.price_waterList > li > dl dt::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    padding: 0;
    margin: 0 0 0 15px;
    background: #323232;
}
.price_waterList > li > dl dd {
    padding: 0;
    margin: 0 auto 20px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.price_waterList > li > dl dd:last-of-type {
    margin-bottom: 0;
}
.price_waterList > li > dl dd > p {
    width: 100%;
    padding: 0;
    margin: 0 auto 5px;
}
.price_waterList > li > dl dd > span {
    font-size: 0.8em;
}
.price_waterList > li > dl dd > p.price {
    width: 48%;
    font-size: 50px;
    line-height: 1em;
    font-family: var(--font-jp);
    font-weight: 600;
    font-style: normal;
    white-space: nowrap;
    text-align: left;
    padding: 0;
    margin: 0;
    border: none;
    color: var(--main);
}
.price_waterList > li > dl dd > p.price small {
    display: inline-block;
    font-size: 30px;
    margin-right: 5px;
}
.price_waterList > li > dl dd > p.price + p {
    width: 50%;
    padding: 0;
    margin: 0;
    font-size: 11px;
    text-align: justify;
    text-justify: inter-ideograph;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /* 水まわりコーティング 料金*/
    .price_waterList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .price_waterList > li {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
        border-radius: 0 10px 10px 10px;
        background: #fff;
        position: relative;
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    }
    /* - 見出し*/
    .price_waterList > li > h3 {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        white-space: nowrap;
        width: 100%;
        padding: 10px 30px;
        margin: 0 0 20px;
        background: var(--main);
        position: relative;
        z-index: 5;
        border-radius: 0 10px 0 0;
    }
    .price_waterList > li > dl {
        padding: 10px 30px 25px;
        margin: 0 auto;
    }
    .price_waterList > li > dl dd > p {
        width: 100%;
        font-size: 12px;
        padding: 0;
        margin: 0 auto 5px;
    }
    .price_waterList > li > dl dd > span {
        font-size: 0.8em;
    }
    .price_waterList > li > dl dd > p.price {
        width: 100%;
        font-size: 40px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 600;
        font-style: normal;
        white-space: nowrap;
        text-align: left;
        padding: 0;
        margin: 0;
        border: none;
        color: var(--main);
    }
    .price_waterList > li > dl dd > p.price small {
        display: inline-block;
        font-size: 25px;
        margin-right: 5px;
    }
    .price_waterList > li > dl dd > p.price + p {
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 12px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
}

/* 詳しく見るボタン */
/*ボタン*/
.moreBtn {
	text-align: center;
}
.moreBtn.w200 {
	max-width: 200px;
	text-align: left;
}
.moreBtn.mt20 {
	margin-top: 20px;
}
.moreBtn a {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	column-gap: 8px;
	background: var(--black);
	width: auto;
	padding: 15px 50px 15px 20px;
	margin: 0;
	border-radius: 50px;
	font-size: 15px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	transition: var(--ease);
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.moreBtn.wide a {
	padding: 15px 65px 15px 50px;
}
.moreBtn a::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	background: rgba(255,255,255,0.25);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform-origin: center;
	transition: var(--ease);
}
.moreBtn a::after {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	padding: 0;
	margin: 0;
	background: rgba(255,255,255,1);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 23px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform-origin: center;
	transition: var(--ease);
}
.moreBtn a:hover::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	background: var(--link);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0,-50%) scale(30);
	-webkit-transform: translate(0,-50%) scale(30);
	transform-origin: center;
	transition: var(--ease);
	z-index: -1;
}
.moreBtn a:hover::after {
	transform: translate(0,-50%) scale(2);
	-webkit-transform: translate(0,-50%) scale(2);
	transform-origin: center;
	transition: var(--ease);
}
.moreBtn a:hover {
	color: #fff;
	transition: var(--ease);
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /* 詳しく見るボタン */
	.moreBtn {
        text-align: center;
    }
	.moreBtn a {
		padding: 10px 40px 10px 15px;
		margin: 0;
		border-radius: 35px;
		font-size: 12px;
	}
	.moreBtn a::before {
		right: 8px;
	}
	.moreBtn a::after {
		right: 16px;
	}
	.moreBtn a:hover::before {
		right: 8px;
	}
}

/*その他 料金表*/
#price_other > nav {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto 50px;
    background: #fff;
}
#price_other > nav > ul {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#price_other > nav > ul > li {
    width: auto;
    padding: 0;
    margin: 0;
}
#price_other > nav > ul > li a {
    display: block;
    padding: 30px 20px;
    margin: 0;
    color: #c8c8c8;
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
}
#price_other > nav > ul > li a.act {
    color: var(--main);
}
#price_other > nav > ul > li:hover a {
    display: block;
    padding: 30px 20px;
    margin: 0;
    color: var(--main);
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
}
#price_other > nav > ul > li a::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    padding: 0;
    margin: 0;
    background: var(--main);
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scale(0, 1);
    transform-origin: center;
    opacity: 0;
    transition: all 0.3s ease;
}
#price_other > nav > ul > li a.act::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    padding: 0;
    margin: 0;
    background: var(--main);
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scale(1, 1);
    transform-origin: center;
    opacity: 1;
    transition: all 0.3s ease;
}
#price_other > nav > ul > li a:hover::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    padding: 0;
    margin: 0;
    background: var(--main);
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scale(1, 1);
    transform-origin: center;
    opacity: 1;
    transition: all 0.3s ease;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /*その他 料金表*/
    #price_other > nav {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 auto 30px;
        background: #fff;
    }
    #price_other > nav > ul {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #price_other > nav > ul > li {
        width: 50%;
        padding: 0;
        margin: 0;
    }
    #price_other > nav > ul > li a {
        display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		height: 100%;
        padding: 10px;
        margin: 0;
        color: #c8c8c8;
        font-size: 10px;
        line-height: 1.2em;
        font-weight: 600;
        text-align: center;
        transition: all 0.3s ease;
        position: relative;
        border-right: 1px solid var(--base);
        border-bottom: 1px solid var(--base);
    }
    #price_other > nav > ul > li a.act {
        color: var(--main);
    }
    #price_other > nav > ul > li:hover a {
        display: block;
        padding: 10px;
        margin: 0;
        color: var(--main);
        font-size: 10px;
        line-height: 1.2em;
        font-weight: 600;
        text-align: center;
        transition: all 0.3s ease;
        position: relative;
    }
    #price_other > nav > ul > li a::after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        bottom: 0;
        left: 0;
        transform: scale(0, 1);
        transform-origin: center;
        opacity: 0;
        transition: all 0.3s ease;
    }
    #price_other > nav > ul > li a.act::after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        bottom: 0;
        left: 0;
        transform: scale(1, 1);
        transform-origin: center;
        opacity: 1;
        transition: all 0.3s ease;
    }
    #price_other > nav > ul > li a:hover::after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        bottom: 0;
        left: 0;
        transform: scale(1, 1);
        transform-origin: center;
        opacity: 1;
        transition: all 0.3s ease;
    }
}

/*料金表*/
.price_otherBox {
    width: 100%;
    max-width: 1100px;
    padding: 50px;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff;
    position: relative;
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
}
.price_otherBox > h2 {
    padding: 0;
    margin: 0 auto 40px;
    text-align: center;
    background: none;
    border: none;
    font-size: 20px;
    line-height: 1;
    color: var(--main);
    font-weight: 600;
}
.price_otherList {
    width: 100%;
    padding: 0;
    margin: 0 auto 10px;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.price_otherList > li {
    width: 46%;
    padding: 0;
    margin: 0 0 20px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.price_otherList > li h3 {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 600;
    white-space: nowrap;
}
.price_otherList > li h3 small {
    font-size: 12px;
}
.price_otherList > li strong {
    width: 100%;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 600;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.price_otherList > li strong::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: none;
    border-top: 1px dashed #c8c8c8;
    padding: 0;
    margin: 0 15px;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /*料金表*/
    .price_otherBox {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 30px 30px 20px;
        margin: 0 auto;
        border-radius: 10px;
        background: #fff;
        position: relative;
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    }
    .price_otherBox > h2 {
        padding: 0;
        margin: 0 auto 20px;
        text-align: center;
        background: none;
        border: none;
        font-size: 20px;
        line-height: 1;
        color: var(--main);
        font-weight: 600;
    }
    .price_otherList {
        width: 100%;
        padding: 0;
        margin: 0 auto 20px;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .price_otherList > li {
        width: 100%;
        padding: 0;
        margin: 0 0 10px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
    }
    .price_otherList > li h3 {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        font-size: 10px;
        line-height: 1.2em;
        font-weight: 600;
        white-space: nowrap;
    }
    .price_otherList > li h3 small {
        font-size: 10px;
    }
    .price_otherList > li strong {
        width: 100%;
        font-size: 10px;
        line-height: 1.2em;
        font-weight: 600;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    .price_otherList > li strong::before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: none;
        border-top: 1px dashed #c8c8c8;
        padding: 0;
        margin: 0 15px;
    }
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  ハウスコーティング
/*--------------------------------------------*/
#hc_hcList {
    padding: 50px 0 0;
}
/*リスト*/
.houseList {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.houseList > li {
    width: 31%;
    padding: 0;
    margin: 0 auto 40px;
    position: relative;
}
.houseList > li:last-child {
    margin-bottom: 0;
}
.houseList > li figure {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
}
.houseList > li figure::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.houseList > li figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    object-fit: cover;
}
.houseListInfo {
    padding: 40px 0 20px;
    margin: 0;
    position: relative;
}
.houseList > li > .houseListInfo h3 {
    display: inline-block;
    padding: 15px 30px 15px 0;
    margin: 0;
    font-size: 20px;
    line-height: 1.4em;
    font-family: var(--font-jp);
    font-weight: 600;
    font-style: normal;
    background: #fff;
    border-radius: 0 20px 0 0;
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 5;
}
.houseList > li > .houseListInfo h3::before {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    padding: 0;
    margin: 0;
    background: var(--main);
    position: absolute;
    bottom: 0;
    left: 0;
}
.houseList > li > .houseListInfo p {
    width: 100%;
    padding: 0;
    margin: 0 auto 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #hc_hcList {
        padding: 0;
    }
    /*リスト*/
    .houseList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .houseList > li {
        width: 100%;
        padding: 0;
        margin: 0 auto 20px;
        position: relative;
    }
    .houseList > li:last-child {
        margin-bottom: 0;
    }
    .houseList > li figure {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        text-align: center;
        border-radius: 5px;
    }
    .houseListInfo {
        padding: 40px 0 20px;
        margin: 0;
        position: relative;
    }
    .houseList > li > .houseListInfo h3 {
        display: inline-block;
        padding: 15px 30px 15px 0;
        margin: 0;
        font-size: 18px;
        line-height: 1.4em;
        font-family: var(--font-jp);
        font-weight: 600;
        font-style: normal;
        background: #fff;
        border-radius: 0 20px 0 0;
        position: absolute;
        top: -30px;
        left: 0;
        z-index: 5;
    }
    .houseList > li > .houseListInfo h3::before {
        content: '';
        display: block;
        width: 50px;
        height: 2px;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .houseList > li > .houseListInfo p {
        width: 100%;
        padding: 0;
        margin: 0 auto 10px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  ハウスコーティング - 共通
/*--------------------------------------------*/

#hc_structure {
	background: #fff;
}

/* 紹介 */
#hc_about {
    width: 100%;
    padding: 100px 0;
    margin: 0 auto;
    position: relative;
}
#hc_about::before {
    content: '';
    display: block;
    width: calc(100% - 40px);
    height: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
	border-radius: 0 20px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
#hc_about::after {
    content: '';
    display: block;
    width: 100%;
    height: 40%;
    padding: 0;
    margin: 0;
    background: var(--base);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
}

/* - 情報*/
.hc_aboutBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.hc_aboutBox > figure {
    width: 50%;
    padding: 0;
    margin: 0;
    position: relative;
    text-align: center;
    overflow: hidden;
    filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
}
.hc_aboutBox > figure::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.hc_aboutBox > figure img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
	object-fit: cover;
	border-radius: 10px;
}
.hc_aboutBox > .hc_aboutInfo {
    width: calc(50% - 60px);
    padding: 0;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
}
.hc_aboutBox > figure.allimage {
    overflow: unset;
}
.hc_aboutBox > figure.allimage::before {
    display: none;
}
.hc_aboutBox > figure.allimage img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    -webkit-transform: unset;
}

.hc_aboutCenter {
    text-align: center;
}
.hc_aboutCenter > figure {
    width: 40%;
    padding: 0;
    margin: 0 auto 20px;
}
.hc_aboutCenter > p {
    text-align: center;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    
    #housecoating,
    #water,
    #mold,
    #air,
    #cloth,
    #wood,
    #entrance {
        padding-top: 30px;
    }
    
    /* 紹介 */
    #hc_about {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        position: relative;
    }
    #hc_about::before {
        display: none;
    }
    #hc_about::after {
        display: none;
    }

    /* - 情報*/
    .hc_aboutBox {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .hc_aboutBox > figure {
        width: 100%;
        padding: 0;
        margin: 0 auto 15px;
        position: relative;
        text-align: center;
        overflow: hidden;
        filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    }
    .hc_aboutBox > .hc_aboutInfo {
        width: 100%;
        padding: 0;
        margin: 0 auto 15px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .hc_aboutCenter {
        width: calc(100% - 60px);
        text-align: center;
        margin: 0 auto;
    }
    .hc_aboutCenter > figure {
        width: 100%;
        padding: 0;
        margin: 0 auto 15px;
    }
    .hc_aboutCenter > p {
        text-align: center;
    }
}

/* チェックリスト */
.checkList {
    text-align: center;
}
.checkList > ul {
    display: inline-block;
    padding: 0;
    margin: 0 auto;
    list-style: none;
}
.checkList > ul > li {
    padding: 0 0 0 25px;
    margin: 0 auto 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    background: url('https://test-floor.bex.jp/wp-content/themes/escoat_WP/library/images/new/check_green.svg') no-repeat;
    background-size: 15px;
    background-position: left 50%;
    white-space: nowrap;
    text-align: left;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /* チェックリスト */
    .checkList {
        width: calc(100% - 60px);
        margin: 0 auto;
        text-align: center;
    }
    .checkList > ul > li {
        padding: 0 0 0 20px;
        margin: 0 auto 20px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2em;
        background: url('https://test-floor.bex.jp/wp-content/themes/escoat_WP/library/images/new/check_green.svg') no-repeat;
        background-size: 15px;
        background-position: left top;
        white-space: normal;
        text-align: left;
    }
}
    

/* 施工場所 */
.fc_placelist {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto -40px;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fc_placelist > li {
    width: 48%;
    padding: 0 0 20px;
    margin: 0 0 40px;
    border-radius: 10px;
    background: #fff;
    position: relative;
    filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
}
.fc_placelist > li figure {
    width: calc(100% - 40px);
    padding: 0;
    margin: auto auto 15px;
    position: relative;
}
/* - 見出し */
.fc_placelist > li > h3 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    padding: 5px 0;
    margin: 0 auto 30px;
    background: var(--main);
    position: relative;
    z-index: 5;
    border-radius: 10px 10px 0 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /* 施工場所 */
    .fc_placelist {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .fc_placelist > li {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
        border-radius: 10px;
        background: #fff;
        position: relative;
        filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    }
    .fc_placelist > li:last-child {
        margin-bottom: 0;
    }
    /* - 見出し */
    .fc_placelist > li > h3 {
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 5px 0;
        margin: 0 auto 20px;
        background: var(--main);
        position: relative;
        z-index: 5;
    }
}

/*施工場所2*/
.placeBoxList {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.placeBoxList > .placeBox {
	width: 49%;
	padding: 0;
	margin: 0 0 25px;
	position: relative;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	-webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
#mainContents .placeBoxList > .placeBox > figure {
	width: 60%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.placeBox > figure::before {
	content: '';
	display: block;
	padding-top: 75%;
}
.placeBox > figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
/*情報*/
.placeList_info {
	width: 40%;
	padding: 0;
	margin: 0;
	position: relative;
}
.placeList_info > h3 {
	display: inline-block;
	padding: 8px 10px 8px 20px;
	margin: 0 0 10px;
	background: #3a94d7;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	position: relative;
	z-index: 0;
}
.placeList_info > h3::after {
	content: '';
	display: block;
	width: 20px;
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url('https://test-floor.bex.jp/wp-content/uploads/lp02_place_title_bg-1.svg');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top right;
	position: absolute;
	top: 0;
	right: -20px;
	z-index: -1;
}
.placeList_info > ul {
	width: 100%;
	padding: 0 20px 20px;
	margin: 0 auto;
	position: relative;
	list-style: none;
	counter-reset: num 0;
}
.placeList_info > ul > li {
	padding: 0 0 0 17px;
	margin: 0 0 2px;
	position: relative;
	font-size: 12px;
	line-height: 1.6em;
}
.placeList_info > ul > li::before {
	counter-increment: num 1;
	content: counter(num) "";
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: #3a94d7;
	border-radius: 50%;
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0.4em;
	left: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	.placeBoxList {
		width: calc(100% - 60px);
		max-width: 100%;
	}
	.placeBoxList > .placeBox {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		flex-wrap: wrap;
	}
	.placeBoxList > .placeBox:nth-last-of-type(1) {
		margin-bottom: 0;
	}
	.placeBoxList > .placeBox:nth-last-of-type(2) {
		margin-bottom: 20px;
	}
	#mainContents .placeBox > figure {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		text-align: center;
		overflow: hidden;
	}
	#mainContents .placeBoxList > .placeBox > figure {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		text-align: center;
		overflow: hidden;
	}
	/*情報*/
	.placeList_info {
		width: 100%;
		padding: 0 0 15px;
	}
	.placeList_info > h3 {
		display: inline-block;
		padding: 8px 20px 8px 30px;
		margin: 0 0 10px;
		background: #3a94d7;
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		line-height: 1;
	}
	.placeList_info > h3::after {
		content: '';
		display: block;
		width: 20px;
		height: 100%;
		padding: 0;
		margin: 0;
		background-image: url('https://test-floor.bex.jp/wp-content/uploads/lp02_place_title_bg-1.svg');
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: top right;
		position: absolute;
		top: 0;
		right: -20px;
		z-index: -1;
	}
	.placeList_info > ul {
		width: 100%;
		padding: 0 15px;
		margin: 0 auto;
		position: relative;
		list-style: none;
		counter-reset: num 0;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.placeList_info > ul > li {
		width: 48%;
		font-size: 12px;
		font-weight: bold;
	}
	.placeList_info > ul > li:nth-child(even) {
		width: 55%
	}
	.placeList_info > ul > li:nth-child(odd) {
		width: 42%
	}
	.placeList_info > ul > li.w100 {
		width: 100% !important;
	}
	.placeList_info > ul > li::before {
		top: 0.2em;
	}
}

/*特徴*/
#hc_feature > .comparisonTable {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
}
.hc_featureList {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto -35px;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}
.hc_featureList > li {
    width: 31%;
    padding: 0 0 20px;
    margin: 0 10px 35px;
    background: #fff;
    border-radius: 8px;
    filter: drop-shadow(3px 3px 30px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(3px 3px 30px rgba(160, 160, 160, 0.1));
}
.hc_featureList > li > h3 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    padding: 0;
    margin: 0 auto 20px;
    height: 40px;
    line-height: 40px;
    background: var(--main);
    position: relative;
    z-index: 0;
    border-radius: 8px 8px 0 0;
}
.hc_featureList > li > p {
    width: calc(100% - 40px);
    font-size: 13px;
    line-height: 1.7em;
    font-weight: 500;
    padding: 0;
    margin: 0 auto;
    text-align: justify;
    text-justify: inter-ideograph;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#hc_feature > .comparisonTable {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
	}
    /*特徴*/
    .hc_featureList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
    }
    .hc_featureList > li {
        width: 100%;
        padding: 0 0 20px;
        margin: 0 0 20px;
        background: #fff;
        border-radius: 8px;
        filter: drop-shadow(3px 3px 30px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(3px 3px 30px rgba(160, 160, 160, 0.1));
    }
    .hc_featureList > li:last-child {
        margin-bottom: 0;
    }
    .hc_featureList > li > h3 {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        padding: 0;
        margin: 0 auto 15px;
        height: 40px;
        line-height: 40px;
        background: var(--main);
        position: relative;
        z-index: 0;
        border-radius: 8px 8px 0 0;
    }
    .hc_featureList > li > p {
        width: calc(100% - 40px);
        font-size: 12px;
        line-height: 1.7em;
        font-weight: 500;
        padding: 0;
        margin: 0 auto;
        text-align: justify;
        text-justify: inter-ideograph;
    }
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  ハウスコーティング - 防カビコーティング
/*--------------------------------------------*/
#hc_safety figure {
    width: 15%;
}
#hc_safety figure::before {
    display: none;
}
#hc_safety figure img {
    width: 100%;
    height: auto;
    position: relative;
}
#hc_safety .hc_aboutInfo {
    width: calc(85% - 60px);
}
/*知られていないカビの恐怖*/
#hc_performance .performanceList {
    margin-bottom: 40px;
}
#hc_performance .performanceList > li > figure img {
    width: auto;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    object-fit: cover;
}
/*施工イメージ*/
.hc_imageBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.hc_imageBox.flex4::before,
.hc_imageBox.flex4::after {
    content: '';
    display: block;
    width: 23%;
}
.hc_imageBox.flex4::before {
    order: 1;
}
.hc_imageBox > figure {
    width: 48%;
    padding: 0;
    margin: 0;
}
.hc_imageBox.flex4 > figure {
    width: 23%;
    padding: 0;
    margin: 0;
}
#office .hc_imageBox > figure {
    width: 100%;
    padding: 0;
    margin: 0;
}
.hc_imageBox > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    border-radius: 10px;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #office {
        padding-top: 30px;
    }
    #hc_safety figure {
        width: 60%;
        margin: 0 auto;
    }
    #hc_safety figure::before {
        display: none;
    }
    #hc_safety figure img {
        width: 100%;
        height: auto;
        position: relative;
    }
    #hc_safety .hc_aboutInfo {
        width: calc(100% - 60px);
    }
    /*知られていないカビの恐怖*/
    #hc_performance .performanceList {
        margin-bottom: 20px;
    }
    /*施工イメージ*/
    .hc_imageBox {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .hc_imageBox.flex4::before,
    .hc_imageBox.flex4::after {
        content: '';
        display: none;
    }
    .hc_imageBox.flex4::before {
        order: 1;
    }
    .hc_imageBox > figure {
        width: 48%;
        padding: 0;
        margin: 0;
    }
    .hc_imageBox.flex4 > figure {
        width: 48%;
        padding: 0;
        margin: 0 0 15px;
    }
    #about_company .hc_imageBox > figure {
        width: 100%;
        padding: 0;
        margin: 0 auto 20px;
    }
    .hc_imageBox > figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        border-radius: 10px;
    }
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  ハウスコーティング - エアークリーンコーティング
/*--------------------------------------------*/
.imageBox {
    width: 50%;
    padding: 0;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.imageBox > dl {
    width: 48%;
    height: 100%;
    padding: 0;
    margin: 0;
    border-radius: 10px;
    border: 2px solid var(--main);
    overflow: hidden;
}
.imageBox > dl dt {
    width: 100%;
    padding: 10px;
    margin: 0;
    background: var(--main);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
}
.imageBox > dl dd {
    padding: 20px;
    margin: 0;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.imageBox > dl dd figure {
    padding: 0;
    margin: 0 auto 20px;
}
.imageBox > dl dd figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
.imageBox > dl dd p {
    text-align: center;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    .imageBox {
        width: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .imageBox > dl {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 auto 20px;
        border-radius: 10px;
        border: 2px solid var(--main);
        overflow: hidden;
    }
    .imageBox > dl:last-of-type {
        margin-bottom: 0;
    }
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  会社案内
/*--------------------------------------------*/
#about_greeting {
    width: 100%;
    padding: 100px 0;
    margin: 0 auto;
    position: relative;
}
.aboutBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.aboutBox > figure {
    width: 50%;
    padding: 0;
    margin: 0;
    position: relative;
}
.aboutBox > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(3px 3px 20px rgba(160, 160, 160, 0.1));
	border-radius: 10px;
}
.aboutBox > figure.sticky img {
    position: sticky;
    top: 150px;
    left: 0;
}
.aboutBox > .aboutInfo {
    width: calc(50% - 60px);
    padding: 0;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
}
.aboutBox > .aboutInfo > p {
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0 auto 10px;
}
.aboutBox > .aboutInfo > p.name {
    font-size: 15px;
    line-height: 1em;
    font-family: var(--font-jp);
    font-weight: 600;
    font-style: normal;
    text-align: right;
    padding: 0;
    margin: 10px 0 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #about_greeting {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        position: relative;
    }
    .aboutBox {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto 20px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .aboutBox > figure {
        width: 100%;
        padding: 0;
        margin: 0;
        position: relative;
    }
    .aboutBox > figure.sticky img {
        position: relative;
        top: unset;
        left: unset;
    }
    .aboutBox > .aboutInfo {
        width: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .aboutBox > .aboutInfo > p {
        width: 100%;
        text-align: left;
        padding: 0;
        margin: 0 auto 10px;
    }
    .aboutBox > .aboutInfo > p.name {
        font-size: 12px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 600;
        font-style: normal;
        text-align: right;
        padding: 0;
        margin: 10px 0 20px;
    }
}

/* 企業理念リスト */
.centerList {
    text-align: center;
}
.centerList > ul {
    display: inline-block;
    padding: 50px;
    margin: 0 auto;
    background: var(--base);
    list-style: none;
    border-radius: 10px;
}
.centerList > ul > li {
    padding: 0;
    margin: 0 auto 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    text-align: left;
}
.centerList > ul > li:last-child {
    margin-bottom: 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /* 企業理念リスト */
    .centerList {
        text-align: center;
    }
    .centerList > ul {
        width: calc(100% - 60px);
        display: inline-block;
        padding: 20px;
        margin: 0 auto;
        background: var(--base);
        list-style: none;
        border-radius: 10px;
    }
    .centerList > ul > li {
        padding: 0;
        margin: 0 auto 15px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4em;
        text-align: left;
    }
    .centerList > ul > li:last-child {
        margin-bottom: 0;
    }
}

/* エスガラスコートの優れた塗膜性能 */
.about_table {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto 50px;
    border: none;
    background: none;
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
}
.about_table th {
    color: #fff;
    font-weight: 600;
    background: var(--main);
    text-align: center;
    border: none;
    padding: 20px 30px;
    margin: 0;
    white-space: nowrap;
    border-bottom: 1px solid #fff;
}
.about_table tr:first-of-type th {
    border-radius: 10px 0 0 0;
}
.about_table tr:last-of-type th {
    border-radius: 0 0 0 10px;
}
.about_table tr:nth-child(even) td {
    padding: 20px 30px;
    margin: 0;
    background: #fff;
    text-align: left;
    border: none;
    border-bottom: 1px solid #fff;
}
.about_table tr:nth-child(odd) td {
    padding: 20px 30px;
    margin: 0;
    background: #fafafa;
    text-align: left;
    border: none;
}
.about_table tr td:first-of-type,
.about_table tr td:last-of-type{
    white-space: wrap;
}
.about_table tr td:last-of-type {
    border-right: none;
}
.about_table tr:first-of-type td {
    border-radius: 0 10px 0 0;
}
.about_table tr:last-of-type td {
    border-radius: 0 0 10px 0;
}

#about_company .hc_imageBox figure h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 0;
    margin: 0 auto 15px;
}
#about_company .hc_imageBox figure iframe {
    width: 100%;
    height: 300px;
    border-radius: 10px;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /* エスガラスコートの優れた塗膜性能 */
    .about_table {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0 auto 20px;
        border: none;
        background: none;
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    }
    .about_table th {
        color: #fff;
        font-weight: 600;
        background: var(--main);
        text-align: center;
        border: none;
        padding: 20px 30px;
        margin: 0;
        white-space: nowrap;
        border-bottom: 1px solid #fff;
    }
    .about_table tr:first-of-type th {
        border-radius: 10px 0 0 0;
    }
    .about_table tr:last-of-type th {
        border-radius: 0 0 0 10px;
    }
    .about_table tr:nth-child(even) td {
        padding: 20px 30px;
        margin: 0;
        background: #fff;
        text-align: left;
        border: none;
        border-bottom: 1px solid #fff;
    }
    .about_table tr:nth-child(odd) td {
        padding: 20px 30px;
        margin: 0;
        background: #fafafa;
        text-align: left;
        border: none;
    }
    .about_table tr td:first-of-type,
    .about_table tr td:last-of-type{
        white-space: wrap;
    }
    .about_table tr td:last-of-type {
        border-right: none;
    }
    .about_table tr:first-of-type td {
        border-radius: 0 10px 0 0;
    }
    .about_table tr:last-of-type td {
        border-radius: 0 0 10px 0;
    }
    #about_company .hc_imageBox figure h3 {
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        padding: 0;
        margin: 0 auto 15px;
    }
    #about_company .hc_imageBox figure iframe {
        width: 100%;
        height: 200px;
        border-radius: 10px;
    }
}

/*対応エリア*/
#about_area {
    padding: 100px 0;
}
.areaBox {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.areaBox > figure {
    width: 50%;
    padding: 30px;
    margin: 0;
    position: relative;
}
.areaBox > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
	mix-blend-mode: multiply;
}
.areaBox > figure.sticky img {
    position: sticky;
    top: 150px;
    left: 0;
}
.areaBox > figure.noshade img {
    filter: none;
    -webkit-filter: none;
}
.areaInfo {
    width: calc(50% - 60px);
    padding: 0;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
}
.areaInfo > h3 {
    width: 100%;
    font-size: 20px;
    line-height: 1em;
    font-family: var(--font-jp);
    font-weight: 500;
    padding: 0 0 0 15px;
    margin: 0 auto 10px;
    position: relative;
}
.areaInfo > h3::before {
    content: '';
    display: block;
    width: 5px;
    height: 100%;
    padding: 0;
    margin: 0;
	border-radius: 5px;
    background: var(--main);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.areaInfo > p {
    padding: 0;
    margin: 0 auto 40px;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    /*対応エリア*/
    #about_area {
        padding: 40px 0;
    }
    .areaBox {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .areaBox > figure {
        display: none;
    }
    .areaInfo {
        width: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .areaInfo > h3 {
        width: 100%;
        font-size: 16px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 500;
        padding: 0 0 0 15px;
        margin: 0 auto 10px;
        position: relative;
    }
    .areaInfo > h3::before {
        content: '';
        display: block;
        width: 3px;
        height: 100%;
        padding: 0;
        margin: 0;
        background: var(--main);
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
    }
    .areaInfo > p {
        font-size: 12px;
        padding: 0;
        margin: 0 auto 30px;
    }
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  よくある質問
/*--------------------------------------------*/
#faq {
    width: 100%;
    padding: 50px 0 0;
    margin: 0;
    background: #fff;
}
#faq-p {
	padding: 0;
	margin: 0 auto;
}
.faq_about {
	text-align: center;
	margin: 0 auto 40px;
}
/*タイトル*/
.faqList {
    width: 100%;
    max-width: 1000px;
    padding: 0;
    margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.faqList dl {
    width: 100%;
    padding: 0;
    margin: 0 auto;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.faqList dl dt {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    background: none;
    font-size: 20px;
    color: var(--text);
    position: relative;
    z-index: 0;
    padding: 20px 60px 20px 70px;
    margin: 0;
    cursor: pointer;
    transition: all 0.5s ease;
}
.faqList dl dt:hover {
	color: var(--main);
	transition: all 0.5s ease;
}
.faqList dl dt::before {
    content: 'Q';
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
    font-family: var(--font-en);
}
.faqList dl dt span::before,
.faqList dl dt span::after {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background: var(--text);
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.faqList dl dt span::after {
	background: var(--text);
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}
.faqList dt span.active::after {
    transform: rotate(0);
    transition: 0.5s;
}
.faqList dl dd {
    padding: 20px 20px 20px 70px;
    margin: 20px auto 20px;
    background: #fff;
    position: relative;
}
.faqList dl dd::before {
    content: 'A';
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
	font-family: var(--font-en);
	color: var(--main);
}
.faqList dl dd p {
    padding: 0;
    margin: 0;
    line-height: 2;
}
.faqList dl dd p:last-of-type {
    margin-bottom: 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #faq {
        width: 100%;
        padding: 0;
        margin: 0;
        background: #fff;
    }
	.faq_about {
		text-align: center;
		padding: 30px;
		margin: 0 auto;
	}
    /*タイトル*/
    .faqList {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto 20px;
		grid-row-gap: 10px;
    }
    .faqList dl {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    .faqList dl dt {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
		background: var(--main);
        border: 1px solid var(--main);
        border-radius: 10px;
        font-size: 14px;
        line-height: 1.4em;
        color: #fff;
        position: relative;
        z-index: 0;
        padding: 10px 35px 10px 35px;
        margin: 0;
        cursor: pointer;
        transition: all 0.5s ease;
    }
    .faqList dl dt::before {
        content: 'Q';
        display: block;
        width: 22px;
        height: 22px;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        font-size: 20px;
        line-height: 1;
        font-weight: bold;
		font-family: var(--font-en);
        color: #fff;
    }
    .faqList dl dt:hover {
        color: #fff;
        transition: all 0.5s ease;
    }
    .faqList dl dt span::before,
    .faqList dl dt span::after {
        content: '';
        display: block;
        width: 10px;
        height: 2px;
        border-radius: 5px;
        background: #fff;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    .faqList dl dt span::after {
        background: #fff;
        transform: translateY(-50%) rotate(90deg);
        transition: 0.5s;
    }
    .faqList dt span.active::after {
        transform: rotate(0);
        transition: 0.5s;
    }
    .faqList dl dd {
        padding: 10px 10px 10px 35px;
        margin: 10px auto 10px;
        background: var(--base);
        position: relative;
        border-radius: 10px;
    }
    .faqList dl dd::before {
        content: 'A';
        display: block;
        width: 22px;
        height: 22px;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        font-size: 20px;
        line-height: 1;
        font-weight: bold;
		font-family: var(--font-en);
    }
    .faqList dl dd p {
        padding: 0;
        margin: 0;
        line-height: 1.7em;
    }
    .faqList dl dd p:last-of-type {
        margin-bottom: 0;
    }
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  アーカイブリスト
/*--------------------------------------------*/
.archiveList {
    width: 100%;
    max-width: 1100px;
    padding: 50px 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.archiveList::before,
.archiveList::after {
    content: '';
    display: block;
    width: 23%;
}
.archiveList::before {
    order: 1;
}
.archiveList > li {
    width: 23%;
    padding: 0;
    margin: 0 0 30px;
}
.archiveList > li figure {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 5px;
}
.archiveList > li figure::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.archiveList > li figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    object-fit: cover;
}
.archiveList > li .date {
    display: inline-block;
    color: #393939;
    font-size: 12px;
    line-height: 1;
    padding: 0;
    margin: 0 0 5px;
}
.archiveList > li h3 {
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 600;
    padding: 0;
    margin: 0;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    .archiveList {
        width: 100%;
        max-width: 100%;
        padding: 30px 0;
        margin: 0 auto;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .archiveList::before,
    .archiveList::after {
        content: '';
        display: none;
    }
    .archiveList::before {
        order: 1;
    }
    .archiveList > li {
        width: 47%;
        padding: 0;
        margin: 0 0 20px;
    }
    .archiveList > li .date {
        display: inline-block;
        color: #393939;
        font-size: 10px;
        line-height: 1;
        padding: 0;
        margin: 0 0 5px;
    }
    .archiveList > li h3 {
        font-size: 12px;
        line-height: 1.4em;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  お客様の声　詳細
/*--------------------------------------------*/
#voiceDetail {
    width: 100%;
    max-width: 1100px;
    padding: 0 0 100px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.voiceDetailInfo {
    width: 48%;
    padding: 0;
    margin: 0;
}
#voiceDetail > figure {
    width: 48%;
    padding: 0;
    margin: 0;
}
#voiceDetail > figure img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    border-radius: 10px;
}
.voiceDetailInfo > h2 {
    width: 100%;
    padding: 0;
    margin: 0 auto 10px;
    font-size: 25px;
    line-height: 1.4em;
    font-weight: 600;
}
.voiceDetailInfo > h3 {
    display: inline-block;
    padding: 7px 15px;
    margin: 0 0 15px;
    border: 1px solid var(--main); 
    border-radius: 40px;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: var(--main);
}

.ratingList {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ratingList > li {
    padding: 20px;
    margin: 0 auto 20px;
    border-radius: 5px;
    background: var(--base);
}
.ratingList > li > h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 0;
    margin: 0 0 10px;
}

/*各評価*/
.ratingList .level {
    position: relative;
    padding: 0;
}
.ratingList .level div {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.ratingList .level div::after {
    position: relative;
    background: url("../images/inner/voice_level.png") no-repeat;
    background-position: center;
    background-size: 100%;
    width: 107px;
    height: 20px;
    content: "";
}
.ratingList .level .level75::after {
    background-image: url("../images/inner/voice_level75.png")
}
.ratingList .level .level50::after {
    background-image: url("../images/inner/voice_level50.png")
}
.ratingList .level .level25::after {
    background-image: url("../images/inner/voice_level25.png")
}
.ratingList .level .level0::after {
    background-image: url("../images/inner/voice_level0.png")
}
.ratingList .level div > p {
    font-size: 14px;
    line-height: 1;
    padding: 5px 10px;
    margin: 0 10px 0 0;
    border-radius: 3px;
    background: var(--main);
    color: #fff;
}

.voiceDetailTxt {
    width: 100%;
    padding: 50px;
    margin: 50px auto 0;
    border-radius: 10px;
    background: linear-gradient(0deg,transparent 9px,rgba(0,0,0,.05) 10px),linear-gradient(90deg,transparent 9px,rgba(0,0,0,.05) 10px);
    background-color: #fff;
    background-size: 10px 10px;
    border: 1px solid #c8c8c8;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #voiceDetail {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .voiceDetailInfo {
        width: 100%;
        padding: 0;
        margin: 0;
        order: 1;
        text-align: center;
    }
    #voiceDetail > figure {
        width: 100%;
        padding: 0;
        margin: 0 auto 15px;
    }
    #voiceDetail > figure img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        border-radius: 10px;
    }
    .voiceDetailInfo > h2 {
        width: 100%;
        padding: 0;
        margin: 0 auto 10px;
        font-size: 18px;
        line-height: 1.4em;
        font-weight: 600;
        text-align: center;
    }
    .voiceDetailInfo > h3 {
        display: inline-block;
        padding: 7px 15px;
        margin: 0 auto 15px;
        border: 1px solid var(--main); 
        border-radius: 40px;
        font-size: 14px;
        line-height: 1;
        font-weight: 600;
        color: var(--main);
        text-align: center;
    }

    .ratingList {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .ratingList > li {
        padding: 20px;
        margin: 0 auto 10px;
        border-radius: 5px;
        background: var(--base);
    }
    .ratingList > li > h4 {
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        padding: 0;
        margin: 0 0 10px;
        text-align: left;
    }

    /*各評価*/
    .ratingList .level {
        position: relative;
        padding: 0;
    }
    .ratingList .level div {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .ratingList .level div::after {
        position: relative;
        background: url("../images/inner/voice_level.png") no-repeat;
        background-position: center;
        background-size: 100%;
        width: 107px;
        height: 20px;
        content: "";
    }
    .ratingList .level .level75::after {
        background-image: url("../images/inner/voice_level75.png")
    }
    .ratingList .level .level50::after {
        background-image: url("../images/inner/voice_level50.png")
    }
    .ratingList .level .level25::after {
        background-image: url("../images/inner/voice_level25.png")
    }
    .ratingList .level .level0::after {
        background-image: url("../images/inner/voice_level0.png")
    }
    .ratingList .level div > p {
        font-size: 12px;
        line-height: 1;
        padding: 5px 10px;
        margin: 0 10px 0 0;
        border-radius: 3px;
        background: var(--main);
        color: #fff;
    }

    .voiceDetailTxt {
        width: 100%;
        padding: 20px;
        margin: 20px auto 0;
        border-radius: 10px;
        background: linear-gradient(0deg,transparent 9px,rgba(0,0,0,.05) 10px),linear-gradient(90deg,transparent 9px,rgba(0,0,0,.05) 10px);
        background-color: #fff;
        background-size: 10px 10px;
        border: 1px solid #c8c8c8;
        order: 2;
    }
}


/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  新着　コラム　キャンペーン　詳細
/*--------------------------------------------*/
#post .date {
    text-align: right;
    padding: 0;
    margin: 0 auto;
    font-family: var(--font-jp);
    font-size: 15px;
    line-height: 1;
    color: #222;
    font-weight: bold;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #post .date {
        font-size: 12px;
    }
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  お見積り
/*--------------------------------------------*/
#estimateFormWrap {
    width: 100%;
    padding: 0 0 100px;
    margin: 0 auto;
    background: none;
    position: relative;
}
#estimateFormWrap p.estimateAbout {
    text-align: center;
    margin-bottom: 50px;
}
#estimateFormWrap .telbox {
	width: 100%;
	padding: 30px 0;
	margin: 0 auto 50px;
	background: #fff;
	position: relative;
	text-align: center;
}
#estimateFormWrap .telbox tel{
	display: block;
	padding: 0;
	margin: 0 auto;
}
#estimateFormWrap .telbox > p {
	padding: 0;
	margin: 0 auto 10px;
}
#estimateFormWrap .telbox > p:last-of-type {
	margin-bottom: 0;
}
#estimateFormWrap .telbox a {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	align-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
	position: relative;
	font-family: var(--font-en);
	font-size: 50px;
	line-height: 1;
	color: #222;
	font-weight: bold;
	padding: 0;
	margin: 0 auto 10px;
	transition: all 0.3s ease;
}
#estimateFormWrap .telbox a:hover {
	text-decoration: none;
	color: #FF6900;
	transition: all 0.3s ease;
}
#estimateFormWrap .telbox a::before {
	content: "";
	display: block;
	background: url(../images/common/icon_freedial01.png) no-repeat center / cover;
	width: 65px;
	height: 36px;
	margin: auto;
}
#estimateFormWrap .telbox span {
	display: block;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	font-family: var(--font-jp);
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.2em;
	font-weight: 500;
}
#estimateFormWrap h2 {
    width: 100%;
    font-size: 30px;
    line-height: 1em;
    font-family: var(--font-jp);
    font-weight: 600;
    font-style: normal;
    white-space: nowrap;
    text-align: center;
    padding: 0;
    margin: 0 auto 7px;
    border: none;
    color: #393939;
    position: relative;
    z-index: 5;
}
#estimateFormWrap h2 + p em {
    display: block;
    text-align: center;
    padding: 0;
    margin: 0 auto 40px;
    font-size: 12px;
    line-height: 1em;
    letter-spacing: 0.1em;
    font-family: var(--font-jp);
    font-weight: 400;
    font-style: normal;
    white-space: nowrap;
    color: var(--main);
}


/* 入力フォームテーブル */
.estimateForm {
    width: 100%;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto 50px;
    border: none;
    background: none;
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
}
.estimateForm tr {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.estimateForm th {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 25%;
    color: #fff;
    font-weight: 600;
    background: var(--main);
    border: none;
    padding: 20px 30px;
    margin: 0;
    white-space: nowrap;
    border-bottom: 1px solid #fff;
    text-align: left;
    position: relative;
}
.estimateForm tr:first-of-type th {
    border-radius: 10px 0 0 0;
}
.estimateForm tr:last-of-type th {
    border-radius: 0 0 0 10px;
}
.estimateForm.oneclm tr:first-of-type th {
	border-radius: 10px 0 0 10px;
}
.estimateForm.oneclm tr:last-of-type th {
	border-radius: 10px 0 0 10px;
}
.estimateForm tr td {
    width: 75%;
}
.estimateForm tr:nth-child(even) td {
    padding: 20px 30px;
    margin: 0;
    background: #fff;
    text-align: left;
    border: none;
    border-bottom: 1px solid #fff;
}
.estimateForm tr:nth-child(odd) td {
    padding: 20px 30px;
    margin: 0;
    background: #fafafa;
    text-align: left;
    border: none;
}
.estimateForm tr td:first-of-type,
.estimateForm tr td:last-of-type{
    white-space: wrap;
}
.estimateForm tr td:last-of-type {
    border-right: none;
}
.estimateForm tr:first-of-type td {
    border-radius: 0 10px 0 0;
}
.estimateForm tr:last-of-type td {
    border-radius: 0 0 10px 0;
}
.estimateForm.oneclm tr:first-of-type td {
	border-radius: 10px 10px 0 0;
}
.estimateForm.oneclm tr:last-of-type td {
	border-radius: 0 10px 10px 0;
}
.estimateForm th > .att {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
    background: #cc1433;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

.estimateForm tr td span.checkname {
	display: inline-block;
	width: 70px;
	padding: 0;
	margin: 0;
}

/*フォーム幅*/
.estimateForm td input.w10,
.estimateForm td textarea.w10 {
    width: 10%;
}
.estimateForm td input.w25,
.estimateForm td textarea.w25 {
    width: 25%;
}
.estimateForm td input.w50,
.estimateForm td textarea.w50 {
    width: 50%;
}
.estimateForm td input.w100,
.estimateForm td textarea.w100 {
    width: 100%;
}

/*チェックボックス*/
.estimateForm td .wpcf7-list-item {
    margin: 0 1.5em 0 0;
}
.estimateForm td .wpcf7-list-item label {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
}
.estimateForm td input[type=checkbox],
.estimateForm td input[type=radio] {
    margin: 0 5px 0 0;
}

/*フォームリスト*/
.formList {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.formList > li {
    width: 30%;
    padding: 0;
    margin: 5px 0;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
    white-space: nowrap;
}
.formList > li > span:first-of-type {
    min-width: 35%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.formList > li > span:first-of-type::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: var(--main);
    padding: 0;
    margin: 0 5px 0 0;
}
.formList > li input {
    margin: 0 5px;
    width: 90%;
}
/*ファイル添付*/
.fileTxt {
    margin-bottom: 5px;
}
/*キャンペーン*/
.estimateForm td > p.ef_campaign {
    display: block;
    margin-bottom: 20px;
    text-align: left;
}
.estimateForm td > p.ef_campaign > span {
    display: block;
}
.estimateForm td > p.ef_campaign:last-of-type {
    margin-bottom: 0;
}
/*送信ボタン*/
#estimateFormWrap .txt_cent {
    text-align: center;
}
#estimateFormWrap .txt_cent input[type="submit"] {
    -webkit-appearance: none;
}
#estimateFormWrap .txt_cent input {
    padding: 20px 100px;
    margin: 0 auto;
    display: inline-block;
    background: var(--black);
    border: none;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: 0.5s;
    border-radius: 40px;
}
#estimateFormWrap .txt_cent input:hover {
	background: var(--link);
	opacity: 1;
	transition: 0.5s;
}
#estimateFormWrap .txt_cent .wpcf7-spinner {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
}
/*送信エラー*/
.wpcf7 form .wpcf7-response-output {
    width: 100%;
    max-width: 1100px;
    padding: 30px;
    margin: 50px auto 0;
}
.wpcf7-not-valid-tip {
    display: inline-block;
    margin: 0 0 0 5px;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #estimateFormWrap {
        width: 100%;
        padding: 0 0 30px;
        margin: 0 auto;
        background: none;
        position: relative;
    }
    #estimateFormWrap p.estimateAbout {
        width: calc(100% - 60px);
        margin: 0 auto;
        text-align: center;
        margin-bottom: 40px;
    }
	
	#estimateFormWrap .telbox {
		width: 100%;
		padding: 20px 0;
		margin: 0 auto 40px;
		background: #fff;
		position: relative;
		text-align: center;
	}
	#estimateFormWrap .telbox tel{
		display: block;
		padding: 0;
		margin: 0 auto;
	}
	#estimateFormWrap .telbox > p {
		padding: 0;
		margin: 0 auto 10px;
	}
	#estimateFormWrap .telbox > p:last-of-type {
		margin-bottom: 0;
	}
	#estimateFormWrap .telbox a {
		display: inline-flex;
		display: -webkit-inline-flex;
		justify-content: center;
		align-content: flex-end;
		align-items: flex-end;
		flex-wrap: wrap;
		position: relative;
		font-family: var(--font-en);
		font-size: 40px;
		line-height: 1;
		color: #222;
		font-weight: bold;
		padding: 0;
		margin: 0 auto 10px;
		transition: all 0.3s ease;
	}
	#estimateFormWrap .telbox a:hover {
		text-decoration: none;
		color: #FF6900;
		transition: all 0.3s ease;
	}
	#estimateFormWrap .telbox a::before {
		content: "";
		display: block;
		background: url(../images/common/icon_freedial01.png) no-repeat center / cover;
		width: 55px;
		height: 30px;
		margin: auto;
	}
	#estimateFormWrap .telbox span {
		display: block;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		font-family: var(--font-jp);
		font-size: 14px;
		line-height: 1;
		letter-spacing: 0.2em;
		font-weight: 500;
	}
	
    #estimateFormWrap h2 {
        width: 100%;
        font-size: 20px;
        line-height: 1em;
        font-family: var(--font-jp);
        font-weight: 600;
        font-style: normal;
        white-space: nowrap;
        text-align: center;
        padding: 0;
        margin: 0 auto 7px;
        border: none;
        color: #393939;
        position: relative;
        z-index: 5;
    }
    #estimateFormWrap h2 + p em {
        display: block;
        text-align: center;
        padding: 0;
        margin: 0 auto 20px;
        font-size: 12px;
        line-height: 1em;
        letter-spacing: 0.1em;
        font-family: var(--font-jp);
        font-weight: 400;
        font-style: normal;
        white-space: nowrap;
        color: var(--main);
    }


    /* 入力フォームテーブル */
    .estimateForm {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 0;
        margin: 0 auto 30px;
        border: none;
        background: none;
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
        -webkit-filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.1));
    }
    .estimateForm tr {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .estimateForm th {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        color: #fff;
        font-weight: 600;
        background: var(--main);
        border: none;
        padding: 10px 20px;
        margin: 0;
        white-space: nowrap;
        border-bottom: 1px solid #fff;
        text-align: left;
        position: relative;
    }
    .estimateForm tr:first-of-type th {
        border-radius: 10px 10px 0 0;
    }
    .estimateForm tr:last-of-type th {
        border-radius: 0;
    }
    .estimateForm tr td {
        width: 100%;
    }
    .estimateForm tr:nth-child(even) td {
        padding: 20px;
        margin: 0;
        background: #fff;
        text-align: left;
        border: none;
        border-bottom: 1px solid #fff;
    }
    .estimateForm tr:nth-child(odd) td {
        padding: 20px;
        margin: 0;
        background: #fff;
        text-align: left;
        border: none;
    }
    .estimateForm tr td:first-of-type,
    .estimateForm tr td:last-of-type{
        white-space: wrap;
    }
    .estimateForm tr td:last-of-type {
        border-right: none;
    }
    .estimateForm tr:first-of-type td {
        border-radius: 0;
    }
    .estimateForm tr:last-of-type td {
        border-radius: 0 0 10px 10px;
    }
    .estimateForm th > .att {
        display: inline-block;
        padding: 4px 7px;
        margin: 0;
        background: #cc1433;
        border-radius: 3px;
        color: #fff;
        font-size: 10px;
        line-height: 1;
    }
    
    .estimateForm td input,
    .estimateForm td textarea {
        font-size: 14px;
    }
    
    .estimateForm td small {
        font-size: 10px;
        line-height: 1.4em;
    }

    /*フォーム幅*/
    .estimateForm td input.w10,
    .estimateForm td textarea.w10 {
        width: 25%;
    }
    .estimateForm td input.w25,
    .estimateForm td textarea.w25 {
        width: 50%;
    }
    .estimateForm td input.w50,
    .estimateForm td textarea.w50 {
        width: 100%;
    }
    .estimateForm td input.w100,
    .estimateForm td textarea.w100 {
        width: 100%;
    }

    /*チェックボックス*/
    .estimateForm td .wpcf7-list-item {
        margin: 0 1.5em 0 0;
    }
    .estimateForm td .wpcf7-list-item label {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        cursor: pointer;
    }
    .estimateForm td input[type=checkbox],
    .estimateForm td input[type=radio] {
        margin: 0 5px 0 0;
    }

    /*フォームリスト*/
    .formList {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .formList > li {
        width: 100%;
        padding: 0;
        margin: 5px 0;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
        position: relative;
        white-space: nowrap;
    }
    .formList > li > span:first-of-type {
        min-width: 35%;
        position: relative;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
    }
    .formList > li > span:first-of-type::before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background: var(--main);
        padding: 0;
        margin: 0 5px 0 0;
    }
    .formList > li input {
        margin: 0 5px;
        width: 90%;
    }
    /*ファイル添付*/
    .fileTxt {
        margin-bottom: 5px;
    }
    /*キャンペーン*/
    .estimateForm td > p.ef_campaign {
        display: block;
        margin-bottom: 20px;
        text-align: left;
    }
    .estimateForm td > p.ef_campaign > span {
        display: block;
    }
    .estimateForm td > p.ef_campaign:last-of-type {
        margin-bottom: 0;
    }
    /*送信ボタン*/
    #estimateFormWrap .txt_cent {
        text-align: center;
    }
    #estimateFormWrap .txt_cent input[type="submit"] {
        -webkit-appearance: none;
    }
    #estimateFormWrap .txt_cent input {
        padding: 20px 100px;
        margin: 0 auto;
        display: inline-block;
        background: var(--black);
        border: none;
        color: #fff;
        font-weight: 600;
        cursor: pointer;
        transition: 0.5s;
        border-radius: 40px;
    }
    #estimateFormWrap .txt_cent .wpcf7-spinner {
        width: 0;
        height: 0;
        padding: 0;
        margin: 0;
    }
    /*送信エラー*/
    .wpcf7 form .wpcf7-response-output {
        width: 100%;
        max-width: 1100px;
        padding: 30px;
        margin: 50px auto 0;
    }
    .wpcf7-not-valid-tip {
        display: inline-block;
        margin: 0 0 0 5px;
    }
	
	.estimateForm.oneclm tr:first-of-type th {
		border-radius: 10px 10px 0 0;
	}
	.estimateForm.oneclm tr:last-of-type th {
		border-radius: 10px 10px 0 0;
	}
	.estimateForm.oneclm tr:first-of-type td {
		border-radius: 0 0 10px 10px;
	}
	.estimateForm.oneclm tr:last-of-type td {
		border-radius: 0 0 10px 10px;
	}
}


/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  サイトマップ・特定商取引法
/*--------------------------------------------*/
#sitemap {
    width: 100%;
    max-width: 1100px;
    padding: 100px 0;
    margin: 0 auto;
}
#transaction {
    width: 100%;
    max-width: 1100px;
    padding: 100px 0;
    margin: 0 auto;
}
#privacy {
    width: 100%;
    max-width: 1100px;
    padding: 100px 0;
    margin: 0 auto;
}
#thanks {
	width: 100%;
	max-width: 1100px;
	padding: 100px 0;
	margin: 0 auto;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
    #sitemap {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 30px 0 0;
        margin: 0 auto;
    }
    #transaction {
        width: calc(100%);
        max-width: 100%;
        padding: 30px 0 0;
        margin: 0 auto;
    }
    #privacy {
        width: calc(100% - 60px);
        max-width: 100%;
        padding: 30px 0 0;
        margin: 0 auto;
    }
	#thanks {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 30px 0 0;
		margin: 0 auto;
	}
    
    #transaction .about_table th {
        max-width: 200px;
    }
}

/*--------------------------------------------*/
/*  エリア
/*--------------------------------------------*/
.areaPageMap {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	position: relative;
}
.areaPageMap > h2 {
	font-size: 25px;
	line-height: 1em;
	font-family: var(--font-jp);
	font-weight: 600;
	font-style: normal;
	white-space: nowrap;
	padding: 0;
	margin: 0 auto 20px;
	border: none;
	color: var(--main);
	position: relative;
	text-align: center;
}
.areaPageMap > p {
	padding: 0;
	margin: 0 auto 50px;
	text-align: center;
}
.areaPageMap .maps {
	width: 500px;
	position: relative;
	padding: 0;
	margin: 0 auto 50px;
}
.areaPageMap .maps > figure {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
.areaPageMap .maps > figure img {
	width: 100%;
	height: auto;
	padding: 0;
	;margin: 0;
}
.areaPageMap .maps > ul {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.areaPageMap .maps > ul > li {
	display: inline-block;
	padding: 0;
	margin: 0;
}
.areaPageMap .maps > ul > li a {
	display: block;
	padding: 10px 20px;
	margin: 0;
	border: 1px solid #fff;
	border-radius: 5px;
	background: #fff;
	color: var(--main);
	text-align: center;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
	transition: 0.5s;
	-webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}
.areaPageMap .maps > ul > li a:hover {
	color: #fff;
	background: #fb9321;
	transition: 0.5s;
}
.areaPageMap .maps > ul > li.area01 {
	position: absolute;
	top: 56%;
	left: 32%;
	z-index: 2;
}
.areaPageMap .maps > ul > li.area02 {
	position: absolute;
	top: 29%;
	left: 30%;
	z-index: 2;
}
.areaPageMap .maps > ul > li.area03 {
	position: absolute;
	top: 45%;
	left: -6%;
	z-index: 2;
}
.areaPageMap .maps > ul > li.area04 {
	position: absolute;
	top: 37%;
	left: 12%;
	z-index: 2;
}
.areaPageMap .maps > ul > li.area05 {
	position: absolute;
	top: 40%;
	left: 53%;
	z-index: 2;
}
.areaPageMap .maps > ul > li.area06 {
	position: absolute;
	top: 66%;
	left: 52%;
	z-index: 2;
}
.areaPageMap .maps > ul > li.area07 {
	position: absolute;
	top: 78%;
	left: 23%;
	z-index: 2;
}
.areaPageMap .maps > ul > li.area08 {
	position: absolute;
	top: 11%;
	left: 58%;
	z-index: 2;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	.areaPageMap {
		width: calc(100% - 60px);
		padding: 40px 0;
		margin: 0 auto;
		position: relative;
	}
	.areaPageMap > h2 {
		font-size: 20px;
		line-height: 1em;
		font-family: var(--font-jp);
		font-weight: 600;
		font-style: normal;
		white-space: nowrap;
		padding: 0;
		margin: 0 auto 10px;
		border: none;
		color: var(--main);
		position: relative;
		text-align: center;
	}
	.areaPageMap > p {
		padding: 0;
		margin: 0 auto 30px;
		text-align: center;
	}
	.areaPageMap .maps {
		width: 100%;
		position: relative;
		padding: 0;
		margin: 0 auto 20px;
	}
	.areaPageMap .maps > figure {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	.areaPageMap .maps > figure img {
		width: 100%;
		height: auto;
		padding: 0;
		;margin: 0;
	}
	.areaPageMap .maps > ul {
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.areaPageMap .maps > ul > li {
		display: inline-block;
		padding: 0;
		margin: 0;
	}
	.areaPageMap .maps > ul > li a {
		display: block;
		padding: 7px 15px;
		margin: 0;
		border: 1px solid #fff;
		border-radius: 5px;
		background: #fff;
		color: var(--main);
		text-align: center;
		font-size: 14px;
		line-height: 1;
		font-weight: bold;
		text-decoration: none;
		transition: 0.5s;
		-webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
		-moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
		-ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
		filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	}
	.areaPageMap .maps > ul > li a:hover {
		color: #fff;
		background: #fb9321;
		transition: 0.5s;
	}
	.areaPageMap .maps > ul > li.area01 {
		position: absolute;
		top: 56%;
		left: 32%;
		z-index: 2;
	}
	.areaPageMap .maps > ul > li.area02 {
		position: absolute;
		top: 29%;
		left: 30%;
		z-index: 2;
	}
	.areaPageMap .maps > ul > li.area03 {
		position: absolute;
		top: 45%;
		left: -6%;
		z-index: 2;
	}
	.areaPageMap .maps > ul > li.area04 {
		position: absolute;
		top: 37%;
		left: 12%;
		z-index: 2;
	}
	.areaPageMap .maps > ul > li.area05 {
		position: absolute;
		top: 40%;
		left: 53%;
		z-index: 2;
	}
	.areaPageMap .maps > ul > li.area06 {
		position: absolute;
		top: 66%;
		left: 52%;
		z-index: 2;
	}
	.areaPageMap .maps > ul > li.area07 {
		position: absolute;
		top: 78%;
		left: 23%;
		z-index: 2;
	}
	.areaPageMap .maps > ul > li.area08 {
		position: absolute;
		top: 11%;
		left: 58%;
		z-index: 2;
	}
}

/*ナビ*/
.areaPageMap > h3 {
	width: 100%;
	max-width: 1100px;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0 auto 15px;
	text-align: center;
	color: #222;
}
.areaPageMap > ul {
	width: auto;
	max-width: auto;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	line-height: 1;
}
.areaPageMap > ul > li {
	padding: 0 20px;
	margin: 0;
	font-size: 14px;
	line-height: 1;
	position: relative;
}
.areaPageMap > ul > li:first-child::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #c8c8c8;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.areaPageMap > ul > li::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #c8c8c8;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.areaPageMap > ul > li > a {
	font-size: 14px;
	line-height: 1;
	padding: 0;
	margin: 0;
	color: #222;
	text-decoration: none;
	transition: 0.5s;
}
.areaPageMap > ul > li > a:hover {
	opacity: 0.8;
	transition: 0.5s;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	/*ナビ*/
	.areaPageMap > h3 {
		width: 100%;
		max-width: 100%;
		font-size: 18px;
		line-height: 1;
		font-weight: bold;
		padding: 0;
		margin: 0 auto 15px;
		text-align: left;
		color: #222;
	}
	.areaPageMap > ul {
		width: auto;
		max-width: auto;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		position: relative;
		line-height: 1;
	}
	.areaPageMap > ul > li {
		padding: 0 15px;
		margin: 0 0 10px;
		font-size: 14px;
		line-height: 1;
		position: relative;
	}
	.areaPageMap > ul > li:first-child::before {
		content: '';
		display: block;
		width: 1px;
		height: 100%;
		padding: 0;
		margin: 0;
		background: #c8c8c8;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
	}
	.areaPageMap > ul > li::after {
		content: '';
		display: block;
		width: 1px;
		height: 100%;
		padding: 0;
		margin: 0;
		background: #c8c8c8;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
	}
	.areaPageMap > ul > li > a {
		font-size: 14px;
		line-height: 1;
		padding: 0;
		margin: 0;
		color: #222;
		text-decoration: none;
		transition: 0.5s;
	}
	.areaPageMap > ul > li > a:hover {
		opacity: 0.8;
		transition: 0.5s;
	}
}



/*--------------------------------------------*/
/*  キャンペーン
/*--------------------------------------------*/
#cmp {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	position: relative;
}
#cmp_about {
	width: 100%;
	max-width: 900px;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
}
#cmp_about > h2 {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	text-align: center;
	border: none;
	background: none;
	font-style: italic;
}
#cmp_about > h2::before,
#cmp_about > h2::after {
	display: none;
}
#cmp_about > h2.w650 {
	max-width: 650px;
}
#cmp_about > h2 img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
/*キャンペーン内容*/
.cmp_about_cont01 {
	width: 100%;
	padding: 50px;
	margin: 0 auto 30px;
	position: relative;
	background: #fff;
	border-radius: 20px;
	z-index: 0;
}
.cmp_about_cont01::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: none;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-radius: 0 0 20px 0;
	position: absolute;
	bottom: -10px;
	right: -10px;
	z-index: -1;
}
.cmp_about_cont01 > h3 {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	color: #222;
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	border: none;
	background: none;
	position: absolute;
	top: -0.5em;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	z-index: 2;
}
.cmp_about_cont01 > h3::before,
.cmp_about_cont01 > h3::after {
	display: none;
}
/* - 内容リスト */
.cmp_about_list {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	position: relative;
	background: none;
	border: none;
}
.cmp_about_list > li {
	padding: 0 0 0 20px;
	margin: 0 auto 20px;
	background: none;
	text-align: left;
	border-radius: 10px;
	font-size: 50px;
	line-height: 1;
	font-weight: bold;
	color: var(--main);
	position: relative;
}
.cmp_about_list > li::before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: var(--main);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
#cmp_about span.child {
	display: block;
	width: 100%;
	padding: 0 0 0 35px;
	margin: 0 auto 20px;
	position: relative;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	color: #222;
}
#cmp_about span.child::before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	border-left: 2px solid #222;
	border-bottom: 2px solid #222;
	position: absolute;
	top: 5px;
	left: 20px;
}
#cmp_about p.att {
	width: calc(100% - 60px);
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#cmp_about p.att {
	width: calc(100%);
	padding: 0 1em;
	margin: 0 auto;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
	color: var(--link);
}
#cmp_about p.att::before {
	content: '※';
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}
/* プラス */
#cmp_about span.plus {
	display: block;
	width: 100%;
	height: 80px;
	padding: 0;
	margin: 0 auto 20px;
	position: relative;
}
#cmp_about span.plus::before {
	content: '';
	display: block;
	width: 80px;
	height: 15px;
	padding: 0;
	margin: 0;
	background: #222;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
#cmp_about span.plus::after {
	content: '';
	display: block;
	width: 15px;
	height: 80px;
	padding: 0;
	margin: 0;
	background: #222;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
/*豪華４点無料サービス*/
.cmp_about_cont02 {
	width: 100%;
	padding: 60px 50px 40px;
	margin: 0 auto 30px;
	position: relative;
	background: #fff;
	border-radius: 20px;
	z-index: 0;
}
.cmp_about_cont02::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: none;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-radius: 0 0 20px 0;
	position: absolute;
	bottom: -10px;
	right: -10px;
	z-index: -1;
}

.set4 {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
	width: calc(100% - 40px);
	padding: 0;
	margin: 0 auto;
	list-style: none;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	z-index: 5;
}
.set4 > li {
	display: inline-block;
	padding: 10px;
	margin: 0 4px 8px;
	border-radius: 5px;
	background: var(--main);
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
}

.cmp_about_cont02 > h3 {
	width: 100%;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	position: relative;
	font-size: 55px;
	line-height: 1;
	font-weight: bold;
	color: #222;
	font-style: italic;
	font-feature-settings: "palt" 1;
	white-space: nowrap;
}
.cmp_about_cont02 > h3::before,
.cmp_about_cont02 > h3::after {
	display: none;
}
.cmp_about_cont02 > h3 > b {
	font-size: 80px;
}
.cmp_about_cont02 > h3 > strong {
	font-size: 110px;
	font-weight: bold;
	color: var(--link);
	font-style: italic;
}
.cmp_about_cont02 > h3 > strong small {
	font-size: 60px;
}

/*各コーティング*/
.cmp_photo {
	width: 100%;
	max-width: 900px;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
.cmp_photo > h2 {
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
	color: #222;
	text-align: left;
	width: 100%;
	padding: 0 0 10px;
	margin: 0 auto 30px;
	border: none;
	background: none;
	border-bottom: 3px solid var(--main);
}
.cmp_photo > h2 a {
	display: inline-block;
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
	color: #222;
	text-decoration: none;
	margin-left: 0.3em;
	transition: all 0.3s ease;
}
.cmp_photo > h2 a:hover {
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
	color: var(--link);
	text-decoration: none;
	transition: all 0.3s ease;
}
.cmp_photo > ul {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cmp_photo > ul > li {
	width: 49%;
	padding: 0;
	margin: 0 0 20px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.cmp_photo > ul > li::before {
	content: '';
	display: block;
	padding-top: 65%;
}
.cmp_photo > ul > li img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
.cpm_data {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	position: relative;
	background: none;
}
.cpm_data > dt {
	display: block;
	width: 100px;
	max-width: 100px;
	min-width: 100px;
	padding: 15px;
	margin: 0;
	background: var(--main);
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.cpm_data > dd {
	width: calc(100% - 265px);
	padding: 15px;
	margin: 0;
	background: #fff;
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bold;
	color: #222;
	text-align: left;
}
.cmp_photo:last-of-type .cpm_data > dd {
	width: 100%;
}
.cpm_btn {
	width: 165px;
	padding: 0;
	margin: 0 0 0 5px;
}
.cpm_btn a {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	padding: 10px 20px;
	margin: 0;
	background: #fff;
	border: 2px solid #fb9321;
	border-radius: 5px;
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bold;
	color: #fb9321;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px;
	position: relative;
	transition: all 0.5s ease;
	text-align: left;
}
.cpm_btn a:hover {
	background: #fb9321;
	color: #fff;
	transition: all 0.5s ease;
}
.cpm_btn a::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	padding: 0;
	margin: 0;;
	background: none;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 48%;
	right: 24px;
	transform: translate(0,-50%) rotate(135deg);
	-webkit-transform: translate(0,-50%) rotate(135deg);
	transition: all 0.5s ease;
	z-index: 2;
}
.cpm_btn a::after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 0;;
	background: #fb9321;
	border: none;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0,-50%) rotate(45deg);
	-webkit-transform: translate(0,-50%) rotate(45deg);
	transition: all 0.5s ease;
}
.cpm_btn a:hover::before {
	border-top: 1px solid #fb9321;
	border-right: 1px solid #fb9321;
	transition: all 0.5s ease;
}
.cpm_btn a:hover::after {
	background: #fff;
	transition: all 0.5s ease;
}

.cmp_photo > p.att {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	color: var(--link);
	margin-top: 5px;
}

#cmp.off45 > p.att {
	width: 100%;
	max-width: 900px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
	color: var(--link);
}

/*料金比較*/
#cmp_price {
	width: 100%;
	max-width: 900px;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#cmp_price > dl {
	width: 49%;
	padding: 0;
	margin: 0 0 20px;
	position: relative;
	border: none;
	background: none;
}
#cmp_price > dl > dt {
	width: 100%;
	padding: 10px;
	margin: 0 auto;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAACdJREFUGFdjZEAD////N2ZEFgMLMDKehQvCBECKwILIAmBBdAGQIADJuxM2K6rSGQAAAABJRU5ErkJggg==');
	background-color: #816544;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	border-radius: 10px 10px 0 0;
	text-align: center;
}
#cmp_price > dl > dd {
	padding: 20px 20px;
	margin: 0;
	background: #fff;
	border-radius: 0 0 10px 10px;
}
#cmp_price > dl > dd > p {
	text-align: center;
	padding: 0;
	margin: 0 auto 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #222;
}
#cmp_price > dl > dd > .teika {
	text-align: center;
	padding: 0;
	margin: 0 auto 30px;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #222;
	line-height: 1;
}
#cmp_price > dl > dd > .teika::before {
	content: '';
	display: block;
	width: 30px;
	height: 15px;
	padding: 0;
	margin: 0;
	background: var(--link);
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
}
#cmp_price > dl > dd > .teika em {
	display: inline-block;
	font-size: 1.4em;
	position: relative;
	font-style: normal;
	font-weight: bold;
	padding: 0 5px;
}
#cmp_price > dl > dd > .teika em::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	padding: 0;
	margin: 0;
	background: #c1281b;
	position: absolute;
	top: 40%;
	left: 0;
	z-index: 2;
}
#cmp_price > dl > dd > .teika em::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	padding: 0;
	margin: 0;
	background: #c1281b;
	position: absolute;
	top: 60%;
	left: 0;
	z-index: 2;
}
#cmp_price > dl > dd > .price {
	text-align: center;
	padding: 0;
	margin: 0 auto;
	position: relative;
	font-size: 25px;
	font-weight: bold;
	color: #c1281b;
	line-height: 1;
}
#cmp_price > dl > dd > .price b {
	font-size: 1.4em;
}
#cmp_price > dl > dd > .btn {
	padding: 0;
	margin: 20px auto 0;
}
#cmp_price > dl > dd > .btn a {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	column-gap: 5px;
	padding: 10px;
	margin: 0 auto;
	background: var(--black);
	border-radius: 35px;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	transition: var(--ease);
}
#cmp_price > dl > dd > .btn a:hover {
	background: var(--link);
	transition: var(--ease);
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#cmp {
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		position: relative;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAADNJREFUKFNjZMAD/v///58RlzxYEgSwKYBJguQwFCBLYihAl0RRgE0SrgCXJFgBPkmQAgCChiAFMCTgHQAAAABJRU5ErkJggg==);
		background-color: #eae6df;
	}
	#cmp_about {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 50px;
		position: relative;
	}
	#cmp_about > h2 {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		text-align: center;
		border: none;
		background: none;
		font-style: italic;
	}
	#cmp_about > h2::before,
	#cmp_about > h2::after {
		display: none;
	}
	#cmp_about > h2.w650 {
		max-width: 90%;
	}
	#cmp_about > h2 img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}
	/*キャンペーン内容*/
	.cmp_about_cont01 {
		width: 100%;
		padding: 30px 20px 20px;
		margin: 0 auto 30px;
		position: relative;
		background: #fff;
		border-radius: 10px;
		z-index: 0;
	}
	.cmp_about_cont01::before {
		border-radius: 0 0 10px 0;
	}
	.cmp_about_cont01 > h3 {
		font-size: 20px;
	}
	/* - 内容リスト */
	.cmp_about_list {
		width: 100%;
		padding: 0;
		margin: 0 auto 15px;
		list-style: none;
		position: relative;
		background: none;
		border: none;
	}
	.cmp_about_list > li {
		padding: 0 0 0 20px;
		margin: 0 auto 10px;
		background: none;
		text-align: left;
		border-radius: 10px;
		font-size: 26px;
		line-height: 1;
		font-weight: bold;
		color: var(--main);
		position: relative;
		white-space: nowrap;
	}
	.cmp_about_list > li:last-child {
		margin-bottom: 0;
	}
	#cmp_about span.child {
		display: block;
		width: 100%;
		padding: 0 0 0 35px;
		margin: 0 auto 10px;
		position: relative;
		font-size: 18px;
		line-height: 1;
		font-weight: bold;
		color: #222;
	}
	#cmp_about p.att {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	#cmp_about p.att {
		width: calc(100%);
		padding: 0 1em;
		margin: 0 auto;
		position: relative;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.4em;
		color: var(--link);
	}
	/* プラス */
	#cmp_about span.plus {
		display: block;
		width: 100%;
		height: 50px;
		padding: 0;
		margin: 0 auto 10px;
		position: relative;
	}
	#cmp_about span.plus::before {
		content: '';
		display: block;
		width: 50px;
		height: 10px;
		padding: 0;
		margin: 0;
		background: #222;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
	#cmp_about span.plus::after {
		content: '';
		display: block;
		width: 10px;
		height: 50px;
		padding: 0;
		margin: 0;
		background: #222;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
	/*豪華４点無料サービス*/
	.cmp_about_cont02 {
		width: 100%;
		padding: 20px 20px 20px;
		margin: 0 auto 30px;
		position: relative;
		background: #fff;
		border-radius: 10px;
		z-index: 0;
	}
	.cmp_about_cont02::before {
		border-radius: 0 0 10px 0;
	}

	.set4 {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 10px;
		width: calc(100%);
		padding: 0;
		margin: 0 auto;
		list-style: none;
		position: relative;
		top: unset;
		left: unset;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
		z-index: 5;
	}
	.set4 > li {
		display: inline-block;
		padding: 10px;
		margin: 0;
		border-radius: 5px;
		background: var(--main);
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
		color: #fff;
	}

	.cmp_about_cont02 > h3 {
		width: 100%;
		padding: 0;
		margin: 0;
		background: none;
		border: none;
		position: relative;
		font-size: 18px;
		line-height: 1;
		font-weight: bold;
		color: #222;
		font-style: italic;
		font-feature-settings: "palt" 1;
		text-align: center;
	}
	.cmp_about_cont02 > h3::before,
	.cmp_about_cont02 > h3::after {
		display: none;
	}
	.cmp_about_cont02 > h3 > b {
		font-size: 30px;
	}
	.cmp_about_cont02 > h3 > strong {
		font-size: 50px;
		font-weight: bold;
		color: var(--link);
		font-style: italic;
	}
	.cmp_about_cont02 > h3 > strong small {
		font-size: 30px;
	}

	/*各コーティング*/
	.cmp_photo {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		position: relative;
	}
	.cmp_photo > h2 {
		font-size: 20px;
		line-height: 1.4em;
		font-weight: bold;
		color: #222;
		text-align: left;
		width: 100%;
		padding: 0 0 10px;
		margin: 0 auto 20px;
		border: none;
		background: none;
		border-bottom: 3px solid var(--main);
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
	}
	.cmp_photo > h2 a {
		display: inline-block;
		font-size: 20px;
		line-height: 1.4em;
		font-weight: bold;
		color: #222;
		text-decoration: none;
		margin-left: 0.3em;
		transition: all 0.3s ease;
	}
	.cmp_photo > h2 a:hover {
		font-size: 20px;
		line-height: 1.4em;
		font-weight: bold;
		color: var(--link);
		text-decoration: none;
		transition: all 0.3s ease;
	}
	.cmp_photo > ul {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		list-style: none;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.cmp_photo > ul > li {
		width: 100%;
		padding: 0;
		margin: 0 auto 10px;
		position: relative;
		overflow: hidden;
		text-align: center;
	}
	.cmp_photo > ul > li::before {
		content: '';
		display: block;
		padding-top: 65%;
	}
	.cmp_photo > ul > li img {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: cover;
	}
	
	.cpm_data {
		width: 100%;
		padding: 0;
		margin: 0 auto 10px;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-starts;
		flex-wrap: wrap;
		position: relative;
		background: none;
	}
	.cpm_data > dt {
		display: block;
		width: 80px;
		max-width: 80px;
		min-width: 80px;
		padding: 10px;
		margin: 0;
		background: var(--main);
		font-size: 12px;
		line-height: 1.4em;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	.cpm_data > dd {
		width: calc(100% - 80px);
		padding: 10px;
		margin: 0;
		background: #fff;
		font-size: 12px;
		line-height: 1.4em;
		font-weight: bold;
		color: #222;
		text-align: left;
	}
	.cmp_photo:last-of-type .cpm_data > dd {
		width: calc(100% - 80px);
	}
	.cpm_btn {
		width: 100%;
		padding: 0;
		margin: 0;
		margin-top: 10px;
	}
	.cpm_btn a {
		display: block;
		width: 100%;
		padding: 20px;
		margin: 0;
		background: #fff;
		border: 2px solid #fb9321;
		border-radius: 5px;
		font-size: 14px;
		line-height: 1.4em;
		font-weight: bold;
		color: #fb9321;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px;
		position: relative;
		transition: all 0.5s ease;
		text-align: center;
	}
	.cpm_btn a:hover {
		background: #fb9321;
		color: #fff;
		transition: all 0.5s ease;
	}
	.cpm_btn a::before {
		content: '';
		display: block;
		width: 5px;
		height: 5px;
		padding: 0;
		margin: 0;;
		background: none;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		position: absolute;
		top: 48%;
		right: 25px;
		transform: translate(0,-50%) rotate(135deg);
		-webkit-transform: translate(0,-50%) rotate(135deg);
		transition: all 0.5s ease;
		z-index: 2;
	}
	.cpm_btn a::after {
		content: '';
		display: block;
		width: 15px;
		height: 15px;
		padding: 0;
		margin: 0;;
		background: #fb9321;
		border: none;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translate(0,-50%) rotate(45deg);
		-webkit-transform: translate(0,-50%) rotate(45deg);
		transition: all 0.5s ease;
	}
	.cpm_btn a:hover::before {
		border-top: 1px solid #fb9321;
		border-right: 1px solid #fb9321;
		transition: all 0.5s ease;
	}
	.cpm_btn a:hover::after {
		background: #fff;
		transition: all 0.5s ease;
	}
	.cmp_photo > p.att {
		font-size: 12px;
		font-weight: bold;
		line-height: 1.4em;
		color: var(--link);
		margin-top: 5px;
	}

	#cmp.off45 > p.att {
		width: calc(100% - 60px);
		max-width: 100%;
		font-size: 12px;
	}
	
	/*料金比較*/
	#cmp_price {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto 50px;
	}
	#cmp_price > dl {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto 20px;
		position: relative;
		border: none;
		background: none;
	}
	#cmp_price > dl:last-of-type {
		margin-bottom: 0;
	}
	#cmp_price > dl > dt {
		width: 100%;
		padding: 10px;
		margin: 0 auto;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAACdJREFUGFdjZEAD////N2ZEFgMLMDKehQvCBECKwILIAmBBdAGQIADJuxM2K6rSGQAAAABJRU5ErkJggg==');
		background-color: #816544;
		font-size: 18px;
		line-height: 1;
		font-weight: bold;
		color: #fff;
		border-radius: 10px 10px 0 0;
		text-align: center;
	}
	#cmp_price > dl > dd {
		padding: 15px 15px;
		margin: 0;
		background: #fff;
		border-radius: 0 0 10px 10px;
	}
}


/*キャンセル料*/
.cancelList {
	margin-bottom: 10px;
}
.cancelList > li span {
	display: inline-block;
	width: 150px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

/*認定リスト*/
#fc_nintei {
	width: 100%;
	padding: 120px 0;
	position: relative;
}
#fc_nintei .fc_title > span {
	color: #fff;
}
.nintei {
	width: 100%;
	max-width: 1000px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.nintei > li {
	width: 48%;
	padding: 0;
	margin: 0;
}
.nintei > li > h3 {
	width: 80%;
	height: 80px;
	padding: 10px;
	margin: 0 auto 20px;
	background: #fff;
	border: 2px solid var(--main);
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	font-size: 15px;
	line-height: 1.2em;
	font-weight: bold;
	color: var(--main);
	text-align: center;
	border-radius: 10px;
	-webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
.nintei > li > h3 > b {
	display: block;
	width: 100%;
	margin-top: 3px;
	font-size: 1.4em;
}
.nintei > li > h3 > small {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.6em;
}
.nintei.mb50 {
	margin-bottom: 50px;
}
.nintei > li > p {
	padding: 0;
	margin: 0;
	text-align: center;
}
.nintei > li > p strong {
	color: #fb9321;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	/*認定リスト*/
	#fc_nintei {
		width: 100%;
		padding: 40px 0;
		position: relative;
	}
	#fc_nintei .fc_title > span {
		color: #fff;
	}
	.nintei {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.nintei > li {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
	}
	.nintei > li:last-child {
		margin-bottom: 0;
	}
	.nintei > li > h3 {
		width: 100%;
		height: auto;
		padding: 10px;
		margin: 0 auto 10px;
	}
	.nintei > li > p {
		font-size: 12px;
		padding: 0;
		margin: 0;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	.nintei > li > p strong {
		color: #fb9321;
	}
}


/*--------------------------------------------*/
/*  ショールーム
/*--------------------------------------------*/
#showr {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}

/*アバウト*/
#showr_about {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	position: relative;
	background-color: #fbf8f4;
	overflow: hidden;
	z-index: 0;
}
#showr_about::after {
	content: '';
	display: block;
	width: 60%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url('https://test-floor.bex.jp/wp-content/uploads/showr_about_bg2.webp');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: -100px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	z-index: -1;
	opacity: 0.8;
}
#showr_about::before {
	content: '';
	display: block;
	width: 300%;
	height: 300%;
	padding: 0;
	margin: 0;
	background-image: url('https://test-floor.bex.jp/wp-content/uploads/showroom_bg4.svg');
	background-size: 100px;
	background-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	z-index: -2;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	/*アバウト*/
	#showr_about {
		width: 100%;
		padding: 40px 0 80px;
		margin: 0 auto;
		position: relative;
		background-color: #fbf8f4;
		overflow: hidden;
		z-index: 0;
	}
	#showr_about::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background-image: url('https://test-floor.bex.jp/wp-content/uploads/showr_about_bg2_sp.webp');
		background-size: 100%;
		background-position: bottom center;
		background-repeat: no-repeat;
		position: absolute;
		top: unset;
		bottom: 0;
		right: 0;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
		z-index: -1;
		opacity: 0.8;
	}
	#showr_about::before {
		content: '';
		display: block;
		width: 300%;
		height: 300%;
		padding: 0;
		margin: 0;
		background-image: url('https://test-floor.bex.jp/wp-content/uploads/showroom_bg4.svg');
		background-size: 100px;
		background-position: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%) rotate(45deg);
		-webkit-transform: translate(-50%,-50%) rotate(45deg);
		z-index: -2;
	}
}

/*ヘッダー*/
#showr header {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 20px;
	position: relative;
}
#showr_about header > em {
	display: block;
	width: 700px;
	padding: 0;
	margin: 0 0 20px;
}
#showr_about header > em img {
	width: 100%;
	height: auto;
}
#showr_about header > h2 {
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 500;
	letter-spacing: 0.2em;
	color: var(--main);
	padding: 0 0 0 -0.2em;
	margin: 0;
	border: none;
	background: none;
}
#showr_about p {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	font-size: 18px;
	line-height: 2;
	font-weight: 500;
	text-align: justify;
	text-justify: inter-ideograph;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	/*ヘッダー*/
	#showr header {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 10px;
		position: relative;
	}
	#showr_about header > em {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 0 20px;
	}
	#showr_about header > h2 {
		font-size: 20px;
	}
	#showr_about p {
		width: calc(100% - 60px);
		max-width: 100%;
		font-size: 12px;
		line-height: 1.7em;
	}
}

/*電話予約*/
#showr_tel {
	width: 100%;
	max-width: 900px;
	padding: 40px;
	margin: 0 auto;
	background: #fbf3e6;
	position: relative;
	border-radius: 10px;
	text-align: center;
	transform: translate(0,-50px);
	-webkit-transform: translate(0,-50px);
	z-index: 2;
	-webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	box-sizing: border-box;
	border: 3px solid #fff;
}
#showr_tel::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAADNJREFUKFNjZMAD/v///58RlzxYEgSwKYBJguQwFCBLYihAl0RRgE0SrgCXJFgBPkmQAgCChiAFMCTgHQAAAABJRU5ErkJggg==);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.5;
}
#showr_tel > h2 {
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	color: #1e1e1e;
	padding: 0;
	margin: 0 auto 15px;
	text-align: center;
	border: none;
	background: none;
	position: relative;
}
#showr_tel > tel {
	display: block;
	padding: 0;
	margin: 0 auto 20px;
	text-align: center;
}
#showr_tel > tel a {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 auto;
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
	color: #F98D24;
}
#showr_tel > tel a:hover {
	text-decoration: none;
}
#showr_tel > tel a img {
	width: 35px;
	height: auto;
	padding: 0;
	margin: 2px 10px 0 0;
}
#showr_tel > tel span {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 0.2em;
}
#showr_tel > p {
	text-align: center;
	padding: 0;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.7em;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	/*電話予約*/
	#showr_tel {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 15px;
		transform: translate(0,-30px);
		-webkit-transform: translate(0,-30px);
	}
	#showr_tel > tel {
		display: block;
		padding: 0;
		margin: 0 auto 10px;
		text-align: center;
	}
	#showr_tel > tel a {
		display: inline-flex;
		display: -webkit-inline-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 0;
		margin: 0 auto;
		font-size: 30px;
		line-height: 1;
		font-weight: bold;
		color: #F98D24;
	}
	#showr_tel > tel a img {
		width: 30px;
	}
	#showr_tel > tel span {
		letter-spacing: 0.1em;
	}
	#showr_tel > p {
		font-size: 14px;
	}
}

/*写真*/
#showr_photo {
	width: 100%;
	padding: 0;
	margin: 0 auto 70px;
	position: relative;
}
#showr_photo > ul {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#showr_photo > ul::after {
	content: '';
	display: block;
	width: 31%;
}
#showr_photo > ul > li {
	width: 31%;
	padding: 0;
	margin: 0 0 40px;
	position: relative;
}
#showr_photo > ul > li figure {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
}
#showr_photo > ul > li figure::before {
	content: '';
	display: block;
	padding: 50%;
}
#showr_photo > ul > li figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	/*写真*/
	#showr_photo {
		width: calc(100%);
		padding: 0;
		margin: 0 auto 15px;
		position: relative;
	}
	#showr_photo > ul {
		width: calc(100% - 60px);
		max-width: 100%;
	}
	#showr_photo > ul > li {
		width: 48%;
		margin-bottom: 15px;
	}
	#showr_photo > ul > li figure::before {
		content: '';
		display: block;
		padding: unset;
		padding: 50%;
	}
}

/*アクセス*/
#showr_access {
	width: 100%;
	padding: 70px 0;
	margin: 0 auto;
	background-color: #fafafa;
	position: relative;
}
.showr_access_wrap {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
	border-radius: 10px;
	overflow: hidden;
	-webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
.showr_access_wrap > figure {
	width: 50%;
	padding: 0;
	margin: 0;
	position: relative;
}
.showr_access_wrap > figure img {
	width: 100%;
	height: auto;
}
.showr_access_info {
	width: 50%;
	padding: 40px;
	margin: 0;
	background: #fff;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.showr_access_info > em {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 auto 5px;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	color: #1e1e1e;
	font-style: normal;
}
.showr_access_info > h2 {
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	color: #1e1e1e;
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
}
.showr_access_info > table {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	border: none;
	background: none;
	border-top: 1px solid #c8c8c8;
}
.showr_access_info > table th {
	width: 25%;
	padding: 20px;
	margin: 0;
	border: none;
	background: none;
	border-bottom: 1px solid #c8c8c8;
	font-size: 15px;
	line-height: 1.4em;
	font-weight: bold;
}
.showr_access_info > table td {
	width: 75%;
	padding: 20px;
	margin: 0;
	border: none;
	background: none;
	border-bottom: 1px solid #c8c8c8;
	font-size: 15px;
	line-height: 1.4em;
	font-weight: 400;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	/*アクセス*/
	#showr_access {
		width: 100%;
		padding: 30px 0;
		margin: 0 auto;
		background-color: #fafafa;
		position: relative;
	}
	.showr_access_wrap {
		width: calc(100% - 60px);
		max-width: 100%;
	}
	.showr_access_wrap > figure {
		width: 100%;
	}
	.showr_access_info {
		width: 100%;
		padding: 20px;
	}
	.showr_access_info > em {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 auto 5px;
		font-size: 20px;
		line-height: 1;
		font-weight: bold;
		color: #1e1e1e;
		font-style: normal;
	}
	.showr_access_info > h2 {
		font-size: 15px;
		line-height: 1;
		font-weight: bold;
		color: #1e1e1e;
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
	}
	.showr_access_info > table th {
		width: auto;
		padding: 10px;
		font-size: 14px;
		white-space: nowrap;
	}
	.showr_access_info > table td {
		width: auto;
		padding: 10px;
		font-size: 14px;
	}
}

/*予約フォーム*/
#showr_contact {
	width: 100%;
	padding: 50px 0;
	margin: 0 auto;
	background: #fbf8f4;
	position: relative;
	z-index: 0;
}
#showr_contact::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAADNJREFUKFNjZMAD/v///58RlzxYEgSwKYBJguQwFCBLYihAl0RRgE0SrgCXJFgBPkmQAgCChiAFMCTgHQAAAABJRU5ErkJggg==);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.5;
}
#showr_contact > h2 {
	width: 100%;
	padding: 0 0 15px;
	margin: 0 auto 30px;
	position: relative;
	border: none;
	background: none;
	font-size: 30px;
	line-height: 1.4em;
	font-weight: bold;
	color: #1e1e1e;
	text-align: center;
}
#showr_contact > h2::after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	padding: 0;
	margin: 0;
	background: #1e1e1e;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
#showr_contact textarea {
	width: 100%;
}
#showr_contact .txt_cent {
	margin-top: 30px;
	text-align: center;
}
#showr_contact input[type="submit"] {
	display: inline-block;
	padding: 20px 40px;
	margin: 0 auto;
	border: none;
	background: #fb9321;
	border-radius: 40px;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
}
#showr_contact .wpcf7-spinner {
	display: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	/*予約フォーム*/
	#showr_contact {
		width: 100%;
		padding: 30px 0;
	}
	#showr_contact > h2 {
		width: calc(100% - 60px);
		padding: 0 0 10px;
		margin: 0 auto 20px;
		position: relative;
		border: none;
		background: none;
		font-size: 20px;
		line-height: 1.4em;
		font-weight: bold;
		color: #1e1e1e;
		text-align: center;
	}

	#showr_contact .txt_cent {
		margin-top: 20px;
		text-align: center;
	}
	#showr_contact input[type="submit"] {
		display: inline-block;
		padding: 15px 40px;
		margin: 0 auto;
		border: none;
		background: #fb9321;
		border-radius: 40px;
		font-size: 15px;
		line-height: 1;
		font-weight: bold;
		color: #fff;
	}
	#showr_contact .wpcf7-spinner {
		display: none;
	}s
}


/*--------------------------------------------*/
/*  インテリアオプション
/*--------------------------------------------*/
#io_page {
	padding: 0 0 100px;
	margin: 0;
	background: var(--base);
	position: relative;
}
#io_opening {
	width: 100%;
	padding: 80px 0;
	margin: 0 auto;
}
#io_opening > p {
	font-size: 20px;
	line-height: 1.7em;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
/*ナビゲーション*/
#io_nav {
	width: 100%;
	padding: 0;
	margin: 0 auto 100px;
}
#io_nav > ul {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 20px;
	grid-row-gap: 20px;
}
#io_nav > ul > li {
	width: calc(100% / 4 - 20px);
	padding: 0;
	margin: 0;
	border-radius: 10px;
	background: var(--main);
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease;
}
#io_nav > ul > li:hover {
	background: #fb9321;
	transition: all 0.3s ease;
}
#io_nav > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
#io_nav > ul > li > figure {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
#io_nav > ul > li > figure::before {
	content: '';
	display: block;
	padding-top: 75%;
}
#io_nav > ul > li > figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
#io_nav > ul > li > h2 {
	width: 100%;
	padding: 15px;
	margin: 0;
	background: none;
	border: none;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	font-size: 16px;;
	line-height: 1.4em;
	color: #fff;
	font-weight: bold;
}
#io_nav > ul > li > h2::before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	margin-right: 8px;
	background: #fff;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
#io_nav > ul > li > h2 small {
	display: inline-block;
	font-size: 10px;
	margin-top: -5px;
	margin-left: 5px;
}

/*セクション*/

/* - エコカラット＋ */
.ioSec {
	width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
}
.ioSec:last-of-type {
	margin-bottom: 0;
}
/* -- 子見出し*/
.ioSec > h2 {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 40px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	font-size: 25px;
	line-height: 1em;
	font-weight: bold;
	color: #1e1e1e;
	background: #fff;
	border-bottom: 3px solid var(--main);
}
.ioSec > h2 > em {
	display: block;
	width: 10px;
	height: 60px;
	padding: 0;
	margin: 0;
	margin-right: 20px;
	background: var(--main);
}
.ioSec > h2 > small {
	display: inline-block;
	font-size: 14px;
	padding: 0;
	margin: -10px 0 0 5px;
}
/* -- 見出し*/
.ioSec.parent > h2 {
	width: 100%;
	max-width: 1100px;
	padding: 15px 20px;
	margin: 0 auto;
	border-radius: 10px 10px 0 0;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	font-size: 30px;
	line-height: 1em;
	font-weight: bold;
	color: #fff;
	background: var(--black);
	border: none;
}
.ioSec.parent > h2::before,
.ioSec.parent > h2::after {
	display: none;
}
.ioSec.parent > h2 > em {
	display: none;
}
.ioSec.parent > h2 > small {
	display: inline-block;
	font-size: 14px;
	padding: 0;
	margin: -10px 0 0 5px;
}
/* -- 画像文章*/
.ioSec_about {
	width: 100%;
	max-width: 1100px;
	padding: 30px;
	margin: 0 auto 30px;
	background: #fff;
	border-radius: 0 0 10px 10px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.ioSec_about > figure {
	width: 31%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
}
.ioSec_about > figure::before {
	content: '';
	display: block;
	padding-top: 75%;
}
.ioSec_about > figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
.ioSec_about > figure > h2 {
	display: none;
}
.ioSec_about > .ioSec_about_info {
	width: 65%;
	padding: 0;
	margin: 0;
}
.ioSec_about > .ioSec_about_info > h3 {
	padding: 0;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
}
.ioSec_about > .ioSec_about_info > p {
	padding: 0;
	margin: 0 auto 10px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.ioSec_about > .ioSec_about_info > p:last-of-type {
	margin-bottom: 0;
}
.ioSec_about > .ioSec_about_info > p.price {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
}
.ioSec_about > .ioSec_about_info > p.price.mb20 {
	margin-bottom: 20px;
}
.ioSec_about > .ioSec_about_info > p.price > span {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 7px 10px;
	margin: 0;
	background: var(--main);
	font-size: 12px;
	line-height: 1.4em;
	color: #fff;
	white-space: nowrap;
}
.ioSec_about > .ioSec_about_info > p.price > em {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 7px 10px;
	margin: 0;
	background: #fff;
	font-size: 12px;
	line-height: 1.7em;
	font-style: normal;
}
/* -- 写真*/
.ioSec_photo {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ioSec_photo > li {
	width: 31%;
	padding: 0;
	margin: 0;
	position: relative;
}
.ioSec_photo > li figure {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
}
.ioSec_photo > li figure::before {
	content: '';
	display: block;
	padding-top: 65%;
}
.ioSec_photo > li figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
.ioSec_photo > li > h3 {
	padding: 0;
	margin: 10px auto 0;
	border: none;
	background: none;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
}
/*説明リスト*/
.ioSec .infoList {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
}
.ioSec .infoList > li {
	width: 100%;
	padding: 0;
	margin: 0 auto 10px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
}
.ioSec .infoList > li > span {
	display: block;
	width: auto;
	padding: 0;
	margin: 0;
	margin-right: 10px;
	white-space: nowrap;
}
.ioSec .infoList > li > p {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#io_page {
		padding: 0 0 40px;
	}
	#io_opening {
		width: calc(100% - 60px);
		padding: 30px 0;
	}
	#io_opening > p {
		font-size: 14px;
		line-height: 1.7em;
	}
	/*ナビゲーション*/
	#io_nav {
		margin: 0 auto 40px;
	}
	#io_nav > ul {
		width: calc(100% - 60px);
		max-width: 100%;
		column-gap: 10px;
		grid-row-gap: 10px;
	}
	#io_nav > ul > li {
		width: calc(100% / 2 - 5px);
		border-radius: 5px;
	}
	#io_nav > ul > li:hover {
		background: #fb9321;
		transition: all 0.3s ease;
	}
	#io_nav > ul > li > a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
	}
	#io_nav > ul > li > figure {
		width: 90%;
		padding: 0;
		margin: 0;
		position: relative;
		text-align: center;
		overflow: hidden;
		border-radius: 5px 0 5px 0;
	}
	#io_nav > ul > li > h2 {
		width: 100%;
		padding: 10px;
		font-size: 10px;
		line-height: 1.4em;
	}
	#io_nav > ul > li > h2::before {
		width: 5px;
		height: 5px;
		margin-right: 5px;
	}
	#io_nav > ul > li > h2 small {
		display: inline-block;
		font-size: 10px;
		margin-top: -3px;
		margin-left: 3px;
		transform: scale(0.8);
	}

	/*セクション*/

	.ioSec {
		width: calc(100% - 60px);
		margin: 0 auto 40px;
	}
	/* -- 見出し*/
	.ioSec > h2 {
		display: none;
	}
	.ioSec.parent > h2 {
		display: none;
	}
	/* -- 画像文章*/
	.ioSec_about {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		display: block;
		border-radius: 10px;
	}
	.ioSec_about > figure {
		width: 100%;
		margin: 0 auto;
		border-radius: 10px 10px 0 0;
	}
	.ioSec_about > figure::before {
		content: '';
		display: block;
		padding-top: 75%;
	}
	.ioSec_about > figure img {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: cover;
	}
	.ioSec .ioSec_about > figure > h2 {
		display: inline-block;
		padding: 10px 20px 10px 15px;
		margin: 0;
		background: rgba(255,255,255,0.8);
		border-radius: 0 10px 0 0;
		position: absolute;
		bottom: -1px;
		left: 0;
		z-index: 2;
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
		color: #1e1e1e;
		text-align: left;
	}
	.ioSec .ioSec_about > figure > h2::after {
		display: none;
	}
	.ioSec.parent .ioSec_about > figure > h2 {
		display: inline-block;
		min-width: 180px;
		padding: 15px 30px 15px 15px;
		margin: 0;
		background: var(--black);
		border-radius: 0 30px 0 0;
		position: absolute;
		bottom: -1px;
		left: 0;
		z-index: 2;
		font-size: 15px;
		line-height: 1;
		font-weight: bold;
		color: #fff;
		text-align: left;
	}
	.ioSec.parent .ioSec_about > figure > h2::after {
		display: none;
	}
	.ioSec.parent .ioSec_about > figure > h2 > small {
		display: inline-block;
		font-size: 10px;
		padding: 0;
		margin: -5px 0 0 5px;
	}
	.ioSec_about > .ioSec_about_info {
		width: 100%;
		padding: 20px;
		margin: 0 auto 20px;
	}
	.ioSec_about > .ioSec_about_info > h3 {
		padding: 0;
		margin: 0 auto;
		margin-top: 20px;
		font-size: 15px;
		font-weight: bold;
	}
	.ioSec_about > .ioSec_about_info > p.price {
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		align-content: stretch;
		align-items: stretch;
		flex-wrap: nowrap;
		width: 100%;
		padding: 0;
		margin: 0;
		margin-top: 5px;
		background: #fff;
		border-radius: 3px;
		overflow: hidden;
	}
	.ioSec_about > .ioSec_about_info > p.price.mb20 {
		margin-bottom: 20px;
	}
	.ioSec_about > .ioSec_about_info > p.price > span {
		display: inline-flex;
		display: -webkit-inline-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 7px 10px;
		margin: 0;
		background: var(--main);
		font-size: 11px;
		line-height: 1.4em;
		color: #fff;
	}
	.ioSec_about > .ioSec_about_info > p.price > em {
		display: inline-flex;
		display: -webkit-inline-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 7px 10px;
		margin: 0;
		background: #fff;
		font-size: 11px;
		line-height: 1.7em;
		font-style: normal;
	}
	/* -- 写真*/
	.ioSec_photo {
		width: 100%;
		max-width: 100%;
	}
	.ioSec_photo > li {
		width: 31%;
	}
	.ioSec_photo > li figure {
		border-radius: 5px;
	}
	.ioSec_photo > li > h3 {
		margin: 10px auto 0;
		font-size: 10px;
	}
	/*説明リスト*/
	.ioSec .infoList {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		list-style: none;
	}
	.ioSec .infoList > li {
		width: 100%;
		padding: 0;
		margin: 0 auto 10px;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}
	.ioSec .infoList > li > span {
		display: block;
		width: auto;
		padding: 0;
		margin: 0;
		margin-right: 10px;
		white-space: nowrap;
	}
	.ioSec .infoList > li > p {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: justify;
		text-justify: inter-ideograph;
	}
}

/*--------------------------------------------*/
/*  ハウスコーティング
/*--------------------------------------------*/
#hc_page {
	padding: 0 0 100px;
	margin: 0;
	background: var(--base);
	position: relative;
}
.ioSec .more a {
	display: inline-block;
	padding: 0;
	margin: 0;
	position: relative;
	font-size: 15px;
	line-height: 1;
	font-weight: 500;
	color: var(--main);
	transition: all 0.3s ease;
}
.ioSec .more a::after {
	content: '';
	display: block;
	width: 20px;
	height: 15px;
	padding: 0;
	margin: 0;
	background-image: url('https://test-floor.bex.jp/wp-content/themes/escoat_WP/library/images/new/moreArrow.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: -25px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.ioSec .more a:hover {
	filter: brightness(1.2);
	text-decoration: none;
	transition: all 0.3s ease;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#hc_page {
		padding: 0 0 40px;
	}
}


/*--------------------------------------------*/
/*  サンプル請求
/*--------------------------------------------*/
#sample_page {
	width: 100%;
	padding: 50px 0;
	margin: 0 auto;
	position: relative;
}
/*MV*/
#sample_mv {
	width: 100%;
	max-width: 1000px;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
}
/*電話*/
#sample_tel {
	width: 100%;
	max-width: 1000px;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
}
#sample_tel > dl {
	width: 100%;
	padding: 10px;
	margin: 0 auto;
	position: relative;
	border: 1px solid #c8c8c8;
	border-radius: 5px;
	background: #fafafa;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sample_tel > dl > dt {
	width: 300px;
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	border-right: 1px solid #c8c8c8;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: 600;
}
#sample_tel > dl > dd {
	width: calc(100% - 300px);
	padding: 30px 20px;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#sample_tel > dl > dd > tel {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 20px 0 0;
}
#sample_tel > dl > dd > tel img {
	width: auto;
	height: 25px;
	padding: 0;
	margin: 0 5px 0 0;
}
#sample_tel > dl > dd > tel a {
	font-size: 35px;
	line-height: 1;
	font-weight: bold;
	color: #1e1e1e;
}
/*サンプル請求フォーム*/
#sample_form {
	width: 100%;
	max-width: 1000px;
	padding: 0;
	margin: 0 auto 40px;
	position: relative;
}
#sample_form > h2 {
	width: 100%;
	padding: 20px 0;
	margin: 0 auto 30px;
	position: relative;
	text-align: center;
	font-size: 30px;
	line-height: 1;
	font-weight: 600;
	border-top: 1px dashed #c8c8c8;
	border-bottom: 1px dashed #c8c8c8;
	background: none;
}
#sample_form > p {
	padding: 0;
	margin: 0 auto 10px;
	text-align: center;
}
#sample_form > p:last-of-type {
	margin-bottom: 50px;
}
#sample_form > p > a {
	color: var(--main);
	text-decoration: underline;
}
#sample_form > p > a:hover {
	color: var(--main);
	text-decoration: none;
}
/*プライバシー*/
.sample_privacy {
	width: 100%;
	padding: 30px;
	margin: 0 auto 50px;
	border: 1px solid #c8c8c8;
	background: #fafafa;
	border-radius: 5px;
}
.sample_privacy > h3 {
	font-size: 18px;
	font-weight: bold;
}
.sample_privacy > p {
	padding: 0;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
#sample_form .txt_cent {
	text-align: center;
}
#sample_form .txt_cent input[type="submit"] {
	-webkit-appearance: none;
}
#sample_form .txt_cent input {
	padding: 20px 100px;
	margin: 0 auto;
	display: inline-block;
	background: #fb9321;
	border: none;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	transition: 0.5s;
	border-radius: 40px;
}
.wpcf7-spinner {
	display: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#sample_page {
		width: 100%;
		padding: 30px 0;
		margin: 0 auto;
		position: relative;
	}
	/*MV*/
	#sample_mv {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		position: relative;
	}
	/*電話*/
	#sample_tel {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		position: relative;
	}
	#sample_tel > dl {
		width: 100%;
		padding: 10px;
		margin: 0 auto;
		position: relative;
		border: 1px solid #c8c8c8;
		border-radius: 5px;
		background: #fafafa;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#sample_tel > dl > dt {
		width: 100%;
		padding: 15px;
		margin: 0;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		border-right: 1px solid #c8c8c8;
		font-size: 16px;
		line-height: 1.2em;
		font-weight: 600;
	}
	#sample_tel > dl > dd {
		width: calc(100%);
		padding: 0;
		margin: 0;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#sample_tel > dl > dd > tel {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 0;
		margin: 0 auto 5px;
	}
	#sample_tel > dl > dd > tel img {
		width: auto;
		height: 20px;
		padding: 0;
		margin: 0 5px 0 0;
	}
	#sample_tel > dl > dd > tel a {
		font-size: 25px;
		line-height: 1;
		font-weight: bold;
		color: #1e1e1e;
	}
	/*サンプル請求フォーム*/
	#sample_form {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		position: relative;
	}
	#sample_form > h2 {
		width: 100%;
		padding: 15px 0;
		margin: 0 auto 20px;
		position: relative;
		text-align: center;
		font-size: 18px;
		line-height: 1;
		font-weight: 600;
		border-top: 1px dashed #c8c8c8;
		border-bottom: 1px dashed #c8c8c8;
		background: none;
	}
	#sample_form > p {
		padding: 0;
		margin: 0 auto 10px;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	#sample_form > p:last-of-type {
		margin-bottom: 30px;
	}
	#sample_form > p > a {
		color: var(--main);
		text-decoration: underline;
	}
	#sample_form > p > a:hover {
		color: var(--main);
		text-decoration: none;
	}
	#sample_form .estimateForm {
		width: 100%;
	}
	/*プライバシー*/
	.sample_privacy {
		width: 100%;
		padding: 30px;
		margin: 0 auto 50px;
		border: 1px solid #c8c8c8;
		background: #fafafa;
		border-radius: 5px;
	}
	.sample_privacy > h3 {
		font-size: 18px;
		font-weight: bold;
	}
	.sample_privacy > p {
		padding: 0;
		margin: 0;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	#sample_form .txt_cent {
		text-align: center;
	}
	#sample_form .txt_cent input[type="submit"] {
		-webkit-appearance: none;
	}
	#sample_form .txt_cent input {
		padding: 20px 50px;
		margin: 0 auto;
		display: inline-block;
		background: #fb9321;
		border: none;
		color: #fff;
		font-weight: 600;
		cursor: pointer;
		transition: 0.5s;
		border-radius: 40px;
	}
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  ペットコート
/*--------------------------------------------*/


.lp_header {
	padding-bottom: 20px;
}
#mainContents.lpContents {
	padding: 0;
	margin: 0 auto;
}
#mainContents.lpContents .scroll::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}
div.wpcf7 .ajax-loader {
	display: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	.lpContents {
		overflow: hidden;
	}
	#mainContents.lpContents .scroll {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto;
		overflow-x: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.lp_header {
		padding-bottom: 0;
	}
}

/*--------------------------------------------*/
/*  メインビジュアル
/*--------------------------------------------*/
#lp03_visual {
	width: 100%;
	padding: 70px 0;
	margin: 0 auto 100px;
	background: #f3f1f0;
	overflow: hidden;
	position: relative;
	background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp03/images/lp03_mv_bg.webp');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center left;
}
.lp03_visual_wrap {
	width: 1200px;
	padding: 0;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}
.lp03_visual_info {
	width: 50%;
	padding: 0;
	margin: 0;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
/*情報*/
.lp03_visual_info > .ribbon {
	width: 80%;
	padding: 0;
	margin: 0 auto;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
}
.lp03_visual_info > .badge {
	width: 70%;
	padding: 0;
	margin: 0 auto 20px;
	list-style: none;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.lp03_visual_info > .badge > li {
	width: 31%;
	padding: 0;
	margin: 0;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
.lp03_visual_info > h2 {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	position: relative;
	border: none;
	background: none;
	filter: drop-shadow(3px 3px 5px #fff);
}
.lp03_visual_info > h2 > em {
	display: block;
	width: 90%;
	padding: 0;
	margin: 0 auto 20px;
	position: relative;
	text-align: center;
}
#lp03_visual img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
/*写真*/
#lp03_visual > .photo {
	display: block;
	width: 240px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 5;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
/*メダル*/
#lp03_visual > .medal {
	display: block;
	width: 250px;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 20px;
	left: 40px;
	z-index: 5;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#lp03_visual {
		width: 100%;
		padding: 0;
		margin: 0 auto 50px;
		background: #f3f1f0;
	}
	#lp03_visual img {
		width: 100%;
		height: auto;
	}
}

/*--------------------------------------------*/
/*  心配・悩み
/*--------------------------------------------*/
#lp03_worry {
	width: 100%;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
/*ヘッダー*/
.lp3_header {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
	text-align: center;
}
.lp3_header > em {
	display: block;
	width: auto;
	height: 140px;
	padding: 0;
	margin: 0 auto 10px;
}
.lp3_header > em img {
	width: auto;
	height: 100%;
}
.lp3_header > h2 {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #1e1e1e;
	line-height: 1;
}
/*リスト*/
.worryList {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	position: relative;
	height: 410px;
}
.worryList > li {
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 0;
}
.worryList > li::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: -1;
}
.worryList > li > h3 {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 27px;
	line-height: 1.4em;
	font-weight: bold;
	color: #1e1e1e;
	border: none;
	background: none;
}
.worryList > li > h3 > strong {
	color: #ff6f21;
}
#mainContents .worryList > li > figure {
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;
}
.worryList > li > figure img {
	width: 100%;
	height: auto;
}
/*Worry 1*/
.worryList > li:nth-child(1) {
	width: 320px;
	height: 220px;
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	position: absolute;
	top: 0;
	right: 50%;
	z-index: 5;
}
.worryList > li:nth-child(1)::after {
	background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp03/images/lp03_worry_bg01.svg');
}
#mainContents .worryList > li:nth-child(1) > figure {
	width: 100px;
	position: absolute;
	top: unset;
	bottom: -20px;
	left: unset;
	right: -20px;
}
/*Worry 2*/
.worryList > li:nth-child(2) {
	width: 400px;
	height: 220px;
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	position: absolute;
	top: 0;
	left: calc(50% + 50px);
	z-index: 1;
}
.worryList > li:nth-child(2)::after {
	background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp03/images/lp03_worry_bg02.svg');
}
#mainContents .worryList > li:nth-child(2) > figure {
	width: 100px;
	position: absolute;
	top: -20px;
	bottom: unset;
	left: unset;
	right: 10px;
}
/*Worry 3*/
.worryList > li:nth-child(3) {
	width: 400px;
	height: 220px;
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	position: absolute;
	top: unset;
	bottom: 0;
	left: unset;
	right: 50%;
	z-index: 2;
}
.worryList > li:nth-child(3)::after {
	background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp03/images/lp03_worry_bg02.svg');
}
#mainContents .worryList > li:nth-child(3) > figure {
	width: 100px;
	position: absolute;
	top: -20px;
	bottom: unset;
	left: -20px;
	right: unset;
}
/*Worry 4*/
.worryList > li:nth-child(4) {
	width: 320px;
	height: 220px;
	padding: 0;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: absolute;
	top: unset;
	bottom: 0;
	left: calc(50% + 40px);
	right: unset;
	z-index: 3;
}
.worryList > li:nth-child(4)::after {
	background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp03/images/lp03_worry_bg01.svg');
}
#mainContents .worryList > li:nth-child(4) > figure {
	width: 100px;
	position: absolute;
	top: unset;
	bottom: -10px;
	left: unset;
	right: -10px;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#lp03_worry {
		width: 100%;
		margin: 0 auto -30px;
	}
	/*ヘッダー*/
	.lp3_header {
		width: calc(100% - 60px);
		max-width: 100%;
		margin: 0 auto 20px;
	}
	#lp03_worry .lp3_header {
		margin-bottom: 0;
	}
	.lp3_header > em {
		height: 70px;
		margin: 0 auto 10px;
	}
	.lp3_header > h2 {
		font-size: 18px;
	}
	/*リスト*/
	.worryList {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		list-style: none;
		position: relative;
		height: unset;
	}
	.worryList > li {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		z-index: 0;
	}
	.worryList > li::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		z-index: -1;
	}
	.worryList > li > h3 {
		padding: 0;
		margin: 0;
		text-align: center;
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;
		color: #1e1e1e;
		border: none;
		background: none;
	}
	.worryList > li > h3 > strong {
		color: #ff6f21;
	}
	#mainContents .worryList > li > figure {
		width: 50px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.worryList > li > figure img {
		width: 100%;
		height: auto;
	}
	/*Worry 1*/
	.worryList > li:nth-child(1) {
		width: 70%;
		height: unset;
		padding: 40px 0;
		margin: 0 auto 0 0;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
		position: relative;
		top: unset;
		right: unset;
		z-index: 5;
		transform: translateY(30px);
		-webkit-transform: translateY(30px);
	}
	.worryList > li:nth-child(1)::after {
		background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp03/images/lp03_worry_bg01.svg');
	}
	#mainContents .worryList > li:nth-child(1) > figure {
		width: 70px;
		position: absolute;
		top: 0;
		bottom: unset;
		left: -10px;
		right: unset;
	}
	/*Worry 2*/
	.worryList > li:nth-child(2) {
		width: 75%;
		height: unset;
		padding: 40px 0;
		margin: 0 0 0 auto;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
		top: unset;
		left: unset;
		z-index: 5;
	}
	.worryList > li:nth-child(2)::after {
		background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp03/images/lp03_worry_bg02.svg');
	}
	#mainContents .worryList > li:nth-child(2) > figure {
		width: 70px;
		position: absolute;
		top: -30px;
		bottom: unset;
		left: 60%;
		right: unset;
	}
	/*Worry 3*/
	.worryList > li:nth-child(3) {
		width: 70%;
		height: unset;
		padding: 55px 0;
		margin: 0 auto 0 0;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
		top: unset;
		bottom: unset;
		left: unset;
		right: unset;
		z-index: 2;
		transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
	}
	.worryList > li:nth-child(3)::after {
		background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp03/images/lp03_worry_bg01.svg');
	}
	#mainContents .worryList > li:nth-child(3) > figure {
		width: 70px;
		position: absolute;
		top: -20px;
		bottom: unset;
		left: -10px;
		right: unset;
	}
	/*Worry 4*/
	.worryList > li:nth-child(4) {
		width: 85%;
		height: unset;
		padding: 40px 0;
		margin: 0 0 0 auto;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
		top: unset;
		bottom: unset;
		left: unset;
		right: unset;
		z-index: 3;
		transform: translateY(-60px);
		-webkit-transform: translateY(-60px);
	}
	.worryList > li:nth-child(4)::after {
		background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp03/images/lp03_worry_bg02.svg');
	}
	#mainContents .worryList > li:nth-child(4) > figure {
		width: 70px;
		position: absolute;
		top: -20px;
		bottom: unset;
		left: unset;
		right: 10px;
	}
}

/*--------------------------------------------*/
/*  ハピネスコートとは
/*--------------------------------------------*/
#lp03_about {
	width: 100%;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
.lp03_aboutBox {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lp03_aboutBox:nth-of-type(2) {
	transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
}
.lp03_aboutBox_info {
	width: 48%;
	padding: 50px 30px 0;
	margin: 0;
	position: relative;
	order: 1;
}
.lp03_aboutBox:nth-of-type(2) .lp03_aboutBox_info {
	width: 48%;
	padding: 100px 30px 0;
	margin: 0;
	position: relative;
	order: 0;
}
.lp03_aboutBox_info > h3 {
	padding: 15px 0;
	margin: 0 auto 15px;
	border-bottom: 1px dashed #8d9aa0;
	font-size: 25px;
	line-height: 1.4em;
	font-weight: bold;
	color: #ff6f21;
}
.lp03_aboutBox_info > p {
	padding: 0;
	margin: 0;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainContents .lp03_aboutBox > figure {
	width: 48%;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 0;
}
#mainContents .lp03_aboutBox > figure::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-radius: 15px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAB1JREFUGFdj/P//vzEjI+NZBihghDEwBGAqMVQAAF59CAWeOMj9AAAAAElFTkSuQmCC');
	background-color: #ff6f21;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: -2;
	opacity: 0.5;
}
#mainContents .lp03_aboutBox > figure::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-radius: 15px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdj/P///39GRkZGBiiAMzAEYCoxVAAAZN0IBXg9KUwAAAAASUVORK5CYII=');
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: -1;
}
.lp03_aboutBox > figure > span {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 15px;
}
.lp03_aboutBox > figure > span::before {
	content: '';
	display: block;
	padding-top: 65%;
}
.lp03_aboutBox > figure > span img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#lp03_about {
		width: 100%;
		padding: 0;
		margin: 0 auto 50px;
		position: relative;
	}
	.lp03_aboutBox {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.lp03_aboutBox:nth-of-type(2) {
		transform: unset;
		-webkit-transform: unset;
		margin: 0 auto;
	}
	.lp03_aboutBox_info {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		position: relative;
		order: 0;
	}
	.lp03_aboutBox:nth-of-type(2) .lp03_aboutBox_info {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		position: relative;
		order: 0;
	}
	.lp03_aboutBox_info > h3 {
		padding: 10px 0;
		margin: 0 auto 10px;
		border-bottom: 1px dashed #8d9aa0;
		font-size: 20px;
	}
	#mainContents .lp03_aboutBox > figure {
		width: 100%;
	}
	#mainContents .lp03_aboutBox:nth-of-type(2) > figure::before {
		top: 10px;
		left: -10px;
		z-index: -2;
		opacity: 0.5;
	}
	#mainContents .lp03_aboutBox:nth-of-type(2) > figure::after {
		top: 10px;
		left: -10px;
		z-index: -1;
	}
}

/*--------------------------------------------*/
/*  ハピネスコートの魅力
/*--------------------------------------------*/
/*リスト*/
.charmList {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
}
.charmList > li {
	width: 330px;
	padding: 90px 0 30px;
	margin: 0 15px 15px;
	position: relative;
	z-index: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp03/images/charmList_bg.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
}
.charmList > li:nth-child(1) { border-bottom: 10px solid #ffbe9b; }
.charmList > li:nth-child(2) { border-bottom: 10px solid #aad690; }
.charmList > li:nth-child(3) { border-bottom: 10px solid #a6cfed; }
.charmList > li:nth-child(4) { border-bottom: 10px solid #a6cfed; }
.charmList > li:nth-child(5) { border-bottom: 10px solid #ffbe9b; }
.charmList > li > em {
	display: inline-block;
	padding: 0 5px 2px;
	margin: 0 auto;
	border-bottom: 1px solid #8d9aa0;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 30px;
	line-height: 1;
	font-weight: 500;
	font-style: normal;
	color: #8d9aa0;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.charmList > li > h3 {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #1e1e1e;
	line-height: 1.4em;
}
span.yellow {
	position: relative;
	z-index: 0;
}
span.yellow::before {
	content: '';
	display: block;
	width: 100%;
	height: 8px;
	padding: 0;
	margin: 0;
	background: #ffd473;
	position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	z-index: -1;
}
/*イメージ*/
.charmList > li > span.image {
	display: block;
	width: 135px;
	padding: 0;
	margin: 0;
}
.charmList > li > span.image img {
	width: 100%;
	height: auto;
}
.charmList > li:nth-child(1) > span.image {
	position: absolute;
	bottom: -10px;
	left: -30px;
	z-index: 2;
}
.charmList > li:nth-child(2) > span.image {
	width: 120px;
	position: absolute;
	top: -40px;
	right: -20px;
	z-index: 2;
}
.charmList > li:nth-child(3) > span.image {
	width: 120px;
	position: absolute;
	bottom: -10px;
	right: 0;
	z-index: 2;
}
.charmList > li:nth-child(4) > span.image {
	position: absolute;
	bottom: -10px;
	right: -30px;
	z-index: 2;
}
.charmList > li:nth-child(5) > span.image {
	width: 110px;
	position: absolute;
	top: 0;
	right: -20px;
	z-index: 2;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	/*リスト*/
	.charmList {
		width: calc(100% - 60px);
		max-width: 100%;
		justify-content: space-between;
	}
	.charmList > li {
		width: 47%;
		padding: 45px 0 15px;
		margin: 0 0 10px;
	}
	.charmList > li:nth-child(1) { border-bottom: 5px solid #ffbe9b; }
	.charmList > li:nth-child(2) { border-bottom: 5px solid #aad690; }
	.charmList > li:nth-child(3) { border-bottom: 5px solid #a6cfed; margin: 0 25% 10px; }
	.charmList > li:nth-child(4) { border-bottom: 5px solid #a6cfed; }
	.charmList > li:nth-child(5) { border-bottom: 5px solid #ffbe9b; }
	.charmList > li > em {
		display: inline-block;
		padding: 0 5px 2px;
		margin: 0 auto;
		border-bottom: 1px solid #8d9aa0;
		font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 15px;
		line-height: 1;
		font-weight: 500;
		font-style: normal;
		color: #8d9aa0;
		position: absolute;
		top: 15px;
		left: 50%;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
	}
	.charmList > li > h3 {
		padding: 0;
		margin: 0 auto;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
		color: #1e1e1e;
		line-height: 1.4em;
	}
	span.yellow {
		position: relative;
		z-index: 0;
	}
	span.yellow::before {
		content: '';
		display: block;
		width: 100%;
		height: 8px;
		padding: 0;
		margin: 0;
		background: #ffd473;
		position: absolute;
		bottom: 2px;
		left: 50%;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		z-index: -1;
	}
	/*イメージ*/
	.charmList > li > span.image {
		display: block;
		width: 70px;
		padding: 0;
		margin: 0;
	}
	.charmList > li > span.image img {
		width: 100%;
		height: auto;
	}
	.charmList > li:nth-child(1) > span.image {
		position: absolute;
		top: 0;
		bottom: unset;
		left: -30px;
		z-index: 2;
	}
	.charmList > li:nth-child(2) > span.image {
		width: 60px;
		position: absolute;
		top: unset;
		bottom: -10px;
		right: unset;
		left: -45px;
		z-index: 2;
	}
	.charmList > li:nth-child(3) > span.image {
		width: 50px;
		position: absolute;
		bottom: -5px;
		right: 0;
		z-index: 2;
	}
	.charmList > li:nth-child(4) > span.image {
		position: absolute;
		width: 50px;
		bottom: -5px;
		right: -20px;
		z-index: 2;
	}
	.charmList > li:nth-child(5) > span.image {
		width: 60px;
		position: absolute;
		top: 0;
		right: -20px;
		z-index: 2;
	}
}

/*--------------------------------------------*/
/*  ハピネスコートの特徴
/*--------------------------------------------*/
#lp03_feature {
	width: 100%;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
/*ボックス*/
.lp03_featureBox {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 20px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	z-index: 0;
}
/* - 情報*/
.lp03_featureBox > .lp03_featureBox_info {
	width: 47%;
	padding: 0;
	margin: 0;
	order: 1;
}
#mainContents .lp03_featureBox:nth-of-type(even) > .lp03_featureBox_info {
	padding-top: 50px;
}
.lp03_featureList {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	list-style: none;
}
.lp03_featureList > li {
	width: 100%;
	padding: 30px 0;
	margin: 0;
	border-bottom: 1px dashed #8d9aa0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.lp03_featureList > li:last-child {
	border: none;
}
.lp03_featureList > li > em {
	display: block;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0 30px 0 0;
}
.lp03_featureList > li > em img {
	width: auto;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lp03_featureList > li > p {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 18px;
	line-height: 1.7em;
	font-weight: 500;
}
/* - 画像*/
#mainContents .lp03_featureBox > figure {
	width: 47%;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 0;
}
#mainContents .lp03_featureBox:nth-of-type(even) > figure {
	order: 1;
}
#mainContents .lp03_featureBox > figure::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-radius: 15px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAB1JREFUGFdj/P//vzEjI+NZBihghDEwBGAqMVQAAF59CAWeOMj9AAAAAElFTkSuQmCC);
	background-color: #ff6f21;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: -2;
	opacity: 0.5;
}
#mainContents .lp03_featureBox > figure::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-radius: 15px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdj/P///39GRkZGBiiAMzAEYCoxVAAAZN0IBXg9KUwAAAAASUVORK5CYII=);
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: -1;
}
#mainContents .lp03_featureBox:nth-of-type(even) > figure::before {
	top: 10px;
	left: unset;
	right: 10px;
}
#mainContents .lp03_featureBox:nth-of-type(even) > figure::after {
	top: 10px;
	left: unset;
	right: 10px;
}
#mainContents .lp03_featureBox > figure > span {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	text-align: center;
	border-radius: 10px;
}
#mainContents .lp03_featureBox > figure > span::before {
	content: '';
	display: block;
	padding-top: 65%;
}
.lp03_featureBox > figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
.lp03_featureBox > figure .top img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	object-fit: cover;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){

	#lp03_feature {
		width: 100%;
		padding: 0;
		margin: 0 auto 50px;
		position: relative;
	}
	/*ボックス*/
	.lp03_featureBox {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		z-index: 0;
	}
	/* - 情報*/
	.lp03_featureBox > .lp03_featureBox_info {
		width: 100%;
		padding: 0;
		margin: 0;
		order: 1;
	}
	#mainContents .lp03_featureBox:nth-of-type(even) > .lp03_featureBox_info {
		padding-top: 0;
	}
	.lp03_featureList {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		list-style: none;
	}
	.lp03_featureList > li {
		width: 100%;
		padding: 20px 0;
		margin: 0;
		border-bottom: 1px dashed #8d9aa0;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
	}
	.lp03_featureList > li:last-child {
		border: none;
	}
	.lp03_featureList > li br {
		display: none;
	}
	.lp03_featureList > li > em {
		display: block;
		width: 40px;
		height: 40px;
		padding: 0;
		margin: 0 20px 0 0;
	}
	.lp03_featureList > li > p {
		width: 100%;
		font-size: 15px;
	}
	/* - 画像*/
	#mainContents .lp03_featureBox > figure {
		width: 100%;
		padding: 0;
		margin: 0 auto 10px;
		position: relative;
		z-index: 0;
	}
	#mainContents .lp03_featureBox:nth-of-type(even) > figure {
		order: 0;
	}
}


/*--------------------------------------------*/
/*  他の滑り止めグッズとの違い
/*--------------------------------------------*/
#lp03_deffence {
	width: 100%;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
.lp03_defList {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	position: relative;
}
.lp03_defList > li {
	width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lp03_defList > li .lp03_defList_info {
	width: 47%;
	padding: 0;
	margin: 0;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.lp03_defList > li .lp03_defList_info > h3 {
	display: inline-block;
	width: auto;
	padding: 10px 15px;
	margin: 0 0 20px;
	position: relative;
	background: #ff6f21;
	border-radius: 15px;
	font-size: 25px;
	line-height: 1.4em;
	font-weight: bold;
	color: #fff;
}
.lp03_defList > li .lp03_defList_info > p {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
/* - 画像*/
#mainContents .lp03_defList > li > figure {
	width: 47%;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 0;
}
#mainContents .lp03_defList > li > figure::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-radius: 15px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAB1JREFUGFdj/P//vzEjI+NZBihghDEwBGAqMVQAAF59CAWeOMj9AAAAAElFTkSuQmCC);
	background-color: #ff6f21;
	position: absolute;
	top: 10px;
	left: unset;
	right: 10px;
	z-index: -2;
	opacity: 0.5;
}
#mainContents .lp03_defList > li > figure::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-radius: 15px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdj/P///39GRkZGBiiAMzAEYCoxVAAAZN0IBXg9KUwAAAAASUVORK5CYII=);
	position: absolute;
	top: 10px;
	left: unset;
	right: 10px;
	z-index: -1;
}
#mainContents .lp03_defList > li > figure > span {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	text-align: center;
	border-radius: 10px;
}
#mainContents .lp03_defList > li > figure > span::before {
	content: '';
	display: block;
	padding-top: 65%;
}
#mainContents .lp03_defList > li > figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#lp03_deffence {
		width: 100%;
		padding: 0;
		margin: 0 auto 50px;
		position: relative;
	}
	.lp03_defList {
		width: calc(100% - 60px);
		max-width: 100%;
	}
	.lp03_defList > li {
		width: 100%;
		padding: 0;
		margin: 0 auto 40px;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.lp03_defList > li .lp03_defList_info {
		width: 100%;
		margin: 0 auto 20px
	}
	.lp03_defList > li .lp03_defList_info > h3 {
		display: inline-block;
		width: auto;
		padding: 7px 10px;
		margin: 0 0 10px;
		position: relative;
		background: #ff6f21;
		border-radius: 10px;
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;
		color: #fff;
	}
	.lp03_defList > li .lp03_defList_info > p {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	/* - 画像*/
	#mainContents .lp03_defList > li > figure {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		z-index: 0;
	}
	#mainContents .lp03_defList > li > figure::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		border-radius: 15px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAB1JREFUGFdj/P//vzEjI+NZBihghDEwBGAqMVQAAF59CAWeOMj9AAAAAElFTkSuQmCC);
		background-color: #ff6f21;
		position: absolute;
		top: 10px;
		left: unset;
		right: 10px;
		z-index: -2;
		opacity: 0.5;
	}
	#mainContents .lp03_defList > li > figure::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		border-radius: 15px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdj/P///39GRkZGBiiAMzAEYCoxVAAAZN0IBXg9KUwAAAAASUVORK5CYII=);
		position: absolute;
		top: 10px;
		left: unset;
		right: 10px;
		z-index: -1;
	}
	#mainContents .lp03_defList > li > figure > span {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		overflow: hidden;
		text-align: center;
		border-radius: 10px;
	}
	#mainContents .lp03_defList > li > figure > span::before {
		content: '';
		display: block;
		padding-top: 65%;
	}
	#mainContents .lp03_defList > li > figure img {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		object-fit: cover;
	}
}



/*--------------------------------------------*/
/*  怪我の発生率は部屋の中がダントツ
/*--------------------------------------------*/
#lp03_place {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#lp03_place > header {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 800px;
	padding: 30px 50px;
	margin: 0 auto 50px;
	position: relative;
	background: #ff6f21;
	border-radius: 50px;
}
#lp03_place > header::after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
	background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp03/images/fukidashi_tips.svg');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	position: absolute;
	bottom: -25px;
	left: 40%;
}
#lp03_place > header h2 {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
	line-height: 1.4em;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
}
/*レイアウト*/
.lp03_placeTable {
	width: 48%;
	padding: 0;
	margin: 0;
	position: relative;
}
.lp03_placeInfo {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	margin-top: 30px;
	position: relative;
}
/*テーブル*/
.placeTable {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	background: none;
}
.placeTable th {
	padding: 10px;
	margin: 0;
	background: #fb9321;
	border: none;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 1.4em;
	vertical-align: middle;
	text-align: left;
}
.placeTable td {
	padding: 10px;
	margin: 0;
	background: #fafafa;
	border: none;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	font-size: 14px;
	line-height: 1.4em;
	vertical-align: middle;
	text-align: left;
}
.placeTable tr.red td {
	background: rgba(255,0,0,0.1);
}
.placeTable td.green {
	color: #fff;
	font-weight: bold;
	background: #aad690 !important;
	text-align: center;
	vertical-align: middle;
}
.placeTable td.green p {
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode:vertical-lr;
	white-space: nowrap;
	text-align: center;
	line-height: 1;
}
.placeTable td.bb {
	border-bottom: 2px solid #1e1e1e !important;
}
.placeTable + .caption {
	text-align: right;
	padding: 0;
	margin: 10px 0 0;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#lp03_place {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto 50px;
	}
	#lp03_place > header {
		width: calc(100% - 60px);
		padding: 10px 20px;
		margin: 0 auto 20px;
		border-radius: 50px;
	}
	#lp03_place > header::after {
		content: '';
		display: block;
		width: 15px;
		height: 15px;
		bottom: -14px;
		left: 40%;
	}
	#lp03_place > header h2 {
		font-size: 18px;
	}
	/*レイアウト*/
	.lp03_placeTable {
		width: calc(100%);
		padding: 0;
		margin: 0 auto 20px;
		position: relative;
	}
	.lp03_placeInfo {
		width: calc(100%);
		padding: 0;
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
	}
	/*テーブル*/
	.placeTable th {
		text-align: center;
	}
}



/*--------------------------------------------*/
/*  お客様の声
/*--------------------------------------------*/
#lp03_voice {
	width: 100%;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
.lp03_voiceList {
	width: 100%;
	max-width: 900px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
}
.lp03_voiceList > li {
	width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.lp03_voiceList > li:last-child {
	margin-bottom: 0;
}
.lp03_voiceList > li > figure {
	width: 200px;
	padding: 0;
	margin: 0;
	position: relative;
}
.lp03_voiceList > li:nth-child(even) > figure {
	order: 1;
}
.lp03_voiceList > li > figure img {
	width: 100%;
	height: auto;
}
.lp03_voiceList > li > .lp03_voiceList_info {
	width: calc(100% - 250px);
	padding: 30px;
	margin: 0;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: #FFF0F5;
	border-radius: 10px;
	z-index: 0;
}
.lp03_voiceList > li > .lp03_voiceList_info::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	background: #FFF0F5;
	position: absolute;
	top: 50%;
	left: -19px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.lp03_voiceList > li:nth-child(even) > .lp03_voiceList_info::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	background: #FFF0F5;
	position: absolute;
	top: 50%;
	left: unset;
	right: -19px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	clip-path: polygon(0 0, 0 100%, 100% 0);
}
.lp03_voiceList > li > .lp03_voiceList_info::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	border-bottom: 2px solid #FFF0F5;
	border-right: 2px solid #FFF0F5;
	border-radius: 0 0 10px 0;
	position: absolute;
	bottom: -10px;
	right: -10px;
	z-index: -1;
}
.lp03_voiceList > li:nth-child(even) > .lp03_voiceList_info::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	border-bottom: 2px solid #FFF0F5;
	border-left: 2px solid #FFF0F5;
	border-radius: 0 0 0 10px;
	position: absolute;
	bottom: -10px;
	left: -10px;
	right: unset;
	z-index: -1;
}
.lp03_voiceList > li > .lp03_voiceList_info p {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 20px;
	line-height: 1.7em;
	font-weight: bold;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#lp03_voice {
		width: 100%;
		padding: 0;
		margin: 0 auto 50px;
		position: relative;
	}
	.lp03_voiceList {
		width: calc(100% - 60px);
		max-width: 100%;
	}
	.lp03_voiceList > li {
		width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		position: relative;
	}
	.lp03_voiceList > li > figure {
		width: 100px;
		padding: 0;
		margin: 0;
		position: relative;
	}
	.lp03_voiceList > li:nth-child(even) > figure {
		order: 1;
	}
	.lp03_voiceList > li > figure img {
		width: 100%;
		height: auto;
	}
	.lp03_voiceList > li > .lp03_voiceList_info {
		width: calc(100% - 130px);
		padding: 20px;
		margin: 0;
	}
	.lp03_voiceList > li > .lp03_voiceList_info p {
		font-size: 15px;
	}
}


/*--------------------------------------------*/
/*  施工事例
/*--------------------------------------------*/
#lp03_works {
	width: 100%;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
.lp03_worksList {
	width: 100%;
	max-width: 900px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
}
.lp03_worksList > li {
	width: 100%;
	padding: 30px;
	margin: 0 auto 50px;
	background: #F5F7F7;
	border-radius: 10px;
	position: relative;
}
.lp03_worksList > li .lp03_worksList_img {
	width: 100%;
	padding: 0;
	margin: 0 auto 20px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lp03_worksList_img > figure {
	width: 45%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
}
.lp03_worksList_img > figure:nth-of-type(odd)::after {
	content: 'BEFORE';
	display: block;
	width: 100%;
	padding: 10px;
	margin: 0;
	background: #393939;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
}
.lp03_worksList_img > figure:nth-of-type(even)::after {
	content: 'AFTER';
	display: block;
	width: 100%;
	padding: 10px;
	margin: 0;
	background: #fb9321;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
}
.lp03_worksList_img > figure::before {
	content: '';
	display: block;
	padding-top: calc(100% + 35px);
}
.lp03_worksList_img > figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
.lp03_worksList_img > span.arrow {
	display: block;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0;
	background: none;
	position: absolute;
	top: calc(50% + 15px);
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.lp03_worksList_img > span.arrow::before {
	content: '';
	display: block;
	width: 35px;
	height: 20px;
	padding: 0;
	margin: 0;
	background: #ff6f21;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.lp03_worksList_img > span.arrow::after {
	content: '';
	display: block;
	width: 15px;
	height: 40px;
	padding: 0;
	margin: 0;
	background: #ff6f21;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.lp03_worksList_info {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
.lp03_worksList_info > h3 {
	font-size: 18px;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 0 auto 10px;
}
.lp03_worksList_info > p {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	color: #fb9321;
	border: 1px solid #fb9321;
	border-radius: 30px;
	text-align: center;
	background: #fff;
}
.lp03_worksList_info > .date {
	display: block;
	text-align: center;
	padding: 0;
	margin: 0 auto 10px;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	font-style: normal;
	border: none;
	background: none;
	color: #fb9321;
}


/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#lp03_works {
		margin: 0 auto 50px;
	}
	.lp03_worksList {
		width: 100%;
		max-width: 100%;
	}
	.lp03_worksList > li {
		width: 100%;
		padding: 30px;
		margin: 0 auto;
		background: #F5F7F7;
		border-radius: 0;
		position: relative;
	}
	.lp03_worksList > li:nth-child(even) {
		background: #fafafa;
	}
	.lp03_worksList > li .lp03_worksList_img {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.lp03_worksList_img > figure:nth-of-type(odd)::after {
		font-size: 14px;
		font-weight: bold;
	}
	.lp03_worksList_img > figure:nth-of-type(even)::after {
		font-size: 14px;
	}
	.lp03_worksList_img > figure::before {
		content: '';
		display: block;
		padding-top: calc(100% + 33px);
	}
	.lp03_worksList_img > figure img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		top: unset;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		object-fit: cover;
	}
	.lp03_worksList_img > span.arrow {
		display: block;
		width: 30px;
		height: 30px;
		padding: 0;
		margin: 0;
		background: none;
		position: absolute;
		top: calc(50% + 10px);
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
	.lp03_worksList_img > span.arrow::before {
		display: none;
	}
	.lp03_worksList_img > span.arrow::after {
		content: '';
		display: block;
		width: 15px;
		height: 30px;
		padding: 0;
		margin: 0;
		background: #ff6f21;
		position: absolute;
		top: 50%;
		right: unset;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		clip-path: polygon(0 0, 0% 100%, 100% 50%);
	}
	.lp03_worksList_info {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		text-align: center;
	}
	.lp03_worksList_info > h3 {
		font-size: 18px;
		line-height: 1.3em;
		font-weight: bold;
		text-align: center;
		padding: 0;
		margin: 0 auto 10px;
	}
	.lp03_worksList_info > p {
		display: inline-block;
		padding: 10px 15px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 1;
		font-weight: 600;
		color: #fb9321;
		border: 1px solid #fb9321;
		border-radius: 30px;
		text-align: center;
		background: #fff;
	}
	.lp03_worksList_info > .date {
		display: block;
		text-align: center;
		padding: 0;
		margin: 0 auto 10px;
		font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 500;
		font-style: normal;
		border: none;
		background: none;
	}
}


/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  水まわりガラスコーティング グラスコート
/*--------------------------------------------*/

/*--------------------------------------------*/
/*  メインビジュアル
/*--------------------------------------------*/
#lp02_visual {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
#lp02_visual > h2 {
	width: 36%;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	text-align: center;
	position: relative;
	order: 2;
}
#lp02_visual > h2 img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
#lp02_visual > ul {
	width: 32%;
	padding: 0;
	margin: 0;
	position: relative;
	list-style: none;
}
#lp02_visual > ul:nth-of-type(1) {
	order: 1;
}
#lp02_visual > ul:nth-of-type(2) {
	order: 3;
}
#lp02_visual > ul > li {
	width: 100%;
	height: 50%;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	text-align: center;
}
#lp02_visual > ul > li img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
}



/*--------------------------------------------*/
/*  紹介
/*--------------------------------------------*/
/*タイトル*/
#lp02_about {
	width: 100%;
	padding: 50px 0;
	margin: 0 auto;
	position: relative;
}
#lp02_about > header {
	width: 100%;
	padding: 0;
	margin: 0 auto 60px;
	text-align: center;
}
#lp02_about > header > em {
	display: block;
	width: 230px;
	padding: 0;
	margin: 0 auto 20px;
}
#lp02_about > header > em img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
#lp02_about > header > h2 {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	border: none;
	background: none;
	text-align: center;
	font-size: 30px;
	line-height: 1.4em;
	font-weight: bold;
	color: #1e1e1e;
	letter-spacing: 0.1em;
}
span.yellow {
	position: relative;
	z-index: 0;
}
span.yellow::before {
	content: '';
	display: block;
	width: 100%;
	height: 8px;
	padding: 0;
	margin: 0;
	background: #ffeb71;
	position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	z-index: -1;
}

/*ボックス*/
.lp02_aboutBox {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: nowrap;
	z-index: 0;
}
.lp02_aboutBox::before {
	content: '';
	display: block;
	width: calc(50% - 50px);
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAACpJREFUGFdjZMAC/v///58RXRwsCALIEjBBkBhcAlkQLoEuCJbAJgiSAAAIvhgDruN+nQAAAABJRU5ErkJggg==');
	background-color: #e7f2fa;
	position: absolute;
	top: -25px;
	left: 0;
	z-index: -1;
}
.lp02_aboutBox.rev {
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
}
.lp02_aboutBox.rev::before {
	position: absolute;
	bottom: -25px;
	right: 0;
	top: unset;
	left: unset;
	z-index: -1;
}
/* - 情報*/
.lp02_aboutBox > .lp02_aboutBox_info {
	width: 525px;
	padding: 0;
	margin: 0;
	margin-left: 25px;
	order: 1;
}
.lp02_aboutBox.rev > .lp02_aboutBox_info {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 50px;
	margin-right: 25px;
	order: 0;
}
.lp02_aboutBox > .lp02_aboutBox_info > h3 {
	width: 100%;
	padding: 0 0 10px 20px;
	margin: 0 auto 30px;
	background: none;
	border-left: 4px solid #3a94d7;
	border-bottom: 1px solid #3a94d7;
	font-size: 25px;
	line-height: 1.4em;
	font-weight: bold;
	color: #3a94d7;
	letter-spacing: 0.1em;
}
.lp02_aboutBox > .lp02_aboutBox_info > p {
	padding: 0;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
	font-weight: 400;
	line-height: 2;
}
.lp02_aboutBox > .lp02_aboutBox_info > span.image {
	margin-top: 20px;
}
.lp02_aboutBox > .lp02_aboutBox_info > span.image img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
/* - 画像*/
#mainContents .lp02_aboutBox > figure {
	width: 525px;
	padding: 0;
	margin: 0;
	margin-right: 25px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
#mainContents .lp02_aboutBox.rev > figure {
	margin-left: 25px;
}
.lp02_aboutBox > figure::before {
	content: '';
	display: block;
	padding-top: 65%;
}
.lp02_aboutBox > figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	/*タイトル*/
	#lp02_about {
		padding: 40px 0;
	}
	#lp02_about > header {
		margin: 0 auto 50px;
	}
	#lp02_about > header > em {
		width: 200px;
		margin: 0 auto 10px;
	}
	#lp02_about > header > h2 {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		border: none;
		background: none;
		text-align: center;
		font-size: 25px;
		line-height: 1.4em;
		font-weight: bold;
		color: #1e1e1e;
		letter-spacing: 0.1em;
	}
	span.yellow::before {
		height: 5px;
	}

	/*ボックス*/
	.lp02_aboutBox {
		width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		position: relative;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		flex-wrap: wrap;
		z-index: 0;
	}
	.lp02_aboutBox:last-of-type {
		margin-bottom: 0;
	}
	.lp02_aboutBox::before {
		content: '';
		display: block;
		width: calc(100% - 60px);
		height: calc(215px);
		padding: 0;
		margin: 0;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAACpJREFUGFdjZMAC/v///58RXRwsCALIEjBBkBhcAlkQLoEuCJbAJgiSAAAIvhgDruN+nQAAAABJRU5ErkJggg==');
		background-color: #e7f2fa;
		position: absolute;
		top: -20px;
		left: 0;
		z-index: -1;
	}
	.lp02_aboutBox.rev {
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	.lp02_aboutBox.rev::before {
		position: absolute;
		bottom: unset;
		right: 0;
		top: 20px;
		left: unset;
		z-index: -1;
	}
	/* - 情報*/
	.lp02_aboutBox > .lp02_aboutBox_info {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto;
		order: 1;
	}
	.lp02_aboutBox.rev > .lp02_aboutBox_info {
		padding: 20px 0 0;
		margin: 0 auto;
		order: 1;
	}
	.lp02_aboutBox > .lp02_aboutBox_info > h3 {
		padding: 0 0 10px 15px;
		margin: 0 auto 10px;
		font-size: 18px;
	}
	.lp02_aboutBox > .lp02_aboutBox_info > span.image {
		margin-top: 10px;
	}
	/* - 画像*/
	#mainContents .lp02_aboutBox > figure {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto 15px;
	}
	#mainContents .lp02_aboutBox.rev > figure {
		margin: 0 auto 15px;
	}
}



/*--------------------------------------------*/
/*  Plus 1
/*--------------------------------------------*/
.lp02_plus {
	width: 100%;
	padding: 100px 0 0;
	margin: 0 auto 100px;
	position: relative;
}
.lp02_plus::before {
	content: '';
	display: block;
	width: 100%;
	max-width: 1100px;
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp02/images/lp02_title_bg.webp');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	z-index: -1;
}
/*ヘッダー*/
.lp02_plus > header {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
	z-index: 0;
	text-align: center;
}
.lp02_plus > header > em {
	display: block;
	width: auto;
	height: 40px;
	padding: 0;
	margin: 0 auto 20px;
}
.lp02_plus > header > em img {
	width: auto;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lp02_plus > header > h2 {
	display: inline-block;
	padding: 0 0 5px;
	margin: 0 auto;
	background: none;
	border-bottom: 3px solid #3a94d7;
	font-size: 30px;
	line-height: 1.4em;
	font-weight: bold;
	color: #3a94d7;
	letter-spacing: 0.1em;
	text-align: center;
}
/*特徴*/
#lp02_plus01 {
	text-align: center;
}
#lp02_plus01 > h3 {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 15px 30px;
	margin: 0 auto 30px;
	position: relative;
	background: #ffe7b5;
	border-radius: 10px;
	text-align: center;
	font-size: 20px;
	line-height: 1;
	font-weight: 500;
	color: #ff8b3b;
	letter-spacing: 0.1em;
}
#lp02_plus01 > h3::before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 0;
	background: #ffe7b5;
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	clip-path: polygon(5% 0, 0% 100%, 100% 0);
}
#lp02_plus01 > h3 > span {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	position: relative;
}
#lp02_plus01 > h3 > span::before {
	content: '';
	display: block;
	width: 2px;
	height: 30px;
	padding: 0;
	margin: 0;
	margin-right: 10px;
	background: #ff8b3b;
	border-radius: 2px;
	transform: rotate(-25deg);
	-webkit-transform: rotate(-25deg);
}
#lp02_plus01 > h3 > span::after {
	content: '';
	display: block;
	width: 2px;
	height: 30px;
	padding: 0;
	margin: 0;
	margin-left: 10px;
	background: #ff8b3b;
	border-radius: 2px;
	transform: rotate(25deg);
	-webkit-transform: rotate(25deg);
}
/*リスト*/
.plus_medalList {
	width: 100%;
	max-width: 600px;
	padding: 0;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
}
.plus_medalList::before {
	content: '';
	display: block;
	width: 70px;
	height: 100px;
	padding: 0;
	margin: 0;
	background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp02/images/leaf_left.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	bottom: 50px;
	left: 0;
}
.plus_medalList::after {
	content: '';
	display: block;
	width: 70px;
	height: 100px;
	padding: 0;
	margin: 0;
	background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp02/images/leaf_right.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	bottom: 50px;
	right: 0;
}
.plus_medalList > li {
	width: 28%;
	padding: 0;
	margin: 0 10px;
	position: relative;
}
.plus_medalList > li img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	.lp02_plus {
		width: 100%;
		padding: 40px 0 0;
		margin: 0 auto 40px;
		position: relative;
	}
	.lp02_plus::before {
		content: '';
		display: block;
		width: 100%;
		max-width: 100%;
		background-image: url('https://floor-escoat.com/wp-content/themes/escoat_WP/lp02/images/lp02_title_bg_sp.webp');
		background-size: 170%;
	}
	/*ヘッダー*/
	.lp02_plus > header {
		width: calc(100% - 60px);
		max-width: 100%;
		margin: 0 auto 30px;
	}
	.lp02_plus > header > em {
		height: 20px;
		margin: 0 auto 20px;
	}
	.lp02_plus > header > h2 {
		border-bottom: 3px solid #3a94d7;
		font-size: 20px;
	}
	/*特徴*/
	#lp02_plus01 > h3 {
		padding: 10px 20px;
		margin: 0 auto 20px;
		text-align: center;
		font-size: 16px;
	}
	#lp02_plus01 > h3::before {
		width: 10px;
		height: 10px;
		bottom: -9px;
	}
	#lp02_plus01 > h3 > span {
		display: inline-flex;
		display: -webkit-inline-flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
		position: relative;
	}
	#lp02_plus01 > h3 > span::before {
		width: 2px;
		height: 15px;
		margin-right:5px;
	}
	#lp02_plus01 > h3 > span::after {
		width: 2px;
		height: 15px;
		margin-left: 5px;
	}
	/*リスト*/
	.plus_medalList {
		width: calc(100% - 60px);
		max-width: 1100%;
	}
	.plus_medalList::before {
		bottom: 0;
		left: -10px;
	}
	.plus_medalList::after {
		bottom: 0;
		right: -10px;
	}
	.plus_medalList > li {
		width: 27%;
		margin: 0 8px;
	}
}

/*--------------------------------------------*/
/*  Plus 2
/*--------------------------------------------*/
#lp02_plus02 .lp02_aboutBox::before {
	top: unset;
	bottom: -25px;
}
.lp02_featureList {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	list-style: none;
}
.lp02_featureList > li {
	width: 100%;
	padding: 30px 0;
	margin: 0;
	border-bottom: 1px dashed #8d9aa0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.lp02_featureList > li:last-child {
	border: none;
}
.lp02_featureList > li > em {
	display: block;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0 30px 0 0;
}
.lp02_featureList > li > em img {
	width: auto;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lp02_featureList > li > p {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 18px;
	line-height: 1.7em;
	font-weight: 500;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#lp02_plus02 .lp02_aboutBox::before {
		top: unset;
		bottom: -20px;
	}
	.lp02_featureList {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		list-style: none;
	}
	.lp02_featureList > li {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		border-bottom: none;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.lp02_featureList > li:last-child {
		border: none;
	}
	.lp02_featureList > li > em {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
		width: 100%;
		height: 40px;
		padding: 0;
		margin: 0 auto 10px;
	}
	.lp02_featureList > li > em::before {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		border-bottom: 1px dashed #8d9aa0;
		padding: 0;
		margin: 0 20px 0 0;
	}
	.lp02_featureList > li > em::after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		border-bottom: 1px dashed #8d9aa0;
		padding: 0;
		margin: 0 0 0 20px;
	}
	.lp02_featureList > li > p {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
		font-size: 14px;
		line-height: 1.7em;
		font-weight: 500;
	}
	#mainContents #lp02_plus02 .lp02_aboutBox > figure {
		order: 1;
		margin: 0 auto;
	}
}

/*--------------------------------------------*/
/*  Plus 3
/*--------------------------------------------*/
.lp02_placeBoxList {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lp02_placeBoxList > .lp02_placeBox {
	width: 49%;
	padding: 0;
	margin: 0 0 25px;
	position: relative;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	-webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
#mainContents .lp02_placeBox > figure {
	width: 60%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.lp02_placeBox > figure::before {
	content: '';
	display: block;
	padding-top: 75%;
}
.lp02_placeBox > figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
/*情報*/
.lp02_placeList_info {
	width: 40%;
	padding: 0;
	margin: 0;
	position: relative;
}
.lp02_placeList_info > h3 {
	display: inline-block;
	padding: 8px 10px 8px 20px;
	margin: 0 0 10px;
	background: #3a94d7;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	position: relative;
	z-index: 0;
}
.lp02_placeList_info > h3::after {
	content: '';
	display: block;
	width: 20px;
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url('https://test-floor.bex.jp/wp-content/uploads/lp02_place_title_bg-1.svg');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top right;
	position: absolute;
	top: 0;
	right: -20px;
	z-index: -1;
}
.lp02_placeList_info > ul {
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
	list-style: none;
	counter-reset: num 0;
}
.lp02_placeList_info > ul > li {
	padding: 0 0 0 20px;
	margin: 0;
	position: relative;
	line-height: 1.6em;
}
.lp02_placeList_info > ul > li::before {
	counter-increment: num 1;
	content: counter(num) "";
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: #3a94d7;
	border-radius: 50%;
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0.5em;
	left: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	.lp02_placeBoxList {
		width: calc(100% - 60px);
		max-width: 100%;
	}
	.lp02_placeBoxList > .lp02_placeBox {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		flex-wrap: wrap;
	}
	#mainContents .lp02_placeBox > figure {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		text-align: center;
		overflow: hidden;
	}
	/*情報*/
	.lp02_placeList_info {
		width: 100%;
		padding: 0 0 15px;
	}
	.lp02_placeList_info > h3 {
		display: inline-block;
		padding: 8px 20px 8px 30px;
		margin: 0 0 10px;
		background: #3a94d7;
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		line-height: 1;
	}
	.lp02_placeList_info > h3::after {
		content: '';
		display: block;
		width: 20px;
		height: 100%;
		padding: 0;
		margin: 0;
		background-image: url('https://test-floor.bex.jp/wp-content/uploads/lp02_place_title_bg-1.svg');
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: top right;
		position: absolute;
		top: 0;
		right: -20px;
		z-index: -1;
	}
	.lp02_placeList_info > ul {
		width: 100%;
		padding: 0 15px;
		margin: 0 auto;
		position: relative;
		list-style: none;
		counter-reset: num 0;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.lp02_placeList_info > ul > li {
		width: 48%;
		font-size: 12px;
		font-weight: bold;
	}
	.lp02_placeList_info > ul > li:nth-child(even) {
		width: 55%
	}
	.lp02_placeList_info > ul > li:nth-child(odd) {
		width: 42%
	}
	.lp02_placeList_info > ul > li.w100 {
		width: 100% !important;
	}
	.lp02_placeList_info > ul > li::before {
		top: 0.2em;
	}
}

/*--------------------------------------------*/
/*  Plus 4
/*--------------------------------------------*/
.flexBox {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#mainContents .flexBox > figure {
	width: 48%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}
#mainContents .flexBox > figure::before {
	content: '';
	display: block;
	padding-top: 75%;
}

#mainContents .flexBox > figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
.flexBox > p {
	width: 100%;
	padding: 0;
	margin: 20px auto;
	text-align: center;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	.flexBox {
		width: calc(100% - 60px);
		max-width: 100%;
	}
	#mainContents .flexBox > figure {
		width: 100%;
		margin: 0 auto;
	}
	#mainContents .flexBox > figure:last-of-type {
		order: 1;
	}
	.flexBox > p {
		width: 100%;
		padding: 0;
		margin: 20px auto;
		text-align: center;
	}

}

/*--------------------------------------------*/
/*  Plus 5
/*--------------------------------------------*/
.lp02_faqBox {
	width: 100%;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto 50px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
#mainContents .lp02_faqBox > figure {
	width: 48%;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
}
.lp02_faqBox > figure::before {
	content: '';
	display: block;
	padding-top: 75%;
}
.lp02_faqBox > figure img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	object-fit: cover;
}
.lp02_faqBox_info {
	width: 48%;
	padding: 30px;
	margin: 0;
	background: #fff;
	border-radius: 10px;
	-webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	order: 1;
}
.lp02_faqBox:nth-of-type(even) .lp02_faqBox_info {
	order: 0;
}
.lp02_faqBox_info dd > p {
	padding: 0;
	margin: 0 auto 10px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.lp02_faqBox_info dd > p:last-of-type {
	margin-bottom: 0;
}
.lp02_faqBox_info dd > p:first-of-type {
	margin-bottom: 10px;
}
#mainContents .lp02_faqBox_info dd > figure {
	width: 100%;
	padding: 0;
	margin: 0 auto 10px;
}
.lp02_faqBox_info dd > figure img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	border-radius: 5px;
}
/*FAQ*/
.lp02_faqBox_info dt {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	border: none;
	position: relative;
	z-index: 0;
	padding: 0 30px 20px 0;
	margin: 0 auto;
	border-bottom: 1px solid #3a94d7;
	cursor: pointer;
	transition: all 0.5s ease;
}
.lp02_faqBox_info dt h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	color: #3a94d7;
	font-weight: bold;
	border: none;
	background: none;
}
.lp02_faqBox_info dt h3::before,
.lp02_faqBox_info dt h3::after {
	display: none;
}
.lp02_faqBox_info dt h3 > em {
	display: inline-block;
	padding: 0;
	margin: 0 10px 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	color: #3a94d7;
	font-style: normal;
}
.lp02_faqBox_info dt span {
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.lp02_faqBox_info dt span::before,
.lp02_faqBox_info dt span::after {
	content: '';
	display: block;
	width: 15px;
	height: 2px;
	border-radius: 5px;
	background: #3a94d7;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.lp02_faqBox_info dt span::after {
	background: #3a94d7;
	transform: translateY(-50%) rotate(90deg);
	transition: 0.5s;
}
.lp02_faqBox_info span.active::after {
	transform: rotate(0);
	transition: 0.5s;
}
.lp02_faqBox_info dd {
	padding: 20px 0 0 35px;
	margin: 0;
	position: relative;
}
.lp02_faqBox_info dd::before {
	content: 'A';
	display: block;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 20px;
	left: 0;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	color: #ff6f21;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	.lp02_faqBox {
		width: calc(100% - 60px);
		max-width: 100%;
		padding: 0;
		margin: 0 auto 30px;
		flex-wrap: wrap;
	}
	#mainContents .lp02_faqBox > figure {
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
		position: relative;
		text-align: center;
		overflow: hidden;
		border-radius: 10px;
	}
	.lp02_faqBox_info {
		width: 100%;
		padding: 20px;
		margin: 0;
		border-radius: 10px;
		background: #fff;
		-webkit-filter: unset;
		filter: unset;
		order: 1;
	}
	.lp02_faqBox:nth-of-type(even) .lp02_faqBox_info {
		order: 1;
	}
	.lp02_faqBox_info dd > p {
		padding: 0;
		margin: 0 auto 10px;
	}
	.lp02_faqBox_info dd > p:last-of-type {
		margin-bottom: 0;
	}
	.lp02_faqBox_info dd > p:first-of-type {
		margin-bottom: 10px;
	}
	#mainContents .lp02_faqBox_info dd > figure {
		width: 100%;
		padding: 0;
		margin: 0 auto 10px;
	}
	/*FAQ*/
	.lp02_faqBox_info dt {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
		border: none;
		position: relative;
		z-index: 0;
		padding: 15px 20px 15px 40px;
		margin: 0 auto;
		border-top: 1px solid #3a94d7;
		border-bottom: 1px solid #3a94d7;
		cursor: pointer;
		transition: all 0.5s ease;
	}
	.lp02_faqBox_info dt h3 {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.4em;
		color: #3a94d7;
		font-weight: bold;
		border: none;
		background: none;
	}
	.lp02_faqBox_info dt h3::before,
	.lp02_faqBox_info dt h3::after {
		display: none;
	}
	.lp02_faqBox_info dt h3 > em {
		font-size: 20px;
		font-weight: bold;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
	}
	.lp02_faqBox_info dt span {
		top: calc(50%);
	}
	.lp02_faqBox_info dd {
		padding: 20px 0 0 35px;
		margin: 0;
		position: relative;
	}
}

/*--------------------------------------------*/
/*  キャンペーン202405
/*--------------------------------------------*/
#cmp_banner {
	width: 100%;
	max-width: 900px;
	padding: 0;
	margin: 0 auto 100px;
	position: relative;
}
#cmp_option > header {
	width: 100%;
	max-width: 900px;
	padding: 0;
	margin: 0 auto 50px;
}
#cmp_option .ioSec {
	width: 100%;
	max-width: 900px;
}
#cmp_option .ioSec.parent > h2 {
	background: var(--main);
}
#cmp_option .ioSec > .badge {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	width: 100px;
	height: 100px;
	padding: 0;
	margin: 0;
	background-image: url('https://floor-escoat.com/wp-content/uploads/badge_bg.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	top: -20px;
	right: -20px;
	z-index: 1;
	transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
}
#estimateFormWrap.campaign_contact {
	width: 100%;
	padding: 100px 0 0;
	margin: 0 auto;
	position: relative;
}
#estimateFormWrap.campaign_contact > h2 {
	font-size: 40px;
	line-height: 1.4em;
	font-family: var(--font-jp);
	font-weight: 500;
	padding: 0 0 25px;
	margin: 0 auto 25px;
	position: relative;
	text-align: center;
}
#estimateFormWrap.campaign_contact > h2::before {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	padding: 0;
	margin: 0;
	background: var(--main);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}
#estimateFormWrap.campaign_contact > h2::after {
	display: none;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#cmp_banner {
		width: calc(100% - 60px);
		max-width: 100%;
		margin: 0 auto 30px;
	}
	#cmp_option {
		width: calc(100% - 60px);
		max-width: 100%;
		margin: 0 auto 30px;
	}
	#cmp_option > header {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto 30px;
	}
	#cmp_option .ioSec {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 30px;
	}
	#cmp_option .ioSec.parent .ioSec_about > figure > h2 {
		display: inline-block;
		min-width: 180px;
		padding: 15px 30px 15px 15px;
		margin: 0;
		font-size: 15px;
		background: var(--main);
	}
	#cmp_option .ioSec.parent .ioSec_about > figure > h2::before,
	#cmp_option .ioSec.parent .ioSec_about > figure > h2::after {
		display: none;
	}
	#cmp_option .ioSec_about > .ioSec_about_info {
		margin-bottom: 0;
	}
	#cmp_option .ioSec > .badge {
		width: 70px;
		height: 70px;
		top: -10px;
		right: -10px;
		font-size: 15px;
	}
	#estimateFormWrap.campaign_contact {
		width: 100%;
		padding: 40px 0 0;
		margin: 0 auto;
		position: relative;
	}
	#estimateFormWrap.campaign_contact > h2 {
		font-size: 25px;
		line-height: 1.4em;
		font-family: var(--font-jp);
		font-weight: bold;
		padding: 0 0 15px;
		margin: 0 auto 15px;
		position: relative;
		text-align: center;
	}
	#estimateFormWrap.campaign_contact > h2::before {
		content: '';
		display: block;
		width: 50px;
		height: 2px;
		padding: 0;
		margin: 0;
		background: var(--main);
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
	}
	#estimateFormWrap.campaign_contact > h2::after {
		display: none;
	}
}

/*/
/*/
/*/
/*/
/*/
/*--------------------------------------------*/
/*  その他
/*--------------------------------------------*/
.scroll-hint-icon { top: 100px !important; }


/*--------------------------------------------*/
/*  保証について 20240907
/*--------------------------------------------*/
#warranty_about {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	background: #fff;
}
/* - 見出し*/
#warranty_about > h2 {
	font-size: 30px;
	line-height: 1.4em;
	font-family: var(--font-jp);
	font-weight: 500;
	padding: 0 0 25px;
	margin: 0 auto 25px;
	position: relative;
	text-align: center;
}
#warranty_about > h2::after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	padding: 0;
	margin: 0;
	background: var(--main);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
#warranty_about > p {
	padding: 0;
	margin: 0 auto 30px;
	text-align: center;
}
/*テーブル*/
.warranty_about_table {
	width: 100%;
	max-width: 700px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	border: none;
	background: none;
}
.warranty_about_table th {
	width: 50%;
	padding: 10px;
	margin: 0;
	background: var(--main);
	font-weight: 600;
	text-align: left;
	color: #fff;
}
.warranty_about_table th:first-of-type {
	border-right: 1px solid #fff;
}
.warranty_about_table td {
	padding: 10px;
	margin: 0;
	background: #fafafa;
}

/*========================*/
/*保証対象による無償対応*/
/*========================*/
#warranty_support {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	background: #fafafa;
	position: relative;
}
/* - 見出し*/
#warranty_support > h2 {
	font-size: 30px;
	line-height: 1.4em;
	font-family: var(--font-jp);
	font-weight: 500;
	padding: 0 0 25px;
	margin: 0 auto 25px;
	position: relative;
	text-align: center;
}
#warranty_support > h2::after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	padding: 0;
	margin: 0;
	background: var(--main);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
/*リスト*/
.diskList {
	width: fit-content;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
	display: flex;
	flex-direction: column;
	grid-row-gap: 15px;
}
.diskList > li {
	padding: 0 0 0 15px;
	margin: 0;
	position: relative;
	font-size: 18px;
	line-height: 1.4em;
	font-weight: 600;
}
.diskList > li::before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: #222;
	border-radius: 50%;
	position: absolute;
	top: 0.45em;
	left: 0;
}
.diskList > li small {
	font-size: 0.7em;
	font-weight: 400;
}

/*========================*/
/*免責事項*/
/*========================*/
#warranty_disclaimer {
	width: 100%;
	padding: 100px 0;
	margin: 0 auto;
	background: #fff;
	position: relative;
}
/* - 見出し*/
#warranty_disclaimer > h2 {
	font-size: 30px;
	line-height: 1.4em;
	font-family: var(--font-jp);
	font-weight: 500;
	padding: 0 0 25px;
	margin: 0 auto 25px;
	position: relative;
	text-align: center;
}
#warranty_disclaimer > h2::after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	padding: 0;
	margin: 0;
	background: var(--main);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
#warranty_disclaimer > p {
	padding: 0;
	margin: 0 auto 30px;
	text-align: center;
}
/*リスト*/
.numList {
	width: fit-content;
	max-width: 900px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	list-style: none;
	display: flex;
	flex-direction: column;
	grid-row-gap: 15px;
}
.numList > li {
	padding: 0 0 0 30px;
	margin: 0;
	position: relative;
	font-size: 18px;
	line-height: 1.4em;
	font-weight: 600;
}
.numList > li::before {
	counter-increment: number 1;
	content: counter(number) '.';  
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	background: none;
	position: absolute;
	top: 0.1em;
	left: 0;
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	color: var(--main);
}
.numList > li small {
	font-size: 0.7em;
	font-weight: 400;
}

/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 640px){
	#warranty_about {
		width: 100%;
		padding: 30px 0;
	}
	/* - 見出し*/
	#warranty_about > h2 {
		font-size: 20px;
		padding: 0 0 15px;
		margin: 0 auto 15px;
	}
	#warranty_about > p {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto 15px;
		text-align: justify;
		text-justify: inter-ideograph;
		word-break: break-all;
	}
	/*テーブル*/
	.warranty_about_table {
		width: calc(100% - 60px);
		max-width: 100%;
	}
	.warranty_about_table th {
		width: auto;
		padding: 10px;
	}

	/*========================*/
	/*保証対象による無償対応*/
	/*========================*/
	#warranty_support {
		width: 100%;
		padding: 30px 0;
	}
	/* - 見出し*/
	#warranty_support > h2 {
		font-size: 20px;
		padding: 0 0 15px;
		margin: 0 auto 15px;
	}
	/*リスト*/
	.diskList {
		width: calc(100% - 60px);
		max-width: 100%;
		grid-row-gap: 10px;
	}
	.diskList > li {
		font-size: 14px;
		line-height: 1.4em;
		font-weight: 400;
	}
	.diskList > li::before {
		top: 0.4em;
		left: 0;
	}

	/*========================*/
	/*免責事項*/
	/*========================*/
	#warranty_disclaimer {
		width: 100%;
		padding: 30px 0;
	}
	/* - 見出し*/
	#warranty_disclaimer > h2 {
		font-size: 20px;
		padding: 0 0 15px;
		margin: 0 auto 15px;
	}
	#warranty_disclaimer > p {
		width: calc(100% - 60px);
		padding: 0;
		margin: 0 auto 15px;
		text-align: justify;
		text-justify: inter-ideograph;
		word-break: break-all;
	}
	/*リスト*/
	.numList {
		width: calc(100% - 60px);
		max-width: 100%;
		grid-row-gap: 10px;
	}
	.numList > li {
		padding: 0 0 0 20px;
		font-size: 14px;
		line-height: 1.4em;
		font-weight: 400;
	}
	.numList > li::before {
		counter-increment: number 1;
		content: counter(number) '.';  
		display: flex;
		justify-content: center;
		align-items: center;
		width: 15px;
		height: 15px;
		background: none;
		position: absolute;
		top: 0.1em;
		left: 0;
		font-size: 14px;
		line-height: 1;
		font-weight: 600;
		color: var(--main);
	}
}