@charset "utf-8";

/* ==================================================
		
		定期サポート(顧問契約)CSS PC

================================================== */

@media screen and (min-width:781px) {

/* --------------------------------------------------
		.title
-------------------------------------------------- */
#advice .title {
  font-size: 229%;
  color: #114566;
  border-bottom: 1px solid #d3d3d3;
}

#advice .title .title-inner {
  width: 1059px;
  background: url(/img/advice/tit-bg-img.jpg) no-repeat top right;
  margin: 0 auto;
}

#advice .title .title-inner p { padding: 47px 0 39px; }

/* --------------------------------------------------
		.tab
-------------------------------------------------- */
#main .tab-button { border-bottom: 1px solid #d3d3d3; }

#main .tab-button .tab {
  width: 1059px;
  padding: 0 17px;
  margin: 29px auto 0;
}

#main .tab-button .tab li {
  font-size: 145%;
  font-weight: bold;
  text-align: center;
  color: #0a507c;
  width: 522px;
  padding: 23px 0 16px;
  border: solid #d3d3d3;
  cursor: pointer;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  border-width: 1px 1px 0;
  border-top-right-radius: 5px;
}

#main .tab-button .tab li:hover { color: #77adcf; }

#main .tab-button .tab .menu01 { float: left; }

#main .tab-button .tab .menu02 { float: right; }

#main .tab-button .tab .select { text-decoration: underline; }

#main .hide { display: none; }

/* --------------------------------------------------
		.advice-inner
-------------------------------------------------- */
#main .advice-inner {
  width: 1059px;
  margin: 35px auto 0;
}

#main .advice-inner h2 {
  font-size: 229%;
  font-weight: bold;
}

#main .advice-inner p {
  padding: 0 5px;
  margin-top: 23px;
}

#main .advice-inner ul, #main .advice-inner ol {
  padding: 0 5px;
  margin-top: 23px;
}

#main .advice-inner ul li {
  text-indent: -1em;
  margin-top: 12px;
  margin-left: 1em;
}

#main .advice-inner ol li {
  text-indent: -1em;
  margin-left: 1em;
}

/* --------------------------------------------------
		.first
-------------------------------------------------- */
#main .first { margin-top: 29px; }

#main .first p { margin: 7px 0 0 -5px; }

#main .first .tit {
  font-size: 165%;
  font-weight: bold;
}

/* --------------------------------------------------
		.second
-------------------------------------------------- */

/* --------------------------------------------------
		.third
-------------------------------------------------- */
#main .third dl {
  padding: 0 5px;
  margin-top: 1px;
}

/* --------------------------------------------------
		.fourth
-------------------------------------------------- */
#main .fourth p {
  text-indent: -1em;
  margin-top: 0;
  margin-left: 1em;
}

#main .fourth .mt { 
  margin: 5px 0 0 2em; 
  text-indent: -1em;
}

#main .fourth .mt02 { 
  margin: 5px 0 0 1em; 
  text-indent: -1em;
}

#main .fourth .mt03 { 
  margin-top: 23px;
}

#main .fourth ol { font-weight: bold; }

#main .fourth ol li span { 
  display: block;
  font-weight: normal;
  text-indent: 1em;
  margin-left: -1em;
}

#main .fourth table {
  text-align: center;
  margin-top: 30px;
}

#main .fourth table td {
  width: 492px;
  padding: 15px 10px;
  border: 1px solid #d3d3d3;
}

#main .fourth table td:first-child { width: 71px; }

#main .fourth table .blue {
  font-weight: bold;
  color: #ffffff;
  background: #0a6dac;
}

#main .fourth table .gray {
  font-weight: bold;
  background: #f3f3f3;
}

/* --------------------------------------------------
		.fiveth
-------------------------------------------------- */
#main .fiveth ul li span {
  font-weight: bold;
  display: block;
}

#main .fiveth ul li .cap {
  font-weight: normal;
  text-indent: -1em;
  margin-left: 1em;
}
}


