@import url(https://fonts.googleapis.com/css?family=Monda);
@import url(https://fonts.googleapis.com/css?family=Cookie);
/* line 8, ../sass/top.scss */
nav li {
  display: inline-block;
  margin-right: 2em;
}

/* line 10, ../sass/top.scss */
h3, h4 {
  text-align: center;
  clear: both;
}

/* line 14, ../sass/top.scss */
h2 {
  padding-top: 0.5em;
}

/* line 17, ../sass/top.scss */
h3 {
  font-size: 305%;
  font-weight: bold;
  color: #575757;
}
/* line 21, ../sass/top.scss */
h3 small {
  font-size: 55%;
}

/* line 25, ../sass/top.scss */
h4 {
  color: #575757;
  font-weight: bold;
}
/* line 28, ../sass/top.scss */
h4 small {
  font-size: 65%;
}

.font-middle {
    font-size:15px;
}

/* line 32, ../sass/top.scss */
.sp_bk {
  display: none;
}

/* line 35, ../sass/top.scss */
.main_area {
  background: url(../img/top_main_img.png) no-repeat 50% 0 #89c5cd;
  padding: 3em 0;
  height: 353px;
}
/* line 39, ../sass/top.scss */
.main_area .btn {
  margin-top: 2em;
  border: 1px solid #fff;
  color: #fff;
  transition: 0.2s;
}
/* line 44, ../sass/top.scss */
.main_area .btn:hover {
  background: #fb7b15;
  color: #fff;
  border: 1px solid #fb7b15;
}
/* line 50, ../sass/top.scss */
.main_area img {
  margin-left: 0;
}
/* line 53, ../sass/top.scss */
.main_area h2 {
  display: inline-block;
  position: relative;
}
/* line 57, ../sass/top.scss */
.main_area .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 35px;
  font-size: 15px;
}
/* line 63, ../sass/top.scss */
.main_area .btn:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #5fb0ba;
}

/* line 70, ../sass/top.scss */
.lead-txt {
  max-width: 600px;
  margin: 0em auto 3em auto;
  text-align: left;
  text-align: justify;
  font-size: 116%;
  padding: 0;
}

/* line 79, ../sass/top.scss */
.main_copy {
  text-align: center;
}
/* line 81, ../sass/top.scss */
.main_copy h2 {
  font-size: 50px;
  color: #404040;
}

/* line 88, ../sass/top.scss */
.barchart {
  position: relative;
  width: 920px;
  max-width: 100%;
  height: 230px;
  margin: 0 auto;
  background: url(/img/graph_item.gif) no-repeat 2% bottom;
  /*.barchart.ef_on .gs{
  	@include animation(graph_line 0.5s 1 ease);
  	display: block !important;
  }*/
}
/* line 95, ../sass/top.scss */
.barchart [class*=date] {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  bottom: 4px;
  width: 15%;
  background: #ccc;
  height: 0;
}
/* line 103, ../sass/top.scss */
.barchart [class*=date] span {
  position: absolute;
  bottom: 8px;
  display: block;
  text-align: center;
  width: 100%;
  font-size: 14px;
  color: #8c8c8c;
}
/* line 113, ../sass/top.scss */
.barchart .gr {
  -moz-animation: graph_line 0.5s 1 ease;
  -webkit-animation: graph_line 0.5s 1 ease;
  animation: graph_line 0.5s 1 ease;
  display: block;
}
/* line 121, ../sass/top.scss */
.barchart .date1 {
  background: #fb7b15;
  left: 13%;
  border-top: 15px solid #fff;
  border-left: 1px solid #fff;
}
/* line 122, ../sass/top.scss */
.barchart .date1 img {
  max-width: 90%;
  margin: 0 auto;
  height: auto;
}
/* line 128, ../sass/top.scss */
.barchart .date2 {
  background: #e4e4e4;
  left: 30%;
  border-top: 10px solid #fff;
}
/* line 129, ../sass/top.scss */
.barchart .date3 {
  background: #e4e4e4;
  left: 47%;
  border-top: 10px solid #fff;
}
/* line 130, ../sass/top.scss */
.barchart .date4 {
  background: #e4e4e4;
  left: 64%;
  border-top: 10px solid #fff;
}
.barchart .date5 {
  background: #e4e4e4;
  left: 81%;
  border-top: 10px solid #fff;
}
/* line 131, ../sass/top.scss */
.barchart .gs {
  display: none;
}
@-webkit-keyframes graph_line {
  0% {
    height: 0px;
  }
}
@keyframes graph_line {
  0% {
    height: 0px;
  }
}
/* line 145, ../sass/top.scss */
.case {
  margin: 0px auto 90px auto;
}
/* line 148, ../sass/top.scss */
.case .bx-wrapper {
  position: relative;
}
/* line 150, ../sass/top.scss */
.case .bx-wrapper h4 {
  font-weight: normal;
}
/* line 153, ../sass/top.scss */
.case .bx-wrapper:after, .case .bx-wrapper:before {
  content: "";
  width: 50px;
  /*height: 330px;*/
  height:100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
}
/* line 163, ../sass/top.scss */
.case .bx-wrapper:before {
  left: -1px;
  z-index: 1;
}
/* line 167, ../sass/top.scss */
.case .bx-wrapper div.col-sm-4.box.slide {
  border: 1px solid #e4e4e4;
  margin-right: -1px !important;
  padding: 20px;
}
/* line 172, ../sass/top.scss */
.case .bx-wrapper p.slide_cout {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #8c8c8c;
  margin-bottom: 0;
}
/* line 178, ../sass/top.scss */
.case .bx-wrapper p.slide_cout span {
  font-size: 28px;
  color: #fb7b15;
  margin-top: 13px;
  display: inline-block;
  margin-right: 5px;
}
/* line 187, ../sass/top.scss */
.case .bx-viewport {
  box-sizing: content-box;
  padding-bottom: 2em;
  max-width: 960px !important;
}
/* line 192, ../sass/top.scss */
.case .slide {
  margin-top: 2em;
  padding-top: 20px;
}
/* line 196, ../sass/top.scss */
.case .bx-controls-direction {
  width: 100%;
  position: absolute;
  bottom: -20px;
  z-index: 100;
  text-align: center;
}
/* line 202, ../sass/top.scss */
.case .bx-controls-direction .bx-prev, .case .bx-controls-direction .bx-next {
  width: 10px;
  height: 15px;
  display: inline-block;
  overflow: hidden;
  margin: 0 5px;
}
/* line 209, ../sass/top.scss */
.case .bx-controls-direction .bx-prev:before {
  content: "";
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid #000;
  border-bottom: 5px solid transparent;
  display: inline-block;
}
/* line 217, ../sass/top.scss */
.case .bx-controls-direction .bx-next:before {
  content: "";
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid #000;
  border-bottom: 5px solid transparent;
  display: inline-block;
}
/* line 226, ../sass/top.scss */
.case .bx-pager {
  text-align: center;
}
/* line 228, ../sass/top.scss */
.case .bx-pager div {
  display: inline-block;
}
/* line 232, ../sass/top.scss */
.case a:hover {
  text-decoration: none;
}
/* line 235, ../sass/top.scss */
.case h3 {
  font-size: 32px;
  margin-bottom: 20px;
}
/* line 238, ../sass/top.scss */
.case h3 span {
  font-size: 40px;
  color: #fb7b15;
}
/* line 243, ../sass/top.scss */
.case h4 {
  text-align: left;
  font-size: 100%;
  margin-bottom: 0em;
  line-height: 1.5em;
  color: #3d3d3d;
}
/* line 250, ../sass/top.scss */
.case .count {
  font-size: 23px;
  width: 70px;
  height: 70px;
  padding: 24px 0 0 0;
  top: -20px;
  left: 25px;
}
/* line 257, ../sass/top.scss */
.case .count span {
  font-size: 18px;
}
/* line 261, ../sass/top.scss */
.case .pic {
  min-height: 80px;
  max-height: 160px;
  overflow: hidden;
}
/* line 265, ../sass/top.scss */
.case .pic img {
  width: 100%;
  height: auto;
  opacity: 0.7;
}
/* line 271, ../sass/top.scss */
.case .pic, .case h4 {
  margin-left: 0px;
}

