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




#index .box-wrap .box .box-head .sttl { 
font-size: 2.6rem; 
}
.wi1000 {
padding: 5.5rem 0 4rem;
}


/*--------------------------------------
　header
---------------------------------------*/
header{
border-bottom: none;
}



/*--------------------------------------
　keyArea
---------------------------------------*/
.keyArea {
 box-sizing: border-box;
 background: url(img/key.jpg) center bottom no-repeat;
 background-size: cover;
 padding: 60px 10px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.keyArea .inner {
 width: 547px;
 padding: 3.6rem 2.5rem;
 box-sizing: border-box;
 background-color: rgba(255,255,255,0.8);
}
.keyArea .inner .mainTit {
 text-align: center;
 font-size: 2.7rem;
 line-height: 1.2;
 margin: 0 0 20px 0;
 padding: 0 0 20px;
	background: url("./img/analog_line02.png") 0 100% no-repeat;
background-size: auto 3px;
}
.keyArea .inner .mainTxt {
display: block;
padding: 6px 0 0;
font-size: 3.6rem;
}
.keyArea .inner .mainTxt span{
 font-size: 4.5rem;
}

.keyArea .inner p {
 margin-bottom: 0;
}


/*--------------------------------------
　select3
---------------------------------------*/
.select3{
padding: 30px 0;
}
.select3 .areaInner{
width: 1000px;
margin: 0 auto;
}
.select3 .liBox::before {
width: 65px;
background: url(./img/icon_birdtree.png) 0 0 no-repeat;
background-size: 65px auto;
}
.select3 .catch {
font-size: 16px;
font-size: 1.6rem;
}
.select3 .flame{
height: 179px;
}
#index .select3 h3{
background: none;
margin: 0 0 14px;
padding: 0 0 14px;
border: none;
border-bottom: 4px solid #fff;
font-size: 24px;
font-size: 2.4rem;
}
.select3 .btn-internal a {
background: url("./img/arrow01_white_down.svg") 95% 50% no-repeat #a5c97f;
background-size: 18px auto;
}
.select3 .btn-internal a,.select3 .btn-web a {
padding: 18px 30px;
}


/*--------------------------------------
　indexSect
---------------------------------------*/
#index .indexSect{
padding: 60px 0 0;
background: url("./img/icon_tree2.png") 50% 40px no-repeat;
background-size: 76px auto;
}
#index .indexSect h2 { 
 box-sizing: border-box;
 display: table;
 margin: 0 auto 4rem;
 text-align: center;
 color: #444;
 font-size: 2.4rem;
}
#index #sect02{
background: url("./img/icon_tree3.png") 50% 40px no-repeat #fffae7;
background-size: 76px auto;
}
#index .indexSect h2 .ywline { 
display: inline-block;
margin: .5rem 0 0;
background: linear-gradient(transparent 60%, rgba(234,203,67,.5) 60%); 
font-size: 3.4rem;
}
#index .indexSect h2 .grline { 
display: inline-block;
margin: .5rem 0 0;
background: linear-gradient(transparent 60%, rgba(231,240,222,1.0) 60%); 
font-size: 3.4rem;
}
.indexSect .float-wrap p{
line-height: 2.6;
}
.indexSect .float-wrap .btn-link{
margin: 10px 0;
}
.indexSect .float-wrap .btn-link2{
text-align: left;
}

#sect01 .btn-link{
text-align: left;
}


/*--------------------------------------
　addCont
---------------------------------------*/

/*　addCont02
---------------------------------------*/
.addCont02 {
position: relative;
background: url("./img/pt03.jpg") 0 0 repeat;
background-size: auto 200px;
padding: 0 0 30px;
}
#index .addCont02Ttl {
 text-align: center;
 background: none;
 font-size: 3.8rem;
 line-height: 1.2;
 position: relative;
}
#index .addCont02Ttl .fontS{
display: block;
margin: 0 0 6px;
font-size: 2.4rem;
}



.addCont02Box {
 background-color: #fff;
 padding: 2.5rem 5rem 2rem;
 margin: 6rem auto 0;
 position: relative;
}
#index .addCont02BoxTtl {
 margin: 0 -2rem 4rem;
 padding: 0 0 2rem 11rem;
 border-bottom: solid 3px #e0bd87;
background: url(./img/icon_home.png) 10px 10px no-repeat;
background-size: 80px auto;
}
#index .addCont02BoxTtl .catch {
margin: 0 0;
font-size: 24px;
font-size: 2.4rem;
}
#index .addCont02BoxTtl h3{
margin: 0;
padding: 0;
 background: none;
 border: none;
 font-size: 3rem;
}