/* ==================================================
		
		定期サポート(顧問契約)CSS SP

================================================== */
@media screen and (max-width:780px) {

/* --------------------------------------------------
		#advice
-------------------------------------------------- */
#advice { margin-top: 99px; }

/* --------------------------------------------------
		.title
-------------------------------------------------- */
#advice .title {
  font-size: 145%;
  color: #114566;
  border-bottom: 1px solid #d3d3d3;
}

#advice .title .title-inner {
  background: url(/img/advice/sp-tit-bg-img.jpg) no-repeat top right;
  -moz-background-size: cover;
  background-size: cover;
}

#advice .title .title-inner p {
  padding: 38px 0 35px 16px;
  text-shadow: #ffffff 1px 1px 0px, #ffffff -1px 1px 0px, #ffffff 1px -1px 0px, #ffffff -1px -1px 0px;
}

/* --------------------------------------------------
		.tab
-------------------------------------------------- */
#main .tab-button .tab {
  padding: 0 10px;
  border-bottom: 1px solid #d3d3d3;
  margin-top: 19px;
  display: -moz-flex;
  display: -ms-flex;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
}

#main .tab-button .tab li {
  font-weight: bold;
  text-align: center;
  color: #0a507c;
  width: 49%;
  padding: 13px;
  border: solid #d3d3d3;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-width: 1px 1px 0;
  box-sizing: border-box;
}

#main .tab-button .menu01 {
  margin: 0 5px 0 12px;
  float: left;
}

#main .tab-button .tab .menu02 {
  margin: 0 7px;
  float: right;
}

#main .tab-button .tab .select { text-decoration: underline; }

#main .hide { display: none; }

/* --------------------------------------------------
		.advice-inner
-------------------------------------------------- */
#main .advice-inner { margin: 19px 15px 0; }

#main .advice-inner h2 {
  font-size: 150%;
  font-weight: bold;
}

#main .advice-inner p {
  padding: 0 5px;
  margin-top: 15px;
}

#main .advice-inner ul, #main .advice-inner ol {
  padding: 0 5px;
  margin-top: 23px;
  margin-top: 12px;
}

#main .advice-inner ul li {
  text-indent: -1em;
  margin-top: 7px;
  margin-left: 1em;
}

#main .advice-inner ol li {
  text-indent: -2em;
  margin-left: 2em;
}

/* --------------------------------------------------
		.first
-------------------------------------------------- */
#main .first p {
  padding: 0;
  margin-top: 7px;
}

#main .first .tit {
  font-size: 121%;
  font-weight: bold;
  margin-top: 12px;
}

/* --------------------------------------------------
		.second
-------------------------------------------------- */
 

/* --------------------------------------------------
		.third
-------------------------------------------------- */
#main .third .smt { margin-top: 12px; }

/* --------------------------------------------------
		.fourth
-------------------------------------------------- */
#main .fourth p {
  text-indent: -1em;
  margin-top: 0;
  margin-left: 1em;
}

#main .fourth .mt { margin: 12px 0 0 2em; }

#main .fourth .mt02 { margin: 12px 0 0 1em; }

#main .fourth .smt { margin-top: 12px }

#main .fourth ol { font-weight: bold; }

#main .fourth ol li { 
  text-indent: -1em;
  margin-left: 1em;
 }

#main .fourth ol li span {
  display: block;
  font-weight: normal;
  text-indent: 0;
}

#main .fourth table {
  text-align: center;
  line-height: 1.5;
  margin-top: 15px;
  width: 100%;
}

#main .fourth table td {
  padding: 15px 10px;
  border: 1px solid #d3d3d3;
  width: 42%;
}

#main .fourth table td:first-child { width: 16%; }

#main .fourth table .blue {
  font-weight: bold;
  color: #ffffff;
  background: #0a6dac;
}

#main .fourth table .gray {
  font-weight: bold;
  background: #f3f3f3;
}

/* --------------------------------------------------
		.fiveth
-------------------------------------------------- */
#main .fiveth ul li span {
  font-weight: bold;
  display: block;
}

#main .fiveth ul li .cap {
  font-weight: normal;
  text-indent: -1em;
  margin-left: 1em;
}

#main .fiveth .smt { margin-top: 12px; }
}