@charset "utf-8";
/* body{font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif; color:#333333;}*/

#contents {min-width:940px; width:100%; color:#fff; -webkit-text-size-adjust:100%; background:url(/jp/contents/research/graphic/009/bg.jpg) repeat; border-top:1px solid #cc3d3d;}
#contents p {font-size:14px; line-height:32px; color:#333;}

#contents .section{padding-top:71px;}
#contents .section .inner{width:100%; margin:0 auto; position:relative; clear:both;}
#contents .section .inner:after{content:''; display:block; clear:both;}
#contents .section h3{opacity:1;}
#contents .section .parts{position:relative; width:940px; margin:0 auto;}
#contents .section img{max-width:940px; width:100%; height:auto; position:relative; z-index:10;}
#contents .section img + img{position:absolute; left:0; top:0;}
#contents .section .graph{position:absolute; left:0; top:0; width:940px; z-index:0; text-align:center;}

/*テキスト*/
#contents div.text{margin-top:56px;}
#contents .sec01 div.text{margin-top:0;}
#contents div.text p{width:768px; margin:0 auto; padding:24px 30px 27px 90px; text-align:left; letter-spacing:-0.05em; border-radius:15px; background:#fff url(/jp/contents/research/graphic/009/point.png) 26px center no-repeat; border:#ffccbb solid 3px;}
#contents div.text.memo{background:#fff; border-top:#ffccbb solid 3px; border-bottom:#ffccbb solid 3px;}
#contents div.text.memo p{padding:32px 175px 30px 34px; letter-spacing:0; background:url(/jp/contents/research/graphic/009/note.png) 618px center no-repeat; border: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;}
.parts img:nth-of-type(2){transition-delay:0.5s;}
.parts img:nth-of-type(3){transition-delay:1.0s;}
.parts img:nth-of-type(4){transition-delay:1.5s;}
.parts img:nth-of-type(5){transition-delay:2.0s;}
.parts img:nth-of-type(6){transition-delay:2.5s;}

/* sec01 */
#contents .sec01{padding-top:0;}
.sec01 .parts img:nth-of-type(2){transform:translate(0,-30px);}
.sec01.fadein .parts img:nth-of-type(2){transform:translate(0,0);}

/* sec02 */
#contents .sec02 h2{margin-bottom:22px;}
.sec02 .parts img:nth-of-type(2),
.sec02 .parts img:nth-of-type(3),
.sec02 .parts img:nth-of-type(4),
.sec02 .parts img:nth-of-type(5){transform:translate(0,30px);}
.sec02 .fadein .parts img{transform:translate(0,0);}

/* sec03 */
#contents .sec03{padding-top:99px;}
#contents .sec03 h2{margin-bottom:57px;}
#contents .sec03 h3{margin-bottom:30px;}
#contents .sec03-1{margin-bottom:110px;}
.sec03-1 .parts img:nth-of-type(2),
.sec03-1 .parts img:nth-of-type(3),
.sec03-1 .parts img:nth-of-type(4),
.sec03-1 .parts img:nth-of-type(5){transform:translate(0,30px);}
.sec03-1 .parts img:nth-of-type(6){transform:translate(0,-30px);}
.sec03-1.fadein .parts img{transform:translate(0,0);}
.sec03-2 .parts img{transform:translate(0,-30px);}
.sec03-2.fadein .parts img{transform:translate(0,0);}
#contents .sec03 div.text{margin-top:46px;}

/* sec04 */
#contents .sec04{padding-top:90px;}
#contents .sec04 h2{margin-bottom:73px;}
#contents .sec04 h3:nth-of-type(1){margin-bottom:36px;}
#contents .sec04 h3:nth-of-type(2){margin-bottom:25px;}
#contents .sec04-1{margin-bottom:111px;}
.sec04-1 .parts img:nth-of-type(1){opacity:1;}
#contents .section .sec04-1 .graph{width:359px; height:359px; left:2px; top:188px;}
#contents .section .sec04-1 .graph + .graph{left:467px;}
.sec04-1 .parts img:nth-of-type(2){transition-delay:1.2s; transform:translate(0,-30px);}
.sec04-1 .parts img:nth-of-type(3){transition-delay:1.7s; transform:translate(0,-30px);}
.sec04-1.fadein .parts img:nth-of-type(2),
.sec04-1.fadein .parts img:nth-of-type(3){transform: translate(0,0);}
.sec04-2 .parts img:nth-of-type(1){opacity:1;}
#contents .section .sec04-2 .graph{width:359px; height:359px; left:292px; top:53px;}
.sec04-2 .parts img:nth-of-type(2){transition-delay:1.2s; transform:translate(0,-30px);}
.sec04-2 .parts img:nth-of-type(3){transition-delay:1.7s; transform:translate(0,-30px);}
.sec04-2 .parts img:nth-of-type(4){transition-delay:2.2s; transform:translate(0,-30px);}
.sec04-2.fadein .parts img:nth-of-type(2),
.sec04-2.fadein .parts img:nth-of-type(3),
.sec04-2.fadein .parts img:nth-of-type(4){transform:translate(0,0);}