#index .add02stl{
margin: 0px 0 20px;
}
#index .addCont02Box th {
width: 30%;
padding: 18px 20px;
}
#index .addCont02Box td {
padding: 18px 20px;
font-size: 14px;
font-size: 1.4rem;
}

#index .addCont02Box .btn-web,
#index .addCont02Box .btn-tel {
    width: 520px;
}


.addCont02Box-03 {
margin: 6rem -3rem 0;
padding: 0.5rem 3rem 3rem;
background: url(./img/pt04.jpg) 0 0 repeat;
}
#index .addCont02Box-03 .add02stl{
background: url(./img/icon_bird2.png) 0 10px no-repeat;
background-size: 50px auto;
}
.addCont02Box-03L {
 width: 432px;
 float: left;
margin: 0 10px 0 0;	
}
.addCont02Box-03R {
 width: 432px;
 float: right;
	margin: 0 0 0 10px;
}
.addCont02Box-03 .catch{
margin: 0 0 10px;
font-size:20px;
font-size:2.0rem;
}
.addCont02Box-03 .caption{
text-align: left;
}


.addCont02Box-05{
counter-reset: number 0; 
}
.addCont02Box-05 .noCount{
counter-increment: number 1;
}
#index .addCont02Box-05 .point{margin:20px 0 0;padding: 14px 0 15px 80px;border: none;}
#index .addCont02Box-05 .noCount .point::before {
padding: 15px 0 0 0;
font-size: 10px;
font-size: 1.0rem;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
}
#index .addCont02Box-05 .noCount .point::after {
content: "0"counter(number) ;
position: absolute;
display: block;
width: 54px;
height: 54px;
padding: 20px 0 0;
top: 3px;
left: 3px;
font-size:20px;
font-size:2.0rem;
color: #58891e;
text-align: center;
font-weight: 400;
letter-spacing: 0;
}


.addCont02Box-04{
margin: 0 0 30px;
}
#index .addCont02Box-04 table {
margin: 14px auto;
}
#index .addCont02Box-04 th{
display: block;
width: 100%;
border: none;
background: #e7f0de;
padding: 4px 20px 6px;
border-radius:14px / 50%;
font-size:16px;
font-size:1.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}
#index .addCont02Box-04 td{
display: block;
width: 100%;
border: none;
padding: 10px 0 0;
}
#index .addCont02Box-04 .none{
padding: 14px 0 4px;
text-align: center;
}
#index .addCont02Box-04 ul{
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#index .addCont02Box-04 li{position: relative;width: calc((100% - 180px) / 6);margin: 10px 15px 10px;padding: 6px 6px 6px 56px;background: #f4f1ec;border-radius:4px;text-align: center;font-size:12px;font-size:1.2rem;}
#index .addCont02Box-04 li::before{content: "";position: absolute;top: 0;left: 0;width: 50px;height: 100%;border-radius:4px 0 0 4px;}
#index .addCont02Box-04 li.sugi::before{
background: url(./img/wood_sugi.jpg) 0 0 no-repeat;
background-size: cover;
}
#index .addCont02Box-04 li.hinoki::before{
background: url(./img/wood_hinoki.jpg) 0 0 no-repeat;
background-size: cover;
}
#index .addCont02Box-04 li.hiba::before{
background: url(./img/wood_hiba.jpg) 0 0 no-repeat;
background-size: cover;
}
#index .addCont02Box-04 li.yonematsu::before{
background: url(./img/wood_yonematsu.jpg) 0 0 no-repeat;
background-size: cover;
}
#index .addCont02Box-04 li.akamatsu::before{
background: url(./img/wood_akamatsu.jpg) 0 0 no-repeat;
background-size: cover;
}
#index .addCont02Box-04 li.kiri::before{
background: url(./img/wood_kiri.jpg) 0 0 no-repeat;
background-size: cover;
}
#index .addCont02Box-04 li.tamo::before{
background: url(./img/wood_tamo.jpg) 0 0 no-repeat;
background-size: cover;
}
#index .addCont02Box-04 li.pine::before{
background: url(./img/wood_pine.jpg) 0 0 no-repeat;
background-size: cover;
}
#index .addCont02Box-04 li.sakura::before{
background: url(./img/wood_sakura.jpg) 0 0 no-repeat;
background-size: cover;
}
#index .addCont02Box-04 li.oak::before{
background: url(./img/wood_oak.jpg) 0 0 no-repeat;
background-size: cover;
}
#index .addCont02Box-04 li.bamboo::before{
background: url(./img/wood_bamboo.jpg) 0 0 no-repeat;
background-size: cover;
}




