/* BrushUP学び 介護事務LP */
/* reset */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, blockquote { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 200; }
ul, ol { list-style: none inside; }
img, a img { border: 0; vertical-align: middle; }
table, tr, td, th { border-collapse: collapse; }

/* Basic Text Link */
a { color: #224eb5; text-decoration: underline; }
a:link { color: #224eb5; text-decoration: underline; }
a:visited { color: #224eb5; text-decoration: underline; }
a:hover { color: #224eb5; text-decoration: none; }
a:focus { color: #224eb5; text-decoration: underline; }
a:active { color: #224eb5; text-decoration: underline; }
.clearfix { zoom: 1; }
.clearfix:after { clear: both; content: ''; display: block; }

/*inner*/
html { font-size: 62.5%; color: #58493e; }
.p-btn img:hover { opacity: 0.6; }
.p-header { overflow: hidden; padding: .4em .4em .6em; }
.p-header img { float: left; margin-right: 1em; width: 170px; }
.p-header p { line-height: 1; margin-top: .6em; }
.p-wrapper h2 { font-size: 2.6rem; font-weight: 200; }
.p-title { text-align: center; }
.p-btn { padding: 1em 0 0; text-align: center; }
.p-btn img { max-width: 300px; }
.p-contents { margin: 1em 0 0; text-align: center; }
.p-contents p { text-align: left; }
.p-about { background: #eeeded; padding: 1em; }
.p-about_top span { background: -webkit-linear-gradient(transparent 60%, #fff000 70%); background-color: #fff000; }
.p-about__top img { height: 28px; margin: 0 auto; width: auto; }
.p-about__top p { margin-top: 1em; }
.p-about li { background: #fff; margin-top: 1em; padding: 1em; position: relative; text-align: left; }
.p-about li span { display: block; position: relative; cursor: pointer; }
.p-about li span::after { position: absolute; top: 50%; right: 10px; display: block; width: 10px; height: 10px; margin-top: -5px; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 2px solid #333; border-bottom: 2px solid #333; }
.p-about li span.is-active::after { transform: rotate(-135deg); }
.p-about p { display: none; margin-top: 1em; padding: 1em 0 0; background: url(images/border_sp.png) left top repeat-x; }
.p-about li .is-open { display: block; }
.p-about img { width: auto; height: 19px; }
.p-reason { position: relative; margin: 2em 1em 0; padding: 1em; border: 5px solid #47bdae; }
.p-reason__top { position: absolute; top: -30px; right: 0; left: 0; width: auto; height: 48px; margin: 0 auto; }
.p-reason p { margin-top: 1em; }
.p-reason li img { margin-top: 1em;max-width: 100%; }
.p-exam { background: #daf2ef; padding: 2em 1em 1em; }
.p-exam p { margin: 1em 0; }
.p-exam span { background-color: #fff000; background: -webkit-linear-gradient(transparent 60%, #fff000 70%); }
.p-exam__top img { height: 22px; margin: 0 auto; width: auto; }
.p-exam__top p { margin-bottom: 2em; }
.p-exam table{width:100%; background: #fff; position: relative; margin-bottom: 2em;}
.p-exam table:before{ content: ""; width:100%; height: 10px; background: url(images/border_sp.png); position: absolute; top: -5px;left:0;}
.p-exam table th{background:#fffab2;font-weight: bold;width:30%;}
.p-exam table td{padding:3%;}
.p-exam table tr{border-bottom: 1px dotted #bfbfbf;}
.p-exam table tr:first-child{font-weight: bold; font-size: 1.7rem;}
.p-exam table tr:last-child{border-bottom: none;}
.p-exam table td:nth-child(2){text-align: left;}
footer { padding: 1em 0; text-align: center; }
/*AREA*/
#AREA{background: #47bdae;padding: 1em 0;margin: 1em 0 0}
#AREA img.subtitle{position:relative}
#AREA section{margin:5px 12px 0;position:relative}
#AREA img{display:block;margin:0 auto 10px;max-width: 300px;}
#AREA .area-contents-base{height:283px;}
#AREA .two-col{background:#fff;text-align:center;color:#2aacbc;font-weight:700}
#AREA .two-col .rb-btn-small{border-right:none;}
#AREA .three-col{border-radius:0;}
#AREA .addr-area-list,#AREA .rb-border-cover{border:none;border-radius:3px;}
.addr-area-list,.rb-border-cover{border:1px solid #2473b5;border-radius:3px;}
.area-contents-base {overflow:hidden;height:230px;}
/*left*/
.three-col {display: table;table-layout: fixed;width: 100%;background:#fff;border-radius:3px;}
.three-col-article {display: table-cell;line-height:normal;}
.area-contents-left{width: 100%;border-radius:3px;position: absolute;top: 0px;left: 0px;border:1px solid #ccc;box-shadow:0px 0px 5px 0px #cccccc;-moz-box-shadow:0px 0px 5px 0px #cccccc;-webkit-box-shadow:0px 0px 5px 0px #cccccc;}
.rb-btn-small {display: block;border-right: 1px dotted #333;border-bottom: 1px dotted #333;padding:12px 10px;position: relative;color: #444;font-size:19px}
.three-col a::after {position: absolute;top: 50%;right: 10px;display: block;content: '';width: 10px;height: 10px;margin-top: -5px;border-top: 2px solid #333;border-right: 2px solid #333;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.two-col a::after {position: absolute;top: 50%;right: 10px;display: block;content: '';width: 10px;height: 10px;margin-top: -5px;border-top: 2px solid #333;border-right: 2px solid #333;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.three-col li:last-child .rb-btn-small {border-right: none;}
.three-col:last-child .rb-btn-small {border-bottom: none;}
.addr-area-list,.area-list {display: none;}
/*right*/
.area-contents-right {width: 100%;Fborder-radius:3px;position: absolute;top: 0px;left: 100%;background:#fff;overflow:hidden;}
#AREA .area-contents-right .rb-wrapper-small .addr-area-list{border:1px solid #ccc;box-shadow:0px 0px 5px 0px #cccccc;-moz-box-shadow:0px 0px 5px 0px #cccccc;-webkit-box-shadow:0px 0px 5px 0px #cccccc;}
.rb-wrapper-small a.rb-area-btn-prev{float:left;position: absolute;top: 9px;left: 10px;width: 45px;display: block;padding: 8px 5px 8px 0;border: 1px solid #dadada;color: #333;font-size: 12px;font-weight: normal;text-decoration: none;text-shadow: none;background: #fff;border-radius: 3px;text-align:right}
.rb-wrapper-small a.rb-area-btn-prev::after {position: absolute;top: 50%;left: 10px;display: block;content: '';width: 8px;height: 8px;margin-top: -5px;border-bottom: 1px solid #666;border-left: 1px solid #666;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.search-area-article-border ul{display:table;table-layout:fixed;width:100%}
.search-area-article-border ul li{width:50%;float:left;border-bottom: 1px dotted #333;}
.search-area-article-border ul li:nth-last-of-type(2),.search-area-article-border ul li:last-child{border-bottom:none}
.search-area-article-border ul li a{display: block;border-right: 1px dotted #333;padding: 6px 10px;position: relative;color: #444;font-size:19px;}
.area-contents-right{background:#fff;}
.search-area-article-border ul li.list_none{text-align:center;padding:10px 0;width:100%;}
.rb-area-container{overflow:hidden;background:#e5e5e1;text-align:center;padding:12px 0;border-top-left-radius:3px;border-top-right-radius:3px}
.rb-area-container p{font-size:19px;}
.search-area-article-border:first-child {border-top: 1px solid #333;}
.search-area-article-border ul li:nth-child(even) a{border-right:none}
.search-area-article-border ul li:last-child{border-top:none}
.search-area-article-border ul li:last-child a{border-bottom:none}
#AREA:after{background:url(images/cont2Bg.png) bottom no-repeat;}
@media screen and (min-width: 801px) { body { width: 100%; background-position: center top; background-repeat: repeat; text-align: left; font-family: 'ＭＳ Ｐゴシック', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif; font-size: 1.6rem; line-height: 2; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; margin: 0; padding: 0; }
  img { border: 0; margin: 0 auto; }
  ul, ol { margin: 0; padding: 0; }
  .p-wrapper { max-width: 800px; margin: 0 auto; }
  .p-btn img {max-width: 600px}
  .p-reason li {
    width: 620px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 800px) { body { width: 100%; background-position: center top; background-repeat: repeat; text-align: left; font-family: 'ＭＳ Ｐゴシック', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif; font-size: 1.4rem; line-height: 2; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; margin: 0; padding: 0; }
  img { width: 100%; border: 0; }
  .p-wrapper { width: 100%; margin: 0 auto; }
  .p-header img { width: 30%; }
  .p-header p { font-size: 10px; line-height: 1.4; }
}