@charset "UTF-8";
/*
Theme Name: xenobest
Description: 株式会社XENO BEST様用のテンプレートです。
Version: 1.0
Author: S.Asuwa
*/

.prip{
	line-height: 35px;
}


.taifu{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 1250px;
   justify-content: space-between;
    margin: auto;
    margin-bottom: 20px;
}


.nishi{font-size: 38px;
	font-family: "Hannari";
}


h1{
	margin: 0px;
}

*{padding: 0px;
margin: 0px;}

.heytel a:link{
color: #000;
text-decoration: none;

}

.heytel2 a:link{
color: #000;
text-decoration: none;


}







.hey {
    text-align: center;
    font-size: 21px;
    margin-bottom: 15px;
	line-height: 34px;
}










.c4 a:link{color: #fff;
text-decoration: none;
}

.c5 a:link{color: #fff;
text-decoration: none;
}

#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium .sbi_header_text h3 {
  font-size: 24px;
}


li{
  list-style: none;
}



 .scroll-container {
  margin-top: 40px;
      width: 100%;
      overflow: hidden;
      background: #f5f5f5;
    }

    .scroll-track {
      display: flex;
      width: max-content;
      animation: scroll-left 40s linear infinite;
    }

    .scroll-track img {
      width: 260px; /* お好みで調整 */
      height: auto;
     
    }

    @keyframes scroll-left {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }













h1.post-header{
		font-weight: normal;
}

body{
font-family: "Shippori Mincho", serif;
font-weight: 600;
font-size: 18px;

}

p{
  font-size: 18px;

}









.smer{
  text-align: center;
  font-size: 32px;
  padding-top: 25px;
  padding-bottom: 15px;
}



.coynis{
  text-align: center;
  font-size: 24px;
  padding: 20px 10px;
  color: #f36c00;
	max-width: 400px;
	margin: auto;
}


.coynis img{
	
}









.coymini{
  text-align: center;
color: #f36c00;
font-size: 24px;
}

.coymini::after{
content: "";
    display: block;
    width: 2.5rem;
    margin-top: 1.25rem;
    border-bottom: 2px solid;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;

}


h1.another{
		font-weight: 700;
	color: #fff;
	}


.kien{
  padding-top: 32px;
  text-align: center;
  font-size: 32px;
}


























.delay-time02{
animation-delay: 0.2s;
}

.delay-time04{
animation-delay: 0.4s;
}


.delay-time06{
animation-delay: 0.6s;
}

.delay-time08{
animation-delay: 0.8s;
}









.fadeUpTrigger{
opacity: 0;
}


.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes fadeUpAnime{
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
















/*========= 流れるテキスト ===============*/

/*全共通*/

.slide-in {
	overflow: hidden;
    display: inline-block;
}

.slide-in_inner {
	display: inline-block;

}

/*左右のアニメーション*/
.leftAnime{
    opacity: 0;/*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
	animation-name:slideTextX100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}

@keyframes slideTextX100 {
  from {
	transform: translateX(-100%); /*要素を左の枠外に移動*/
        opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
	animation-name:slideTextX-100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}


@keyframes slideTextX-100 {
  from {
	transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}
































  #loading {
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #222;
      z-index: 9999;
    }

    #loading img {
      width: 320px;
      opacity: 0;
      animation: fadeInOutOnce 1.5s forwards;
    }

    @keyframes fadeInOutOnce {
      0% { opacity: 0; }
      50% { opacity: 1; }
      100% { opacity: 0; }
    }

    .main-text {
      opacity: 0;
      transition: opacity 1s ease;
     
    }

    .main-text.visible {
      opacity: 1;
    }























.pagetop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #fff;
  border: solid 2px #000;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 20;
  cursor: pointer;
}
.pagetop__arrow {
  display: block;
  height: 10px;
  width: 10px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  transform: translateY(20%) rotate(-45deg);
}












@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.loading__logo {
  opacity: 0;
  animation: logo_fade 2s 0.5s forwards;
  width: 475px;
}

@keyframes logo_fade {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  60% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
  }
}


















.botanz a{
color: #fff;
text-decoration: none;
}


.m-cenp{
text-align: center;
}

.table_design01 {
  border-collapse: collapse;
  width: 100%;
  max-width: 1000px;
margin: auto;
padding: 0px 5px;
}
.table_design01 th, .table_design01 td {
  border: 2px solid #fff;
  background-color: #fae3cd;
  padding: 1em;
}
.table_design01 th {
  background-color: #f36c00;
  color: #fff;
  font-weight: normal;
  text-align: center;
  width: 20%;
  min-width: 4em;
}











img{
    vertical-align: bottom;
width: 100%;
}

.cc{
text-align: center;
padding-top: 15px;
}



.bep{
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
font-size: 24px;
}




.aep{
color: #fff;
text-align: center;
font-size: 44px;

}

.aep2{
color: #fff;
text-align: center;
font-size: 24px;
display:block;
}









@media screen and (min-width:1443px) {
	
	
	
	.sales{
  line-height: 35px;
  color: #f36c00;
  font-weight: 700;
  font-size: 24px;
  padding: 10px 0px;
}
	
	
	
	
	
	
	
  .topnews{
	background-color: #fff;
	width:50vw;
	position: absolute;
	right: 0;
 padding: 40px;
bottom: -7vw;
	font-size: 19px;
	z-index: 1;
	display: flex;

}
}





@media screen and (min-width:1025px) and ( max-width:1442px) {

  .topnews{
	background-color: #fff;
	width:56vw;
	position: absolute;
	right: 0;
 padding: 30px;
bottom: -15vw;
	font-size: 19px;
	z-index: 1;
	display: flex;

}


}










