@charset "UTF-8";







.anchorLinkArea{



    width: 100%;



    padding: 90px 0 95px;



    background: #f8f8f9;



    margin-bottom: 128px;



}







.anchorLinkArea ul{



    width: 100%;



    max-width: 960px;



    margin: 0 auto;



    display: flex;



    justify-content: space-between;



}







.anchorLinkArea ul li{



    width: 25%;



}







.anchorLinkArea ul li a{



    width: 100%;



    height: 312px;



    border-left: 1px solid #bfbfbf;



    padding: 165px 0 0;



    text-align: center;



    position: relative;



    display: block;



    font-size: 22px;



    line-height: 1.318;



    transition: all 0.2s ease-out;



}







.anchorLinkArea ul li:nth-child(1) a{



    border-left: none;



    background: url("../images/products/anchor-icon01.png") no-repeat center top 37px;



    background-size: 126px auto;



}







.anchorLinkArea ul li:nth-child(2) a{



    background: url("../img/anchor-icon05.png") no-repeat center top 37px;



    background-size: 126px auto;



}







.anchorLinkArea ul li:nth-child(3) a{



    background: url("../images/products/anchor-icon03.png") no-repeat center top 37px;



    background-size: 126px auto;



}







.anchorLinkArea ul li:nth-child(4) a{



    background: url("../images/products/anchor-icon04.png") no-repeat center top 37px;



    background-size: 126px auto;



}







.anchorLinkArea ul li a::before{



    content: "";



    position: absolute;



    bottom: 40px;



    left: 50%;



    border-bottom: solid 2px #bfbfbf;



    border-right: solid 2px #bfbfbf;



    width: 11px;



    height: 11px;



    transform: translateX(-50%) rotate(45deg);



}







.anchorLinkArea ul li a span{



    display: block;



    font-size: 16px;



    color: #adadad;



    margin-top: 4px;



    font-family: 'Oswald', sans-serif;



    letter-spacing: 0.1em;



}







.anchorLinkArea ul li a:hover{



    opacity: 0.5;



    text-decoration: none;



}







.title{



    width: 100%;



    max-width: 1050px;



    margin: 0 auto 56px;



    padding: 0 30px;



}







#sec01{



    background: url("../images/products/product-icon01.png") no-repeat center left 30px;



    background-size: 151px auto;



}







#sec02{



    background: url("../images/products/product-icon02.png") no-repeat bottom left 30px;



    background-size: 151px auto;



    padding-top: 148px;



    margin-top: 176px;



}







#sec03{



    background: url("../images/products/product-icon03.png") no-repeat bottom left 30px;



    background-size: 151px auto;



    padding-top: 148px;



}







#sec04{



    background: url("../images/products/product-icon04.png") no-repeat bottom left 30px;



    background-size: 151px auto;



    padding-top: 148px;



    margin-top: 176px;



}







.title div{



    padding: 36px 0 0 188px;



    font-size: 40px;



    height: 151px;



    line-height: 1;



}







.title div span{



    font-size: 22px;



    color: #adadad;



    display: block;



    margin-top: 14px;



    font-family: 'Oswald', sans-serif;



    letter-spacing: 0.1em;



}







.bgGray{



    width: 100%;



    background: #f8f8f9;



    padding-bottom: 200px;



}







@media screen and (max-width: 767px) {







.anchorLinkArea{



    padding: 4.8177vw 0 5.598vw;



    margin-bottom: 8.59375vw;



}







.anchorLinkArea ul{



    width: 94.921875vw;



    flex-wrap: wrap;



    position: relative;



}







.anchorLinkArea ul::before{



    content: "";



    position: absolute;



    top: 0;



    left: 50%;



    transform: translateX(-50%);



    width: 0.133vw;



    height: 100%;



    background: #bfbfbf;



}







.anchorLinkArea ul::after{



    content: "";



    position: absolute;



    top: 50%;



    left: 50%;



    transform: translateX(-50%) translateY(-50%);



    width: 2vw;



    height: 4.166vw;



    background: #f8f8f9;



}







.anchorLinkArea ul li{



    width: 46.5%;



}







.anchorLinkArea ul li a{



    height: 54.6875vw;



    border-left: none;



    padding: 27.34375vw 0 0;



    font-size: 4.6875vw !important;



}







.anchorLinkArea ul li:nth-child(1) a{



    border-bottom: 0.13vw solid #bfbfbf;



    background: url("../images/products/anchor-icon01.png") no-repeat center top 9.5vw;



    background-size: 22vw auto;



}







.anchorLinkArea ul li:nth-child(2) a{



    border-bottom: 0.13vw solid #bfbfbf;



    background: url("../img/anchor-icon05.png") no-repeat center top 7.8125vw;



    background-size: 22vw auto;



}







.anchorLinkArea ul li:nth-child(3) a{



    background: url("../images/products/anchor-icon03.png") no-repeat center top 9.5vw;



    background-size: 22vw auto;



}







.anchorLinkArea ul li:nth-child(4) a{



    background: url("../images/products/anchor-icon04.png") no-repeat center top 9.5vw;



    background-size: 22vw auto;



}



.anchorLinkArea ul li:nth-child(5) a{



    border-top: 0.13vw solid #bfbfbf;



    background: url("../images/products/anchor-icon04.png") no-repeat center top 7.8125vw;



    background-size: 22vw auto;



}







.anchorLinkArea ul li a::before{



    bottom: 5.859vw;



    border-bottom: solid 0.39vw #bfbfbf;



    border-right: solid 0.39vw #bfbfbf;



    width: 1.8229vw;



    height: 1.8229vw;



}







.anchorLinkArea ul li a span{



    font-size: 3.3854vw !important;



    margin-top: 1.3vw;



}







.anchorLinkArea ul li a:hover{



    opacity: 1;



}







.title{



    width: 94.921875vw;



    margin: 0 auto 2vw;



    padding: 0;



}







#sec01{



    background: url("../images/products/product-icon01.png") no-repeat center left;



    background-size: 32.6822916vw auto;



}







#sec02{



    background: url("../images/products/product-icon02.png") no-repeat bottom left;



    background-size: 32.6822916vw auto;



    padding-top: 13vw;



    margin-top: 0;



}







#sec03{



    background: url("../images/products/product-icon03.png") no-repeat bottom left;



    background-size: 32.6822916vw auto;



    padding-top: 13vw;



}







#sec04{



    background: url("../images/products/product-icon04.png") no-repeat bottom left;



    background-size: 32.6822916vw auto;



    padding-top: 13vw;



    margin-top: 0;



}







.title div{



    padding: 10.4166vw 0 0 39vw;



    font-size: 7.1614vw;



    height: 32.6822916vw;



}







.title div span{



    font-size: 3.9vw;



    margin-top: 2.864vw;



}







.bgGray{



    padding-bottom: 0;



}







}