@charset "utf-8";#trainee{}#trainee .btn_trainee{background-color:#0071BC;color:#FFF}#trainee .btn_trainee:hover{opacity:1}#flow picture{text-align:center}#flow picture img{width:100%}#flow figcaption{text-align:left}#flows>li{line-height:1.5;position:relative}#flows>li:not(:first-child):before{border-color:#ED1C24 transparent transparent transparent;border-style:solid;content:"";display:block;height:0;position:absolute;top:0;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0}#flows>li p{background-color:#333;border-radius:5px;color:#FFF;line-height:1.25;padding:.125em .5em .125em 3em;position:relative}#flows>li p:before{background-position:center center;background-repeat:no-repeat;background-size:contain;content:"";display:block;line-height:1;height:2em;pointer-events:none;position:absolute;top:50%;left:.5em;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:2em}#flows>li:nth-child(1) p:before{background-image:url(https://ganpro.net/images/user/icon/num_01.svg)}#flows>li:nth-child(2) p:before{background-image:url(https://ganpro.net/images/user/icon/num_02.svg)}#flows>li:nth-child(3) p:before{background-image:url(https://ganpro.net/images/user/icon/num_03.svg)}#flows>li:nth-child(4) p:before{background-image:url(https://ganpro.net/images/user/icon/num_04.svg)}#flows>li span{display:inline-block;font-size:75%;padding-left:4em}@media screen and (max-width:767px){#trainee{}#trainee>hr{margin:0 0 7.142857142857143%}#flow{margin-bottom:7.142857142857143%}#flow figcaption{margin-bottom:7.142857142857143%}#flows{margin-bottom:7.142857142857143%}#flows>li:not(:first-child){margin-top:-webkit-calc(7.142857142857143% + 9px);margin-top:calc(7.142857142857143% + 9px)}#flows>li:not(:first-child):before{border-width:9px 9px 0 9px;margin-top:-webkit-calc(-3.571428571428571% - (9px / 2));margin-top:calc(-3.571428571428571% - (9px / 2))}#trainee .btn_trainee{margin-bottom:7.142857142857143%}}@media screen and (min-width:768px){#trainee{}#trainee>hr{margin:0 0 50px}#flow{border-collapse:separate;border-spacing:0;display:table;margin-bottom:50px;table-layout:fixed;width:100%}#flow picture{display:table-cell;vertical-align:top}#flow figcaption{display:table-cell;vertical-align:top;padding-left:2em}#flows>li{margin-bottom:2em}#flows>li:not(:first-child):before{border-width:12px 12px 0 12px;margin-top:-1em}#trainee .btn_trainee{margin-bottom:50px}}@media screen and (min-width:768px) and (max-width:939px){#flow figcaption{font-size:87.5%}}@media screen and (min-width:768px) and (max-width:1279px){#flow figcaption{width:25em}}@media screen and (min-width:1200px){#flow figcaption{width:500px}#flows>li{font-size:112.5%}}