@charset "UTF-8";


/*---------- ページ全体の指定 ----------*/

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 320px) {
    html{ font-size : 13px;}
}
@media screen and (min-width: 480px) {
    html{ font-size : 18px;}
}

@media screen and (min-width : 762px){
    html{ font-size : 18px;}
}
 
@media screen and (min-width : 1024px) {
    html{ font-size : 18px;} 
}

img {border: 0;}

body {
  max-width: 600px;
  margin:0 auto;
  padding:0;
  background-color: #ffffff;
  font-family:'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
  line-height: 1.4;
}

a:link {
  color: #583822;
}

a:hover {
  color: #765c47;
}

a:visited {
  color: #583822;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*---------- ヘッダー ----------*/

header {
  width: 100%;
}

header h1 {
  padding: 2px 0 2px 8px;
  text-align: left;
  font-size: 0.8rem;
  color: #666666;
  font-weight:normal;
}

header h2 {
  padding: 0px 0 0 5px;
  font-size: 18px;
  text-align: left;
  color: #333333;
  float:left;
}

header .fright{
  float:right;
  text-align:right;
  margin-top:5px;
  margin-right:5px;
}

header img.main_photo {
  width: 100%;
  height: auto;
}

#page_top {
  margin: 0;
  padding: 0;
}


/*---------- コンテンツ ----------*/

#content {
  padding: 6px;
}

section {
  margin: 0 0 0 0;
}
section.new{
  margin: 0 10px;
  background-color: #f3f2ee;
}

section h2 {
  margin: 0 0 3px 0;
  padding: 5px 0 3px 8px;
  font-size: 18px;
  border-bottom: solid 2px;
  border-bottom-color: #607d8b;
  color:#5f5a5a;
}

section p {
  margin: 0 10px 12px 10px;
  padding: 5px;
  line-height: 1.8;
}

section .gray_bg {
  margin: 8px 0 8px 0;
  padding: 2px 8px 2px 8px;
  line-height: 1.7;
  letter-spacing: 1px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #eeeeee;
}

section .gray_bg p {
  padding: 3px;
  line-height: 1.7;
  letter-spacing: 1px;
}

section img.picture {
  margin: 0 10px 10px 0;
  float: left;
}

section img.picture_r {
  margin: 0 0 10px 10px;
  float: right;
}

section span.red {
  color: #e60033;
}

section span.red_b {
  color: #e60033;
  font-weight: bold;
}

section span.blue {
  color: #007bbb;
}

section span.pink {
  color: #c53d43;
}

section span.brown {
  color: #993300;
}

section span.brown_b {
  color: #993300;
  font-weight: bold;
}

section span.green {
  color: #00ae4f;
}

section table.table_line {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  margin : 8px  0 8px 0;
}

section td.table_line {
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  padding : 8px 10px 8px 10px;
}

/*---------- ナビ ----------*/

nav {
  width: 100%;
  text-decoration: none;
  margin: 0 0 10px 0;
  background: url(img/nav_bg.gif) repeat-x;
}

nav h2 {
  padding: 5px 0 3px 22px;
  font-size: 14px;
  border-bottom: solid 1px;
  border-bottom-color: #cccccc;
  background: url(img/h_icon_gray.gif) left top no-repeat;
  background-color: #eeeeee;
}

nav ul {
  width: 100%;
  border-top: solid 1px;
  border-top-color: #cccccc;
}

nav li {
  width: 100%;
  list-style: none;
  text-align: center;
}

nav li a {
  padding: 10px;
  display: block;
  color: #583822 !important;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 2px;
  border-bottom-color: #cccccc;
  background: url(img/nav_bg.gif) repeat-x;
}

nav li a:hover {
  color: #765c47 !important;
  display: block;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 2px;
  border-bottom-color: #cccccc;
  background: url(img/nav_bg_hover.gif) repeat-x;
}


/*---------- トップに戻る ----------*/

#page_back {
  margin: 0 0 8px 0;
  padding: 0 6px 0 0;
  text-align: right;
}


/*---------- フッター ----------*/

footer {
  width: 100%;
  padding: 10px 0 10px 0;
  color: #333333;
  text-align: center;
  border-top: solid 1px;
  border-top-color: #cccccc;
}

footer p {
  padding: 10px 10px 10px 20px;
  color: #555555;
  text-align:left;
}

footer a {
  color: #555555 !important;
}

footer a:hover {
  color: #777777 !important;
}

footer a:visited {
  color: #555555;
}

footer p.copy {
  padding: 5px;
  font-size: 12px;
  color: #ffffff;
  text-align:center;
  background:#AD9684;
}

footer p.copy a {
  color: #583822 !important;
  text-decoration: none;
}

footer p.copy a:hover {
  color: #765c47 !important;
  text-decoration: underline;
}

footer p.copy a:visited {
  color: #583822;
  text-decoration: none;
}


/*==========追記====================*/

/* clearfix
========================================================================== */
.nav-util:after, .contents:after, .key-visual .list-cvn:after, .primary:after, .secondary:after, .row-fluid:after, .tab-list:after, .image-left:after,
.image-right:after, .nav-class:after, .aside-05 .list-search-classroom ul:after, .list-checkbox-01:after, .list-radio-01:after, .form-progress:after, .nav-carousel-classroom:after, .nav-carousel-success:after, .nav-internal-01:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix{
  content: "";
  display: block;
  clear: both;
}

/* box-sizing
========================================================================== */
input, select, .nav-util li, .key-visual, .box-cvn-footer, .nav-local a, .tab-01, .tab-01 li, .tab-01 a, .tab-01 em, .nav-class .hdg > span, .freedial:after, .freedial-01:after, .extend-container-message .extend-content p.btn-close, .box-qa .hdg:before, .box-qa .box-answer:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

p.baner{
  margin:10px auto;
  text-align:center;
}
p.baner img{
  width:91%;
  height:auto;
}
p.baner2{
  clear:both;
  margin:10px auto;
  text-align:center;
}
p.baner2 img{
  width:91%;
  height:auto;
}
/* ==========================================================================
	Layout
========================================================================== */
.branding-copy {
  display: none;
}

.header {
}

.logo-tkg {
  margin: 0;
  padding: 10px 0 10px 7px;
}
.logo-tkg img {
  height: 31px;
}

.sp .logo-tkg {
	margin: 0;
	padding: 8px 0 8px 7px;
	font-size: 27px;
	line-height: 27px;
	color: #003587;
}
.sp .logo-tkg img {
  height: 35px;
}

.logo-benesse {
  display: none;
}

.toggle-container-contact {
  font-size: 9px;
  font-size: 0.9rem;
  margin: 0 auto;
  text-align: center;
}
.toggle-container-contact .toggle-content {
  margin: 0 auto;
  padding-bottom: 10px;
}
.toggle-container-contact .office-hours {
  text-align: left;
  display: inline-block;
  position: relative;
  padding-left: 5em;
  padding-bottom: 10px;
}
.toggle-container-contact .office-hours b {
  position: absolute;
  top: 0;
  left: 0;
}

.nav-category-header {
  display: none;
}

.nav-util {
  border-bottom: 1px solid #e5e1d8;
}
.nav-util li {
  float: left;
  width: 50%;
  border-top: 1px solid #e5e1d8;
}
.nav-util li:nth-child(2n+1) {
  border-right: 1px solid #e5e1d8;
}
.nav-util li.special {
  float: none;
  clear: both;
  width: 100%;
  border-right: 0;
}
.nav-util a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: table;
  margin: 0;
  padding: 0 20px 0 .5em;
  width: 100%;
  height: 44px;
  border-radius: 0;
  text-decoration: none;
}
.nav-util a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  margin: -8px 0 0;
  width: 10px;
  height: 16px;
  background: url(./img/sprite-arrow.png) -292px 50% no-repeat;
  content: "";
}
.nav-util a > span {
  display: table-cell;
  vertical-align: middle;
}

.topic-path {
  display: none;
}

.contents {
}

.classroom .contents {
  border-top: 0;
}
.classroom .contents-inner {
  padding: 0 10px;
}

.contents-inner {
  margin: 0 auto;
  padding: 10px 10px 0;
}

.top .contents-inner {
  padding: 0 10px 0;
}

.key-visual-index {
  margin: 0 -10px;
  padding: 0 10px 10px;
}

.bnbtn{
  margin: 0 ;
  padding: 0 10px 10px;
  width:95%;
}
.bnbtn li{
  width:46%;
  margin:8px 2%;
  float:left;
}

