@charset "utf-8";
/* body{font-family:"¥Ò¥é¥®¥Î½Ç¥´ Pro W3","Hiragino Kaku Gothic Pro","¥á¥¤¥ê¥ª",Meiryo,sans-serif; color:#333333;} */
#contents .bg-wrap{width:100%;/* background: url(/corporate/news_center/research/graphic/014/bg.png)repeat top left; */background-size: 18px ;padding-top: 90px;}
#contents{width:100%; color:#fff; -webkit-text-size-adjust:100%; background:url(/corporate/news_center/research/graphic/017/bg.png) 0 0 }
#contents p{font-size:14px; line-height:32px; color:#333; -moz-font-feature-settings:"palt"; -webkit-font-feature-settings:"palt"; font-feature-settings:"palt";}
#contents h3{margin-top:70px;opacity: 0;transition-delay:0.1s;}
#contents h3.fadein{opacity: 1;}
#contents .section h3 img{max-width: inherit;width: auto}
#contents .section .parts{position:relative; width:940px; margin:0 auto;}
#contents .section .parts img{max-width:940px; width:100%; height:auto; position:relative; z-index:10;}
#contents .animation .parts img{position:absolute; left:0; top:0;}
/*‡í*/
#contents .section .graph{position:absolute; left:0; top:0; width:370px; z-index:0; text-align:center;}
#contents .text{width:768px; margin:0 auto; padding:25px 20px 25px 120px; text-align:left; background:url(/corporate/news_center/research/graphic/017/icon01.png) no-repeat 25px 35px #fff; background-position: 36px center; border-radius:15px; border:1px solid #29b6f6; }

#contents .pc-item{display:block;}
#contents .sp-item{display:none;}

/* effect */
.parts img{opacity:0; transition:1s cubic-bezier(0.215, 0.61, 0.355, 1),transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transform-origin:center center;}
.fadein img {opacity:1;}

/*common*/
#contents .section .text{margin-top: 100px;}
#contents .section .parts img:first-of-type{position: relative!important}

/* sec00 */
#contents .sec00{position:relative; height:44vw;background:#e0f7fa; }
#contents .kvBg{position: absolute;width:100%;height: 100%; padding-top:0;}
#contents .sec00 .parts{width:1366px; height:620px; margin:0 auto; top:0;}
#contents .sec00 .parts img{position:absolute; left:0;right:0; top:0;margin: auto;width: 100%;max-width: inherit}
#contents .sec00 .parts > img:nth-child(2){z-index:4;}
#contents .sec00 .parts > img:nth-child(3){z-index:3;}
#contents .sec00 .parts > img:nth-child(4){z-index:2;}
#contents .sec00  h1{position:absolute; width:1366px; top:8vw; left:0;right: 0;margin: auto;z-index: 9999;}
#contents .sec00  h1 img{width:30vw; z-index:1;transition:opacity 0.8s; transition-delay:2s;opacity: 0;}
#contents .sec00  h1.fadein img{opacity: 1;}
#contents .sec00 .text.memo{ border:1px solid #fff; position:absolute; bottom:2.5vw; right:0; left:0; padding:20px 120px 25px 30px; background:url(/corporate/news_center/research/graphic/017/note.png) 660px center no-repeat #fff; transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition-delay:opacity 1s;margin-top: 0;z-index: 999;opacity: 0;transition:opacity 1s; transition-delay:2.5s;opacity: 0;}
#contents .sec00 .text.memo.fadein{opacity: 1}
#contents .sec00 .text.memo p{color:#2096f2;}
#contents .sec00.fadein .text.memo{opacity:1;}
#contents .sec00 .parts img:nth-of-type(1){transition-delay:0s;transition: 0s!important}
#contents .sec00 .parts img:nth-of-type(2){transition-delay:0s; z-index:200; }
#contents .sec00 .parts img:nth-of-type(3){transition-delay:1s; z-index:100; }
#contents .sec00 .parts img:nth-of-type(4){transition-delay:1.5s; z-index:150; }
#contents .sec00 .parts img.nomal01{z-index: 100;}/*ÈË¡¡Ò»·¬×î³õ*/

