@charset "UTF-8";

/*********************************************
/*
.apply

.fee-index (料金ページのトップ)
  body.fee-index

.apply (料金ページの下層)
  flow-sec
  delivery-sec

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

/* 共通エレメント (fee)
--------------------------------------- */

b.colorblue {background: #0677c3!important}
b.colorRed {background: #f44336!important}
b.colorGleen {background: #4caf50!important}

.mainblock-under-area p {
  margin-bottom: 10px!important;
}

/* .apply （feeページの下層）共通スタイル-------------------------*/

.apply .breadcrumb {
    padding: 0px 15px 0px 125px;
    vertical-align:
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
  .apply .breadcrumb {
    position: relative;
    padding: 0!important;
    padding-top: 1.6em!important;
    padding-left: 0.6em!important;
  }
}

.apply section {
  border-bottom: 1px solid #ddd;
  margin-right: 20px!important;
  padding-right: 0!important;
}


.apply .sectionInner {
  margin-bottom: 30px;
}

.apply .sectionInner .inner-heading {
  display: block;
}

.apply .sectionInner .inner-heading::before{
  content: "▶︎";
  color: #ff6400;
  font-size: 0.3em;
  vertical-align: bottom;
  padding-right: 0.5em;
}


.apply .sectionInner .inner-heading::before{
  content: "";
}

.apply .sectionInner ul{
  margin-bottom: 0;
}

.apply .deli-area-txt {
  position: absolute;
}

.apply ul.list-group li {
  border: none;
  padding: 0;
}

.apply ul.list-group li img{
  float: left;
  overflow: hidden;
}

.apply ul.list-group li .inner-item {
    /* border: 1px solid #ddd; */
    border-bottom: 1px solid #ddd;
    /* padding: 10px 15px; */
    padding: 0px 15px 10px 0;
    display: block;
    color: #222;
    position: relative;
    margin-bottom: 10px;
}

.apply ul.list-group li .textBoxt{
  padding-left: 245px;
  padding-top: 5px;
}

.apply ul.list-group li .textBoxt b em{
  font-size: 0.3em;
  font-style: normal;
}

.apply ul.list-group li .textBoxt span.red{
  font-weight: bold;
}

.apply ul.list-group li .textBoxt b.pulus {
  font-size: 0.7em;
}

.apply ul.list-group li .textBoxt .bigTitle {
  text-indent: -0.5em;
  display: inline-block;
  padding-bottom: 4px;
  font-size: 1.3em;
  color: #ff7a00;
  text-shadow: 0px 1px 0px #ffffff, 0px 3px 0px #ddd;
  font-weight: bold;
}

.apply ul.list-group li .textBoxt .bigTitle.ind {
  text-indent: 0em;
}

.apply .anchor-box {
  clear: both;
  text-align: right;
}

.apply .bottom-word {
  border: 1px solid #ddd;
  padding: 10px 0.5em 10px 1em;
}

.apply .bottom-word p{
  margin-bottom: 0;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  .apply section {
    margin-right: 0px!important;
  }

  .apply h2 {
    margin-top: 0;
  }

  .apply ul.list-group li img {
    text-align: center;
    margin-bottom: 10px;
    margin: 0 auto 10px;
    display: block;
    float: none;
      }

  .apply ul.list-group li .inner-item {
    padding: 20px 15px 10px 25px!important;
  }

  .apply ul.list-group li .textBoxt {
    padding-left: 0px;
    padding-top: 5px;
  }

  .apply ul.list-group li .textBoxt .bigTitle {
    font-size: 1.6em;
  }

  .apply ul.list-group li .textBoxt .detail-txt {
    bottom: 7px;
  }
}

/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
  .apply ul.list-group li img {
  float: left;
  }

  .apply ul.list-group li .textBoxt {
    padding-left: 260px;
  }
}


/* .flow-sec
---------------------------------------*/

.flow-sec .photo {
  padding: 0 15px 15px;
  margin-bottom: 40px;
  border-bottom: 2px dotted #ddd;
}

.flow-sec .photo.borderNone {
    border: none;
    margin-bottom: 0;
}

.flow-sec .border {
  padding-bottom: 5px;
  border-bottom: 2px dotted #f44336!important;
}

.flow-sec .flowTxt .imgL {
  float: left;
  margin-right: 1.5em;
}

.flow-sec h3 {
  color : #666;
  font-weight: bold;
  font-size: 20px;
}

.flow-sec .last-bottom img {
  padding-left: 60px;
}

.flow-sec .anchor-box {
  margin: 10px 0;
}

.apply section.flow-sec {
  border: none;
  padding-bottom: 0!important;
  margin-bottom: 0!important;
}

.apply section.flow-sec .anchor-box{
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin-bottom: 60px!important;
}


/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  .flow-sec h3 {
    margin-top: 0px;
  }

  .flow-sec .photo{
    padding: 0 0 0px;
  }

  .flow-sec .photo,
  .flow-sec .border {
    margin-bottom: 15px;
  }

  .flow-sec .flowTxt .imgL {
    float: none;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .flow-sec .flowTxt .last-bottom {
    text-align: center;
    margin-bottom: 0;
  }

  .flow-sec .flowTxt .last-bottom img {
    width: 50%;
    padding-left: 0;
  }
}

/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
  .flow-sec .flowTxt .imgL {
    float: left;
  }

  .flow-sec .flowTxt p.last-bottom {
    position: relative;
    text-align: left;
  }

  .flow-sec .flowTxt p.last-bottom img {
    width: 18%;
    margin-left: 50px;
  }
}


/* .delivery-sec
---------------------------------------*/
.delivery-sec {
  padding-bottom: 30px!important;
}

.delivery-sec .lead-box {
  margin-top: 30px;
}

.delivery-sec .lead-box p{
  line-height: 1.6em;
}


/* .fee-index (feeページのトップ)  ----------------------------------------------*/

body.fee-index  .sectionInner {
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

body.fee-index  .sectionInner:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

body.fee-index  .inner-heading {
  color: #0976c3;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 7px;
  text-indent: -7px;
}

body.fee-index  .inner-heading span {
  font-size: 0.8em;
  color: #222;
  display: inline-block;
  margin-left: -13px;
  font-weight: normal;
  text-indent: 0px;
}

body.fee-index  .sectionInner ul {
  padding-left: 50px;
  margin-bottom: 0;
}

body.fee-index  .sectionInner ul li {
  display: block;
  font-size: 1.3em;
  line-height: 1.6em;
  padding-left: 1em;
}

body.fee-index  .sectionInner ul li a{
  color: #222;
 /* text-decoration: underline; */
}

body.fee-index  .sectionInner ul li a:hover {
  color: #0064aa;
 /* text-decoration: none; */
text-decoration: underline;
}

body.fee-index  .sectionInner ul li a b{
  background: #dedede;
  color: #fff;
  padding: 0.1em 0.5em;
  font-size: 0.75em;
  font-weight: normal;
  top: -2px;
  position: relative;
 text-decoration: none;
}

body.fee-index  .sectionInner ul li a span.ad {
  padding-left: 6px;
}

body.fee-index  .sectionInner ul li a span.priceAd01 {
  padding-left: 5px;
}

body.fee-index  .sectionInner ul li a span.priceAd02 {
  padding-left: 16px;
}

body.fee-index  .fee-Area .text-Area li {
  font-size: 1.2em;
  line-height: 1.5em;
}

body.fee-index  .fee-Area .text-Area li span {
  padding-left: 10px;
}

/* .permis */
body.fee-index  .permis ul li{
  position: relative;
}

body.fee-index  .permis ul li span.price {
  position: absolute;
  left: 350px;
}


/* .fee-Area */
.apply .fee-Area .text-Area{
  margin-bottom: 20px;
}

.apply .fee-Area .text-Area p {
  margin-bottom: 5px;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  body.fee-index .sectionInner ul {
    padding-left: 0px;
  }

  body.fee-index .sectionInner ul li {
     padding-left: 0em;
  }

  body.fee-index  .sectionInner ul li a b {

  }

  body.fee-index .sectionInner ul li a span.ad {
    padding-left: 0;
  }

  body.fee-index .sectionInner ul li a span.priceAd01 {
      /* padding-left: 5.8em; */
      padding-left: 90px;
      text-decoration: underline;
  }

  body.fee-index .sectionInner ul li a span.priceAd02 {
      /* padding-left: 6.2em; */
      padding-left: 100px;
      text-decoration: underline;
  }

  body.fee-index .sectionInner ul li span.price {
    padding-left: 8.6em;
    padding-left: 143px;
    text-decoration: underline;
  }

  body.fee-index  .permis ul li span.price {
    padding-left: 0em;
    position: absolute;
    left:250px;
    right:0;
    text-decoration: underline;
  }
}

/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
  body.fee-index .permis ul li span.price {
    right: 0em!important;
    left: auto;
  }

  body.fee-index .sectionInner ul li {
    position: relative;
  }

  body.fee-index .sectionInner ul li a span {
    position: absolute;
    right: 0;
    padding-left:0;
  }

  body.fee-index .sectionInner ul li a span.ad {
    position: relative;
  }
}


/* body.update
-----------------------------------------------------*/

body.update ul.list-group li .inner-item {
    padding: 0px 15px 30px 0;
}

body.update .inner-heading .colorRed,
body.update .inner-heading .colorGleen{
  color: #fff;
  padding: 0.1em 0.5em;
  font-size: 0.75em;
  font-weight: normal;
  top: -2px;
  position: relative;
  text-decoration: none;
  font-size: 0.8em;
}

body.apply table {
  border: 1px solid #222!important;
}

body.apply table th{
  text-align: center!important;
  background: #ffffce;
  border: 1px solid #222!important;
}

body.apply table td span{
  font-size: 12px;
}

  body.apply table td{
  position: relative;
  line-height: 46px;
  border: 1px solid #222!important;
}

body.apply table td.lH1{
  line-height: 1.3em;
  padding-top: 20px;
}

body.update .text-Area p.indent{
  margin-bottom: 40px;
}

body.update .text-Area ul li {
  line-height: 1.8em;
}

body.update .text-Area ul li span {
    letter-spacing: 0.3em;
}

body.update .text-Area ul li span em{
  font-size: 0.4em;
  font-style: normal;
  letter-spacing: 0em;
}

/* body.establish
-----------------------------------------------------*/

body.establish table td.lH2 {
  line-height: 1.7em;
  padding-top: 15px;
  text-align: left;
  padding-left: 25px;
  padding-right: 70px;
}

body.establish table td.lH1 {
    line-height: 1.3em;
    padding-top: 33px;
}

body.establish table td.lH2 div ul li {
  position: relative;
  text-align: left;
}

body.establish table td.lH2 div ul li span{
  position: absolute;
  right: -45px;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  body.establish table td.lH2{
     padding-right: 130px;
  }

  body.establish table td.lH2 div ul li span{
    right: -110px;
  }
}

/* body.yearend
-----------------------------------------------------*/

body.yearend #mainblock section{
  margin-bottom: 0px;
  border-bottom: none;
}