/* line 277, ../sass/top.scss */
section.sec_top_point,
section.sec_top_feature {
  overflow: hidden;
  margin: 0 20px;
  text-align: center;
}
/* line 282, ../sass/top.scss */
section.sec_top_point img,
section.sec_top_feature img {
  max-width: 100%;
  height: auto;
}
/* line 286, ../sass/top.scss */
section.sec_top_point h2,
section.sec_top_feature h2 {
  display: inline-block;
  color: #fff;
  font-size: 45px;
  padding: 15px 0 0px 0;
  margin: 40px 0;
}
/* line 292, ../sass/top.scss */
section.sec_top_point h2 span,
section.sec_top_feature h2 span {
  font-size: 70px;
}
/* line 295, ../sass/top.scss */
section.sec_top_point h2:after,
section.sec_top_feature h2:after {
  content: "";
  width: 100%;
  height: 10px;
  display: inline-block;
  background: url(/img/bg_stripe.png);
  position: relative;
  bottom: 20px;
}
/* line 305, ../sass/top.scss */
section.sec_top_point .ttl,
section.sec_top_feature .ttl {
  padding: 20px;
  position: relative;
}
/* line 308, ../sass/top.scss */
section.sec_top_point .ttl::before,
section.sec_top_feature .ttl::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  position: absolute;
  border-width: 40px;
  margin-left: -60px;
  border-left-width: 60px;
  border-right-width: 60px;
  left: 50%;
  bottom: -80px;
}
/* line 321, ../sass/top.scss */
section.sec_top_point .cat_box,
section.sec_top_feature .cat_box {
  clear: both;
  overflow: hidden;
  padding-bottom: 80px;
}
/* line 325, ../sass/top.scss */
section.sec_top_point .cat_box:not(:last-child),
section.sec_top_feature .cat_box:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}
/* line 328, ../sass/top.scss */
section.sec_top_point .cat_box h3,
section.sec_top_feature .cat_box h3 {
  position: relative;
  padding-left: 110px;
  display: inline-block;
  overflow: hidden;
  letter-spacing: normal;
}
section.sec_top_feature .cat_box h3.no_pop {
  position: relative;
  padding-left: 10px;
  display: inline-block;
  overflow: hidden;
  letter-spacing: normal;
}
/* add */
section.sec_top_point .cat_box h3 > small.sub_cap,
section.sec_top_feature .cat_box h3 > small.sub_cap {
  margin-left:-110px;
}
/* line 334, ../sass/top.scss */
section.sec_top_point .cat_box h3.noicon,
section.sec_top_feature .cat_box h3.noicon {
  padding-left: 0px;
}
/* line 337, ../sass/top.scss */
section.sec_top_point .cat_box h3 span.sp_icon,
section.sec_top_feature .cat_box h3 span.sp_icon {
  display: inline-block;
  background: #f95b5b;
  font-size: 16px;
  padding: 5px;
  line-height: 1.3em;
  width: 90px;
  vertical-align: middle;
  color: #fff;
  position: absolute;
  left: -100px;
  top: 0.65em;
  transition: 0.5s;
}
/* line 350, ../sass/top.scss */
section.sec_top_point .cat_box h3 span.sp_icon:before,
section.sec_top_feature .cat_box h3 span.sp_icon:before {
  content: "";
  border: solid transparent;
  display: inline-block;
  position: absolute;
  border-width: 8px;
  border-left-color: #f95b5b;
  border-top-width: 16px;
  border-bottom-width: 16px;
  margin-top: -16px;
  right: -15px;
  top: 50%;
}
/* line 364, ../sass/top.scss */
section.sec_top_point .cat_box h3 span.sp_icon.ef_on,
section.sec_top_feature .cat_box h3 span.sp_icon.ef_on {
  left: 0;
}
/* line 368, ../sass/top.scss */
section.sec_top_point .cat_box .lead-txt,
section.sec_top_feature .cat_box .lead-txt {
  line-height: 1.6em;
  margin-top: 1em;
}
/* line 373, ../sass/top.scss */
section.sec_top_point .container div:first-child .cat_nm,
section.sec_top_feature .container div:first-child .cat_nm {
  margin-top: 50px;
}
/* line 376, ../sass/top.scss */
section.sec_top_point .cat_nm b,
section.sec_top_feature .cat_nm b {
  clear: both;
  position: relative;
  display: inline-block;
  font-size: 26px;
  margin-top: 60px;
  font-weight: normal;
}
/* line 383, ../sass/top.scss */
section.sec_top_point .cat_nm b:before, section.sec_top_point .cat_nm b:after,
section.sec_top_feature .cat_nm b:before,
section.sec_top_feature .cat_nm b:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #f95b5b;
  position: absolute;
  top: 50%;
  right: -50px;
}
/* line 393, ../sass/top.scss */
section.sec_top_point .cat_nm b:after,
section.sec_top_feature .cat_nm b:after {
  left: -50px !important;
}
/* line 396, ../sass/top.scss */
section.sec_top_point .cat_nm b span,
section.sec_top_feature .cat_nm b span {
  border-radius: 30px;
  padding: 7px 0;
  display: inline-block;
  font-size: 80%;
  width: 35px;
  color: #fff;
  margin-left: 5px;
  text-align: center;
  vertical-align: bottom;
  margin-bottom: -5px;
}

