@charset "utf-8";

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
img{vertical-align:top;border:0;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;}
input,select{vertical-align:middle;}



/*--------------------------------------------------------------------------
/* box-sizing
---------------------------------------------------------------------------*/
header, footer, section, div, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, th, td, a, span {
	box-sizing: border-box;
}



/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/

a{
	outline:none;
}
a:link,
a:visited{
	text-decoration:none;
	color:#333;
}

.ophover{
	transition:opacity ease .3s;	
}
.ophover:hover{
	opacity: .7;
}



/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/

html {
  font-size: 62.5%;
}
body {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #2D2926;
}
article {
  overflow-x: hidden;
}

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

.pc{ display: inline-block; }
.sp{ display: none; }


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

  body {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}



/* --------------------------------

header

 -------------------------------- */

header{
  width: 100%;
  min-height: 60px;
  position: absolute;
  top:0;
  left:0;
  z-index: 99;
}
header h1{
  max-width: 140px;
  position: absolute;
  top:15px;
  left:15px;
}

@media screen and (max-width: 768px){
  header{
    min-height: 45px;
  }
  header h1{
    max-width: 120px;
    top:15%;
    left:4%;
  } 
}



/* --------------------------------

.mv

 -------------------------------- */

.mv{
  position: relative;
}
.mv h2{
  width: 30%;
  position: absolute;
  top:50%;
  left:20%;
  transform: translate(-50%,-50%);
}
.mv .catch{
  height: 94%;
  max-width: 48px;
  padding:2% 0.6%;
  background: #ffffff;
  position: absolute;
  top:0;
}
.mv .catch img{
  width: auto;
  height: 100%;
}
.mv .catch.l01{
  height: 92%;
  right:5%;
}
.mv .catch.l02{
  height: 94%;
  right:9%;
}

@media screen and (max-width: 768px){
  
  .mv h2{
    width: 70%;
    top:20%;
    left:5%;
    transform: translate(0);
  }
  .mv .catch{
    height: 94%;
    max-width: 48px;
    padding:2% 1.4%;
    background: #ffffff;
    position: absolute;
    top:0;
  }
  .mv .catch.l01{
    width: 24px;
    height: auto;
    right:3%;
  }
  mv .catch img{
    width: 18px;
    height:auto;
  }
  .mv .catch.l02{
    width: 24px;
    height: auto;
    right:13%;
  }

}


/* -------------------------------- 

.intro

 -------------------------------- */

