ul.t_exam{display:flex;flex-direction:row;flex-wrap:wrap;}
ul.t_exam li {
  border-bottom: 1px solid #b2b2b2;
border-left: 1px solid #b2b2b2;
  text-align: center;
}
ul.t_exam li:nth-child(odd){
  background-color: #f2f2f2;
}
ul.t_exam li:last-child{
border-right: 1px solid #b2b2b2;
}
@media screen and (min-width:601px){
ul.t_exam li {
  width: 20%;
}
ul.t_exam li:nth-child(-n+5){
border-top: 1px solid #b2b2b2;
}
ul.t_exam li:nth-child(5n){
border-right: 1px solid #b2b2b2;
}
}
@media screen and (min-width:401px){
ul.t_exam li{padding:5px;}
}
@media screen and (max-width:600px) and (min-width:401px){
ul.t_exam li {
  width: 25%;
}
ul.t_exam li:nth-child(-n+4){
border-top: 1px solid #b2b2b2;
}
ul.t_exam li:nth-child(4n){
border-right: 1px solid #b2b2b2;
}
}
@media screen and (max-width:400px) {
ul.t_exam li {
  width: 33%;
}
ul.t_exam li:nth-child(-n+3){
border-top: 1px solid #b2b2b2;
}
ul.t_exam li:nth-child(3n){
border-right: 1px solid #b2b2b2;
}
}
.manual__about_words, .manual__links {
  background: #eee;
  border-radius: 20px;
  padding: 1em 2em 2em;
  margin-top: 3em;
  margin-bottom: 3em;
}
.manual__about_words h4 {
  display: inline-block;
  border: 2px solid #bbb;
  padding: 0.1em 1em;
  border-radius: 2em;
  margin-bottom: 1em;
  background: #fff;
}
.manual__define_word {
  margin-bottom: 1em;
border-bottom:1px solid #fff;
}
.manual__define_word dt{
font-weight:bold;
}
@media screen and (min-width:501px){
.manual__define_word {
  display: table;
width:100%;
}
.manual__define_word dt, .manual__define_word dd {
  display: table-cell;
}
.manual__define_word dt {
  width: 10em;
  padding-right: 1em;
}
}
.manual__figure {
  width: 100%;
  margin: 0 0 3em;
  text-align: center;
}
.manual__figure figcaption {
  font-size: 1.2em;
  margin-top: 2em;
}
.manual__link {
  margin-top: 1em;
  text-indent: -1.4em;
  padding-left: 1.4em;
}
.manual__link:before {
  content: "\025cb";
  margin-right: 0.4em;
}
.manual__1-05__figure {
  text-align: center;
}
.manual__1-05__figure img {
  max-width: 300px;
}
.manual__point {
  padding: 1em 2em;
  border-radius: 20px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.manual__point h3 {
  margin-top: 1em;
}
.howto01 .manual__point {
  border: 2px solid #50a300;
}
.howto01 .manual__point h3 {
  color: #1E7600;
}
.howto02 .manual__point {
  border: 2px solid #0093cb;
}
.howto02 .manual__point h3 {
  color: #006697;
}
.manual__1-06__01 {
  margin-bottom: 3em;
}
.manual__decimal {
  list-style: decimal;
  margin-left: 2em;
  margin-bottom: 2em;
}
.manual__decimal li {
  margin-bottom: 0.8em;
}
.manual__disc {
  list-style: disc;
  margin-left: 2em;
  margin-bottom: 2em;
}
.manual__1-06__frame, .manual__1-09__frame {
  padding: 1em;
  border: 1px solid #bbb;
  margin-bottom: 3em;
}
.manual__font-weight_bold {
  font-weight: bold;
font-size:16px;
}
.manual__qa {
  border: 2px solid #eee;
  padding: 1em 2em;
  border-radius: 20px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.manual__2-10_frames {
  background: #fafafa;
  border: 1px solid #bbb;
  border-radius: 20px;
  padding: 1em;
}
.manual__2-10_frame {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 20px;
  padding: 0.5em 2em 2em;
  margin-bottom: 1em;
}
.manual__2-11_indent {
  text-indent: -3em;
  padding-left: 3em;
  display: block;
}
.text-block pre {
  white-space: normal;
}
.step-media {
  border: solid 1px #bbb;
  text-align: center;
  background-color: #f4f4f5;
}
.step-media .image-box {
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 0;
  overflow: hidden;
  transition: height 0.2s;
}
.step-navi .box .label {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
}
.step-navi .box .step {
    font-size: 16px;
}
.step-navi .box {
  padding-top: 16px;
}
.step-navi .anchor {
  text-decoration: none;
  color: #fff;
}
/*.step-vertical-line {
  width: 10px;
  height: 100%;
  background-color: #d1d4e1;
}*/
.step-step-list {
  margin-top: 4em;
}
.step-step-list .step-step .step-navi-box {
  vertical-align: top;
  position: absolute;
  left: -15px;
  top: 0;
  z-index: 2;
}
.step-step-list .step-step {
  /*margin-bottom: 36px;
  display: flex;*/
  padding-top: 20px;
  margin-bottom: 40px;
  position: relative;
}
.step-navi {
  border-radius: 100%;
  /*background-color: #4e515f;*/
  background: #7E4500;
  color: #fff;
  width: 60px;
  height: 60px;
  text-align: center;
}
/*.step-step-list .step-step .step-navi-line {
  position: absolute;
  top: 66px;
  bottom: -53px;
  left: 25px;
  height: auto;
}*/
.step-step-list .step-step .step-navi-line {
  border-style:solid;
  border-width: 10px 10px 0 10px;
  border-color: #a89681 transparent transparent transparent;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.step-step-list .step-step .step-box.step {
  /*background: #fafafa;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%);
  border-radius: 3px;*/
  border: 2px solid #a89681;
  border-radius: 20px;
  background: #fafafa;
}
.step-box {
  padding: 20px 32px;
  /*background-color: #ffffff;*/
}
.step-box .content-box .text-block {
  flex-grow: 1;
  min-width: 0;
}
.image-block img:hover {
  opacity: 0.5;
}
.step-title-text {
  font-size: 18px;
  font-weight: bold;
  color: #7E4500;
  margin-bottom: 1.5em;
  padding-left: 25px;
  padding-bottom: 1em;
  position: relative;
}
.step-title-text:before {
  content:"";
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width:701px) {
  .step-box .title-box .title-step {
    display: none;
  }
  .image-block {
    min-width: 30%;
  }
  .page_howto .image-block {
    width: 40%;
  }
  .step-box .content-box .top-block {
    display: flex;
  }
  /*.step-step-list .step-step .step-box.step:before {
    content: '';
    position: absolute;
    top: 60px;
    left: -24px;
    margin-top: -12px;
    border: 8px solid transparent;
    border-right: 16px solid #fafafa;
  }*/
  .step-step-list .step-step .step-box.step {
    position: relative;
    /*width: calc(100% - 94px);
    margin: 0 auto 0 22px;*/
  }
/*.step-media {
    max-width: 200px;
  }*/
  .step-box .content-box .text-block {
    padding-left: 24px;
  }
  .page_howto .step-box .content-box .text-block {
    padding-left: 24px;
    width: calc(100% - 40% - 24px);
  }
}
@media screen and (max-width:700px) {
  .step-step-list .step-step {
    padding-top: 30px;   
  }
  .title-step {
    position: absolute;
    left: -15px;
    top: 0; 
  }
  /*.step-navi {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
  }*/
  .step-title-text {
    font-size: 17px;
    padding-left: 0;
    padding-top: 0.5em;
  }
  /*.step-step-list .step-navi-box, .step-vertical-line.step-navi-line {
    display: none;   
  }*/
  .step-step-list .step-step .step-navi-line {
    bottom: -40px;
  }
  .image-block {
    margin-bottom: 1em;
  }
}
.table_block {
  display: table;
}
.table_block > div {
  display: table-cell;
  vertical-align: top;
}
.ex_flow .image_blc img {
  width: auto;
}
.flow_list {
  width: calc(100% - 60px);
}
.ex_flow .flow_blc {
  border-radius: 10px;
  background-color: #ffffff;
  margin-bottom: 8px;
}
.ex_flow .flow_blc .num {
  align-self: stretch;
}
.ex_flow .flow_blc .btn {
  padding: 8px 10px 8px 8px;
}
.ex_flow .flow_blc .num {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 23px;
  font-weight: bold;
}
.ex_flow .flow_blc .text {
  text-align: left;
}
.ex_flow .before {
  background-color: #bbd7ee;
}
.ex_flow .after {
  background-color: #ffcccc;
}
.ex_flow .before .flow_blc .num {
  background-color: #336699;
  width: 40px;
}
.ex_flow .after .flow_blc .num {
  background-color: #c30d23;
  width: 40px;
}
@media screen and (min-width:401px) {
  .ex_flow .before {
    padding: 25px 25px 0px 25px;
  }
  .ex_flow .flow_blc .btn {
    width: 270px;
  }
  .ex_flow .image_blc {
    width: 60px;
  }
  .ex_flow .after {
    padding: 10px 25px 10px 25px;
  }
}
@media screen and (max-width:400px) {
  .ex_flow .before {
    padding: 10px;
  }
  .ex_flow .image_blc {
    width: 30px;
  }
  .ex_flow .after {
    padding: 10px;
  }
}
.ex_flow .flow_blc .btn a {
  padding: 10px;
  text-align: left;
  font-size: 14px;
  justify-content: flex-start;
  color: #ffffff;
  background-color: #0084cb;
  border-radius: 5px;
  text-align: center;
  line-height: 1.3em;
  display: block;
  text-decoration: none;
}
.ex_flow .flow_blc .btn a + a {
  margin-top: 10px;
}
.width100per {
  width: 100%;
}
@media screen and (min-width:701px) {
  .ex_flow .flow_blc .num {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .ex_flow .flow_blc .text {
    width: calc(100% - 270px);
    padding: 8px 10px;
  }
.ex_flow .flow_blc .text.w100{width:calc(100% - 40px);}
  .ex_flow .flow_blc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .fbc {
    display: flex;
    width: calc(100% - 40px);
  }
}
@media screen and (max-width:700px) {
  .ex_flow .flow_blc .num {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .ex_flow .flow_blc .text {
    padding: 8px 2em;
    display: inline-block;
  }
  .num + .fbc {
    text-align: center;
  }
  .btn {
    margin-left: auto;
    margin-right: auto;
  }
}

.faq_contents .faq_box dd ol{list-style:decimal;}
.list-disc br,.list-decimal br,.faq_box p + br{display:none;}
.list-disc,.list-decimal,.text-block ul,.text-block ol{padding-left:2em;}
.list-disc li,.text-block ul li{list-style:disc;}
.list-decimal li,.text-block ol li{list-style:decimal;}
.manual__point h4{border-radius:2em;color:#fff;padding-left:1em;padding-right:1em;display:inline-block;}

.howto01 .manual__point h4{background:#50a300;}
.howto02 .manual__point h4{background:#006697;}
.howto03 .manual__point h4{background:#bf6a00;}
.link-list-box{margin-top:2em;}
.link-list-box:before{content:"リンク";border:1px solid #bbb;line-height: 1;border-radius:2em;padding:2px 1em;display:inline-block;margin-bottom:0.5em;}
.link-list-box div{padding-left:1em;text-indent:-1em;}
.link-list-box div:before{content:"・";}
.qa06__top__list{border-radius:20px;background:#fff;margin-bottom:40px;}
.qa06__top__list strong{font-size:1.2rem;margin-bottom:0.5em;display:block;}
.qa06__top__list ol{margin-left:2em;}
.qa06__top__list ol li{list-style:decimal;}
.qa06__top__list ol li + li{margin-top:0.5em;}
@media screen and (min-width:401px){
.qa06__top__list{padding:40px;}
}
@media screen and (max-width:400px){
.qa06__top__list{padding:10px;}
}
p.kome li{padding-left:1.5em;text-indent:-1.5em;}
p.kome li:before{content:"※";margin-right:0.5em;}
.text-block .kome{padding-left:0;}
.text-block .kome li{padding-left:1.5em;text-indent:-1.5em;list-style:none;}
.text-block .kome li:before{content:"※";margin-right:0.5em;}
.text-block ol.no-decimal li{list-style:none;}
.text-block ol.no-decimal{padding-left:0;}
#page-bottom .popup .tel{font-weight:700;}
.pdf {
	/*display: inline-block;*/
	/*background: url(../../uploads/pdf.png) no-repeat left center / auto 1.1em;
	padding-left: 1.5em;
	margin-left: 0.5em;*/
}
.pdf:before{margin-right:5px;content:"";vertical-align:text-bottom;display:inline-block;background: url(../../uploads/pdf.png) no-repeat;background-size: 17px 17px;height:17px;width:17px;}
.pdf_back{
	/*display: inline-block;*/
	background: url(../../uploads/pdf.png) no-repeat right center / auto 1.1em;
	padding-right: 1.5em;
	margin-right: 0.5em;
}
.blank{display:inline;}
.blank {
	background:none;/* url(../img/parts/blank.png) no-repeat right center;*/
	padding-right: 0.8em;
}
.blank:after{margin-left:5px;content:"";vertical-align:text-bottom;display:inline-block;background: url(../img/parts/blank.png) no-repeat;background-size: 17px 17px;height:17px;width:17px;}
.bnr_list li:last-child{margin-top:30px;}

.question_svg{margin-left: 5px;}
.question_svg img{width:inherit;}
.sp_bottom .tel a.question_svg{display: inline-block;}
.white_contents p{font-size:16px;}
.white_contents .page_howto p{font-size:14px;}
.color-grey{color:grey;background: #fdf2f2;padding: 3px 20px;margin-left:1em;}
.cancel-ul li{margin-bottom:0.2em;}
.cancel-ul strong{display:inline-block;min-width:10em;}
.cancel-ul br{display:none;}

.text_bg{ background-color: #fff4bd;}

.white_contents h5{
  font-size: 16px;
  font-weight: bold;
  @media screen and (max-width: 768px) {
    font-size: 15px;
  }
}