/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/
/* テキスト内タイトル（文字の大きさを2remに） */
.case-title {
	margin: 0 auto 10px;
    padding: 5px 10px;
    font-size: 2.0rem;
	font-weight: bold
    line-height: 140%;
    color: #583626;
    border-bottom: 3px double #a49389;
}
header .rightTxt:before, 
.l-header__sitename:before, 
.l-header-sitename:before,
.sitename:before,
.siteName:before {
    content: "PR";
    display: inline-block;
    background: #000;
    color: #fff;
    text-align: center;
    width: fit-content;
    margin-right: 1rem;
    font-size: 1.5rem;
    padding: 0 1rem;
}

a.l-footer-bottom__copy__link:before  {
    content: "【PR】";
}


a.logo img {
    width: 150px;
    margin-top: 1rem;
    margin-left: 0;
}
a.flogo img {
    width: 100%;
}
.l-footer-area::before {
    z-index: -1;
}
a.flogo:hover {
    opacity: 0.5;
}
.l-footer-area__inner {
    padding-top: 1rem;
}
a.logo:hover {
    opacity: 0.5;
}
a.flogo {
    display: block;
    margin: 3rem auto 0;
    width: 400px;
}
.l-header a.logo {
    float: left;
    margin-left: -7rem;
}
.three {
    display: flex;
    margin: 4rem auto 0;
}
.homeh .l-header__sitename, .mv .mv_inner, #index .top-title, #index, #index a, .contents_top .top-title h5, #index p.catch-copy {
    font-family: 'Segoe UI', Meiryo, sans-serif;
}
.side-banner-area .side-banner-box .side-banner-list__sttl a {
    font-family: 'Segoe UI', Meiryo, sans-serif;
}
.btn-web a {
    background: #E08243;
    color: #fff;
}
.gnv {
    /* padding-left: 100px; */
    background: url(img/h2-bg.png) repeat;
}
.gnv ul {
    margin: 0rem auto 1rem;
    width: 1000px;
    display: flex;
    border-right: solid 1px #eee;
}
.gnv ul li {
    display: table;
    border-left: solid 1px #eee;
    width: 34%;
}
.gnv ul li a {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4;
    /* font-size: 13px; */
    padding: 1rem 2rem;
    text-decoration: none;
    color: #fff;
}
#index .btn-web a:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.gnv ul li a:hover {
    /* opacity: 0.5; */
    background: #ffffff26;
}
.three .box {
    width: 32%;
    margin: 0 auto;
    text-align: center;
    padding: 1rem;
    border: solid 2px #4f5067;
}

.three .name {
    font-size: 2rem;
    margin: 1rem auto;
}

.three .box .btn-web a {
    width: 90%;
    margin: 2rem auto;
}

.three .tubo {
    font-size: 16px;
}
/* ﾄｯﾌﾟﾍﾟｰｼﾞ*/
/* 各社施工事例の<li> */
.top_case li {
	display: inline-block
}

/* 坪単価をセンターに */
span.center {
	display: block;
	text-align: center;
}

/* メインビジュ*/
/* span色を黄色に変更 */ 
span.mainvisu-span {
	font-weight: bold;
    font-size: 1.7rem;
    color: #e2c21d;
}

/* 「「好き」をもっと暮らしの中に。」のサイズ変更 */
span.mv-title {
	font-size: 1.5rem;
}

