@charset "UTF-8";
/* CSS Document */

* {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,\6e38\30b4\30b7\30c3\30af,sans-serif;
  color:;
  line-height: 1.3;
  font-weight: normal;
    margin: 0;
 }


main {
    max-width: 1000px;
    margin: auto;	
}

p {
	font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,\6e38\30b4\30b7\30c3\30af,sans-serif;
  font-size: 1em;
  line-height: 1.7;
  font-weight: normal;
  margin:0;
  padding:0; }

a {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: ;
  font-weight: normal;
  font-size: auto; }
a:hover,
a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration:none;
  outline: 0 solid transparent;
  font-weight: normal;
	font-size: auto;
color:;	
}
ul,
ol {
  margin: 0; }
  ul li,
  ol li {
    list-style: none; }

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

/* :: 3.1.0 Spacing */
.mt-15 {
  margin-top: 15px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-50 {
  margin-left: 50px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-50 {
  margin-right: 50px !important; }



/* br none */
 
@media screen and (max-width: 577px) {
	.none-sp { display:none !important; }
}

@media screen and (max-width: 769px) {
	.none-sptab { display:none !important; }
}

@media screen and (min-width: 577px) {
	.none-tabpc { display:none !important; }
}

@media screen and (min-width: 767px) {
	.none-tabpc2 { display:none !important; }
}


@media screen and (min-width: 992px) {
	.none-pc { display:none !important; }
}


/* rowを使わない中央表示用 */
.flex_only {
display:flex ;	
}

/* rowを使うcol */
.flex {
display:flex ;	
}
@media screen and (max-width: 568px) { 
.flex {
display:inherit;	
}
}


/* 中央表示 */
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
	justify-content: center !important;
    margin: auto;
}



/* 内容の中央表示 */

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
	align-items: center !important;
	 margin: auto;
	
}


.navbar {
	font-weight: 400;
    font-size: 0.7rem;
    letter-spacing: 0.01em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    min-height: 7em;
	background-color: #f8f5e3;
}

/*   */
#logo {
	 margin: auto ;
	background-color:;
	text-align: center;
}

.nest1 {
	position: absolute;
	right: 0;
}
.bird1 {
	width: 100px;
	position:relative;	
	 top: 10px;
    right: 0;
    bottom: 0;
	left: 0;
		z-index:1;
}


.nest2 {
    position: absolute;
}
.bird2 {
	width: 100px;
	position:relative;	
	 top: -82px;
    right: 0;
    bottom: 0;
	left: 0;
		z-index:1;
}
/*   */

section {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 992px) {
    section {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }
}
/*   */


.slide_area {
    height: 50em;	
}

@media screen and (max-width: 577px) { 
	.slide_area {
	 height: 23em;	
}}

.header-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}



/* スイッチ */

.bg-holder.overlay:before {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0);
    top: 0;
    bottom: 0;
    left: 0;
	right: 0;
}

.btn-flat-border {
  display: inline-block;
  padding: 1.5em 1em;
  text-decoration: none;
		color: #42332C;
  border: solid 1px;
	border-color: #cac7bc;	
	border-radius: 3px;
	transition: .4s;
	width:100%;
	margin:1em 0 0;

}

.btn-flat-border:hover {
  background: #544445;
  color: #fff;
}

p.btnTXT {
	font-weight: 400;
    font-size: 1em;
    letter-spacing: 0.01em;
	    line-height: 1.7;
}


div.company_area {
padding:2em;	
}
h1.company {
	font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,\6e38\30b4\30b7\30c3\30af,sans-serif;
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: bold;
  margin:0;
	padding:0; 
	letter-spacing: 2px;	
}

span.small {
	font-size: 0.7em;
	color:#B8AF88;
}

p.company_up {
	font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,\6e38\30b4\30b7\30c3\30af,sans-serif;
  font-size: 0.9em;
  line-height: 2.5;
      font-weight: bold;
	margin: 2em 0 0; 
letter-spacing: 0px;	
}


p.company_down {
	font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,\6e38\30b4\30b7\30c3\30af,sans-serif;
  font-size: 1em;
  line-height: 2;
  font-weight: normal;
  margin:0;
	padding:0;
letter-spacing: 1px;}