@media screen and (min-width:1025px) {
	
	
	.another{background: url(images/anothers.jpg);
background-size: cover;
background-position: center;
height: 400px;
display: flex;
  justify-content: center;
  align-items: center;
}
	
	.c6{text-align: center;
color: #fff;
font-size:22px;
margin-bottom:20px;
	line-height: 35px;
}
	
	
.krr2{
line-height: 34px;
}


  .newinsta{
    max-width: 1300px;
    margin: 0px auto 30px auto;
  }


.table_design03 {
  border-collapse: collapse;
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.table_design03 th, .table_design03 td {
  border-bottom: 2px solid #c1c7c6;
  padding: 1em;
}
.table_design03 th {
  border-bottom: 2px solid orange;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}












.heytel{
	text-align: center;
	font-size: 32px;

}

.heytel2{
	text-align: center;
	font-size: 32px;
	margin-bottom: 25px;
}










.gaibg{
  background-color: #fbf2e3;
  padding: 80px 0px;
}


.abcf{
  text-align: center;
  font-size:52px;font-weight: 600;

}








  .news-wrapper {
	max-width: 1280px;
	margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.news-wrapper .box-white {
  padding: 26px 7.282% 50px;
}
.news-wrapper .main-content {
  width: 61.551%;
}
.news-wrapper .sidebar {
  width: 32.931%;
}


.salesarea{
  display: flex;
  max-width: 1320px;
  margin: auto;
  justify-content: space-between;
}

.salesarea2{
width: 48%;
}




.abcf2{
  max-width: 1000px;
  margin: 40px auto;
}


.another h1{
	font-weight: 700;
	color: #fff;
  font-size: 32px;
}








  .category-display a{
	background-color: #fdf7f2;
	color: #f36c00;
	padding: 3px 7px;
	border-radius: 5px;
}


.listing-item .title{
margin-right: 25px;
}


.listing-item .title{
	color: #f36c00;
}


.listing-item .date{
margin-right: 25px;
}





.topnews a{
	text-decoration: none;
}


.topnews2{
	font-size: 38px;
  font-family: "Cormorant", serif;
        font-weight: 700;
	
}
.topnews3{
padding-bottom: 32px;
	
}


.topnarea{
	width: 27%;
}

.topnarea2{
	width: 100%;
}

.listing-item{
	border-bottom: 1px solid grey;
	padding-bottom: 12px;
	    border-bottom: 1px solid #dedede;
	
	margin-bottom: 15px;
}


.maintx{
display: block;
}



.bo{
text-align: center;
font-size: 32px;
color: #f36c00;
padding: 40px 0px 20px 0px;
}

.ajp{
text-align: center;
line-height: 44px;
font-size: 28px;
padding: 40px;
}

.krr{
font-size: 28px;
padding: 15px 0px;
color: #f36c00;

}

.pria{
padding-top: 40px;
max-width: 1000px;
margin: auto;
}

.pri{
color: #f36c00;
padding: 20px 0px;
font-size: 28px;

}


.kyo{
display: flex;
max-width: 1380px;
margin: 70px auto 0px auto;
justify-content: space-between;
align-items: center;
}


.kyo-r{
flex-direction: row-reverse;
display: flex;
max-width: 1380px;
margin: 40px auto 0px auto;
justify-content: space-between;
align-items: center;
}

.kyo2{
width: 49%;
}

.kyo3{
width: 49%;
}


.kb{
max-width: 1000px;
margin: auto;
}


.beaft{
display: flex;
max-width: 1480px;
margin: auto;
align-items: center;
justify-content: space-between;
}

.beaft2{

width: 46%;
}

.jej{
font-size: 32px;
color: #f36c00;
padding-bottom: 10px;
}

.jej2{
line-height: 34px;
}



.je{
max-width: 1380px;
margin:50px auto 0px auto;
display: flex;
justify-content: space-between;
align-items: center;
}


.je-r{
flex-direction: row-reverse;
max-width: 1380px;
margin:50px auto 0px auto;
display: flex;
justify-content: space-between;
align-items: center;
}

.je2{
width: 49%;
}



.je3{
width: 49%;
}



.coy{
font-size: 64px;
padding: 20px 0px;
text-align: center;
color: #f36c00;
font-family: "Cormorant", serif;
font-weight: 700;
}

.coytt{
font-size: 40px;
padding: 20px 0px;
text-align: center;
color: #f36c00;
font-family: "Cormorant", serif;
font-weight: 700;
}


.paddings{
  margin: 20px 0px;
}


.coy2{

text-align: center;
margin-bottom: 30px;

line-height: 36px;
}





.bunya{
display: flex;
max-width: 1380px;
margin: auto;
justify-content: space-between;
}

.bunya2{
width: 23%;
}


.dme{
max-width: 1000px;
margin: auto;
}

.dme2{
text-align: center;
font-size: 20px;
line-height: 34px;
}






.gaiarea{
display: flex;
max-width: 1380px;
margin:0px auto 40px auto;
justify-content: space-between;
align-items: center;
}

.gai2{

width: 49%;}


.gai3{
width: 49%;
line-height: 34px;
}

.gaiarea-r{
flex-direction: row-reverse;
display: flex;
max-width: 1380px;
margin: auto;
justify-content: space-between;
align-items: center;
}


.menua{
display: none;}


.pc-br{
        display: block; /* PCを改行して */
      }
    
      .ps-tab{
        display: none; /* tabletの改行を隠して */
    }


      .sp-br{
        display: none; /* SPの改行を隠す */
      }







.m-main{
display: none;}

.scroll_down{
  position:absolute;
  bottom:1%;
  left: 20px;
  animation: arrowmove 1s ease-in-out infinite;
}

.scroll_down a{
  position: absolute;
  left: -24px;
  bottom:55px;
  color: #000;
  font-size: 14px;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: .2em;
  writing-mode: vertical-rl;
  text-decoration: none;
  text-transform: uppercase;
}

.scroll_down:before {
    content: "";
    position: absolute;
    bottom: 40px;
    right: -6px;
    width: 2px;
    height: 20px;
    background: #000;
    transform: skewX(-31deg);
}

.scroll_down:after{
  content:"";
  position: absolute;
  bottom: 40px;
  right: 0;
  width: 2px;
  height: 85px;
  background:#000;
}

@keyframes arrowmove{
   0%{bottom:1%;}
   50%{bottom:5%;}
   00%{bottom:1%;}
}









.header{
display: flex;

}

.logos img{
max-width: 400px;
}

.heads3{
display: flex;
margin-left: auto;

}


.flogo{
width: 300px;
}


.footerpo{
display: flex;
max-width: 1480px;
margin: auto;
padding: 60px 0px 0px 0px;





}

.navi{
padding-top: 30px;
margin-right: 1.3vw;
}






.sen{


max-width: 1480px;
margin: 20px auto 0px auto;


}

.fnavia{
display: flex;
margin-left: auto;
padding-top: 10px;
}

.fnavi{
margin-right: 1.3vw;
font-size: 17px;
padding-top: 5px;
}



.navi a{
text-decoration: none;
color: black;
}


.fnavi a{
text-decoration: none;
color: #fff;
}





.heads3 p:last-child{
margin-right: 0px;}

.navio{
padding:30px 20px;
background-color: #f36c00;}

.navio a{
color: #fff;
text-decoration: none;
}


.logos{
padding: 10px 0px 0px 30px;
}


.maintx{
width: 78%;
margin-left: auto;
}


.mainbg{
background: url(images/main-bg.jpg);
background-size:cover;
background-repeat: no-repeat;


padding-bottom: 60px;
position: relative;
}





.mainbgano{

background-color: #bdb9b9;



position: relative;
}








.c-area{
position: absolute;
  top: 18vw;
left: 5vw;
  bottom: 0;
  margin: auto 0;}


.catch{
font-size: 80px;
padding-bottom: 5px;
color: #fff;
font-weight: 700;
}


.catch2{
font-size: 23px;
color: #fff;
padding-bottom: 40px;
line-height: 41px;
}


.botan{
background-color: #f36c00;
padding: 15px 40px;
border-radius: 45px;
color: #fff;
text-decoration: none;
}


.botanc{
background-color: #f36c00;
padding: 25px 70px;
font-size: 22px;
color: #fff;
text-decoration: none;
}





.seppan{
position: absolute;
bottom: 160px;
right: 30px;
z-index: 2;
}

.seppan img{
width: 170px;
}


.about{
display: flex;
justify-content: space-between;
width: 90%;
margin-right: auto;
}

.about2{
width: 49%;
}

.about3{
width: 49%;

}


.aboutbg{
background-image: url(images/abouot-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
margin-top: 40px;
padding-top: 90px;
padding-bottom: 60px;
}


.abt{
font-size: 60px;
padding-top: 47px;
line-height: 55px;
 font-family: "Cormorant", serif;
        font-weight: 700;
margin-bottom: 5px;
}

.abt2{
font-size: 24px;
margin-bottom: 20px;
}

.abt3{
margin-bottom: 40px;
font-size: 20px;
line-height: 40px;
}

.ses{
display: flex;
max-width: 1280px;
margin:-100px auto 0px auto;
}

.serbg{
background-image: url(images/ser-bg.jpg);
background-size: cover;
height: 259px;
padding-top: 20px;
}





.sr{
color: #fff;
font-size: 60px;
text-align: right;
padding-right: 10%;
 font-family: "Cormorant", serif;
        font-weight: 700;
        line-height: 55px;
}

.sr2{
color: #fff;
text-align: right;
padding-right: 10%;
font-size: 24px;
}

.se{
position: relative;
}

.sem{
position: absolute;
color: #fff;

font-size: 36px;
bottom: 100px;
right: 15px;
}

.botanz{
background-color: #f36c00;
padding: 15px 40px;
border-radius: 45px;
color: #fff;
text-decoration: none;
position: absolute;
right: 15px;
bottom: 40px;
}


.insta1{
max-width: 1380px;
margin: 0px auto 40px auto;
display: flex;
justify-content: space-between;
}

.insta2{
width: 31%;}


.instabg{
background-image: url(images/insta-bg.jpg);
background-size: cover;
padding: 100px 0px 100px 0px;
margin-top: 110px;
position: relative;
}

.cen{
text-align: center;
margin-top: 60px;
}

.works{
position: absolute;
top: -40px;
font-size: 60px;
padding-left: 190px;
 font-family: "Cormorant", serif;
        font-weight: 700;

}

.works2{
position: absolute;
top: 30px;
font-size: 24px;
padding-left: 190px;
}


.rec{
padding-top: 60px;
font-size: 60px;
text-align: center;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.rec2{
font-size: 24px;
text-align: center;
}

.saiyou{
  position: relative;
display: flex;
max-width: 980px;
margin: 40px auto 60px auto;
align-items: center;
background-color: #e8e8e8;
}

.rnw{
  position: absolute;
  top: -80px;
left: -120px;
}

.rnw img{
  width: 450px;
}



.saiyou2{
width: 50%;
}

.saiyou3{
width: 50%;

padding: 20px;
}

.saip{
font-size: 18px;
padding-bottom: 25px;
line-height: 33px;
}

.saip2{
font-size: 28px;
padding-bottom: 5px;
}

.recbg{
background-image: url(images/rec-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 40px;
}


.bgprbg{
background-image: url(images/bgpar-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
padding: 70px 0px;
}


.bpp{
font-size: 60px;
color: #fff;
text-align: center;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.bpp2{
font-size: 48px;
color: #fff;
text-align: center;
}

.bgphai{
background:rgba(255,255,255,0.5);
	text-align:center;
	padding:25px 15px 45px 15px;
max-width: 880px;
border-radius: 15px;
margin: 15px auto;
}

.bgpt{
font-size: 24px;
margin-bottom: 35px;
	line-height: 40px;
}


.conbg{
position: relative;
z-index: 2;
background-color: #868282;
width: 75%;
margin:40px auto 0px auto;
padding-top: 20px;
padding-bottom: 100px;
}

.conarea{
position: relative;}

.shitabg{
position: absolute;
background: url(images/shita.jpg);
background-size: cover;
height: 400px;
z-index: 1;
bottom: -180px;

width: 100%;
}




.c1{
color: #fff;
text-align: center;
font-size: 11.25rem;
opacity: 0.34;
 font-family: "Cormorant", serif;
        font-weight: 700;
	margin-bottom: 0px;
	line-height: 160px;
}

.c2{
color: #fff;
text-align: center;
font-size: 32px;
}



.c3{
color: #fff;
text-align: center;
font-size: 19px;
margin-bottom: 20px;
	line-height: 38px;
}

.contel{
display: flex;
max-width: 800px;
justify-content: space-between;
margin: auto;
}

.c4{
color: #fff;
font-size: 42px;

}


.c5{
color: #fff;
font-size: 20px;
}

.cb{
padding-top: 25px;
}


.footer{
margin-top: 180px;
background-color: #000;
color: #fff;
padding-bottom: 80px;
}


}





@media screen and (min-width:481px) and ( max-width:1024px) {
	
	
	.another{background: url(images/anothers.jpg);
background-size: cover;
background-position: center;
height: 400px;
display: flex;
  justify-content: center;
  align-items: center;
}
	
	
	
	
		.c6{text-align: center;
color: #fff;
font-size:22px;
margin-bottom:20px;
	line-height: 35px;
}
	
	.sales{
  line-height: 35px;
  color: #f36c00;
  font-weight: 700;
  font-size: 24px;
  padding: 10px 0px;
}
	
	
	
	
	
	
	
	
	.krr2{
line-height: 34px;
}
	
	 .newinsta{
    max-width: 1300px;
    margin: 0px auto 30px auto;
		 padding: 20px;
  }


.kyo{
  width: 95%;
  margin: 20px auto;
}

.kyo-r{
  width: 95%;
  margin: 20px auto;
}

.pc-br{
        display: none; /* PCを改行して */
      }
    
      .ps-tab{
        display: block; /* tabletの改行を隠して */
    }


      .sp-br{
        display: none; /* SPの改行を隠す */
      }








.table_design03 {
  border-collapse: collapse;
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.table_design03 th, .table_design03 td {
  border-bottom: 2px solid #c1c7c6;
  padding: 1em;
}
.table_design03 th {
  border-bottom: 2px solid orange;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}










  .heytel{
	text-align: center;
	font-size: 32px;

}

.heytel2{
	text-align: center;
	font-size: 18px;
	margin-bottom: 25px;
}

.coytt{
font-size: 40px;
padding: 20px 0px;
text-align: center;
color: #f36c00;
font-family: "Cormorant", serif;
font-weight: 700;
}



  .salesarea{
  display: flex;
width: 95%;
  margin: auto;
  justify-content: space-between;
}

.salesarea2{
width: 48%;
}


.gaibg{
  background-color: #fbf2e3;
  padding: 80px 0px;
}






.abcf2{
  max-width: 1000px;
  margin: 40px auto;
}



.abcf{
  text-align: center;
  font-size:30px;font-weight: 600;

}








.news-wrapper {
	max-width: 1280px;
	margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.news-wrapper .box-white {
  padding: 26px 7.282% 50px;
}
.news-wrapper .main-content {
  width: 61.551%;
}
.news-wrapper .sidebar {
  width: 32.931%;
}







.another h1{
	font-weight: 700;
	color: #fff;
  font-size: 32px;
}




.category-display a{
	background-color: #fdf7f2;
	color: #f36c00;
	padding: 3px 7px;
	border-radius: 5px;
}


.listing-item .title{
margin-right: 25px;
}


.listing-item .title{
	color: #f36c00;
}


.listing-item .date{
margin-right: 25px;
}



.topnews{
	background-color: #fff;

	
	right: 0;
	padding: 20px 20px;
bottom: -5vw;
	font-size: 19px;
	z-index: 1;
	display: flex;

}

.topnews a{
	text-decoration: none;
}


.topnews2{
	font-size: 38px;
  font-family: "Cormorant", serif;
        font-weight: 700;
	
}
.topnews3{
padding-bottom: 32px;
	
}


.topnarea{
	width: 27%;
}

.topnarea2{
	width: 100%;
}

.listing-item{
	border-bottom: 1px solid grey;
	padding-bottom: 12px;
	    border-bottom: 1px solid #dedede;
	
	margin-bottom: 15px;
}














.maintx{
display: block;
}


.pri{
color: #f36c00;
padding: 20px 0px;
font-size: 28px;
}

.pria{
padding-top: 40px;
max-width: 1000px;
margin: auto;
padding: 10px 10px;
}

.bo{
text-align: center;
font-size: 32px;
color: #f36c00;
padding: 40px 0px 20px 0px;
}

.ajp{
text-align: center;
line-height: 38px;
font-size: 24px;
padding: 10px;
}

.krr{
font-size: 28px;
padding: 15px 0px;
color: #f36c00;

}


.kb{
width: 95%;
margin: 0px auto 25px auto;
}

.beaft{
display: flex;
max-width: 1480px;
margin: auto;
align-items: center;
justify-content: space-between;
}

.beaft2{

width: 46%;
}



.jej{
font-size: 32px;
color: #f36c00;
padding-bottom: 10px;
}

.jej2{
line-height: 34px;
}



.je{
width: 95%;
margin:50px auto 0px auto;
display: flex;
justify-content: space-between;
align-items: center;
}


.je-r{
flex-direction: row-reverse;
width: 95%;
margin:50px auto 0px auto;
display: flex;
justify-content: space-between;
align-items: center;
}

.je2{
width: 49%;
}



.je3{
width: 49%;
}




.bunya{
display: flex;
max-width: 1380px;
margin: auto;
justify-content: space-between;
}

.bunya2{
width: 23%;
}


.dme{
max-width: 1000px;
margin: auto;
}

.dme2{
padding: 10px;
font-size: 20px;
line-height: 38px;
}

.bunya{
display: flex;
max-width: 1380px;
margin: auto;
justify-content: space-between;
}

.bunya2{
width: 23%;
}


.coy{
font-size: 44px;
padding: 20px 0px;
text-align: center;
color: #f36c00;
font-family: "Cormorant", serif;
font-weight: 700;
}

.coy2{
font-size: 20px;
line-height: 36px;

width: 90%;
margin: auto;
padding-bottom: 30px;
}






.mainbgano{

background-color: #bdb9b9;



position: relative;
}


.gaiarea{
display: flex;
width: 90%;
margin:0px auto 40px auto;
justify-content: space-between;
align-items: center;
}

.gai2{

width: 49%;}


.gai3{
width: 49%;
line-height: 34px;
}

.gaiarea-r{
flex-direction: row-reverse;
display: flex;
width: 90%;
margin: auto;
justify-content: space-between;
align-items: center;
}










/* メニューのスタイル */
.menua {
    position: fixed;
    top: 0;
    right: -100%; /* 初期状態では画面の外に隠れている */
    width: 300px;
    height: 100%;
    background-color: #000;
    color: #fff;
    transition: right 0.3s ease; /* スライドインのアニメーション */
    padding: 20px;
    box-sizing: border-box;
    z-index: 10;
  }
  
  /* メニューが開いているとき */
  .menua.open {
    right: 0;
  }
  
  /* ボタンのスタイル */
  .hamburger {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 50px;
height: 49px;
    cursor: pointer;
    z-index: 20;
    background-color: #f36c00;
    padding: 10px;
  }
  
  .hamburger span {
    display: block;
    height: 4px;
    width: 100%;
    background-color: #fff;
    margin: 9px 0;
    transition: 0.4s;
  }
  
  /* バツ印に変化するスタイル */
  .hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(11px, 9px);
  }
  
  .hamburger.active span:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(10px, -9px);
  }
  
  /* メニューリストのスタイル */
  .menua ul {
    list-style-type: none;
    padding: 0;
    margin-top: 80px;
  }
  
  .menua li {
    padding: 20px 0;
    border-bottom: 1px solid #fff;
  }
  
  .menua li a {
    color: #fff;
    text-decoration: none;
    display: block;
  }

   

.heads2{
width: 70%;
padding: 10px;
}




   .ps-br{
        display: none; /* PCを改行して */
      }
    
      .ps-tab{
        display: block; /* tabletの改行を隠して */
    }




      .sp-br{
        display: none; /* SPの改行を隠す */
      }




.m-main{
display: none;}

.scroll_down{
  display:none;
}


.scroll_down{
  position:absolute;
  bottom:1%;
  left: 20px;
  animation: arrowmove 1s ease-in-out infinite;
}

.scroll_down a{
  position: absolute;
  left: -24px;
  bottom:55px;
  color: #000;
  font-size: 14px;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: .2em;
  writing-mode: vertical-rl;
  text-decoration: none;
  text-transform: uppercase;
}

.scroll_down:before {
    content: "";
    position: absolute;
    bottom: 40px;
    right: -6px;
    width: 2px;
    height: 20px;
    background: #000;
    transform: skewX(-31deg);
}

.scroll_down:after{
  content:"";
  position: absolute;
  bottom: 40px;
  right: 0;
  width: 2px;
  height: 85px;
  background:#000;
}

@keyframes arrowmove{
   0%{bottom:1%;}
   50%{bottom:5%;}
   00%{bottom:1%;}
}









.header{
display: flex;


}

.logos img{
max-width: 400px;
}

    .heads3{
display: none;}



.flogo{
width: 300px;
}


.footerpo{

max-width: 1480px;
margin: auto;
padding: 60px 0px 0px 0px;


}

.navi{
padding-top: 30px;
margin-right: 35px;
}


.cc{
text-align: center;
padding-top: 15px;
}



.sen{


max-width: 1480px;
margin: 20px auto 0px auto;


}

.fnavia{
display: flex;
margin-left: auto;
}

.fnavi{
margin-right: 1.3vw;
font-size: 2vw;
padding-top: 5px;
}



.navi a{
text-decoration: none;
color: black;
}


.fnavi a{
text-decoration: none;
color: #fff;
}





.heads3 p:last-child{
margin-right: 0px;}

.navio{
padding:30px 20px;
background-color: #f36c00;}

.navio a{
color: #fff;
text-decoration: none;
}





.maintx{
width: 78%;
margin-left: auto;
}


.mainbg{
background: url(images/main-bg.jpg);
background-size:cover;
background-repeat: no-repeat;


padding-bottom: 60px;
position: relative;
}

.c-area{
position: absolute;
  top: 17vw;
left: 5vw;

  margin: auto 0;}


.catch{
font-size: 5vw;
padding-bottom: 5px;
color: #fff;
}


.catch2{
font-size: 2vw;
color: #fff;
padding-bottom: 40px;
line-height: 3vw;
}


.botan{
background-color: #f36c00;
padding: 15px 40px;
border-radius: 45px;
color: #fff;
text-decoration: none;
}


.botanc{
background-color: #f36c00;
padding: 25px 20px;
font-size: 22px;
color: #fff;
text-decoration: none;
}





.seppan{
position: absolute;
top: 100px;
right: 30px;
z-index: 2;
}

.seppan img{
width: 15vw;
}


.about{
display: flex;
justify-content: space-between;
width: 90%;
margin-right: auto;
}

.about2{
width: 49%;
}

.about3{
width: 49%;

}


.aboutbg{
background-image: url(images/abouot-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
margin-top: 70px;
padding-top: 90px;
padding-bottom: 60px;
}


.abt{
font-size: 60px;
padding-top: 40px;
margin-bottom: 20px;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.abt2{
font-size: 24px;
margin-bottom: 20px;
}

.abt3{
margin-bottom: 40px;
font-size: 20px;
line-height: 40px;
}




.serbg{
background-image: url(images/ser-bg.jpg);
background-size: cover;
height: 259px;
padding-top: 20px;
}


.ses{
display: flex;
width: 95%;
margin:-100px auto 0px auto;
}


.sr{
color: #fff;
font-size: 60px;
text-align: right;
padding-right: 10%;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.sr2{
color: #fff;
text-align: right;
padding-right: 10%;
font-size: 24px;
}

.se{
position: relative;
}

.sem{
position: absolute;
color: #fff;

font-size: 4vw;
bottom: 80px;
right: 15px;
}

.botanz{

background-color: #f36c00;
padding: 1vw 3vw;
border-radius: 45px;
color: #fff;
text-decoration: none;
position: absolute;
right: 15px;
bottom: 30px;
}


.insta1{
max-width: 1380px;
margin: 0px auto 40px auto;
display: flex;
justify-content: space-between;
}

.insta2{
width: 31%;}


.instabg{
background-image: url(images/insta-bg.jpg);
background-size: cover;
padding: 100px 0px 100px 0px;
margin-top: 110px;
position: relative;
}

.cen{
text-align: center;
margin-top: 60px;
}

.works{
position: absolute;
top: -50px;
font-size: 60px;
padding-left: 190px;
 font-family: "Cormorant", serif;
        font-weight: 700;

}

.works2{
position: absolute;
top: 30px;
font-size: 24px;
padding-left: 190px;
}


.rec{
padding-top: 60px;
font-size: 60px;
text-align: center;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.rec2{
font-size: 24px;
text-align: center;
}

.saiyou{
  position: relative;
display: flex;
width: 95%;
margin: 40px auto 60px auto;
align-items: center;
background-color: #e8e8e8;
}

.rnw{
  position: absolute;
  top: -50px;
left: 0;
}


.rnw img{
  width: 250px;
}


.saiyou2{
width: 50%;
}

.saiyou3{
width: 50%;

padding: 20px;
}

.saip{
font-size: 18px;
padding-bottom: 25px;
line-height: 33px;
}

.saip2{
font-size: 28px;
padding-bottom: 5px;
}

.recbg{
background-image: url(images/rec-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 40px;
}


.bgprbg{
background-image: url(images/bgpar-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
padding: 70px 0px;
}


.bpp{
font-size: 60px;
color: #fff;
text-align: center;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.bpp2{
font-size: 48px;
color: #fff;
text-align: center;
}

.bgphai{
background:rgba(255,255,255,0.5);
	text-align:center;
	padding:25px 15px 45px 15px;
width: 90%;
border-radius: 15px;
margin: 15px auto;
}

.bgpt{
font-size: 24px;
margin-bottom: 35px;
}


.conbg{
position: relative;
z-index: 2;
background-color: #868282;
width: 90%;
margin:80px auto 0px auto;
padding-top: 20px;
padding-bottom: 100px;
}

.conarea{
position: relative;}

.shitabg{
position: absolute;
background: url(images/shita.jpg);
background-size: cover;
height: 400px;
z-index: 1;
bottom: -180px;

width: 100%;
}




.c1{
color: #fff;
text-align: center;
font-size: 50px;
opacity: 0.34;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.c2{
color: #fff;
text-align: center;
font-size: 32px;
}



.c3{
color: #fff;
text-align: center;
font-size: 19px;
margin-bottom: 40px;
}

.contel{

width: 90%;
justify-content: space-between;
margin: auto;
}






.c4{
color: #fff;
font-size: 32px;
text-align: center;
}


.c5{
color: #fff;
font-size: 4vw;
text-align: center;
padding-bottom: 15px;
}

.cb{
padding-top: 25px;
text-align: center;
}


.footer{
margin-top: 180px;
background-color: #000;
color: #fff;
padding-bottom: 80px;
}



}




@media screen and (max-width:480px) {
	
	.another{background: url(https://www.xenobest.jp/wp-content/uploads/2025/08/osirase-sp-main.jpg);
background-size: cover;
background-position: center;
height: 400px;
display: flex;
  justify-content: center;
  align-items: center;
}
	
		.c6{text-align: center;
color: #fff;
font-size:20px;
margin-bottom:10px;
	line-height: 29px;
}
	
	
	.sales{
  line-height: 35px;
  color: #f36c00;
  font-weight: 700;
  font-size: 24px;
  padding: 10px 0px;
		text-align: center;
}
	
	
	
	
	
	
	p{padding-left: 6px;
	}	

 .newinsta{
 width: 90%;
	 margin: auto;
  }

.table_design03 {
  border-collapse: collapse;
 width: 95%;
  margin: auto;
}
.table_design03 th, .table_design03 td {
  border-bottom: 2px solid #c1c7c6;
  padding: 1em;
}
.table_design03 th {
  border-bottom: 2px solid orange;
  font-weight: bold;
  text-align: center;
  width: 30%;
  min-width: 4em;
}









.heytel{
	text-align: center;
	font-size: 32px;

}

.heytel2{
	text-align: center;
	font-size: 18px;
	margin-bottom: 25px;
}















.coytt{
font-size: 38px;
padding: 20px 0px;
text-align: center;
color: #f36c00;

font-weight: 700;
}



.salesarea{
width: 95%;
margin: auto;
}

.salesarea2{

}




.gaibg{
  background-color: #fbf2e3;
  padding: 30px 0px;
}



.abcf2{
width: 90%;
margin: 0px auto 25px auto;
}


.abcf{
  text-align: center;font-size:6vw;
	font-weight: 600;
padding-bottom: 25px;
}















  


.news-wrapper {
	width:95%;
	margin: auto;
 
}
.news-wrapper .box-white {
  padding: 26px 7.282% 50px;
}
.news-wrapper .main-content {
  width: 61.551%;
}
.news-wrapper .sidebar {
  width: 32.931%;
}












  .another h1{
	font-weight: 700;
	color: #fff;
  font-size: 32px;
}


.category-display a{
	background-color: #fdf7f2;
	color: #f36c00;
	padding: 3px 7px;
	border-radius: 5px;
}


.listing-item .title{
margin-right: 25px;
}


.listing-item .title{
	color: #f36c00;
}


.listing-item .date{
margin-right: 25px;
}



.topnews{
	background-color: #fff;
	
	

	padding: 20px;

	font-size: 19px;
	
	

}

.topnews4{

  margin-left: 100px;
}

.topnews a{
	text-decoration: none;
}


.topnews2{
	font-size: 9vw;
  font-family: "Cormorant", serif;
        font-weight: 700;
	
}
.topnews3{
padding-bottom: 32px;
	
}


.topnarea{
display: flex;
align-items: center;
}

.topnarea2{
	width: 100%;
}

.listing-item{
	border-bottom: 1px solid grey;
	padding-bottom: 12px;
  line-height: 42px;
	
	margin-bottom: 15px;
}




.pri{
color: #f36c00;
padding: 20px 0px;
font-size: 6vw;
	text-align: center;}

.pria{
padding: 10px;
}

.bo{
text-align: center;
font-size: 32px;
color: #f36c00;
padding: 0px 0px 20px 0px;
}



.ajp{
line-height: 34px;
font-size: 22px;
padding: 20px;
}




.krr{
font-size: 28px;
padding: 15px 0px;
color: #f36c00;
text-align: center;
}

.krr2{
padding:0px 15px 15px 15px; 
	line-height: 35px;
}


.kb{
margin-bottom: 40px;
}



.beaft3{
width: 40px;
margin: auto;
 transform:rotate(90deg);    /* 中心を基準点に時計回りに回転する */
}


.jej{
	text-align: center;
font-size: 32px;
color: #f36c00;
padding-top: 10px;
padding-bottom: 10px;
}

.jej2{
line-height: 34px;
}


.je{
width: 95%;
margin: 25px auto 0px auto;
}

.je-r{
width: 95%;
margin: 25px auto 0px auto;
}

.dme2{
padding: 15px;
line-height: 34px;
	width: 90%;
	margin: auto;
}















.bunya{
width: 90%;
margin: auto;
}

.bunya2{
flex: 45%;
	padding: 3px;
}







.gai3{
  line-height: 35px;
  padding: 15px 0px;
}


.gaiarea{
width: 90%;
margin: auto;
}


.gaiarea-r{
width: 90%;
margin: auto;
}


.coy{
font-size: 45px;
padding: 20px 0px;
text-align: center;
color: #f36c00;
font-family: "Cormorant", serif;
font-weight: 700;

}

.coy2{
font-size: 20px;
width: 95%;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
line-height: 38px;

}






.mainbgano{

background-color: #bdb9b9;



position: relative;
}

.botanc{
background-color: #f36c00;
padding: 10px;
font-size: 22px;
color: #fff;
text-decoration: none;
text-align: center;
}

   .pc-br{
        display: none; /* PCの改行を隠して */
      }
    
.ps-tab{
    display: none; /* tabletの改行を隠して */
}


      .sp-br{
        display: block; /* SPを改行する */
      }

.flogo{
width: 300px;
text-align: center;
margin: auto;
}


.footerpo{

padding-top: 40px;




}

.fnavia{
text-align: center;
}

.fnavi{

font-size: 20px;
padding-top: 5px;
	padding-bottom: 5px;
}

    .fnavi a {
        color: rgb(255, 255, 255);
        text-decoration: none;
    }






    .footer{
margin-top: 100px;
background-color: #000;
color: #fff;
padding-bottom: 10px;
}


      .shitabg{
position: absolute;
background: url(images/shita.jpg);
background-size: cover;
height: 400px;
z-index: 1;
bottom: -100px;
background-position: center;
width: 100%;
}

.c4{
color: #fff;
font-size: 27px;
text-align: center;
	padding-bottom: 10px;
}


.c5{
color: #fff;
font-size: 4vw;
text-align: center;
}

.cb{
padding-top: 25px;
text-align: center;
}




.conbg{
position: relative;
z-index: 2;
background-color: #868282;
margin: 30px 20px 0px 20px;
padding: 20px 20px 40px 20px;

}

.conarea{
position: relative;
}

.c1{
color: #fff;
text-align: center;
font-size: 48px;
opacity: 0.34;
 font-family: "Cormorant", serif;
        font-weight: 700;
	margin-bottom: 0px;
}

.c2{
color: #fff;
text-align: center;
font-size: 26px;
	padding-bottom: 5px;
}



.c3{
color: #fff;
text-align: center;
font-size: 4.2vw;
margin-bottom: 10px;
	line-height: 30px;
}








      

.bgpt{
  padding-bottom: 30px;
  font-size: 20px;
	line-height: 34px;
}



.recbg{
background-image: url(images/rec-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 40px;
}


.bgprbg{
background-image: url(images/bgpar-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
padding: 40px 0px;
background-position: center;
}


.bpp{
font-size: 35px;
color: #fff;
text-align: center;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.bpp2{
font-size: 24px;
color: #fff;
text-align: center;
margin-bottom: 20px;
}

.bgphai{
background:rgba(255,255,255,0.5);

	padding:25px 15px 45px 15px;
width: 80%;
border-radius: 15px;
margin: auto;

}













.saiyou{
  position: relative;
  width: 90%;
  margin: auto;
background-color: #e8e8e8;
}

.rnw{
  position: absolute;
  top: -10px;
left: -20px;
}

.rnw img{
  width: 150px;
}

.saiyou3{
padding: 20px 10px 50px 10px;

}


.saip{
font-size: 18px;
padding-bottom: 25px;
line-height: 33px;
}

.saip2{
font-size: 28px;
padding-bottom: 5px;
text-align: center;
}







.recbg{
background-image: url(images/rec-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 40px;
}










.rec{
padding-top: 20px;
font-size: 40px;
text-align: center;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.rec2{
font-size: 24px;
text-align: center;
}






.instabg{
background-image: url(images/insta-bg-mobie.jpg);
background-size: cover;
padding: 100px 0px 100px 0px;
margin-top: 110px;
position: relative;
}



.works{
position: absolute;
top: -20px;
font-size: 40px;
padding-left: 70px;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.works2{
position: absolute;
top: 30px;
font-size: 24px;
padding-left: 70px;
}











/* メニューのスタイル */
.menua {
    position: fixed;
    top: 0;
    right: -100%; /* 初期状態では画面の外に隠れている */
    width: 300px;
    height: 100%;
    background-color: #000;
    color: #fff;
    transition: right 0.3s ease; /* スライドインのアニメーション */
    padding: 20px;
    box-sizing: border-box;
    z-index: 10;
  }
  
  /* メニューが開いているとき */
  .menua.open {
    right: 0;
  }
  
  /* ボタンのスタイル */
  .hamburger {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 50px;
height: 49px;
    cursor: pointer;
    z-index: 20;
    background-color: #f36c00;
    padding: 10px;
  }
  
  .hamburger span {
    display: block;
    height: 4px;
    width: 100%;
    background-color: #fff;
    margin: 9px 0;
    transition: 0.4s;
  }
  
  /* バツ印に変化するスタイル */
  .hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(11px, 9px);
  }
  
  .hamburger.active span:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(10px, -9px);
  }
  
  /* メニューリストのスタイル */
  .menua ul {
    list-style-type: none;
    padding: 0;
    margin-top: 80px;
  }
  
  .menua li {
    padding: 20px 0;
    border-bottom: 1px solid #fff;
  }
  
  .menua li a {
    color: #fff;
    text-decoration: none;
    display: block;
  }


.header{height: 69px;}


.ses{
margin-top: -120px;
}









.serbg{
background-image: url(images/ser-bg.jpg);
background-size: cover;
height: 259px;
padding-top: 20px;
}





.sr{
color: #fff;
font-size: 40px;
text-align: right;
padding-right: 10%;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.sr2{
color: #fff;
text-align: right;
padding-right: 10%;
font-size: 24px;
}



.se{
position: relative;
width: 90%;
margin: auto;
}

.sem{
position: absolute;
color: #fff;

font-size: 36px;
bottom: 110px;
right: 15px;
}

.botanz{
background-color: #f36c00;
padding: 15px 40px;
border-radius: 45px;
color: #fff;
text-decoration: none;
position: absolute;
right: 15px;
bottom: 40px;
}




























.abt{
font-size: 40px;
padding-top: 20px;
text-align: center;
 font-family: "Cormorant", serif;
        font-weight: 700;
}

.abt2{
font-size: 24px;
margin-bottom: 10px;
text-align: center;
}

.abt3{
margin-bottom: 40px;
font-size: 18px;
line-height: 33px;
}




.aboutbg{
background-color: #eeeced;
background-size: cover;
background-repeat: no-repeat;

padding-top: 30px;
padding-bottom: 60px;
}


.about{

width: 90%;
margin: auto;
}




.seppan{
position: absolute;
top:100px;
right: 10px;
width: 80px;
z-index: 2;
}


.scroll_down{
  display: none;
}


.scroll_down{
  position:absolute;
  bottom:1%;
  left: 8px;
  animation: arrowmove 1s ease-in-out infinite;
}

.scroll_down a{
  position: absolute;
  left: -20px;
  bottom:10px;
  color: #000;
  font-size: 10px;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: .2em;
  writing-mode: vertical-rl;
  text-decoration: none;
  text-transform: uppercase;
}

.scroll_down:before {
    content: "";
    position: absolute;
    bottom: 10px;
    right: -6px;
    width: 1px;
    height: 20px;
    background: #000;
    transform: skewX(-31deg);
}

.scroll_down:after{
  content:"";
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 1px;
  height: 85px;
  background:#000;
}

@keyframes arrowmove{
   0%{bottom:1%;}
   50%{bottom:5%;}
   00%{bottom:1%;}
}






.m-cen{
  text-align: center;
}



.botan{
background-color: #f36c00;
padding: 10px 15px;
border-radius: 45px;
color: #fff;
text-decoration: none;

}




.c-area{
position: absolute;
  top: 41vw;
left: 5vw;
 
  margin: auto 0;}

.catch{
font-size: 38px;
padding-bottom: 5px;
color: #fff;
line-height: 46px;
}


.catch2{
font-size: 17px;
color: #fff;
padding-bottom: 30px;
line-height: 31px;
}


.mainbg{
background: url(images/main-bg.jpg);
background-size:cover;
background-repeat: no-repeat;


padding-bottom: 60px;
position: relative;
}


.maintx{
display: none;
}

.m-main{
padding-left: 40px;
}



.heads3{
display: none;}

.heads2{
width: 70%;
padding: 10px;
}



}