@charset "utf-8";

@media print {

#page_top {

  display: none;

}

#contentsWrapper .mainContents .flex-4col {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: -moz-flex;

    display: flex;

    -webkit-box-lines: multiple;

    -moz-box-lines: multiple;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 0;

}

#contentsWrapper .flex-4col a {

  margin-right: 3%;

  text-decoration: none;

}

#contentsWrapper .mainContents ul li, #contentsWrapper .mainContents ol li, #contentsWrapper .mainContents p {

    line-height: 2;

}

.flex-4col .col {

  width: 218px;

    border-bottom: 1px solid #707070;

    position: relative;

    padding: 20px 10px;

    font-size: 14px;

    font-weight: bold;

}

.flex-4col a .col:after {

    content: "";

    position: absolute;

    bottom: -10px;

    right: 50%;

    border-top: 5px solid #707070;

    border-right: 5px solid transparent;

    border-bottom: 5px solid transparent;

    border-left: 5px solid transparent;

}

#contentsWrapper .flex-4col a:nth-child(4), #contentsWrapper .flex-4col a:nth-child(8) {

  margin-right: 0;

}

#contentsWrapper .mainContents .accordion-btn li a {

  color: #fff;

  font-size: 16px;

  width: 236px;

  height: 33px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #157D1B;

  border: 1px #157D1B solid;

  border-radius: 5px;

  text-decoration: none;

}

#contentsWrapper .mainContents .accordion-btn li:first-child {

  margin-right: 30px;

  }

.mainContents .bow-right {

  margin: 80px 0 0 0;

  padding: 0;

  font-size: 20px;

  color:#4C9EA6;

}

.mainContents .flex-column.flex-col_2 .box-style-1 {

    width: calc( 40% - 12.5px );

    margin: 0 auto;

}

div.black_list {

    margin-bottom: 20px;

}

#contentsWrapper .mainContents ul.accordion li .accordion_contents .accordion_inner {

    margin: 10px 0 20px 30px;

}

}



#contentsWrapper .mainContents ul li,

#contentsWrapper .mainContents ol li{

  line-height: 2;

}



#contentsWrapper .mainContents ul.disc-faq01 li::before {

  top: -1px;

}



#contentsWrapper .mainContents .box-content ul.disc li::before { top: 1px; }

#contentsWrapper .mainContents .box-content ul.disc-faq02 li::before { top: 3px; }







em.point {

    color: #4a7718;

}

.mainContents ul.accordion, .mainContents ol.accordion,.mainContents ul.accordion-btn, .mainContents ol.accordion-btn,.mainContents ul.black_list, .mainContents ol.black_list,.mainContents ul.oreder-list, .mainContents ol.oreder-list,.mainContents ul.list_num, .mainContents ol.list_num {

  padding: 0;

}

















/*heading*/

.headline{

  width: 100%;

  height: 77px;

  border-bottom: 2px solid #157D1B;

  background-color: #fff;

}

.headline h1 img{

  vertical-align: middle;

  padding-right: 10px;

  max-height: 48px;

}

/*flex related*/

.flex{

  display: flex;

}

.flex-wrap{

  flex-wrap: wrap;

}

.space-around{

  justify-content: space-around;

}

.space-between{

  justify-content: space-between;

}

.justify-center{

  justify-content: center;

}

.alignitems-center{

  align-items: center;

}

#contentsWrapper .mainContents .flex-4col {

  display:-webkit-box;

  display:-moz-box;

  display:-ms-flexbox;

  display:-webkit-flex;

  display:-moz-flex;

  display:flex;

  -webkit-box-lines:multiple;

  -moz-box-lines:multiple;

  -webkit-flex-wrap:wrap;

  -moz-flex-wrap:wrap;

  -ms-flex-wrap:wrap;

  flex-wrap:wrap;

  padding: 0;

}

.flex-4col .col{

  border-bottom: 1px solid #707070;

  position: relative;

  padding: 20px 10px;

  font-size: 14px;

  font-weight: bold;

}

#contentsWrapper .flex-4col a {

  text-decoration: none;

}

.flex-4col a .col:after {

  content:"";

  position: absolute;

  bottom:-10px;

  right: 50%;

  border-top: 5px solid #707070;

  border-right: 5px solid transparent;

  border-bottom: 5px solid transparent;

  border-left: 5px solid transparent;

}

.flex-4col a:hover{

  background-color: #E7F2E7;

  color: #000;

}

.flex-3col .col{

  width: 32%;

  margin-right: 2%;

}

.flex-3col a:hover{

  background-color: #E7F2E7;

  color: #000;

}