/* #kv_inner img:nth-of-type(2){position: absolute; height:auto; top:-190px!important; left:1100px!important; margin:auto; z-index:99; transition-delay:1.7s!important;  }
#kv_inner.fadein img:nth-of-type(2){transform:translateY(50px); } */

/* 
#contents .sec00 .parts #kv_inner img:nth-of-type(4) {position:absolute; height:auto;  z-index:90; transition-delay:2.5s!important; width:48px; }
#contents .sec00 .parts #kv_inner img:nth-of-type(5) {position:absolute; height:auto;  z-index:90; transition-delay:2.6s!important; width:48px; } */

#contents .section h2 img {width: auto;max-width: inherit}
#contents .fadein .parts img{transform: translate(0,0)!important;}

/* sec01 */
#contents h2.s01{margin:0 auto 10px; width:720px;}
#contents .sec01{padding-bottom: 100px; }

#contents .sec0101 .parts{margin-top: 35px}
#contents .sec0101 .parts img:nth-of-type(2){transition-delay:1.5s;transform: translate(0,20px)}
#contents .sec0101 .parts img:nth-of-type(3){transition-delay:2s;transform: translate(0,20px)}
#contents .sec0101 .parts .graph{left:285px;top:104px;}

#contents .sec0102 {padding-bottom:20px; margin-top: 60px;;}
#contents .sec0102 .parts{width:940px;}
#contents .sec0102 .parts img{width:940px;}
#contents .sec0102 .parts img:nth-of-type(1){transition-delay:0.5s;transform: translate(0,20px)}
#contents .sec0102 .parts img:nth-of-type(2){transition-delay:1.0s;transform: translate(0,20px)}
#contents .sec0102 .parts img:nth-of-type(3){transition-delay:1.5s;transform: translate(0,20px)}
#contents .sec0102 + .text{ margin-top: 0;} 

/* sec02 */

#contents h2.s02{margin: 0 auto 10px; width:720px;}
#contents h3.s02{width:542px; margin:70px auto 10px;}

#contents .sec02{padding-bottom: 100px; /*-background:#f9fbe6; padding-top: 60px; border-bottom:dotted 3px #4fc3f4;-*/ }
#contents .sec02 h3{margin-top: 80px;}
#contents .sec0201{margin-top:55px;}
#contents .sec0201 + h3{margin-top: 60px}
#contents .sec0201 .parts img:nth-of-type(1){transition-delay:0.3s;transform: translate(0,80px)}
#contents .sec0201 .parts img:nth-of-type(2){transition-delay:1s;transform: translate(0,80px)}
#contents .sec0201 .parts img:nth-of-type(3){transition-delay:1.5s;transform: translate(0,80px)}

#contents .sec0202 .parts .graph{left:284px;top:47px;}
#contents .sec0202 .parts img:nth-of-type(2){transition-delay:1.5s;transform: translate(0,20px)}
#contents .sec0202 + h3{ margin-top: 0;}

#contents .sec0203{margin-top:55px;}
#contents .sec0203 .parts img:nth-of-type(1){transition-delay:1s;transform: translate(0,20px);}
#contents .sec0203 .parts img:nth-of-type(2){transition-delay:1.5s;transform: translate(0,20px);}
#contents .sec0203 .parts img:nth-of-type(3){transition-delay:2s;transform: translate(0,20px);}
#contents .sec0203 .parts img:nth-of-type(4){transition-delay:2.5s;transform: translate(0,20px);} 

#contents .sec0204{margin-top:55px;}
#contents .sec0204 .parts img:nth-of-type(1){transition-delay:1s;transform: translate(0,20px);}
#contents .sec0204 .parts img:nth-of-type(2){transition-delay:1.5s;transform: translate(0,20px);}