/* sec05 */
#contents .sec05{padding-top:76px;}
#contents .sec05 h2{margin-bottom:61px;}
#contents .sec05 h3{margin-bottom:40px;}
#contents .sec05-1{margin-bottom:110px;}
.sec05-1 .parts img:nth-of-type(1){opacity:1;}
#contents .section .sec05-1 .graph{width:359px; height:359px; left:292px; top:128px;}
.sec05-1 .parts img:nth-of-type(2){transition-delay:1.2s; transform:translate(0,-30px);}
.sec05-1 .parts img:nth-of-type(3){transition-delay:1.7s; transform:translate(0,-30px);}
.sec05-1.fadein .parts img:nth-of-type(2),
.sec05-1.fadein .parts img:nth-of-type(3){transform:translate(0,0);}
.sec05-2 .parts img:nth-of-type(1){opacity:1;}
.sec05-2 .parts img:nth-of-type(2){transform:translate(0,-30px);}
.sec05-2 .parts img:nth-of-type(3){transition-delay:1.2s; transform:translate(0,-30px);}
.sec05-2 .parts img:nth-of-type(4){transition-delay:1.7s; transform:translate(0,-30px);}
.sec05-2.fadein .parts img:nth-of-type(2),
.sec05-2.fadein .parts img:nth-of-type(3),
.sec05-2.fadein .parts img:nth-of-type(4){transform:translate(0,0);}
#contents .sec05 div.text{margin-top:71px;}

/* sec06 */
#contents .sec06{padding:129px 0 76px;}
#contents .sec06 h2{margin-bottom:102px;}
.sec06 .parts img:nth-of-type(1){opacity:1;}
.sec06 .parts img:nth-of-type(3){transition-delay:1.2s;}
.sec06 .parts img:nth-of-type(4){transition-delay:1.7s;}
#contents .sec06 div.text{margin-top:88px;}


@media screen and (max-width: 767px){
/*
	mobile 
*/
#contents{min-width:inherit; border:none; overflow:hidden;}
#contents p{font-size:18px; line-height:2;}
#contents .section .parts{width:100%;}

#contents div.text{margin-top:5.208333vw!important;}
#contents div.text p{width:94%; margin:0 3%; border-radius:1.953125vw; background:#fff url(/jp/contents/research/graphic/009/point.png) center 3.40625vw no-repeat; padding:12.90625vw 2.833333vw 3.90625vw ; background-size:3.408333vw auto; -moz-font-feature-settings:"palt"; -webkit-font-feature-settings:"palt"; font-feature-settings:"palt"; letter-spacing:0.1em;}
#contents div.text.memo p{padding:17.731421vw 2.833333vw 9.114583vw; background:url(/jp/contents/research/graphic/009/note.png) no-repeat center 4.302477vw; background-size:10.364583vw auto;}

#contents .section{padding-top:10.416667vw!important;}
#contents .section h2{margin-bottom:5.215124vw!important;}
#contents .section h3{margin-bottom:4.563233vw!important;}

/* sec01 */
#contents .sec01{padding-top:0!important;}
#contents .sec01 h1 img{width:120%; left:-10%;}
.sec01 .parts img:nth-of-type(2){transform:translate(0,-3.90625vw);}
#contents .sec01 div.text{margin-top:0!important;}

/* sec02 */
.sec02 .parts img:nth-of-type(2),
.sec02 .parts img:nth-of-type(3),
.sec02 .parts img:nth-of-type(4),
.sec02 .parts img:nth-of-type(5){transform:translate(0,3.90625vw);}
.sec02 .fadein .parts img{transform:translate(0,0);}

/* sec03 */
#contents .sec03-1{margin-bottom:10.430248vw;}
.sec03-1 .parts img:nth-of-type(2),
.sec03-1 .parts img:nth-of-type(3),
.sec03-1 .parts img:nth-of-type(4),
.sec03-1 .parts img:nth-of-type(5){transform:translate(0,3.90625vw);}
.sec03-1 .parts img:nth-of-type(6){transform:translate(0,-3.90625vw);}
.sec03-1.fadein .parts img{transform:translate(0,0);}
.sec03-2 .parts img{transform:translate(0,3.90625vw);}

/* sec04 */
#contents .sec04-1{margin-bottom:10.430248vw;}
#contents .section .sec04-1 .graph{width:40%; height:40%; left:1%; top:25.8%;}
#contents .section .sec04-1 .graph + .graph{left:48%;}
.sec04-1 .parts img:nth-of-type(2),
.sec04-1 .parts img:nth-of-type(3){transform:translate(0,-3.90625vw);}
#contents .section .sec04-2 .graph{width:40%; height:40%; top:5%; left:30%;}
.sec04-2 .parts img:nth-of-type(2),
.sec04-2 .parts img:nth-of-type(3),
.sec04-2 .parts img:nth-of-type(4){transform:translate(0,-3.90625vw);}

/* sec05 */
#contents .sec05-1{margin-bottom:10.430248vw;}
#contents .section .sec05-1 .graph{width:40%; height:40%; top:21%; left:30%;}
.sec05-1 .parts img:nth-of-type(2),
.sec05-1 .parts img:nth-of-type(3),
.sec05-2 .parts img:nth-of-type(2),
.sec05-2 .parts img:nth-of-type(3),
.sec05-2 .parts img:nth-of-type(4){transform:translate(0,-3.90625vw);}

/* sec06 */
#contents .sec06{padding:10.416667vw 0 10.416667vw;}


/* resize */
#contents .section:not(.sec01) .parts img{width:94%}
#contents .section:not(.sec01) img + img{left:3%;}


}
@media screen and (max-width:641px){
/*
	mobile 
*/
#contents p {font-size:3.2vw;}




}