.mainContents ul li:last-of-type, .mainContents ol li:last-of-type {

  margin-bottom: 1em;

}

/*anchor*/

.anchor a{

  align-items: center;

  justify-content: center;

  color: #000;

  margin-bottom: 10px;

}

#contentsWrapper .mainContents .accordion-btn{

  margin-bottom: 20px;

}

#contentsWrapper .mainContents .accordion-btn .all-close a{

  background-color: #707070;

  border: 1px #707070 solid;

}

#contentsWrapper .mainContents .accordion-btn li:hover a{

  opacity: 0.7;

  transition: opacity .5s;

}



/*accordion*/

#contentsWrapper .mainContents ul.accordion{

 margin-bottom: 30px;

}

#contentsWrapper .mainContents ul.accordion > li{

  background-color: #fff;

}

#contentsWrapper .mainContents ul.accordion li a.accordion-toggle{

  width: 100%;

  align-items: center;

  background-color: #fff;

  color: #000;

  text-decoration: none;

}

#contentsWrapper .mainContents .faq ul.accordion li a.accordion-toggle h4 {/*.ttl-faq*/

  position: relative;

  border-bottom: 1px dashed #959595;

  width: 100%;

  line-height: 1.4;

  padding: 10px 30px 10px 0;

}

#contentsWrapper .mainContents .faq ul.accordion li a.accordion-toggle h4 span{

  font-size: 18px;

  font-weight: bold;

  color: #157D1B;

  padding: 0 5px 0 0;

  display: table-cell;

}

@media screen and (max-width: 750px){

#contentsWrapper .mainContents .faq ul.accordion li a.accordion-toggle h4 span{

  font-size: 16px;

}

}



#contentsWrapper .mainContents .faq ul.accordion li a.accordion-toggle h4 .ttl-txt{

  color:#000;

}

#contentsWrapper .mainContents ul.accordion li a.accordion-toggle.close h4:after{

  color:#157D1B;

  content: "\f067";

  font-family: "FontAwesome";

  position: absolute;

  top: 30%;

  right: 17px;

  font-size: 12px;

}

#contentsWrapper .mainContents ul.accordion li a.accordion-toggle.open h4:after{

  color:#157D1B;

  content: "\f068";

  font-family: "FontAwesome";

  position: absolute;

  top: 30%;

  right: 17px;

  font-size: 12px;

}

#contentsWrapper .mainContents ul.accordion li a.accordion-close-btn{

  display: block;

  width: 70px;

  height: 24px;

  font-size: 14px;

  font-weight: bold;

  justify-content: center;

  color: #157D1B;

  border-bottom: 2px solid #157D1B;

  margin: 0 auto 20px;

  padding: 0 0 0 20px;

  text-decoration: none;

}

#contentsWrapper .mainContents ul.accordion li a.accordion-close-btn:hover{

  opacity: 0.7;

}

#contentsWrapper .mainContents ul.accordion li a.accordion-close-btn::after{

  content: "✕";

  position: relative;

  top: -28px;

  left: -15px;

  width: 17px;

  height: 11px;

  font-weight: bold;

}

#contentsWrapper .mainContents ul.accordion li .accordion_contents{

  position: relative;

  overflow: hidden;

  display: none;

  margin-bottom: 5px;

}

#contentsWrapper .mainContents .faq ul.accordion li .accordion_contents::before{

  content: "A.";

  position: absolute;

  top: 3px;

  left: -5px;

  display: flex;

  width: 38px;

  height: 38px;

  justify-content: center;

  align-items: center;

  font-size: 18px;

  font-weight: bold;

  color: #157D1B;

}



/*category*/

.txt-red {

  color: #ff0000;

  display: contents;

}

.detail-txt01 {

  margin: 20px 0;

}

.detail-txt02 {

  margin: 10px 0;

}

.detail-txt03 {

  margin: 10px 0;

}

.detail-dl01 {

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  margin: 0 0 0 10px;

}

.detail-dl01 dt, .detail-dl01 dd {

  padding: 0 0 10px 0;

}

.detail-list03 li{

  list-style-type: square;

  color:#4a7718;

}

#contentsWrapper .mainContents .caution {

  text-indent: -1em;

  padding-left: 1em;

}



.pamph-col01 {

  margin: 0;

}



.link-pdf::after{

    top: 0.2ex;

}

.mainContents ul.disc-faq01 li::before {

  top:2px;

}

.mainContents ul.disc-faq02 li::before {

  top:6px;

}

.content-list-block-faq01 {

 margin-bottom: 0; 

}