/* line 415, ../sass/top.scss */
section.sec_top_point {
  border: 15px solid #f95b5b;
}
/* line 417, ../sass/top.scss */
section.sec_top_point .point_ttl {
  background: #f95b5b;
}
/* line 419, ../sass/top.scss */
section.sec_top_point .point_ttl::before {
  border-top-color: #f95b5b;
}
/* line 423, ../sass/top.scss */
section.sec_top_point .cat_nm {
  color: #f95b5b;
}
/* line 425, ../sass/top.scss */
section.sec_top_point .cat_nm span {
  background: #f95b5b;
}
/* line 430, ../sass/top.scss */
section.sec_top_point button .fa {
  font-size: 170%;
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}
/* line 438, ../sass/top.scss */
section.sec_top_point .point_1 .p1_graph {
  position: relative;
  display: inline-block;
}
/* line 441, ../sass/top.scss */
section.sec_top_point .point_1 .p1_graph .bln {
  position: absolute;
  left: 33%;
  top: 0%;
  width: 32.4%;
  height: auto;
}
/* line 450, ../sass/top.scss */
section.sec_top_point .point_1 img.bln.ef_on {
  -webkit-animation: bounce 0.6s ease;
  animation: bounce 0.6s ease;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

/* add */
.box_green {
  margin: 60px 60px 50px 60px;
  border: 8px #5FB0BA solid;
  border-radius: 20px;
  padding: 3% 2% 1% 2%;
  min-width:250px;
}
.box_green h4 {
    font-size: 2em;
}
.box_green p{
    margin-top: 1em;
    max-width: 650px;
    text-align: left;
    text-align: justify;
    font-size: 116%;
    padding: 0;
}
.box_green .curation_p {
    line-height: 1.6em;
    font-size: 1.2em;
    margin: 30px auto 10px auto;
}
.box_green .curation_a {
    line-height: 1.6em;
    font-size: 1.2em;
    margin: 0px auto 30px auto;
}
.box_green .curation_img {
    padding: 0px;
    margin: 10px auto;
    min-width: 200px;
    display: inline-block;
}
.box_green .curation_img img {
    margin: 0 10px !important;
    float: left;
}
.box_green .more_string {
    width:100%;
    box-sizing:border-box;
    padding:5px 10px;
    display:inline-block;
    text-align:right;
    font-weight:bold;
    font-size:1.5em;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(0.8);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1.0;
  }
}
@keyframes bounce {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1.0;
  }
}
/* line 470, ../sass/top.scss */
section.sec_top_point .point_1 button {
  margin-top: 20px;
}
/* line 472, ../sass/top.scss */
section.sec_top_point .point_1 button .fa {
  font-size: 120%;
  padding-bottom: 3px;
}
/* line 479, ../sass/top.scss */
section.sec_top_point .point_2 button {
  margin: 10px 0 0px 0;
  font-size: 16px;
}
/* line 483, ../sass/top.scss */
section.sec_top_point .point_2 img {
  margin: 80px 0 0 0;
}
/* line 488, ../sass/top.scss */
section.sec_top_point .fax_graph {
  overflow: hidden;
  overflow: visible;
}
/* line 492, ../sass/top.scss */
section.sec_top_point .fax_graph .rate_main {
  display: inline-block;
  margin-right: 90px;
  width: 240px;
  text-align: center;
  vertical-align: middle;
}
/* line 498, ../sass/top.scss */
section.sec_top_point .fax_graph .rate_main img {
  max-width: 100%;
  height: auto;
}
/* line 502, ../sass/top.scss */
section.sec_top_point .fax_graph .rate_main .rate {
  position: relative;
  height: 238px;
  width: 238px;
  display: inline-block;
}
/* line 508, ../sass/top.scss */
section.sec_top_point .fax_graph .rate_main .rate:before {
  content: "";
  border: solid transparent;
  display: inline-block;
  position: absolute;
  border-width: 30px;
  border-left-color: #e4e4e4;
  margin-top: -30px;
  right: -90px;
  top: 50%;
}
/* line 520, ../sass/top.scss */
section.sec_top_point .fax_graph .rate_main .rate.ef_on img {
  -webkit-animation: zoomup 1.0s ease;
  animation: zoomup 1.0s ease;
  opacity: 1.0 !important;
}
@-webkit-keyframes zoomup {
  0% {
    -webkit-transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1.0;
  }
}
@keyframes zoomup {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1.0;
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(0.8);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1.0;
  }
}
@keyframes bounce {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  70% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1.0;
  }
}
/* line 547, ../sass/top.scss */
section.sec_top_point .fax_graph .rate_article {
  padding-top: 60px;
  display: inline-block;
  width: 500px;
  max-width: 100%;
  min-height: 180px;
}
/* line 554, ../sass/top.scss */
section.sec_top_point .fax_graph .circliful {
  position: relative;
  display: inline-block;
}
/* line 558, ../sass/top.scss */
section.sec_top_point .fax_graph .circle-text, section.sec_top_point .fax_graph .circle-info, section.sec_top_point .fax_graph .circle-text-half, section.sec_top_point .fax_graph .circle-info-half {
  width: 100%;
  position: absolute;
  text-align: center;
  display: inline-block;
}
/* line 564, ../sass/top.scss */
section.sec_top_point .fax_graph .circle-text {
  line-height: 105px !important;
  font-weight: bold;
}
/* line 568, ../sass/top.scss */
section.sec_top_point .fax_graph .circle-info {
  font-size: 15px !important;
  color: #3d3d3d !important;
  font-weight: bold;
}
/* line 574, ../sass/top.scss */
section.sec_top_point .box-note {
    margin: 5px 4%;
    width: 96%;
}
/* line 577, ../sass/top.scss */
section.sec_top_point .box-note .box-inner {
  padding: 1.5em;
}

