@charset "utf-8";
html{
  font-size: 100%;
}

img{
	height:auto;
}

.pc-br{
  display: block;
}

.sp-br{
  display: none;
}

/* fv */
.cellteaser {
  background: url(../../../images/cell/teaser_cell.webp) center center no-repeat;
  background-size: cover;
}

.fibro-wrap .teasertit{
  max-width: 517px;
}

@media screen and (max-width:769px){
  .fibro-wrap .teasertit{
    max-width: 363px;
  }
}

/* End fv  */

.catch{
  padding: 40px 0;
}

.catch .borderOut{
  max-width: 817px;
  margin: 0 auto;
  border: 2px solid #C09371;
  padding: 8px;
}

.catch .borderIn{
  width: 100%;
  margin: 0 auto;
  padding: 32px 0;
  border: 1px solid #C09371;
}

.catch .borderIn div{
  max-width: 682px;
  margin: 0 auto;
}

@media screen and (max-width:769px) {
  .pc-br{
  display: none;
}
.sp-br{
  display: block;
}
}

@media screen and (max-width:769px) {
.catch{
  width: 90%;
  margin: 0 auto;
  padding: 40px 0 24px;
}
.catch .borderOut{
  max-width: 343px;
}
.catch .borderIn{
  padding: 16px 0;
}

.catch .borderIn div{
  max-width: 295px;
  margin: 0 auto;
}
}

/* tab menu */
.tab-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px 12px;
justify-content: center;
max-width: 1000px;
margin: 20px auto;
}
.tab-list-item{
cursor: pointer;
}

/* サイトが公開されたら消す */
.tab-list-item.none:hover::after {
    content: "Coming Soon";
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
}
.tab-list-item {
    position: relative;
    overflow: hidden;
}


/* End サイトが公開されたら消す */

.tab-list-item span {
font-size:clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
	/* max-w1440px min-w375 18px-16px*/
line-height: 22px;
font-weight: 600;
color: #AD5F00;
border: 1px solid #AD5F00;
padding: 0 0 0 28px;
display: flex;
flex-flow: column;
justify-content: center;
position: relative;
transition: .3s;
border-radius: 5px;
height: 59px;
}
.tab-list-item span::before {
content: "";
display: inline-block;
width: 33px;
height: 23px;
background-image: url(../images/btn_arrow_off.webp);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 50%;
right: 18px;
transform: translate(0, -50%);
transition: .3s;
}
.tab-contents {
display: none;
}

.tab-list-item a{
  text-decoration: none;
}

.tab-list-item a:hover{
text-decoration: none;
}
.tab-list-item.is-btn-active span::before {
content: "";
display: inline-block;
width: 33px;
height: 23px;
background-color: #C09371;
background-image: url(../images/btn_arrow_on.webp);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 50%;
right: 18px;
color: #fff;
}
.tab-list-item.is-btn-active span,
.tab-list-item.is-btn-active span:hover,
.tab-list-item span:hover{
color: #fff;
background: #C09371;
}
.tab-list-item span:hover::before,
.tab-list-item.is-btn-active span:hover::before{    
background-image: url(../images/btn_arrow_on.webp);
}

.is-contents-active {
display: block;
}

@media screen and (max-width: 950px) {
.tab-list {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
justify-content: center;
max-width: 100%;
margin: 20px auto;
padding: 0 10px;
}
.tab-list-item span {
height: 45px;
}
.tab-list-item span:hover{
color: #AD5F00;
background: #fff;
text-decoration: underline;
}
.tab-list-item span:hover::before{    
background-image: url(../images/btn_arrow_off.webp);
}
}
/* End Tab menu */

/* footer-parts */
.footer-before{
	padding-bottom:88px;
}
.fb-youtubeContents{
	max-width:1000px;
	margin:0 auto;
	padding:40px 0;
}

.fb-youtubeContents p.title{
	font-size: 1.25rem;
	color:#CB1A4C;
	font-weight:bold;
	padding-left:45px;
	padding-bottom:16px;
}

.fb-youtubeContents p.title span{
	position:relative;
}

.fb-youtubeContents p.title span::before{
	position:absolute;
	content:"";
	background-image:url(../images/youtube-icon.webp);
	background-size:contain;
	background-repeat:no-repeat;
	width:32px;
	height:23px;
	left:-40px;
	top: 2px;
}

.fb-youtubeContents .contents{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:40px;
}

.fb-youtubeContents .contents div{
	max-width:480px;
}

@media screen and (max-width:899px){
	.fb-youtubeContents{
		padding:32px 16px;
	}
}

.btn-kansaibou{
  position: relative;
}

.btn-kansaibou::before{
  z-index: 5;
  content:"";
  position: absolute;
  display: inline-block;
    width: 147px;
    height: 22px;
    top: 19px;
    left: 28px;
  background-image: url('../images/btn.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
/*   text-indent: -9999px; /* テキストが表示されないように（アクセシビリティ対策済みなら） */
/*   overflow: hidden;  */
  transition: background-image 0.3s ease;
}

.btn-kansaibou:hover::before,
.btn-kansaibou.is-btn-active::before {
  background-image: url('../images/btn-hover.svg');
	 pointer-events: none;
}

@media screen and (max-width:769px){
	.btn-kansaibou::before{
	width: 130px;
    height: 22px;
    top: 15px;
		
	}
}

footer{
background-color:#83cab9;
padding:24px 0;
}

footer .ad-footer-logo {
	max-width:330px;
	margin:0 auto;
}

@media screen and (max-width:769px){
	body.page-id-672 .navbar-toggle{
		display:none;
	}
	
	body.page-id-672 .headermail {
    right: 20px;
}
	body.page-id-672 .headertel{
		 right: 80px;
	}
	body.page-id-672 #copyright {
        margin: 20px 0 40px;
    }
}

/* End footer-parts */