@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
img{
	max-width:100%;
	vertical-align:top;
}
p{
	font-family: "ryo-gothic-plusn", sans-serif;
	color:#293855;
	letter-spacing:.05em;
}
h3{
	letter-spacing:.03em;
}
span{
	font-family: "ryo-gothic-plusn", sans-serif;
}
html {
  scroll-behavior: smooth;
}
a:hover { opacity: 0.7; }
.section {
  will-change: transform;
}
  .admin-bar main { padding-top: calc(64px + 46px); }

/************************************
** ヘッダー
************************************/
/*スマホ*/
@media screen and (max-width: 750px){
	.header{
		background-image: linear-gradient(90deg, #152748, #293855);
		width:100%;
		display:flex;
		margin-left:auto;
		height:64px;
		position:fixed;
		top:0;
		right:0;
		z-index: 10;
		
	}
	.header-h1{
		display:grid;
		grid-template-columns:90% 10%;
		width:100%;
		padding:.5rem 1rem;
	}
	h1 {
		color:#ffffff;
		width:100%;
		margin:0 auto;
		font-size:28px;
		display:flex;
		justify-content:center;
		position:relative;
	}
	h1 a{
		display:flex;
		align-items:center;
		position:relative;
	}
	h1 img{
		width:65%;
		height:auto;
	}
	h1 span{
		display:none;
	}
	
	.header nav ul li{
		list-style:none;
		padding-top:.5rem;
		padding-bottom:.5rem;
		border-bottom:solid 1px #ffffff;
	}
	.header nav ul{
		width:80%;
		margin:0 auto;
		padding-left:0;
		
	}
	.header nav ul li a{
		text-decoration:none;
		color:#ffffff;
		font-size:14px;
		text-align:left;
		display:block;
	}
	/*電話番号・メールボタン*/
	.action{
		padding-bottom:1rem;
	}
	.action a{
		display:flex;
		align-items:center;
		gap:1rem;
		text-decoration:none;
		color:#f93832;
		font-size:20px;
		font-weight:bold;
		width:80%;
		margin:1rem auto;
	}
	.action a img{
		width:13%;	
	}
	.action span{
		color:#f93832;
		font-size:18px;
	}
	 /*ハンバーガー*/
    .hamburger {
        width: 2rem;
        height: 1rem;
        margin: 1rem 1rem 0 auto;
        display: block;
    }
    .hamburger span { 
        height: .7rem;
        background-color: #fff; 
        z-index: 5;
        display: block;
    }
    .hamburger span:nth-child(1) {
        top: 0;
        width: 2rem;
        height: 1px;
        background-color: #fff;
        position: relative;
    }
    .hamburger span:nth-child(2) {
        top: .5rem;
        width: 2rem;
        height: 1px;
        background-color: #fff;
        position: relative;
    }
    .hamburger span:nth-child(3) {
        top: 1rem;
        width: 2rem;
        height: 1px;
        background-color: #fff;
        position: relative;
    }
    /* ヘッダー ナビ開いてる時 */
	.header.menu-open{
		transform: translateX(0);
		background-image: linear-gradient(90deg, #152748, #293855);
		width:80%;
		right: 0;
		height: 100%;
		display:block;
		transition: width 0.3s ease, margin-left 0.3s ease; /* スムーズなアニメーション */
	}
	.globalMenuSp.active {
    transform: translateX(0);
	width:100%;
	top: 4rem;
	right: 0;
	height: 100%;
	display:block;
	transition:0.6s;
}
	.globalMenuSp.active ~ .header {
    width: 80%;
    margin-left: auto; /* 右寄せ */
    transition: 0.3s ease; /* スムーズな変化 */
}
	
.hamburger.active {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    z-index: 5;
    border: none;
}
.hamburger.active span:nth-child(1) {
    top : .5rem;
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    transform        : rotate(-45deg);
    background: #fff !important;
    z-index: 5;
	
}
.hamburger.active span:nth-child(2) {
    top: .5rem;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    transform        : rotate(45deg);
 
  background: #fff !important;
  z-index: 5;
}
.hamburger.active span:nth-child(3) {
    opacity: 0;
    width: 4rem;
    background: #222222;
    z-index: 5;
}
nav.globalMenuSp {
    position: fixed;
    z-index : 4;
    top  : 4rem;
    right : 0;
    color: #fff;
    text-align: center;
    transform: translateX(100%);
    width: 100%;
    height: 100%;
    margin-right: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
	
}
/*TB*/
@media(min-width: 750px) and (max-width: 1023px){
	.header{
		display:none;
	}
	.header-pc{
		position:absolute;
		top:4vw !important;
		left:-35vw !important;
	}
	.header-pc-h1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:30px !important;
		color:#fff;
		position:fixed;
		margin-top:1rem;
	}
	.header-pc-h1 img{
		width:220px;
		height:auto;
		display:flex;
		align-items:center;
		position:relative;
	}
	.header-pc-h1 a{
		text-decoration:none;
		color:#fff;
	}
	.menu-ul-pc{
		margin-top:4rem;
		position:fixed;
		width:20vw;
		padding-left:0;
	}
	.menu-ul-pc li {
		list-style:none;
		padding-top:.5rem;
		padding-bottom:.5rem;
		border-bottom: solid 1px #fff;
		padding-left:1vw;
	}
	.menu-ul-pc li a{
		text-decoration:none;
		color:#fff;
		margin:1rem auto;
		font-size:14px !important;
	}
	.action-pc{
		margin-top:1rem;
		display:flex;
		justify-content:left;
		align-items:center;
		flex-direction:column;
		position:fixed;
		width:220px;
		margin-top:18rem;
	}
	.action-pc img{
		width:12% !important;
		margin-right:1rem;
	}
	.action-pc a{
		margin:.5rem auto;
		text-decoration:none;
		color:#f93832;
		font-family: "ryo-gothic-plusn", sans-serif;
		font-size:14px !important;
		font-weight:bold;
		background-color:#fff;
		border-radius:10px 10px;
		padding:.5rem;
		width:100%;
		display:flex;
		justify-content:center;
	}
	
}
/*PC*/
@media screen and (min-width: 751px) {
	.header{
		display:none;
	}
	.header-pc{
		position:absolute;
		top:10vw;
		left:-22vw;
	}
	.header-pc-h1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#fff;
		position:fixed;
	}
	.header-pc-h1 img{
		width:220px;
		height:auto;
		display:flex;
		align-items:center;
		position:relative;
	}
	.header-pc-h1 a{
		text-decoration:none;
		color:#fff;
	}
	.menu-ul-pc{
		margin-top:4rem;
		position:fixed;
		width:220px;
		padding-left:0;
	}
	.menu-ul-pc li {
		list-style:none;
		padding-top:.5rem;
		padding-bottom:.5rem;
		border-bottom: solid 1px #fff;
		padding-left:1vw;
	}
	.menu-ul-pc li a{
		text-decoration:none;
		color:#fff;
		margin:1rem auto;
		font-size:16px;
	}
	.action-pc{
		margin-top:1rem;
		display:flex;
		justify-content:left;
		align-items:center;
		flex-direction:column;
		position:fixed;
		width:220px;
		margin-top:18rem;
	}
	.action-pc img{
		width:18%;
		margin-right:1rem;
		vertical-align:top;
	}
	.action-pc a{
		margin:.5rem auto;
		text-decoration:none;
		color:#f93832;
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight:bold;
		background-color:#fff;
		border-radius:10px 10px;
		padding:.5rem;
		width:100%;
		display:flex;
		justify-content:center;
	}
	.action-pc span{
		margin-top:.1rem;
	}
}
/************************************
** トップページ
************************************/
/*SP*/
@media screen and (max-width: 750px){
	.sp{
		display:block;
	}
	.header-pc{
		display:none;
	}
	.body{
		background-color:#F9F5EF;
	}
	h1 a{
		text-decoration:none;
		color:#fff;
	}
	h2 .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	h2 .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
	}
	h2{
		width:80%;
		margin:0 auto;
	}
	p{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size:16px;
		color:#293855;
		letter-spacing:2;
	}
	/*トップ画像*/
	.top{
		padding-top:2rem;
	}
	.top-cach{
		font-family: "ryo-gothic-plusn", sans-serif;
		color:#fff;
		font-weight:700;
		font-size:18px;
		position: absolute;
    	top: 80vw;
    	left:20vw;
		width:75%;
		line-height:2rem;
	}
	/* 文字スクロールアニメーション*/
	.top-animation{
		display: block;
		height: auto;
		width: 100%;
		overflow: hidden;
		position:absolute;
		top:135vw;
		left:0%;
	}
	.top-animation-content{
		display: inline-block;
  		color: #fff;
  		white-space: nowrap;
  		animation: animate-banner 20s linear infinite;
	}
	.top-animation-p{
		font-family: "henderson-sans-basic", sans-serif;
		color:#fff;
		font-weight:700;
		font-size:70px;
		overflow:hidden;
	}
	@keyframes animate-banner {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
	}
	/*販売情報*/
	.sale{
		margin:4rem auto;
	}
	.sale-box{
		width:80%;
		margin:0 auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		border-radius:5px;
		padding-bottom:1rem;
		padding-top:1rem;
	}
	.sale-box a{
		text-decoration:none;
	}
	.sale-box img{
		width:90%;
		margin:0 auto;
		display:block;
		border-radius:2px;
	}
	.sale-box h3{
		width:80%;
		margin:0 auto;
		border-radius:2px;
		color:#fff;
		padding:1rem 0;
		font-size:18px;
		line-height:2rem;
		font-family: "ryo-gothic-plusn", sans-serif;
		border-bottom:solid .5px;
	}
	.sale-box-text{
		width:90%;
		margin:.5rem auto;
	}
	.sale-box-text p{
		color:#fff;
		font-size:14px;
		width:90%;
		margin:0 auto;
		display:grid;
		grid-template-columns:40% 60%;
		text-align:left;
		justify-content:center;
		justify-items: start;
		align-items:center;
	}
	.sale-box-text p span{
		display:inline-block;
	}
	.sale-box-h{
		width:7rem;
	}
	.sale-box-place{
		font-size:22px;
		padding-right:.5rem;
	}
	.sale-box-place2{
		font-size:14px;
	}
	.yazirushi{
		width: 2rem;
        height: .5rem;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: skew(45deg);
        display: block;
        margin: .5rem 2rem .5rem auto;
        position: relative;
	}
	.yazirushi2{
		width: 2rem;
        height: .5rem;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: skew(45deg);
        margin-top:-.5rem;
        position: relative;
		display:inline-block;
		top:.5rem;
	}
	.works-box-link-p{
		margin-right:1rem;
		text-align:center;
	}
	.sale-box-link{
		margin:1rem auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		width:40%;
		border-radius:5px;
		padding-bottom:.5rem;
		padding-top:.5rem;
	}
	.sale-box-link a,.works-box-link a{
		text-decoration:none;
		color:#fff;
		margin:0 auto;
		display:flex;
		display: flex;
    	justify-content: center;
    	align-items: center;
	}
	.sale-box-link p{
		color:#fff;
		text-align:center;
		letter-spacing:.1rem;
		display: flex;
    	justify-content: center; 
    	align-items: center; 
	}
	
	/*施工事例*/
	.works{
		margin:4rem auto;
	}
	.works-box{
		width:80%;
		margin:0 auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		border-radius:5px;
		padding-bottom:1rem;
		padding-top:1rem;
	}
	.works-box a{
		text-decoration:none;
	}
	.works-box img{
		width:90%;
		margin:0 auto;
		display:block;
		border-radius:2px;
	}
	.works-box h3{
		width:80%;
		margin:0 auto;
		border-radius:2px;
		color:#fff;
		padding:1rem 0;
		font-size:18px;
		line-height:1.8rem;
		font-family: "ryo-gothic-plusn", sans-serif;
		border-bottom:solid .5px;
	}
	.works-box-text{
		width:90%;
		margin:1rem auto;
	}
	.works-box-text p{
		color:#fff;
		font-size:14px;
		width:90%;
		margin:0 auto;
		display:flex;
		text-align:left;
	}
	.works-box-h{
		width:7rem;
	}
	.yazirushi{
		width: 2rem;
        height: .5rem;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: skew(45deg);
        display: block;
        margin: .5rem 2rem .5rem auto;
        position: relative;
	}
	.works-box-link{
		margin:1rem auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		width:40%;
		border-radius:5px;
		padding-bottom:.5rem;
		padding-top:.5rem;
	}
	.works-box-link2{
		margin:1rem auto;
		background-color:#f93832;
		width:40%;
		border-radius:5px;
		padding-bottom:.5rem;
		padding-top:.5rem;
	}
	.works-box-link a,.works-box-link2 a{
		text-decoration:none;
		color:#fff;
		display:flex;
		justify-content:center;
	}
	.works-box-link p,.works-box-link2 p{
		color:#fff;
		text-align:center;
		letter-spacing:.1rem;
	}
	.works-box-tag{
		color:#BABABA;
		font-size:14px;
	}
	/*コンセプト*/
	.concpt{
		margin:4rem auto 0 auto;
	}
	.concpt-title{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
		position:relative;
		margin-top:1rem;
	}
	.concpt h3{
		writing-mode: vertical-rl;
		position:relative;
		margin:-13rem 2rem 0 auto;
		color:#293855;
		letter-spacing:.2rem;
		padding-top:.5rem;
		padding-bottom:.5rem;
		font-size:18px;
		display:flex;
		flex-direction:column;
		gap:.5rem;
		border-radius:5px;
		
	}
	.concpt h3 span{
		display:block;
		background-color:#fff;
		height:fit-content;
		padding-top:.5rem;
		padding-bottom:.5rem;
		border-radius:5px;
	}
	
	.concept-box p{
		color:#293855;
		width:80%;
		margin:0 auto;
		padding-bottom:4rem;
		border-bottom:solid 1px #293855;
	}
	.concept-box-bold{
		font-weight:bold;
	}
	.concept-box-padding{
		padding-right:5rem;
		display:block;
	}
	/*こんなお悩みありませんか？*/
	.worries{
		width:80%;
		margin:4rem auto;
	}
	.worries-h2{
		color:#293855;
		font-size:18px;
		text-align:center;
		position:relative;
		width:auto;
		background-image: linear-gradient(to right, #f93832, #f93832);
        background-size: 70vw 5px;
        background-repeat: no-repeat;
        background-position: center calc(100% - 2vw);
		margin-bottom:1rem;
	}
	
	.worries-h2-2{
		font-size:26px;
		padding-top: .4em;
		background-position: top left -1px;
		background-repeat: repeat-x;
		background-size: 1em .3em;
		background-image: radial-gradient(.15em .15em at center, #f93832, #f93832 99%, transparent 100%);
	}
	.worries-sb1,.worries-sb3{
		width:70%;
		margin:.5rem auto .5rem 0;
	}
	.worries-sb2{
		width:70%;
		margin:.5rem 0 .5rem auto;
	}
	.worries-ad img{
		width:70%;
		margin:.5rem auto;
		display:block;
	}
	.worries-text{
		margin:1rem auto;
	}
	.worries-text span{
		font-weight:bold;
	}
	/*メリット*/
	.merit{
		background-image: linear-gradient(90deg, #152748, #293855);
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
	}
	.merit summary{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
		list-style-type: none;
	}
	.merit summary::before{
		content: "▶ ";
    	font-size: 14px;
		color:#f93832;
		font-size:1.5rem;
		margin-top:-1rem;
		position:relative;
	}
	.merit details[open] summary::before {
    content: "▼ ";
}
	.merit .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#fff;
	}
	.merit .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#fff;
		padding-left:1rem;
		display:block;
	}
	.merit-box{
		background-color:#fff;
		border-radius: 10px 10px;
		width:80%;
		margin:2rem auto;
	}
	.merit-box img{
		width:90%;
		margin:0 auto;
		padding-top:1rem;
		display:block;
	}
	.merit-box h3{
		color:#293855;
		width:90%;
		margin:1rem auto .5rem auto;
		line-height:1.7rem;
		font-family: "ryo-gothic-plusn", sans-serif;
	}
	.merit-box p{
		width:90%;
		margin:0 auto;
		line-height:1.7rem;
		padding-bottom:1rem;
	}
	.merit-n{
		display:block;
		position:relative;
		z-index:1;
		color:#f93832;
		font-family: "henderson-sans-basic", sans-serif;
		
		font-size:45px;
		opacity:0.3;
		margin-top:1.5rem;
	}
	.merit-h3{
		display:block;
		position:relative;
		z-index:2;
		margin-top:-1.7rem;
	}
	/*FAQ*/
	.faq{
		background-color:#fff;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		background-color:#F9F5EF;
		position:relative;
		margin-top:-1.5rem;
	}
	.faq summary{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
		list-style-type: none;
	}
	.faq > details > summary.faq-h2::before{
		content: "▶ ";
    	font-size: 14px;
		color:#f93832;
		font-size:1.5rem;
		margin-top:-1rem;
		position:relative;
	}
	.faq > details[open] > summary.faq-h2::before {
		content: "▼ ";
	}
	summary::-webkit-details-marker {
    display: none;
	}
	.faq .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	.faq .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
	}
	.faq-box{
		background-color:#fff;
		border-radius: 10px 10px;
		width:80%;
		margin:2rem auto;
	}
	.faq-box summary{
		width:90%;
		margin:0 auto;
		padding-top:1rem;
		padding-bottom:1rem;
		
	}
	.faq-h{
		display:flex;
		justify-content:center;
		gap:1rem;
	}
	.faq-h img{
		width:12%;
		display:inline-block;
		object-fit:contain;
	}
	.faq-h span{
		font-weight:bold;
		width:80%;
		font-size:18px;
		color:#293855;
		line-height:1.7rem;
	}
	.faq-box::marker{
		display:none;
	}
	.faq-box p{
		width:80%;
		margin:0 auto;
		padding-top:1rem;
		padding-bottom:1rem;
		background-image : linear-gradient(to right, #000 2px, transparent 2px);
 		background-size: 5px 2px;
 		background-repeat: repeat-x;
 		background-position: right top;
		line-height:1.7rem;
	}
	/*リフォームの流れ*/
	.flow{
		background-color:#fff;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		background-color:#fff;
		position:relative;
		margin-top:-1.5rem;
		background-image:url(https://l-skeleton.jp/wp-content/uploads/2025/03/frow-background.png);
	}
	.flow summary{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
		list-style:none;
	}
	.flow summary::before{
		content: "▶ ";
    	font-size: 14px;
		color:#f93832;
		font-size:1.5rem;
		margin-top:-1rem;
		position:relative;
	}
	.flow details[open] summary::before {
    content: "▼ ";
}
	summary::-webkit-details-marker {
    display: none;
}
	.flow .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	.flow .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
	}
	.flow-box{
		width:80%;
		margin:0 auto;
		color:#293855;
		border-left:dotted 3px #293855;
	}
	.flow-step{
		 font-family: "henderson-sans-basic", sans-serif;
  		text-align: right;
  		font-weight: bold;
  		font-size: 24px;
  		padding-bottom: 0;
  		background-image: linear-gradient(to right, #293855, #293855);
  		background-size: 100% 1px; 
  		background-repeat: no-repeat;
 		background-position:  0 calc(100% - 3.5vw);
		position:relative;
	}
	.flow-circle{
		position: relative;
  		left: -2vw;
		top:-5vw;
  		width: 15px;
  		height: 15px;
  		background-color: #f93832;
  		border-radius: 50%;
		display:block;
	}
	.flow-box h3{
		color:#f93832;
		padding-left:1.5rem;
	}
	.flow-p{
		padding-left:1.5rem;
		padding-bottom:2rem;
	}
	.flow-box img{
		padding-left:1.5rem;
		padding-bottom:2rem;
	}
	.flow-p2{
		background-color:#293855;
		border-radius: 30px 30px;
		width:40%;
		margin:.7rem 1rem;
	}
	.flow-p2 p{
		color:#fff;
		text-align:center;
		font-size:14px;
	}
	.flow-triangle{
		 width: 0;
  		height: 0;
  		border-left: 13px solid transparent;
  		border-right: 13px solid transparent;
  		border-top: 13px solid #f93832;
		position:relative;
		bottom:-6vw;
		left:-3vw;
	}
	.about{
		background-image:url(https://l-skeleton.jp/wp-content/uploads/2025/04/about-background2.png);
		background-repeat:no-repeat;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		background-color:#fff;
		position:relative;
		margin-top:-1.5rem;
		background-size:cover;
		scroll-margin-top: 2rem;
	}
	.about h2{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
	}
	.about .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#fff;
	}
	.about .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#fff;
		padding-left:1rem;
	}
	.about p{
		width:80%;
		margin:0 auto;
		color:#fff;
	}
	.about-t{
		position:relative;
		z-index:2;
		white-space: nowrap;
	}
	.about-a{
		width:55%;
		margin-left:auto;
		margin-right:10%;
		border-bottom:solid 1px #fff;
	}
	.about-a a{
		text-decoration:none;
		color:#fff;
		display:grid;
		grid-template-columns:60% 40%;
		padding:.5rem;
	}
	.about .yazirushi{
		margin-right:1rem;
	}
	/*お問い合わせ*/
	.contact{
		background-color:#F9F5EF;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		margin-top:-3.5rem;
		position:relative;
		scroll-margin-top: 2rem;
	}
	.contact h2{
		width: 80%;
        margin: 0 auto;
        padding-top: 2rem;
	}
	.contact .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	.contact .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
		display:block;
	}
	.wpcf7 {
		width:80%;
		margin:0 auto;
	}
	.wpcf7 p{
		margin:1rem auto;
	}
	
	.wpcf7-submit {
		background-color:#f93832 !important;
		color:#fff !important;
	}
	.Inquiry .wpcf7-list-item{
		display:block;
		margin-left:0;
	}
	/*スクロール固定ボタン*/
	.fixed-bottn{
		display:flex;
		justify-content:center;
		position: fixed;
        bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		gap:.5rem;
		width:95%;
	}
	.fixed-bottn p{
		background-color:#f93832;
		border-radius: 10px 10px 0 0;
		padding-top:1rem;
		padding-bottom:1rem;
		margin:0 auto;
		width:100%;
		display:flex;
		align-items:center;
		font-size:14px;
		font-weight:bold;
	}
	.fixed-bottn img{
		width:25px;
		height:25px;
		margin-right:.5rem;
		vertical-align:top;
	}
	.fixed-bottn a{
		text-decoration:none;
		color:#fff;
		font-family: "ryo-gothic-plusn", sans-serif;
		margin:0 auto;
		width:150px;
		display:flex;
		gap:.1rem;
		justify-content:center;
	}
	/*hフッター*/
	footer{
		background-image: linear-gradient(90deg, #152748, #293855);
		color:#fff;
		padding-top:2rem;
		padding-bottom:2rem;
		border-radius: 30px 30px 0 0;
	}
	.footer-link{
		width:80%;
		margin:0 auto;
		display:flex;
		align-items:left;
		justify-content:left;
		flex-direction:column;
	}
	.footer-link a{
		text-decoration:none;
		color:#fff;
		font-family: "ryo-gothic-plusn", sans-serif;
		padding-bottom:.5rem;
		padding-top:.5rem;
		background-image : linear-gradient(to right, #fff 2px, transparent 2px);
 		background-size: 5px 2px;
 		background-repeat: repeat-x;
 		background-position: right bottom;
		line-height:1.7rem;
	}
	.footer-link a::before{
		content: "";
    	display: inline-block;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color:#f93832;
		margin-right:1rem;
	}
	.company{
		width:80%;
		margin:2rem auto;
	}
	.company p{
		color:#fff;	
	}
	.companey-p{
		color:#fff;
		display:grid;
		grid-template-columns:30% 70%;
	}
	.companey-p a{
		text-decoration:none;
		color:#fff;
	}
	.companey-c{
		margin-bottom:.5rem;
	}
	.companey-c a{
		text-decoration:none;
		color:#fff;
	}
	.copyright{
		width:80%;
		margin:0 auto;
	}
	.copyright p{
		color:#fff;
		padding-top:.5rem;
		padding-bottom:4rem;
		border-top:solid 1px #fff;
		text-align:center;
		font-size:14px;
	}
	iframe{
		width:80%;
		margin:2rem auto;
		display:block;
		height:20%;
	}
	
}
@media(min-width: 751px) and (max-width: 1023px){
	.pc-background{
		width:100%;
		background-image:url(https://l-skeleton.jp/wp-content/uploads/2025/04/background-image5.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 100vh;
		width: 100%;  
	}
	.body{
		background-color:#F9F5EF;
		width:480px;
		margin-left:auto;
		position:relative;
		box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
	}
	.body .header-pc-h1 a{
		text-decoration:none;
		color:#fff;
	}
	h1 a{
		text-decoration:none;
		color:#fff;
	}
	h2 .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	h2 .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
	}
	h2{
		width:80%;
		margin:0 auto;
	}
	p{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size:16px;
		color:#293855;
	}
	/*トップ画像*/
	.top-cach{
		font-family: "ryo-gothic-plusn", sans-serif;
		color:#fff;
		font-weight:700;
		font-size:20px;
		position: absolute;
    	top: 340px;
    	left: 80px;
		width:40vw;
		line-height:2.5rem;
	}
	/* 文字スクロールアニメーション*/
	.top-animation{
		display: block;
		height: auto;
		width: 480px;
		overflow: hidden;
		position:absolute;
		top:650px;
		left:0;
	}
	.top-animation-content{
		display: inline-block;
  		color: #fff;
  		white-space: nowrap;
  		animation: animate-banner 20s linear infinite;
	}
	.top-animation-p{
		font-family: "henderson-sans-basic", sans-serif;
		color:#fff;
		font-weight:700;
		font-size:70px;
		overflow:hidden;
	}
	@keyframes animate-banner {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
	}
	/*販売情報*/
	.sale{
		margin:4rem auto;
	}
	.sale-box{
		width:80%;
		margin:0 auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		border-radius:5px;
		padding-bottom:1rem;
		padding-top:1rem;
	}
	.sale-box a{
		text-decoration:none;
	}
	.sale-box img{
		width:90%;
		margin:0 auto;
		display:block;
		border-radius:2px;
	}
	.sale-box h3{
		width:80%;
		margin:0 auto;
		border-radius:2px;
		color:#FFFFFF;
		padding:1rem 0;
		font-size:20px;
		line-height:2rem;
		font-family: "ryo-gothic-plusn", sans-serif;
		border-bottom:solid .5px;
	}
	.sale-box-text{
		width:90%;
		margin:1rem auto;
	}
	.sale-box-text p{
		color:#fff;
		font-size:14px;
		width:90%;
		margin:0 auto;
		display:grid;
		grid-template-columns:30% 60%;
		text-align:left;
		justify-content:center;
		justify-items: start;
		align-items:center;
	}
	.sale-box-text p span{
		display:inline-block;
	}
	.sale-box-h{
		width:7rem;
	}
	.sale-box-place{
		font-size:22px;
		padding-right:.5rem;
	}
	.sale-box-place2{
		font-size:14px;
	}
	.yazirushi{
		width: 2rem;
        height: .5rem;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: skew(45deg);
        display: block;
        margin: .5rem 2rem .5rem auto;
        position: relative;
	}
	.yazirushi2{
		width: 2rem;
        height: .5rem;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: skew(45deg);
        margin-top:-.5rem;
        position: relative;
		display:inline-block;
		top:.5rem;
	}
	.works-box-link-p{
		margin-right:1rem;
		text-align:center;
	}
	.sale-box-link{
		margin:1rem auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		width:40%;
		border-radius:5px;
		padding-bottom:.5rem;
		padding-top:.5rem;
	}
	.sale-box-link a,.works-box-link a{
		text-decoration:none;
		color:#fff;
		margin:0 auto;
		display:flex;
		display: flex;
    	justify-content: center;
    	align-items: center;
	}
	.sale-box-link p{
		color:#fff;
		text-align:center;
		letter-spacing:.1rem;
		display: flex;
    	justify-content: center; 
    	align-items: center; 
	}
	
	/*施工事例*/
	.works{
		margin:4rem auto;
	}
	.works-box{
		width:80%;
		margin:0 auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		border-radius:5px;
		padding-bottom:1rem;
		padding-top:1rem;
	}
	.works-box a{
		text-decoration:none;
	}
	.works-box img{
		width:90%;
		margin:0 auto;
		display:block;
		border-radius:2px;
	}
	.works-box h3{
		width:80%;
		margin:0 auto;
		border-radius:2px;
		color:#fff;
		padding:1rem 0;
		font-size:20px;
		line-height:2rem;
		font-family: "ryo-gothic-plusn", sans-serif;
		border-bottom:solid .5px;
	}
	.works-box-text{
		width:90%;
		margin:1rem auto;
	}
	.works-box-text p{
		color:#fff;
		font-size:14px;
		width:90%;
		margin:0 auto;
		display:flex;
		text-align:left;
	}
	.works-box-h{
		width:7rem;
	}
	.works-box-tag{
		color:#BABABA;
		font-size:14px;
	}
	.yazirushi{
		width: 2rem;
        height: .5rem;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: skew(45deg);
        display: block;
        margin: .5rem 2rem .5rem auto;
        position: relative;
	}
	.works-box-link{
		margin:1rem auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		width:40%;
		border-radius:5px;
		padding-bottom:.5rem;
		padding-top:.5rem;
	}
	.works-box-link2{
		margin:1rem auto;
		background-color:#f93832;
		width:40%;
		border-radius:5px;
		padding-bottom:.5rem;
		padding-top:.5rem;
	}
	.works-box-link a,.works-box-link2 a{
		text-decoration:none;
		text-align:center;
		color:#fff;
		display:flex;
		justify-content:center;
	}
	.works-box-link p,.works-box-link2 p{
		color:#fff;
		text-align:center;
		letter-spacing:.1rem;
	}
	/*コンセプト*/
	.concpt{
		margin:4rem auto 0 auto;
	}
	.concpt-title{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
		margin-top:1rem;
		position:relative;
	}
	.concpt h3{
		writing-mode: vertical-rl;
		position:relative;
		margin:-250px 2rem 0 auto;
		color:#293855;
		letter-spacing:.2rem;
		padding-top:.5rem;
		padding-bottom:.5rem;
		font-size:18px;
		display:flex;
		flex-direction:column;
		gap:.5rem;
		
	}
	.concpt h3 span{
		display:block;
		background-color:#fff;
		height:fit-content;
		padding-top:.5rem;
		padding-bottom:.5rem;
		border-radius:5px;
	}
	
	.concept-box p{
		color:#293855;
		width:80%;
		margin:0 auto;
		padding-bottom:4rem;
		border-bottom:solid 1px #293855;
	}
	.concept-box-bold{
		font-weight:bold;
	}
	.concept-box-padding{
		padding-right:5rem;
		display:block;
	}
	/*こんなお悩みありませんか？*/
	.worries{
		width:80%;
		margin:4rem auto;
	}
	.worries-h2{
		color:#293855;
		font-size:18px;
		text-align:center;
		position:relative;
		width:70%;
		background-image: linear-gradient(to right, #f93832, #f93832);
        background-size: 70vw 5px;
        background-repeat: no-repeat;
        background-position: center calc(100% - 9px);
		margin-bottom:1rem;
	}
	
	.worries-h2-2{
		font-size:26px;
		padding-top: .4em;
		background-position: top left -1px;
		background-repeat: repeat-x;
		background-size: 1em .3em;
		background-image: radial-gradient(.15em .15em at center center,#f93832,#f93832 100%,transparent);
	}
	.worries-sb1,.worries-sb3{
		width:70%;
		margin:.5rem auto .5rem 0;
	}
	.worries-sb2{
		width:70%;
		margin:.5rem 0 .5rem auto;
	}
	.worries-ad img{
		width:70%;
		margin:.5rem auto;
		display:block;
	}
	.worries-text{
		margin:1rem auto;
	}
	.worries-text span{
		font-weight:bold;
	}
	/*メリット*/
	.merit{
		background-image: linear-gradient(90deg, #152748, #293855);
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
	}
	.merit summary{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
	}
	.merit summary::marker{
		color:#f93832;
		font-size:1.5rem;
		margin-top:-1rem;
		position:relative;
	}
	.merit .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#fff;
	}
	.merit .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#fff;
		padding-left:1rem;
		display:block;
	}
	.merit-box{
		background-color:#fff;
		border-radius: 10px 10px;
		width:80%;
		margin:2rem auto;
	}
	.merit-box img{
		width:90%;
		margin:0 auto;
		padding-top:1rem;
		display:block;
	}
	.merit-box h3{
		color:#293855;
		width:90%;
		margin:1rem auto .5rem auto;
		line-height:1.7rem;
		font-family: "ryo-gothic-plusn", sans-serif;
	}
	.merit-box p{
		width:90%;
		margin:0 auto;
		line-height:1.7rem;
		padding-bottom:1rem;
	}
	.merit-n{
		display:block;
		position:relative;
		z-index:1;
		color:#f93832;
		font-family: "henderson-sans-basic", sans-serif;
		
		font-size:45px;
		opacity:0.3;
		margin-top:1.5rem;
	}
	.merit-h3{
		display:block;
		position:relative;
		z-index:2;
		margin-top:-1.7rem;
	}
	/*FAQ*/
	.faq{
		background-color:#fff;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		background-color:#F6F4E8;
		position:relative;
		margin-top:-1.5rem;
	}
	.faq summary{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
		list-style:none;
	}
	.faq > details > summary.faq-h2::before{
		content: "▶ ";
    	font-size: 14px;
		color:#f93832;
		font-size:1.5rem;
		margin-top:-1rem;
		position:relative;
	}
	.faq > details[open] > summary.faq-h2::before  {
    content: "▼ ";
}
	summary::-webkit-details-marker {
    display: none;
	}
	.faq .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	.faq .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
	}
	
	.faq-box{
		background-color:#fff;
		border-radius: 10px 10px;
		width:80%;
		margin:2rem auto;
	}
	.faq-box summary{
		width:90%;
		margin:1rem auto;
		padding-top:1rem;
		
	}
	.faq-h{
		display:flex;
		justify-content:center;
		gap:1rem;
	}
	.faq-h img{
		width:12%;
		display:inline-block;
		object-fit:contain;
	}
	.faq-h span{
		font-weight:bold;
		width:80%;
		font-size:18px;
		color:#293855;
		line-height:1.7rem;
	}
	.faq-box::marker{
		display:none;
	}
	.faq-box p{
		width:80%;
		margin:0 auto;
		padding-top:1rem;
		padding-bottom:1rem;
		background-image : linear-gradient(to right, #000 2px, transparent 2px);
 		background-size: 5px 2px;
 		background-repeat: repeat-x;
 		background-position: right top;
		line-height:1.7rem;
	}
	/*リフォームの流れ*/
	.flow{
		background-color:#fff;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		background-color:#fff;
		position:relative;
		margin-top:-1.5rem;
		background-image:url(https://l-skeleton.jp/wp-content/uploads/2025/03/frow-background.png);
	}
	.flow summary{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
	}
	.flow summary::marker{
		color:#f93832;
		font-size:1.5rem;
		margin-top:-1rem;
		position:relative;
	}
	.flow .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	.flow .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
	}
	.flow-box{
		width:80%;
		margin:0 auto;
		color:#293855;
		border-left:dotted 3px #293855;
		position:relative;
	}
	.flow-step{
		 font-family: "henderson-sans-basic", sans-serif;
  		text-align: right;
  		font-weight: bold;
  		font-size: 24px;
  		padding-bottom: 0;
  		background-image: linear-gradient(to right, #293855, #293855);
  		background-size: 100% 1px; 
  		background-repeat: no-repeat;
 		background-position:  0 calc(100% - 13px);
		position:relative;
	}
	.flow-circle{
		position: relative;
  		left: -8px;
		top:-20px;
  		width: 15px;
  		height: 15px;
  		background-color: #f93832;
  		border-radius: 50%;
		display:block;
	}
	.flow-box h3{
		color:#f93832;
		padding-left:1.5rem;
	}
	.flow-p{
		padding-left:1.5rem;
		padding-bottom:2rem;
	}
	.flow-box img{
		padding-left:1.5rem;
		padding-bottom:2rem;
	}
	.flow-p2{
		background-color:#293855;
		border-radius: 30px 30px;
		width:40%;
		margin:.7rem 1rem;
	}
	.flow-p2 p{
		color:#fff;
		text-align:center;
		font-size:14px;
	}
	.flow-triangle{
		 width: 0;
  		height: 0;
  		border-left: 13px solid transparent;
  		border-right: 13px solid transparent;
  		border-top: 13px solid #f93832;
		position:relative;
		bottom:-30px;
		left:-15px;
	}
	.about{
		background-image:url(https://l-skeleton.jp/wp-content/uploads/2025/04/about-background2.png);
		background-repeat:no-repeat;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		background-color:#fff;
		position:relative;
		margin-top:-1.5rem;
		background-size:cover;
	}
	.about h2{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
	}
	.about .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#fff;
	}
	.about .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#fff;
		padding-left:1rem;
	}
	.about p{
		width:80%;
		margin:0 auto;
		color:#fff;
	}
	.about-t{
		position:relative;
		z-index:2;
		white-space: nowrap;
	}
	.about-a{
		width:55%;
		margin-left:auto;
		margin-right:10%;
		border-bottom:solid 1px #fff;
	}
	.about-a a{
		text-decoration:none;
		color:#fff;
		display:grid;
		grid-template-columns:60% 40%;
		padding:.5rem;
	}
	.about .yazirushi{
		margin-right:1rem;
	}
	/*お問い合わせ*/
	.contact{
		background-color:#F9F5EF;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		margin-top:-3.5rem;
		position:relative;
	}
	.contact h2{
		width: 80%;
        margin: 0 auto;
        padding-top: 2rem;
	}
	.contact .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	.contact .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
		display:block;
	}
	.wpcf7 {
		width:80%;
		margin:0 auto;
	}
	.wpcf7 p{
		margin:1rem auto;
	}
	.wpcf7 .first{
		margin-left:0;
	}
	.wpcf7-submit {
		background-color:#f93832 !important;
		color:#fff !important;
	}
	/*スクロール固定ボタン*/
	.fixed-bottn{
		display:none;
	}
	
	/*hフッター*/
	footer{
		background-image: linear-gradient(90deg, #152748, #293855);
		color:#fff;
		padding-top:2rem;
		padding-bottom:2rem;
		border-radius: 30px 30px 0 0;
	}
	.footer-link{
		width:80%;
		margin:0 auto;
		display:flex;
		align-items:left;
		justify-content:left;
		flex-direction:column;
	}
	.footer-link a{
		text-decoration:none;
		color:#fff;
		font-family: "ryo-gothic-plusn", sans-serif;
		padding-bottom:.5rem;
		padding-top:.5rem;
		background-image : linear-gradient(to right, #fff 2px, transparent 2px);
 		background-size: 5px 2px;
 		background-repeat: repeat-x;
 		background-position: right bottom;
		line-height:1.7rem;
	}
	.footer-link a::before{
		content: "";
    	display: inline-block;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color:#f93832;
		margin-right:1rem;
	}
	.company{
		width:80%;
		margin:2rem auto;
	}
	.company p{
		color:#fff;	
	}
	.companey-p{
		color:#fff;
		display:grid;
		grid-template-columns:30% 70%;
	}
	.companey-p a{
		text-decoration:none;
		color:#fff;
	}
	.companey-c{
		margin-bottom:.5rem;
	}
	.companey-c a{
		color:#fff;
		text-decoration:none;
	}
	.copyright{
		width:80%;
		margin:0 auto;
	}
	.copyright p{
		color:#fff;
		padding-top:.5rem;
		padding-bottom:4rem;
		border-top:solid 1px #fff;
		text-align:center;
		font-size:14px;
	}
	iframe{
		width:80%;
		margin:2rem auto;
		display:block;
		height:20%;
	}
}
/*PC*/
@media screen and (min-width: 1024px){
	
	.pc-background{
		width:100%;
		background-image:url(https://l-skeleton.jp/wp-content/uploads/2025/04/background-image5.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 100vh;
		width: 100%;  
	}
	.body{
		background-color:#F9F5EF;
		width:480px;
		margin:0 auto;
		position:relative;
		box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
	}
	.body .header-pc-h1 a{
		text-decoration:none;
		color:#fff;
	}
	h1 a{
		text-decoration:none;
		color:#fff;
	}
	h2 .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	h2 .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
	}
	h2{
		width:80%;
		margin:0 auto;
	}
	p{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size:16px;
		color:#293855;
	}
	/*トップ画像*/
	.top-cach{
		font-family: "ryo-gothic-plusn", sans-serif;
		color:#fff;
		font-weight:700;
		font-size:20px;
		position: absolute;
    	top: 340px;
    	left: 80px;
		width:480px;
		line-height:2.5rem;
	}
	/* 文字スクロールアニメーション*/
	.top-animation{
		display: block;
		height: auto;
		width: 480px;
		overflow: hidden;
		position:absolute;
		top:650px;
		left:0;
	}
	.top-animation-content{
		display: inline-block;
  		color: #fff;
  		white-space: nowrap;
  		animation: animate-banner 20s linear infinite;
	}
	.top-animation-p{
		font-family: "henderson-sans-basic", sans-serif;
		color:#fff;
		font-weight:700;
		font-size:70px;
		overflow:hidden;
	}
	@keyframes animate-banner {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
	}
	/*販売情報*/
	.sale{
		margin:4rem auto;
	}
	.sale-box{
		width:80%;
		margin:0 auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		border-radius:5px;
		padding-bottom:1rem;
		padding-top:1rem;
	}
	.sale-box a{
		text-decoration:none;
	}
	.sale-box img{
		width:90%;
		margin:0 auto;
		display:block;
		border-radius:2px;
	}
	.sale-box h3{
		width:80%;
		margin:0 auto 1rem auto;
		border-radius:2px;
		color:#fff;
		padding:1rem 0;
		font-size:20px;
		line-height:2rem;
		font-family: "ryo-gothic-plusn", sans-serif;
		border-bottom:solid .5px;
	}
	.sale-box-text{
		width:90%;
		margin:1rem auto;
	}
	.sale-box-text p{
		color:#fff;
		font-size:14px;
		width:90%;
		margin:0 auto;
		display:grid;
		grid-template-columns:30% 70%;
		text-align:left;
		justify-content:center;
		justify-items: start;
		align-items:center;
	}
	.sale-box-text p span{
		display:inline-block;
	}
	.sale-box-h{
		width:7rem;
	}
	.sale-box-place{
		font-size:22px;
		padding-right:.5rem;
	}
	.sale-box-place2{
		font-size:14px;
	}
	.yazirushi{
		width: 2rem;
        height: .5rem;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: skew(45deg);
        display: block;
        margin: .5rem 2rem .5rem auto;
        position: relative;
	}
	.yazirushi2{
		width: 2rem;
        height: .5rem;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: skew(45deg);
        margin-top:-.5rem;
        position: relative;
		display:inline-block;
		top:.5rem;
	}
	.works-box-link-p{
		margin-right:1rem;
		text-align:center;
	}
	.sale-box-link{
		margin:1rem auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		width:40%;
		border-radius:5px;
		padding-bottom:.5rem;
		padding-top:.5rem;
	}
	.sale-box-link a,.works-box-link a{
		text-decoration:none;
		color:#fff;
		margin:0 auto;
		display:flex;
		display: flex;
    	justify-content: center;
    	align-items: center;
	}
	.sale-box-link p{
		color:#fff;
		text-align:center;
		letter-spacing:.1rem;
		display: flex;
    	justify-content: center; 
    	align-items: center; 
	}
	
	/*施工事例*/
	.works{
		margin:4rem auto;
	}
	.works-box{
		width:80%;
		margin:0 auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		border-radius:5px;
		padding-bottom:1rem;
		padding-top:1rem;
	}
	.works-box a{
		text-decoration:none;
	}
	.works-box img{
		width:90%;
		margin:0 auto;
		display:block;
		border-radius:2px;
	}
	.works-box h3{
		width:80%;
		margin:0 auto;
		border-radius:2px;
		color:#fff;
		padding:1rem 0;
		font-size:20px;
		line-height:2rem;
		font-family: "ryo-gothic-plusn", sans-serif;
		border-bottom:solid .5px;
	}
	.works-box-text{
		width:90%;
		margin:1rem auto;
	}
	.works-box-text p{
		color:#fff;
		font-size:14px;
		width:90%;
		margin:0 auto;
		display:flex;
		text-align:left;
	}
	.works-box-h{
		width:7rem;
	}
	.works-box-tag{
		color:#BABABA;
		font-size:14px;
	}
	.yazirushi{
		width: 2rem;
        height: .5rem;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: skew(45deg);
        display: block;
        margin: .5rem 2rem .5rem auto;
        position: relative;
	}
	.works-box-link{
		margin:1rem auto;
		background-image: linear-gradient(90deg, #152748, #293855);
		width:40%;
		border-radius:5px;
		padding-bottom:.5rem;
		padding-top:.5rem;
	}
	.works-box-link2{
		margin:1rem auto;
		background-color:#f93832;
		width:40%;
		border-radius:5px;
		padding-bottom:.5rem;
		padding-top:.5rem;
	}
	.works-box-link a, .works-box-link2 a{
		text-decoration:none;
		color:#fff;
		text-align:center;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.works-box-link p, .works-box-link2 p{
		color:#fff;
		text-align:center;
		letter-spacing:.1rem;
	}
	/*コンセプト*/
	.concpt{
		margin:4rem auto 0 auto;
	}
	.concpt-title{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
		margin-top:1rem;
		position:relative;
	}
	.concpt h3{
		writing-mode: vertical-rl;
		position:relative;
		margin:-250px 2rem 0 auto;
		color:#293855;
		letter-spacing:.2rem;
		padding-top:.5rem;
		padding-bottom:.5rem;
		font-size:18px;
		display:flex;
		flex-direction:column;
		gap:.5rem;
		border-radius:5px;
	}
	.concpt h3 span{
		display:block;
		background-color:#fff;
		height:fit-content;
		padding-top:.5rem;
		padding-bottom:.5rem;
		border-radius:5px;
	}
	
	.concept-box p{
		color:#293855;
		width:80%;
		margin:0 auto;
		padding-bottom:4rem;
	}
	.concept-box-bold{
		font-weight:bold;
	}
	.concept-box-padding{
		padding-right:5rem;
		display:block;
	}
	/*こんなお悩みありませんか？*/
	.worries{
		width:80%;
		margin:4rem auto;
	}
	.worries-h2{
		color:#293855;
		font-size:18px;
		text-align:center;
		position:relative;
		width:70%;
		background-image: linear-gradient(to right, #f93832, #f93832);
        background-size: 70vw 5px;
        background-repeat: no-repeat;
        background-position: center calc(100% - 9px);
		margin-bottom:1rem;
	}
	
	.worries-h2-2{
		font-size:26px;
		padding-top: .4em;
		background-position: top left -1px;
		background-repeat: repeat-x;
		background-size: 1em .3em;
		background-image: radial-gradient(.15em .15em at center center,#f93832,#f93832 100%,transparent);
	}
	.worries-sb1,.worries-sb3{
		width:70%;
		margin:.5rem auto .5rem 0;
	}
	.worries-sb2{
		width:70%;
		margin:.5rem 0 .5rem auto;
	}
	.worries-ad img{
		width:70%;
		margin:.5rem auto;
		display:block;
	}
	.worries-text{
		margin:1rem auto;
	}
	.worries-text span{
		font-weight:bold;
	}
	/*メリット*/
	.merit{
		background-image: linear-gradient(90deg, #152748, #293855);
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
	}
	.merit summary{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
	}
	.merit summary::marker{
		color:#f93832;
		font-size:1.5rem;
		margin-top:-1rem;
		position:relative;
	}
	.merit .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#fff;
	}
	.merit .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#fff;
		padding-left:1rem;
		display:block;
	}
	.merit-box{
		background-color:#fff;
		border-radius: 10px 10px;
		width:80%;
		margin:2rem auto;
	}
	.merit-box img{
		width:90%;
		margin:0 auto;
		padding-top:1rem;
		display:block;
	}
	.merit-box h3{
		color:#293855;
		width:90%;
		margin:1rem auto .5rem auto;
		line-height:1.7rem;
		font-family: "ryo-gothic-plusn", sans-serif;
	}
	.merit-box p{
		width:90%;
		margin:0 auto;
		line-height:1.7rem;
		padding-bottom:1rem;
	}
	.merit-n{
		display:block;
		position:relative;
		z-index:1;
		color:#f93832;
		font-family: "henderson-sans-basic", sans-serif;
		
		font-size:45px;
		opacity:0.3;
		margin-top:1.5rem;
	}
	.merit-h3{
		display:block;
		position:relative;
		z-index:2;
		margin-top:-1.7rem;
	}
	/*FAQ*/
	.faq{
		background-color:#fff;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		background-color:#F6F4E8;
		position:relative;
		margin-top:-1.5rem;
	}
	.faq summary{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
		list-style:none;
	}
	.faq > details > summary.faq-h2::before{
		content: "▶ ";
    	font-size: 14px;
		color:#f93832;
		font-size:1.5rem;
		margin-top:-1rem;
		position:relative;
	}
	.faq > details[open] > summary.faq-h2::before  {
    content: "▼ ";
}
	summary::-webkit-details-marker {
    display: none;
	}
	.faq .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	.faq .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
	}
	.faq-box{
		background-color:#fff;
		border-radius: 10px 10px;
		width:80%;
		margin:2rem auto;
	}
	.faq-box summary{
		width:90%;
		margin:1rem auto;
		padding-top:1rem;
		
	}
	.faq-h{
		display:flex;
		justify-content:center;
		gap:1rem;
	}
	.faq-h img{
		width:12%;
		display:inline-block;
		object-fit:contain;
	}
	.faq-h span{
		font-weight:bold;
		width:80%;
		font-size:18px;
		color:#293855;
		line-height:1.7rem;
	}
	.faq-box::marker{
		display:none;
	}
	.faq-box p{
		width:80%;
		margin:0 auto;
		padding-top:1rem;
		padding-bottom:1rem;
		background-image : linear-gradient(to right, #000 2px, transparent 2px);
 		background-size: 5px 2px;
 		background-repeat: repeat-x;
 		background-position: right top;
		line-height:1.7rem;
	}
	/*リフォームの流れ*/
	.flow{
		background-color:#fff;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		background-color:#fff;
		position:relative;
		margin-top:-1.5rem;
		background-image:url(https://l-skeleton.jp/wp-content/uploads/2025/03/frow-background.png);
	}
	.flow summary{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
	}
	.flow summary::marker{
		color:#f93832;
		font-size:1.5rem;
		margin-top:-1rem;
		position:relative;
	}
	.flow .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	.flow .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
	}
	.flow-box{
		width:80%;
		margin:0 auto;
		color:#293855;
		border-left:dotted 3px #293855;
		position:relative;
	}
	.flow-step{
		 font-family: "henderson-sans-basic", sans-serif;
  		text-align: right;
  		font-weight: bold;
  		font-size: 24px;
  		padding-bottom: 0;
  		background-image: linear-gradient(to right, #293855, #293855);
  		background-size: 100% 1px; 
  		background-repeat: no-repeat;
 		background-position:  0 calc(100% - 13px);
		position:relative;
	}
	.flow-circle{
		position: relative;
  		left: -8px;
		top:-20px;
  		width: 15px;
  		height: 15px;
  		background-color: #f93832;
  		border-radius: 50%;
		display:block;
	}
	.flow-box h3{
		color:#f93832;
		padding-left:1.5rem;
	}
	.flow-p{
		padding-left:1.5rem;
		padding-bottom:2rem;
	}
	.flow-box img{
		padding-left:1.5rem;
		padding-bottom:2rem;
	}
	.flow-p2{
		background-color:#293855;
		border-radius: 30px 30px;
		width:40%;
		margin:.7rem 1rem;
	}
	.flow-p2 p{
		color:#fff;
		text-align:center;
		font-size:14px;
	}
	.flow-triangle{
		 width: 0;
  		height: 0;
  		border-left: 13px solid transparent;
  		border-right: 13px solid transparent;
  		border-top: 13px solid #f93832;
		position:relative;
		bottom:-30px;
		left:-15px;
	}
	.about{
		background-image:url(https://l-skeleton.jp/wp-content/uploads/2025/04/about-background2.png);
		background-repeat:no-repeat;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		background-color:#fff;
		position:relative;
		margin-top:-1.5rem;
		background-size:cover;
	}
	.about h2{
		width:80%;
		margin:0 auto;
		padding-top:2rem;
	}
	.about .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#fff;
	}
	.about .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#fff;
		padding-left:1rem;
	}
	.about p{
		width:80%;
		margin:0 auto;
		color:#fff;
	}
	.about-t{
		position:relative;
		z-index:2;
		white-space: nowrap;
	}
	.about-a{
		width:55%;
		margin-left:auto;
		margin-right:10%;
		border-bottom:solid 1px #fff;
	}
	.about-a a{
		text-decoration:none;
		color:#fff;
		display:grid;
		grid-template-columns:60% 40%;
		padding:.5rem;
	}
	.about .yazirushi{
		margin-right:1rem;
	}
	/*お問い合わせ*/
	.contact{
		background-color:#F9F5EF;
		border-radius: 30px 30px 0 0;
		padding-bottom:4rem;
		margin-top:-3.5rem;
		position:relative;
	}
	.contact h2{
		width: 80%;
        margin: 0 auto;
        padding-top: 2rem;
	}
	.contact .title1{
		font-family: "henderson-sans-basic", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size:35px;
		color:#293855;
	}
	.contact .title2{
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size:16px;
		color:#293855;
		padding-left:1rem;
		display:block;
	}
	.wpcf7 {
		width:80%;
		margin:0 auto;
	}
	.wpcf7 p{
		margin:1rem auto;
	}
	.wpcf7 .first{
		margin-left:0;
	}
	.wpcf7-submit {
		background-color:#f93832 !important;
		color:#fff !important;
	}
	/*スクロール固定ボタン*/
	.fixed-bottn{
		display:none;
	}
	
	/*hフッター*/
	footer{
		background-image: linear-gradient(90deg, #152748, #293855);
		color:#fff;
		padding-top:2rem;
		padding-bottom:2rem;
		border-radius: 30px 30px 0 0;
	}
	.footer-link{
		width:80%;
		margin:0 auto;
		display:flex;
		align-items:left;
		justify-content:left;
		flex-direction:column;
	}
	.footer-link a{
		text-decoration:none;
		color:#fff;
		font-family: "ryo-gothic-plusn", sans-serif;
		padding-bottom:.5rem;
		padding-top:.5rem;
		background-image : linear-gradient(to right, #fff 2px, transparent 2px);
 		background-size: 5px 2px;
 		background-repeat: repeat-x;
 		background-position: right bottom;
		line-height:1.7rem;
	}
	.footer-link a::before{
		content: "";
    	display: inline-block;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color:#f93832;
		margin-right:1rem;
	}
	.company{
		width:80%;
		margin:2rem auto;
	}
	.company p{
		color:#fff;	
	}
	.companey-p{
		color:#fff;
		display:grid;
		grid-template-columns:30% 70%;
	}
	.companey-p a{
		text-decoration:none;
		color:#fff;
	}
	.companey-c{
		margin-bottom:.5rem;
	}
	.companey-c a{
		color:#fff;
		text-decoration:none;
	}
	.copyright{
		width:80%;
		margin:0 auto;
	}
	.copyright p{
		color:#fff;
		padding-top:.5rem;
		padding-bottom:4rem;
		border-top:solid 1px #fff;
		text-align:center;
		font-size:14px;
	}
	iframe{
		width:80%;
		margin:2rem auto;
		display:block;
		height:20%;
	}
}
/************************************
** 施工事例　子ページ
************************************/
/*SP*/
@media screen and (max-width: 750px) {
	.construction{
		font-family: "ryo-gothic-plusn", sans-serif;
		color:#293855;
		margin:0 auto;
	}
	.construction h2{
		padding-top:2rem;
	}
	.construction img{
		vertical-align:top;
		margin:1rem auto;
	}
	.construction-title{
		margin:1rem auto;
	}
	.construction-tag {
		width:80%;
		margin:0 auto;
	}
	.construction-tag p{
		background-color:#293855;
		color:#fff;
		padding:.2rem 1rem;
		border-radius:30px;
		width:auto;
		font-size:14px;
		display:inline-block;
	}
	.construction-detail{
		width:80%;
		margin:1rem auto 4rem auto;
	}
	.construction-detail dl{
		display:grid;
		grid-template-columns:30% 70%;
		justify-content:center;
		font-size:16px;
	}
	.construction-detail dl dt{
		font-weight:bold;
		padding-bottom:.2rem;
		padding-top:.2rem;
		border-bottom:solid 1px #293855;
	}
	.construction-detail dl dd{
		padding-bottom:.2rem;
		padding-top:.2rem;
		border-bottom:solid 1px #BEBEBE;
	}
	.construction-gallery {
		display:block;
		margin:4rem auto;
	}
	.construction-gallery .n2-padding{
		width:80%;
		margin:0 auto;
	}
	.works-box-link-child{
		margin-bottom:4rem;
	}
	.works-box-link-child2{
		background-color:#f93832;
	}
	.construction-plan h2{
		font-family: "ryo-gothic-plusn", sans-serif;
		color:#293855;
		border-left:solid 5px #293855;
		padding-left:1rem;
		width:100%;
		margin-bottom:1rem;
	}
	.construction-plan{
		width:80%;
		margin:4rem auto;
	}
}
/*TB*/
@media(min-width: 750px) and (max-width: 1023px){
	.n2-ss-no-bga-fixed{
		display:inline !important;
	}	
}
/*PC*/
@media screen and (min-width: 751px) {
	.construction{
		font-family: "ryo-gothic-plusn", sans-serif;
		color:#293855;
		margin:0 auto;
	}
	.construction img{
		vertical-align:top;
		margin:1rem auto;
	}
	.construction-title{
		margin:1rem auto;
	}
	.construction-tag {
		width:80%;
		margin:0 auto;
	}
	.construction-tag p{
		background-color:#293855;
		color:#fff;
		padding:.2rem 1rem;
		border-radius:30px;
		width:auto;
		font-size:14px;
		display:inline-block;
	}
	.construction-detail{
		width:80%;
		margin:1rem auto 4rem auto;
	}
	.construction-detail dl{
		display:grid;
		grid-template-columns:30% 70%;
		justify-content:center;
		font-size:16px;
	}
	.construction-detail dl dt{
		font-weight:bold;
		padding-bottom:.2rem;
		padding-top:.2rem;
		border-bottom:solid 1px #293855;
	}
	.construction-detail dl dd{
		padding-bottom:.2rem;
		padding-top:.2rem;
		border-bottom:solid 1px #BEBEBE;
	}
	.construction-gallery {
		display:block;
		margin:4rem auto;
		position:relative;
	}
	.construction-gallery .n2-padding{
		width:380px;
		margin:0 auto;
		position:relative;
	}
	.works-box-link-child{
		margin-bottom:4rem;
	}
	.construction-plan h2{
		font-family: "ryo-gothic-plusn", sans-serif;
		color:#293855;
		border-left:solid 5px #293855;
		padding-left:1rem;
		width:100%;
		margin-bottom:1rem;
	}
	.construction-plan{
		width:80%;
		margin:4rem auto;
	}

}
/************************************
** 施工事例
************************************/
.works-body{
		padding-top:5rem;
		padding-bottom:4rem;
	}
@media screen and (max-width: 750px) {
	.works-body{
		scroll-margin-top: 3rem;
	}
	.works-body .works-box{
		margin:2rem auto 2rem auto;
	}
}
@media screen and (min-width: 751px) {
	.works-body .works-box{
		margin:2rem auto;
	}
}
/************************************
** 販売情報　子ページ
************************************/
@media screen and (max-width: 750px) {
	
	.property-body{
		padding-bottom:4rem;
		font-family: "ryo-gothic-plusn", sans-serif;
	}
	.property{
		font-family: "ryo-gothic-plusn", sans-serif;
		color:#293855;
		margin:0 auto;
	}
	.property h2{
		padding-top:2rem;
	}
	.property-top{
		margin-top:64px;
	}

	.property img{
		vertical-align:top;
		margin:1rem auto;
	}
	.property-title{
		margin:1rem auto;
		font-size:24px;
	}
	.property-tag {
		width:80%;
		margin:0 auto;
	}
	.property-tag p{
		background-color:#293855;
		color:#fff;
		padding:.2rem 1rem;
		border-radius:30px;
		width:auto;
		font-size:14px;
		display:inline-block;
		margin-right:.5rem;
	}
	.property-detail{
		width:80%;
		margin:4rem auto;
	}
	.property-detail dl{
		display:grid;
		grid-template-columns:30% 70%;
		justify-content:center;
	}
	.property-detail dl dt{
		font-weight:bold;
		padding-bottom:.5rem;
		padding-top:.5rem;
		border-bottom:solid 1px #293855;
		font-size:16px;
		color:#293855;
	}
	.property-detail dl dd{
		padding-bottom:.5rem;
		padding-top:.5rem;
		border-bottom:solid 1px #BEBEBE;
		font-size:16px;
		color:#293855;
	}
	.property-gallery {
		display:block;
		margin:2rem auto;
	}
	.property-gallery .n2-padding{
		width:100%;
		margin:0 auto;
	}
	.property-plan{
		width:80%;
		margin:4rem auto;
	}
	.property-plan h2{
		font-family: "ryo-gothic-plusn", sans-serif;
		color:#293855;
		border-left:solid 5px #293855;
		padding-left:1rem;
		width:100%;
		margin-bottom:1rem;
	}
	.property-plan p{
		margin-top:1rem;
	}
	.property-dl{
		font-size:16px;
		color:#293855;
		display:flex;
		align-items:center;
		position:relative;
		margin:.5rem 0 .5rem 0;
		border-bottom:dotted 2px #d9d9d9;
		padding-bottom:.5rem;
	}
	.property-dl dt{
		width:20px;
		margin-right:1rem;
	}
	.sale-cta{
		width:80%;
		margin:4rem auto;
	}
	.sale-cta a{
		text-decoration:none;
		color:#fff;
		padding:.5rem 1rem;
		background-color:#f93832;
		border-radius:10px;
		display:flex;
		align-items:center;
		justify-content:center;
		position:relative;
	}
}
@media(min-width: 750px) and (max-width: 1023px){
	.n2-ss-no-bga-fixed{
		display:inline !important;
	}	
}
@media screen and (min-width: 751px) {
	.property-body{
		padding-bottom:4rem;
		font-family: "ryo-gothic-plusn", sans-serif;
	}
	.property{
		font-family: "ryo-gothic-plusn", sans-serif;
		color:#293855;
		margin:0 auto;
	}
	.property img{
		vertical-align:top;
		margin:1rem auto;
	}
	.property-title{
		margin:1rem auto;
		font-size:24px;
	}
	.property-tag {
		width:80%;
		margin:0 auto;
	}
	.property-tag p{
		background-color:#293855;
		color:#fff;
		padding:.2rem 1rem;
		border-radius:30px;
		width:auto;
		font-size:14px;
		display:inline-block;
		margin-right:.5rem;
	}
	.property-detail{
		width:80%;
		margin:1rem auto 4rem auto;
	}
	.property-detail dl{
		display:grid;
		grid-template-columns:30% 70%;
		justify-content:center;
	}
	.property-detail dl dt{
		font-weight:bold;
		padding-bottom:.5rem;
		padding-top:.5rem;
		border-bottom:solid 1px #293855;
		font-size:16px;
		color:#293855;
	}
	.property-detail dl dd{
		padding-bottom:.5rem;
		padding-top:.5rem;
		border-bottom:solid 1px #BEBEBE;
		font-size:16px;
		color:#293855;
	}
	.property-gallery {
		display:block;
		margin:4rem auto;
		position:relative;
	}
	.property-gallery .n2-padding{
		width:100%;
		margin:0 auto;
		position:relative;
	}
	.property-plan{
		width:80%;
		margin:4rem auto;
	}
	.property-plan h2{
		font-family: "ryo-gothic-plusn", sans-serif;
		color:#293855;
		border-left:solid 5px #293855;
		padding-left:1rem;
		width:100%;
		margin-bottom:1rem;
	}
	.property-plan p{
		margin-top:1rem;
	}
	.property-dl{
		font-size:16px;
		color:#293855;
		display:flex;
		position:relative;
		margin:1rem 0 .5rem 0;
		border-bottom:dotted 2px #d9d9d9;
		padding-bottom:.5rem;
	}
	.property-dl dt{
		width:5%;
		margin-right:1rem;
	}
	.sale-cta{
		width:80%;
		margin:4rem auto;
	}
	.sale-cta a{
		text-decoration:none;
		color:#fff;
		padding:.5rem 1rem;
		background-color:#f93832;
		border-radius:10px;
		display:flex;
		align-items:center;
		justify-content:center;
		position:relative;
	}
}
/************************************
** 販売情報
************************************/
	.sale-body{
		padding-top:5rem;
		padding-bottom:4rem;
		position:relative;
		scroll-margin-top: 3rem;
	}
.no-sale{
	text-align:center;
	width:80%;
	background-color:#ededed;
	margin:1rem auto;
	padding:1rem;
}
	.soldout{
		width:90%;
		margin:0 auto;
		text-align:center;
		color:#fff;
		background-color:#f93832;
		padding-top:.5rem;
		padding-bottom:.5rem;
		border-radius: 2px;
		letter-spacing:.05em;
	}
	.sale-body .sale-box img{
		border-bottom-left-radius:0px;
		border-bottom-right-radius:0px;
	}
	.sale-body .sale-box h3{
		margin:0 auto;
	}

/************************************
** 会社概要
************************************/
.company_body{
	margin:0 auto;
	padding-top:5rem;
}
#company_body{
	scroll-margin-top: 3rem;
}
.company_body .title2{
	display:block;
}
.company_top{
	width:80%;
	margin:1rem auto;
	display:block;
}
.company_body dl{
	display:grid;
	grid-template-columns:30% 70%;
	justify-content:center;
	font-family: "ryo-gothic-plusn", sans-serif;
	color:#293855;
	font-size:14px;
	border-top:solid 1px #fff;
	padding-top:1rem;
	padding-bottom:1rem;
}
.company_body dt{
	font-weight:bold;
	display:flex;
	align-items:center;
}
.company_body dl:last-child{
	border-top:solid 1px #fff;
}
/************************************
** 新金岡ハイツLP
************************************/
.form-link a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	margin:0 auto;
	font-size;20px;
}
.form-link{
	background-color:#f93832;
	width:60%;
	margin:4rem auto;
	border-radius:50px;
	padding:1rem;
	box-shadow: 0 6px rgba(51, 51, 51, .5);
}
.form-link-span{
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 2rem;
}
.link-triangle{
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 15px solid #fff;
	margin: 1vw 0 1vw 1vw;
}
.contact .lp-form-h2{
	font-family: "ryo-gothic-plusn", sans-serif;
	color: #293855;
	border-left: solid 5px #293855;
	padding-left: 1rem;
	width: 80%;
	margin:2rem auto;
	padding-top:0;
}
.lp-contact{
	margin:4rem auto 0 auto;
	padding-bottom:0;
}
/* 予約フォーム　空の状態でのみプレースホルダーを非表示 */
input[type="date"].date-field:placeholder-shown::placeholder {
    opacity: 0 !important;
}