#pageTitle{background-image:url(../img/feature/subsidy/page_title.jpg)}
#pageTitle.subsidy h2:after{content:"FLOW"}
#subsudyFlow{}
#subsudyFlow ol{counter-reset:number;list-style:none}
#subsudyFlow ol>li{background:#e4f4fa;position:relative;clear:both}
#subsudyFlow ol>li h4{font-weight:700;color:#333}
#subsudyFlow ol>li h4:before{counter-increment:number;content:"\0053\0054\0045\0050\0020\0030"counter(number);font-weight:700;color:#209fd6;display:block}
#subsudyFlow ol>li ul>li:before{color:#9a9999;content:"\0025cf";position:relative}
#subsudyFlow ol>li::after{content:"";display:block;width:0;height:0;border-style:solid;border-color:#209fd6 transparent transparent transparent;position:absolute;left:50%}
#subsudyFlow ol>li:last-child::after{display:none}
#subsudyFlow p{margin:0 0 1.6em}
#subsudyFlow h3 + p{font-weight:700}
#subsudyFlow p,#subsudyFlow ol>li ul li{line-height:1.8em}
#subsudyFlow p.btn{background:#e4f4fa}
#subsudyFlow p.btn a{background:rgb(90,113,165);background:-moz-linear-gradient(top, rgba(90,113,165,1) 0%, rgba(83,109,160,1) 13%, rgba(66,95,151,1) 34%, rgba(67,93,150,1) 37%, rgba(63,92,150,1) 38%, rgba(33,66,133,1) 73%, rgba(18,52,124,1) 100%);background:-webkit-linear-gradient(top, rgba(90,113,165,1) 0%,rgba(83,109,160,1) 13%,rgba(66,95,151,1) 34%,rgba(67,93,150,1) 37%,rgba(63,92,150,1) 38%,rgba(33,66,133,1) 73%,rgba(18,52,124,1) 100%);background:linear-gradient(to bottom, rgba(90,113,165,1) 0%,rgba(83,109,160,1) 13%,rgba(66,95,151,1) 34%,rgba(67,93,150,1) 37%,rgba(63,92,150,1) 38%,rgba(33,66,133,1) 73%,rgba(18,52,124,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a71a5', endColorstr='#12347c',GradientType=0 );color:#fff;text-align:center;display:block;font-weight:700;text-decoration:none;width:100%}
#subsudyFlow p.btn a::after{content:"\00ff1e"}

@media screen and (min-width:961px){
#subsudyFlow{width:1080px;margin:0 auto}
#subsudyFlow ol>li{margin:0 auto 50px;padding:40px;height:270px}
#subsudyFlow ol>li img{float:left;margin:0 30px 0 0;border:3px solid #209fd6}
#subsudyFlow ol>li h4{font-size:1.25rem;margin:0 0 25px}
#subsudyFlow ol>li h4:before{font-size:1.75rem;margin:0 0 25px}
#subsudyFlow p,#subsudyFlow ol>li ul li{font-size:0.937rem}
#subsudyFlow ol>li::after{border-width:15px 17px 0 17px;bottom:-35px;margin-left:-7px}
#subsudyFlow ol>li ul li{margin:0 0 10px}
#subsudyFlow ol>li ul>li:before{font-size:10px;margin:0 5px 0 0;top:-2px}
#subsudyFlow h3 + p{font-size:1.375rem;margin:0 0 1.2em}
#subsudyFlow h3 + p img.alignright{float:right;margin:0 0 50px 40px}
#subsudyFlow ol>li:last-child{margin-bottom:20px}
#subsudyFlow p.btn{padding:40px;margin:0 auto 60px}
#subsudyFlow p.btn a{height:80px;font-size:1.625rem;line-height:80px}
#subsudyFlow p.btn a:hover{opacity:.8}
#subsudyFlow p.btn a::after{margin:0 0 0 10px}
}

/*
    SP 

**********************************************************/

@media screen and (max-width: 960px) {
#subsudyFlow ol>li{margin:0 auto 20px;padding:20px 10px 10px;min-height:120px}
#subsudyFlow ol>li img{float:left;margin:0 20px 0 0;border:2px solid #209fd6;width:120px;height:auto}
#subsudyFlow ol>li h4{font-size:1.75rem;margin:0 0 10px}
#subsudyFlow ol>li h4:before{font-size:1.25rem;margin:0 0 15px}
#subsudyFlow p,#subsudyFlow ol>li ul li{font-size:0.937rem}
#subsudyFlow ol>li::after{border-width:7px 8px 0 8px;bottom:-15px;margin-left:-4px}
#subsudyFlow ol>li ul li{margin:0 0 10px}
#subsudyFlow ol>li ul>li:before{font-size:10px;margin:0 5px 0 0;top:-2px}
#subsudyFlow h3 + p{font-size:1.25rem;margin:0}
#subsudyFlow h3 + p strong{display:block;padding:0 0 1.2em;font-size:1.5em;line-height:1.6em}
#subsudyFlow h3 + p img.alignright{display:block;margin:0 auto 20px}
#subsudyFlow h4 + p{margin:0;padding:0 0 0 20px;font-size:1.166rem}
#subsudyFlow ol>li:last-child{margin-bottom:20px}
#subsudyFlow p.btn{padding:40px;margin:0 auto 60px}
#subsudyFlow p.btn a{height:80px;font-size:1.625rem;line-height:80px}
#subsudyFlow p.btn a:hover{opacity:.8}
#subsudyFlow p.btn a::after{margin:0 0 0 10px}
}