.content-list-block-faq02 {

 margin-bottom: 20px;

 padding-left: 0;

}

.content-list-block-faq03 {

  padding: 0 5px;

  margin-bottom: 20px;

}

.b_tiscot img {

  width:182px;

  height:38px;  

}

.b_tiscot a:hover{

  opacity: 0.7;

}



.frameCust {

    background-color: rgba(80,190,190,0.25);

    padding: 8px 16px 7px;

    display: block;

    margin-top: 10px;

}



.table-a7 {

  table-layout: fixed;

  margin-bottom: 10px;

}

.table-a7 th {

  background-color: #f1f2f3;

  color: #000;

}

.table-gray {

  background-color: #dcdcdc;

}

.table-a7 th,.table-a7 td {

  align-items: center;

  border: 1px solid #aaa;

  text-align: center;

  vertical-align: middle;

  padding: 5px;

  line-height: 1.3;

  white-space: normal;

}

.table-a7 tr td {

  border-right: 1px solid #aaa;

  box-sizing: border-box;

  font-weight: normal;

  font-size: 14px;

  height: 60px;

}

#contentsWrapper .mainContents .table-tate {

  width: 135px;

}



.inside .mainContents .title-lv2_1 {

    background-color: #007580;

    color: #FFF;

    font-weight: normal;

    font-size: 14px;

    line-height: 1.4;

    letter-spacing: .05em;

    padding: 0.5em;

    margin-bottom: 15px;

}

.table-flow1 {

  table-layout: fixed;

  margin-bottom: 20px;  

}

.table-flow1 th, .table-flow1 td {

    border: 1px solid #aaa;

    vertical-align: middle;

    padding: 10px;

}

.table-flow1 th {

  background-color: #6a6a6a;

  color: #fff;

}

.table-flow-bg1 {

  background-color: #f1f2f3;

}

.mainContents .content-block-lv2-flow1 {

  margin-bottom: 0;

}

.title-lv2_1-flow1 {

  margin-bottom: 10px;

}

.txt-flow1 {

  margin-bottom: 10px;

}

/*//flow chart*/

.img-box {

  margin: 10px 0 20px 0 ;

}

.img-box img{

  margin: 0 5px;

}





#contentsWrapper .mainContents .flex-faq1 {

  font-weight: bold;

  display: flex;

  flex-wrap: wrap;

  padding: 0 0 0 10px;

}

.flex-faq1 li{

  padding: 0 25px 0 0;

}

/*//category*/

@media (min-width:751px) {

.flex-4col .col{

  width:218px;

}

  #contentsWrapper .flex-4col a {

      margin-right: 3%;

  }

  #contentsWrapper .flex-4col a:nth-child(4), #contentsWrapper .flex-4col a:nth-child(8){

  margin-right: 0;

  }

  

div.black_list {

  margin-bottom: 20px;

}

#contentsWrapper .mainContents ul.accordion li .accordion_contents .accordion_inner{

  margin: 10px 0 20px 30px;

}

#contentsWrapper .mainContents ul.accordion li .accordion_contents .accordion_inner .button-flex .type3 {

  margin-bottom: 30px;

}

.mainContents ul.number, .mainContents ol.number, .mainContents ol.disc, .mainContents ul .disc {

  padding-left: 30px;

}

/*accordion all-in-one conrtol*/

#contentsWrapper .mainContents .accordion-btn li a{

  color: #fff;

  font-size: 16px;

  width: 236px;

  height: 33px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #157D1B;

  border: 1px #157D1B solid;

  border-radius: 5px;

  text-decoration: none;

  transition: opacity .5s;

}

.accordion-btn li + li{

  margin-left: 80px;

}

/*accordion*/

ul.accordion li a.accordion-toggle{

  display: flex;

}

.detail-dl01 dt{

  width: 31%;

}

.detail-dl01 dd{

  width: 69%;

}

.half-faq {

  display: flex;

  width:70%;

  flex-wrap: wrap;

}

.half-faq p{

  width:50%;

}

.table-a7 {

  width:100%;

  margin-bottom: 20px;

}

#contentsWrapper .mainContents .black_list-flow1 li{

    margin-bottom: 10px;

}

/*flow chart*/

.table-flow1 {

  width: 100%;

}

.mainContents .flex-column .box-style-1{

  margin: 0;

}  

.mainContents .bow-right {

  margin: 65px 10px 0 10px;

  font-size: 50px;

  color:#157d1b;

}

.mainContents .flex-column.flex-col_2 .box-style-1 {

  width: calc( 45% - 12.5px );

    margin: 0 auto;

}