body.yearend table td.lH1.wShot{
  width: 200px;
  padding-top: 10px;
  padding-right: 23px;
  line-height: 1.5em;
}

body.yearend .remarks li em {
  font-style: normal;
  letter-spacing: 0.12em;
}

body.yearend .remarks li em.ad {
  letter-spacing: 0.4em;
}

body.yearend .remarks li span {
}


/* body.manage
-----------------------------------------------------*/

body.manage section {
    border-bottom: none!important;
}

/* table */
body.manage table td {
    position: relative;
    line-height: 22px;
    font-size: 16px;
}

body.manage table td ul li {
  text-align: left;
}

body.manage table td.lH1 {
    padding-top: 20px;
}

body.manage table td.lH2 {
  padding-left: 30px;
  padding-right: 25px;
}

body.manage table td.lH2 ul li {
  position: relative;
  font-size: 14.5px;
}

body.manage table td.lH2 ul li span {
  font-size: 1em;
  right: 0;
  position: absolute;
}

body.manage table td.lH2 ul li span.pad {
  padding-right: 1em;
}

body.manage table td.lH2 ul li em.red {
  left: -.8em;;
  position: absolute;
}

body.manage table td.lH2 ul li em {
  font-size: 12px;
  font-style: normal;
}

body.manage .text-Area p.indent01 {
  text-indent: -1.5em;
  padding-left: 2em;
  margin-bottom: 5px;
}

