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

#main_v{
  background:url(../img/mainv_bg.jpg) center center /cover no-repeat;
}
.navi{
  margin-top:4.5rem;
}
.navi ul{
  width:105%;
  justify-content: flex-start
}
.navi li{
  width:30.4%;
  margin-right:2%;
  margin-bottom:1em;
}
.navi li a{
  border:solid 1px;
  color:#cd9d37;
  font-size:1.8rem;
  text-align:center;
  display:block;
  border-radius:0.3em;
  padding:0.5em 0;
  transition-duration: 0.3s;
  position:relative;
}
.navi li a:after {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    right: 1em;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.15em solid #cd9d37;
    border-right: 0.15em solid #cd9d37;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.navi li a:hover{
  opacity:0.7;
}
.navi li a span{
  color:#000;
  display:block;
  text-align:center;
  font-size:1.6rem;
}

main .factory_box{
  margin-top:3em;
}
main .factory_box h3{
  font-size:2.8rem;
  margin-bottom:0.5em;
}
main .factory_box .flex > img{
  width:36.25%;
}
main .factory_box .flex div{
  width:60%;
}
main .factory_box .flex div p{
  margin-bottom:0.7em;
}
main .factory_box .flex div dl{
  border-top:1px solid #dcb053;
  border-bottom:1px solid #dcb053;
  padding:1em 0;
  margin-top:1em;
}
main .factory_box .flex div dl dt{
  font-size:2rem;
  color:#cd9d37;
}
main .factory_box .flex div dl dd{
  margin-bottom:2em;
}
main .factory_box .flex div dl dd:last-child{
  margin-bottom:0px;
}



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

  
}


@media screen and (max-width: 767px) {
  
  #main_v {
    background: url(../img/mainv_bg.jpg) center center /420% no-repeat;
}
  .navi ul{
    align-items: stretch;
  }
  .navi li {
    width: 46.5%;
}
  .navi li a {
    font-size: 1.6rem;
    line-height:1.3;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height:100%;
}
  .navi li a span {
    font-size: 1.4rem;
    margin-top:0.5em;
}
  .navi li a:after{
    right:0.5em;
  }
  main .factory_box h3 {
        font-size: 2.2rem;
}

  main .factory_box .flex {
    display:block;
}
  main .factory_box .flex > img {
    width: 100%;
    margin-bottom:1em;
}
  main .factory_box .flex div {
    width: 100%;
}


}