.mainContents .flex-column.flex-col_2, .mainContents .flex-column.flex-col_3 {

  margin: 0 auto;

}

.frameCust { 

  margin: 30px;

}

}



@media screen and (max-width:750px) {

#contentsWrapper .flex-4col a {

  width:48%;

  margin-right: 3%;

}

#contentsWrapper .flex-4col a:nth-child(even){

    margin-right: 0;

  }

.faq-pamphlet > div {

    width: 100%;

}

#contentsWrapper .mainContents ul.accordion li .accordion_contents .accordion_inner{

  margin: 0 0 0 0;

  padding: 40px 0 0 0;

}

.mainContents ul.number, .mainContents ol.number, .mainContents ol.disc, .mainContents ul .disc {

  padding-left: 15px;

}

#contentsWrapper .mainContents .caution span{

  transform: rotate(90deg);

  display: inline-block;

  margin: 10px 0 0 0;

}

#contentsWrapper .mainContents .caution a{

  display: block;

}

.accordion-btn {

  display: block;

}

/*accordion all-in-one conrtol*/

#contentsWrapper .mainContents .accordion-btn li{

  line-height: 1.4;

  margin-bottom: 20px;

}



#contentsWrapper .mainContents .accordion-btn li a{

  color: #fff;

  display: block;

  font-size: 16px;

  padding: 10px;  

  text-align: center;

  background-color: #157D1B;

  border: 1px #157D1B solid;

  border-radius: 5px;

  text-decoration: none;

  width: 60%;

  margin: 0 auto;

}

.detail-dl01 dt{

  width: 70%;

}

.detail-dl01 dd{

  width: 30%;

}

.table-a7-box {

  overflow-x: scroll;

}

.scroll{

  overflow: auto;

  white-space: nowrap;

  margin-bottom: 20px;

}

.scroll::-webkit-scrollbar{

   height: 5px;

}

.scroll::-webkit-scrollbar-track{

   background: #F1F1F1;

}

.scroll::-webkit-scrollbar-thumb {

   background: #BCBCBC;

}

/*.scroll img {

  max-width:none;

}*/

.scroll .table-a7{

    width: 920px;

  }

.table-flow1 {

  height:100px;

}

.mainContents .bow-right {

  margin: 0px auto;

  font-size: 50px;

  color: #157d1b;

  transform: rotate(90deg);

  display: inline-block;

}

  

 .img-box img{

   margin: 0 0 10px;

}

/*faq.htmQ10 ul>li>ol中身discなし*/

.inside .mainContents ul.disc li>ol.disc-none>li::before {

	content: "";

	padding-left: 0;

}

.inside .mainContents ul.disc li>ol.disc-none {

	padding-left: 0;

}

.contact-table {

	margin-top: 30px;

}

.contact-table__wrap {

	padding-left: 30px;	

}

.contact-table table {

	border-collapse: collapse;

	border: solid 1px #999;

}

.contact-table tr {

	border-bottom: solid 1px #999;

}

.contact-table th, .contact-table td {

	padding: 15px;

	border-right: solid 1px #999;

}

.contact-table th.w33 {

	width: 33%;

	background-color: #f1f2f3;

}

.mainContents ol.number li ol.number-none {

	padding-left: 0;	

}

.mainContents ol.number li ol.number-none li::before {

	content: "";

}

@media screen and (max-width:750px) {

	.contact-table table {

	  padding-left: 0;

	}

} 

}

/*calculation5_1a.htm ul>li>ol中身discなし*/

.accordion .black_list ul.disc li>ol.disc-none>li::before {

	content: "";

	padding-left: 0;

}

.accordion .black_list ul.disc li>ol.disc-none {

	padding-left: 0;

}

#contentsWrapper .mainContents ul li, #contentsWrapper .mainContents ol.disc-none li {

	line-height: 1.5;

}

.contact-table {

	margin-top: 30px;

}

.contact-table__wrap {

	padding-left: 30px;	

}

.contact-table table {

	border-collapse: collapse;

	border: solid 1px #999;

}

.contact-table table caption {

	display: none;

}

.contact-table tr {

	border-bottom: solid 1px #999;

}

.contact-table th, .contact-table td {

	padding: 15px;

	border-right: solid 1px #999;

}

.contact-table th.w33 {

	width: 33%;

	background-color: #f1f2f3;

}

.mainContents ol.number li ol.number-none {

	padding-left: 0;	

}

.mainContents ol.number li ol.number-none li::before {

	content: "";

}

@media screen and (max-width:750px) {

	.contact-table__wrap {

		padding-left: 0;

	}

	.contact-table table {

	  padding-left: 0;

	}

}