.intro{
  background: url(../img/bg_intro_pc.png) center bottom no-repeat;
  background-size: 100%;
}
.intro .inner{
  display: flex;
  width: 90%;
  max-width: 1400px;
  margin:0 auto;
  padding:60px 0 140px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.intro .inner .txtWrap{
  width: 48%;
}
.intro .inner .txtWrap h3{
  color:#3A2A17;
  font-size: 4.6rem;
  line-height: 1.4em;
  letter-spacing: 0.6;
}
.intro .inner .txtWrap h3 span{
  font-size: 1.2em;
}
.intro .inner .txtWrap .txt{
  margin-top:20px;
  font-size: 1.8rem;
  line-height: 1.8em;
}
.intro .inner .popWrap{
  width: 48%;
  position: relative;
}
.intro .inner .popWrap li{
  position: absolute;
}
.intro .inner .popWrap li:nth-child(1){
  width: 30%;
  min-width: 160px;
  top:0;
  left:8%;
}
.intro .inner .popWrap li:nth-child(2){
  width: 40%;
  min-width: 220px;
  top:50%;
  left:0;
}
.intro .inner .popWrap li:nth-child(3){
  width: 52%;
  min-width: 280px;
  top:13%;
  right:0;
}

@media screen and (max-width: 768px){
  .intro{
    background: url(../img/bg_intro_sp.png) center bottom no-repeat;
    background-size: 100%;
  }
  .intro .inner{
    display: flex;
    padding:10% 0;
  }
  .intro .inner .txtWrap{
    width: 100%;
  }
  .intro .inner .txtWrap h3{
    font-size: 2.4rem;
    line-height: 1.4em;
    letter-spacing: 0.4rem;
  }
  .intro .inner .txtWrap .txt{
    margin-top:10%;
  }
  .intro .inner .popWrap{
    width: 100%;
    padding-bottom:85%;
  }
  .intro .inner .popWrap li:nth-child(1){
    width: 24%;
    min-width: auto;
    top:10%;
    left:20%;
  }
  .intro .inner .popWrap li:nth-child(2){
    width: 34%;
    min-width: auto;
    top:50%;
    left:10%;
  }
  .intro .inner .popWrap li:nth-child(3){
    width: 42%;
    min-width: auto;
    top:16%;
    right:5%;
  }
}



/* -------------------------------- 

.gallery

 -------------------------------- */

.gallery{
  background: url(../img/bg_gallery_pc.jpg) center bottom no-repeat,#D6E5C3;
  background-size: 100%;
}
.gallery .inner{
  width: 90%;
  max-width: 1400px;
  margin:0 auto;
  padding:60px 0 140px;
  transform: translateY(-100px);
}
.gallery .inner h4{
  font-size: 3.2rem;
  line-height: 1.4em;
  text-align: center;
}
.gallery .inner h4 span{
  display: block;
  margin-bottom:15px;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.8rem;
}
.gallery .inner .galleryWrap{
  display: flex;
  margin:40px auto 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gallery .inner .galleryWrap{
  display: flex;
  margin-top:40px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gallery .inner .galleryWrap li{
  position: relative;
}
.gallery .inner .galleryWrap li:nth-child(1),.gallery .inner .galleryWrap li:nth-child(2){
  width: 49.5%;
}
.gallery .inner .galleryWrap li:nth-child(3),.gallery .inner .galleryWrap li:nth-child(4),.gallery .inner .galleryWrap li:nth-child(5),.gallery .inner .galleryWrap li:nth-child(6){  margin-top:10px; }
.gallery .inner .galleryWrap li:nth-child(3){
  width: 17%;
}
.gallery .inner .galleryWrap li:nth-child(4){
  width: 27%;
}
.gallery .inner .galleryWrap li:nth-child(5){
  width: 30%;
}
.gallery .inner .galleryWrap li:nth-child(6){
  width: 23.5%;
}
.gallery .inner .galleryWrap li p{
  padding:10px 20px;
  background: rgba(58,42,23,0.7);
  font-size: 1.8rem;
  color:#ffffff;
  position: absolute;
  bottom:15px;
}

@media screen and (max-width: 768px){
  .gallery{
    background: url(../img/bg_gallery_sp.png) center bottom no-repeat,#D6E5C3;
    background-size: 100%;
  }
  .gallery .inner{
    padding:35% 0 10%;
    transform: translateY(-10%);
  }
  .gallery .inner h4{
    font-size: 2.0rem;
  }
  .gallery .inner h4 span{
    font-size: 1.4rem;  
    margin-bottom:3%;
  }
  .gallery .inner .galleryWrap{
    margin:10% auto 0;
  }
  .gallery .inner .galleryWrap{
    margin-top:15%;
  }
  .gallery .inner .galleryWrap li:nth-child(1),.gallery .inner .galleryWrap li:nth-child(2){
    width: 100%;
  }
  .gallery .inner .galleryWrap li:nth-child(2),.gallery .inner .galleryWrap li:nth-child(3),.gallery .inner .galleryWrap li:nth-child(4),.gallery .inner .galleryWrap li:nth-child(5),.gallery .inner .galleryWrap li:nth-child(6){  margin-top:10px; }
  
  .gallery .inner .galleryWrap li:nth-child(3){
    width: 38.10142%;
  }
  .gallery .inner .galleryWrap li:nth-child(4){
    width: 60.32728%;
  }
  .gallery .inner .galleryWrap li:nth-child(5){
    width: 55%;
  }
  .gallery .inner .galleryWrap li:nth-child(6){
    width: 43.5%;
  }
  .gallery .inner .galleryWrap li p{
    padding:3% 5%;
    font-size: 1.3rem;
    line-height: 1.3em;
    left:-2%;
    bottom:-1%;
  }
  
}


/* -------------------------------- 

.bukkenList

 -------------------------------- */

.bukkenList{
  background: #E0E0D3;
}
.bukkenList .inner{
  width: 90%;
  max-width: 1400px;
  margin:0 auto;
  padding:60px 0;
}
.bukkenList .inner h4{
  font-size: 3.2rem;
  line-height: 1.4em;
  text-align: center;
}
.bukkenList .inner .bukkenListWrap{
  display: flex;
  margin-top: 40px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bukkenList .inner .bukkenListWrap .bukken{
  width:48%;
  margin-bottom:30px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 10px 10px 15px -10px rgba(0,0,0,0.4);
  overflow: hidden;
  transition: 0.4s;
}
.bukkenList .inner .bukkenListWrap .bukken .photo{
  padding:20% 0;
  position: relative;
}
.bukkenList .inner .bukkenListWrap .bukken .info{
  padding:30px 40px;
  box-sizing: border-box;
}
.bukkenList .inner .bukkenListWrap .bukken .info .point{
  display: flex;
  flex-wrap: wrap;
}
.bukkenList .inner .bukkenListWrap .bukken .info .point li{
  margin-right:5px;
  padding:5px 10px;
  display: flex;
  font-size:1.2rem;
  font-weight: 700;
  line-height: 1.4rem;
  color:#000;
  box-sizing: border-box;
}
.bukkenList .inner .bukkenListWrap .bukken .info .point li.teiki{
  background: #F4D1C9;
}
.bukkenList .inner .bukkenListWrap .bukken .info .point li.spec{
  background: #EDECD6;
}
.bukkenList .inner .bukkenListWrap .bukken .info .name{
  margin-top:15px;
  font-size: 2.4rem;
  line-height: 2.4rem;
}
.bukkenList .inner .bukkenListWrap .bukken .info .copy{
  margin-top:5px;
  font-size: 1.4rem;
  line-height: 2.6rem;
}
.bukkenList .inner .bukkenListWrap .bukken .info .access{
  margin-top:10px;
  padding-top:10px;
  border-top:dotted #c1c1c1 1px;
  font-size: 1.3rem;
  line-height: 1.8rem;
  padding-left:4em;
  text-indent:-4em;
}
.bukkenList .inner .bukkenListWrap .bukken .info .access p+p{
  margin-top:6px;
}
.bukkenList .inner .bukkenListWrap .bukken .info .btnWrap{
  margin-top:20px;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.bukkenList .inner .bukkenListWrap .bukken .info .btnWrap .btn{
  width:49%;
  text-align: center;
}
.bukkenList .inner .bukkenListWrap .bukken .info .btnWrap .btn a{
  display: block;
  line-height: 1.8rem;
  padding:20px 10%;
  position: relative;
}
.bukkenList .inner .bukkenListWrap .bukken .info .btnWrap .btn a::after{
  display: block;
  content:"";
  width: 13%;
  max-width: 30px;
  height:1px;
  position: absolute;
  top:50%;
  right:0;
  transform: translate(0,-50%);
}
.bukkenList .inner .bukkenListWrap .bukken .info .btnWrap .btn.detail a::after{
  background: #ffffff;
}
.bukkenList .inner .bukkenListWrap .bukken .info .btnWrap .btn.res a::after{
  background: #3A2A17;
}
.bukkenList .inner .bukkenListWrap .bukken .info .btnWrap .detail a{
  background:#3A2A17;
  color:#ffffff;
}
.bukkenList .inner .bukkenListWrap .bukken .info .btnWrap .res a{
  background:#E6D773;
  color:#3A2A17;
}

/* サムネイル */
.bukkenList .inner .bukkenListWrap .bukken#bukken01 .photo{
  background: url(https://www.nomura-k.co.jp/assets/images/sys/2019/10/thumnail.jpg) left center no-repeat;
  background-size: cover;
}
.bukkenList .inner .bukkenListWrap .bukken#bukken02 .photo{
  background: url(https://www.nomura-k.co.jp/assets/images/sys/2020/07/20200720_nomurakoumutensama_neyagawamv_thumdnail_610_245_200.jpg) center center no-repeat;
  background-size: cover;
}
.bukkenList .inner .bukkenListWrap .bukken#bukken03 .photo{
  background: url(../img/thumbnail_hoshiyama_201022.jpg) center center no-repeat;
  background-size: cover;
}
.bukkenList .inner .bukkenListWrap .bukken#bukken04 .photo{
  background: url(../img/thumnail_irori_201222.jpg) center center no-repeat;
  background-size: cover;
}
.bukkenList .inner .bukkenListWrap .bukken#bukken05 .photo{
  background: url(https://www.nomura-k.co.jp/assets/images/sys/2020/08/thumnail.jpg) top left no-repeat;
  background-size: cover;
}
.bukkenList .inner .bukkenListWrap .bukken#bukken06 .photo{
  background: url(../img/thumbnail_hoshiyama_201106.jpg) center center no-repeat;
  background-size: cover;
}
.bukkenList .inner .bukkenListWrap .bukken#bukken07 .photo{
  background: url(https://www.nomura-k.co.jp//assets/images/sys/2020/07/thumbnail-2.jpg) center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px){

  .bukkenList .inner{
    padding:10% 0 10%;
    transform: translateY(0);
  }
  .bukkenList .inner h4{
    font-size: 2.0rem;
  }
  .bukkenList .inner .bukkenListWrap{
    margin-top: 10%;
  }
  .bukkenList .inner .bukkenListWrap .bukken{
    width:100%;
    margin-bottom:7%;
    border-radius: 6;
  }
  .bukkenList .inner .bukkenListWrap .bukken .photo{
    padding:20% 0;
  }
  .bukkenList .inner .bukkenListWrap .bukken .info{
    padding:5%;
  }
  .bukkenList .inner .bukkenListWrap .bukken .info .point li{
    margin:1.4%;
    padding:5px 10px;
  }
  .bukkenList .inner .bukkenListWrap .bukken .info .name{
    margin-top:5%;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
  }
  .bukkenList .inner .bukkenListWrap .bukken .info .copy{
    margin-top:3%;
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
  .bukkenList .inner .bukkenListWrap .bukken .info .access{
    margin-top:10px;
    padding-top:10px;
    border-top:dotted #c1c1c1 1px;
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding-left:4em;
    text-indent:-4em;
  }
  .bukkenList .inner .bukkenListWrap .bukken .info .access p+p{
    margin-top:6px;
  }
  .bukkenList .inner .bukkenListWrap .bukken .info .btnWrap{
    margin-top:7%;
    flex-wrap: wrap;
  }
  .bukkenList .inner .bukkenListWrap .bukken .info .btnWrap .btn{
    width:100%;
  }
  .bukkenList .inner .bukkenListWrap .bukken .info .btnWrap .btn a{
    font-size: 1.8rem;
    line-height: 1.8rem;
    padding:7% 0;
  }
  .bukkenList .inner .bukkenListWrap .bukken .info .btnWrap .res{
    margin-top:3%;
  }
}


/* google map ボタン */
.Gmap{
    margin:60px auto 0;
}
.Gmap .annai-map{
    font-size: 2.0rem;
    line-height: 1.4;
    letter-spacing: 0.2rem;
    text-align: center;
}
.Gmap .btn-Gmap a{
    display: block;
    width: 90%;
    max-width: 360px;
    margin:30px auto 0;
    padding: 23px 0;
    background: #3A2A17;
    color:#fff;
    text-align: center;
    position: relative;
}
.Gmap .btn-Gmap a::after{
  display: block;
  content:"";
  width: 30px;
  height:1px;
  background: #ffffff;
  position: absolute;
  top:50%;
  right:0;
  transform: translate(0,-50%);
}

@media screen and (max-width: 768px) {
  .Gmap{
      margin:10% 0;
  }
  .Gmap .annai-map{
      font-size: 1.6rem;
      line-height: 1.4;
  }
  .Gmap .btn-Gmap a{
      margin:5% auto 0;
      padding: 20px 0;
  }
}




/* -------------------------------- 

.googleMap

 -------------------------------- */
.googleMap{
  padding-top:60px;
}
.googleMap h4{
  font-size: 3.2rem;
  line-height: 1.4em;
  text-align: center;
}
.googleMap .google_maps {
    position: relative;
    padding-bottom: 30%;
    height: 0;
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 60px;
}

@media screen and (max-width: 768px){
  .googleMap{
    padding-top:15%;
  }
  .googleMap h4{
    font-size: 2.0rem;
    line-height: 1.4em;
  }
  .googleMap .google_maps {
    padding-bottom: 65%;
    margin-top: 5%;
    margin-bottom: 10%;
  }
  
  
}



/* -------------------------------- 

footer

 -------------------------------- */

footer{
  padding:50px 0 10px;
  background: #222222;
}
footer .company{
  max-width: 300px;
  margin:0 auto;
}
footer .cv{
  max-width: 340px;
  margin:30px auto;
  display: flex;
    -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
footer .cv li:first-child{
  width: 100%;
  margin-top:3px;
}
footer .cv li img{
  height:60px;
}
footer .copyright{
  font-size: 1.2rem;
  color:#fff;
  text-align: center;
}

.linkBnr {
    position: fixed;
    top:50%;
    right: 0;
    cursor: pointer;
    transform: translate(0,-50%);
    z-index: 999;
}
.linkBnr a{
    background: #005341;
    padding: 20px 20px 60px;
    color: #ffffff;
    font-size: 2.0rem;
    text-align: center;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    letter-spacing: 0.4rem;
    line-height: 1;
    position: relative;
}
.linkBnr a::after{
    content:"";
    display: block;
    width: 5px;
    height:30px;
    background: url(../img/icon_aroow_pc.svg) center center no-repeat;
    background-size: cover;
    position: absolute;
    bottom:20px;
    right:50%;
    transform: translate(50%,0);
}

#pagetop {
    width: 100px;
    height:100px;
    background: rgba(0, 0, 0,0.8);
    border:1px solid #c1c1c1;
    border-radius: 50%;
    padding: 0;
    color: #fff;
    font-size: 90%;
    text-align: center;
    line-height: 100px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    z-index: 999;
}

@media screen and (max-width: 765px){
  
  footer{
    padding:10% 0 20%;
  }
  footer .company{
    max-width: 240px;
    margin:0 auto;
  }
  footer .cv{
    max-width: 95%;
    margin:5% auto;
  }
  footer .cv li{
    width:90%;
    margin:0 auto;
  }
  footer .cv li a{
    display: block;
    text-align: center;
  }
  
  #pagetop {
    right: 2%;
    bottom: 70px;
    width: 80px;
    height:80px;
    border-radius: 50%;
    padding: 0;
    color: #fff;
    font-size: 70%;
    text-align: center;
    line-height: 80px;
  }
  
  .linkBnr {
      width: 100%;
      position: fixed;
      top:auto;
      bottom:0;
      right: 0;
      transform: translate(0);
      z-index: 999;
  }
  .linkBnr a{
      display: block;
      padding: 6% 0;
      font-size: 1.8rem;
      text-align: center;
      writing-mode:inherit;
      letter-spacing: 0.2rem;
      line-height: 1;
      position: relative;
  }
  .linkBnr a::after{
      content:"";
      display: block;
      width: 18px;
      height:18px;
      background: url(../img/icon_aroow_sp.svg) center center no-repeat;
      background-size: cover;
      position: absolute;
      bottom:50%;
      right:5%;
      transform: translate(0,50%);
  }
}