/* top ----------------------------------------------- */ body { background-image: none!important;} #zj_ma17 { position: relative; width: 100%; background-color: #fff; color: #000; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #zj_ma17-top { position: relative; z-index: 90; width: 100%; } #zj_ma17-top .video-wrap{ position: relative; height: 94vh; width: 100%; background: #000; min-height: 500px; overflow: hidden; } #zj_ma17-top .video-wrap video { min-width: 100%; min-height: 100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); margin: auto; } #zj_ma17-top h1 { width: 100%; margin: auto; position:relative; } @media screen and (min-width:737px){ body {font-size: 70%;} #zj_ma17-gNav ul.inner { display: block!important; height: auto!important;} } @media screen and (max-width:736px){ body { font-size: 75%; } } /* gNav ----------------------------------------------- */ #zj_ma17-gNav { position: relative; z-index: 100; width: 100%; background: #B78380; position: sticky;top: 0; } #zj_ma17-gNav ul { width: 800px; height: 60px; } #zj_ma17-gNav li { width: 25%; float: left; line-height: 60px; text-align: center; } #zj_ma17-gNav li a { width: 100%; height: 60px; display: block; text-decoration: none; color: #fff; } #zj_ma17-gNav.fixed { /*position: fixed;*/ top: 0; z-index: 100; } @media screen and (min-width:737px){ #zj_ma17-gNav li { font-size: 16px; } #zj_ma17-gNav li a:hover { background: rgba(0,0,0,.05); color: #FFF; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } } @media screen and (max-width:736px){ #zj_ma17-gNav { border-bottom: 1px solid #333; position: relative; position: sticky; top:50px;} #zj_ma17-gNav p { width: 100%; height: 50px; line-height: 50px; padding: 0 3%; background: url(../img/arrow3.svg) no-repeat 97% center; background-size:18px; color:#FFF;} #zj_ma17-gNav p.active { background: url(../img/arrow3_on.svg) no-repeat 97% center; background-size:18px; } #zj_ma17-gNav ul { width: 100%; border-top: 1px solid #333; height:-webkit-calc(100% - 100px); height:calc(100% - 100px); overflow: auto; background: rgba(34,34,34,0.9); padding: 0!important; position: absolute; top: 50px; display: none; } #zj_ma17-gNav li { width: 100%; height: 50px; line-height: 50px; text-align: left; border-bottom: 1px solid #333; background: #FFF; } #zj_ma17-gNav li:last-child { border-bottom: none; } #zj_ma17-gNav li a { padding: 0 3%; color:#111; } #zj_ma17-gNav.fixed { top: 50px; } } /* feature ----------------------------------------------- */ #zj_ma17-feature { position: relative; z-index: 70; padding-top: 60px; margin-top: -60px; width: 100%; min-width: 964px; background: #FFF; } #zj_ma17-feature .feature-main{ text-align: center; } #zj_ma17-feature .feature-main ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #zj_ma17-feature .feature-main ul li { } #zj_ma17-feature .feature-main ul li img { width:100%; height:auto; } #zj_ma17-feature .feature-main div ul li { width: 24vw; } #zj_ma17-feature .feature-main h2{ width:auto; margin: 80px auto 45px; text-align:center; font-size:55px; color:#009fa8; } #zj_ma17-feature .feature-main p.txt01{ font-size: 202%; margin-bottom: 10px; } #zj_ma17-feature .feature-main p.btn01 a { font-size: 202%; color: #006cb8; background: #fff462; padding: 0 30px; height: 60px; line-height: 60px; display: inline-block; border-radius: 30px; } #zj_ma17-feature .feature-box { padding: 90px 0; position: relative; } #zj_ma17-feature .feature-box .fb1 { height:43.83989993746091vw; background-image:url(../images/cm-dc94/feature-box1.jpg); background-repeat:no-repeat; background-size:cover; position:relative;} #zj_ma17-feature .feature-box .fb1 .fbInner { position:absolute; left:56.41025641025641vw; top:6.128830519074422vw; } #zj_ma17-feature .feature-box .fb1 .fbInner h4,#zj_ma17-feature .feature-box .fb1 .fbInner h3 { color:#009fa8; } #zj_ma17-feature .feature-box .fb1 .fbInner h3 { font-size:3.439649781113196vw; line-height:1; font-weight:bold; margin-bottom:.2em; } #zj_ma17-feature .feature-box .fb1 .fbInner h3 span { font-size:1.876172607879925vw; display:block; margin-bottom:.5em; font-weight:normal; color:#000; } #zj_ma17-feature .feature-box .fb1 .fbInner h4 { font-size:8.755472170106316vw; line-height:0; font-weight:bold;} #zj_ma17-feature .feature-box .fb1 .fbInner h4 span { font-size:5.003126954346467vw; font-weight:normal; } #zj_ma17-feature .feature-box .fb1 .fbInner p { font-size:1.250781738586617vw; line-height:1.5; margin-top:1.250781738586617vw; } #zj_ma17-feature .feature-box .fb1 .fbInner p.graph img { width:23.70231394621639vw; height:auto; } #zj_ma17-feature .feature-box .fb1 .fbInner h4 img { width:14.75922451532208vw; height:auto; } #zj_ma17-feature .feature-box .fb2 { height:43.77736085053158vw; background-image:url(../images/cm-dc94/fb2.jpg); background-repeat:no-repeat; background-size:cover; position:relative;} #zj_ma17-feature .feature-box .fb2 .fbInner { position:absolute; left:20.01250781738587vw; top:6.253908692933083vw; } #zj_ma17-feature .feature-box .fb2 .fbInner h4,#zj_ma17-feature .feature-box .fb2 .fbInner h3 { color:#FFF; } #zj_ma17-feature .feature-box .fb2 .fbInner h3 { font-size:3.439649781113196vw; line-height:1; font-weight:bold; margin-bottom:.2em; color:#FFF; } #zj_ma17-feature .feature-box .fb2 .fbInner h3 span { font-size:1.876172607879925vw; display:block; margin-bottom:.5em; font-weight:normal; color:#FFF; } #zj_ma17-feature .feature-box .fb2 .fbInner h4 { font-size:8.755472170106316vw; line-height:0; font-weight:bold;} #zj_ma17-feature .feature-box .fb2 .fbInner h4 span { font-size:5.003126954346467vw; font-weight:normal; } #zj_ma17-feature .feature-box .fb2 .fbInner p { font-size:1.250781738586617vw; line-height:1.5; margin-top:1.250781738586617vw; color:#FFF; } #zj_ma17-feature .feature-box .fb2 .fbInner p.graph img { width:23.70231394621639vw; height:auto; } #zj_ma17-feature .feature-box .fb2 .fbInner h4 img { width:14.75922451532208vw; height:auto; } #zj_ma17-feature .feature-box .fb2 .fbInner h3 em { display:block; margin-bottom:2.25140712945591vw; line-height:0; } #zj_ma17-feature .feature-box .fb2 .fbInner h3 em img { width:15.63477173233271vw; height:auto; } p.kome { position:absolute; bottom:1.876172607879925vw; right:19.8874296435272vw; color:#FFF; font-size:0.9380863039399625vw; } #zj_ma17-feature .feature-box .fb3 { height:43.77736085053158vw; background-image:url(../images/cm-dc94/fb3.jpg); background-repeat:no-repeat; background-size:cover; position:relative;} #zj_ma17-feature .feature-box .fb3 .fbInner { position:absolute; left:56.47279549718574vw; top:22.82676672920575vw; } #zj_ma17-feature .feature-box .fb3 .fbInner h4,#zj_ma17-feature .feature-box .fb3 .fbInner h3 { color:#FFF; } #zj_ma17-feature .feature-box .fb3 .fbInner h3 { font-size:3.439649781113196vw; line-height:1; font-weight:bold; margin-bottom:.2em; color:#FFF; } #zj_ma17-feature .feature-box .fb3 .fbInner h3 span { font-size:1.876172607879925vw; display:block; margin-bottom:.5em; font-weight:normal; color:#FFF; } #zj_ma17-feature .feature-box .fb3 .fbInner h4 { font-size:8.755472170106316vw; line-height:0; font-weight:bold;} #zj_ma17-feature .feature-box .fb3 .fbInner h4 span { font-size:5.003126954346467vw; font-weight:normal; } #zj_ma17-feature .feature-box .fb3 .fbInner p { font-size:1.250781738586617vw; line-height:1.5; margin-top:1.250781738586617vw; color:#FFF; } #zj_ma17-feature .feature-box .fb3 .fbInner p.graph img { width:23.70231394621639vw; height:auto; } #zj_ma17-feature .feature-box .fb3 .fbInner h4 img { width:14.75922451532208vw; height:auto; } #zj_ma17-feature .feature-box .fb3 .fbInner h3 em { display:block; margin-bottom:2.25140712945591vw; line-height:0; } #zj_ma17-feature .feature-box .fb3 .fbInner h3 em img { width:15.63477173233271vw; height:auto; } #zj_ma17-feature .feature-box .fb4 { height:43.77736085053158vw; background-image:url(../images/cm-dc94/fb4.jpg); background-repeat:no-repeat; background-size:cover; position:relative;} #zj_ma17-feature .feature-box .fb4 .fbInner { position:absolute; left:20.01250781738587vw; top:6.75422138836773vw; } #zj_ma17-feature .feature-box .fb4 .fbInner h4,#zj_ma17-feature .feature-box .fb4 .fbInner h3 { color:#000; } #zj_ma17-feature .feature-box .fb4 .fbInner h3 { font-size:3.439649781113196vw; line-height:1; font-weight:bold; margin-bottom:.2em; color:#000; } #zj_ma17-feature .feature-box .fb4 .fbInner h3 span { font-size:1.876172607879925vw; display:block; margin-bottom:.5em; font-weight:normal; color:#000; } #zj_ma17-feature .feature-box .fb4 .fbInner h4 { font-size:8.755472170106316vw; line-height:0; font-weight:bold;} #zj_ma17-feature .feature-box .fb4 .fbInner h4 span { font-size:5.003126954346467vw; font-weight:normal; } #zj_ma17-feature .feature-box .fb4 .fbInner p { font-size:1.250781738586617vw; line-height:1.5; margin-top:1.250781738586617vw; color:#000; } #zj_ma17-feature .feature-box .fb4 p.graph img { width:36.64790494058787vw; height:auto; } #zj_ma17-feature .feature-box .fb4 .fbInner h4 img { width:14.75922451532208vw; height:auto; } #zj_ma17-feature .feature-box .fb4 .fbInner h3 em { display:block; margin-bottom:2.25140712945591vw; line-height:0; } #zj_ma17-feature .feature-box .fb4 .fbInner h3 em img { width:15.63477173233271vw; height:auto; } #zj_ma17-feature .feature-box .fb4 p.graph { position:absolute; left:24.82801751094434vw; top:17.32332707942464vw; } #zj_ma17-feature .feature-box .fb5 { height:43.77736085053158vw; background-image:url(../images/cm-dc94/fb5.jpg); background-repeat:no-repeat; background-size:cover; position:relative;} #zj_ma17-feature .feature-box .fb5 .fbInner { position:absolute; left:20.0750469043152vw; top:23.20200125078174vw; } #zj_ma17-feature .feature-box .fb5 .fbInner h4,#zj_ma17-feature .feature-box .fb5 .fbInner h3 { color:#000; } #zj_ma17-feature .feature-box .fb5 .fbInner h3 { font-size:3.439649781113196vw; line-height:1; font-weight:bold; margin-bottom:.2em; color:#000; } #zj_ma17-feature .feature-box .fb5 .fbInner h3 span { font-size:1.876172607879925vw; display:block; margin-bottom:.5em; font-weight:normal; color:#000; } #zj_ma17-feature .feature-box .fb5 .fbInner h4 { font-size:8.755472170106316vw; line-height:0; font-weight:bold;} #zj_ma17-feature .feature-box .fb5 .fbInner h4 span { font-size:5.003126954346467vw; font-weight:normal; } #zj_ma17-feature .feature-box .fb5 .fbInner p { font-size:1.250781738586617vw; line-height:1.5; margin-top:1.250781738586617vw; color:#000; } #zj_ma17-feature .feature-box .fb5 .fbInner p.graph img { width:23.70231394621639vw; height:auto; } #zj_ma17-feature .feature-box .fb5 .fbInner h4 img { width:14.75922451532208vw; height:auto; } #zj_ma17-feature .feature-box .fb5 .fbInner h3 em { display:block; margin-bottom:2.25140712945591vw; line-height:0; } #zj_ma17-feature .feature-box .fb5 .fbInner h3 em img { width:15.63477173233271vw; height:auto; } #zj_ma17-feature .feature-box .fb6 { height:28.14258911819887vw; background-image:url(../images/cm-dc94/fb6.jpg); background-repeat:no-repeat; background-size:cover; position:relative; background-position:center;} #zj_ma17-feature .feature-box .fb6 .fbInner { position:absolute; left:50%; top:4.940587867417136vw; width:100%; -webkit-transform:translate(-50%,0%); -moz-transform:translate(-50%,0%); -o-transform:translate(-50%,0%); -ms-transform:translate(-50%,0%); transform:translate(-50%,0%); } #zj_ma17-feature .feature-box .fb6 .fbInner p { } #zj_ma17-feature .feature-box .fb6 .fbInner p img { width:31.26954346466542vw; height:auto; } #zj_ma17-feature .feature-box .fb6 .fbInner h4,#zj_ma17-feature .feature-box .fb6 .fbInner h3 { color:#fff; } #zj_ma17-feature .feature-box .fb6 .fbInner h3 { font-size:3.439649781113196vw; line-height:1; font-weight:bold; margin-bottom:.2em; color:#fff; text-align:center; } #zj_ma17-feature .feature-box .fb6 .fbInner h3 span { font-size:1.876172607879925vw; display:block; margin-bottom:.5em; font-weight:normal; color:#fff; } #zj_ma17-feature .feature-box .fb6 .fbInner h4 { font-size:8.755472170106316vw; line-height:0; font-weight:bold;} #zj_ma17-feature .feature-box .fb6 .fbInner h4 span { font-size:5.003126954346467vw; font-weight:normal; } #zj_ma17-feature .feature-box .fb6 .fbInner p { font-size:1.250781738586617vw; line-height:1.5; margin-top:1.250781738586617vw; color:#fff;text-align:center;width:100%; margin-top:-2.501563477173233vw; } #zj_ma17-feature .feature-box .fb6 .fbInner p.graph img { width:23.70231394621639vw; height:auto; } #zj_ma17-feature .feature-box .fb6 .fbInner h4 img { width:14.75922451532208vw; height:auto; } #zj_ma17-feature .feature-box .fb6 .fbInner h3 em { display:block; margin-bottom:2.25140712945591vw; line-height:0; } #zj_ma17-feature .feature-box .fb6 .fbInner h3 em img { width:15.63477173233271vw; height:auto; } #zj_ma17-feature .feature-box .fb7 { background-color:#EFEFF0; padding:8.003126954346467vw 0;} #zj_ma17-feature .feature-box .fb7 h3 { font-size:3.439649781113196vw; line-height:1; font-weight:bold; margin-bottom:.2em; color:#000; text-align:center; } #zj_ma17-feature .feature-box .fb7 h3 span { font-size:1.876172607879925vw; display:block; margin-bottom:.5em; font-weight:normal; color:#000; } #zj_ma17-feature .feature-box .fb7 p { text-align:center; padding-top:1.751094434021263vw; line-height:0; } #zj_ma17-feature .feature-box .fb7 p img { width:10.00625390869293vw; height:auto; } #zj_ma17-feature .feature-box .inner { position: relative; } #zj_ma17-feature .feature-box .feature-icon { margin: 0 auto 40px; width: 71px; position: relative; z-index: 1;} #zj_ma17-feature .feature-box .feature-dtl h3 { color: #006cb8; font-size: 405%; font-weight: bold; margin-bottom: 40px; line-height: 130%; } #zj_ma17-feature .feature-box .feature-dtl h4 { color: #006cb8; font-size: 202%; margin-bottom: 15px; line-height: 200%; } #zj_ma17-feature .feature-box .feature-dtl h4 span { font-size: 364%; } #zj_ma17-feature .feature-box .feature-dtl h4 small { font-size: 260%; } #zj_ma17-feature .feature-box .feature-dtl .feature-txt { width: 456px; font-size: 137%; line-height: 180%; } #zj_ma17-feature .feature-box .feature-dtl .feature-ant { padding-top: 10px; font-size: 100%; line-height: 180%; } #zj_ma17-feature .youtube { width: 356px; height: 200px; margin: 50px 0 0 50px; } #zj_ma17-feature .feature-box.box-01 { padding: 100px 0 90px; background: #FFF; } #zj_ma17-feature .feature-box.box-01 h2 { font-size: 283%; color: #FFF; text-align: center; height: 60px; line-height: 60px; background: #006cb8; border-radius: 30px; position: relative; width: 814px; margin: 0 auto 90px; } #zj_ma17-feature .feature-box.box-01 h2:after { content: url(../images/zj_ma17/feature-arrow01.png); width: 18px; height: 22px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } #zj_ma17-feature .feature-box.box-01 .feature-dtl .feature-img01 { position: absolute; right: -120px; top:400px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transition: rotate(90deg); } #zj_ma17-feature .feature-box.box-01 .feature-dtl ul { background: url(../images/zj_ma17/feature-list02.png) no-repeat left top; padding-left: 75px; margin: 20px 0 0; } #zj_ma17-feature .feature-box.box-01 .feature-dtl ul li { color: #006cb8; font-size: 202%; line-height: 150%; background: url(../images/zj_ma17/feature-list01.png) no-repeat left center; background-size: contain; padding-left: 55px; margin-bottom: 9px; } #zj_ma17-feature .feature-box.box-02{ background:#efefef; height: 1000px; } #zj_ma17-feature .feature-box.box-02 .feature-dtl, #zj_ma17-feature .feature-box.box-04 .feature-dtl, #zj_ma17-feature .feature-box.box-06 .feature-dtl{ margin-left: 495px; } #zj_ma17-feature .feature-box.box-02 .feature-dtl .feature-img02 { margin-bottom: 25px; width: 456px; } #zj_ma17-feature .feature-box.box-02 .feature-dtl .feature-img01 { position: absolute; width: 780px; left: -320px; top:-90px; } #zj_ma17-feature .feature-box.box-03 { background:#3f3b39; } #zj_ma17-feature .feature-box.box-03 .feature-dtl > * { color: #FFF; } #zj_ma17-feature .feature-box.box-03 .feature-dtl .feature-img02 { margin-bottom: 25px; width: 461px; } #zj_ma17-feature .feature-box.box-03 .feature-dtl .feature-img01 { position: absolute; width: 670px; right: -200px; bottom: -90px; overflow: hidden; } #zj_ma17-feature .feature-box.box-04 { height: 1000px; } #zj_ma17-feature .feature-box.box-04 .feature-dtl h3 { } #zj_ma17-feature .feature-box.box-04 .feature-dtl h3:after { content: ""; width: 60px; height: 40px; background: url(../images/zj_ma17/feature-list02.png) no-repeat right center; padding-right: 105px; } #zj_ma17-feature .feature-box.box-04 .feature-dtl .feature-img01 { position: absolute; left: -260px; top:-90px; } #zj_ma17-feature .feature-box.box-04 .feature-dtl .feature-img01on{ position: absolute; left: 0; top: 0; -webkit-animation:blink 0.8s ease-in-out infinite alternate; -moz-animation:blink 0.8s ease-in-out infinite alternate; animation:blink 0.8s ease-in-out infinite alternate; } #zj_ma17-feature .feature-box.box-04 .feature-dtl ul { margin-bottom: 35px; } #zj_ma17-feature .feature-box.box-04 .feature-dtl ul li { float: left; width: 50%; } #zj_ma17-feature .feature-box.box-04 .feature-dtl ul li.feature-img02 { padding-right: 7px; } #zj_ma17-feature .feature-box.box-04 .feature-dtl ul li.feature-img03 { padding-left: 7px; } #zj_ma17-feature .feature-box.box-05 { background: #f7f6f4 url(../images/zj_ma17/feature-img05-01.jpg) no-repeat right top; height: 1000px; } #zj_ma17-feature .feature-box.box-05 .inner { height: 820px; } #zj_ma17-feature .feature-box.box-05 .feature-img01 { position: absolute; width: 1600px; right: 0; bottom: 0; overflow: hidden; } #zj_ma17-feature .feature-box.box-05 .feature-img02 { width: 260px; margin: 10px 0 0 100px; } #zj_ma17-feature .feature-box.box-05 ul { width: 456px; position: absolute; right: 0; bottom: 0; } #zj_ma17-feature .feature-box.box-05 ul li { width: 33.33%; display: inline-block; margin-top: 20px; } #zj_ma17-feature .feature-box.box-05 ul li p { font-size: 137%; color: #FFF; background: #006cb8; margin: 10px 10px 0; text-align: center; height: 30px; line-height: 30px; border-radius: 15px; } #zj_ma17-feature .feature-box.box-06 .feature-dtl { padding-bottom: 70px; position: relative;} #zj_ma17-feature .feature-box.box-06 .feature-dtl h4 { font-size: 178%; line-height: 420%; margin-bottom: 0%; background: url(../images/zj_ma17/feature-list02.png) no-repeat left top; } #zj_ma17-feature .feature-box.box-06 .feature-dtl h4 span { font-size: 650%; padding-left: 5px; } #zj_ma17-feature .feature-box.box-06 .feature-dtl h4 small { font-size: 390%; } #zj_ma17-feature .feature-box.box-06 .feature-img01 { width: 623px; position: absolute; left: -680px; bottom: 0; overflow: hidden; } #zj_ma17-feature .feature-box.box-06 ul {width: 100%; letter-spacing: -.5em; } #zj_ma17-feature .feature-box.box-06 ul li { width: 33.33%; padding: 0 10px; display: inline-block; letter-spacing: 0; } #zj_ma17-feature .feature-box.box-06 ul li p { font-size: 137%; color: #FFF; background: #006cb8; margin: 0 0 10px; text-align: center; height: 30px; line-height: 30px; border-radius: 15px; } #zj_ma17-feature .feature-box.box-06 ul li:first-child img { border: 1px solid #000; } #zj_ma17-feature .feature-main02 { padding: 40px 0 0; } #zj_ma17-feature .feature-main02 h2 { width: 840px; margin: 0 auto 80px; } #zj_ma17-feature .feature-main02 p { width: 100%; } #zj_ma17-feature .feature-box.box-07 { background: #efefef; } #zj_ma17-feature .feature-box.box-07 .feature-icon { width: 140px; height: 140px; font-size: 283%; line-height: 140px; text-align: center; color: #FFF; background: #e50012; border-radius: 50%; } #zj_ma17-feature .feature-box.box-07 h3 { font-size: 405%; color: #f17801; text-align: center; font-weight: bold; margin-bottom: 40px; } #zj_ma17-feature .feature-box.box-07 .inner > ul {width: 100%; letter-spacing: -.5em; margin-bottom: 40px; } #zj_ma17-feature .feature-box.box-07 .inner > ul li { width: 33.33%; padding: 0 10px; display: inline-block; letter-spacing: 0; } #zj_ma17-feature .feature-box.box-07 .inner > ul li p { font-size: 137%; color: #FFF; background: #f17801; margin: 0 0 10px; text-align: center; height: 30px; line-height: 30px; border-radius: 15px; } #zj_ma17-feature .feature-box.box-07 .box-07-howto { border: 1px solid #f17801; padding: 30px 20px 30px 30px; display: flex; margin-bottom: 40px; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > div { padding-right: 30px; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > div h4 { font-size: 202%; font-weight: bold; color: #f17801; padding: 10px 0; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > div p { font-size: 137%; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > div ul { margin-top: 40px; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > div ul li { text-indent: -1em; padding-left: 1em; font-size: 100%; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > ul {width: 100%; letter-spacing: -.5em; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > ul li { width: 50%; padding: 0 10px; display: inline-block; letter-spacing: 0; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > ul li p { font-size: 137%; color: #FFF; background: #f17801; text-align: center; height: 30px; line-height: 30px; border-radius: 15px; margin-top: 10px; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > ul li p span { color: #f17801; background: #FFF; border-radius: 50%; width: 20px; height: 20px; margin-right: 8px; display: inline-block; vertical-align: middle; line-height: 150%; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica { position: relative; margin-bottom: 30px; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica h4{ font-size: 283%; font-weight: bold; color: #f17801; text-align: center; margin-bottom: 25px; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica h4 img { width: 106px; margin-right: 15px; vertical-align: middle;} #zj_ma17-feature .feature-box.box-07 .box-07-trepica > div { display: flex; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica > div p { width: 33.3%; border: 1px solid #000; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica > div ul { padding-left: 40px; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica > div ul li { width: 600px; height: 56px; line-height: 56px; text-align: center; font-size: 202%; color: #FFF; border-radius: 28px; background: #006cb8; margin-bottom: 15px; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica > p { font-size: 137%; position: absolute; bottom: 0; right: 0; } #zj_ma17-feature .feature-box.box-07 .box-07-pad { font-size: 130%; } #zj_ma17-feature .feature-box.box-07 .box-07-pad img { width: 445px; } @media screen and (min-width:737px){ #zj_ma17-feature .feature-main p.btn01 a:hover { text-decoration: none; background: #006cb8; color: #fff462; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #zj_ma17-feature .feature-box.box-03 { background: #3f3b39 url(../images/zj_ma17/feature-img03-01.jpg) no-repeat center bottom; } } @media screen and (max-width:736px){ #zj_ma17-feature { min-width: auto; padding-top: 100px; margin-top: -100px; } #zj_ma17-feature .feature-main ul.spOnly { font-size: 0;} #zj_ma17-feature .feature-main ul.spOnly li { width: 50%; display: inline-block; } #zj_ma17-feature .feature-main h2{ width: 80%; margin: 40px auto 20px; } #zj_ma17-feature .feature-main p.txt01{ font-size: 156%; } #zj_ma17-feature .feature-main p.btn01 a { font-size: 156%; } #zj_ma17-feature .feature-box { padding: 40px 0; } #zj_ma17-feature .feature-box .feature-icon { margin: 0 auto 20px; width: 60px; } #zj_ma17-feature .feature-box .feature-dtl h3 { margin-bottom: 20px; line-height: 130%; text-align: center; font-size: 312%; } #zj_ma17-feature .feature-box .feature-dtl h4 { font-size: 156%; } #zj_ma17-feature .feature-box .feature-dtl h4 span { font-size: 280%; } #zj_ma17-feature .feature-box .feature-dtl h4 small { font-size: 200%; } #zj_ma17-feature .feature-box .feature-dtl .feature-txt { width: 100%; font-size: 106%; } #zj_ma17-feature .youtube { position: relative; width: 100%; padding-top: 56.17%; margin: 20px auto 0; } #zj_ma17-feature .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; max-width: 650px; max-height: 336px; } #zj_ma17-feature .feature-box.box-01 { padding: 40px 0; } #zj_ma17-feature .feature-box.box-01 h2 { font-size: 116%; height: 40px; line-height: 40px; border-radius: 20px; width: 96%; margin: 0 auto 40px; } #zj_ma17-feature .feature-box.box-01 h2:after { bottom: -18px; } #zj_ma17-feature .feature-box.box-01 .feature-dtl .feature-img01 { position: relative; right: 0; top: 60px; margin-bottom: 150px; } #zj_ma17-feature .feature-box.box-01 .feature-dtl .feature-img01 video { width: 100%; height: auto; } #zj_ma17-feature .feature-box.box-01 .feature-dtl ul { background-size: 46px; padding-left: 58px; margin: 20px 0 0; } #zj_ma17-feature .feature-box.box-01 .feature-dtl ul li { padding-left: 30px; margin-bottom: 9px; background-size:24px; font-size: 156%; } #zj_ma17-feature .feature-box.box-02{ height: auto; } #zj_ma17-feature .feature-box.box-02 .feature-dtl, #zj_ma17-feature .feature-box.box-04 .feature-dtl, #zj_ma17-feature .feature-box.box-06 .feature-dtl{ margin-left: 0; } #zj_ma17-feature .feature-box.box-02 .feature-dtl .feature-img02 { margin-bottom: 25px; width: 100%; } #zj_ma17-feature .feature-box.box-02 .feature-dtl .feature-img01 { position: relative; width: 100%; left: 0; top:0; } #zj_ma17-feature .feature-box.box-03 .feature-dtl .feature-img02 { margin-bottom: 15px; width: 100%; } #zj_ma17-feature .feature-box.box-03 .feature-dtl .feature-img01 { position: relative; width: 90%; right: 0; bottom: 0; margin: 0 auto 10px; } #zj_ma17-feature .feature-box.box-04 { height: auto; } #zj_ma17-feature .feature-box.box-04 .feature-dtl h3:after { background-size: 46px; padding-right: 56px;} #zj_ma17-feature .feature-box.box-04 .feature-dtl .feature-img01 { position: relative; left: 0; top:0; width: 80%; margin: auto; } #zj_ma17-feature .feature-box.box-05 { padding: 40px 0 30px; background: #f7f6f4 url(../images/zj_ma17/feature-img05-01-sp.jpg) no-repeat center bottom; background-size: contain; height: auto; } #zj_ma17-feature .feature-box.box-05 .inner { height:auto; } #zj_ma17-feature .feature-box.box-05 .feature-dtl { position: relative; } #zj_ma17-feature .feature-box.box-05 .feature-dtl h4 { position: absolute; top: 60px; left: 3%; font-size: 156%;} #zj_ma17-feature .feature-box.box-05 .feature-img02 { width: 50%; margin: 10px auto 20px; } #zj_ma17-feature .feature-box.box-05 ul { width: 100%; position: relative; padding-top: 84%; } #zj_ma17-feature .feature-box.box-05 ul li { width: 33.33%; display: inline-block; margin-top: 20px; } #zj_ma17-feature .feature-box.box-05 ul li p { font-size: 106%; height: 26px; line-height: 26px; margin: 8px 4px 0; } #zj_ma17-feature .feature-box.box-06 .feature-dtl { padding-bottom: 30px; } #zj_ma17-feature .feature-box.box-06 .feature-dtl h4 { background-size: 46px; } #zj_ma17-feature .feature-box.box-06 .feature-img01 { width: 90%; position: relative; left: 0; } #zj_ma17-feature .feature-box.box-06 .feature-dtl h4 span { font-size: 500%;} #zj_ma17-feature .feature-box.box-06 .feature-dtl h4 small { font-size: 300%;} #zj_ma17-feature .feature-box.box-06 ul {width: 90%; margin: 0 auto; } #zj_ma17-feature .feature-box.box-06 ul li { width: 100%; margin: 0 0 30px; float: none; } #zj_ma17-feature .feature-box.box-06 ul li:last-child { margin: 0;} #zj_ma17-feature .feature-box.box-06 ul li p { font-size: 106%;} #zj_ma17-feature .feature-box.box-07 .feature-icon { width: 60px; height: 60px; font-size: 16px; line-height: 60px; } #zj_ma17-feature .feature-box.box-07 h3 { font-size: 156%; margin-bottom: 20px; } #zj_ma17-feature .feature-box.box-07 .inner > ul { width: 90%; margin: 0 auto 10px; } #zj_ma17-feature .feature-box.box-07 .inner > ul li { width: 100%; margin: 0 0 30px; } #zj_ma17-feature .feature-box.box-07 .inner > ul li p { font-size: 106%; } #zj_ma17-feature .feature-box.box-07 .box-07-howto { padding: 15px; display: block; margin: 0 0 20px; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > div { padding-right: 0; margin-bottom: 20px; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > div h4 { font-size: 156%; padding: 0 0 10px; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > div p { font-size: 106%; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > div ul { margin-top: 10px; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > ul li { width: 100%; padding: 0 10px; display: inline-block; margin-bottom: 30px; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > ul li:last-child { margin-bottom: 0; } #zj_ma17-feature .feature-box.box-07 .box-07-howto > ul li p { font-size: 106%; height: 30px; line-height: 30px; border-radius: 15px; margin-top: 10px; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica { margin: 0 0 20px; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica h4{ font-size: 126%; margin-bottom: 10px; letter-spacing: -0.05em; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica h4 img { width: 40px; margin-right: 5px; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica > div { display: block; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica > div p { width: 90%; margin: 0 auto 20px; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica > div ul { padding-left:0; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica > div ul li { width: 100%; max-width: 320px; height: 40px; line-height: 40px; text-align: center; font-size: 106%; border-radius: 20px; margin: 0 auto 10px; } #zj_ma17-feature .feature-box.box-07 .box-07-trepica > p { font-size: 100%; position: static; text-align: right;} #zj_ma17-feature .feature-box.box-07 .box-07-pad { font-size: 12px; } #zj_ma17-feature .feature-box.box-07 .box-07-pad img { width: 100%; max-width: 334px; } #zj_ma17-feature .feature-main02 h2 { width:90%; margin: 0 auto 20px; } } @media screen and (max-width:480px){ #zj_ma17-feature .feature-box.box-05 ul { padding-top: 72%; } } @-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } /* voice ----------------------------------------------- */ #zj_ma17-voice { position: relative; z-index: 50; padding-top: 60px; margin-top: -60px; width: 100%; min-width: 964px; background: url(../images/zj_ma17/voice-bg.gif); } #zj_ma17-voice > .inner { width: 100%; margin: auto; padding: 90px 0; } #zj_ma17-voice .voice-icon { margin: 0 auto 15px; width: 86px; } #zj_ma17-voice h2 { font-size: 405%; line-height: 130%; color: #006cb8; font-weight: bold; text-align: center; margin-bottom: 3px; } #zj_ma17-voice .voice-txt { font-size: 100%; text-align: center; margin-bottom: 40px; } #zj_ma17-voice li { width: 25%; float: left; padding: 0 10px;} #zj_ma17-voice li > div { width: 100%; display: table; } #zj_ma17-voice li h3 { background: #006cb8; color: #FFF; border-radius: 40px; width: 100%; height: 140px; vertical-align: middle; display: table-cell; text-align: center; position: relative; font-size: 162%; line-height: 150%; } #zj_ma17-voice li h3:after { content: url(../images/zj_ma17/feature-arrow01.png); width: 18px; height: 22px; position: absolute; bottom: -22px; left: 0; right: 0; margin: auto; } #zj_ma17-voice li h3 span { color: #fff100; } #zj_ma17-voice li p.voice-img { width: 100%; margin: 40px 0 0; } #zj_ma17-voice li p.voice-link { font-size: 100%; line-height: 150%; margin-top: 6px; word-break: break-all; } .btn-gotovoice { width: 100%; max-width: 600px; line-height: 140%; margin: 60px auto 0; border: 2px solid #006cb4; background: #006cb4; font-size: 24px; text-align: left; position: relative; } .btn-gotovoice a { color: #FFF; font-weight: bold; width: 100%; height: 100%; display: block; padding: 7px 30px 7px 155px; position: relative; } .btn-gotovoice a:before{ content: ""; background: url(../images/zj_ma17_2/btn_arrow02.png) no-repeat; background-size: cover; width: 58px; height: 18px; display: block; position: absolute; top: 50%; right: 20px; margin-top: -6px; } .btn-gotovoice a:after { content: ""; background: url(../images/zj_ma17_2/btn_img01.jpg) no-repeat center top; background-size: cover; position: absolute; top:0; left: 0; width: 135px; height: 81px; z-index: 1; } .btn-gotovoice a:hover { background: #FFF; text-decoration: none; color: #006cb4; } .btn-gotovoice a:hover:before{ content: ""; background: url(../images/zj_ma17_2/btn_arrow01.png) no-repeat; background-size: cover; } /*.btn-gotovoice a:hover:after { opacity: 0.75; }*/ .btn-gotovoice span { font-size: 18px; } .btn-gotovoice a { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width:736px){ #zj_ma17-voice { min-width: auto; padding-top: 100px; margin-top: -100px; } #zj_ma17-voice > .inner { width: 100%; padding: 40px 2%; } #zj_ma17-voice h2 { font-size: 200%; } #zj_ma17-voice ul { width: 100%; } #zj_ma17-voice ul li { width: 50%; float: left; padding: 0 2%; margin-bottom: 20px; } #zj_ma17-voice li h3 { height: 100px; font-size: 125%; } #zj_ma17-voice li p.voice-link { font-size: 75%; } .btn-gotovoice { width: 90%; max-width: 380px; margin: 20px auto 0; font-size: 18px; } .btn-gotovoice a { padding: 5px 40px 5px 95px; } .btn-gotovoice a:before{ width: 29px; height: 9px; right: 15px; margin-top: -3px; } .btn-gotovoice a:after { width: 80px; height: 100%; } .btn-gotovoice span { font-size: 12px; display: inline-block; line-height: 150%; } } /* video ----------------------------------------------- */ #zj_ma17-video { position: relative; z-index: 40; padding-top: 60px; margin-top: -60px; width: 100%; background-color: #FFF; } #zj_ma17-video > .inner { padding: 90px 0; } #zj_ma17-video > .inner:nth-child(2) { padding-top:0; } #zj_ma17-video p { position: relative; width: 100%; padding-top: 34.7%; max-width: 650px; max-height: 336px; margin: auto; } #zj_ma17-video p iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; max-width: 650px; max-height: 336px; } @media screen and (max-width:736px){ #zj_ma17-video { padding-top: 100px; margin-top: -100px; } #zj_ma17-video > .inner { padding: 40px 3%; } #zj_ma17-video p { padding-top:55.7%; } } /* qa ----------------------------------------------- */ #zj_ma17-qa { position: relative; z-index: 30; padding-top: 60px; margin-top: -60px; width: 100%; min-width: 964px; background: #006cb8; } #zj_ma17-qa > .inner { width: 964px; margin: auto; padding: 90px 0; } #zj_ma17-qa h2 { width: 92px; margin: 0 auto 50px; } #zj_ma17-qa li { float: left; width: 25%; margin: 0 0 50px; padding: 0 10px; } #zj_ma17-qa li h3 { height: 62px; font-size: 162%; line-height: 150%; border-left: 1px solid #FFF; color: #FFF; margin: 0 0 15px; padding-left: 15px; } @media screen and (max-width:736px){ #zj_ma17-qa { min-width: auto; padding-top: 100px; margin-top: -100px; } #zj_ma17-qa > .inner { width: 100%; padding: 40px 2%; } #zj_ma17-qa h2 { width: 76px; } #zj_ma17-qa li { width: 50%; margin: 0 0 30px; padding: 0 2%; } #zj_ma17-qa li h3 { height: 42px; font-size: 116%; } #zj_ma17-qa li p { position: relative; width: 100%; padding-top:55.7%; max-width: 650px; max-height: 336px; margin: auto; } #zj_ma17-qa li p iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; max-width: 650px; max-height: 336px; } } /* info ----------------------------------------------- */ #zj_ma17-info { position: relative; z-index: 0; padding-top: 60px; /*margin-top: -60px;*/ background: #fff; } #zj_ma17-info > .inner { padding: 50px 0 0; } #zj_ma17-info .info-icon { margin: 0 auto 15px; width: 102px; } #zj_ma17-info h2 { font-size: 35px; line-height: 130%; color: #006cb8;text-align: center; margin-bottom: 40px; line-height: 28px; margin-bottom: 20px!important; color:#111;} #zj_ma17-info table { width: 900px; margin: 0 auto 60px; } #zj_ma17-info table tr > * { padding: 10px 20px; text-align: left; border: 1px solid #E8E3DF; } #zj_ma17-info table th { width: 230px; background: #F6F6F6; } #zj_ma17-info .box-01 { width: 900px; margin: auto; padding-bottom: 60px; } #zj_ma17-info .box-01 > * { display: inline-block; } #zj_ma17-info .box-01 h5 { border-bottom: 1px solid #d1d1d1; padding-bottom: 5px; width: 100%; margin-bottom: 15px; } #zj_ma17-info .box-01 p { margin-bottom:6px; } #zj_ma17-info .box-01 .box-01-01 .info-img01 { width: 100%; max-width: 334px; } #zj_ma17-info .box-01 .box-01-02 .info-img01 { width: 100%; max-width: 445px; } #zj_ma17-info .box-04 { width: 900px; margin: auto; padding-bottom: 50px; } #zj_ma17-info .box-04 h4 { background:#F6F6F6; border: 1px dotted #d4d3d2; text-align:center; width: 100%; height: 28px; font-size:14px; line-height: 28px; margin-bottom: 20px!important; } #zj_ma17-info .box-04 .catalog2, #zj_ma17-info .box-04 .catalog3 { width: 437px; padding-bottom: 70px; line-height: 76px; } #zj_ma17-info .box-04 .product_catalog2 { margin: 15px auto !important; } #zj_ma17-info .box-04 .product_catalog2 a { margin-right: 5px; } #zj_ma17-info .box-04 .product_catalog2 img { width: 112px; height: 33px; } #zj_ma17-info .box-04 .product_catalog3 { background-image: none; padding-top: 15px; border-top: 1px dotted #d4d3d2; } #zj_ma17-info .box-04 .product_catalog3 img { width: 318px; height: 35px; } @media screen and (min-width:737px){ #zj_ma17-info { font-size: 130%; } } @media screen and (max-width:736px){ #zj_ma17-info { padding-top: 100px; /*margin-top: -100px;*/ } #zj_ma17-info > .inner { padding: 0px 3% 0; } #zj_ma17-info h2 { font-size: 200%; } #zj_ma17-info table { width: 100%; padding: 0 3%; } #zj_ma17-info table tr > * { padding: 8px 12px; } #zj_ma17-info table th { width: 160px; } #zj_ma17-info .box-01 { width: 100%; padding: 0 3% 40px; } #zj_ma17-info .box-01 .box-01-01 { margin-bottom: 20px; } #zj_ma17-info .box-01 .box-01-01 .info-img01 { width: 74%; } #zj_ma17-info .box-01 .box-01-02 .info-img01 { width: 100%; max-width: 334px; } #zj_ma17-info .box-04 { width: 100%; padding: 0 3% 40px; } #zj_ma17-info .box-04 .catalog2, #zj_ma17-info .box-04 .catalog3 { width: 100%; } } /* modal ----------------------------------------------- */ .qa-modal { width:500px; margin:20px auto 0; } .product_catalog3 { height:auto; } .product_catalog3 a { display:inline-block; height:35px; padding:0 1em; line-height:35px; font-weight:bold; vertical-align:middle; font-size:90%; border-radius:.2em; margin:0 .5em; } .product_catalog3 a.link1 { background-color:#333333; color:#FFF; } .product_catalog3 a.shop { background-color:#FFF33F; color:#323333; } .product_catalog3 a.shop:before { content:""; display:inline-block; height:100%; width:28px; background-image:url(../../../common/images/cart.svg); background-repeat:no-repeat; background-position:left center; background-size:20px; vertical-align:middle; } .product_catalog3 a:hover { text-decoration:none; } .product_catalog3 a.link1:hover { background-color:#006cb8; } .product_catalog3 a.shop:hover { background-color:#ECDA00; } #zj_ma17-info .box-02 { width: 900px; margin: auto; padding-bottom: 140px; } #zj_ma17-info .box-02 h4 { text-align:center; width: 100%; font-size:35px; line-height: 28px; margin-bottom: 20px!important; } #zj_ma17-info .box-02 > p {font-size: 12px; margin-bottom:1em; } #zj_ma17-info .box-02 ul { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } #zj_ma17-info .box-02 li { width: calc( 20% - 10px ); margin:5px 5px;} #zj_ma17-info .box-02 li a { font-size: 11px; color: #333; } #zj_ma17-info .box-02 li img { border: 1px solid #E8E3DF; } #cboxContent { margin:0!important; } #cboxNext { right:10px!important; } @media screen and (max-width:736px){ .product_catalog3 a { display:block; width:auto; margin:0 0 .5em 0; } #zj_ma17-info .box-02 { width:auto; } #zj_ma17-info .box-02 li { width: calc( 50% - 10px ); margin:0 5px 10px 5px;} #zj_ma17-info .box-02 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } #zj_ma17-feature { background-color:transparent; } #zj_ma17-feature .feature-main h2 { font-size:6.5vw; } #zj_ma17-feature .feature-main ul { text-align:left; } #zj_ma17-feature .feature-main ul li { } #zj_ma17-feature .feature-box .fb1 { background-color:#e1e0df; height:auto; min-height:60vw; background-size:140Vw auto; } #zj_ma17-feature .feature-box .fb1 .fbInner { position:static; padding:10vw; padding-top:70vw; } #zj_ma17-feature .feature-box .fb1 .fbInner h4, #zj_ma17-feature .feature-box .fb1 .fbInner h3 { } #zj_ma17-feature .feature-box .fb1 .fbInner h3 { font-size:8vw; } #zj_ma17-feature .feature-box .fb1 .fbInner h4 img { width: 30vw; height: auto; } #zj_ma17-feature .feature-box .fb1 .fbInner p { font-size: 4vw; line-height: 1.5; margin-top: 1.250781738586617vw; } #zj_ma17-feature .feature-box .fb1 .fbInner p.graph img { width: 100%; height: auto; } #zj_ma17-feature .feature-box .fb1 .fbInner h3 span { } #zj_ma17-feature .feature-box .fb2 { background-color: #009EA9; height: auto; min-height: 60vw; background-size: 140Vw auto; background-position: right top; } #zj_ma17-feature .feature-box .fb2 .fbInner { position:static; padding:10vw; padding-top:60vw; } #zj_ma17-feature .feature-box .fb2 .fbInner h3 span { color:#FFF; } #zj_ma17-feature .feature-box .fb2 .fbInner h4, #zj_ma17-feature .feature-box .fb2 .fbInner h3 { color:#FFF; } #zj_ma17-feature .feature-box .fb2 .fbInner h3 { font-size:8vw; } #zj_ma17-feature .feature-box .fb2 .fbInner p { color:#FFF; font-size: 4vw; line-height: 1.5; margin-top: 1.250781738586617vw; } #zj_ma17-feature .feature-box .fb2 .fbInner p.graph img { width: 100%; height: auto; } #zj_ma17-feature .feature-box .fb2 .fbInner h3 em img { width: 30vw; height: auto; } #zj_ma17-feature .feature-box .fb3 { height:auto; min-height:60vw; background-size:100Vw auto; } #zj_ma17-feature .feature-box .fb3 .fbInner { position:static; padding:10vw; padding-top:52vw; } #zj_ma17-feature .feature-box .fb3 .fbInner h3 span { color:#000; } #zj_ma17-feature .feature-box .fb3 .fbInner h4, #zj_ma17-feature .feature-box .fb3 .fbInner h3 { color:#000; } #zj_ma17-feature .feature-box .fb3 .fbInner h3 { font-size:8vw;color: #009fa8; } #zj_ma17-feature .feature-box .fb3 .fbInner p { color:#000; font-size: 4vw; line-height: 1.5; margin-top: 1.250781738586617vw; } #zj_ma17-feature .feature-box .fb4 { height:auto; min-height:60vw; background-size:150Vw auto; background-position:-20vw -5vw; } #zj_ma17-feature .feature-box .fb4 .fbInner { position:static; padding:10vw; padding-top:70vw; } #zj_ma17-feature .feature-box .fb4 .fbInner h3 span { color:#000; } #zj_ma17-feature .feature-box .fb4 .fbInner h4, #zj_ma17-feature .feature-box .fb4 .fbInner h3 { color:#000; } #zj_ma17-feature .feature-box .fb4 .fbInner h3 { font-size:8vw;color: #009fa8; } #zj_ma17-feature .feature-box .fb4 .fbInner p { color:#000; font-size: 4vw; line-height: 1.5; margin-top: 1.250781738586617vw; } #zj_ma17-feature .feature-box .fb4 p.graph img { width: 60vw; height: auto; } #zj_ma17-feature .feature-box .fb4 p.graph { position: absolute; left: 12.82801751094434vw; top: 17.32332707942464vw; } #zj_ma17-feature .feature-box .fb5 { height: 60vw;} #zj_ma17-feature .feature-box .fb5 .fbInner {width:100%; text-align:center; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } #zj_ma17-feature .feature-box .fb5 .fbInner h3 { font-size:8vw; } #zj_ma17-feature .feature-box .fb6 { height:auto; min-height:60vw; background-size:100Vw auto; background-position:left top; } #zj_ma17-feature .feature-box .fb6 .fbInner {width:100%; text-align:center; padding:10vw 6vw 10vw 6vw; padding-top:38vw; position: static; -webkit-transform:translate(0%,0%); -moz-transform:translate(0%,0%); -o-transform:translate(0%,0%); -ms-transform:translate(0%,0%); transform:translate(0%,0%); } #zj_ma17-feature .feature-box .fb6 .fbInner p img { width: 60vw; height: auto; } #zj_ma17-feature .feature-box .fb6 .fbInner h3 span { color:#000; } #zj_ma17-feature .feature-box .fb6 .fbInner h3 { font-size:8vw;color: #009fa8; } #zj_ma17-feature .feature-box .fb7 h3 { font-size:8vw; } #zj_ma17-feature .feature-box .fb7 p img { width: 20.00625390869293vw; height: auto; } #zj_ma17-info .box-02 h4 { line-height:1.2; font-size:200%; } #zj_ma17-info .box-02 { padding-bottom:40px; } #zj_ma17-feature .feature-box .fbInner h3 span,#zj_ma17-feature .feature-box .fb7 h3 span { margin-bottom:1em!important;font-size: 3.5vw!important; } p.graph { margin-top:1em!important; } #zj_ma17-feature .feature-main div ul li { width: 44vw; } p.kome { position:absolute; top:56vw; right:10px; } }