/*　addCont03
---------------------------------------*/
#index .addCont03 .addCont03Ttl {
display: block;
background-color: #f3eed9;
text-align: center;
}
#index .addCont03 .addCont03Ttl a {
display: block;
background: url(img/arrow_bk.svg) no-repeat 98% 52%;
background-size: 8px auto;
padding: 10px 30px;
font-size: 3rem;
}
.addCont03 dl {
 display: table;
 width: 100%;
}
.addCont03 dl dt {
 display: table-cell;
 width: 4em;
 background: #a7bc92;
 padding: 4px 4px 6px;
 color: #fff;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-size: 1.6rem;
 line-height: 1.2;
 vertical-align: middle;
 text-align: center;
}
.addCont03 dl dd {
 display: table-cell;
 padding: 1px 0 0 1rem;
 vertical-align: middle;
 word-break: break-all;
 line-height: 1.4;
	font-size: 1.3rem;
}

.add03b{
background: #f3eed9;
}
#index .add03b .addCont03Ttl a {
background-color: #fff;
}
#index .add03b .frame-wrap {
margin: 30px 0 0;
}
.add03b .frame .frame-head .frame-ttl{
display: block;
width: 100%;
}
#index .add03b .frame .frame-head .frame-ttl a {
display: block;
padding: 10px 3rem;
font-size: 1.6rem;
text-align: center;
}
.add03b .frame .frame-head .frame-ttl a span{
font-size: 2.0rem;
}

#index .add03a .frame .frame-head .frame-ttl{
width: 100%;
}




@media screen and (max-width: 599px) {
 .wi1000 {
  width: 100%;
  margin: 0 auto;
  padding: 30px 10px;
  box-sizing: border-box;
 }
 #index .enTtl {
  font-size: 1.2rem;
  padding: 20px 0 0;
  background-size: 36px auto;
 }
 #index h2 {
  font-size: 2.6rem;
  line-height: 1.4;
  margin: 0 auto 2rem;
 }
 #index .box-wrap .box .box-head .sttl { font-size: 1.8rem; }
 /*--------------------------------------
　keyArea
 ---------------------------------------*/
 .keyArea {
background: url(img/key_sp.jpg) 30% 0 no-repeat;
background-size: cover;
  min-height: inherit;
  padding: 10% 4%;
 }
 .keyArea .inner {
  width: 100%;
 }
 .keyArea .inner .mainTit {
  font-size: 2.4rem;
  padding: 0 0 10px;
 }
 .keyArea .inner .mainTit span { font-size: 3rem; }
 

/*--------------------------------------
　select3
---------------------------------------*/
.select3{
padding: 10px 10px 40px;
}
.select3 .areaInner{
width: auto;
margin: 0;
}
.select3 .sectTtlArea{
margin: 30px 0 30px;
padding: 30px 0 0;
}
#index .select3 .sectTtl{
font-size:2.2rem;
}
.select3 .sectTtl .fontS{
margin: 0 0 6px;
font-size:1.6rem;
}
.select3 .ulBox{
display: block;
}
.select3 .liBox{
width: 100%;
margin: 0 0 30px;
}
.select3 .liBox::before{
top: -20px;
left: 0;
width: 40px;
height: 100px;
background: url(./img/icon_birdtree.png) 0 0 no-repeat;
background-size: 40px auto;
}
.select3 .flame{
height: auto;
}
.select3 .catch {
    font-size: 1.8rem;
}
#index .select3 h3 {
    font-size: 2.0rem;
    padding: 2.0rem 0;
}
#contents .select3 th,
#contents .select3 td{
display: table-cell;
}
#contents .select3 td{
border-left: none;
}
#contents .select3 td:first-of-type {
border-left: none;
}
#contents .select3 ul{
padding: 10px 0;
}
#contents .select3 li{margin: 5px 5px;padding: 4px 4px 4px 65px;}
.select3 .noteCom {
    width: auto;
    margin: 30px 0 0;
}	
	
#contents .select3 li:before{
	width: 60px;
}




 /*--------------------------------------
  addCont
 ---------------------------------------*/

	
 /*　addCont02
 ---------------------------------------*/
.addCont02 {
    padding: 0 0 0;
}
	

