@charset "UTF-8";

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}@media screen and (min-width:768px){html{font-size:75%}}@media screen and (max-width:767px){html{font-size:62.5%}}body{color:#000;line-height:1.8;font-size:1.7rem;font-smoothing:antialiased;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;vertical-align:baseline;text-decoration:none;color:inherit;outline:0}ins{text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:middle;width:100%;max-width:100%;height:auto;font-style:italic;shape-margin:0.75rem;background-repeat: no-repeat;background-size: cover;}button,img{line-height:1}button{background-color:transparent;border:0;cursor:pointer;padding:0;appearance:none}:focus,button{outline:0}*{box-sizing:border-box}
*{
	min-height:0;
	min-width : 0;
}
body {
  line-height: 1.8;
  color: #707070;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1.4rem;
  }
}

a{
  transition: ease .3s;
}

a[href^="tel:"] {
	pointer-events: none;
}

#header{
  padding: 20px;
  text-align: center;
  background: #fff;
}

#header h1{
  width: 268px;
  margin: 0 auto;
}

.index_copy{
  padding: 180px 20px;
  text-align: center;
  font-size: 2rem;
  background: url(../img/catch.png) no-repeat center top / cover;
}

.index_copy .txt1{
  font-size: 3.8rem;
  letter-spacing: 0.18em;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px){
  .index_copy{
    padding: 50px 5.3vw;
    font-size: 1.5rem;
  }
  .index_copy .txt1{
    font-size: 1.7rem;
    margin-bottom: 20px;
  }
}

.index_about{
  padding: 120px 20px;
  text-align: center;
}

.index_about h2{
  letter-spacing: 1.8px;
  font-weight: 500;
  font-size: 3.8rem;
}

.index_about p{
  margin-top: 30px;
}

@media screen and (max-width: 767px){
  .index_about{
    padding: 60px 5.3vw;
  }
  .index_about h2{
    font-size: 2.7rem;
  }
  .index_about p{
    margin-top: 30px;
    text-align: left;
  }
}

#footer{
  padding: 50px 20px;
  text-align: center;
  background: #f4efe4;
}

#footer .f_logo a{
  display: block;
  width: 140px;
  margin: 0 auto;
}

#footer .txt{
  margin-top: 40px;
}

#footer .txt span{
  display: block;
  font-size: 2.2rem;
}

#footer .sns{
  width: 20px;
  margin: 10px auto 0 auto;
}

#copy{
  display: block;
  text-align: center;
  color: #fff;
  background: #847e70;
  font-size: 1.2rem;
  padding: 5px;
}