/* line 587, ../sass/top.scss */
section.sec_top_feature {
  border: 15px solid #7484bf;
}
/* line 589, ../sass/top.scss */
section.sec_top_feature .feature_ttl {
  background: #7484bf;
}
/* line 591, ../sass/top.scss */
section.sec_top_feature .feature_ttl::before {
  border-top-color: #7484bf;
}
/* line 595, ../sass/top.scss */
section.sec_top_feature .cat_nm b {
  color: #7484bf;
}
/* line 597, ../sass/top.scss */
section.sec_top_feature .cat_nm b:before, section.sec_top_feature .cat_nm b:after {
  background: #7484bf;
}
/* line 601, ../sass/top.scss */
section.sec_top_feature .cat_nm b span {
  background: #7484bf;
  margin-left: 10px;
}
/* line 606, ../sass/top.scss */
section.sec_top_feature span.sp_icon {
  background: #7484bf !important;
}
/* line 608, ../sass/top.scss */
section.sec_top_feature span.sp_icon:before {
  border-left-color: #7484bf !important;
}
/* line 613, ../sass/top.scss */
section.sec_top_feature .feature_1 .counter {
  margin-bottom: 50px;
}
/* line 617, ../sass/top.scss */
section.sec_top_feature .feature_1 .sns_fb table {
  border: 2px solid #e4e4e4;
  border-radius: 8px;
  display: inline-block;
  width: 90%;
  margin: 0 auto 1em 0;
  padding-top: 0;
}
/* line 625, ../sass/top.scss */
section.sec_top_feature .feature_1 .sns_fb table .ttl_good {
  width: 100%;
  border-bottom: solid 1px #C0C0C0;
  padding: 0.5em;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 120%;
}
/* line 633, ../sass/top.scss */
section.sec_top_feature .feature_1 .sns_fb table tr {
  display: block;
  text-align: center;
  width: 190px;
  margin: 0 auto;
  clear: both;
  padding: 0;
}
/* line 641, ../sass/top.scss */
section.sec_top_feature .feature_1 .sns_fb table td {
  border: none;
  display: block;
  padding: 0 0 0.3em 0;
}
/* line 646, ../sass/top.scss */
section.sec_top_feature .feature_1 .sns_fb table .total {
  border-top: 1px solid #C0C0C0;
  padding-top: 0.3em;
  font-weight: bold;
}
/* line 655, ../sass/top.scss */
section.sec_top_feature .feature_2 img {
  margin: 0 40px;
}
/* line 660, ../sass/top.scss */
section.sec_top_feature .feature_4 .company_logos {
  background: url(/img/company_logos.gif) bottom left repeat-x;
  height: 65px;
}
/* line 665, ../sass/top.scss */
section.sec_top_feature .feature_5 {
  text-align: center;
}
/* line 667, ../sass/top.scss */
section.sec_top_feature .feature_5 .user-box p {
  background: #f6f6f6;
  padding: 2em;
  margin: 2em 0;
  line-height: 1.5em;
}
/* line 673, ../sass/top.scss */
section.sec_top_feature .feature_5 .user-box p span {
  text-align: left;
  display: inline-block;
  margin-top: 1em;
}
/* line 677, ../sass/top.scss */
section.sec_top_feature .feature_5 .user-box p span span {
  color: #8c8c8c;
  font-size: 90%;
  display: inline-block;
  /*min-height: 3.3em;*/
}
/* line 684, ../sass/top.scss */
section.sec_top_feature .feature_5 .user-box p img {
  display: block;
}
/* line 688, ../sass/top.scss */
section.sec_top_feature .feature_5 .logo {
  width: 90%;
  margin: 3em auto;
}

