@charset "UTF-8";body#concept-character .contents .benchmark p,body#concept-character .contents .playfree p,body#concept-character .contents .step1__heading span,body#concept-character .contents .step2__heading span,body#concept-character .contents .step3__heading span,body#concept-character .contents .step4__heading span,body#concept-character .contents .step5__heading span,body#concept-character .contents .step6__heading span{line-height:0;text-indent:-9999px;font-size:0}body#concept-character .contents .playfree h2,body#concept-character .contents .ssHeader span,body#concept-character .contents .ssHeaderAbout{width:0;height:0;margin:0;padding:0;line-height:0;text-indent:-9999px;font-size:0;border:none}body#concept-character .contents{}body#concept-character .contents .ssHeader{max-width:none}body#concept-character .contents .ssHeaderAbout{position:absolute}body#concept-character .contents .ssHeaderAbout dt:before{display:none}body#concept-character .contents .ssHeaderAbout dd,body#concept-character .contents .ssHeaderAbout dt,body#concept-character .contents .ssHeaderAbout p{margin:0;padding:0}body#concept-character .contents .movieWrap-inline{min-width:416px}body#concept-character .contents .movieWrap-inline figure{width:100%}body#concept-character .contents .movieWrap-inline figcaption:before{content:"▲"}body#concept-character .contents .movieWrap-inline iframe{min-height:234px;height:auto}body#concept-character .contents .step1,body#concept-character .contents .step2,body#concept-character .contents .step3,body#concept-character .contents .step4,body#concept-character .contents .step5,body#concept-character .contents .step6{margin:0 0 40px;padding:0 60px;background:#f2f4f8;border-bottom:2px solid #a6b9d2;position:relative}body#concept-character .contents .step1:after,body#concept-character .contents .step2:after,body#concept-character .contents .step3:after,body#concept-character .contents .step4:after,body#concept-character .contents .step5:after,body#concept-character .contents .step6:after{content:"";display:block;width:100%;height:4px;background:url(../ver3-img/background_step_left.png) no-repeat left bottom,url(../ver3-img/background_step_right.png) no-repeat right bottom;position:absolute;bottom:0;left:0}body#concept-character .contents .step1__heading,body#concept-character .contents .step2__heading,body#concept-character .contents .step3__heading,body#concept-character .contents .step4__heading,body#concept-character .contents .step5__heading,body#concept-character .contents .step6__heading{padding:14px 20px 10px 150px;margin:0 -60px;font-size:28px;color:#1c3351;font-weight:600;border-bottom:2px solid #1c3351;background:url(../ver3-img/h3_step.png) repeat-y 0 0;position:relative}body#concept-character .contents .step1__heading:after,body#concept-character .contents .step2__heading:after,body#concept-character .contents .step3__heading:after,body#concept-character .contents .step4__heading:after,body#concept-character .contents .step5__heading:after,body#concept-character .contents .step6__heading:after{content:"";display:block;width:63px;height:100%;background:url(../ver3-img/h3_right_top.png) no-repeat 0 0,url(../ver3-img/h3_right_bottom.png) no-repeat 0 bottom;position:absolute;top:0;right:0}body#concept-character .contents .step1__heading span,body#concept-character .contents .step2__heading span,body#concept-character .contents .step3__heading span,body#concept-character .contents .step4__heading span,body#concept-character .contents .step5__heading span,body#concept-character .contents .step6__heading span{width:130px;height:calc(100% + 2px);display:block;background:no-repeat center center;position:absolute;top:0;left:0}body#concept-character .contents .step1__heading span:after,body#concept-character .contents .step2__heading span:after,body#concept-character .contents .step3__heading span:after,body#concept-character .contents .step4__heading span:after,body#concept-character .contents .step5__heading span:after,body#concept-character .contents .step6__heading span:after{content:"";display:block;width:100%;height:100%;box-sizing:border-box;border-top:4px solid #1c3351;border-bottom:4px solid #1c3351}body#concept-character .contents .step1 .boxImg,body#concept-character .contents .step2 .boxImg,body#concept-character .contents .step3 .boxImg,body#concept-character .contents .step4 .boxImg,body#concept-character .contents .step5 .boxImg,body#concept-character .contents .step6 .boxImg{margin-top:30px}body#concept-character .contents .step1 figure.boxImg,body#concept-character .contents .step2 figure.boxImg,body#concept-character .contents .step3 figure.boxImg,body#concept-character .contents .step4 figure.boxImg,body#concept-character .contents .step5 figure.boxImg,body#concept-character .contents .step6 figure.boxImg{margin-top:0}body#concept-character .contents .step1 figure.boxImg figcaption:before,body#concept-character .contents .step2 figure.boxImg figcaption:before,body#concept-character .contents .step3 figure.boxImg figcaption:before,body#concept-character .contents .step4 figure.boxImg figcaption:before,body#concept-character .contents .step5 figure.boxImg figcaption:before,body#concept-character .contents .step6 figure.boxImg figcaption:before{content:"▲"}body#concept-character .contents .step1 .boxSet,body#concept-character .contents .step2 .boxSet,body#concept-character .contents .step3 .boxSet,body#concept-character .contents .step4 .boxSet,body#concept-character .contents .step5 .boxSet,body#concept-character .contents .step6 .boxSet{padding:0 0 20px}body#concept-character .contents .step1 .boxSet .right span,body#concept-character .contents .step2 .boxSet .right span,body#concept-character .contents .step3 .boxSet .right span,body#concept-character .contents .step4 .boxSet .right span,body#concept-character .contents .step5 .boxSet .right span,body#concept-character .contents .step6 .boxSet .right span{display:block;margin-top:30px}body#concept-character .contents .step1 .boxSet .right span:first-child,body#concept-character .contents .step2 .boxSet .right span:first-child,body#concept-character .contents .step3 .boxSet .right span:first-child,body#concept-character .contents .step4 .boxSet .right span:first-child,body#concept-character .contents .step5 .boxSet .right span:first-child,body#concept-character .contents .step6 .boxSet .right span:first-child{margin-top:0}body#concept-character .contents .step1 .boxSet .right .movieWrap-inline,body#concept-character .contents .step2 .boxSet .right .movieWrap-inline,body#concept-character .contents .step3 .boxSet .right .movieWrap-inline,body#concept-character .contents .step4 .boxSet .right .movieWrap-inline,body#concept-character .contents .step5 .boxSet .right .movieWrap-inline,body#concept-character .contents .step6 .boxSet .right .movieWrap-inline{margin-top:4px;margin-bottom:0}body#concept-character .contents .step1 .boxSet .right figure,body#concept-character .contents .step2 .boxSet .right figure,body#concept-character .contents .step3 .boxSet .right figure,body#concept-character .contents .step4 .boxSet .right figure,body#concept-character .contents .step5 .boxSet .right figure,body#concept-character .contents .step6 .boxSet .right figure{width:100%;margin:30px 0 0}body#concept-character .contents .step1 .boxSet .right figcaption:before,body#concept-character .contents .step2 .boxSet .right figcaption:before,body#concept-character .contents .step3 .boxSet .right figcaption:before,body#concept-character .contents .step4 .boxSet .right figcaption:before,body#concept-character .contents .step5 .boxSet .right figcaption:before,body#concept-character .contents .step6 .boxSet .right figcaption:before{content:"▲"}body#concept-character .contents .step1 p strong,body#concept-character .contents .step2 p strong,body#concept-character .contents .step3 p strong,body#concept-character .contents .step4 p strong,body#concept-character .contents .step5 p strong,body#concept-character .contents .step6 p strong{color:#0c274b}body#concept-character .contents .step1__heading span{background-image:url(../ver3-img/h3_step1.png)}body#concept-character .contents .step2__heading span{background-image:url(../ver3-img/h3_step2.png)}body#concept-character .contents .step3__heading span{background-image:url(../ver3-img/h3_step3.png)}body#concept-character .contents .step4__heading span{background-image:url(../ver3-img/h3_step4.png)}body#concept-character .contents .step5__heading span{background-image:url(../ver3-img/h3_step5.png)}body#concept-character .contents .step6__heading span{background-image:url(../ver3-img/h3_step6.png)}body#concept-character .contents .playfree{position:relative;margin-top:70px}body#concept-character .contents .playfree p{width:100%;height:110px;background:url(../ver3-img/catch.png) no-repeat center top}body#concept-character .contents .playfree .btnlist{width:100%;padding:80px 0 30px;margin:0;background:#dae3ec url(../ver3-img/playfree_title.png) no-repeat center top;font-size:0;text-align:center}body#concept-character .contents .playfree .btnlist li{max-width:260px;width:29.6803652968%;display:inline-block;margin:0 20px 0 0}body#concept-character .contents .playfree .btnlist li:last-child{margin:0}body#concept-character .contents .playfree .btnlist li a{width:100%;height:100%;display:block}body#concept-character .contents .playfree .btnlist li a img{width:auto;height:auto;transition:all 300ms ease-in-out}body#concept-character .contents .playfree .btnlist li a:hover img{opacity:0}body#concept-character .contents .playfree .btnlist-01{background:url(../ver3-img/btn_pc_on.png) no-repeat center top/auto 100%}body#concept-character .contents .playfree .btnlist-02{background:url(../ver3-img/btn_ps4_on.png) no-repeat center top/auto 100%}body#concept-character .contents .playfree .btnlist-03{background:url(../ver3-img/btn_switch_on.png) no-repeat center top/auto 100%}body#concept-character .contents .playfree:after,body#concept-character .contents .playfree:before{content:"";display:block;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;position:absolute;left:0;right:0;margin:auto}body#concept-character .contents .playfree:after{border-top:22px solid #fff;top:-42px}body#concept-character .contents .playfree:before{border-top:22px solid #a6b9d2;top:-36px}body#concept-character .contents .btn{margin-bottom:50px}body#concept-character .contents .btn a{width:550px;margin:0 auto;display:block;background:url(/common-img/btn_entry_on.png) no-repeat center top}body#concept-character .contents .btn a img{transition:all 300ms ease-in-out}body#concept-character .contents .btn a:hover img{opacity:0}body#concept-character .contents .benchmark p{width:100%;height:50px;margin:30px auto 0;background:url(../ver3-img/benchmark_text.png) no-repeat center top}body#concept-character .contents .benchmark .btn a{background:url(../ver3-img/btn_benchmark_on.png) no-repeat center top}body#concept-character .contents .template01List{margin:0 0 60px;padding:14px 20px 20px;background:#f2f4f8;position:relative}body#concept-character .contents .template01List dt{margin:0 0 10px;font-size:18px}body#concept-character .contents .template01List dt:before{display:none}body#concept-character .contents .template01List dd{padding:10px 200px 6px 11px;margin:0 0 2px;background:#fff;border-left:4px solid #354fed;position:relative}body#concept-character .contents .template01List dd span{height:1em;line-height:1em;color:#fe2a93;font-size:12px;position:absolute;top:2px;bottom:0;right:15px;margin:auto}body#concept-character .contents .template01List:after,body#concept-character .contents .template01List:before{content:"";display:block;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;position:absolute;left:0;right:0;margin:auto}body#concept-character .contents .template01List:after{border-top:22px solid #fff;bottom:-36px}body#concept-character .contents .template01List:before{border-top:22px solid #a6b9d2;bottom:-42px}