body.manage .text-Box .text-Area ul li {
  line-height: 1.8em;
  padding-left: 1em;
}

/* body.bidd
-----------------------------------------------------*/

body.bidd section {
    border-bottom: none!important;
}

body.bidd table td {
    position: relative;
    line-height: 22px;
    font-size: 16px;
}

body.bidd table td.lH1 {
    padding-top: 10px;
}

body.bidd .sectionInner .inner {
  margin-bottom: 10px;
}

body.bidd .sectionInner .text-fee-exam{
  text-indent: -0.6em;
  padding-left: 0.6em;
}

body.bidd .term p{
  padding-left: 0.5em;
  line-height: 1.8em;
  padding-top: 6px;
}

/* CLEAR FIX
---------------------------*/


.clearfix:after
{
     clear: both;
     content: ".";
     display: block;
     height: 0;
     line-height: 0;
     visibility: hidden;
}
.clearfix {
     zoom: 1;
}


/* # mediaのbootstrapの補足的に使うプロパティ
---------------------------------------------------------------------------- */

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
}
/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
}
/* 大デバイス（デスクトップ, 992px 以上） */
@media (min-width: 992px) and (max-width: 1199.99px) {
}
/* 特大デバイス（ワイド・デスクトップ, 1200px 以上） */
@media (min-width: 1200px) {}