/* line 695, ../sass/top.scss */
.bt_next {
  text-align: center;
  padding: 3em 0 8em 0;
}


/* モーダル */
div.modal_box .modal-inside {
  font-size: 13px;
  text-align: left;
  font-weight: normal;
  color: #3d3d3d;
  padding: 0 2em;
}
div.modal_box .modal-inside .tc {
  text-align: center;
}
div.modal_box .modal-inside a {
  color: #5fb0ba;
}
div.modal_box .modal-inside p {
  text-align: left;
}
div.modal_box .modal-inside h5 {
  font-size: 190%;
  padding: 1.5em 0 1em 0;
  font-weight: bold;
}
div.modal_box .modal-inside .box:first-child h5 {
  margin-top: 0;
  padding-top: 0.2em;
}
div.modal_box .modal-inside .pic {
  margin: 3em 0;
}
div.modal_box .modal-inside ul.recommend {
  list-style: none;
  font-size: 160%;
  font-weight: bold;
}
div.modal_box .modal-inside ul.recommend li span {
  color: #5fb0ba;
}
div.modal_box .modal-inside ul.recommend li {
  margin-bottom: 0.5em;
}
div.modal_box .modal-inside ul.recommend li p {
  background: #f6f6f6;
  font-size: 13px;
  font-weight: normal;
  padding: 1em 2em;
  margin-top: 2em;
}
div.modal_box .modal-inside .survey {
  background: #fbf5e1;
  padding: 30px;
  margin-bottom: 40px;
}
div.modal_box .modal-inside .survey .pic {
  float: left;
  margin: 0.5em 2em 1em 2em;
  
}
div.modal_box .modal-inside .survey dl {
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #f5e6b4;
  padding: 1em 0;
}
div.modal_box .modal-inside .survey dl:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
div.modal_box .modal-inside .survey dt {
  font-size: 160%;
}
div.modal_box .modal-inside .survey dd {
  padding-bottom: 1em;
}
div.modal_box .modal-inside#modalCuration .result {
    text-align: center;
    position: relative;
    border: 6px solid #f0efe6;
    padding: 15px;
    border-radius: 20px;
    margin-top: 80px;
    margin-bottom: 10px;
    letter-spacing: 0;
    display: block;
    box-sizing: border-box;
}
div.modal_box .modal-inside#modalCuration .result h5 {
    display: inline-block;
    border: 6px solid #f0efe6;
    background: #fff;
    font-size: 20px;
    line-height: 1.3em;
    font-weight: bold;
    border-radius: 10px;
    padding: 10px 0px;
    width: 150px;
    position: absolute;
    top: -1.5em;
    left: 50%;
    margin: 0px 0 0 -75px;
    letter-spacing: 0;
}
div.modal_box .modal-inside#modalCuration .result p {
    margin: 50px 0px 0px 0px;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
}
div.modal_box .modal-inside#modalCuration .result p.result_red {
    margin: 20px 0px 30px 0px;
    color: #fb7b15;
    font-size: 36px;
    line-height: 40px;
    display: block;
}
div.modal_box .modal-inside#modalCuration .result p.result_red span {
    text-decoration:none;
    display: inline-block;
    border-bottom:3px solid #fb7b15;
}
div.modal_box .modal-inside#modalCuration .inb {
    display: inline-block;
}