#index .addCont02Ttl { 
	font-size: 2.2rem;
}
#index .addCont02Ttl .fontS {
display: block;
margin: 0 0 6px;
font-size: 1.6rem;
}
.addCont02Box {
margin: 3rem auto;
padding: 2rem 1rem;
}
#index .addCont02BoxTtl {
    margin: 0 0 2rem;
    padding: 0 0 2rem 6rem;
    border-bottom: solid 3px #e0bd87;
    background: url(./img/icon_home.png) 0 10px no-repeat;
    background-size: 50px auto;
}
#index .addCont02BoxTtl h3 {
font-size: 2.2rem;
}
#index .addCont02Box-05 .point {padding: 1rem 0 1rem 7rem;min-height: 60px;}
#index .addCont02BoxTtl .catch {
margin: 0 0 4px;
font-size: 1.6rem;
}
 .addCont02Box-03 {
  margin: 4rem auto 0;
  padding: 1rem;
 }
 #index .addCont02Box-03 .addCont02Box-03Ttl {
  font-size: 2.2rem;
  padding: 0 0 0.6rem 4rem;
  background-size: 30px auto;
 }
 #index .addCont02Box-03 table { display: table; }
 #index .addCont02Box-03 table tr { display: table-row; }
 #index .addCont02Box-03 table th,
 #index .addCont02Box-03 table td { display: table-cell; }
 
	
	#index .addCont02Box table {
    margin: 10px auto 30px;
				border-top: 1px solid #ddd;

}
 
	#index .addCont02Box th {
    width: 100%;
    padding: 10px 2rem;
				border-top:none;
}

#index .addCont02Box td {
    padding: 18px 20px;
border-left: 1px solid #ddd;
}	
	
#index .addCont02Box-03 .add02stl {
    background: url(./img/icon_bird2.png) 10px 5px no-repeat;
    background-size: 40px auto;
}	
	
	
#index .addCont02Box-04 table {
    margin: 10px auto 10px;
				border: none;
}
#index .addCont02Box-04 th {
    padding: 2px 2rem 4px;
    border-radius: 14px / 50%;
    font-size: 1.4rem;
}
#index .addCont02Box-04 td {
    padding: 0 0;
				border: none!important;
}
#index .addCont02Box-04 li {
    position: relative;
    width: calc((100% - 40px) / 4);
    margin: 10px 5px 10px;
    padding: 6px 0 6px 30px;
}
#index .addCont02Box-04 li:before {
	width: 30px;
}

#index .addCont02Box .btn-web, #index .addCont02Box .btn-tel {
    width: 90%;
}

.addCont02Box-03 .catch {
    margin: 0 0 6px;
    font-size: 1.8rem;
}
	
	
 /*　addCont03
 ---------------------------------------*/
 #index .addCont03 .addCont03Ttl {
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
 }
 #index .addCont03 .addCont03Ttl a {
  font-size: 2.0rem;
  line-height: 1.4;
 }
 .addCont02Box-03L,
 .addCont02Box-03R {
  width: 96%;
  float: none;
		margin: 20px 2%;
 }
	
#index .addCont02Box-01R ul li {
    width: 30%;
    margin-right: 1rem;
}

#index .addCont02Box-01R ul li:nth-child(3n) {
  margin-right: 0;
}

#index .addCont02Box-01R ul li:nth-child(4n) {
    margin-right: 1rem;
}
	
#index .addCont02Box-01R ul.clm4 li {
    width: 30%;
    margin-right: 1rem;
}

#index .addCont02Box-01R ul.clm4 li:nth-child(3n) {
  margin-right: 0;
}
	
#index .addCont02Box-01R ul.clm4::before, #index .addCont02Box-01R ul.clm4::after {
    content: "";
    width: 48.5%;
    height: 0;
}	



#index .indexSect {
    padding: 50px 0 0;
				background-position: 50% 30px;
    background-size: 60px auto;
}
#index #sect02 {
				background-position: 50% 20px;
    background-size: 60px auto;
}

#index .indexSect h2 {
margin: 0 auto 2rem;
    font-size: 1.6rem;
}
#index .indexSect h2 .grline {
    display: inline-block;
    margin: .5rem 0 0;
    font-size: 2.2rem;
}
#index .indexSect h2 .ywline {
    display: inline-block;
    margin: .5rem 0 0;
    font-size: 2.2rem;
}

.indexSect .float-wrap .btn-link {
    margin: 10px auto;
}
.indexSect .float-wrap p {
    line-height: 1.8;
}

#index .frame-wrap .frame:nth-child(3n) {
    margin: 20px 0 0;
}


}