/* 共通パーツの「坪単価」文字 */
span.cost-common {
	font-size: 1.6rem;
	font-weight: bold;
	color: #790909;
	font-family: 'Noto Sans JP', sans-serif;
	/* font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; */
}
span.komeichi {
	font-size: 1rem;
	color: #790909;
	font-family: 'Noto Sans JP', sans-serif;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
span.cost-detail {
	font-size: 3.6rem;
	font-weight: bold;
	color: #790909;
	background: linear-gradient(transparent 40%, #ffe084 0%) no-repeat top 5px left;
	font-family: 'Noto Sans JP', sans-serif;
	/* font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; */
}
span.cost-common-blue {
	font-size: 1.4rem;
	font-weight: bold;
	color: #0d2063;
}
span.cost-detail-blue{
	font-size: 2.6rem;
	font-weight: bold;
	color: #0d2063;
	background: linear-gradient(transparent 40%, #ffe084 0%) no-repeat top 5px left;
}
/* 「16事例」大きさ */
span.detail-total {
    font-size: 2.5rem;
    font-weight: bold;
    color: #790909;
    background: linear-gradient(transparent 40%, #ffe084 0%) no-repeat top 5px left;
    font-family: 'Noto Sans JP', sans-serif;
    /* font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; */
}
.btn-internal a {
    background: #5E361C;
    color: #fff;
}
.btn-internal a:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

/* 3選施工事例　ある無いジャンル色分け */
span.case-none {
	color: #b5b5b5;
}
span.case-yes {
	color: #005092;
	font-weight: bold;
}
/* トップページ施工事例写真の題名 */
p.picture-title {
	color: #4c4c4c;
	font-size: 2.6rem;
    font-family: 'Noto Sans JP', sans-serif;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/* スライダー下の白い枠非表示 */
.image-wrap {
	display: none;
}

/* PRページbold */
span.bold-orange {
/*     background: linear-gradient(transparent 60%, #fbe3ac 0%); */
    margin: 0 4px 0 0;
    font-weight: bold;
	color: #005092;
}
span.border-line {
	background: linear-gradient(transparent 40%, #ffe084 0%) no-repeat top 5px left;
	font-weight: bold;
}
/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 480px) {
.case-title {
	margin: 0 auto 10px;
    padding: 5px 10px;
    font-size: 2.0rem;
	font-weight: bold
    line-height: 140%;
    color: #583626;
    border-bottom: 3px double #a49389;
}
.gnv {
    display: none;
}
/* ﾄｯﾌﾟﾍﾟｰｼﾞ*/
/* 各社施工事例の<li> */
.top_case li {
	display: inline-block
}

/* 坪単価をセンターに */
span.center {
	display: block;
	text-align: center;
}

/* メインビジュ*/
/* span色を黄色に変更 */ 
span.mainvisu-span {
	font-weight: bold;
    font-size: 1.7rem;
    color: #e2c21d;
}

/* 「「好き」をもっと暮らしの中に。」のサイズ変更 */
span.mv-title {
	font-size: 1.5rem;
}

/* 共通パーツの「坪単価」文字 */
span.cost-common {
	font-size: 1.6rem;
	font-weight: bold;
	color: #790909;
	font-family: 'Noto Sans JP', sans-serif;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
span.komeichi {
	font-size: 1rem;
	color: #790909;
	font-family: 'Noto Sans JP', sans-serif;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
span.cost-detail {
	font-size: 3.6rem;
	font-weight: bold;
	color: #790909;
	background: linear-gradient(transparent 40%, #ffe084 0%) no-repeat top 5px left;
	font-family: 'Noto Sans JP', sans-serif;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
span.cost-common-blue {
	font-size: 1.4rem;
	font-weight: bold;
	color: #0d2063;
}
span.cost-detail-blue{
	font-size: 2.6rem;
	font-weight: bold;
	color: #0d2063;
	background: linear-gradient(transparent 40%, #ffe084 0%) no-repeat top 5px left;
}
/* 「16事例」大きさ */
span.detail-total {
    font-size: 2.5rem;
	font-weight: bold;
	color: #790909;
	background: linear-gradient(transparent 40%, #ffe084 0%) no-repeat top 5px left;
	font-family: 'Noto Sans JP', sans-serif;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}



/* 3選施工事例　ある無いジャンル色分け */
span.case-none {
	color: #b5b5b5;
}
span.case-yes {
	color: #005092;
	font-weight: bold;
}
/* トップページ施工事例写真の題名 */
p.picture-title {
	color: #4c4c4c;
	font-size: 2.6rem;
    font-family: 'Noto Sans JP', sans-serif;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/* スライダー下の白い枠非表示 */
.image-wrap {
	display: none;
}

/* PRページbold */
span.bold-orange {
/*     background: linear-gradient(transparent 60%, #fbe3ac 0%); */
    margin: 0 4px 0 0;
    font-weight: bold;
	color: #005092;
}
span.border-line {
	background: linear-gradient(transparent 40%, #ffe084 0%) no-repeat top 5px left;
	font-weight: bold;
}
.three .box {
    padding: 5px;
}

.three .name {
    line-height: 1.3;
    font-size: 16px;
    min-height: 4rem;
}

.three .tubo {
    font-size: 12px;
}

.three .box .btn-web a {
    font-size: unset;
    padding: 5px 20px;
}

.three .box .btn-web a:before {
    right: 7px;
}
.l-header a.logo {
    margin: 0;
}

.l-header__sitename {
    padding: 0;
}
a.flogo {
    width: 200px;
}
.three {
    margin: 2rem auto;
}
a.logo img {
    width: 80px;
    margin: 0 1rem 0 0;
    padding: 0;
}
a.flogo img {
    /* width: 200px; */
}
.homeh .l-header__sitename {
    padding: 0;
}
}