@charset "UTF-8";
.detail_head {
  position :relative;
}
@media (max-width: 767px) {
  .detail_head {
    width :94.67%;
    margin :auto;
  }
}
@media (max-width: 767px) {
  .detail_head.imgWrap {
    margin-top :10px;
  }
}
@media (max-width: 767px) {
  .detail_head.pagetop {
    margin-top :32px;
  }
}
.imgWrap .detail_head-textbox {
  position :absolute;
  -webkit-box-sizing :content-box;
          box-sizing :content-box;
}
@media (min-width: 768px) {
  .imgWrap .detail_head-textbox {
    max-width :632px;
    top :50%;
    -webkit-transform :translateY(-50%);
        -ms-transform :translateY(-50%);
            transform :translateY(-50%);
    padding :0 40px;
  }
}
@media (max-width: 767px) {
  .imgWrap .detail_head-textbox {
    top :50%;
    -webkit-transform :translateY(-50%);
        -ms-transform :translateY(-50%);
            transform :translateY(-50%);
    padding :0 10px;
  }
}
.detail_head-tag {
  display :inline-block;
  background :#fff;
  font-weight :bold;
  margin :0 10px 5px 0;
}
.detail_head-tag a {
  color :#5a79ae;
}



@media (min-width: 768px) {
  .detail_head-tag {
    font-size :14rem;
    padding :0 8px;
  }
}
@media (max-width: 767px) {
  .detail_head-tag {
    font-size :12rem;
    padding :0 4px;
  }
}
.detail_head-title {
  font-weight :bold;
}
@media (min-width: 768px) {
  .detail_head-title {
    font-size :40rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .detail_head-title {
    font-size :30rem;
  }
}
@media (max-width: 767px) {
  .detail_head-title {
    font-size :24rem;
  }
}
.detail_head-marker {
  background :-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff));
  background :-webkit-linear-gradient(transparent 0%, #fff 0%);
  background :        linear-gradient(transparent 0%, #fff 0%);
  display :inline;
  padding :0 8px;
  line-height :1.8em;
}
.detail_head-line {
  display :block;
  border-bottom :2px solid #080c42;
}
@media (min-width: 768px) {
  .detail_head-line {
    padding-bottom :24px;
  }
}
@media (max-width: 767px) {
  .detail_head-line {
    padding-bottom :24px !important;
  }
}

@media (min-width: 768px) {
  .detail_info {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-box-pack :justify;
    -webkit-justify-content :space-between;
    -ms-flex-pack :justify;
            justify-content :space-between;
    -webkit-flex-wrap :wrap;
        -ms-flex-wrap :wrap;
            flex-wrap :wrap;
    margin-top :19px;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .detail_info {
    display :block;
  }
}

@media (max-width: 767px) {
  .detail_info {
    width :94.67%;
    margin :16px auto 0;
  }
}

@media (min-width: 768px) {
  .detail_info + .imgWrap {
    margin-top :50px;
  }
}

@media (max-width: 767px) {
  .detail_info + .imgWrap {
    width :94.67%;
    margin :20px auto 0;
  }
}

.detail_date {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-align :center;
  -webkit-align-items :center;
  -ms-flex-align :center;
          align-items :center;
}
@media (min-width: 768px) {
  .detail_date span {
    font-weight :bold;
    font-size :14rem;
  }
}
@media (max-width: 767px) {
  .detail_date span {
    font-weight :bold;
    font-size :12rem;
  }
}
.detail_date span:last-child {
  font-weight :bold;
  margin-left :12px;
}

.grid_list {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-pack :justify;
  -webkit-justify-content :space-between;
  -ms-flex-pack :justify;
          justify-content :space-between;
  margin-bottom :22px;
}
.grid_list:last-child {
  margin-bottom :0;
}

.grid_one-half {
  width :48.67%;
}

.grid_one-third {
  width :31.57%;
}

.grid_two-thirds {
  width :65.78%;
}

.grid_one-quarter {
  width :23.01%;
}

.grid_three-quarters {
  width :74.34%;
}

.index {
  background-color :#fafafa;
}
@media (min-width: 768px) {
  .index {
    padding :24px 40px 40px;
    margin-top :20px;
  }
}
@media (max-width: 767px) {
  .index {
    width :94.67%;
    padding :20px 20px 32px;
    margin :20px auto 0;
  }
}
.index_h {
  font-weight :bold;
  text-align :center;
}
@media (min-width: 768px) {
  .index_h {
    font-size :18rem;
    margin-bottom :30px;
  }
}
@media (max-width: 767px) {
  .index_h {
    font-size :16rem;
    margin-bottom :17px;
  }
}
.index_list {
  font-weight :bold;
}
.index_list li {
  margin-bottom :20px;
  counter-increment :cnt;
  padding-left :31px;
  text-indent :-31px;
}
.index_list li:before {
  content :"¨‹" counter(cnt) ".";
}
@media (min-width: 768px) {
  .index_list li:before {
    margin-right :7px;
  }
}
@media (max-width: 767px) {
  .index_list li:before {
    margin-right :5px;
  }
}
.index_list li:last-child {
  margin-bottom :0;
}
.index_list a {
  text-decoration :underline;
  word-break :break-all;
  display :inline;
}

.index_list02 {
  font-weight :bold;
}
.index_list02 li {
  margin-bottom :15px;
  padding-left :31px;
  text-indent :-31px;
}
.index_list02 li:before {
}
@media (min-width: 768px) {
  .index_list02 li:before {
    margin-right :7px;
  }
}
@media (max-width: 767px) {
  .index_list02 li:before {
    margin-right :5px;
  }
}
.index_list02 li:last-child {
  margin-bottom :0;
}
.index_list02 a {
  text-decoration :underline;
  word-break :break-all;
  display :inline;
}

/* @media (min-width: 768px) {
  .interview {
    margin-top :50px;
  }
} */

@media (max-width: 767px) {
  .interview {
    margin-top :20px;
  }
}

.interview_frame {
  background-color :#fafafa;
  margin-top :20px;
}
@media (min-width: 768px) {
  .interview_frame {
    padding :27px 40px 50px;
  }
}
@media (max-width: 767px) {
  .interview_frame {
    padding :15px 20px 40px;
  }
}

.interview_head {
  font-weight :bold;
  display :block;
}
@media (min-width: 768px) {
  .interview_head {
    font-size :18rem;
    margin-bottom :20px;
  }
}
@media (max-width: 767px) {
  .interview_head {
    font-size :16rem;
    text-align :center;
    margin-bottom :14px;
  }
}

.interview_list {
  font-size :16rem;
  line-height :2;
}
@media (max-width: 767px) {
  .interview_list {
    font-weight :bold;
    line-height :1.75;
  }
}
.interview_list-bold {
  font-weight :bold;
}

@media (min-width: 768px) {
  .interview_info {
    margin :24px 0 40px;
  }
}

@media (max-width: 767px) {
  .interview_info {
    margin :16px 0 30px;
  }
}

.interview_info:last-child {
  margin-bottom :0;
}

@media (max-width: 767px) {
  .listblock {
    width :100%;
  }
}

.listblock.min {
  font-size :12rem;
}

.listblock li {
  line-height :2.286;
}

.listblock.basic li:before {
  content :"¡ñ";
  margin-right :7px;
}

.listblock.brackets li {
  counter-increment :cnt;
}
.listblock.brackets li:before {
  content :"(" counter(cnt) ") ";
  margin-right :7px;
}

.listblock.no li {
  counter-increment :cnt;
}
.listblock.no li:before {
  content :counter(cnt) ". ";
  margin-right :7px;
}

.listblock.asteriskNo li {
  counter-increment :cnt;
}
.listblock.asteriskNo li:before {
  content :"¡ù" counter(cnt);
  margin-right :7px;
}

.listblock.asterisk li:before {
  content :"¡ù";
  margin-right :7px;
}

.postArea {
  margin-top :40px;
}
@media (min-width: 768px) {
  .postArea_block {
    margin-bottom :50px;
  }
}
@media (max-width: 767px) {
  .postArea_block {
    width :94.67%;
    margin :0 auto 40px;
/*    overflow-x :scroll;*/
  }
}
.postArea_block-h2 {
  font-weight :bold;
  line-height :1.429;
  border-bottom :1px solid;
}
@media (min-width: 768px) {
  .postArea_block-h2 {
    font-size :28rem;
    margin-bottom :20px;
    padding-bottom :14px;
  }
}
@media (max-width: 767px) {
  .postArea_block-h2 {
    font-size :20rem;
    margin :0 auto 16px;
    padding :0 10px 16px;
  }
}
.postArea_block-h3 {
  font-weight :bold;
  line-height :1.455;
  position :relative;
  border-bottom :1px solid #f2f2f2;
  margin-top:1.8em;
}
@media (min-width: 768px) {
  .postArea_block-h3 {
    font-size :22rem;
    padding-bottom :16px;
    margin-bottom :5px;
    margin-top:1.8em;
  }
}
@media (max-width: 767px) {
  .postArea_block-h3 {
    font-size :18rem;
    padding :0 10px 16px;
    margin :0 auto 16px;
    margin-top:1.8em;
  }
}
.postArea_block-h3:after {
  content :"";
  display :block;
  width :40px;
  height :1px;
  background-color :#000;
  position :absolute;
  bottom :-1px;
  left :0;
}
.postArea_block-h4 {
  font-weight :bold;
  line-height :1.429;
  margin-top:1.8em;
  padding:4px 4px 4px 10px;;
  border:1px solid #aaa;
  border-left:4px solid #aaa;
}
@media (min-width: 768px) {
  .postArea_block-h4 {
    font-size :18rem;
    margin-bottom :5px;
    margin-top:1.8em;
  }
}
@media (max-width: 767px) {
  .postArea_block-h4 {
    font-size :16rem;
    margin :0 auto 5px;
    padding :0 10px;
    margin-top:1.8em;
  }
}
.postArea_block-h5 {
  font-weight :bold;
  line-height :1.429;
}
@media (min-width: 768px) {
  .postArea_block-h5 {
    font-size :16rem;
  }
}
@media (max-width: 767px) {
  .postArea_block-h5 {
    font-size :14rem;
    padding :0 10px;
  }
}
@media (min-width: 768px) {
  .postArea_txt {
    font-size :16rem;
    line-height :2;
  }
}
@media (max-width: 767px) {
  .postArea_txt {
    font-size :16rem;
    line-height :2;
  }
}
.postArea_txt.min {
  font-size :12rem;
}
.postArea_txt.bold {
  font-weight :bold;
}
.postArea_txt.large {
  font-size :17rem;
  font-weight :bold;
}
@media (min-width: 768px) {
  .postArea_wrap {
    margin-bottom :32px;
  }
}
@media (max-width: 767px) {
  .postArea_wrap {
    margin-bottom :27px;
  }
}
.postArea_flex {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
}
.postArea_flex.col2 {
  -webkit-box-pack :justify;
  -webkit-justify-content :space-between;
  -ms-flex-pack :justify;
          justify-content :space-between;
}
@media (min-width: 768px) {
  .postArea_flex.col2 div,.postArea_flex.col2 p,.postArea_flex.col2 ul {
    width :48%;
  }
}
@media (max-width: 767px) {
  .postArea_flex.col2 .postArea_img,.postArea_flex.col2 .postArea_txt {
    width :47.16%;
  }
}
.postArea_link {
  font-weight :bold;
  text-decoration :underline;
  color :#1d39d5;
  display :inline;
}
.postArea_link:hover {
  opacity :.8;
}
.postArea_link.blank {
  -webkit-box-align :center;
  -webkit-align-items :center;
  -ms-flex-align :center;
          align-items :center;
}
.postArea_link.blank:after {
  content :"";
  background-image :url(/miraiz/image/icon_blank.svg);
  background-size :100%;
  display :inline-block;
  width :13px;
  height :13px;
  margin-left :8px;
  margin-top :-2px;
  vertical-align :middle;
}
.postArea_link.pdf {
  -webkit-box-align :center;
  -webkit-align-items :center;
  -ms-flex-align :center;
          align-items :center;
}
.postArea_link.pdf:after {
  content :"";
  background-image :url(/miraiz/image/icon_pdf.png);
  background-size :100%;
  display :inline-block;
  width :18px;
  height :23px;
  margin-left :8px;
  margin-top :-2px;
  vertical-align :middle;
}
@media (max-width: 767px) {
  .postArea_spframe {
    padding :0 10px;
  }
}
.postArea_img {
  max-width :546px;
  text-align :center;
  margin:30px auto;
}
.postArea_img.w830 {
  max-width :830px;
  text-align :center;
  margin:30px auto;
}
.postArea_img.w380 {
  max-width :380px;
  text-align :center;
  margin:30px auto;
}
@media (min-width: 768px) {
  .postArea_img {
    margin:30px auto;
  }
}
@media (min-width: 768px) {
  .postArea_img-cap {
    margin-top :16px;
  }
}
@media (max-width: 767px) {
  .postArea_img-cap {
    margin-top :8px;
  }
}

.related {
  background-color :#f2f2f2;
}
@media (min-width: 768px) {
  .related {
    padding :50px 40px;
  }
}
@media (max-width: 767px) {
  .related {
    width :94.67%;
    padding :40px 10px;
    margin :auto;
  }
}
.related_ttl {
  font-weight :bold;
  text-align :center;
}
@media (min-width: 768px) {
  .related_ttl {
    font-size :28rem;
    margin-bottom :50px;
  }
}
@media (max-width: 767px) {
  .related_ttl {
    font-size :20rem;
    margin-bottom :20px;
  }
}
.related_inner {
  margin-bottom :40px;
}
@media (min-width: 768px) {
  .related_inner {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-flex-wrap :wrap;
        -ms-flex-wrap :wrap;
            flex-wrap :wrap;
    -webkit-box-pack :center;
    -webkit-justify-content :center;
    -ms-flex-pack :center;
            justify-content :center;
  }
}
@media (min-width: 768px) {
  .related_inner .img_box {
    height :180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .related_inner .img_box {
    height :100px;
  }
}
.related_inner .img_box img {
  height :100%;
  -o-object-fit :cover;
     object-fit :cover;
  font-family :"object-fit: cover;";
}

.related_box {
  background-color :#fff;
}




@media (min-width: 768px) {
  .related_box {
    width :31.2%;
    margin-right :3.2%;
  }
}
@media (max-width: 767px) {
  .related_box {
    margin-bottom :10px;
    padding-top: 10px;
  }
}
.related_box:last-child {
  margin-right :0;
}
.related_box a {
  position :relative;
}
@media (max-width: 767px) {
  .related_box a {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    padding :0 10px 10px;
  }
}
.related .top_text_box {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-orient :vertical;
  -webkit-box-direction :normal;
  -webkit-flex-direction :column;
      -ms-flex-direction :column;
          flex-direction :column;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
}
@media (min-width: 768px) {
  .related .top_text_box {
    padding :13px 15px 10px 15px;
  }
}


/*
@media screen and (min-width: 768px) and (max-width: 900px) {
  .related .top_text_box {
    height :170px;
  }
}
*/

@media (max-width: 767px) {
  .related .top_text_box {
    padding :0 12px 0 12px;
    width:100%;
    margin-top: 20px;
  }
  
  .related .top_text_box .top_title {
    width:65%;
  }

}



.related .top_date {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
}
@media (max-width: 767px) {
  .related .top_date {
    -webkit-box-align :center;
    -webkit-align-items :center;
    -ms-flex-align :center;
            align-items :center;
    position :absolute;
  }
}
.related .top_date:before {
  position :relative;
  -webkit-box-ordinal-group :3;
  -webkit-order :2;
  -ms-flex-order :2;
          order :2;
  left :0;
}
.related .top_date span {
  font-size :16rem;
  display :block;
  -webkit-box-ordinal-group :2;
  -webkit-order :1;
  -ms-flex-order :1;
          order :1;
}
@media (min-width: 768px) {
  .related .top_date span {
    width :100%;
    margin-bottom :5px;
  }
}
@media (max-width: 767px) {
  .related .top_date span {
    font-size :14rem;
    margin-right :12px;
  }
}
.related .top_title {
  font-weight :bold;
  line-height :1.444;
  margin-bottom: 5px;
  font-size: 20rem;
}
@media (min-width: 768px) {
  .related .top_title {
    margin-top :12px;
  }
}
@media (max-width: 767px) {
  .related .top_title {
    font-size :17rem;
    margin-top :25px;
  }



}
.related .top_tag {
  font-size :12rem;
  color :#5a79ae;
  padding-bottom: 0;
}

.related .top_tag a{
  display: inline-block;
  padding-right: 5px;
}



.related_solution {
  background-color :#fff;
}
@media (min-width: 768px) {
  .related_solution {
    margin-bottom :30px;
  }
}
@media (max-width: 767px) {
  .related_solution {
    margin-bottom :10px;
  }
.related .top_tag a{
  display: inline-block;
  padding:0 10px 0 0!important;
  text-align: left;
}

.related .top_tag a:first-child{
  padding-right: 0!important;
}

.related .top_tag {
  font-size :12rem;
  color :#5a79ae;
  padding-bottom:7px;
}


}
.related_solution:last-child {
  margin-bottom :0;
}
.related_solution a {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
}
@media (max-width: 767px) {
  .related_solution a {
    -webkit-box-align :center;
    -webkit-align-items :center;
    -ms-flex-align :center;
            align-items :center;
  }
}
@media (min-width: 768px) {
  .related_solution .img_box {
    width :34.67%;
    height :130px;
  }
}
@media (max-width: 767px) {
  .related_solution .img_box {
    width :160px;
    height :80px;
  }
  .related_solution .related_solutionbox {
    width: calc(100% - 30px);
  }
}
.related_solution .img_box img {
  height :100%;
  -o-object-fit :cover;
     object-fit :cover;
  font-family :"object-fit: cover;";
}
.related_solution .img_box.wide_box {
  width :24%!important;
}
.related_solution-ttl {
  font-weight :bold;
}
@media (min-width: 768px) {
  .related_solution-ttl {
    font-size :18rem;
    margin-bottom :5px;
  }
}
@media (max-width: 767px) {
  .related_solution-ttl {
    font-size :14rem;
    margin-left :16px;
  }
}
.related_solution-txt {
  font-size: 90%;
  line-height :180%;
}
@media (max-width: 767px) {
  .related_solution-txt {
    display :none;
  }
}
@media (min-width: 768px) {
  .related_solutionbox {
    width :65%;
    padding :12px 15px;
  }
}

.shared {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
}
@media screen and (max-width: 900px) {
  .shared {
    margin-top :30px;
  }
}
@media (max-width: 767px) {
  .shared {
    margin-top :8px;
  }
}
@media (min-width: 768px) {
  .shared_item {
    margin-right :12px;
  }
}
@media (max-width: 767px) {
  .shared_item {
    margin-right :8px;
  }
}
.shared_item:last-child {
  margin-right :0;
}
.fb_iframe_widget > span {
  vertical-align: middle !important;
}

[class^="table_"] {
  line-height :2.286;
}
@media (min-width: 768px) {
  [class^="table_"] {
    width :100%;
  }
}
@media (max-width: 767px) {
  [class^="table_"] {
    width :-webkit-max-content;
    width :   -moz-max-content;
    width :        max-content;
    min-width :100%;
  }
}
[class^="table_"] th {
  font-weight :normal;
}
@media (max-width: 767px) {
  [class^="table_"] th {
    line-height :1.5em;
    vertical-align :middle;
  }
}
[class^="table_"] td {
  border-right :1px solid #fff;
}
@media (max-width: 767px) {
  [class^="table_"] td {
    line-height :1.8;
    vertical-align :top;
  }
}
[class^="table_"] td:last-child {
  border-right :none;
}

.table_list th {
  padding-right :10px;
}
@media (min-width: 768px) {
  .table_list th {
    width :60px;
  }
}

@media (max-width: 767px) {
  .table_list tr {
    display :block;
    margin-bottom :1em;
  }
}

@media (max-width: 767px) {
  .table_grid {
    font-size :12px;
  }
}

.table_grid tr {
  border-bottom :1px solid #fff;
}
.table_grid tr:last-child {
  border-bottom :none;
}

.table_grid th {
  background-color :#f2f2f2;
  text-align :center;
  padding :14px 0;
}

.table_grid tbody th {
  border-right :1px solid #fff;
  vertical-align :middle;
}
@media (min-width: 768px) {
  .table_grid tbody th {
    width :140px;
  }
}
@media (max-width: 767px) {
  .table_grid tbody th {
    width :52px;
  }
}

.table_grid thead th {
  border-bottom :1px solid #fff;
  border-right :1px solid #fff;
}
.table_grid thead th:last-child {
  border-right :none;
}

.table_grid td {
  padding :14px 16px;
  background-color :#fafafa;
}

.table_grid.col2 td {
  width :343px;
}

.table_grid.col3 td {
  width :228px;
}

.mt1em {
 margin-top:1em!important;
}
.mt2em {
 margin-top:2em!important;
}

@media screen and (max-width: 767px) {
.sp-none {
    display: none!important;
}
}

@media screen and (min-width: 768px) {
.pc-none {
    display: none!important;
}
}

.btn.lineBtn {
  max-width :420px;
}
.btn.lineBtn a {
  color :#080c42;
  background :#fff;
  border :1px solid #080c42;
}
.btn.lineBtn a:after {
  border-top :2px solid #080c42;
  border-right :2px solid #080c42;
  -webkit-transform :rotate(45deg);
      -ms-transform :rotate(45deg);
          transform :rotate(45deg);
}
.btn.lineBtn a:hover {
  opacity :.9;
  color :#1f2353;
}

@media (max-width: 767px) {
	.btn.lineBtn {
	  padding-left:10px;
	  padding-right:10px;
	}
	.btn.lineBtn a {
	  font-size :15rem;
	}
}


/****/
/* h9 ×·¼Ócss */
/****/


.related_box {
  display: flex;
  flex-wrap: wrap;
}

.related_box a{
  display: contents;
}

.related_box .img_box{
  margin-top: auto;
}

.related_box .cate-column,
.related_box .cate-interview,
.related_box .cate-news,
.related_box .cate-event{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

h2.monthly_title{
  font-weight:bold;
}

@media (max-width: 767px) {
  .related_box {
    display: block;
    min-height: 120px;
  }
}

@media (max-width: 767px) {
  .video {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
  }

  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 768px) {
  .postArea_img img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .postArea_img img {
    width: 100%;
    height: auto;
  }
}

.gray_box {
  border:1px solid #ccc;
  margin-top:1em;
  padding: 0 1.5em 1.5em 1.5em;
}

@media (max-width: 767px) {
  .gray_box {
    padding: 0 1em 1em 1em;
  }
}

.gray_table {
  margin-top:1.5em;
  margin-bottom:1.5em;
}
.gray_table tr {
}
.gray_table td {
  font-size:110%;
  border:1px solid #ccc;
  padding: 0.5em;
  border-collapse: collapse;
}
.gray_table td.gray {
  background:#eee;
}

.indent_list {
  font-size:100%;
  text-indent: -3em;
  padding-left: 3em;
}

.marker {
  background:linear-gradient(transparent 70%, #ff6 70%);
  font-weight:bold;
}

.orange_box {
  background:#ff9900;
  width:80%;
  margin:0 auto;
  padding:0.4em 0;
}

.orange_box a{
  color:#fff;
  text-decoration:none;
  display: block;
}

/****/
/* Ä¿´Î¥¢¥³©`¥Ç¥£¥ª¥ó */
/****/
#app {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

.more {
  width: 100%;
  margin: 0 auto;
}
.more__content {
  position: relative;
  height: auto;
  max-height: 400px;
  overflow: hidden;
  transition: max-height 1s;
}
.more__content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  transition: 1s;
  background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
}
.more__content.open:after {
  z-index: -1;
  opacity: 0;
}
.more__btn {
  display: block;
  margin: 0 auto;
  margin-top:20px;
  padding: 8px 40px;
  border: 0;
  color: #333;
  background-color: #ddd;
  cursor: pointer;
}





@media (max-width: 767px) {
.table_area tr td{
	font-size:85%;
}
}

li.indexInner {
  font-weight :bold;
}
li.indexInner {
  margin-bottom :15px;
  text-indent:0.2em!important;
}
li.indexInner.last {
  margin-bottom :25px;
}

li.indexInner2 {
  font-weight :bold;
}
li.indexInner2 {
  margin-bottom :15px;
  text-indent:2.5em!important;
}
li.indexInner2.last {
  margin-bottom :25px;
}