@media only screen and (max-width: 1093px) {
  /* line 703, ../sass/top.scss */
  section.sec_top_point .container,
  section.sec_top_feature .container {
    max-width: 900px;
  }
}
@media only screen and (max-width: 1023px) {
  /* line 711, ../sass/top.scss */
  body.pr_top .main_area .btn {
    position: relative;
  }
}
@media (max-width: 991px) {
  /* line 717, ../sass/top.scss */
  .nav-tabs > li {
    font-size: 118%;
  }
}
@media only screen and (max-width: 991px) {
  /* line 723, ../sass/top.scss */
  .main_area {
    background-position: 75%;
  }
  /* line 725, ../sass/top.scss */
  .main_area img {
    margin-left: 0;
    width: 80%;
  }

  /* line 730, ../sass/top.scss */
  .main_copy h2 {
    font-size: 300%;
  }

  /* line 733, ../sass/top.scss */
  .case h3 {
    font-size: 200%;
  }

  /* line 736, ../sass/top.scss */
  section.sec_top_point,
  section.sec_top_feature {
    margin: 0;
  }
  /* line 738, ../sass/top.scss */
  section.sec_top_point > .container,
  section.sec_top_feature > .container {
    max-width: 740px;
  }
  /* line 741, ../sass/top.scss */
  section.sec_top_point h2,
  section.sec_top_feature h2 {
    font-size: 250%;
    line-height: 1.9em;
  }
  /* line 744, ../sass/top.scss */
  section.sec_top_point h2 span,
  section.sec_top_feature h2 span {
    font-size: 180%;
  }
  /* line 747, ../sass/top.scss */
  section.sec_top_point h2 b,
  section.sec_top_feature h2 b {
    display: inline-block;
  }
  /* line 752, ../sass/top.scss */
  section.sec_top_point .cat_box h3,
  section.sec_top_feature .cat_box h3 {
    font-size: 250%;
    padding-left: 0;
    display: block;
  }
  /* line 756, ../sass/top.scss */
  section.sec_top_point .cat_box h3:not(.noicon),
  section.sec_top_feature .cat_box h3:not(.noicon) {
    padding-top: 60px;
  }
  /* add */
  section.sec_top_point .cat_box h3 > small.sub_cap,
  section.sec_top_feature .cat_box h3 > small.sub_cap {
    margin-left:0px;
  }
  
  /* line 759, ../sass/top.scss */
  section.sec_top_point .cat_box h3 span.sp_icon.ef_on,
  section.sec_top_feature .cat_box h3 span.sp_icon.ef_on {
    left: 50%;
    top: 0;
    display: block;
    margin: 10px 0 20px -50px;
  }

  /* line 767, ../sass/top.scss */
  .fax_graph .rate_main {
    margin: 0 !important;
  }
  /* line 769, ../sass/top.scss */
  .fax_graph .rate_main .rate:before {
    content: "";
    border: none !important;
  }

  /* line 775, ../sass/top.scss */
  .feature_1 > div h3 {
    padding-top: 0 !important;
  }

  /* line 779, ../sass/top.scss */
  .feature_2 > div.pct img {
    max-width: 45% !important;
    margin: 0 2% !important;
  }

  /* add */
  .box_green {
    margin: 30px 10px;
    border-radius: 12px;
    border: 6px #5FB0BA solid;
  }
  .box_green h4 {
      font-size: 1.6em;
  }
  .box_green .curation_p {
      line-height: 1.4em;
      font-size: 1em;
      margin: 20px auto 10px auto;
  }
  .box_green .curation_a {
    line-height: 1.4em;
    font-size: 1em;
    margin: 0px auto 20px auto;
  }
 .box_green .curation_img {
    padding: 0px;
    margin: 0px 10px;
    width:400px;
  }
  .box_green .curation_img img {
    margin: 0 10px !important;
    float: none;
  }
  .box_green .more_string {
    width:300px;
    padding:5px 10px;
    font-size:1.2em;
  }
}
@media only screen and (max-width: 767px) {
  /* line 788, ../sass/top.scss */
  h3 {
    font-size: 200%;
  }

  /* line 791, ../sass/top.scss */
  .case h3 {
    font-size: 200%;
  }

  /* line 795, ../sass/top.scss */
  .lead-txt {
    font-size: 105%;
  }

  /* line 798, ../sass/top.scss */
  .main_area {
    height: 250px;
    background-position: 70%;
    background-size: cover;
    padding-top: 0%;
  }
  /* line 803, ../sass/top.scss */
  .main_area img {
    width: 70%;
  }

  /* line 807, ../sass/top.scss */
  .rate_article {
    padding-top: 20px !important;
  }

  /* line 810, ../sass/top.scss */
  h2 b, .case h3 b, .cat_box h3 b, .cat_box h4 b {
    display: inline-block;
  }

  /* line 814, ../sass/top.scss */
  .cat_box.point_2 > div {
    text-align: center;
  }
  /* line 817, ../sass/top.scss */
  .cat_box.point_2 img.x2 {
    max-width: 400px !important;
  }
  /* line 820, ../sass/top.scss */
  .cat_box.point_2 .btn {
    font-size: 14px !important;
    padding: 10px 15px;
    width: 90%;
    max-width: 400px;
  }

  /* line 827, ../sass/top.scss */
  .point-user {
    margin-bottom: 0em;
    padding-bottom: 0;
  }
  /* line 830, ../sass/top.scss */
  .point-user .user-box {
    margin: 2em auto 0 auto;
  }
  /* line 832, ../sass/top.scss */
  .point-user .user-box p {
    overflow: hidden;
    padding-right: 1.0em !important;
    margin-bottom: 0 !important;
  }
  /* line 836, ../sass/top.scss */
  .point-user .user-box p img {
    float: left;
    width: 180px;
    max-width: 50%;
    height: auto;
  }
  /* line 842, ../sass/top.scss */
  .point-user .user-box p > span {
    max-width: calc(100% - 200px );
  }
  /* line 845, ../sass/top.scss */
  .point-user .user-box p span span {
    min-height: 1em !important;
  }
  .font-middle {
      font-size:13.5px;
  }
  
  /* add */
 .box_green .curation_img {
    padding: 0px;
    margin: 0px 10px;
    width:350px;
  }
  .box_green .curation_img img {
    margin: 0 10px !important;
    float: none;
  }
  div.modal_box .modal-inside#modalCuration .result {
    margin-top: 60px;
  }
  div.modal_box .modal-inside#modalCuration .result p {
    margin: 40px 0px 0px 0px;
  }
  div.modal_box .modal-inside#modalCuration .result p.result_red {
    margin: 20px 0px 30px 0px;
  }
  div.modal_box .modal-inside#modalCuration .result p.result_red span {
    border-bottom:2px solid #fb7b15;
  }
  
}
@media only screen and (max-width: 480px) {
  /* line 854, ../sass/top.scss */
  .main_area {
    height: auto;
    padding-bottom: 1em;
    background: url(/img/top_main_img@2xv.png) #8ac6ce no-repeat bottom;
    background-size: contain;
  }
  /* line 859, ../sass/top.scss */
  .main_area h2 {
    margin-top: 20px;
    margin-bottom: 180px;
  }
  /* line 863, ../sass/top.scss */
  .main_area img {
    width: 90%;
    margin: 0 auto;
  }
  /* line 867, ../sass/top.scss */
  .main_area .btn {
    left: 15px;
  }

  /* line 872, ../sass/top.scss */
  .main_copy .lead-txt {
    margin-bottom: 2em;
  }
  /* line 875, ../sass/top.scss */
  .main_copy h2 {
    font-size: 28px;
  }
  /* line 878, ../sass/top.scss */
  .main_copy .barchart {
    height: 148px;
    background-size: 25px;
    background-position: 0px 4px;
  }
  /* line 882, ../sass/top.scss */
  .main_copy .barchart .date1 {
    border-top: 10px solid #fff;
  }
  /* line 885, ../sass/top.scss */
  .main_copy .barchart [class*=date] span {
    font-size: 12px;
    bottom: 3px;
  }

  /* line 893, ../sass/top.scss */
  .case {
    margin-top: 0px;
    margin-bottom: 50px;
  }
  /* line 896, ../sass/top.scss */
  .case .bx-wrapper:before,
  .case .bx-wrapper:after {
    content: "";
    background: none;
  }
  /* line 902, ../sass/top.scss */
  .case .bx-wrapper h4 {
    font-size: 11px;
  }
  /* line 905, ../sass/top.scss */
  .case .bx-wrapper .slide {
    width: 180px !important;
    padding: 10px !important;
  }
  /* line 908, ../sass/top.scss */
  .case .bx-wrapper .slide .count {
    font-size: 15px;
    line-height: 1.3em;
    width: 50px;
    height: 50px;
    padding: 7px;
    padding-top: 15px;
  }
  /* line 915, ../sass/top.scss */
  .case .bx-wrapper .slide .count span {
    font-size: 80%;
  }
  /* line 920, ../sass/top.scss */
  .case .bx-wrapper .slide_cout {
    font-size: 13px !important;
  }
  /* line 922, ../sass/top.scss */
  .case .bx-wrapper .slide_cout span {
    font-size: 150% !important;
  }
  /* line 927, ../sass/top.scss */
  .case h3 {
    line-height: 1.4em;
    font-size: 18px;
    margin-bottom: 10px;
  }
  /* line 931, ../sass/top.scss */
  .case h3 span {
    font-size: 120%;
  }

  /* line 938, ../sass/top.scss */
  section.sec_top_point,
  section.sec_top_feature {
    border-width: 10px;
  }

  /* line 943, ../sass/top.scss */
  section.sec_top_point .cat_box.point_1 .col-sm-6.tr {
    text-align: center;
    margin-bottom: 10px;
  }
  /* line 948, ../sass/top.scss */
  section.sec_top_point .cat_box.point_3 p.rate {
    height: auto;
  }
  /* line 950, ../sass/top.scss */
  section.sec_top_point .cat_box.point_3 p.rate img {
    max-width: 80% !important;
  }
  /* line 954, ../sass/top.scss */
  section.sec_top_point .cat_box.point_3 .rate_article {
    min-height: 50px;
  }
  /* line 956, ../sass/top.scss */
  section.sec_top_point .cat_box.point_3 .rate_article .circle_graph_article {
    display: none;
  }
  /* line 959, ../sass/top.scss */
  section.sec_top_point .cat_box.point_3 .rate_article img.sp_bk {
    display: block;
  }
  /* line 965, ../sass/top.scss */
  section.sec_top_point .cat_box.point_2 img {
    margin-top: 20px;
  }

  /* line 971, ../sass/top.scss */
  section.sec_top_feature .cat_box.feature_1 h3 {
    overflow: visible;
  }
  /* line 974, ../sass/top.scss */
  section.sec_top_feature .cat_box.feature_1 .counter {
    margin-bottom: 10px;
  }
  /* line 978, ../sass/top.scss */
  section.sec_top_feature .cat_box.feature_4 .company_logos {
    background-size: 1000px;
  }
  /* line 981, ../sass/top.scss */
  section.sec_top_feature .cat_box.feature_5 .user-box {
    padding: 0;
  }
  /* line 983, ../sass/top.scss */
  section.sec_top_feature .cat_box.feature_5 .user-box p {
    padding: 1em;
    font-size: 12px;
  }

  /* line 989, ../sass/top.scss */
  section.sec_top_point,
  section.sec_top_feature {
    letter-spacing: normal;
  }
  /* line 992, ../sass/top.scss */
  section.sec_top_point .col-sm-6, section.sec_top_point .col-sm-12,
  section.sec_top_feature .col-sm-6,
  section.sec_top_feature .col-sm-12 {
    padding: 0;
  }
  /* line 995, ../sass/top.scss */
  section.sec_top_point .ttl,
  section.sec_top_feature .ttl {
    padding: 0 20px;
  }
  /* line 997, ../sass/top.scss */
  section.sec_top_point .ttl:before,
  section.sec_top_feature .ttl:before {
    bottom: -60px;
  }
  /* line 1001, ../sass/top.scss */
  section.sec_top_point h2,
  section.sec_top_feature h2 {
    font-size: 25px;
    line-height: 1.6em;
    margin: 0px 0;
  }
  /* line 1005, ../sass/top.scss */
  section.sec_top_point h2 span,
  section.sec_top_feature h2 span {
    font-size: 180%;
  }
  /* line 1009, ../sass/top.scss */
  section.sec_top_point .cat_box,
  section.sec_top_feature .cat_box {
    padding-bottom: 30px;
  }
  /* line 1011, ../sass/top.scss */
  section.sec_top_point .cat_box .cat_nm b,
  section.sec_top_feature .cat_box .cat_nm b {
    font-size: 20px;
    margin-top: 30px;
  }
  /* line 1014, ../sass/top.scss */
  section.sec_top_point .cat_box .cat_nm b span,
  section.sec_top_feature .cat_box .cat_nm b span {
    width: 30px;
    padding: 5px 0;
  }
  /* line 1019, ../sass/top.scss */
  section.sec_top_point .cat_box h3,
  section.sec_top_feature .cat_box h3 {
    font-size: 20px;
  }
  /* line 1021, ../sass/top.scss */
  section.sec_top_point .cat_box h3 span.sp_icon,
  section.sec_top_feature .cat_box h3 span.sp_icon {
    width: 100px;
    margin-left: -50px !important;
    font-size: 13px;
  }
  /* line 1025, ../sass/top.scss */
  section.sec_top_point .cat_box h3 span.sp_icon:before,
  section.sec_top_feature .cat_box h3 span.sp_icon:before {
    border: none !important;
  }
  /* line 1029, ../sass/top.scss */
  section.sec_top_point .cat_box h3:not(.noicon),
  section.sec_top_feature .cat_box h3:not(.noicon) {
    padding-top: 45px;
  }
  /* line 1033, ../sass/top.scss */
  section.sec_top_point .cat_box .lead-txt,
  section.sec_top_feature .cat_box .lead-txt {
    margin-bottom: 1.5em;
  }

  /* line 1041, ../sass/top.scss */
  .user-box p img {
    float: none !important;
  }

  /* line 1044, ../sass/top.scss */
  .user-box p > span {
    max-width: 90% !important;
  }
  
  section.sec_top_point .box-note {
    padding: 2px;
    margin: 0px;
    width: 100%;
  }
  
  /* add */
  .box_green {
    margin: 20px 0px;
    border-radius: 6px;
    border: 3px #5FB0BA solid;
    padding: 5px;
  }
  .box_green h4 {
      font-size: 1.2em;
  }
  .box_green .curation_p {
      line-height: 1.4em;
      font-size: 1em;
      margin: 15px auto 8px;
  }
  .box_green .curation_a {
    line-height: 1.4em;
    font-size: 1em;
    margin: 0px auto 15px auto;
  }
 .box_green .curation_img {
    padding: 0px;
    margin: 0px 10px;
    width:240px;
  }
  .box_green .curation_img img {
    margin: 0 10px !important;
    float: none;
  }
  .box_green .more_string {
    width:240px;
    padding:0px 5px 5px 5px;
  }
  
  /* add */
  div.modal_box .modal-inside#modalCuration .result p {
    margin: 30px 0px 0px 0px;
    font-size: 16px;
  }
  div.modal_box .modal-inside#modalCuration .result p.result_red {
    margin: 10px 0px 20px 0px;
    font-size: 24px;
    line-height: 26px;
  }
  div.modal_box .modal-inside#modalCuration .result p.result_red span {
    border-bottom:1px solid #fb7b15;
  }
}

/*# PC 新着プレスリリースの画像の場所 */
@media (min-width: 768px) {
  .list .pic {
    display: table-cell;
    width: 226px;
    height: 80pt;
    background: #fff;
    position: relative;
    border: 1px solid #e6e6e6;
    text-align: center;
    vertical-align: middle;
  }
  .publisher {
    position: absolute;
    top: 25em;
    left: 1em;
    right: 1em;
    margin: 0 24px;
  }
}