img{display: block;width: 100%;}
.mobile{display: block;}
.pc{display: none !important;}
html{ overflow-x: hidden;}
.section1,.section2,.section2 .section2_1,.section4,.section5,.section6,.section7,.section10,.section11{position: relative;}
.section1 .topBtn {
    position: absolute;
    left: 13%;
    top: 75%;
    width: 1.7rem;
    border-radius: .6rem;
  }

.section1 .topBtn img{ display: block; width: 100%;}
.section2 .section2_1 h2{font: bold 0.25rem/0.35rem "NOTOSANSJP-REGULAR";color: #333333;position: absolute;top:20%;left: 4%;letter-spacing: 0.5vw;}
.section2 .section2_1 p:nth-child(3){font: normal 0.15rem/0.3rem "NOTOSANSJP-REGULAR";color: #333333;position: absolute;top:20%;left: 53%;letter-spacing: 0.2vw;    padding-right: 4%;box-sizing: border-box;}
.section2 .section2_1 img:nth-child(4){width: 27%;position: absolute;top:53%;left: 68%;}
.section2 .section2_3{margin-top: -110px;position: relative}
.section2 .section2_3>p:nth-child(2){font: bold 0.28rem/0.3rem "NOTOSANSJP-MEDIUM";color: #f7f73b;position: absolute;top:53%;left: 4%;letter-spacing: 0.4vw;}
.section2 .section2_3>p:nth-child(3){font: normal 0.20rem/0.3rem "NOTOSANSJP-REGULAR";color: #ffffff;position: absolute;top:71%;left: 4%;letter-spacing: 0.3vw;}
.section2 .section2_3 div.mobile{background-color: #242523;padding: 0.5rem 0.3rem;}
.section2 .section2_3 div.mobile p:nth-child(1){font: bold 0.28rem/0.35rem "NOTOSANSJP-MEDIUM";color: #f7f73b;}
.section2 .section2_3 div.mobile p:nth-child(2){font: normal 0.24rem/0.3rem "NOTOSANSJP-REGULAR";color: #ffffff;margin-top: 0.2rem}
.section2 .section2_float{width: 100%;}
.section2 .section2_float .section2_float_f{float: left;}
.section2 .section2_float .section2_float_f p{font: bold 0.25rem/0.35rem "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 img:nth-child(1){
    transform:skewY(3.5deg);
    -ms-transform:skewY(3.5deg); 	/* IE 9 */
    -moz-transform:skewY(3.5deg); 	/* Firefox */
    -webkit-transform:skewY(3.5deg); /* Safari 和 Chrome */
    -o-transform:skewY(3.5deg); 	/* Opera */}
.section2 .section2_float .section2_float_r{float: right;width: 100%;margin-top: -3.2%;position: relative;color: #ffffff;}
.section2 .section2_float .section2_float_r p:nth-child(3){font: bold 0.15rem/0.15rem "NOTOSANSJP-REGULAR";position: absolute;top:20%;left:18%;letter-spacing: 0.1vw;}
.section2 .section2_float .section2_float_r p:nth-child(2){font: bold 0.25rem/0.25rem "NOTOSANSJP-REGULAR";position: absolute;top:80%;left:2%;}
.section2 .section2_float .section2_float_r p:nth-child(4){width:74%;font: normal 0.24rem/0.3rem "NOTOSANSJP-REGULAR";position: absolute;top:34%;left:18%;letter-spacing: 0.2vw;text-align: justify;}

.section4 p{background-color: #ffffff; font: normal 0.3rem/0.5rem "NOTOSANSJP-LIGHT";color: #333333;letter-spacing: 0.1vw;padding: 0 1.3% 0 1.7%;}
.section4 p:nth-child(3){position: absolute;top:41.7%;left:12.5%;}
.section4 p:nth-child(4){position: absolute;top:59.5%;left:12.5%;}

.section5 .section5_desc{transition: .5s ease-in-out;cursor:pointer;width:100%;background-color: #ffffff;padding: 0.3rem 0.3rem 0.5rem 0.3rem;box-sizing: border-box;}
.section5 .section5_desc h2{font: bold 0.3rem/0.35rem "NOTOSANSJP-MEDIUM";color: #333333;border-bottom: 3px solid #333333;display: inline-block;letter-spacing: 0.45vw;}
.section5 .section5_desc p{font: normal 0.24rem/0.35rem "NOTOSANSJP-REGULAR";color: #666666;margin-top: 4%;letter-spacing: 0.2vw;}
.section5 .section5_desc:hover{transform: translateY(-3%);}
.section6 .section6_desc{position: absolute;top: 60%;left:3%;width: 96%}
.section6 .section6_desc h2{font: bold 0.36rem/0.5rem "NOTOSANSJP-MEDIUM";color: #ffffff;letter-spacing: 0.45vw;}
.section6 .section6_desc p{font: normal 0.24rem/0.35rem"NOTOSANSJP-REGULAR";color: #ffffff;margin-top: 7%;letter-spacing: 0.1vw;}
.section6 .section6_pic{position: absolute;top: 3%;right:3%;width: 94%}
.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{background-color: #c8c8c8;}
.section7 .section7_2{width: 100%;background-image:linear-gradient(#c8c8c8,#dfd8de);padding-bottom: 1rem;overflow: hidden;}
.section7 .section7_1{width:100%;text-align: center;font: bold 0.34rem/0.4rem "NOTOSANSJP-MEDIUM";color: #ffffff;letter-spacing: 0.45vw;position: absolute;top:5.2%;}
.section7 .section7_2>img{width: 60%;margin: 0.2rem auto 0 auto;}
.section7 .section7_2 h2{display: inline-block;width: 100%;text-align:center;font: bold 0.36rem/1rem"NOTOSANSJP-MEDIUM";color: #ffffff;letter-spacing: 0.15rem;}
.section7 .section7_2 ul{width: 96%;margin: 0 auto;}
.section7 .section7_2 ul li{width: 48.7%;max-height: 5.5rem;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 0.2rem/0.3rem "NOTOSANSJP-REGULAR";color: #010101;padding: 7% 2.5%;letter-spacing: 0.08vw;}
.section7 .section7_2 ul li p:nth-child(3){font: normal 0.2rem/0.3rem "NOTOSANSJP-REGULAR";color: #666666;padding: 0 2.5% 15% 2.5%;letter-spacing: 0.15vw;}

.section3 h1{ padding: .5rem .3rem; font: bold .32rem/.6rem "NOTOSANSJP-REGULAR";text-align: center;color: #333333;letter-spacing: 0.5vw;}
.section3 .section3_bg{ background-color: #f1f1f1;}
.section3_bg ul li{ margin: 0 .3rem .4rem;}
.section3_bg ul li div{padding: .3rem;}
.section3_bg ul li div p:nth-child(1){font: bold .32rem/.52rem "NOTOSANSJP-REGULAR";color: #333333;margin-bottom: 6%}
.section3_bg ul li div p:nth-child(2){font: normal .28rem/.52rem "NOTOSANSJP-REGULAR";color: #666666;letter-spacing: 0.3vw;}

.section9{ padding-top: .5rem;}
.section9 img{width: 68.8%;margin: 0 auto;}
.section9>p{font: normal .28rem/.8rem "NOTOSANSJP-LIGHT";color: #3a3a3a;font-style: italic; text-align: center;}
.section9 ul li{ margin: 0 .3rem .4rem; border-radius: .1rem; border: 3px solid #333333; box-sizing: border-box; background-repeat: no-repeat;background-size: 17.1%;background-position: top 12% center;padding: 2rem .3rem .5rem;cursor: pointer;transition: .3s cubic-bezier(0.4, 0, 1, 1);}
.section9 ul li:last-child{ background-image: url("../images/VITRIX/s9_icon3.png");}
.section9 ul li:last-child:hover{ background-image: url("../images/VITRIX/s9_icon3_w.png");}
.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 .32rem/.8rem "NOTOSANSJP-REGULAR";color: #333333;letter-spacing: 0.15vw;text-align: center;}
.section9 ul li p:nth-child(2){font: normal .28rem/.52rem "NOTOSANSJP-REGULAR";color: #333333;letter-spacing: 0.2vw;}
.section9 ul li:hover{background-color: #333333;}
.section9 ul li:hover p:nth-child(1){color: #ffffff;}
.section9 ul li:hover p:nth-child(2){color: #ffffff;}


.section10{ position: relative; width: 100%; padding-bottom: .5rem;  background-color: #c7bdc6;}
.section10 .bg{width: 130%;margin-left: -15%;}
.section10>p{font: normal .28rem/1rem "NOTOSANSJP-MEDIUM";color: #333333; width: 100%; text-align: center;letter-spacing: 0.5vw;}
.section10 .logo1,.section10 .logo2{ display: block; max-width: 50%; margin: .5rem auto .3rem;}
.section10 ul{ width: 100%; padding: 0 .3rem; box-sizing: border-box;}
.section10 ul li{border-bottom: 2px solid #ded6dc; padding: .2rem 0; }
.section10 ul li div{display: inline-block;font: normal .28rem/.52rem "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 .28rem/.52rem "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.28rem/.52rem "NOTOSANSJP-MEDIUM";}

.section11{ padding-top: .4rem;}
.section11>img{ display: block; margin: 0 auto; width: 70%;}
.section11 ul{}
.section11 ul li{float: left; width: 50%; padding: .8rem .3rem .5rem; 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 p.color{font: normal .4rem/.8rem "NOTOSANSJP-LIGHT";margin-bottom:27%}
.section11 ul li p.name{font: normal .28rem/.8rem "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 .3rem 7%; box-sizing: border-box;}
.section12 h1{font: normal .44rem/1rem "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)}
/* ----------------------------------- */