#pageTitle{background-image:url(../img/about/page_title.jpg)}
#pageTitle.subsidy h2:after{content:"ABOUT"}
#bouonAbout{}
#bouonAbout p{margin:0 0 1.6em}
#bouonAbout h3 + p{font-weight:700}
#bouonAbout p{line-height:1.8em}
#bouonAbout p.btn{background:#e4f4fa}
#bouonAbout 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%}
#bouonAbout p.btn a::after{content:"\00ff1e"}
#bouonAbout h4{position:relative;font-weight:bold}
#bouonAbout h4::after {position: absolute;left: 0;bottom: 0;content: '';width: 100%;height: 0;border-bottom: 1px solid #ccc;}
#aboutList li h5{font-weight:700}
#aboutList li h5::before{content:"";background:#1aa3d1;display:inline-block;position:relative}
#aboutList li h5,#aboutList li p{color:#1aa3d1}

@media screen and (min-width:961px){
#bouonAbout{width:1080px;margin:0 auto}
#bouonAbout p{font-size:0.937rem}
#bouonAbout h3 + p{font-size:1.375rem;margin:0 0 1.2em}
#bouonAbout h3 + p img.alignright{float:right;margin:0 0 50px 40px}
#bouonAbout h4{border-left: 6px solid #11347c;margin:2em 0;font-size:22px;padding:.5em 0 .5em .75em}
#bouonAbout h4 + p{line-height:1.8}
#bouonAbout h4 + p img.aligncenter{margin:50px 0 13px;}
#bouonAbout ol>li:last-child{margin-bottom:20px}
#bouonAbout p.btn{padding:40px;margin:0 auto 60px}
#bouonAbout p.btn a{height:80px;font-size:1.625rem;line-height:80px}
#bouonAbout p.btn a:hover{opacity:.8}
#bouonAbout p.btn a::after{margin:0 0 0 10px}
#bouonAbout .caution{margin-bottom:280px;}
#bouonAbout .caution h4 + p img.alignright{float:right;margin:0 0 50px 40px}
#bouonAbout .emphasis{color:#ff0000;font-weight:bold;}
#aboutList{display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:2em auto}
#aboutList li{width:250px}
#aboutList li h5{font-size:22px;margin:0 0 12px}
#aboutList li h5::before{width:6px;height:22px;margin:0 8px 0 0;top:3px}
#aboutList li p{font-size:0.875rem;padding:10px 0}
}

@media screen and (max-width:960px){
#bouonAbout h4{border-left:3px solid #11347c;margin:2em 0 1.2em;font-size:1.625rem;line-height:1.6em;padding:.3em 0 .3em .75em}
#bouonAbout p{font-size:1.25rem}
#bouonAbout p.btn{padding:10px;margin:0 auto}
#bouonAbout p.btn a{padding:18px 15px;font-size:1.25rem}
#bouonAbout p.btn a::after{margin:0 0 0 10px}
#bouonAbout .emphasis{color:#ff0000;font-weight:bold;}
#aboutList{margin:2em auto 0;overflow:hidden}
#aboutList li{width:50%;float:left;}
#aboutList li:nth-child(2n+1){clear:both}
#aboutList li figure{padding:0 5px}
#aboutList li img{margin:0 auto;display:block}
#aboutList li h5{font-size:1.5em;margin:0 5px 10px}
#aboutList li h5::before{width:4px;height:18px;margin:0 8px 0 0;top:2px}
#aboutList li p{font-size:1.166rem;padding:10px}

}