/* #contents .sec0202{}
#contents .sec0202 .fish{ margin:40px 0;}
#contents .sec0202 .parts img:nth-of-type(1){transition-delay:1s;transform: translate(0,20px);}
#contents .sec0202 .parts img:nth-of-type(2){transition-delay:1.5s;transform: translate(0,20px);}
#contents .sec0202 .parts img:nth-of-type(3){transition-delay:2s;transform: translate(0,20px);}

#contents .sec0203{margin-top:55px;}
#contents .sec0203 .amount{height:690px;margin:40px 0;}
#contents .sec0203 .parts img:nth-of-type(1){transition-delay:1s;transform: translate(0,20px);}
#contents .sec0203 .parts img:nth-of-type(2){transition-delay:1.5s;transform: translate(0,20px);}
#contents .sec0203 .parts img:nth-of-type(3){transition-delay:2s;transform: translate(0,20px);}
#contents .sec0203 .parts img:nth-of-type(4){transition-delay:2.5s;transform: translate(0,20px);} */


/* sec03 */
#contents .sec03{padding:60px 0;}
#contents .sec03 .parts{}
#contents .sec03 h2{margin:0 auto 30px; width:720px;}
#contents .sec03 .parts {width:937px;margin:0 auto}
#contents .sec03 .parts img{position:absolute; left:0; top:0;}
#contents .sec03 .parts img:first-of-type{position:relative!important}

#contents .sec03 .parts img:nth-of-type(1){transition-delay:0.3s;}
#contents .sec03 .parts img.none {opacity: 1;transition: none;}
#contents .sec03 .parts img.fade{transition:opacity .4s ease; transition-delay:.6s;}
#contents .sec03 .fadein.parts img.fade{opacity:0;}
#contents .sec03 .parts img:nth-of-type(2){transition-delay: 0.7s;}
#contents .sec03 .parts img:nth-of-type(3){transition-delay:1.2s;}
#contents .sec03 .parts img:nth-of-type(4){transition-delay:1.8s;}
#contents .sec03 .parts img:nth-of-type(5){transition-delay:2.5s;}

.fadein .keyframe{
    animation-name: anim_h;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 10;
    animation-direction: alternate;
    animation-duration: 0.3s;
}

@keyframes anim_h {
    0% {
        transform: translate(0px, 0);
    }
    100% {
        transform: translate(15px, 0);
    }
}

/* sec04 */
#contents h2.s04{margin: 0 auto 60px; width:720px;}
#contents .sec04{padding-bottom: 100px; /*-background:#f9fbe6;-*/ padding-top: 60px; /*-border-bottom:dotted 3px #4fc2f8;-*/}
#contents .sec04 .parts img:nth-of-type(1){transition-delay:0.3s;transform: translate(0,80px)}
#contents .sec04 .parts img:nth-of-type(2){transition-delay:2.5s;transform: translate(0,80px)}
#contents .sec0401 .parts .graph{left:284px;top:47px;}

/* sec05 */
#contents h2.s05{margin: 0 auto 60px; width:720px;}
#contents .sec05{padding: 60px 0; padding-bottom: 100px; /*-background:#ebf8fe; border-bottom:dotted 3px #4fc2f8;-*/}
#contents .sec05 .parts img:nth-of-type(1){transition-delay:1s;transform: translate(0,80px)}
#contents .sec05 .parts img:nth-of-type(2){transition-delay:1.5s;transform: translate(0,80px)}
#contents .sec05 .parts img:nth-of-type(3){transition-delay:2s;transform: translate(0,80px)}
#contents .sec05 .parts img:nth-of-type(4){transition-delay:2.5s;transform: translate(0,80px)}