.contitle{
	height: 45px;
	font-size: 20px;
	line-height: 45px;
	color: #00378C;
	text-align: center;
	text-shadow: 0px 1px 1px #ffffff;
	font-weight: bold;
	background-color: #F4E0CE;
	border-bottom-color: #F93;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.context {
	font-size: 95%;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	line-height: 160%;
}
.key-visual-index p {
  margin: 0;
  padding: 5px 0 10px;
  color: #00378c;
}
.key-visual-index p > span {
  display: inline-block;
  padding: 0 0 0 10px;
}
.key-visual-index .list-cvn {
  display: table;
  margin: 10px 0 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.key-visual-index .list-cvn li {
  font-size: 14px;
  font-size: 1.4rem;
  display: table-cell;
  padding: 0 0 0 5px;
  width: 50%;
  vertical-align: top;
}
.key-visual-index .list-cvn li:first-child {
  padding: 0 5px 0 0;
}
.key-visual-index .list-cvn a {
  padding-right: 5px;
  padding-left: 34px;
}
.key-visual-index .list-cvn a:before {
  left: 10px;
  margin-top: -10px;
}

.key-visual {
  margin: 0 -10px;
  padding: 7px 0 0;
  background: url(/sp/school/img/bg-key-visual.png) 100% 0 no-repeat #eaf1fc;
  border-top: 1px solid #97b7ef;
  min-height: 193px;
  position: relative;
}
.key-visual p {
  margin: 0;
}
.key-visual .hdg-01-02-container {
  margin: 0 142px 0 10px;
  padding: 6px 10px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #00378c;
  border-radius: 3px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  display: inline-block;
}
.key-visual .hdg-01-02-container .hdg {
  margin: 0;
}
.key-visual .hdg-01-02-container span {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
}
.key-visual .list-cvn {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  display: table;
  padding: 10px;
  width: 100%;
  height: 94px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.key-visual .list-cvn li {
  font-size: 14px;
  font-size: 1.4rem;
  display: table-cell;
  padding: 0 0 0 5px;
  width: 50%;
  vertical-align: top;
}
.key-visual .list-cvn li:first-child {
  padding: 0 5px 0 0;
}
.key-visual .list-cvn a {
  padding-right: 5px;
  padding-left: 34px;
}
.key-visual .list-cvn a:before {
  left: 10px;
  margin-top: -10px;
}

.primary, .secondary, .row-fluid {
  padding: 0 0 10px;
}

.row-fluid {
  clear: both;
  padding: 0;
}

.footer {
  /*background: url(./img/bg-grain.png) 0 0 repeat;*/
}

.footer-inner {
  border-top: 3px solid #00378c;
}

.box-cvn-footer {
  -webkit-box-shadow: 0 0 6px rgba(166, 152, 121, 0.7);
  box-shadow: 0 0 6px rgba(166, 152, 121, 0.7);
  margin: 10px;
  padding: 10px 15px;
  height: auto !important;
  border-radius: 5px;
  background-color: #fff;
}
.box-cvn-footer .box-contact {
  text-align: center;
}
.box-cvn-footer .box-contact > br {
  display: none;
}
.box-cvn-footer .office-hours {
  font-size: 9px;
  font-size: 0.9rem;
  margin: 5px 0;
}
.box-cvn-footer .office-hours b {
  padding-right: 8px;
}
.box-cvn-footer .balloon {
  margin: 0 auto 8px!important;
}
.box-cvn-footer .balloon > span {
  text-align: left;
}
.box-cvn-footer .list-cvn {
  margin: 0 auto;
  padding: 4px 0 0;
}
.box-cvn-footer .list-cvn li {
  margin: 0 0 6px;
}
.box-cvn-footer .list-cvn li a {
  min-width: 0;
  padding-right: 10px!important;
}
.box-cvn-footer .link-list-01 {
  margin-top: 0;
}
.box-cvn-footer .link-list-02 {
  margin-top: 5px;
}

.image-left-footer {
  background-color: #fff;
}
.image-left-footer .image {
  padding-bottom: 10px;
}

.box-category-footer {
  padding: 0 10px 10px;
  height: auto !important;
}

.nav-category-footer {
  display: none;
}

.nav-util-footer {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
  padding: 10px;
  background-color: #E4B381;
  line-height: 1.1;
}
.nav-util-footer li {
  background-color: #fff;
}
.nav-util-footer li:first-child {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.nav-util-footer li:first-child a {
  border: 0;
}
.nav-util-footer li:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.nav-util-footer a {
  position: relative;
  display: block;
  padding: 1em 20px 0.9em 10px;
  border-top: 1px solid #eee6c8;
  text-decoration: none;
  color:#663300;
}
.nav-util-footer a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-block;
  margin: -8px 0 0;
  width: 10px;
  height: 16px;
  background: url(./img/sprite-arrow.png) -292px 50% no-repeat;
  content: "";
  vertical-align: middle;
}

.list-secure {
  display: table;
  margin: 0 auto;
  text-align: center;
}
.list-secure li {
  display: table-cell;
  padding: 10px 10px 0;
  vertical-align: middle;
}

.copyright {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 5px 0;
  background-color: #e7e4d9;
  text-align: center;
}
.copyright p {
  margin: 0;
  padding: .3em 1em;
  text-align: center;
}

/* ==========================================================================
	Modules
========================================================================== */
.pt0, .pv0, .pa0 {
  padding-top: 0px !important;
}

.pr0, .ph0, .pa0 {
  padding-right: 0px !important;
}

.pb0, .pv0, .pa0 {
  padding-bottom: 0px !important;
}

.pl0, .ph0, .pa0 {
  padding-left: 0px !important;
}

.mt0, .mv0, .ma0 {
  margin-top: 0px !important;
}

.mr0, .mh0, .ma0 {
  margin-right: 0px !important;
}

.mb0, .mv0, .ma0 {
  margin-bottom: 0px !important;
}

.ml0, .mh0, .ma0 {
  margin-left: 0px !important;
}

.pt5, .pv5, .pa5 {
  padding-top: 5px !important;
}

.pr5, .ph5, .pa5 {
  padding-right: 5px !important;
}

.pb5, .pv5, .pa5 {
  padding-bottom: 5px !important;
}

.pl5, .ph5, .pa5 {
  padding-left: 5px !important;
}

.mt5, .mv5, .ma5 {
  margin-top: 5px !important;
}

.mr5, .mh5, .ma5 {
  margin-right: 5px !important;
}

.mb5, .mv5, .ma5 {
  margin-bottom: 5px !important;
}

.ml5, .mh5, .ma5 {
  margin-left: 5px !important;
}

.pt10, .pv10, .pa10 {
  padding-top: 10px !important;
}

.pr10, .ph10, .pa10 {
  padding-right: 10px !important;
}

.pb10, .pv10, .pa10 {
  padding-bottom: 10px !important;
}

.pl10, .ph10, .pa10 {
  padding-left: 10px !important;
}

.mt10, .mv10, .ma10 {
  margin-top: 10px !important;
}

.mr10, .mh10, .ma10 {
  margin-right: 10px !important;
}

.mb10, .mv10, .ma10 {
  margin-bottom: 10px !important;
}

.ml10, .mh10, .ma10 {
  margin-left: 10px !important;
}

.pt15, .pv15, .pa15 {
  padding-top: 15px !important;
}

.pr15, .ph15, .pa15 {
  padding-right: 15px !important;
}

.pb15, .pv15, .pa15 {
  padding-bottom: 15px !important;
}

.pl15, .ph15, .pa15 {
  padding-left: 15px !important;
}

.mt15, .mv15, .ma15 {
  margin-top: 15px !important;
}

.mr15, .mh15, .ma15 {
  margin-right: 15px !important;
}

.mb15, .mv15, .ma15 {
  margin-bottom: 15px !important;
}

.ml15, .mh15, .ma15 {
  margin-left: 15px !important;
}

.pt20, .pv20, .pa20 {
  padding-top: 20px !important;
}

.pr20, .ph20, .pa20 {
  padding-right: 20px !important;
}

.pb20, .pv20, .pa20 {
  padding-bottom: 20px !important;
}

.pl20, .ph20, .pa20 {
  padding-left: 20px !important;
}

.mt20, .mv20, .ma20 {
  margin-top: 20px !important;
}

.mr20, .mh20, .ma20 {
  margin-right: 20px !important;
}

.mb20, .mv20, .ma20 {
  margin-bottom: 20px !important;
}

.ml20, .mh20, .ma20 {
  margin-left: 20px !important;
}

.pt25, .pv25, .pa25 {
  padding-top: 25px !important;
}

.pr25, .ph25, .pa25 {
  padding-right: 25px !important;
}

.pb25, .pv25, .pa25 {
  padding-bottom: 25px !important;
}

.pl25, .ph25, .pa25 {
  padding-left: 25px !important;
}

.mt25, .mv25, .ma25 {
  margin-top: 25px !important;
}

.mr25, .mh25, .ma25 {
  margin-right: 25px !important;
}

.mb25, .mv25, .ma25 {
  margin-bottom: 25px !important;
}

.ml25, .mh25, .ma25 {
  margin-left: 25px !important;
}

.pt30, .pv30, .pa30 {
  padding-top: 30px !important;
}

.pr30, .ph30, .pa30 {
  padding-right: 30px !important;
}

.pb30, .pv30, .pa30 {
  padding-bottom: 30px !important;
}

.pl30, .ph30, .pa30 {
  padding-left: 30px !important;
}

.mt30, .mv30, .ma30 {
  margin-top: 30px !important;
}

.mr30, .mh30, .ma30 {
  margin-right: 30px !important;
}

.mb30, .mv30, .ma30 {
  margin-bottom: 30px !important;
}

.ml30, .mh30, .ma30 {
  margin-left: 30px !important;
}

.pt35, .pv35, .pa35 {
  padding-top: 35px !important;
}

.pr35, .ph35, .pa35 {
  padding-right: 35px !important;
}

.pb35, .pv35, .pa35 {
  padding-bottom: 35px !important;
}

.pl35, .ph35, .pa35 {
  padding-left: 35px !important;
}

.mt35, .mv35, .ma35 {
  margin-top: 35px !important;
}

.mr35, .mh35, .ma35 {
  margin-right: 35px !important;
}

.mb35, .mv35, .ma35 {
  margin-bottom: 35px !important;
}

.ml35, .mh35, .ma35 {
  margin-left: 35px !important;
}

.pt40, .pv40, .pa40 {
  padding-top: 40px !important;
}

.pr40, .ph40, .pa40 {
  padding-right: 40px !important;
}

.pb40, .pv40, .pa40 {
  padding-bottom: 40px !important;
}

.pl40, .ph40, .pa40 {
  padding-left: 40px !important;
}

.mt40, .mv40, .ma40 {
  margin-top: 40px !important;
}

.mr40, .mh40, .ma40 {
  margin-right: 40px !important;
}

.mb40, .mv40, .ma40 {
  margin-bottom: 40px !important;
}

.ml40, .mh40, .ma40 {
  margin-left: 40px !important;
}

.pt45, .pv45, .pa45 {
  padding-top: 45px !important;
}

.pr45, .ph45, .pa45 {
  padding-right: 45px !important;
}

.pb45, .pv45, .pa45 {
  padding-bottom: 45px !important;
}

.pl45, .ph45, .pa45 {
  padding-left: 45px !important;
}

.mt45, .mv45, .ma45 {
  margin-top: 45px !important;
}

.mr45, .mh45, .ma45 {
  margin-right: 45px !important;
}

.mb45, .mv45, .ma45 {
  margin-bottom: 45px !important;
}

.ml45, .mh45, .ma45 {
  margin-left: 45px !important;
}

.pt50, .pv50, .pa50 {
  padding-top: 50px !important;
}

.pr50, .ph50, .pa50 {
  padding-right: 50px !important;
}

.pb50, .pv50, .pa50 {
  padding-bottom: 50px !important;
}

.pl50, .ph50, .pa50 {
  padding-left: 50px !important;
}

.mt50, .mv50, .ma50 {
  margin-top: 50px !important;
}

.mr50, .mh50, .ma50 {
  margin-right: 50px !important;
}

.mb50, .mv50, .ma50 {
  margin-bottom: 50px !important;
}

.ml50, .mh50, .ma50 {
  margin-left: 50px !important;
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

.aleft {
  text-align: left !important;
}

.acenter {
  margin-right: auto;
  margin-left: auto;
  text-align: center !important;
}

.aright {
  text-align: right !important;
}

*.vtop {
  vertical-align: top !important;
}

*.vmiddle {
  vertical-align: middle !important;
}

*.vbottom {
  vertical-align: bottom !important;
}

*.xx-large {
  font-size: 20px;
  font-size: 2rem;
}

*.x-large {
  font-size: 17px;
  font-size: 1.7rem;
}

*.large {
  font-size: 15px;
  font-size: 1.5rem;
}

*.medium {
  font-size: 13px;
  font-size: 1.3rem;
}

*.small {
  font-size: 12px;
  font-size: 1.2rem;
}

*.x-small {
  font-size: 10px;
  font-size: 1rem;
}

.icon {
  background-color: #2787b9;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  padding: .1em;
  min-width: 6.8em;
  text-align: center;
  font-weight: bold;
  display: inline-block;
}
.icon.type-02 {
  background-color: #c99400;
}
.icon.type-03 {
  background-color: #d34a4a;
}

.hdg-01-container {
  margin: 0;
  padding: 0;
  color: #00378c;
  font-weight: normal;
  line-height: 1.2;
}
.hdg-01-container .hdg {
  margin: 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.hdg-01-container .hdg img {
  position: relative;
  top: -3px;
  margin-right: 5px;
  max-width: 30px;
}
.hdg-01-container .hdg + p {
  font-size: 14px;
  font-size: 1.4rem;
}
.hdg-01-container.hdn {
  position: absolute;
  left: -100%;
}

.hdg-02-01 {
  font-size: 18px;
  font-size: 1.8rem;
  clear: both;
  margin: 10px 0 0;
  border-top: 7px solid #2e63b3;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-color: #2e63b3;
  background-origin: border-box;
  color: #4c3a00;
}
.hdg-02-01 > span {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjRlNiIvPjxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZjFlMmJkIi8+PHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiNmNWViZDIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f4e6), color-stop(92%, #f1e2bd), color-stop(92%, #f5ebd2));
  background-image: -webkit-linear-gradient(#f9f4e6, #f1e2bd 92%, #f5ebd2 92%);
  background-image: -moz-linear-gradient(#f9f4e6, #f1e2bd 92%, #f5ebd2 92%);
  background-image: linear-gradient(#f9f4e6, #f1e2bd 92%, #f5ebd2 92%);
  display: block;
  padding: .6em 11px;
  border: 1px solid #e5e1d8;
  background-color: #f1e2bd;
  text-shadow: 1px 1px 0 #fff;
}
.hdg-02-01 .icon-01 {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 4px;
}

.hdg-03-01 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGYzZTciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #ffffff), color-stop(100%, #f8f3e7));
  background-image: -webkit-linear-gradient(#ffffff 40%, #f8f3e7);
  background-image: -moz-linear-gradient(#ffffff 40%, #f8f3e7);
  background-image: linear-gradient(#ffffff 40%, #f8f3e7);
  clear: both;
  margin: 10px 0 0;
  padding: .8em 10px;
  color: #4c3a00;
}
.hdg-03-01 > span {
  position: relative;
  display: inline-block;
  padding: 1px 0 1px 15px;
}
.hdg-03-01 > span:before {
  position: absolute;
  top: -1px;
  left: 0;
  content: "";
  width: 5px;
  height: 100%;
  background-color: #fd8e00;
  display: inline-block;
  vertical-align: baseline;
  border-radius: 3px;
}

.hdg-03-02 {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2YwZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ffffff), color-stop(100%, #e7f0ff));
  background-image: -webkit-linear-gradient(#ffffff 50%, #e7f0ff);
  background-image: -moz-linear-gradient(#ffffff 50%, #e7f0ff);
  background-image: linear-gradient(#ffffff 50%, #e7f0ff);
  color: #00378c;
  padding: .8em 0;
}

.hdg-04-01, .hdg-04-02 {
  font-size: 14px;
  font-size: 1.4rem;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZWVkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7eeda));
  background-image: -webkit-linear-gradient(#ffffff, #f7eeda);
  background-image: -moz-linear-gradient(#ffffff, #f7eeda);
  background-image: linear-gradient(#ffffff, #f7eeda);
  clear: both;
  margin: 10px 0 0;
  padding: .8em 11px;
  border: 1px solid #f7eeda;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-color: #f4f0e6;
  -webkit-box-shadow: 0 -1px 1px white inset;
  box-shadow: 0 -1px 1px white inset;
  color: #4c3a00;
}

.hdg-04-02 {
  margin: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}
.hdg-04-02 > img {
  width: 22px;
  margin: 0 5px 0 0;
}

.hdg-form-03-01 {
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  margin: 15px 0 0;
  padding: .5em 10px .5em 10px;
  border-top: 1px solid #cbe1f0;
  border-bottom: 1px solid #cbe1f0;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d8eaf4), to(#b8daea));
  background-image: -webkit-linear-gradient(#d8eaf4, #b8daea);
  background-image: linear-gradient(#d8eaf4, #b8daea);
  background-color: #b8daea;
  color: #333333;
  text-shadow: 0 1px 1px #fff;
}
.hdg-form-03-01 + .hdg-04-01 {
  margin: 0;
}
.box-form-01 .hdg-form-03-01 {
  margin: 0;
}

.hdg-form-04-01 {
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  margin: 15px 0 0;
  padding: .5em 10px .5em 10px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaf6fc), to(#d8eef8));
  background-image: -webkit-linear-gradient(#eaf6fc, #d8eef8);
  background-image: linear-gradient(#eaf6fc, #d8eef8);
  background-color: #d8eef8;
  color: #333333;
  text-shadow: 0 1px 1px #fff;
  font-weight: normal;
}
.hdg-form-04-01.bold {
  font-weight: bold;
}

.em-01 {
  color: #cd060a;
}

.em-02 {
  color: #f75700;
}

.req, .opt {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 1px .5em;
  border: 1px solid #cbe1f0;
  border-radius: 2px;
  background-color: #fff;
}

.req {
  color: #d50000;
}

.opt {
  color: #0f8930;
}

.balloon {
  font-size: 8px;
  font-size: 0.8rem;
  display: table;
  margin: 0 0 5px;
  border: 1px solid #dcd8cf;
  border-radius: 20px;
  background-color: #f9f5eb;
  line-height: 1.2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.balloon:after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  display: block;
  width: 11px;
  height: 6px;
  background: url(./img/sprite-icon.png) -540px 50% no-repeat;
  content: "";
}
.balloon span {
  display: table-cell;
  padding: 0 .5em 0 1.1em;
  vertical-align: middle;
  white-space: nowrap;
}
.balloon span.message {
  font-size: 11px;
  font-size: 1.1rem;
  display: table-cell;
  padding: .9em .8em .8em 1em;
  border-left: 1px solid #dcd8cf;
  border-radius: 15px;
  background-color: #fff;
}

.office-hours {
  font-size: 10px;
  font-size: 1rem;
  margin: .5em 0 0;
  text-align: center;
}

.balloon-01,
.balloon-02 {
  font-size: 11px;
  font-size: 1.1rem;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZTlkNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f1e9d6));
  background-image: -webkit-linear-gradient(#ffffff, #f1e9d6);
  background-image: -moz-linear-gradient(#ffffff, #f1e9d6);
  background-image: linear-gradient(#ffffff, #f1e9d6);
  position: relative;
  display: inline-block;
  margin: 0 0 8px;
  padding: .4em 1em;
  border: 1px solid #d0c7b4;
  border-radius: 20px;
  background-color: #f1e9d6;
  color: #000 !important;
  font-weight: normal;
  line-height: 1.2;
}
.balloon-01:after,
.balloon-02:after {
  position: absolute;
  bottom: -6px;
  left: 50%;
  display: block;
  margin-left: -5px;
  width: 11px;
  height: 6px;
  background: url(./img/sprite-icon.png) -342px 50% no-repeat;
  content: "";
}

.balloon-02 {
  background-color: #fff;
  background-image: none;
}
.balloon-02:after {
  bottom: -5px;
  width: 10px;
  height: 6px;
  background-position: -540px 50%;
}

.link-01 a {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
}
.link-01 a:link, .link-01 a:visited {
  text-decoration: none;
}
.link-01 a:hover, .link-01 a:active, .link-01 a:focus {
  text-decoration: underline;
}
.link-01 a:before {
  display: inline-block;
  margin: 0 .5em 0 0;
  width: 16px;
  height: 16px;
  background: url(./img/sprite-arrow.png) -90px 50% no-repeat;
  content: "";
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
}
.link-01.experience a {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  margin: 0 auto;
  border-radius: 3px;
  padding: 14px 7px 7px;
  background-color: #fbf9f1;
}
.link-01.experience a:before {
  position: relative;
  top: -2px;
}
.link-01.experience a > span {
  padding-left: 24px;
  display: inline-block;
  color: #333;
  font-size: 12px;
  font-size: 1.2rem;
}
.link-01.experience a img {
  margin: 0 auto;
}
.secondary .link-01 {
  font-size: 12px;
  font-size: 1.2rem;
}

.link-02 a {
  display: inline-block;
  position: relative;
  padding: 0 0 0 24px;
}
.link-02 a:link, .link-02 a:visited {
  text-decoration: none;
}
.link-02 a:hover, .link-02 a:active, .link-02 a:focus {
  text-decoration: underline;
}
.link-02 a:before {
  display: inline-block;
  margin: -12px 0.5em 0 0;
  width: 20px;
  height: 20px;
  background: url(./img/sprite-arrow.png) -60px 50% no-repeat;
  content: "";
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 0;
}

.list-01 {
  margin-top: 1em;
}
.list-01 li {
  position: relative;
  margin: 0 0 .2em;
  padding: 0 0 0 20px;
}
.list-01 li:before {
  position: absolute;
  top: .5em;
  left: 9px;
  display: inline-block;
  width: 4px;
  height: 4px;
  background: url(./img/sprite-bullet.png) 0 50% no-repeat;
  content: "";
}

.list-03 li {
  padding: .8em 0;
  border-top: 1px dotted #ae9a63;
  font-weight: bold;
}
.list-03 li:first-child {
  border-top: 0;
}

.list-order-01 {
  margin-top: 1em;
  padding-left: 2em;
  list-style-type: decimal;
}
.list-order-01 > li {
  margin-bottom: .2em;
}

.list-order-02 {
  margin-top: 1em;
}
.list-order-02 > li {
  padding-left: 2.7em;
  margin-bottom: .2em;
  position: relative;
}

.marker {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2.5em;
}

.link-list-01 {
  margin-top: 1em;
}
.link-list-01 li {
  margin-top: 5px;
}
.link-list-01 a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 18px;
}
.link-list-01 a:link, .link-list-01 a:visited {
  text-decoration: none;
}
.link-list-01 a:hover, .link-list-01 a:active, .link-list-01 a:focus {
  text-decoration: underline;
}
.link-list-01 a:before {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(./img/sprite-arrow.png) -91px 50% no-repeat;
  content: "";
}

.link-list-02 {
  margin-top: 1em;
}
.link-list-02 li {
  margin-top: .5em;
}
.link-list-02 a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 10px;
}
.link-list-02 a:link, .link-list-02 a:visited {
  text-decoration: none;
}
.link-list-02 a:hover, .link-list-02 a:active, .link-list-02 a:focus {
  text-decoration: underline;
}
.link-list-02 a:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-top: -4px;
  width: 6px;
  height: 6px;
  background: url(./img/sprite-arrow.png) -220px 50% no-repeat;
  content: "";
}

.list-inline li {
  display: inline-block!important;
  margin: 0 0 .5em;
  padding-right: 1em;
  white-space: nowrap;
}

.nav-local > li {
  margin: 0;
  border-top: 1px dotted #ae9a63;
  font-weight: bold;
}
.nav-local > li.active > a {
  color: #f75700;
}
.nav-local > li.active > a:before {
  background-position: -342px 50%;
}
.nav-local a {
  position: relative;
  display: block;
  padding: 10px 0 10px 22px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-origin: border-box;
  text-shadow: 0 1px 1px #fff;
}
.nav-local a:link, .nav-local a:visited {
  text-decoration: none;
}
.nav-local a:hover, .nav-local a:active, .nav-local a:focus {
  text-decoration: underline;
}
.nav-local a:before {
  position: absolute;
  top: 0;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -8px;
  width: 14px;
  height: 14px;
  background: url(./img/sprite-arrow.png) -91px 50% no-repeat;
  content: "";
}
.nav-local li.line {
  border-top: 3px solid #00378c;
}
.nav-local li:first-child {
  border-top: 0;
}

.tab-container-01 {
  background-color: #f5ebd2;
  margin: 0 -10px;
  padding: 10px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset;
}

.tab-01 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  margin: 0 auto;
  width: 100%;
  border: 1px solid #dfc37d;
  border-radius: 3px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjZlZGQ3Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMWUxYmIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2M1N2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f6edd7), color-stop(50%, #f1e1bb), color-stop(100%, #e3c57b));
  background-image: -webkit-linear-gradient(#ffffff, #f6edd7 50%, #f1e1bb 50%, #e3c57b);
  background-image: -moz-linear-gradient(#ffffff, #f6edd7 50%, #f1e1bb 50%, #e3c57b);
  background-image: linear-gradient(#ffffff, #f6edd7 50%, #f1e1bb 50%, #e3c57b);
  background-origin: border-box;
  -webkit-box-shadow: 0 0 6px rgba(255, 255, 255, 0.6) inset;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.6) inset;
  font-weight: bold;
}
.tab-01 li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  width: 33.33333%;
  vertical-align: middle;
  border-left: 1px solid #dfc37d;
}
.tab-01 li:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: 0;
}
.tab-01 li:first-child a, .tab-01 li:first-child em {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.tab-01 li:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.tab-01 li:last-child a, .tab-01 li:last-child em {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.tab-01 a, .tab-01 em {
  height: 45px;
  padding: 0 10px;
  text-decoration: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  box-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  box-pack: center;
}
.tab-01 a {
  color: #4c3a00;
}
.tab-01 em {
  background-color: #00378c;
  color: #fff;
}
.tab-01 span {
  white-space: nowrap;
}

.tab-list-container {
  margin: 10px -10px 0;
  padding: 0 10px;
  border-bottom: 3px solid #00378c;
  line-height: 1.1;
  font-size: 14px;
  font-size: 1.4rem;
}
.aside-01 .tab-list-container, .aside-04 .tab-list-container {
  padding: 0 5px;
  font-size: 12px;
  font-size: 1.2rem;
  border-bottom-width: 2px;
}

.tab-list {
  display: table;
  width: 100%;
}
.tab-list li {
  display: table-cell;
  width: 33.333333%;
  list-style-type: none;
  text-align: center;
}
.tab-list li:first-child a {
  border-top-left-radius: 3px;
}
.tab-list li:first-child span {
  border: 0;
}
.tab-list li:last-child a {
  border-top-right-radius: 3px;
}
.tab-list li.active a {
  color: #fff;
  background-color: #00378c;
}
.tab-list li.active a span {
  border-color: #00378c;
}
.tab-list li.active + li span {
  border-color: #eee6c8;
}
.tab-list a {
  text-decoration: none;
  display: block;
  padding: .8em 0 .7em;
  background-color: #feedac;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tab-list span {
  border-left: 1px dotted #b29e69;
  display: block;
  padding: 0 1.2em;
}
.aside-01 .tab-list, .aside-04 .tab-list {
  width: 100%;
}
.aside-01 .tab-list a, .aside-04 .tab-list a {
  padding: .6em 0 .4em;
  min-width: 1%;
}

.tabs .tab-block {
  display: none;
}
.tabs .tab-block.active {
  display: block;
}
.tabs.static .tab-block {
  display: block;
}

.btn-01, .btn-03 {
  margin: 0 auto;
}
.btn-01 a, .btn-03 a {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjZmMWU1Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMGU4ZDMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmUwYzUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f6f1e5), color-stop(50%, #f0e8d3), color-stop(100%, #ebe0c5));
  background-image: -webkit-linear-gradient(#ffffff, #f6f1e5 50%, #f0e8d3 50%, #ebe0c5);
  background-image: -moz-linear-gradient(#ffffff, #f6f1e5 50%, #f0e8d3 50%, #ebe0c5);
  background-image: linear-gradient(#ffffff, #f6f1e5 50%, #f0e8d3 50%, #ebe0c5);
  display: inline-block;
  padding: .8em 2.2em;
  border: 1px solid #ebe7e4;
  border-radius: 3px;
  background-color: #f1e9d6;
  background-origin: border-box;
  text-align: center;
  font-weight: bold;
}
.btn-01 a:link, .btn-03 a:link, .btn-01 a:visited, .btn-03 a:visited {
  text-decoration: none;
}
.btn-01 a:hover, .btn-03 a:hover, .btn-01 a:active, .btn-03 a:active, .btn-01 a:focus, .btn-03 a:focus {
  text-decoration: underline;
}

.btn-03 {
  font-size: 12px;
  font-size: 1.2rem;
}
.btn-03 a {
  padding: .6em 1.6em;
  position: relative;
  border-color: #d3c7ab;
}
.btn-03 a:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  vertical-align: middle;
  margin: 0 0 0 10px;
  background: url(./img/sprite-icon.png) -46px 50%;
}

.btn-cvn-01,
.btn-cvn-02,
.btn-cvn-03,
.btn-cvn-04,
.btn-cvn-05 {
  font-size: 1.2rem;
  margin: 0 auto;
  padding: 0;
  line-height: 1.2;
}
.btn-cvn-01 a,
.btn-cvn-02 a,
.btn-cvn-03 a,
.btn-cvn-04 a,
.btn-cvn-05 a {
  position: relative;
  display: table;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 0 0px;
  width: 100%;
  height: 54px;
  border: 1px solid;
  border-radius: 18px;
  background-origin: border-box;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-cvn-04 a:before,
.btn-cvn-05 a:before {
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  margin-top: -11px;
  width: 20px;
  height: 20px;
  background: url(./img/sprite-arrow.png) no-repeat;
  content: "";
}

.btn-cvn-01 a:before{
  background: url(./img/freedial.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 17px;
  display: block;
  margin-top: -11px;
  width: 36px;
  height: 21px;
  content: "";
}

.btn-cvn-03 a:before{
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  margin-top: -11px;
  width: 20px;
  height: 20px;
  content: "";
}
.btn-cvn-01 a > span,
.btn-cvn-02 a > span,
.btn-cvn-03 a > span,
.btn-cvn-04 a > span,
.btn-cvn-05 a > span {
  display: table-cell;
  height: 54px;
  vertical-align: middle;
}
.btn-cvn-01 .small,
.btn-cvn-02 .small,
.btn-cvn-03 .small,
.btn-cvn-04 .small,
.btn-cvn-05 .small {
  font-size: 11px;
  font-size: 1.1rem;
}
.btn-cvn-01.medium a,
.btn-cvn-02.medium a,
.btn-cvn-03.medium a,
.btn-cvn-04.medium a,
.btn-cvn-05.medium a {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 0 0 15px;
  min-width: 205px;
}
.btn-cvn-01.medium a:before,
.btn-cvn-02.medium a:before,
.btn-cvn-03.medium a:before,
.btn-cvn-04.medium a:before,
.btn-cvn-05.medium a:before {
  left: 10px;
}
.btn-cvn-01.medium a span,
.btn-cvn-02.medium a span,
.btn-cvn-03.medium a span,
.btn-cvn-04.medium a span,
.btn-cvn-05.medium a span {
  padding: 0 10px 0 15px;
}

.btn-cvn-01 a {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzQzMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiNDkwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fffff), color-stop(100%, #FFE79D));
  background-image: -webkit-linear-gradient(#ffc430, #fb490b);
  background-image: -moz-linear-gradient(#ffc430, #fb490b);
  background-image: linear-gradient(#ffc430, #fb490b);
  -webkit-box-shadow: 0 1px 0 #fdc37c inset, 0 0 18px #fa2f03 inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 0 #fdc37c inset, 0 0 18px #fa2f03 inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  border-color: #cd7e2a;
  background-color: #f98722;
  text-shadow: 0 0 5px #af1e00;
}
.btn-cvn-01 a:hover, .btn-cvn-01 a:active, .btn-cvn-01 a:focus {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiNDkwYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzQzMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fb490b), color-stop(100%, #ffc430));
  background-image: -webkit-linear-gradient(#fb490b, #ffc430);
  background-image: -moz-linear-gradient(#fb490b, #ffc430);
  background-image: linear-gradient(#fb490b, #ffc430);
  background-color: #fb490b;
}
.btn-cvn-01 a:before {
  background-position: 0 50%;
}

.btn-cvn-02 a {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZGUzNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY2OTQxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cfde35), color-stop(100%, #669410));
  background-image: -webkit-linear-gradient(#cfde35, #669410);
  background-image: -moz-linear-gradient(#cfde35, #669410);
  background-image: linear-gradient(#cfde35, #669410);
  -webkit-box-shadow: 0 1px 0 #bdd53d inset, 0 0 18px #4b7b07 inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 0 #bdd53d inset, 0 0 18px #4b7b07 inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  border-color: #7a9100;
  background-color: #98b526;
  text-shadow: 0 0 5px #44690e;
}
.btn-cvn-02 a:hover, .btn-cvn-02 a:active, .btn-cvn-02 a:focus {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2OTQxMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmZGUzNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #669410), color-stop(100%, #cfde35));
  background-image: -webkit-linear-gradient(#669410, #cfde35);
  background-image: -moz-linear-gradient(#669410, #cfde35);
  background-image: linear-gradient(#669410, #cfde35);
  background-color: #669410;
}

.btn-cvn-02 a:before{
  background: url(./img/mail.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 17px;
  display: block;
  margin-top: -11px;
  width: 30px;
  height: 22px;
  content: "";
}

.btn-cvn-03 a {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmJkZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZjRhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6fd7e4), color-stop(100%, #1d5f92));
  background-image: -webkit-linear-gradient(#6fd7e4 #1d5f92);
  background-image: -moz-linear-gradient(#6fd7e4, #1d5f92);
  background-image: linear-gradient(#6fd7e4, #1d5f92);
  -webkit-box-shadow: 0 1px 0 white inset, 0 0 0 white inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 0 white inset, 0 0 0 white inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  border-color: #9e9e9e;
  background-color: #6fd7e4;
  color: #f9f8f7;
  text-shadow: 0 1px 0 #7482d4;
  margin-bottom:10px;
}
.btn-cvn-03 a:hover, .btn-cvn-03 a:active, .btn-cvn-03 a:focus {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjRhYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmJkZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1d5f92), color-stop(100%, #6fd7e4));
  background-image: -webkit-linear-gradient(#1d5f92, #6fd7e4);
  background-image: -moz-linear-gradient(#1d5f92, #6fd7e4);
  background-image: linear-gradient(#1d5f92, #6fd7e4);
  background-color: #1d5f92;
}
.btn-cvn-03 a:before {
  background-position: -61px 50%;
}

.btn-cvn-04 a, .btn-cvn-04 button {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZjNmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiZGFmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eef3fa), color-stop(100%, #cbdaf0));
  background-image: -webkit-linear-gradient(#eef3fa, #cbdaf0);
  background-image: -moz-linear-gradient(#eef3fa, #cbdaf0);
  background-image: linear-gradient(#eef3fa, #cbdaf0);
  -webkit-box-shadow: 0 1px 0 white inset, 0 0 0 white inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 0 white inset, 0 0 0 white inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  border-color: #97b7ef;
  background-color: #dce6f5;
  color: #00378c;
  text-shadow: 0 1px 0 #fff;
}
.btn-cvn-04 a:hover, .btn-cvn-04 a:active, .btn-cvn-04 a:focus, .btn-cvn-04 button:hover, .btn-cvn-04 button:active, .btn-cvn-04 button:focus {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiZGFmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZjNmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cbdaf0), color-stop(100%, #eef3fa));
  background-image: -webkit-linear-gradient(#cbdaf0, #eef3fa);
  background-image: -moz-linear-gradient(#cbdaf0, #eef3fa);
  background-image: linear-gradient(#cbdaf0, #eef3fa);
  background-color: #cbdaf0;
}
.btn-cvn-04 a:before, .btn-cvn-04 button:before {
  background-position: -61px 50%;
}
.btn-cvn-04 a > span, .btn-cvn-04 button > span {
  padding: 0 1em;
}

.btn-cvn-05 {
  font-size: 13px;
  font-size: 1.3rem;
}
.btn-cvn-05 a {
  height: 40px;
  border: 1px solid #dcd8cf;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjNlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f3e3));
  background-image: -webkit-linear-gradient(#ffffff, #f7f3e3);
  background-image: -moz-linear-gradient(#ffffff, #f7f3e3);
  background-image: linear-gradient(#ffffff, #f7f3e3);
  background-origin: border-box;
  -webkit-box-shadow: 0 1px 0 white inset, 0 0 10px #eee6c8 inset, 0 3px 5px #b5b5b5;
  border-radius: 14px;
  color: #00378c;
}
.btn-cvn-05 a > span {
  height: 40px;
}
.btn-cvn-05 a:hover, .btn-cvn-05 a:active, .btn-cvn-05 a:focus {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjNlMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f3e3), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#f7f3e3, #ffffff);
  background-image: -moz-linear-gradient(#f7f3e3, #ffffff);
  background-image: linear-gradient(#f7f3e3, #ffffff);
}
.btn-cvn-05 a:before {
  background-position: -237px 50%;
}

.btn-w280 {
  margin: 0 auto;
  max-width: 280px;
}

.btn-w240 {
  margin: 0 auto;
  max-width: 240px;
}

.btn-form-01,
.btn-form-02 {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  position: relative;
}
.btn-form-01 button,
.btn-form-02 button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: table;
  padding: 0 10px 0 35px;
  height: 54px;
  border: 1px solid;
  border-radius: 18px;
  background-origin: border-box;
  text-decoration: none;
  font-weight: bold;
  vertical-align: middle;
}
.btn-form-01 button:before,
.btn-form-02 button:before {
  content: "";
  display: block;
  width: 20px;
  height: 54px;
  position: absolute;
  top: 0;
  left: 11px;
  background: no-repeat url(./img/sprite-arrow.png);
}
.btn-form-01 br + span,
.btn-form-02 br + span {
  line-height: 1;
}

.btn-form-01 button {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmJkZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZjRhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefbde), color-stop(100%, #fcf4ab));
  background-image: -webkit-linear-gradient(#fefbde, #fcf4ab);
  background-image: -moz-linear-gradient(#fefbde, #fcf4ab);
  background-image: linear-gradient(#fefbde, #fcf4ab);
  -webkit-box-shadow: 0 1px 0 white inset, 0 0 0 white inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 0 white inset, 0 0 0 white inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  border-color: #ded472;
  background-color: #fefbde;
  color: #00378c;
  text-shadow: 0 1px 0 #fff;
}
.btn-form-01 button:hover, .btn-form-01 button:active, .btn-form-01 button:focus {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjRhYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmJkZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcf4ab), color-stop(100%, #fefbde));
  background-image: -webkit-linear-gradient(#fcf4ab, #fefbde);
  background-image: -moz-linear-gradient(#fcf4ab, #fefbde);
  background-image: linear-gradient(#fcf4ab, #fefbde);
  background-color: #fcf4ab;
}
.btn-form-01 button:before {
  background-position: -61px 50%;
}

.btn-form-02 button {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzQzMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiNDkwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffc430), color-stop(100%, #fb490b));
  background-image: -webkit-linear-gradient(#ffc430, #fb490b);
  background-image: -moz-linear-gradient(#ffc430, #fb490b);
  background-image: linear-gradient(#ffc430, #fb490b);
  -webkit-box-shadow: 0 1px 0 #fdc37c inset, 0 0 18px #fa2f03 inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 0 #fdc37c inset, 0 0 18px #fa2f03 inset, 0 3px 5px rgba(0, 0, 0, 0.35);
  border-color: #cd7e2a;
  background-color: #f98722;
  text-shadow: 0 1px 0 #af1e00;
  color: #fff;
}
.btn-form-02 button:hover, .btn-form-02 button:active, .btn-form-02 button:focus {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiNDkwYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzQzMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fb490b), color-stop(100%, #ffc430));
  background-image: -webkit-linear-gradient(#fb490b, #ffc430);
  background-image: -moz-linear-gradient(#fb490b, #ffc430);
  background-image: linear-gradient(#fb490b, #ffc430);
  background-color: #fb490b;
}
.btn-form-02 button:before {
  background-position: 0 50%;
}

.btn-form-mod {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjlmOWY5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f9f9f9), color-stop(50%, #f4f4f4), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#ffffff, #f9f9f9 50%, #f4f4f4 50%, #eeeeee);
  background-image: -moz-linear-gradient(#ffffff, #f9f9f9 50%, #f4f4f4 50%, #eeeeee);
  background-image: linear-gradient(#ffffff, #f9f9f9 50%, #f4f4f4 50%, #eeeeee);
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #cbe1f0;
  border-radius: 3px;
  padding: .4em 12px;
  text-shadow: none;
  font-weight: normal;
  position: absolute;
  top: .4em;
  right: 10px;
}

.tbl-lyt {
  display: table;
  margin: 0;
  border: 0;
}
.tbl-lyt th, .tbl-lyt td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  font-weight: normal;
}
.tbl-lyt th label, .tbl-lyt td label {
  white-space: nowrap;
}

.tbl-01 {
  margin: 20px auto 0;
  width: 100%;
  border: 0;
  font-size: 13px;
  font-size: 1.3rem;
  border-top: 1px solid #cbe1f0;
}
.tbl-01 th, .tbl-01 td {
  padding: .6em 12px;
  border: 0;
  border-bottom: 1px solid #cbe1f0;
  vertical-align: top;
  text-align: left;
}
.tbl-01 th > *:first-child, .tbl-01 td > *:first-child {
  margin-top: 0;
}
.tbl-01 th {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZWFmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I4ZGFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d8eaf4), color-stop(100%, #b8daea));
  background-image: -webkit-linear-gradient(#d8eaf4, #b8daea);
  background-image: -moz-linear-gradient(#d8eaf4, #b8daea);
  background-image: linear-gradient(#d8eaf4, #b8daea);
  background-color: #b8daea;
  text-shadow: 1px 1px 0 #fff;
  font-weight: normal;
}
.tbl-01 th.sub {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZjZmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4ZWVmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaf6fc), color-stop(100%, #d8eef8));
  background-image: -webkit-linear-gradient(#eaf6fc, #d8eef8);
  background-image: -moz-linear-gradient(#eaf6fc, #d8eef8);
  background-image: linear-gradient(#eaf6fc, #d8eef8);
  background-color: #eaf6fc;
}
.tbl-01 tbody th {
  width: 28%;
}

.tbl-form-01 {
  margin: 20px auto 0;
  width: 100%;
  border: 0;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #cbe1f0;
}
.tbl-form-01 tbody th, .tbl-form-01 tbody td {
  padding: .6em 8px .6em 10px;
  border: 0;
  border-bottom: 1px solid #cbe1f0;
  vertical-align: top;
  text-align: left;
  word-break: break-word;
}
.tbl-form-01 tbody th > *:first-child, .tbl-form-01 tbody td > *:first-child {
  margin-top: 0;
}
.tbl-form-01 tbody th {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZWFmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I4ZGFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d8eaf4), color-stop(100%, #b8daea));
  background-image: -webkit-linear-gradient(#d8eaf4, #b8daea);
  background-image: -moz-linear-gradient(#d8eaf4, #b8daea);
  background-image: linear-gradient(#d8eaf4, #b8daea);
  background-color: #b8daea;
  text-shadow: 1px 1px 0 #fff;
  font-weight: normal;
  width: 45%;
}
.tbl-form-01 tbody th.sub-parent {
  width: 10%;
}
.tbl-form-01 tbody th.sub {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZjZmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4ZWVmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaf6fc), color-stop(100%, #d8eef8));
  background-image: -webkit-linear-gradient(#eaf6fc, #d8eef8);
  background-image: -moz-linear-gradient(#eaf6fc, #d8eef8);
  background-image: linear-gradient(#eaf6fc, #d8eef8);
  background-color: #eaf6fc;
  width: 35%;
}
.tbl-form-01 tbody td {
  width: 55%;
}

.linkicon {
  margin: 0 15px;
}

.image-full {
  margin: 10px auto 0;
  text-align: center;
}

.image-left,
.image-right {
  display: block;
  margin: 10px auto 0;
}
.image-left .image,
.image-right .image {
  display: block;
  max-width: 34%;
  text-align: center;
}
.image-left .image:empty,
.image-right .image:empty {
  display: none;
}
.image-left .col,
.image-right .col {
  display: block;
}
.image-left .col > *:first-child,
.image-right .col > *:first-child {
  margin-top: 0;
}
.image-left.parallel .col,
.image-right.parallel .col {
  overflow: hidden;
  padding-bottom: 1px;
}

.image-left .image {
  float: left;
  padding: 0.2em 10px 0.5em 0;
}

.image-right .image {
  float: right;
  padding: 0.2em 0 0.5em 10px;
}

.box-cvn-01 {
  margin: 0 10px 10px;
}
.box-cvn-01 li {
  margin-top: 10px;
}
.box-cvn-01 .cvn-02 {
  margin-top: 10px;
}
.box-cvn-01 .cvn-02 .freedial-01 + br {
  display: none;
}
.box-cvn-01 .cvn-02 .office-hours b {
  padding-right: 8px;
}

.box-cvn-02 {
  display: table;
  margin: 20px auto 0;
  text-align: center;
}
.box-cvn-02 > * {
  display: table-cell;
  text-align: left;
}
.box-cvn-02 > * a {
  margin: 0 auto;
  text-align: center;
}

.box-cvn-03 {
  border: 1px solid #e5e1d8;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
  -webkit-box-shadow: 0 0 6px #e5e1d8;
  box-shadow: 0 0 6px #e5e1d8;
  background-color: #fffcea;
}
.box-cvn-03 .btn-cvn-02 a {
  text-align: center;
  min-width: 1%;
  width: 100%;
}

.box-form-01 {
  margin: 15px 0 0;
  border: 1px solid #cbe1f0;
}
.box-form-01 > .hdg-03-01:first-child {
  margin-top: 0;
  border-top: 0;
}
.box-form-01 input {
  height: 36px;
}
.box-form-01 input[type="checkbox"] {
  height: auto;
}

.box-02,
.box-02-01 {
  margin: 0 auto 0;
  padding: 10px 12px;
  border: 1px solid #f7eeda;
  border-radius: 3px;
  background-color: #fcfbf2;
}
.box-02 [class*="hdg"]:first-child,
.box-02-01 [class*="hdg"]:first-child {
  margin-top: 0;
}
.hdg-01-container + .box-02, .hdg-01-container +
.box-02-01 {
  margin-top: 10px;
}

.box-02-01 {
  padding: 0 12px;
}
.box-02-01 .hdg-04-02 {
  margin: 0 -12px;
}

.class {
  margin: 10px 0;
  padding: 7px;
  border-radius: 5px;
  background: url(./img/bg-grain.png) 50% 0 repeat;
}

.class-hdg-01 {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  margin: 0 0 5px 5px;
  padding: 4px 0 0 22px;
  color: #4c3a00;
}
.class-hdg-01:before {
  position: absolute;
  top: -9px;
  left: 0;
  display: block;
  width: 14px;
  height: 38px;
  background: url(./img/sprite-icon.png) 0 50% no-repeat;
  content: "";
}

.nav-class {
  padding: 6px;
  border-radius: 5px;
  background-color: #9fbfd8;
  box-shadow: 0 1px 2px #eaeae3 inset;
}
.nav-class .hdg > span {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjZmMWU1Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMGU4ZDQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2QzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f6f1e5), color-stop(50%, #f0e8d4), color-stop(100%, #e3d3ad));
  background-image: -webkit-linear-gradient(#ffffff,  #f3eaea 50%, #ece9e9 50%, #cbd4d8);
  background-image: -moz-linear-gradient(#ffffff, #f3eaea 50%, #ece9e9 50%, #cbd4d8);
  background-image: linear-gradient(#ffffff, #f3eaea 50%, #ece9e9 50%, #cbd4d8);
  -webkit-box-shadow: 0 0 6px white inset;
  box-shadow: 0 0 6px white inset;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  display: block;
  padding: 8px 40px 10px 18px;
  border-top: 1px solid #edf3ed;
  border-radius: 4px;
  background-color: #ece4d1;
  background-origin: border-box;
  color: #475054;
  text-decoration: none;
  text-shadow: 0 1px 1px #fff;
  cursor: pointer;
}
.nav-class .hdg > span:before {
  content: "";
  display: block;
  height: 36px;
  width: 40px;
  background: no-repeat;
  background-size: auto 36px;
  position: absolute;
}
.nav-class .hdg.cat-elementary > span:before {
  /*background-image: url(./img/icon-elementary.png);*/
  left: 13px;
  top: 5px;
}
.nav-class .hdg.cat-junior > span:before {
  /*background-image: url(./img/icon-junior.png);*/
  left: 12px;
  top: 4px;
}
.nav-class .hdg.cat-high > span:before {
  /*background-image: url(./img/icon-high.png);*/
  left: 16px;
  top: 3px;
}

.freedial, .freedial-01 {
  display: block;
  border: 1px solid #dcd8cf;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjNlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f3e3));
  background-image: -webkit-linear-gradient(#ffffff, #f7f3e3);
  background-image: -moz-linear-gradient(#ffffff, #f7f3e3);
  background-image: linear-gradient(#ffffff, #f7f3e3);
  background-origin: border-box;
  -webkit-box-shadow: 0 1px 0 white inset, 0 0 10px #eee6c8 inset, 0 3px 5px #b5b5b5;
  box-shadow: 0 1px 0 white inset, 0 0 20px #eee6c8 inset, 0 3px 5px #b5b5b5;
  padding: 13px 24px 13px 10px;
  text-align: center;
  border-radius: 18px;
  position: relative;
}
.freedial:hover, .freedial:active, .freedial:focus, .freedial-01:hover, .freedial-01:active, .freedial-01:focus {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjNlMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f3e3), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#f7f3e3, #ffffff);
  background-image: -moz-linear-gradient(#f7f3e3, #ffffff);
  background-image: linear-gradient(#f7f3e3, #ffffff);
}
.freedial:after, .freedial-01:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  border-top: 3px solid #b3a06b;
  border-right: 3px solid #b3a06b;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.aside-01, .aside-04 {
  margin: 10px 0;
  padding: 0 10px;
  background-color: #fbf9f1;
  border-radius: 3px;
}
.aside-01 .hdg, .aside-04 .hdg {
	position: relative;
	padding: 10px 0 5px 30px;
	color: #333;
}
.aside-01 .hdg img, .aside-04 .hdg img {
  width: 22px;
  position: absolute;
  top: 8px;
  left: 0;
}

.aside-04 {
  background-color: #fcfbf2;
}

.aside-02 {
  margin: 0 0 14px;
  border-radius: 3px;
  background: url(./img/bg-aside-02.png) 3px 5px #00378c;
  background-origin: border-box;
}
.aside-02 .aside-03 {
  padding: 10px 10px 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid #7f99bb;
}

.aside-03 {
  padding: 10px;
  border: 1px solid #7f99bb;
  border-top: 0;
  border-bottom: 0;
  background-color: #fffcea;
}
.aside-03.search-classroom {
  background: url(./img/bg-map-small.png) 30px 100% no-repeat #fffcea;
}
.aside-03.search-classroom-small {
  background: url(./img/bg-map-x-small.png) 98% 10px no-repeat #fffcea;
  padding: 5px 10px 3px;
}

.aside-05 {
  background-color: #fff;
}

.col-02 .col, .col-03 .col, .col-04 .col, .col-05 .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.col-02 .col > *:first-child, .col-03 .col > *:first-child, .col-04 .col > *:first-child, .col-05 .col > *:first-child {
  margin-top: 0;
}

[class*="toggle-container"] .toggle-hook {
  display: block;
}
[class*="toggle-container"] .toggle-content {
  display: none;
}
[class*="toggle-container"].static .toggle-hook {
  display: none;
}
[class*="toggle-container"].static .toggle-content {
  display: block;
}
[class*="toggle-container"].open .toggle-hook:after {
  display: none;
}
[class*="toggle-container"].open .toggle-content {
  display: block;
}

.toggle-container-contact .toggle-hook,
.toggle-container-nav .toggle-hook {
  font-size: 8px;
  font-size: 0.8rem;
  position: absolute;
  top: 10px;
  right: 7px;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.toggle-container-contact .toggle-hook h2,
.toggle-container-nav .toggle-hook h2 {
  margin: 0;
  position: relative;
  padding: 2px;
}
.toggle-container-contact .toggle-hook h2:after,
.toggle-container-nav .toggle-hook h2:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 33px;
  height: 33px;
  border: 1px solid #00378c;
  border-radius: 3px;
  background: url(./img/sprite-icon.png) -299px 50% no-repeat;
  content: "";
}

.toggle-container-contact .toggle-hook {
  top: 10px;
  right: 49px;
}
.toggle-container-contact .toggle-hook h2:after {
  background-position: -256px 50%;
}
.toggle-container-contact .toggle-content {
  padding: 0 10px;
}
.top .toggle-container-contact .toggle-hook, .form .toggle-container-contact .toggle-hook {
  right: 7px;
}

.toggle-container-class {
  margin-bottom: 5px;
}
.toggle-container-class:last-child {
  margin-bottom: 0;
}
.toggle-container-class.static .toggle-hook {
  display: block;
}
.toggle-container-class.static .toggle-hook:before, .toggle-container-class.static .toggle-hook:after {
  display: none;
}
.toggle-container-class.static .toggle-hook .hdg:after {
  display: none;
}
.toggle-container-class.static .toggle-hook .hdg > span {
  cursor: auto;
}
.toggle-container-class .toggle-hook {
  position: relative;
}
.toggle-container-class .toggle-hook:before, .toggle-container-class .toggle-hook:after {
  position: absolute;
  top: 21px;
  right: 20px;
  z-index: 2;
  display: block;
  width: 11px;
  height: 3px;
  background-color: #00378c;
  content: "";
}
.toggle-container-class .toggle-hook:after {
  top: 17px;
  right: 24px;
  width: 3px;
  height: 11px;
}
.toggle-container-class .toggle-hook .hdg {
  margin: 0;
}
.toggle-container-class .toggle-hook .hdg:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTllZmY5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkOWU0ZjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWQzZWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #e9eff9), color-stop(50%, #d9e4f4), color-stop(100%, #c1d3ed));
  background-image: -webkit-linear-gradient(#ffffff, #e9eff9 50%, #d9e4f4 50%, #c1d3ed);
  background-image: -moz-linear-gradient(#ffffff, #e9eff9 50%, #d9e4f4 50%, #c1d3ed);
  background-image: linear-gradient(#ffffff, #e9eff9 50%, #d9e4f4 50%, #c1d3ed);
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 1;
  display: block;
  width: 28px;
  height: 28px;
  border: 1px solid #719dda;
  border-radius: 3px;
  background-color: #fff;
  content: "";
}
.toggle-container-class.open .toggle-hook .hdg {
  border-radius: 3px 3px 0 0;
}
.toggle-container-class.open .toggle-hook .hdg > span {
  border-radius: 4px 4px 0 0;
}
.toggle-container-class .toggle-content {
  margin-bottom: 0;
}
.toggle-container-class .aside-04 {
  margin-top: -2px;
  padding-top: 2px;
  border-radius: 0 0 3px 3px;
}

.toggle-container-form.static .toggle-hook {
  display: block;
}
.toggle-container-form .toggle-hook {
  position: relative;
}
.toggle-container-form .toggle-hook:before, .toggle-container-form .toggle-hook:after {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  background-color: #00378c;
}
.toggle-container-form .toggle-hook:before {
  width: 11px;
  height: 3px;
  top: 17.5px;
  right: 19.5px;
}
.toggle-container-form .toggle-hook:after {
  width: 3px;
  height: 11px;
  top: 13.5px;
  right: 23.5px;
}
.toggle-container-form .toggle-hook .hdg {
  margin: 0;
}
.toggle-container-form .toggle-hook .hdg:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjlmOWY5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f9f9f9), color-stop(50%, #f4f4f4), color-stop(100%, #f0f0f0));
  background-image: -webkit-linear-gradient(#ffffff, #f9f9f9 50%, #f4f4f4 50%, #f0f0f0);
  background-image: -moz-linear-gradient(#ffffff, #f9f9f9 50%, #f4f4f4 50%, #f0f0f0);
  background-image: linear-gradient(#ffffff, #f9f9f9 50%, #f4f4f4 50%, #f0f0f0);
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 10px;
  width: 28px;
  height: 28px;
  border: solid #90bfdf 1px;
  border-radius: 3px;
  background-color: #fff;
}

.toggle-container-search.static .toggle-hook {
  display: block;
}
.toggle-container-search.static .toggle-hook:before, .toggle-container-search.static .toggle-hook:after {
  display: none;
}
.toggle-container-search.static .toggle-hook .hdg:after {
  display: none;
}
.toggle-container-search .toggle-hook {
  position: relative;
}
.toggle-container-search .toggle-hook:before, .toggle-container-search .toggle-hook:after {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  background-color: #00378c;
}
.toggle-container-search .toggle-hook:before {
  width: 11px;
  height: 3px;
  top: 38.5px;
  right: 20.5px;
}
.toggle-container-search .toggle-hook:after {
  width: 3px;
  height: 11px;
  top: 34.5px;
  right: 24.5px;
}
.toggle-container-search .toggle-hook .hdg {
  margin: 0;
}
.toggle-container-search .toggle-hook .hdg:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTllZmY5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkOWU0ZjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWQzZWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #e9eff9), color-stop(50%, #d9e4f4), color-stop(100%, #c1d3ed));
  background-image: -webkit-linear-gradient(#ffffff, #e9eff9 50%, #d9e4f4 50%, #c1d3ed);
  background-image: -moz-linear-gradient(#ffffff, #e9eff9 50%, #d9e4f4 50%, #c1d3ed);
  background-image: linear-gradient(#ffffff, #e9eff9 50%, #d9e4f4 50%, #c1d3ed);
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 24px;
  right: 10px;
  width: 28px;
  height: 28px;
  border: solid #719dda 1px;
  border-radius: 3px;
  background-color: #fff;
}

.link-search-01 {
  font-weight: bold;
  text-align: center;
}
.link-search-01 a {
  position: relative;
  border: 1px solid #00378c;
  display: block;
  border-radius: 5px;
  background-origin: border-box;
  background: url(./img/bg-map-medium.png) 100% -100px no-repeat #fffcea;
  background-size: 180px auto;
}
.link-search-01 a:link, .link-search-01 a:visited {
  color: #fffce9;
  text-decoration: none;
}
.link-search-01 a:hover, .link-search-01 a:active, .link-search-01 a:focus {
  color: #f75700;
  text-decoration: underline;
}
.link-search-01 .balloon-01 {
  position: absolute;
  top: 5px;
  left: 10px;
  line-height: 1.2;
  padding: .3em .3em .3em 1em;
  font-size: 10px;
  font-size: 1rem;
}
.link-search-01 .balloon-01:after {
  left: 25%;
}
.link-search-01 .text {
  display: block;
  padding: 30px 0 5px 36px;
  width: 28%;
  text-align: left;
  font-size: 15px;
  font-size: 1.5rem;
  background: url(./img/bg-aside-02.png) 3px 5px #00378c;
}
.link-search-01 .text:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: url(./img/sprite-arrow.png) -508px 50% no-repeat;
  position: absolute;
  top: 30px;
  left: 10px;
  margin: 0;
}

.toggle-container-search {
  margin-top: 10px;
}
.toggle-container-search .toggle-hook {
  position: relative;
}
.toggle-container-search .btn-toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  text-align: right;
  background-color: transparent;
  cursor: pointer;
}
.toggle-container-search .hdg {
  color: #fffcea;
  position: relative;
  border: 1px solid #00378c;
  display: block;
  border-radius: 5px;
  background-origin: border-box;
  background: url(./img/bg-map-medium.png) 85% -100px no-repeat #fffcea;
  background-size: 170px auto;
}
.toggle-container-search.open .hdg {
  border-radius: 5px 5px 0 0;
}
.toggle-container-search .balloon-01 {
  position: absolute;
  top: 5px;
  left: 10px;
  line-height: 1.2;
  padding: .3em .3em .3em 1em;
  font-size: 10px;
  font-size: 1rem;
}
.toggle-container-search .balloon-01:after {
  left: 25%;
}
.toggle-container-search .text {
  display: block;
  padding: 30px 0 5px 12px;
  width: 30%;
  text-align: left;
  font-size: 15px;
  font-size: 1.5rem;
  background: url(./img/bg-aside-02.png) 3px 5px #00378c;
}
.toggle-container-search .aside-05 {
  border: 1px solid #00378c;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}

.aside-05 .list-search-classroom a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px;
  padding-left: 30px;
  width: 100%;
  text-decoration: none;
  position: relative;
}
.aside-05 .list-search-classroom a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 11px;
  left: 10px;
  width: 14px;
  height: 14px;
  background: url(./img/sprite-arrow.png) no-repeat;
}
.aside-05 .list-search-classroom b {
  display: block;
  padding: 10px;
}
.aside-05 .list-search-classroom li {
  border-top: 1px solid #e5e1d8;
}
.aside-05 .list-search-classroom li li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
}
.aside-05 .list-search-classroom li li:nth-child(2n) {
  border-left: 1px solid #e5e1d8;
}
.aside-05 .list-search-classroom .metro > b {
  color: #f46a0d;
}
.aside-05 .list-search-classroom .metro a:before {
  background-position: -90px 50%;
}
.aside-05 .list-search-classroom .kansai > b {
  color: #f94263;
}
.aside-05 .list-search-classroom .kansai a:before {
  background-position: -116px 50%;
}
.aside-05 .list-search-classroom .tokai, .aside-05 .list-search-classroom .kyoto, .aside-05 .list-search-classroom .fukuoka {
  font-weight: bold;
}
.aside-05 .list-search-classroom .tokai a {
  color: #966f00;
}
.aside-05 .list-search-classroom .tokai a:before {
  background-position: -142px 50%;
}
.aside-05 .list-search-classroom .kyoto a {
  color: #700241;
}
.aside-05 .list-search-classroom .kyoto a:before {
  background-position: -168px 50%;
}
.aside-05 .list-search-classroom .fukuoka a {
  color: #5d7d00;
}
.aside-05 .list-search-classroom .fukuoka a:before {
  background-position: -194px 50%;
}

.list-checkbox-01, .list-radio-01 {
  font-size: 13px;
  font-size: 1.3rem;
}
.list-checkbox-01 li, .list-radio-01 li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
}
.list-checkbox-01 label, .list-radio-01 label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZTlkNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f1e9d6));
  background-image: -webkit-linear-gradient(#ffffff, #f1e9d6);
  background-image: -moz-linear-gradient(#ffffff, #f1e9d6);
  background-image: linear-gradient(#ffffff, #f1e9d6);
  position: relative;
  z-index: 0;
  display: block;
  padding: 9px 5px 9px 30px;
  border: 1px solid #dcd8cf;
  border-radius: 5px;
  color: #00378c;
}
.list-checkbox-01 input:checked + label, .list-radio-01 input:checked + label {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZTM5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fae395));
  background-image: -webkit-linear-gradient(#ffffff, #fae395);
  background-image: -moz-linear-gradient(#ffffff, #fae395);
  background-image: linear-gradient(#ffffff, #fae395);
  -webkit-box-shadow: 0 0 6px white inset;
  box-shadow: 0 0 6px white inset;
  padding: 8px 4px 8px 29px;
  border: 2px solid #e7d182;
  font-weight: bold;
}
.list-checkbox-01 input, .list-radio-01 input {
  position: absolute;
  top: 11px;
  left: 8px;
  z-index: 1;
}

.list-checkbox-01 li {
  width: 50%;
}
.list-checkbox-01 li:first-child, .list-checkbox-01 li:nth-child(3), .list-checkbox-01 li:nth-child(5) {
  padding-right: 5px;
}
.list-checkbox-01 li:nth-child(2), .list-checkbox-01 li:nth-child(4), .list-checkbox-01 li:nth-child(6) {
  padding-left: 5px;
}
.list-checkbox-01 li:nth-child(2) input[type="checkbox"], .list-checkbox-01 li:nth-child(4) input[type="checkbox"], .list-checkbox-01 li:nth-child(6) input[type="checkbox"] {
  left: 16px;
}

.list-radio-01 li {
  width: 34%;
  padding-right: 2.5%;
}
.list-radio-01 li:nth-child(3n) {
  width: 32%;
  padding-right: 0;
}
.list-radio-01 input[type="radio"] {
  height: auto;
}

.form-progress {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
.form-progress li {
  width: 31%;
  float: left;
  margin-left: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  color: #998;
  position: relative;
}
.form-progress li:before {
  content: "";
  display: block;
  height: 6px;
  width: 100%;
  background: no-repeat url(./img/form-progress.png);
  background-position: 100% 0;
  border-left: 1px solid #d0c7b4;
  position: absolute;
  bottom: 0;
  left: 0;
}
.form-progress li:first-child {
  margin-left: 0;
}
.form-progress li.fill {
  color: #333;
}
.form-progress li.fill:before {
  background-position: 100% 100%;
  border-left: 0;
}

.nav-form {
  margin: 0 10px;
}

.lyt-form-01 {
  display: table;
}
.lyt-form-01 .row {
  display: table-row;
}
.lyt-form-01 .cell {
  display: table-cell;
}

.text-form-err {
  margin: 0 0 10px;
  color: #d50000;
}
td .text-form-err {
  padding-bottom: .6em;
}
.text-form-err.icon-warning {
  padding-left: 25px;
  background: no-repeat 0 0 url("./img/icon-warning.png");
}

.err {
  background-color: #faeded;
}

dl.form-01 {
  margin: 0;
}
dl.form-01 dt {
  margin: .8em 0 .2em;
  padding-left: 10px;
  font-weight: bold;
  position: relative;
}
dl.form-01 dt:before {
  position: absolute;
  top: .5em;
  left: 0;
  display: inline-block;
  width: 4px;
  height: 4px;
  background: url(./img/sprite-bullet.png) 0 50% no-repeat;
  content: "";
}
dl.form-01 dt:first-child {
  margin-top: 0;
}
dl.form-01 dd {
  margin-left: 0;
}

.toggle-container-sp.static > .toggle-hook {
  display: block;
  cursor: auto;
}
.toggle-container-sp.static > .toggle-hook .hdg-03-01,
.toggle-container-sp.static > .toggle-hook .hdg-04-02 {
  margin: 0;
}
.toggle-container-sp.static > .toggle-hook .hdg-03-01:after,
.toggle-container-sp.static > .toggle-hook .hdg-04-02:after {
  display: none!important;
}
.toggle-container-sp.static > .toggle-hook .hdg-04-02 {
  margin: 0 -12px;
}
.toggle-container-sp.static > .toggle-hook .hdg-03-01 > span,
.toggle-container-sp.static > .toggle-hook .hdg-04-02 {
  padding-right: 10px;
}
.toggle-container-sp.static > .toggle-hook:before, .toggle-container-sp.static > .toggle-hook:after {
  display: none!important;
}
.toggle-container-sp.static > .toggle-content {
  padding-top: 10px;
}
.toggle-container-sp > .toggle-hook {
  cursor: pointer;
  position: relative;
}
.toggle-container-sp > .toggle-hook:before, .toggle-container-sp > .toggle-hook:after {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  background-color: #00378c;
}
.toggle-container-sp > .toggle-hook:before {
  margin-top: -1.5px;
  width: 11px;
  height: 3px;
  top: 50%;
  right: 16.5px;
}
.toggle-container-sp > .toggle-hook:after {
  margin-top: -5.5px;
  width: 3px;
  height: 11px;
  top: 50%;
  right: 20.5px;
}
.toggle-container-sp > .toggle-hook .hdg-04-02 {
  padding-right: 40px;
}
.toggle-container-sp > .toggle-hook .hdg-04-02:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #efefef), color-stop(50%, #e3e3e3), color-stop(100%, #cbcbcb));
  background-image: -webkit-linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  background-image: -moz-linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  background-image: linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  margin-top: -15px;
  top: 50%;
  right: -5px;
  width: 28px;
  height: 28px;
  border: solid #b8b09c 1px;
  border-radius: 3px;
  background-color: #fff;
}
.toggle-container-sp > .toggle-hook .hdg,
.toggle-container-sp > .toggle-hook .hdg-03-01 {
  margin: 0;
  position: relative;
}
.toggle-container-sp > .toggle-hook .hdg > span,
.toggle-container-sp > .toggle-hook .hdg-03-01 > span {
  padding-right: 38px;
}
.toggle-container-sp > .toggle-hook .hdg:after,
.toggle-container-sp > .toggle-hook .hdg-03-01:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #efefef), color-stop(50%, #e3e3e3), color-stop(100%, #cbcbcb));
  background-image: -webkit-linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  background-image: -moz-linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  background-image: linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  margin-top: -15px;
  top: 50%;
  right: 7px;
  width: 28px;
  height: 28px;
  border: solid #b8b09c 1px;
  border-radius: 3px;
  background-color: #fff;
}

.box-02-01 .toggle-container-sp .toggle-hook:before {
  right: 4px;
}
.box-02-01 .toggle-container-sp .toggle-hook:after {
  right: 8px;
}

> .toggle-container-detail.static .toggle-hook {
  display: block;
}
.toggle-container-detail > .toggle-hook {
  border-top: 1px solid #cbe1f0;
  border-bottom: 1px solid #cbe1f0;
  margin-top: -1px;
  cursor: pointer;
  position: relative;
}
.toggle-container-detail > .toggle-hook:before, .toggle-container-detail > .toggle-hook:after {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  background-color: #00378c;
  top: 50%;
}
.toggle-container-detail > .toggle-hook:before {
  width: 11px;
  height: 3px;
  margin-top: -1px;
  right: 16px;
}
.toggle-container-detail > .toggle-hook:after {
  width: 3px;
  height: 11px;
  margin-top: -5px;
  right: 20px;
}
.toggle-container-detail > .toggle-hook .hdg-03-02 {
  margin: 0;
  padding-right: 40px;
}
.toggle-container-detail > .toggle-hook .hdg-03-02:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #efefef), color-stop(50%, #e3e3e3), color-stop(100%, #cbcbcb));
  background-image: -webkit-linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  background-image: -moz-linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  background-image: linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -15px;
  right: 7px;
  width: 28px;
  height: 28px;
  border: solid #b8b09c 1px;
  border-radius: 3px;
  background-color: #fff;
}
.toggle-container-detail .toggle-content {
  padding: 0 0 10px;
}

.carousel-container-classroom {
  position: relative;
  padding: 10px 0 0;
  margin: 0 auto;
  width: 300px;
}
.carousel-container-classroom .carousel-content-classroom {
  overflow: hidden;
  height: 220px;
  width: 208px;
  margin: 0 auto;
}
.carousel-container-classroom.static .carousel-content-classroom {
  overflow: visible;
}

.carousel-list-classroom {
  margin-left: 32px;
  margin-right: 32px;
}
.carousel-list-classroom li {
  float: left;
  text-align: center;
  width: 100%;
  width: 300px;
  height: 220px;
  font-size: 12px;
  font-size: 1.2rem;
  z-index: 0;
}
.carousel-list-classroom li img {
  width: 200px;
  border: 4px solid #e9e4d8;
}
.carousel-list-classroom li p {
  margin: 0 -32px;
  padding: .4em;
  text-align: left;
}

.nav-carousel-classroom {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  width: 300px;
}
.nav-carousel-classroom img {
  width: 24px;
}
.nav-carousel-classroom .prev {
  float: left;
  float: none;
  position: absolute;
  left: 0;
}
.nav-carousel-classroom .next {
  float: right;
  float: none;
  position: absolute;
  right: 0;
}
.static .nav-carousel-classroom {
  display: none;
}

.toggle-content .carousel-container-classroom,
.toggle-content .carousel-list-classroom li,
.toggle-content .nav-carousel-classroom {
  width: 274px;
}

.carousel-container-success {
  margin: 10px 0 20px;
  position: relative;
  padding: 0 24px;
}
.carousel-container-success .carousel-content {
  overflow: hidden;
  position: relative;
  padding-bottom: 4px;
  z-index: 1;
}
.carousel-container-success .carousel-content:after {
  content: "";
  display: block;
  width: 40px;
  height: 96px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/sp/school/img/bg-carousel-success.png) 0 0 repeat-y;
}
.carousel-container-success .carousel-list {
  height: 92px;
}
.carousel-container-success .carousel-list li {
  float: left;
  width: 183px;
  margin-left: 10px;
  padding: 16px 10px 0;
  position: relative;
  height: 92px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f7eeda;
  text-align: center;
  -webkit-box-shadow: 0 1px 3px #f7eeda;
  box-shadow: 0 1px 3px #f7eeda;
  font-size: 12px;
  font-size: 1.2rem;
  background: url(./img/bg-carousel-list.png) 90% 50% no-repeat white;
}
.carousel-container-success .carousel-list li:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -1px;
  right: -1px;
  background: url(./img/sprite-icon.png) -72px 50% no-repeat;
}
.carousel-container-success.static .carousel-content:after {
  display: none;
}
.carousel-container-success.static .carousel-list li {
  margin: 0 0 10px 28px;
}
.carousel-container-success.static .nav-carousel-success {
  display: none;
}

.nav-carousel-success {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}
.nav-carousel-success .prev {
  float: left;
}
.nav-carousel-success .next {
  float: right;
}
.nav-carousel-success img {
  width: 24px;
}

.carousel-container-message {
  position: relative;
}

.carousel-content-message {
  margin: 10px 34px 0;
}
.static .carousel-content-message {
  margin: 10px auto 0;
}

.carousel-list.col-03 {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.static .carousel-list.col-03 {
  display: block!important;
}
.static .carousel-list.col-03 .col {
  display: block!important;
  height: auto!important;
}
.carousel-list.col-03 .col {
  display: table-cell;
  height: auto!important;
}
.carousel-list.col-03 .hdg {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 5px;
  text-align: left;
  height: auto!important;
}
.carousel-list.col-03 .image-full {
  margin: 0 auto;
  height: 184px;
}
.carousel-list.col-03 .image-full img {
  width: 138px;
}

.extend-container-message {
  text-align: center;
  position: relative;
}
.extend-container-message.open .extend-content {
  display: block;
}
.extend-container-message.close .extend-content {
  display: none;
}
.static .extend-container-message .extend-hook {
  display: none;
}
.static .extend-container-message .extend-content {
  margin: 10px 0;
  position: static;
  display: block;
  height: auto;
}
.static .extend-container-message .extend-content:after {
  display: none;
}
.static .extend-container-message .extend-content .btn-close {
  display: none;
}
.extend-container-message .extend-hook {
  margin: 15px auto 10px;
  display: inline-block;
}
.extend-container-message .extend-content {
  text-align: left;
  background-color: #fcf3ad;
  position: absolute;
  left: 0;
  top: -184px;
  padding: 10px 15px 10px;
  line-height: 1.6;
  z-index: 0;
  border-radius: 3px;
  border: 1px solid #d3c7ab;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 186px;
  font-size: 12px;
  font-size: 1.2rem;
}
.extend-container-message .extend-content:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  margin-left: -6px;
  left: 50%;
  width: 12px;
  height: 10px;
  background: url(./img/sprite-icon.png) -94px 50%;
}
.extend-container-message .extend-content p.btn-close {
  position: absolute;
  top: -34px;
  right: 5px;
  background-color: #fcf3ad;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  background-origin: border-box;
  width: 40px;
  height: 34px;
  border: 1px solid #d3c7ab;
  border-bottom: 0;
}
.extend-container-message .extend-content p.btn-close img {
  margin-top: 10px;
  margin-left: 10px;
}
.extend-container-message .extend-content p {
  margin: 0;
}

.nav-carousel-message {
  position: absolute;
  top: 98px;
  width: 100%;
}
.static .nav-carousel-message {
  display: none;
}
.nav-carousel-message img {
  width: 24px;
}
.nav-carousel-message li:first-child {
  position: absolute;
  left: 0;
}
.nav-carousel-message li:last-child {
  position: absolute;
  right: 0;
}

.box-qa {
  border-top: 1px dotted #ae9a63;
  border-bottom: 1px dotted #ae9a63;
}
.box-qa .hdg {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 8px 0 8px 32px;
  font-weight: normal;
}
.box-qa .hdg:before {
  position: absolute;
  top: 7px;
  left: 5px;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 1px 0 0;
  border-radius: 18px;
  background-color: #2e63b3;
  color: #fff;
  content: "Q";
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
}
.box-qa .box-answer {
  position: relative;
  margin: 0 0 10px;
  padding: 10px 0 10px 32px;
  background-color: #fcfbf2;
  border-radius: 3px;
}
.box-qa .box-answer:before {
  position: absolute;
  top: 9px;
  left: 5px;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 1px 0 0;
  border-radius: 18px;
  background-color: #fd8e00;
  color: #fff;
  content: "A";
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
}
.box-qa .box-answer p:first-child {
  margin-top: 0;
}

.nav-internal-01 {
  margin: 10px 0 0 -3.125%;
}
.nav-internal-01 > li {
  margin: 0 0 0 3.125%;
  font-weight: bold;
  float: left;
  width: 46.875%;
  font-size: 13px;
  font-size: 1.3rem;
}
.nav-internal-01 a {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTllZmY5Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkYWU1ZjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOWNkZWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #e9eff9), color-stop(50%, #dae5f4), color-stop(100%, #b9cdeb));
  background-image: -webkit-linear-gradient(#ffffff, #e9eff9 50%, #dae5f4 50%, #b9cdeb);
  background-image: -moz-linear-gradient(#ffffff, #e9eff9 50%, #dae5f4 50%, #b9cdeb);
  background-image: linear-gradient(#ffffff, #e9eff9 50%, #dae5f4 50%, #b9cdeb);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
  padding: .7em 5px .7em 30px;
  border: 1px solid #e5e1d8;
  border-radius: 3px;
  background-color: #e9eff9;
  background-origin: border-box;
  text-align: center;
}
.nav-internal-01 a:link, .nav-internal-01 a:visited {
  text-decoration: none;
}
.nav-internal-01 a:hover, .nav-internal-01 a:active, .nav-internal-01 a:focus {
  text-decoration: underline;
}
.nav-internal-01 a:before {
  position: absolute;
  top: 50%;
  left: 5px;
  display: inline-block;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  background: url(./img/sprite-arrow.png) -428px 50% no-repeat;
  content: "";
}

.toggle-container-news {
  clear: both;
  margin: 0 10px 10px;
  border: 2px solid #cd060a;
}
.toggle-container-news .hdg {
  padding: 10px;
  margin-top: 0;
  color: #cd060a;
}
.toggle-container-news.static > .toggle-hook {
  display: block;
  cursor: auto;
}
.toggle-container-news.static > .toggle-hook .hdg {
  margin: 0;
}
.toggle-container-news.static > .toggle-hook .hdg:after {
  display: none!important;
}
.toggle-container-news.static > .toggle-hook:before, .toggle-container-news.static > .toggle-hook:after {
  display: none!important;
}
.toggle-container-news.static > .toggle-content {
  padding-top: 10px;
}
.toggle-container-news .toggle-hook {
  position: relative;
}
.toggle-container-news .toggle-hook:before, .toggle-container-news .toggle-hook:after {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  background-color: #00378c;
}
.toggle-container-news .toggle-hook:before {
  margin-top: -1.5px;
  width: 11px;
  height: 3px;
  top: 50%;
  right: 16.5px;
}
.toggle-container-news .toggle-hook:after {
  margin-top: -5.5px;
  width: 3px;
  height: 11px;
  top: 50%;
  right: 20.5px;
}
.toggle-container-news .toggle-hook .hdg {
  margin: 0;
  position: relative;
}
.toggle-container-news .toggle-hook .hdg:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #efefef), color-stop(50%, #e3e3e3), color-stop(100%, #cbcbcb));
  background-image: -webkit-linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  background-image: -moz-linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  background-image: linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  margin-top: -15px;
  top: 50%;
  right: 7px;
  width: 28px;
  height: 28px;
  border: solid #b8b09c 1px;
  border-radius: 3px;
  background-color: #fff;
}
.toggle-container-news .toggle-content {
  padding: 0 10px 10px!important;
}
.toggle-container-news .toggle-content p {
  margin-top: .5em;
}

.box-news-01 {
  clear: both;
  margin: 0 0 10px;
  background-color: rgba(0, 55, 140, 0.8);
  border-radius: 3px;
  color: #fff;
}
.box-news-01.static .toggle-hook {
  display: block;
}
.box-news-01.static .toggle-hook:before, .box-news-01.static .toggle-hook:after {
  display: none;
}
.box-news-01.static .hdg:after {
  display: none!important;
}
.box-news-01 > .toggle-hook {
  position: relative;
}
.box-news-01 > .toggle-hook:before, .box-news-01 > .toggle-hook:after {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  background-color: #00378c;
  top: 50%;
}
.box-news-01 > .toggle-hook:before {
  width: 11px;
  height: 3px;
  margin-top: -1px;
  right: 16px;
}
.box-news-01 > .toggle-hook:after {
  width: 3px;
  height: 11px;
  margin-top: -5px;
  right: 20px;
}
.box-news-01 > .toggle-hook .hdg {
  margin: 0;
  padding: 10px 40px 10px 10px;
}
.box-news-01 > .toggle-hook .hdg:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #efefef), color-stop(50%, #e3e3e3), color-stop(100%, #cbcbcb));
  background-image: -webkit-linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  background-image: -moz-linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  background-image: linear-gradient(#ffffff, #efefef 50%, #e3e3e3 50%, #cbcbcb);
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -15px;
  right: 7px;
  width: 28px;
  height: 28px;
  border: solid #b8b09c 1px;
  border-radius: 3px;
  background-color: #fff;
}
.box-news-01 .toggle-content {
  padding: 0 10px 10px!important;
}
.box-news-01 .toggle-content p {
  margin-top: .5em;
}

/*=======MENU==========================*/

#menu{
width:100%;
overflow:hidden;
position:relative;
margin:0 0 5px 0;
}
#menu nav li {
 margin:0;
 background-color: #a67939; background-image: -webkit-gradient(linear, left top, left bottom, from(#a67939), to(#845108));
 background-image: -webkit-linear-gradient(top, #a67939, #845108);
 background-image: -moz-linear-gradient(top, #a67939, #845108);
 background-image: -ms-linear-gradient(top, #a67939, #845108);
 background-image: -o-linear-gradient(top, #a67939, #845108);
 background-image: linear-gradient(to bottom, #a67939, #845108);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a67939, endColorstr=#845108);
width:25%;
text-align:center;
float:left;
}
#menu nav li a:link,#menu nav li a:visited{
  color:#ffffff !important;
  padding:0.9em 0 0.8em 0;
  display:block;
  border-right:solid 1px #FFFFFF;
  text-decoration:none;
   background-color: #9E9E9E; background-image: -webkit-gradient(linear, left top, left bottom, from(#AE9785), to(#8E7460));
   background-image: -webkit-linear-gradient(top, #9E9E9E, #607D8B);
   background-image: -moz-linear-gradient(top, #9E9E9E, #607D8B);
   background-image: -ms-linear-gradient(top, #9E9E9E, #607D8B);
   background-image: -o-linear-gradient(top, #9E9E9E, #607D8B);
   background-image: linear-gradient(to bottom, #9E9E9E, #607D8B);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a67939, endColorstr=#845108);

}
#menu nav li.active a{
color:#eeeeee;
}
#menu nav li.active,#menu nav li a:hover{
 background-color: #4487eb; background-image: -webkit-gradient(linear, left top, left bottom, from(#88abf7), to(#093577));
 background-image: -webkit-linear-gradient(top, #4487eb, #3555e4);
 background-image: -moz-linear-gradient(top, #4487eb, #3555e4);
 background-image: -ms-linear-gradient(top, #4487eb, #3555e4);
 background-image: -o-linear-gradient(top, #4487eb, #3555e4);
 background-image: linear-gradient(to bottom, #4487eb, #3555e4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#805d2c, endColorstr=#543305);
color:#ffffff;
}


.pc{
  float:right;
}

section .faq{

}