#pageSection{
 background: url(../img/wood/page.jpg) center center;
 background-size: cover;
}

#sec1 .photos{
 display: flex;
}
#sec1 .photos .photo1{
 margin-right: 1.5%;
}
#sec1 .photos .photo3{
 margin-top: 5%;
}
#sec2 .text{
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
 background: url(../img/wood/img1.png) no-repeat left center,url(../img/wood/img2.png) no-repeat right center;
}
#sec3 .bg{
 background: url(../img/wood/bgtext.png) no-repeat right top;
 background-size:  10% auto;
 background-position: top 15% right 2%;
}
#sec3 .box{
 display: flex;
 line-height: 2em;
 color: #171C61;
}
#sec3 .box.reverse{
 flex-direction: row-reverse;
}
#sec3 .box h3{
 background: #171C61;
 color: #fff;
 text-align: center;
 padding: 5px;
 font-size: 150%;
 margin-bottom: 20px;
 border-radius: 10px;
}
#sec3 .box .img{
 width: 60%;
 overflow: hidden;
 border-radius: 20px;
}
#sec3 .box .text{
 width: 40%;
 align-self: center;
}
#sec3 .box .text .inner{
 background: #fff;
 border-radius: 20px;
 padding: 30px;
 width: 100%;
 position: relative;
 left: -60px;
 min-height: 150px;
}
#sec3 .box.reverse .text .inner{
 left: 0px;
}
.pageLink li{
 width: 500px;
 height: 500px;
 margin: 10px;
}
.pageLink li a{
 display: block;
 width: 500px;
 height: 500px;
 display: flex;
 justify-content: center;
}
.pageLink li a span{
 align-self: center;
}
.pageLink li.link1{
 background: url(../img/wood/bgCircle1.png) no-repeat center center;
 background-size: 100%;
}
.pageLink li.link2{
 background: url(../img/wood/bgCircle2.png) no-repeat center center;
 background-size: 100%;
}

/*
===================================================
        pc small
===================================================
*/
@media screen and (max-width: 1150px) {
 #sec2 .text{
  background: none;
 }
 #sec3 .bg{
  background: none;
 }
 #sec3 .box{
  display: block;
 }
 #sec3 .box h3{
  font-size: 150%;
 }
 #sec3 .box .img{
  width: auto;
 }
 #sec3 .box .text{
  width: auto;
 }
 #sec3 .box .text .inner{
  padding: 10px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  top: -40px;
 }
 .pageLink li{
  width: auto;
  min-width: 300px;
  height: auto;
  margin: 10px;
  border-radius: 20px;
 }
 .pageLink li a{
  display: block;
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  padding: 20px 15px;
 }
 .pageLink li a span{
  align-self: center;
 }
 .pageLink li.link1{
  background: url(../img/wood/bgCircle1.png) no-repeat center center;
  background-size: 120%;
 }
 .pageLink li.link2{
  background: url(../img/wood/bgCircle2.png) no-repeat center center;
  background-size: 120%;
 }
}

/*
===================================================
        sp
===================================================
*/
@media screen and (max-width: 768px) {

}