/* sec06 */
#contents h2.s06{margin: 0 auto 60px; width:720px;}
#contents .sec06{padding-bottom: 100px; padding-top: 60px; /*-background:linear-gradient(to bottom, #f9fbe7 65%,#e0e0e0 35%); -*/}
#contents .sec06 .parts img:nth-of-type(1){transition-delay:0.3s;transform: translate(0,50px); z-index:2; }
#contents .sec06 .parts img:nth-of-type(2){transition-delay:2s; top:65%; left:0; z-index:1; opacity:1; }

#contents .section.sec06 .text {margin-top:40px; }


@media screen and (max-width:1366px) and (min-width:767px){
  #contents .sec00 {width:100%}
  #contents .sec00 .parts{width:100%}
  #contents .sec00 h1 {width:100%}
  
  /* #kv_inner img:nth-of-type(2){top:-190px!important; left:750px!important; } */
}

@media screen and (min-width:1373px){
 #contents .sec00{height: 620px;} 
}

@media screen and (min-width:1610px){
    #contents .sec00 h1{top: 100px;}
    #contents .sec00 h1 img{width: 463px;} 
   }

@media screen and (max-width:767px){
/*
	mobile 
*/
#contents .pc-item{display: none!important}
#contents .sp-item{display: block!important}
#contents {min-width: inherit;width:100%;overflow: hidden}
#contents .section .graph{position:absolute; left:0; top:0; width:100%; z-index:0; text-align:center;}
#contents .text{width:94%; margin:0 auto; padding:3.2vw 3.9vw 3.2vw 15vw; text-align:left; background:url(/corporate/news_center/research/graphic/017/icon01.png) no-repeat 3.2vw 4.5vw #fff;background-size: 8.9vw auto; background-position: 4vw center;border-radius:15px;border:2px dotted #4ab985;}
#contents .text p{font-size: 2.7vw;line-height: 1.7;}
#contents .section .parts{width: 100%;}
#contents .section .parts img{max-width: 100%}
/* #contents .section{padding-bottom: 10vw} */
#contents .section .text{margin-top: 0}
#contents .animation .parts img {position: absolute;left: 0;right:0;top: 0;margin:auto}
#contents .section h2 img{width: 100%;}
/* sec00 */
#contents .sec00{width:100%;position:relative; height:72vw;min-width:inherit; }
#contents .kvBg{position: absolute;width:100%;height: 100%; padding-top:0; }
#contents .sec00 .parts{width:100%; height:auto; margin:0 auto; top:0;}
#contents .sec00 .parts img{position:absolute; left:0;right:0; top:0;margin: auto;width: 100%;max-width: inherit}
#contents .sec00  h1{position:absolute; width:100%;top:7.5vw; left:0;right: 0;margin: auto;z-index: 9999;}
#contents .sec00  h1 img{width:32vw!important;height:auto!important; z-index:1;}
#contents .sec00  h1.fadein img{opacity: 1;}
#contents .sec00 .text.memo {width: 94%; position: relative;top: -13vw;right: auto;left: auto;padding: 12vw 1.9vw 1.9vw 1.9vw; background-position: center 2vw; background-size: 7vw auto;}
#contents .sec00 .text.memo p{font-size:2.7vw;line-height:1.7;}
#contents .sec00.fadein .text.memo{opacity:1;}
#contents .sec00 .parts img{vertical-align: bottom}
/* #contents .sec00 .parts img:nth-of-type(1){transition: 0s!important} */
#contents .sec00 .parts img.sp-move{top:-5vw;left:4vw}
#contents .sec00 .parts img:nth-of-type(3) {width:100%; }
/* 
#kv_inner img:nth-of-type(2) {left:200px!important; top:-98px!important; width:120px!important; } */

/* sec01 */
#contents h2.s01{margin:0 auto 1.3vw !important; width:90vw;}
#contents h2.s01 img{width:100%}
#contents .sec01{padding:10vw 0 10vw}
#contents .section h3{margin:5vw auto; }
#contents .section h3 img{width:100%}

#contents .sec01 h3 {width:40vw; }

#contents .sec0101 + h3{width:90vw; margin-top: 40px;;}
#contents .sec0101 .parts{width:100vw; height:76vw;margin-top:4.5vw; }
#contents .sec0101 .parts .graph{left:0; right:0; top:9.6vw; margin: auto; width:42vw;}  
#contents .sec0101 .parts .graph + .graph{left: auto; right: 7.4vw; top: 29vw; margin: auto; width: 37vw;}  
#contents .sec01sp-01{position: relative;height:89vw;}
#contents .sec01sp-01 img{width:65vw!important;display: block;right:0;margin:auto}
#contents .sec01sp-02{position: relative;height:76.92307vw;}
#contents .sec01sp-02 img{width:91vw!important;display: block;right:0;margin:auto}
#contents .secsp img{opacity: 0}
#contents .secsp.fadein img{opacity: 1}
#contents .secsp img:nth-of-type(1){transition-delay:1s}
#contents .secsp img:nth-of-type(2){transition-delay:2s}

#contents .sec0102{margin-top: 0;}
#contents .sec0102 + h3{width:45vw}
#contents .sec0102 .parts{width:91vw;height:50vw}
#contents .sec0102 .parts img{right:0;margin:auto;width:89vw;height:auto}
#contents .sec0102 .parts .graph {left: 0;right: 0;margin: auto;width:47vw;top: 7.3vw;}
 
#contents .sec01 .text{margin-top:5vw}
  
#contents .sec02{padding-top: 40px; padding-bottom: 10vw}
#contents h2.s02{width:99vw;margin:0 auto 10vw !important}
#contents h2.s02 img{width:100%}
#contents .section.sec02 h3{margin-top:10vw;}
#contents .sec0201 {padding: 0;height: 44vw; margin-top: 20px}
#contents .sec0201 .parts{width:100%;height:auto;}
#contents .sec0201 + h3{width:76vw;margin:0 auto}
#contents .sec0201 .parts .graph {left: 0;right: 0;margin: auto;width:36vw;top: 4.7vw;height: auto}
  
#contents .sec0202 .parts{width:100%;height:auto;margin-top:4.5vw}
#contents .sec0202 + h3{width:80vw; margin:0 auto; }
#contents .sec0202 .parts .graph {left: 0; right: 0; top: 1vw; margin: auto; width: 42vw;}
  
#contents .sec0203{ margin-top: 20px; }
#contents .sec0203 .parts{width:100%;height:auto;margin-top:4.5vw}
#contents .sec0203 + h3{width:85vw;margin:0 auto}

#contents .section.sec02 .text{margin-top: 5vw}
/*img size*/
#contents .sec0201 + h3{ margin-top: 60px !important;}
#contents .sec0201 .parts img{width:89vw;height:auto;}
#contents .sec0202 .parts img{width:89vw;height:auto;}
#contents .sec0202 + h3{ margin-top: 0 !important;}
#contents .sec0203 .parts img{width:89vw;height:auto;}
#contents .sec0204{margin: 0 auto; width: 90vw;}  

/* sec03 */
#contents .sec03{padding:10vw 0}
#contents .sec03 .parts{height:40vw;}
#contents .sec03 h2{margin:0 auto 5vw !important; width:84vw;}
#contents .sec03 .parts {width:100%;margin:0 auto}
#contents .sec03 .parts img{width:89vw;position:absolute; left:0; top:0;right:0;margin:auto}
#contents .sec03 .text {margin-top:18vw;}

/* sec04 */
#contents .sec04{padding: 10vw 0;}
#contents h2.s04{margin: 0 auto 20px}
#contents .sec401{margin-bottom: 20px !important}
#contents .sec0401 .parts .graph {left:105px; top:69px; width:42vw; }
#contents .sec04 h3 {width:85vw; }
#contents .sec04 .text {margin-top:8vw; }

#contents h2,
#contents h3{width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}
#contents h2{ width: 90vw !important;}

}