img{display: block;width: 100%;}
.pc{display: block;}
.mobile{display: none !important;}
.section1,.section2,.section2 .section2_1,.section4,.section5,.section6,.section7,.section10,.section11{position: relative;}
.section1 .topBtn {
    position: absolute;
    left: 23%;
    top: 75%;
    width: 170px;
    border-radius: 32px;
  }
  .section1 .topBtn:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }
  .section1 .topBtn img{ display: block; width: 100%;}


.section2 .section2_1 h2{font: bold 2vw/3vw "NOTOSANSJP-REGULAR";color: #333333;position: absolute;top:20%;left: 13.33%;letter-spacing: 0.5vw;}
.section2 .section2_1 p:nth-child(3){font: normal 1.1vw/2vw "NOTOSANSJP-REGULAR";color: #333333;position: absolute;top:20%;left: 53%;letter-spacing: 0.1vw;}
.section2 .section2_1 img:nth-child(4){width: 18.23%;position: absolute;top:30%;left: 53%;}
.section2 .section2_3{margin-top: -110px;position: relative}
.section2 .section2_3 p:nth-child(2){font: bold 2.2vw/3.2vw "NOTOSANSJP-MEDIUM";color: #f7f73b;position: absolute;top:20%;left: 13.33%;letter-spacing: 0.4vw;}
.section2 .section2_3 p:nth-child(3){font: normal 1vw/2vw "NOTOSANSJP-REGULAR";color: #ffffff;position: absolute;top:38%;left: 13.33%;letter-spacing: 0.3vw;}
.section2 .section2_float{width: 73.33%;position: absolute;top: 38.7%;left: 13.33%; }
.section2 .section2_float .section2_float_f{float: left;}
.section2 .section2_float .section2_float_f p{font: bold 2.2vw/3.2vw "NOTOSANSJP-MEDIUM";letter-spacing: 0.3vw;}
.section2 .section2_float .section2_float_f p:nth-child(1){color: #fff;}
.section2 .section2_float .section2_float_f p:nth-child(2){color: #ffffff;}
.section2 .section2_float .section2_float_f p:nth-child(2)>span{font: bold 3vw/3.2vw "NOTOSANSJP-MEDIUM"}
.section2 .section2_float .section2_float_r{float: right;width: 51.18%;margin-top: -2.5%;position: relative;color: #ffffff;}
.section2 .section2_float .section2_float_r p:nth-child(3){font: bold 1.2vw/2vw "NOTOSANSJP-REGULAR";position: absolute;top:20%;left:18%;letter-spacing: 0.1vw;}
.section2 .section2_float .section2_float_r p:nth-child(4){width:72%;font: normal 1vw/2vw "NOTOSANSJP-REGULAR";position: absolute;top:40%;left:18%;letter-spacing: 0.2vw;text-align: justify;}
.section3{padding-top: 8%;}
.section3 h1{font: bold 2.2vw/3.5vw "NOTOSANSJP-REGULAR";text-align: center;color: #333333;letter-spacing: 0.5vw;}
.section3 .section3_bg{background-image: url("../images/VITRIX/box_bg.png");background-repeat: no-repeat;background-size: cover;padding-bottom: 5%}
.section3_bg ul{width:79.4%;margin:4% auto 0 auto;}
.section3_bg ul li{width: 31.9%;display: inline-block;vertical-align: top;transition: .5s ease-in-out;}
.section3_bg ul li:nth-child(1):hover{transform: translateY(10%);}
.section3_bg ul li:nth-child(2):hover{transform: translateY(-10%);}
.section3_bg ul li:nth-child(3):hover{transform: translateY(-18%);}
.section3_bg ul li:nth-child(4):hover{transform: translateY(10%);}
.section3_bg ul li:nth-child(5):hover{transform: translateY(-10%);}
.section3_bg ul li:nth-child(6):hover{transform: translateY(-10%);}
.section3_bg ul li:nth-child(2){margin: 8.5% 1.8% 0 1.8%;}
.section3_bg ul li:nth-child(3){margin: 17% 0 0 0;}
.section3_bg ul li:nth-child(4){margin: -12% 0 0 0;}
.section3_bg ul li:nth-child(5){margin: -3.5% 1.8% 0 1.8%;}
.section3_bg ul li:nth-child(6){margin: 5% 0 0 0;}
.section3_bg ul li div{padding: 6% 7%;}
.section3_bg ul li div p:nth-child(1){font: bold 1.35vw/2.4vw "NOTOSANSJP-REGULAR";color: #333333;margin-bottom: 6%}
.section3_bg ul li div p:nth-child(2){font: normal 1vw/1.5vw "NOTOSANSJP-REGULAR";color: #666666;letter-spacing: 0.3vw;}
.section4 p{background-color: #ffffff; font: normal 2.8vw/3.2vw "NOTOSANSJP-LIGHT";color: #333333;letter-spacing: 0.1vw;padding: 0 1.3% 0 1.7%;}
.section4 p:nth-child(3){position: absolute;top:36.7%;left:12.5%;}
.section4 p:nth-child(4){position: absolute;top:50.5%;left:12.5%;}

.section5 .section5_desc{transition: .5s ease-in-out;cursor:pointer;width:37.53%;height:40.15%;position: absolute;top:29.5%;right:13.33%;background-color: #ffffff;padding: 1% 2.75% 0 2.5%;box-sizing: border-box;}
.section5 .section5_desc h2{font: bold 2.2vw/4.5vw "NOTOSANSJP-MEDIUM";color: #333333;border-bottom: 3px solid #333333;display: inline-block;letter-spacing: 0.45vw;}
.section5 .section5_desc p{font: normal 1.1vw/2.5vw "NOTOSANSJP-REGULAR";color: #666666;margin-top: 4%;letter-spacing: 0.2vw;}
.section5 .section5_desc:hover{transform: translateY(-3%);}
.section6 .section6_desc{position: absolute;top: 14%;left:13.33%;width: 27%}
.section6 .section6_desc h2{font: bold 2.2vw/3vw "NOTOSANSJP-MEDIUM";color: #ffffff;letter-spacing: 0.45vw;}
.section6 .section6_desc p{font: normal 1.1vw/2vw "NOTOSANSJP-REGULAR";color: #ffffff;margin-top: 10%;letter-spacing: 0.1vw;}
.section6 .section6_pic{position: absolute;top: -10%;right:0;width: 57%}
.section6 .section6_pic a{display:block;width:48%;float: left;overflow: hidden}
.section6 .section6_pic a img{transition: .5s ease-out;}
.section6 .section6_pic a:nth-child(2),.section6 .section6_pic a:nth-child(3){float: right;}
.section6 .section6_pic a:nth-child(3){margin-top: 3%}
.section6 .section6_pic a:hover img{transform:scale(1.2)}
.section7 .section7_2{position: absolute;width: 73.33%;bottom: 5%;left: 13.33%;}
.section7 .section7_1{width:100%;text-align: center;font: bold 2.2vw/3.2vw "NOTOSANSJP-MEDIUM";color: #ffffff;letter-spacing: 0.45vw;position: absolute;top:6.7%;}
.section7 .section7_2 h2{display: inline-block;width: 5%;font: bold 4vw/4.7vw "NOTOSANSJP-MEDIUM";color: #ffffff;margin: -3% 9%;}
.section7 .section7_2 ul{float: right;width: 70%;display: inline-block;}
.section7 .section7_2 ul li{width: 48.7%;float: left;background-color: #c8bdc7;border-radius: 10px;overflow: hidden;}
.section7 .section7_2 ul li:nth-child(1){margin-right: 2%}
.section7 .section7_2 ul li p:nth-child(2){font: bold 1.2vw/2.2vw "NOTOSANSJP-REGULAR";color: #010101;padding: 7% 8.5%;letter-spacing: 0.08vw;}
.section7 .section7_2 ul li p:nth-child(3){font: normal 1.1vw/1.8vw "NOTOSANSJP-REGULAR";color: #666666;padding: 0 8.5% 15% 8.5%;letter-spacing: 0.15vw;}

.section9 img{width: 68.8%;margin: 0 auto;}
.section9>p{font: normal 4vw/4.5vw "NOTOSANSJP-LIGHT";color: #3a3a3a;font-style: italic; text-align: center;}
.section9 ul li{width: 25.33%;border-radius: 10px;border: 3px solid #333333;box-sizing: border-box;flex: 1;margin-right: 3%;background-repeat: no-repeat;background-size: 17.1%;background-position: top 18% center;padding:13% 3% 5% 3%;cursor: pointer;transition: .3s cubic-bezier(0.4, 0, 1, 1);}
.section9 ul li:last-child{margin-right: 0;background-image: url("../images/VITRIX/s9_icon3.png");}
.section9 ul li:last-child:hover{margin-right: 0;background-image: url("../images/VITRIX/s9_icon3_w.png");}
.section9 ul{display: flex;width: 79.43%;margin: 5% auto 10% auto;}
.section9 ul li:nth-child(1){background-image: url("../images/VITRIX/s9_icon1.png");}
.section9 ul li:nth-child(1):hover{background-image: url("../images/VITRIX/s9_icon1_w.png");}
.section9 ul li:nth-child(2){background-image: url("../images/VITRIX/s9_icon2.png");}
.section9 ul li:nth-child(2):hover{background-image: url("../images/VITRIX/s9_icon2_w.png");}
.section9 ul li p:nth-child(1){font: bold 1.2vw/3vw "NOTOSANSJP-REGULAR";color: #333333;letter-spacing: 0.15vw;text-align: center;}
.section9 ul li p:nth-child(2){font: normal 1vw/2vw "NOTOSANSJP-REGULAR";color: #333333;letter-spacing: 0.2vw;}
.section9 ul li:hover{background-color: #333333;}
.section9 ul li:hover p:nth-child(1){font: normal 1.2vw/3vw "NOTOSANSJP-BOLD";color: #ffffff;}
.section9 ul li:hover p:nth-child(2){font: normal 1vw/2vw "NOTOSANSJP-REGULAR";color: #ffffff;}

.section10{width: 100%; padding-bottom: 6%;  background-color: #c7bdc6;}
.section10>p{font: normal 2vw/3vw "NOTOSANSJP-MEDIUM";color: #333333;position: absolute;top: 6%;width: 100%;text-align: center;letter-spacing: 0.5vw;}
.section10 .logo1,.section10 .logo2{width:14.5%;position: absolute;top: 38%;}
.section10 .logo1{left: 10%;}
.section10 .logo2{right: 32.4%;}
.section10>div{ width: 80%; margin: 10% auto 0;}
.section10 ul{ width:46.67%;padding: 1.2% 0 0.8% 0;}
.section10 ul li{border-bottom: 2px solid #ded6dc;height: 3vw; line-height: 3vw;}
.section10 ul:nth-child(odd){float: left}
.section10 ul:nth-child(even){float: right}
.section10 ul li div{display: inline-block;font: normal 1vw/1vw "NOTOSANSJP-MEDIUM";vertical-align: middle;}
.section10 ul li div:nth-child(1){width: 28%;color: #333333;}
.section10 ul li div:nth-child(1) span{font: normal 0.7vw/1vw "NOTOSANSJP-MEDIUM";}
.section10 ul li div:nth-child(2){width: 71%;color: #666666;letter-spacing: 0.1vw;}
.section10 ul li div:nth-child(2) span{font: normal 0.7vw/1vw "NOTOSANSJP-MEDIUM";}

.section11>img{position: absolute;width: 40%;top:5%;left:30%;}
.section11 ul{display: flex}
.section11 ul li{flex: 1;padding: 17% 0.3% 7% 0.3%;box-sizing: border-box;text-align: center;}
.section11 ul li:nth-child(1){background-image: linear-gradient(#ffffff 9%,#acced1 ,#acced1,#acced1)}
.section11 ul li:nth-child(1):hover{background-image: linear-gradient(#acced1,#acced1);}
.section11 ul li:nth-child(2){background-image: linear-gradient(#ffffff 9%,#d69fab ,#d69fab,#d69fab)}
.section11 ul li:nth-child(2):hover{background-image: linear-gradient(#d69fab,#d69fab)}
.section11 ul li:nth-child(3){background-image: linear-gradient(#ffffff 9%,#d6cfd5 ,#d6cfd5,#d6cfd5)}
.section11 ul li:nth-child(3):hover{background-image: linear-gradient(#d6cfd5,#d6cfd5)}
.section11 ul li:nth-child(4){background-image: linear-gradient(#ffffff 9%,#cee2f3 ,#cee2f3,#cee2f3)}
.section11 ul li:nth-child(4):hover{background-image: linear-gradient(#cee2f3,#cee2f3)}
.section11 ul li:nth-child(5){background-image: linear-gradient(#ffffff 9%,#c2bac0 ,#c2bac0,#c2bac0)}
.section11 ul li:nth-child(5):hover{background-image: linear-gradient(#c2bac0,#c2bac0)}
.section11 ul li:nth-child(6){background-image: linear-gradient(#ffffff 9%,#e7e4b7 ,#e7e4b7,#e7e4b7)}
.section11 ul li:nth-child(6):hover{background-image: linear-gradient(#e7e4b7,#e7e4b7)}
.section11 ul li img{transition: 0.3s ease-out;}
.section11 ul li:hover img{transform: scale(1.2)}
.section11 ul li p.color{font: normal 1.7vw/3vw "NOTOSANSJP-LIGHT";margin-bottom:27%}
.section11 ul li p.name{font: normal 1vw/3vw "NOTOSANSJP-BOLD";margin-top:15%}
.section11 ul li:nth-child(1) p.color{color: #026359;}
.section11 ul li:nth-child(1) p.name{color: #013631;}
.section11 ul li:nth-child(2) p.color{color: #630227;}
.section11 ul li:nth-child(2) p.name{color: #36010e;}
.section11 ul li:nth-child(3) p.color{color: #7c7c7c;}
.section11 ul li:nth-child(3) p.name{color: #474747;}
.section11 ul li:nth-child(4) p.color{color: #1370ab;}
.section11 ul li:nth-child(4) p.name{color: #05577d;}
.section11 ul li:nth-child(5) p.color{color: #333333;}
.section11 ul li:nth-child(5) p.name{color: #272727;}
.section11 ul li:nth-child(6) p.color{color: #636202;}
.section11 ul li:nth-child(6) p.name{color: #363301;}
.section12{padding: 0 3.5% 7% 3.5%;box-sizing: border-box;}
.section12 h1{font: normal 3.5vw/4vw "NOTOSANSJP-MEDIUM";color: #333333;text-align: center;margin: 6% 0 3% 0;}
.section12 ul{display: flex;}
.section12 ul li{flex: 1;}
.section12 ul li:nth-child(1){margin-right: 1.7%;}
.section12 ul li:nth-child(2){margin-right: 1.7%;}
.section12 ul li a{display: block;overflow: hidden;border-radius: 20px;}
.section12 ul li a:nth-child(1){margin-bottom: 5%}
.section12 ul li a img{transition: 0.3s ease-out;}
.section12 ul li a:hover img{transform: scale(1.2)}