@charset "UTF-8";

.ibk {
  display:inline-block;
}
.main_visual {
  position:relative;
  overflow:hidden;
}
.main_visual .bg {
  width:100%;
  opacity:0;
  transform:translateY(10%) translateX(-50%) scale(1,0.8);
  transform-origin:center bottom;
  position:absolute;
  bottom:0;
  left:50%;
}
.main_visual .bg .pc {
  display:block;
}
.main_visual .inner {
  max-width:1400px;
  position:relative;
  display:flex;
  flex-wrap:nowrap;
  padding:10% 20px 0;
}
.main_visual .image img {
  display:block;
}
.main_visual .image img.sp {
  display:none;
}
.main_visual .text {
  width:40%;
  padding-bottom:30px;
  margin-top:-75px;
}
.main_visual .text h1 {
  padding:0 0 1.6%;
}
.main_visual .text h2 {
  color:#fff;
  font-size:20px;
  line-height:1;
  white-space:nowrap;
  padding:13px 12px 10px;
  margin:0 0 10px;
  display: inline-block;
  background:#006433;
  border-radius:6px;
}
.main_visual .text h3 {
  color:#23794f;
  font-size:29px;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0.05em;
  margin:0;
  white-space:nowrap;
  text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}
.main_visual .text h3 .st {
  font-size:133.33%;
}
.main_visual .text p {
  color:#23794f;
  font-size:20px;
  font-weight:bold;
  line-height:1.5;
  margin:0 0 10px;
  white-space:nowrap;
  text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}
.main_visual .moviebox {
  max-width:506px;
  background:#fff;
  border:solid 7px #006433;
  border-radius:6px;
}
.main_visual .moviebox h4 {
  color:#fff;
  font-size:16px;
  font-weight: normal;
  line-height:1.5;
  margin:0;
  padding:5px 10px 10px;
  background:#006433;
}
.main_visual .moviebox .movie {
  padding:10px;
}
.main_visual .moviebox .movie a,
.main_visual .moviebox .movie img,
.main_visual .moviebox .movie video {
  cursor:pointer;
  display:block;
  transition:ease .3s;
}
.main_visual .moviebox .movie video {
  width:100%;
}
.main_visual .moviebox .movie a {
  position:relative;
}
.main_visual .moviebox .movie a:hover video {
  opacity:.7;
}
.main_visual .moviebox .movie a::after {
  content:"";
  width:17.37%;
  height:21.31%;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius:12px;
  background:url(/img/movie_btn.png) no-repeat 0 0 #000;
  background-size:100% auto;
  transition:ease .3s;
}
.main_visual .moviebox .movie a:hover::after {
  background-color:#f90d1b;
}
.main_visual .image.pc {
  width:60%;
  position:relative;
}
.main_visual .image img {
  position:relative;
  right:-28px;
}
.main_visual .image .people {
  position:absolute;
  top:0;
  right:-28px;
}
.main_visual .button {
  width:auto !important;
  height:auto;
  max-width:550px;
}
.main_visual .button.grbtn {
  margin-top:20px;
}
.main_visual .button a {
  font-size:26px;
  font-weight:normal;
  width:auto !important;
  height:auto;
  max-width:550px;
  padding:14px 0 6px;
  margin:0 auto;
  background:#f37d1d;
  border-bottom:solid 4px #de721b;
}
.main_visual .button.grbtn a {
  background:#00bc83;
  border-bottom:solid 4px #01a573;
}
.main_visual .button a > span {
  line-height:1.25;
  text-align:left;
  letter-spacing:0;
  padding:3px 0 0 86px;
  display:inline-block;
  position:relative;
}
.main_visual .button.grbtn a > span {
    padding:3px 0 0 42px;
}
.main_visual .button a .sml {
  font-size:18px;
}
.main_visual .button a .text {
  width:auto;
  padding-bottom:0;
}
.main_visual .button a > span .icon {
  width:80px;
  position:absolute;
  top:6px;
  left:0;
}
.main_visual .button.grbtn a > span svg {
  fill:#fff;
  width:42px;
  position:absolute;
  top:46%;
  left:0;
  transform:translateY(-50%);
}
.main_visual .text p, .main_visual .text h1, .main_visual .text h2, .main_visual .text h3,
.main_visual .moviebox, .main_visual .button {
  opacity:0;
  transform:translateY(25%);
}
.main_visual .image img {
  opacity:0;
  transform:translateY(5%);
}
.main_visual .text.visible h2 {
  animation:topIn .6s ease-in-out forwards;
}
.main_visual .text.visible p,
.main_visual .text.visible h3,
.main_visual .image.visible .device {
  animation:topIn .6s ease-in-out .2s forwards;
}
.main_visual .text.visible h1, .main_visual .image.visible .people {
  animation:topIn .6s ease-in-out .4s forwards;
}
.main_visual .text.visible .moviebox,
.main_visual .button.visible {
  animation:topIn .6s ease-in-out .6s forwards;
}
@keyframes topIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
    transform:translateY(0);
  }
}
.main_visual.vis_bg .bg {
  animation:topbgIn 1.4s ease-in-out forwards;
}
@keyframes topbgIn {
  0% {
    opacity:0;
    transform:translateY(10%) translateX(-50%) scale(1,0.8);
  }
  100% {
    opacity:1;
    transform:translateY(0) translateX(-50%) scale(1,1);
  }
}

.procedure {
  padding:40px 20px 45px;
  background:#f3f3f3;
}
.procedure .inner {
  max-width:1200px;
  margin:0 auto;
}
.procedure h1 {
  color:#00bc83;
  font-size:32px;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0.05em;
  margin:0 0 35px;
}
.procedure h1 .pickup {
  margin:0 0 10px;
}
.procedure h1 .pickup,
.procedure h1 .pickup img,
.procedure .image img {
  display:block;
}
.procedure .twocol {
  width:100%;
  align-items:flex-start;
}
.procedure .twocol .flbox {
  width:50%;
  padding:0 30px 0 0;
}
.procedure .twocol .flbox:nth-child(even) {
  padding:0 0 0 30px;
}
.procedure .image {
  width:375px;
  min-width:375px;
  margin-left:30px;
  background:#fff;
  border:solid 1px #cfcfcf;
  box-sizing:border-box;
}
.procedure .text p {
  color:#006435;
  font-size:20px;
  line-height:1.7;
  letter-spacing:0.05em;
  margin:0;
}
.procedure .text .button {
  height:56px;
  margin:25px auto 0;
}
.procedure .text .button a {
  font-size:18px;
  width:300px;
  height:36px;
  line-height:36px;
  padding:8px 0;
  margin:0 auto;
  background:#00bc83;
  border-bottom:solid 4px #01a573;
}
.procedure .text .button a::after {
  width:calc(100% - 8px);
  height:calc(100% - 8px);
  top:3px;
  left:3px;
}
.procedure .text .button a svg {
  fill:#fff;
  width:8px;
  height:15px;
  position:absolute;
  top:50%;
  left:21px;
  transform:translateY(-50%);
}

.pagetitle {
  padding:10px 20px 88px;
  background:url(../img/sec_title_bg.png) no-repeat center 0;
  background-size:cover;
}
.pagetitle .inner {
  max-width:1400px;
}
.aboutpage .titlearea, .iotpage .titlearea {
  padding:28px 0 14px;
}
.titlearea h1 {
  color:#01a976;
  font-size:50px;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.15em;
  text-align:center;
  position:relative;
}
.titlearea h1 .sub {
  font-size:75%;
  display:block;
  margin:10px 0 0;
}
.titlearea h2 {
  color:#fff;
  font-size:20px;
  line-height:1.5;
  font-weight:bold;
  letter-spacing:0.1em;
  text-align:center;
  margin:0 0 15px;
}
.titlearea h2 span {
  padding:1px 32px 0;
  background:#01a976;
  border-radius:15px;
  display:inline-block;
}
.titlearea svg {
  fill:#01a976;
  width:67px;
  height:auto;
  margin:0 auto 18px;
  display:block;
}
.bread {
  margin:5px 0 40px;
  display:flex;
  flex-wrap:wrap;
}
.bread li {
  color:#006532;
  font-size:14px;
  line-height:1.3;
  letter-spacing:0.05em;
  padding:0 0 0 24px;
  position:relative;
}
.bread li:first-child {
  padding:0;
}
.bread li svg {
  fill:#006532;
  width:6px;
  height:auto;
  position:absolute;
  top:2px;
  left:9px;
}
.bread li a {
  color:#006532;
  text-decoration:none;
}

.premium_plan {
  padding:60px 20px 20px;
}
.premium_plan h1 {
  color:#00bc83;
  font-size:40px;
  font-weight:bold;
  line-height:1.2;
  letter-spacing:0.1em;
  margin:0 0 40px;
  text-align:center;
}

.trouble {
  padding:60px 20px 150px;
  background:url(../../img/trouble_bg.png) no-repeat center 0;
  background-size:cover;
  position:relative;
}
.trouble h1 {
  color:#fff;
  font-size:40px;
  font-weight:bold;
  text-align:center;
  line-height:1.3;
  letter-spacing:0.2em;
}
.trouble h1 strong {
  font-size:50px;
}
.trouble p {
  color:#fff;
  font-size:18px;
  line-height:1.6;
  text-align:center;
  margin:15px 0 0;
}
.trouble_bottom {
  width:100%;
  position:absolute;
  left:0;
  bottom:0;
}
.trouble_bottom img {
  width:100%;
  height:auto;
  display:block;
}
.trouble .twocol {
  max-width:1200px;
  margin:10px auto 0;
}
.trouble ul {
  width:55%;
  padding-right:5px;
  box-sizing:border-box;
}
.trouble ul li, .function_detail .mcloudman ul li {
  color:#fff;
  font-size:24px;
  line-height:1.3;
  letter-spacing:0.1em;
  margin:30px 0 0;
  padding:0 0 0 42px;
  position:relative;
}
.trouble ul li svg, .function_detail .mcloudman ul li svg {
  width:32px;
  height:32px;
  fill:#fff;
  position:absolute;
  top:-3px;
  left:0;
}
.trouble ul li svg path, .function_detail .mcloudman ul li svg path {
  fill-rule:evenodd;
}
.trouble ul li p.chushaku, .function_detail .mcloudman ul li p.chushaku {
  color:#00bc83;
  font-size:16px;
  line-height:1.3;
  letter-spacing:0;
  margin:15px 0 0;
  padding:0 0 0 1em;
  text-indent:-1em;
}
.trouble .image {
  width:45%;
  margin:30px 0 0;
  position:relative;
}
.trouble .img1 {
	position:absolute;
  top:14px;
  right:-2px;
}
.trouble .img2 {
	position:absolute;
  top:21px;
  right:28px;
}
.trouble .img3 {
	position:absolute;
  top:193px;
  right:-2px;
}
.trouble .main {
  margin:35px 0 0;
}

.solution {
  padding:160px 20px 20px;
  position:relative;
}
.solution .image {
  position:absolute;
  top:-40px;
  left:50%;
  transform:translateX(-50%);
}
.solution .image img {
  display:block;
}
.solution h1 {
  color:#00bc83;
  font-size:40px;
  font-weight:bold;
  line-height:1.3;
  text-align:center;
  letter-spacing:0.2em;
  position:relative;
  z-index:2;
  text-shadow:2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}
.solution h1 br {
  display:none;
}
.solution h1 strong {
  font-size:60px;
}

.about_sec {
  padding:100px 20px;
  border-top:solid 1px #eee;
  background:#fff;
  position:relative;
}
.plan {
  padding:100px 20px;
}
.about_sec p, .plan .twocol .text p {
  max-width:1200px;
  margin:0 auto;
  color:#006435;
  font-size:20px;
  line-height:1.6;
  text-align:center;
}
.about_sec .twocol, .plan .twocol {
  max-width:1200px;
  margin:40px auto 50px;
}
.about_sec .twocol .image img {
  padding:60px 30px;
  border:solid 1px #eee;
}
.plan .twocol .image img {
  width:440px;
  padding:30px 50px;
  border:solid 1px #eee;
}
.about_sec .twocol .image img, .plan .twocol .image img {
  display:block;
}
.about_sec .twocol .text {
  padding:0 0 0 40px;
}
.plan .twocol .text {
  padding:0 40px 0 0;
}
.about_sec .twocol .text p, .plan .twocol .text p {
  text-align: left;
  margin:0 0 20px;
}
.plan .twocol .text p {
  margin:0 0 30px;
}
.about_sec .twocol .text p.chushaku, .plan .twocol .text p.chushaku {
  font-size:16px;
}

.function {
  padding:100px 20px;
  background:url(../../img/function_bg.png) no-repeat center center;
  background-size:cover;
  position:relative;
  z-index:2;
}
.function h1, .scene h1, .merit h1, .selected h1, .about_sec h1, .iot_service h1, .plan h1, .intro_step h1 {
  color:#00bc83;
  font-size:50px;
  font-weight:bold;
  line-height:1;
  letter-spacing:0.12em;
  text-align:center;
  padding:80px 0 0;
  margin:0 0 20px;
  position:relative;
}
.function h1 svg, .scene h1 svg, .merit h1 svg, .selected h1 svg, .about_sec h1 svg, .iot_service h1 svg, .plan h1 svg, .intro_step h1 svg {
  width:67px;
  fill:#00bc83;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-33px;
}
.function p, .scene p, .merit p, .selected p, .about p, .iot_service p, .plan p, .intro_step p {
  color:#006435;
  font-size:20px;
  line-height:1.3;
  text-align:center;
}
.intro_step p strong {
  font-size:30px;
}
.intro_step ul {
  width:100%;
  max-width:1200px;
  margin:50px auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative;
}
.intro_step ul li.li02 svg, .intro_step ul li.li04 svg {
  width:210px;
  height:158px;
}
.intro_step ul li.li02 svg.pc .st0, .intro_step ul li.li04 svg.pc .st0 {
  fill:none;
  stroke:#00BC83;
  stroke-miterlimit:10;
}
.intro_step ul li.li01 svg .st0, .intro_step ul li.li03 svg .st0 {
  fill:none;
  stroke:#00BC83;
  stroke-miterlimit:10;
}
.intro_step ul li .line svg {
  width:210px;
  height:158px;
}
.intro_step ul li .line svg .st0 {
  fill:none;
  stroke:#00BC83;
  stroke-miterlimit:10;
}
.intro_step ul li .tit {
  font-size:26px;
  font-weight:bold;
  margin:25px 0 0;
}
.intro_step ul li.li01 .tit {
  letter-spacing:0.1em;
}
.intro_step ul li.li03 .tit {
  letter-spacing:0.05em;
}
.intro_step ul li.li05 .tit {
  font-size:40px;
  margin:45px 0 0;
  letter-spacing:0.1em;
}
.intro_step ul li p {
  color:#fff;
  font-size:16px;
  font-weight:bold;
  margin:15px 0 0;
}
.function ul, .contentslist ul, .table_func ul, .iot_service ul {
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:30px 20px;
  display:flex;
  flex-wrap:wrap;
  box-sizing:border-box;
}
.function ul li, .contentslist ul li, .table_func ul li, .iot_service ul li {
  font-size:20px;
  line-height:1;
  text-align:center;
  width:calc(16.66% - 24px);
  height:180px;
  padding:0;
  margin:12px;
  border-radius:6px;
  position:relative;
  white-space:nowrap;
}
.function ul li.calendar {
  line-height:1.3;
}
.function ul li a, .table_func ul li a {
  color:#006532;
  width:100%;
  height:100%;
  display:block;
  border:solid 0 #006435;
  border-radius:6px;
  background:#fff;
  transition:color ease .3s, background ease .3s;
}
.iot_service ul li {
  width:25%;
}
.function ul li .detail, .table_func ul li .detail {
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  display:inline-block;
}
.function ul li.calendar .detail {
  top:55%;
}
.function ul li svg, .contentslist ul li svg, .table_func ul li svg {
  margin:0 auto 20px;
  fill:#006435;
  display:block;
  transition:fill ease .3s;
}
.function ul li.meeting svg, .function ul li.attends svg {
  width:51px;
  height:51px;
}
.function ul li.data svg, .function ul li.reserv svg, .function ul li.survey svg {
  width:50px;
  height:50px;
}
.function ul li.info svg, .function ul li.board svg {
  width:48px;
  height:48px;
}
.function ul li.calendar svg {
  width:50px;
  height:44px;
  margin-bottom:8px;
}
.function ul li.disaster svg {
  width:42px;
  height:48px;
}
.function ul li.opinion svg {
  width:50px;
  height:47px;
}
.function ul li.various svg {
  width:46px;
  height:47px;
}
.function ul li.config svg {
  width:51px;
  height:53px;
}
.function ul li.payment svg {
  width:46px;
  height:65px;
  transform:translateX(-13%);
}
.function .icon, .contentslist .icon, .table_func ul li .icon {
  width:30px;
  height:30px;
  position:absolute;
  top:10px;
  right:10px;
}
.function .button, .about_sec .button, .iot_service .button, .plan .button, .intro_step .button, .aboutpage .feature .button {
  margin:5px 0 0;
}
.function .button a, .scene .button a, .merit .button a, .error .button a, .about_sec .button a, .iot_service .button a, .plan .button a, .intro_step .button a, .aboutpage .feature .button a {
  font-size:24px;
  width:450px;
  padding:12px 0;
  margin:0 auto;
  background:#00bc83;
  border-bottom: solid 4px #01a573;
}
.about_sec .button a {
  margin:50px 0 0;
}
.function .button a svg, .scene .button a svg, .merit .button a svg, .error .button a svg, .about_sec .button a svg, .iot_service .button a svg, .plan .button a svg,
.intro_step .button a svg, .aboutpage .feature .button a svg {
  fill:#fff;
  width:8px;
  height:15px;
  position:absolute;
  top:50%;
  left:21px;
  transform:translateY(-50%);
}

.scene {
  padding:100px 20px 95px;
  background:url(/img/bg_cloud.png) no-repeat center 0;
  background-size:cover;
}
.gmenu ul li.scene {
  padding:10px 5px;
  background:transparent;
}
.scene ul {
  width:100%;
  max-width:1200px;
  margin:60px auto 0;
  display:flex;
}
.scene ul li {
  width:50%;
  padding:0 20px 0 0;
  box-sizing:border-box;
}
.scene ul li:nth-child(even) {
  padding:0 0 0 20px;
}
.scene ul li .image {
  padding:15px;
  background:#fff;
}
.scene h2 {
  color:#00bc83;
  font-size:30px;
  line-height:1.6;
}
.scene h2 strong {
  font-size:46px;
}
.scene .button {
  margin:30px 0 0;
}
.scene .button a {
  margin:0;
}

.intro_step {
  padding:100px 20px;
  background: url(/img/bg_cloud.png) no-repeat center 0;
  background-size: cover;
}

.merit {
  padding:100px 20px;
  background:url(../../img/merit_bg.png) no-repeat center 0;
  background-size:cover;
}
.merit p {
  line-height:1.6;
}
.merit ul {
  width:100%;
  max-width:1200px;
  margin:0 auto 50px;
  display:flex;
  flex-wrap:wrap;
}
.merit ul li {
  width:calc(50% - 25px);
  padding:20px;
  margin:50px 0 0;
  box-sizing:border-box;
  border:solid 1px #00bc83;
  background:#fff;
  position:relative;
}
.merit ul li:nth-child(odd) {
  margin-right:25px;
}
.merit ul li:nth-child(even) {
  margin-left:25px;
}
.merit h2 {
  position:absolute;
  top:-5px;
  left:50%;
  transform:translateX(-50%);
}
.merit ul li:nth-child(1) .image, .merit ul li:nth-child(2) .image {
  padding:40px 0 0;
}
.merit ul li:nth-child(3) .image, .merit ul li:nth-child(4) .image {
  padding:45px 0 0;
}
.merit .image img {
  margin:0 auto;
  display:block;
}
.merit h3 {
  color:#00bc83;
  font-size:22px;
  font-weight:bold;
  line-height:1.4;
  margin:5px 0;
  text-align:center;
  letter-spacing:0.1em;
}
.merit ul li p {
  color:#006435;
  font-size:18px;
  line-height:1.5;
  text-align:left;
  letter-spacing:0.1em;
}

.selected {
  padding:100px 20px;
}
.selected ul {
  max-width:1200px;
  margin:0 auto;
}
.selected ul li {
  width:100%;
  margin:50px 0 0;
  display:flex;
}
.selected ul li .image, .selected ul li .text {
  width:50%;
  box-sizing:border-box;
}
.selected ul li .image {
  padding:0 25px 0 0;
}
.selected ul li .image img {
  margin:0 auto;
  display:block;
}
.selected ul li .text {
  padding:0 0 0 25px;
}
.selected ul li .text h2 {
  color:#00bc83;
  font-size:28px;
  font-weight:bold;
  line-height:1.2;
  margin:30px 0 15px;
}
.selected ul li .text h2:first-child {
  margin-top:0;
}
.selected ul li .text h2 sup {
  font-weight:normal;
}
.selected ul li .text h2 span {
  font-size:20px;
  display:block;
}
.selected ul li .text p {
  color:#006435;
  font-size:20px;
  line-height:1.5;
  text-align:left;
}
.selected ul li .text p.link {
  font-size:16px;
  line-height:1;
  margin:10px 0 0;
}
.selected ul li .text p.link a {
  color:#006435;
  text-decoration:none;
  cursor:pointer;
}
.selected ul li .text p.link svg {
  fill:#006435;
  width:9px;
  height:12px;
  margin:0 6px 0 0;
}
.selected ul li .text p.dots {
  text-indent:-1em;
  padding-left:1em;
  margin-top:10px;
}
.selected ul li .text p.chushaku {
  font-size:16px;
  padding:0;
  margin-top:10px;
}
.selected ul li .text p.chushaku:last-child {
  margin-top:25px;
}

.iot_service {
  padding:100px 20px;
}

.start {
  padding:100px 20px;
  background:url(../img/start_bg.png) no-repeat center 0;
  background-size:cover;
}
.start .inner, .fix_banner .inner {
  text-align:center;
  max-width:1200px;
}
.start .title {
  text-align:left;
  padding:0 0 0 108px;
  display:inline-block;
  position:relative;
}
.start .title .image, .fix_banner .image {
  position:absolute;
  top:0;
  left:0;
}
.start .title h1 {
  color:#fff;
  font-size:50px;
  font-weight:bold;
  line-height:1;
  padding:14px 0;
  letter-spacing:0.15em;
}
.start .title h2 {
  color:#fff;
  font-size:30px;
  line-height:1.3;
  margin:0 0 5px;
  letter-spacing:0.1em;
}
.start .title p {
  color:#fff;
  font-size:16px;
  line-height:1.3;
  text-indent:-1em;
  padding:0 0 0 1em;
  letter-spacing:0.1em;
}
.start .button {
  margin:25px 0 0;
}
.free .button {
  margin:45px 0 0;
}
.premium .button {
  margin:20px 0 0;
}
.start .button a, .fix_banner .button a, .free .button a, .premium .button a {
  font-size:24px;
  font-weight:bold;
  letter-spacing:0.1em;
  width:800px;
  padding:12px 0;
  margin:0 auto;
  background:#f37d1d;
  border-bottom: solid 4px #de721b;
}
.free .button a, .premium .button a {
  width:740px;
}
.start .button a .text, .fix_banner .button a .text, .free .button a .text, .premium .button a .text {
  position:relative;
  top:-14px;
}
.start .button a .icon, .fix_banner .button a .icon, .free .button a .icon, .premium .button a .icon {
  max-width:71px;
  display:inline-block;
}
.start p.step {
  font-size:20px;
  line-height:1;
  text-align:right;
  max-width:800px;
  margin:15px auto 0;
  letter-spacing:0.1em;
}
.start p.step a {
  color:#fff;
}
.start p.step svg {
  width:10px;
  height:14px;
  fill:#fff;
}

.contentslist {
  padding:50px 0 75px;
}
.funcsec {
  padding:50px 20px 75px;
}
.contentslist p {
  color:#006435;
  font-size:20px;
  line-height:1.5;
  text-align:center;
  letter-spacing:0.1em;
  margin:0;
}
.contentslist ul, .iot_service ul {
  max-width:1450px;
  padding:0 10px;
  margin:25px auto 0;
}
.contentslist ul li, .iot_service ul li {
  width:calc(25% - 30px);
  height:auto;
  padding:175px 15px 100px;
  margin:15px;
  border-radius:0;
  background:#fff;
  white-space:normal;
  border:solid 1px #00bc83;
  box-sizing:border-box;
}
.iot_service ul {
  margin:15px auto 25px;
}
.iot_service ul li {
  width:calc(33.33% - 40px);
  padding:15px 5px;
  margin:20px;
}
.contentslist .icon {
  width:45px;
  height:45px;
}
.contentslist ul li h2, .iot_service ul li h2 {
  color:#00bc83;
  font-size:22px;
  line-height:1.5;
  font-weight:bold;
  margin:0 0 5px;
  text-align:center;
  letter-spacing:0.1em;
}
.iot_service ul li h2 {
  margin:10px 0 0;
}
.contentslist ul li.calendar h2 {
  position:relative;
  top:-1.3em;
}
.contentslist ul li p {
  color:#006435;
  font-size:18px;
  line-height:1.5;
  margin:0;
  text-align:left;
  letter-spacing:0.1em;
}
.contentslist ul li.calendar p {
  margin-top:-1.8em;
}
.contentslist ul li svg {
  position:absolute;
  top:50px;
  left:50%;
  transform:translateX(-50%);
}
.contentslist ul li.meeting svg, .contentslist ul li.attends svg {
  width:77px;
  height:77px;
}
.contentslist ul li.data svg, .contentslist ul li.reserv svg, .contentslist ul li.survey svg {
  width:75px;
  height:75px;
}
.contentslist ul li.info svg, .contentslist ul li.board svg {
  width:72px;
  height:72px;
}
.contentslist ul li.heyazuke svg {
  width:82px;
  height:75px;
}
.contentslist ul li.calendar svg {
  width:75px;
  height:66px;
}
.contentslist ul li.disaster svg {
  width:63px;
  height:72px;
}
.contentslist ul li.opinion svg {
  width:75px;
  height:71px;
}
.contentslist ul li.various svg {
  width:73px;
  height:74px;
}
.contentslist ul li.config svg {
  width:77px;
  height:80px;
}
.contentslist ul li.payment svg {
  width:73px;
  height:103px;
  top:34px;
  transform:translateX(-63%);
}
.contentslist ul li .button, .scene_contents .twocol .button {
  width:100%;
  height:64px;
  padding:0 15px;
  position:absolute;
  bottom:20px;
  left:0;
  box-sizing:border-box;
}
.contentslist ul li .button a, .scene_contents .twocol .button a {
  font-size:20px;
  width:100%;
  margin:0;
  padding:2px 0;
  background:#00bc83;
  border-bottom: solid 4px #01a573;
}
.contentslist ul li .button a svg, .scene_contents .twocol .button a svg {
  fill:#fff;
  width:8px;
  height:15px;
  position:absolute;
  top:50%;
  left:21px;
  transform:translateY(-50%);
}

.anchorcontents {
  padding:50px 0 0;
}
.anchorcontents p {
  color:#006435;
  font-size:20px;
  line-height:1.7;
  text-align:center;
  margin:0 20px 45px;
}
.anchor {
  padding:15px 20px 5px;
  background:#eee;
}
.anchor ul {
  text-align:center;
  max-width:1200px;
  margin:0 auto;
}
.anchor ul li {
  font-size:18px;
  font-weight:bold;
  line-height:1.4;
  letter-spacing:0.1em;
  display:inline-block;
  margin:0 8px 10px;
}
.pricepage .anchor ul li {
  margin:0 3px 10px;
}
.anchor ul li a {
  color:#fff;
  text-align:center;
  width:240px;
  padding:0 10px;
  border-radius:15px;
  background:#01a976;
  text-align:center;
  box-sizing:border-box;
  display:block;
  transition:opacity ease .5s;
}
.pricepage .anchor ul li a {
  width:auto;
  padding:0 20px;
}
.anchor ul li a span {
  padding:3px 0 1px 22px;
  display:inline-block;
  position:relative;
}
.anchor ul li a span svg {
  fill:#fff;
  width:7px;
  height:auto;
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%) rotate(90deg);
}

/* function pages */
.trouble .main img {
  margin:0 auto;
  display:block;
}
.functionpage .trouble, .iotpage .trouble {
  padding:60px 0 0;
  background: url(../img/sec_main_bg.png) no-repeat center bottom;
  background-size:cover;
  z-index:2;
}
.functionpage .function h1, .iotpage .function h1 {
  padding-top:0;
}
.functionpage .trouble h1, .functionpage .trouble p,
.iotpage .trouble h1, .iotpage .trouble p {
  padding:0 20px;
}

.function_detail {
  position:relative;
  z-index:1;
}
.function_detail .bg {
  width:100%;
  position:absolute;
  top:-2%;
  z-index:0;
}
.function_detail .bg img {
  width:100%;
}
.function_detail .inner {
  max-width:1200px;
  padding:0 20px;
  position:relative;
  box-sizing:border-box;
}
.function_detail .mcloudman {
  width:100%;
  margin:37px auto 100px;
  display:flex;
}
.function_detail .mcloudman .image {
  width:38%;
  max-width:280px;
  z-index:1;
}
.function_detail .mcloudman .text {
  padding:10px 0 0 33px;
  box-sizing:border-box;
}
.function_detail h1 {
  color:#fff;
  font-size:40px;
  line-height:80px;
  padding:13px 47px 0;
  background:#00bc83;
  border-radius:50px;
  letter-spacing:0.15em;
  box-sizing:border-box;
  position:relative;
}
.function_detail h1 strong {
  font-size:60px;
}
.function_detail h1 svg {
  position:absolute;
  left:-20px;
  bottom:30px;
}
.function_detail .mcloudman ul {
  margin:0 0 0 10px;
}
.function_detail .mcloudman ul li {
  color:#00bc83;
}
.function_detail .mcloudman ul li svg {
  fill:#00bc83;
}
.function_detail .mcloudman ul li span {
  font-weight:bold;
}
.function_detail h2, .free h1, .premium h1, .price h1, .scene_contents h1 {
  color:#00bc83;
  font-size:40px;
  font-weight:bold;
  line-height:1.2;
  letter-spacing:0.1em;
  padding:0 0 15px 52px;
  margin:0 0 20px;
  border-bottom:solid 2px #eee;
  position:relative;
}
.function_detail h2 svg, .free h1 svg, .premium h1 svg, .price h1 svg, .scene_contents h1 svg {
  width:36px;
  height:36px;
  fill:transparent;
  position:absolute;
  top:0;
  left:10px;
  transform:translateY(10%) scale(0.9);
}
.function_detail p {
  color:#006435;
  font-size:20px;
  line-height:1.5;
  margin:0;
}
.function_detail p a.linktxt {
  color:#006435;
  text-decoration:none;
  padding:0 0 0 13px;
  background:url(../img/ico_ft_list_link.png) no-repeat 0 7px;
  background-size:7px auto;
  display:inline-block;
}
.function_detail p.chushaku {
  font-size:17px;
  text-indent:-1em;
  padding-left:1em;
}
.function_detail p.lead + p.chushaku {
  margin-top:15px;
}
.function_detail ul.function_list {
  padding:15px 0 0;
}
.function_detail ul.function_list > li {
  margin:0;
  padding:50px 0;
}
.function_detail ul.function_list > li:nth-child(even) {
  background:#f3f3f3;
}
.function_detail ul.function_list > li.various03,
.function_detail ul.function_list > li.facility03 {
  background:url(../img/cloud_bg2.png) no-repeat center 0;
  background-size:100% auto;
}
.function_detail ul.function_list > li .inner {
  width:100%;
  display:flex;
}
.function_detail ul.function_list > li.various05 .inner {
  align-items:center;
}
.function_detail ul.function_list > li.heyazuke01 .inner,
.function_detail ul.function_list > li.key01 .inner,
.function_detail ul.function_list > li.key02 .inner {
  display:block;
}
.function_detail ul.function_list > li .textarea, .function_detail ul.function_list > li .imagearea {
  width:50%;
  box-sizing:border-box;
}
.function_detail ul.function_list > li .textarea {
  padding:0 25px 0 0;
  position:relative;
}
.function_detail ul.function_list > li .imagearea {
  padding:0 0 0 25px;
}
.function_detail ul.function_list > li .textarea.fullwidth,
.function_detail ul.function_list > li.heyazuke01 .textarea,
.function_detail ul.function_list > li.heyazuke01 .imagearea,
.function_detail ul.function_list > li.key01 .textarea,
.function_detail ul.function_list > li.key02 .textarea {
  width:100%;
  padding:0;
}
.function_detail ul.function_list > li.heyazuke01 .textarea {
  margin-bottom:30px;
}
.function_detail ul.function_list > li.various07 {
  padding:30px 0 80px;
}
.function_detail ul.function_list > li.various07 .textarea p {
  margin-top:0;
}
.function_detail ul.function_list > li .textarea h3 {
  color:#fff;
  font-weight:bold;
  width:100%;
  margin:0 0 10px;
  display:flex;
}
.function_detail ul.function_list > li .textarea h3 span {
  font-weight:bold;
  text-align:center;
  letter-spacing:0.1em;
  width:60px;
  height:52px;
  margin:0 5px 0 0;
  display:block;
  border-radius:5px;
}
.function_detail ul.function_list > li .textarea h3 span.func {
  font-size:16px;
  line-height:24px;
  padding:2px 0 0;
  background:#00bc83;
}
.function_detail ul.function_list > li .textarea h3 span.admin {
  font-size:16px;
  line-height:22px;
  padding:5px 0 0;
  background:#00bcad;
}
.function_detail ul.function_list > li .textarea h3 span.num {
  font-size:26px;
  letter-spacing:0.05em;
  width:auto;
  height:auto;
  margin:0;
}
.function_detail ul.function_list > li .textarea h4 {
  color:#00bc83;
  font-size:30px;
  font-weight:bold;
  line-height:1.3;
  letter-spacing:0.1em;
  margin:0;
}
.function_detail ul.function_list > li .textarea p {
  font-size:18px;
  line-height:1.7;
  letter-spacing:0.05em;
  margin:20px 0 0;
}
.function_detail ul.function_list > li .textarea p .bold {
  font-weight:bold;
}
.function_detail ul.function_list > li .textarea ul li {
  margin:15px 0 0;
  display:flex;
  flex-wrap:nowrap;
}
.function_detail ul.function_list > li .textarea ul li h5 {
  color:#fff;
  font-size:18px;
  line-height:1.3;
  text-align: left;
}
.function_detail ul.function_list > li .textarea ul li h5 span {
  text-align:center;
  padding:4px 5px 2px;
  background:#00bc83;
  border-radius:3px;
  display:block;
}
.function_detail ul.function_list > li .textarea ul.method li h5 {
  min-width:60px;
}
.function_detail ul.function_list > li .textarea ul li p {
  font-size:16px;
  margin:0;
  padding:2px 0 0 15px;
  box-sizing:border-box;
}
.function_detail ul.function_list > li .textarea ul li p strong {
  font-size:18px;
  font-weight:bold;
  display: block;
}
.function_detail ul.function_list > li .textarea p.mini_chushaku {
  text-indent:-1em;
  padding-left:1em;
  font-size:14px;
  position:absolute;
  left:0;
  bottom:0;
}
.function_detail ul.function_list > li .imagearea .image {
  position:relative;
}
.function_detail ul.function_list > li .imagearea .image + .image {
  margin-top:30px;
}
.function_detail ul.function_list > li .imagearea .image img {
  margin:0 auto;
  display:block;
  border:solid 1px #ccc;
}
.function_detail ul.function_list > li .imagearea .image img.zoom {
  width:100px;
  margin:5px 0 0;
  border:0;
}
.function_detail ul.function_list > li .imagearea .image .imgtxt {
  padding:10px 0 0;
  border-top:solid 3px #00bc83;
}
.function_detail ul.function_list > li .imagearea .image p {
  font-size:14px;
  line-height:1.4;
  margin:0;
}
.function_detail ul.function_list>li .textarea ul.folder li h5 {
  min-width: 85px;
}
.function_detail ul.function_list>li .textarea ul.surrogate li h5,
.function_detail ul.function_list>li .textarea ul.range_mail li h5,
.function_detail ul.function_list>li .textarea ul.period_fix li h5,
.function_detail ul.function_list>li .textarea ul.online li h5 {
  min-width: 100px;
}
.function_detail ul.function_list>li .textarea ul.personal li h5,
.function_detail ul.function_list>li .textarea ul.set li h5 {
  min-width: 120px;
}
.function_detail ul.function_list>li .textarea ul.answer li h5,
.function_detail ul.function_list>li .textarea ul.group li h5 {
  min-width: 140px;
}
.function_detail ul.function_list>li.setting04 .textarea ul.group li h5 {
  min-width:160px;
}
.function_detail ul.function_list>li .imagearea .image p .indent01,
.function_detail ul.function_list>li .textarea p.indent01,
.function_detail ul.function_list>li .textarea p .indent01 {
  text-indent: -1em;
  padding-left: 1em;
  display: inline-block;
}
.function_detail ul.function_list>li .textarea p .indent02 {
  text-indent: -3.9em;
  padding-left: 3.5em;
  display: inline-block;
}
.function_detail ul.function_list>li .textarea p .indent04 {
  text-indent: -8.4em;
  padding-left: 8.4em;
  display: inline-block;
}
.function_detail ul.function_list>li .textarea ul.re_mark li {
  color: #006435;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  margin: 10px 0 0;
  text-indent: -1em;
  padding-left: 1em;
}
.function_detail h1.custom {
  font-size: 23px;
  line-height: 43px;
}
.function_detail h1.custom strong {
  font-size: 32px;
}
.function_detail h1.custom svg {
  bottom: 60px;
}
.function_detail h1.cooperate01 svg {
  bottom: 20px;
}
.function_detail h1.cooperate01 strong {
  font-size: 50px;
}
.function_detail h1.cooperate02 {
  font-size: 32px;
}
.function_detail h1.cooperate02 svg {
  bottom: 20px;
}
.function_detail h1.cooperate02 strong {
  font-size: 46px;
}
.function_detail ul.function_list>li .textarea p .link {
  margin:20px 0 0;
  display:block;
}
.function_detail ul.function_list>li .textarea p.link a,
.function_detail ul.function_list>li .textarea p .link a {
  color: #006435;
}
.function_detail ul.function_list>li .textarea p.link a:hover,
.function_detail ul.function_list>li .textarea p .link a:hover {
  text-decoration: underline;
}
.function_detail ul.function_list>li .textarea p.link a svg,
.function_detail ul.function_list>li .textarea p .link a svg {
  fill: #006435;
  width: 9px;
  height: 12px;
  margin: 0 6px 0 0;
}
.function_detail ul.function_list>li .textarea h6 {
  color: #00bc83;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.1em;
  margin: 30px 0 0;
  position: relative;
  padding: 0 0 0 30px;
}
.function_detail ul.function_list>li .textarea h6 svg {
  width: auto;
  height: auto;
  fill: transparent;
  position: absolute;
  top: 85px;
  left: -70px;
  transform: translateY(-80%) scale(0.5);
}
.function_detail ul.function_list>li .textarea ul.online li p {
  padding-left:0;
}
.function_detail ul.function_list>li .textarea ul.online li h5 + p {
  margin-top:10px;
}
.function_detail ul.function_list>li .textarea ul.online li p strong {
  margin:10px 0 0;
}
.function_detail ul.function_list>li .textarea ul.online li h5 + p strong:first-child {
  margin:0;
}
.function_detail ul.function_list>li .textarea ul.online li {
  display: block;
}
.function_detail ul.function_list>li .textarea ul.online li+li {
  margin: 20px 0 0;
}
.function_detail ul.function_list>li .textarea ul.online li h5 {
  text-align: left;
}
.function_detail ul.function_list>li .textarea ul.online li h5 span {
  display: inline-block;
}
.function_detail ul.function_list>li.intercom01 .textarea p.link a,
.function_detail ul.function_list>li.intercom02 .textarea p.link a,
.function_detail ul.function_list>li.intercom03 .textarea p.link a,
.function_detail ul.function_list>li.intercom04 .textarea p.link a,
.function_detail ul.function_list>li.key01 .textarea p.link a,
.function_detail ul.function_list>li.key02 .textarea p.link a,
.function_detail ul.function_list>li.signage01 .textarea p.link a,
.function_detail ul.function_list>li.signage02 .textarea p.link a,
.function_detail ul.function_list>li.signage03 .textarea p.link a,
.function_detail ul.function_list>li .textarea ul.online li p .link a {
  text-align:left;
  margin: 15px 0 0 auto;
  display: block;
}
.function_detail ul.function_list>li.heyazuke02 .imagearea .image p strong {
  font-weight: bold;
  margin: 0 0 5px 0;
  display: inline-block;
}
.function_detail ul.function_list>li.heyazuke03 .imagearea .image p+p {
  margin: 10px 0 0 0;
}
.function_detail ul.function_list>li.intercom05 .inner {
  display: block;
}
.function_detail ul.function_list>li.intercom05 .textarea {
  padding: 0;
}
.function_detail ul.function_list>li.intercom05 .textarea {
  width: auto;
}

.functionpage .funcsec, .iotpage .funcsec {
  padding:50px 20px 35px;
}
.functionpage .funcsec p, .iotpage .funcsec p {
  color:#00bc83;
  font-size:30px;
  font-weight:bold;
  line-height:1.66;
  letter-spacing:0.05em;
  margin:0 0 45px;
}
.functionpage .funcsec ul, .iotpage .funcsec ul {
  max-width:1200px;
  margin:0 auto;
}
.functionpage .funcsec ul li, .iotpage .funcsec ul li {
  width:50%;
  padding:0;
  margin:0 0 50px;
  background:transparent;
  border:0;
}
.functionpage .funcsec ul li:nth-child(odd), .iotpage .funcsec ul li:nth-child(odd) {
  padding:0 25px 0 0;
}
.functionpage .funcsec ul li:nth-child(even), .iotpage .funcsec ul li:nth-child(even) {
  padding:0 0 0 25px;
}
.functionpage .funcsec .inner, .iotpage .funcsec .inner {
  height:100%;
  padding:20px 20px 40px;
  background:#f3f3f3;
}
.functionpage .funcsec ul li .image, .iotpage .funcsec ul li .image {
  margin:0 0 20px;
}
.functionpage .funcsec ul li .image img, .iotpage .funcsec ul li .image img {
  margin:0 auto;
  display:block;
}
.functionpage .funcsec ul li h2, .iotpage .funcsec ul li h2 {
  color:#00bc83;
  font-size:24px;
  font-weight:bold;
  line-height:1.3;
  margin:0 0 10px;
}
.functionpage .funcsec ul li p, .iotpage .funcsec ul li p {
  color:#006435;
  font-size:18px;
  font-weight:normal;
  line-height:1.7;
  margin:0 0 20px;
}
.functionpage .funcsec ul li .button, .iotpage .funcsec ul li .button {
  max-width:350px;
  height:64px;
  margin:0 auto;
  padding:0;
  position:relative;
  bottom:0;
}

/* about pages */
.aboutpage .merit {
  padding:80px 20px 100px;
}
.aboutpage .merit h1 {
  padding:0;
  margin:0;
}
.aboutpage .merit ul {
  margin:0 auto;
}
.aboutpage .selected ul li:first-child {
  margin-top:0;
}
.aboutmain {
  padding:50px 20px 60px;
}
.aboutmain .inner {
  max-width:1200px;
}
.aboutmain .image {
  margin:0 0 30px;
}
.aboutmain .image img.pc {
  display:block;
}
.aboutmain p {
  color:#006435;
  font-size:20px;
  line-height:1.7;
  text-align:center;
  letter-spacing:0.05em;
}
.aboutmain p.chushaku {
  font-size:16px;
  text-indent:-1em;
  padding:0 0 0 1em;
  margin:10px 0 0;
  text-align:center;
}
.feature1, .feature2, .feature3 {
  padding:100px 20px;
}
.feature1, .feature3 {
  background:#e8fef2;
}
.aboutpage section h1 {
  color:#00bc83;
  font-size:40px;
  font-weight:bold;
  line-height:1.4;
  margin:0 0 25px;
  letter-spacing:0.1em;
  text-align:center;
}
.aboutpage section h2 {
  color:#fff;
  font-size:26px;
  line-height:1.4;
  text-align:center;
  margin:0 0 15px;
  clear:both;
  letter-spacing:0.1em;
}
.aboutpage section h2 .box {
  padding:0 40px;
  text-align:center;
  background:#00bc83;
  border-radius:20px;
  display:inline-block;
}
.aboutpage section h2 .num {
  font-size:30px;
  font-weight:bold;
  margin:0 0 0 6px;
  display:inline-block;
}
.feature1 p, .feature2 p, .feature3 p {
  color:#006435;
  font-size:18px;
  line-height:1.7;
  text-align:center;
  letter-spacing:0.05em;
}
.aboutpage .plan_table {
  max-width:1200px;
  margin:50px auto;
}
.aboutpage .plan_table table tbody td {
  padding:30px 15px;
  background:#ccf1e7;
}
.aboutpage .plan_table table tbody td.pre_plan {
  background:#fbfecd;
}
.aboutpage .table_func ul,
.aboutpage .table_func.pre_plan ul {
  padding:0;
  justify-content:center;
}
.aboutpage .table_func ul li {
  font-size:13px;
  height:100px;
  width:calc(20% - 16px);
  margin:8px;
}
.aboutpage .table_func ul li.plus.two {display:none;}
.aboutpage .table_func ul li svg {
  margin:0 auto 12px;
}
.aboutpage .table_func ul li.meeting svg, .aboutpage .table_func ul li.attends svg {
  width:30px;
  height:30px;
}
.aboutpage .table_func ul li.data svg, .aboutpage .table_func ul li.survey svg {
  width:29px;
  height:29px;
}
.aboutpage .table_func ul li.info svg, .aboutpage .table_func ul li.board svg {
  width:27px;
  height:27px;
}
.aboutpage .table_func ul li.calendar svg {
  width:29px;
  height:26px;
  position:relative;
  top:6px;
}
.aboutpage .table_func ul li.opinion svg {
  width:29px;
  height:27px;
}
.aboutpage .table_func ul li.plus svg {
  transform: scale(0.8);
}
.aboutpage .table_func ul li.plus {
  height:auto !important;
  width:100% !important;
  margin:5px 0 !important;
}
.feature1 p.option {
  font-size:16px;
  margin:5px 0 0;
  text-align:center;
}
.video_about {
  max-width:1200px;
  margin:0 auto 30px;
  display:flex;
  flex-wrap:nowrap;
}
.aboutpage .contentslist {
  width:68.34%;
  padding:0;
}
.video_about .caledar_box {
  width:31.66%;
  padding:0 60px 52px 0;
  margin:40px 0 0;
  box-sizing:border-box;
  background:url(/about/img/ico_plus.png) no-repeat right 5px center;
  position:relative;
}
.video_about .caledar_box .border {
  padding:25px;
  border:solid 1px #ccc;
}
.caledar_box h3 {
  color:#00bc83;
  font-size:22px;
  line-height:1.5;
  font-weight:bold;
  margin:0 0 5px;
  text-align:center;
  letter-spacing:0.1em;
}
.caledar_box .image img {
  margin:0 auto;
  display:block;
}
.caledar_box .zoomimg {
  text-align:right;
}
.caledar_box .zoomimg img {
  display:inline-block;
}
.caledar_box p.chushaku {
  font-size:14px;
  line-height:1.5;
  text-align:left;
  text-indent:-1em;
  width:85%;
  padding:0 0 0 1em;
  margin:0;
  position:absolute;
  bottom:0;
}
.aboutpage .contentslist ul {
  padding:0;
}
.aboutpage .contentslist ul li {
  width:calc(33.33% - 20px);
  padding:140px 15px 45px;
  margin:15px 0 15px 20px;
}
.aboutpage .contentslist ul li p {
  font-size:16px;
}
.aboutpage .contentslist ul li h2 {
  margin:15px 0 0;
}
.feature3 .image {
  margin:50px 0 60px;
}
.feature3 .image img {
  margin:0 auto;
  display:block;
}
.aboutpage .table_func ul li .icon {
  width:24px;
  height:24px;
  top:-6px;
  right:-6px;
}


/* Iot pages */
.iotpage .contentslist {
  padding:50px 20px 35px;
}
.iotpage .contentslist ul li {
  padding:10px 10px 110px;
}
.iotpage .contentslist ul li .image {
  margin:0 0 25px;
}
.iotpage .contentslist ul li .image img {
  margin:0 auto;
  display:block;
}
.iotpage .contentslist ul li p {
  padding:0 5px;
}
.iotpage .funcsec ul li .image {
  height:115px;
  padding:30px 0 10px;
}
.iotpage .funcsec.contentslist ul li .image svg {
  position:relative;
  top:0;
  left:0;
  transform:translateX(0);
}
.wrapper .contentslist ul li.onecol {
  padding:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Step pages */
.free {
  padding:50px 20px 100px;
}
.premium {
  padding:100px 20px;
  background:url(../img/cloud_green.png) repeat-y 0 0;
  background-size:100% auto;
}
.free .inner, .premium .inner, .scene_contents .inner {
  max-width:1200px;
}
.free h2, .premium h2, .price h2 {
  color:#00bc83;
  font-size:26px;
  line-height:1.3;
  text-align:center;
  margin:50px 0;
  letter-spacing:0.1em;
}
.free h2 br, .premium h2 br {
  display:none;
}
.free h2 span, .premium h2 span, .price h2 span {
  font-weight:bold;
}
.free ul, .premium ul {
  max-width:1000px;
  margin:0 auto;
}
.free ul li, .premium ul li {
  margin:0 0 70px;
  padding:90px 20px 50px;
  border:solid 1px #00bc83;
  background:#fff;
  box-sizing:border-box;
  position:relative;
}
.free ul li::after, .premium ul li::after {
  content:"";
  width:41px;
  height:21px;
  background:url(../img/step_arrow.png) no-repeat 0 0;
  background-size:100% auto;
  display:block;
  position:absolute;
  bottom:-21px;
  left:50%;
  transform:translateX(-50%);
}
.free ul li:last-child, .premium ul li:last-child {
  margin:0;
}
.free ul li:last-child::after, .premium ul li:last-child::after {
  display:none;
}
.free ul li h3, .premium ul li h3 {
  position:absolute;
  top:-7px;
  left:50%;
  transform:translateX(-50%);
  letter-spacing:0.1em;
}
.free ul li h4, .premium ul li h4 {
  color:#00bc83;
  font-size:30px;
  font-weight:bold;
  line-height:1.3;
  text-align:center;
  margin:0 0 10px;
  letter-spacing:0.1em;
}
.free ul li p, .premium ul li p {
  color:#00bc83;
  font-size:22px;
  font-weight:bold;
  line-height:1.45;
  text-align:center;
  margin:0 0 10px;
  letter-spacing:0.1em;
}
.free ul li p.chushaku, .premium ul li p.chushaku {
  font-size:16px;
  font-weight:normal;
  line-height:1.9;
}
.free ul li .image, .premium ul li .image {
  text-align:center;
  padding:0 10px;
  margin:20px 0 0;
  box-sizing:border-box;
}
.free ul li .image img, .premium ul li .image img {
  display:inline-block;
}
.free ul li .twocol, .premium ul li .twocol {
  width:100%;
}
.free ul li .twocol .image, .premium ul li .twocol .image {
  width:50%;
}
.free ul li .twocol .image:nth-child(odd), .premium ul li .twocol .image:nth-child(odd) {
  text-align:right;
}
.free ul li .twocol .image:nth-child(even), .premium ul li .twocol .image:nth-child(even) {
  text-align:left;
}

/* Price pages */
.price {
  padding:50px 20px 100px;
}
.price .inner {
  max-width:1200px;
}
.plan_table table {
  width:100%;
  letter-spacing:0.1em;
}
.plan_table table thead th {
  color:#fff;
  font-size:30px;
  font-weight:bold;
  line-height:1.3;
  text-align:center;
  width:50%;
  padding:12px 10px;
  background:#00bc83;
  box-sizing:border-box;
}
.plan_table table thead th.pre_plan {
  background:#018e63;
}
.plan_table table tbody th, .plan_table table tbody td {
  text-align:center;
  vertical-align:middle;
  width:50%;
  padding:20px 15px;
}
.plan_table table tbody td {
  background:#eefdf9;
}
.plan_table table tbody td.pre_plan {
  background:#e1feef;
  position:relative;
  overflow:hidden;
}
.plan_table table tbody td.pre_plan .plangroup {
  padding-top:15px;
  margin-top:15px;
  border-top:solid 1px #ccc;
}
.plan_table table tbody td.pre_plan .plangroup:first-child {
  padding-top:0;
  margin-top:0;
  border-top:0;
}
.plan_table table tbody td.table_func {
  vertical-align:top;
}
.plan_table table tbody tr td.pre_plan:first-child::after {
  content:"";
  width:100%;
  height:1px;
  display:block;
  background:#b8e8c8;
  position:absolute;
  top:0;
  left:0;
}
.plan_table table tbody th.midashi {
  width:100%;
  padding:7px 10px 5px;
  background:#05ddac;
}
.plan_table table tbody th.midashi h3 {
  color:#fff;
  font-size:20px;
  font-weight:bold;
  line-height:1;
  text-align:center;
}
.plan_table table tbody td h4 {
  color:#f37d1d;
  font-size:60px;
  font-weight:bold;
  line-height:1;
  margin:5px 0;
}
.plan_table table tbody td p, .plan_table table tbody td h5 {
  color:#006435;
  font-size:18px;
  line-height:1.6;
}
.plan_table table tbody td h5 {
  font-weight:bold;
}
.plan_table table tbody td p.chushaku {
  font-size:14px;
}
.table_func ul {
  padding:0 25px 0 0;
}
.table_func.pre_plan ul {
  padding:0 0 0 25px;
}
.table_func ul li {
  font-size:18px;
  line-height:1.4;
  width:calc(33.33% - 20px);
  height:160px;
  margin:9px 10px;
}
.table_func ul li.plus {
  width:100%;
  height:auto;
  margin:0 10px;
}
.table_func ul li.plus.two {display:none;}
.table_func ul li.meeting svg, .table_func ul li.attends svg {
  width:46px;
  height:46px;
}
.table_func ul li.data svg, .table_func ul li.survey svg {
  width:45px;
  height:45px;
}
.table_func ul li.info svg, .table_func ul li.board svg {
  width:43px;
  height:43px;
}
.table_func ul li.calendar svg {
  width:45px;
  height:39px;
  position:relative;
  top:9px;
}
.table_func ul li.opinion svg {
  width:45px;
  height:42px;
}
.table_func ul li.plus svg {
  width:34px;
  height:34px;
  margin:0 auto;
  fill:#f37d1d;
}
.plan_table table tbody td h5.symbol {
  font-size:30px;
  font-weight:normal;
  line-height:1;
}
.plan_table table tbody td p.link {
  font-size:16px;
  line-height:1;
  margin:10px 0 0;
}
.plan_table table tbody td p.link a {
  color:#006435;
}
.plan_table table tbody td p.link svg {
  fill:#006435;
  width:9px;
  height:12px;
  margin:0 6px 0 0;
}
.facility_op, .disaster_op, .various_op, .manned_op, .iot_op {
  padding:50px 0 0;
}
.disaster_op .twocol, .various_op .twocol {
  align-items:center;
}
.disaster_op .twocol .cost_detail,
.various_op .twocol .cost_detail {
  padding-top:18px;
  padding-bottom:18px;
}
.cost {
  letter-spacing:0.1em;
  padding:10px 0 0;
}
.cost h3 {
  color:#006435;
  font-size:20px;
  font-weight:normal;
  line-height:1.4;
}
.cost h3 + h3 {
  margin:10px 0 0;
}
.cost h3 span {
  font-weight:bold;
}
.facility_op .twocol {
  display:table;
}
.twocol .cost {
  min-width:19em;
  vertical-align:middle;
  padding:10px 20px 10px 0;
  display:table-cell;
}
.twocol .cost_detail {
  letter-spacing:0.1em;
  padding:10px 0 10px 25px;
  display:table-cell;
  border-left:solid 2px #eee;
}
.twocol .cost_detail p, .twocol .cost_detail ul li {
  color:#006435;
  font-size:18px;
  line-height:1.4;
  margin:0 0 5px;
}
.twocol .cost_detail p.op {
  margin-top:20px;
}
.twocol .cost_detail p.op .sptxt {
  display:none;
}
.twocol .cost_detail ul li {
  text-indent:-1em;
  padding:0 0 0 1em;
}
.twocol .cost_detail ul.chushaku li {
  font-size:14px;
}
.twocol .cost_detail ul.chushaku li:last-child {
  margin:0;
}
.op_table {
  letter-spacing:0.05em;
  padding:10px 0 0;
}
.op_table table {
  width:100%;
}
.op_table table th, .op_table table td {
  text-align:center;
  vertical-align:middle;
  width:25%;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
}
.op_table table tbody th::before {
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:#fff;
  position:absolute;
  top:0;
  left:0;
}
.op_table table th::after, .op_table table td::after {
  content:"";
  display:block;
  width:1px;
  height:100%;
  background:#fff;
  position:absolute;
  top:0;
  left:0;
}
.op_table table tr th:first-child::after, .op_table table tr td:first-child::after,
.op_table table tbody tr:first-child th::before {
  display:none;
}
.op_table table thead th {
  color:#fff;
  font-size:20px;
  font-weight:bold;
  line-height:1.4;
  padding:10px 5px 8px;
  background:#00bc83;
}
.op_table table tbody th {
  color:#fff;
  font-size:18px;
  line-height:1.2;
  height:60px;
  padding:10px 1px 8px;
  background:#018e63;
}
.op_table table tbody td {
  color:#006435;
  font-size:18px;
  line-height:1.2;
  height:60px;
  padding:12px 10px 10px;
  background:#eee;
}
.op_table table tbody tr:nth-child(even) td {
  background:#e5e5e5;
}
.op_table table tbody td .chushaku {
  font-size:16px;
  display:block;
}
.op_table .arrow {display:none;}
.iot_op p.chushaku {
  color:#006435;
  font-size:14px;
  line-height:1.3;
  letter-spacing:0.05em;
  text-indent:-1em;
  padding:0 0 0 1em;
  margin:20px 0 0;
}

.bnr_pre {
  text-align:center;
  margin:20px 0 40px;
}
.bnr_pre a {
  display:inline-block;
  transition:opacity .3s ease;
}
.bnr_pre a img {
  margin:0 auto;
  display:block;
}
.bnr_pre a .sp {
  display:none;
}

/* scene page */
.scene_contents {
  padding:50px 20px;
}
#scene_event {
  padding-bottom:100px;
}
.scene_contents p {
  color:#006435;
  font-size:18px;
  line-height:1.6;
  margin:25px 0 0;
}
.slide_wrap {
  margin:30px 0 0;
  padding:50px 0 0;
  position:relative;
}
.slide_wrap .slide {
  border:solid 1px #00bc83;
  box-sizing:border-box;
}
.slide_wrap .slide li {
  padding:40px 30px 30px;
  box-sizing:border-box;
}
.slide_wrap .slide li .image {
  width:50%;
  padding:0 25px 0 0;
}
.slide_wrap .slide li .text {
  width:50%;
  padding:0 20px 0 25px;
}
.slide_wrap .slide li p {
  font-size:20px;
  line-height:1.8;
  margin:5px 0 25px;
}
.scene_contents .twocol .button {
  position:relative;
  bottom:0;
}
.scene_contents .twocol .button a {
  max-width:350px;
  margin:0 auto;
  letter-spacing:0.05em;
}
.slide_wrap .slide .slick-dots li {
  padding:0;
}
#slide1 .slick-dots li:nth-child(1) button::after {
  content:"理事会前";
}
#slide1 .slick-dots li:nth-child(2) button::after {
  content:"理事会中";
}
#slide1 .slick-dots li:nth-child(3) button::after {
  content:"理事会後";
}
#slide2 .slick-dots li:nth-child(1) button::after {
  content:"施設予約";
}
#slide2 .slick-dots li:nth-child(2) button::after {
  content:"オンライン決済";
}
#slide2 .slick-dots li:nth-child(3) button::after {
  content:"カギ連携機能";
}
#slide3 .slick-dots li:nth-child(1) button::after {
  content:"お知らせ機能";
}
#slide3 .slick-dots li:nth-child(2) button::after {
  content:"掲示板機能";
}
#slide3 .slick-dots li:nth-child(3) button::after {
  content:"データ保存箱";
}
.slide_wrap .slide .slick-dots li.slick-active::after {
  content:"";
  width:21px;
  height:11px;
  display:block;
  position:absolute;
  bottom:-11px;
  left:50%;
  transform:translateX(-50%);
  background:url(../img/tab_current_arrow.png) no-repeat 0 0;
  background-size:100% auto;
}

.figure_con {
	margin:0 0 100px;
}
.function_detail .figure_con {
	margin:60px 0 100px;
}
.figure_con .image {
  margin:30px 0 40px;
}
.function_detail .figure_con .image {
  margin:30px 0 40px;
}
.function_detail .figure_con .figurebk {
  padding:10px;
  background:#fff;
  border:solid 20px #f3f3f3;
}
.function_detail .key02 .figure_con .figurebk {
  border:solid 20px #fff;
}
.figure_con .image img {
  margin:0 auto;
  display:block;
}
.figure_con h3 {
	color:#006435;
	font-size:22px;
	font-weight:bold;
	line-height:1.5;
  margin:0 0 15px;
}
.figure_con ul {
  padding:0 0 10px;
}
.figure_con ul li, .figure_con p {
	color:#006435;
	font-size:18px;
	line-height:1.5;
	margin:10px 0 0;
}
.figure_con ul li.indent, .figure_con p.indent {
	text-indent:-1em;
	padding-left:1em;
}
.figure_con p.chushaku {
	font-size:16px;
}

.error {
  padding:60px 20px 100px;
  background:url(../img/cloud_bg1.png) no-repeat center 0;
  background-size:100% auto;
}
.error .inner {
  text-align:center;
  max-width:1200px;
}
.error h1 {
  font-size:40px;
  font-weight:700;
  line-height:1.3;
  margin:0 0 20px;
}
.error h2 {
  font-size:22px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:0.1em;
  margin:0 0 35px;
}
.error p {
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0.1em;
  margin:0 0 50px;
}

sub {
  font-size:70%;
}

@media screen and (min-width:1500px) {
.main_visual .inner {
  padding:150px 0 0;
}
.main_visual .bg {
  bottom:auto;
  top:0;
}
.main_visual .bg img {
  width:100%;
}

}

@media screen and (max-width:1399px) {
.main_visual .button a {
  font-size:24px;
  padding:14px 0 2px;
}
.main_visual .button a .sml {
  font-size:16px;
}
.main_visual .button a > span {
  padding:2px 0 0 66px;
}
.main_visual .button a > span .icon {
  width:64px;
  top:9px;
}
.main_visual .button.grbtn a {
  padding:9px 0 2px;
}
.main_visual .button.grbtn a > span {
  padding:0 0 0 36px;
}
.main_visual .button.grbtn a > span svg {
  width:37px;
  top:40%;
}
.function ul li {
  height:170px;
}
.contentslist ul li h2 {
  font-size:20px;
}
.contentslist ul li p {
  font-size:16px;
}
.contentslist ul li .button, .scene_contents .twocol .button {
  height:58px;
}
.contentslist ul li .button a, .scene_contents .twocol .button a {
  font-size:18px;
  height:50px;
  line-height:50px;
}
.functionpage .funcsec ul li .button {
  height:58px;
}

.iotpage .contentslist ul li {
  padding:10px 10px 100px;
}
.iotpage .funcsec ul li .button {
  height:58px;
}

.intro_step ul li.li01 img, .intro_step ul li.li03 img, .intro_step ul li.li05 img {
  width:100%;
  height:auto;
}
.intro_step ul li.li01, .intro_step ul li.li03 {
  width:21.7%;
  height:auto;
}
.intro_step ul li.li05 {
  width:21.6%;
  height:auto;
}
.intro_step ul li.li02, .intro_step ul li.li04 {
  width: 17.5%;
  height: auto;
}
.intro_step ul li.li02 svg, .intro_step ul li.li04 svg {
  width: 100%;
  height: auto;
}

}

@media screen and (max-width:1299px) {
.function ul li {
  height:160px;
}
.slick-prev, .slick-next {
  width:39px;
  height:39px;
}
.main_visual .button a {
  font-size:1.9vw;
}
.main_visual .text h2,
.main_visual .text p {
  font-size:18px;
}
.main_visual .text h3 {
  font-size:26px;
}

}

@media screen and (max-width:1199px) {
.main_visual .button a {
  font-size:1.75vw;
  padding:14px 0 0;
}
.main_visual .button a .sml {
  font-size:14px;
}
.main_visual .button a > span {
  padding:2px 0 0 76px;
}
.main_visual .button a > span .icon {
  width:68px;
  top:5px;
}
.main_visual .button.grbtn a {
  padding:5px 0 2px;
}
.main_visual .button.grbtn a > span {
  padding:0 0 0 33px;
}
.main_visual .button.grbtn a > span svg {
  width:33px;
}
.main_visual .text h3 {
  font-size:2.2vw;
}
.main_visual .text h2, .main_visual .text p {
  font-size:1.7vw;
}
.main_visual .moviebox h4 {
  font-size:1.3vw;
  padding:2px 5px 6px;
}
.trouble h1, .solution h1 {
  font-size:32px;
}
.trouble h1 strong {
  font-size:42px;
}
.trouble ul li, .function_detail .mcloudman ul li {
  font-size:22px;
}
.solution {
  padding:110px 20px 20px;
}
.solution h1 strong {
  font-size:50px;
}
.solution h1 br {
  display:inline;
}
.function ul {
  padding:30px 0;
}
.function ul li {
  font-size:18px;
  width: calc(16.66% - 18px);
  height:150px;
  margin:9px;
}
.function ul li.meeting svg, .function ul li.attends svg {
  width:46px;
  height:46px;
}
.function ul li.data svg, .function ul li.reserv svg, .function ul li.survey svg {
  width:45px;
  height:45px;
}
.function ul li.info svg, .function ul li.board svg {
  width:43px;
  height:43px;
}
.function ul li.calendar svg {
  width:45px;
  height:39px;
}
.function ul li.disaster svg {
  width:37px;
  height:43px;
}
.function ul li.opinion svg {
  width:45px;
  height:42px;
}
.function ul li.various svg {
  width:42px;
  height:42px;
}
.function ul li.config svg {
  width:46px;
  height:48px;
}
.function ul li.payment svg {
  width:42px;
  height:59px;
}
.scene h2 {
  font-size:26px;
}
.scene h2 strong {
  font-size:40px;
}
.merit ul li {
  width: calc(50% - 20px);
  margin:40px 0 0;
}
.merit ul li:nth-child(odd) {
  margin-right:20px;
}
.merit ul li:nth-child(even) {
  margin-left:20px;
}
.selected ul li .image {
  padding:0 20px 0 0;
}
.selected ul li .text {
  padding:0 0 0 20px;
}
.selected ul li .text h2 {
  font-size:25px;
}
.selected ul li .text h2 span {
  font-size:18px;
}
.contentslist ul li {
  width: calc(25% - 20px);
  margin:10px;
  padding-top:150px;
}
.contentslist ul li svg {
  top:40px;
}
.contentslist ul li.meeting svg, .contentslist ul li.attends svg {
  width:67px;
  height:67px;
}
.contentslist ul li.data svg, .contentslist ul li.reserv svg, .contentslist ul li.survey svg {
  width:65px;
  height:65px;
}
.contentslist ul li.info svg, .contentslist ul li.board svg {
  width:62px;
  height:62px;
}
.contentslist ul li.heyazuke svg {
  width:73px;
  height:67px;
}
.contentslist ul li.calendar svg {
  width:65px;
  height:57px;
}
.contentslist ul li.disaster svg {
  width:54px;
  height:62px;
}
.contentslist ul li.opinion svg {
  width:65px;
  height:61px;
}
.contentslist ul li.various svg {
  width:66px;
  height:67px;
}
.contentslist ul li.config svg {
  width:67px;
  height:70px;
}
.contentslist ul li.payment svg {
  width:66px;
  height:93px;
  top:22px;
}

.op_table table tbody th {
  padding:10px 10px 8px;
}
.iotpage .funcsec ul li .image {
  height:105px;
}
.function_detail h1.cooperate01 strong {
  font-size: 45px;
}
.function_detail h1.cooperate02 strong {
  font-size: 40px;
}
.function_detail h1.cooperate02 {
  font-size: 26px;
}

.slick-dots li, .slick-dots li button {
  width:260px;
}
.slick-dots li {
  margin:0 15px;
}
.slick-dots li button {
  font-size:22px;
}
.slide_wrap .slide li .image {
  padding:0 20px 0 0;
}
.slide_wrap .slide li .text {
  padding:0 15px 0 20px;
}
.iot_service {
  padding:100px 10px;
}
.iot_service ul li {
  width:calc(33.33% - 30px);
  margin:20px 15px;
}
.iot_service ul li h2 {
  font-size:18px;
}

.aboutpage .table_func ul li {
  font-size:11px;
  height:94px;
  width:calc(20% - 10px);
  margin:5px;
  letter-spacing:0;
}
.feature1 p.option {
  font-size:14px;
}

.video_about .caledar_box {
  padding:0 50px 52px 0;
  background: url(/about/img/ico_plus.png) no-repeat right 0 center;
}
.aboutpage .contentslist ul li {
  padding:130px 15px 35px;
}
.caledar_box p.chushaku {
  font-size: 12px;
}

.fix_banner .button a {
  font-size:2.0vw;
  padding: 10px 0 6px;
}
.fix_banner .button a .icon {
  width:15.5%;
	max-width:none;
}
.wrapper .fix_banner .contactbtn a > span .icon {
  width:13%;
  max-width:none;
}
.procedure h1 {
  font-size:28px;
  margin:0 0 25px;
}
.procedure .text p {
  font-size:18px;
}
.procedure .image {
  width:340px;
  min-width:340px;
  margin-left:25px;
}

}

@media screen and (max-width:1099px) {
.function ul li {
  height:140px;
}
.function_detail h1 strong {
  font-size: 54px;
}
.function_detail h1.cooperate01 strong {
  font-size: 40px;
}
.function_detail h1.cooperate01 {
  font-size: 35px;
}
.function_detail h1.cooperate02 strong {
  font-size: 35px;
}
.function_detail ul.function_list>li.intercom01 .textarea p.link a,
.function_detail ul.function_list>li.intercom02 .textarea p.link a,
.function_detail ul.function_list>li.intercom03 .textarea p.link a,
.function_detail ul.function_list>li.intercom04 .textarea p.link a,
.function_detail ul.function_list>li.key01 .textarea p.link a,
.function_detail ul.function_list>li.key02 .textarea p.link a,
.function_detail ul.function_list>li.signage01 .textarea p.link a,
.function_detail ul.function_list>li.signage02 .textarea p.link a,
.function_detail ul.function_list>li.signage03 .textarea p.link a,
.function_detail ul.function_list>li .textarea ul.online li p .link a {
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}
.contentslist ul li.calendar p {
  margin-top:-1.9em;
}
.aboutpage .contentslist ul li {
  padding:120px 15px 35px;
}

}

@media screen and (max-width:1049px) {
.function_detail ul.function_list > li .textarea p.mini_chushaku {
  margin:30px 0 0;
  position:relative;
}

}

@media screen and (max-width:999px) {
.main_visual .inner {
  padding-top:12%;
}
.main_visual .button a {
  height:60px;
  padding:16px 0 0;
}
.main_visual .button a .sml {
  font-size:13px;
}
.main_visual .button a > span {
  padding:0 0 0 56px;
}
.main_visual .button a > span .icon {
  width:50px;
  top:3px;
}
.main_visual .button.grbtn a {
  padding:5px 0 0px;
}
.main_visual .button.grbtn a > span {
  padding:0 0 0 29px;
}
.main_visual .button.grbtn a > span svg {
  width:29px;
}
.main_visual .button.grbtn {
  margin-top:15px;
}
.main_visual .text {
  padding-bottom:25px;
}
.bread {
  margin:5px 0 30px;
}
.pagetitle {
  padding:10px 20px 60px;
}
.titlearea h1 {
  font-size:40px;
}
.titlearea h2 {
  font-size:16px;
}
.titlearea svg {
  width:58px;
}

.procedure h1 br {
  display:inline;
}
.premium_plan h1 {
  font-size:36px;
  margin:0 0 30px;
}

.trouble {
  padding:60px 20px;
  background-position:36% 0;
}
.trouble .twocol {
  display:block;
}
.trouble ul {
  width:100%;
  padding-right:0;
}
.trouble .image {
  width:auto;
  margin:10px -20px 0;
}
.trouble .img1 {
  position:relative;
  top:0;
  right:0;
}
.trouble .img1 img {
  margin:0 auto;
}
.trouble .img1 .pc {
  display:none;
}
.trouble .img1 .sp {
  display:block;
}
.function h1, .scene h1, .merit h1, .selected h1, .about_sec h1, .iot_service h1, .plan h1, .intro_step h1 {
  font-size:40px;
  padding:70px 0 0;
}
.function h1 svg, .scene h1 svg, .merit h1 svg, .selected h1 svg, .about_sec h1 svg, .iot_service h1 svg, .plan h1 svg, .intro_step h1 svg {
  width:58px;
}
.function_detail h2 svg, .free h1 svg, .premium h1 svg, .price h1 svg, .scene_contents h1 svg {
  transform:translateY(0%) scale(0.8);
}
.function p, .scene p, .merit p, .selected p, .about p, .iot_service p, .plan p, .intro_step p, .about_sec p, .plan .twocol .text p {
  font-size:18px;
}
.intro_step p strong {
  font-size:26px;
}
.function p {
  margin:0 10px;
}
.function {
  padding:80px 10px;
}
.function ul li {
  font-size:15px;
  width: calc(16.66% - 14px);
  height:130px;
  margin:7px;
}
.function ul li svg {
  margin: 0 auto 15px;
}
.function ul li.meeting svg, .function ul li.attends svg {
  width:41px;
  height:41px;
}
.function ul li.data svg, .function ul li.reserv svg, .function ul li.survey svg {
  width:40px;
  height:40px;
}
.function ul li.info svg, .function ul li.board svg {
  width:38px;
  height:38px;
}
.function ul li.calendar svg {
  width:40px;
  height:35px;
}
.function ul li.disaster svg {
  width:33px;
  height:38px;
}
.function ul li.opinion svg {
  width:40px;
  height:37px;
}
.function ul li.various svg {
  width:37px;
  height:37px;
}
.function ul li.config svg {
  width:41px;
  height:43px;
}
.function ul li.payment svg {
  width:37px;
  height:52px;
}
.function .icon {
  width:25px;
  height:25px;
  top:7px;
  right:7px;
}
.function_detail p a.linktxt {
  background-size:6px auto;
}
.scene {
  padding:80px 20px 75px;
}
.scene h2 {
  font-size:22px;
}
.scene h2 strong {
  font-size:34px;
}
.scene .button {
  margin:20px 0 0;
}
.scene .button a {
  width:100%;
}
.scene_contents .twocol .button a {
  letter-spacing:0.03em;
}
.merit {
  padding:80px 20px;
}
.merit ul li {
  width: calc(50% - 15px);
  margin:30px 0 0;
}
.merit ul li:nth-child(odd) {
  margin-right:15px;
}
.merit ul li:nth-child(even) {
  margin-left:15px;
}
.merit h3 {
  font-size:20px;
}
.merit ul li p {
  font-size:16px;
}
.selected {
  padding:80px 20px;
}
.selected ul li .image {
  padding:0 15px 0 0;
}
.selected ul li .text {
  padding:0 0 0 15px;
}
.selected ul li .text h2 {
  font-size:22px;
  margin:25px 0 15px;
}
.selected ul li .text h2 span {
  font-size:16px;
}
.selected ul li .text p {
  font-size:16px;
}
.selected ul li .text p.chushaku, .selected ul li .text p.link {
  font-size:14px;
}
.selected ul li .text p.link svg {
  width:6px;
  height:10px;
}
.start {
  padding:80px 20px;
}
.start .title {
  padding:0 0 0 70px;
}
.start .title h1 {
  font-size:40px;
}
.start .title h2 {
  font-size:24px;
}
.start .title p {
  font-size:14px;
  margin-left:-70px;
}
.start .title .image img {
  width:60px;
}
.start .button a, .fix_banner .button a, .free .button a, .premium .button a {
  width:80%;
}
.start p.step {
  font-size:16px;
  max-width:80%;
}
.contentslist ul li {
  width: calc(33.33% - 20px);
}
.about_sec {
  padding:80px 20px;
}
.about_sec .twocol .text {
  padding:0 0 0 30px;
}
.about_sec .twocol .image img {
  padding:60px 20px;
}
.plan .twocol .text {
  padding:0 30px 0 0;
}

.function_detail .mcloudman .image {
  width:50%;
}
.function_detail h1, .function_detail h2, .free h1, .premium h1, .price h1, .scene_contents h1 {
  font-size:32px;
}
.function_detail h1 {
  line-height:70px;
  padding:11px 35px 0;
}
.function_detail h1 strong {
  font-size:46px;
}
.function_detail ul.function_list > li .textarea {
  padding:0 15px 0 0;
}
.function_detail ul.function_list > li .textarea h4 {
  font-size:28px;
}
.function_detail ul.function_list > li .textarea p, .function_detail ul.function_list > li .textarea ul li h5 {
  font-size:16px;
}
.function_detail ul.function_list > li .textarea ul li p {
  font-size:16px;
}
.function_detail ul.function_list > li .imagearea {
  padding:0 0 0 15px;
}
.function_detail ul.function_list > li .imagearea .image .imgtxt {
  border-top:solid 2px #00bc83;
}
.function_detail ul.function_list > li .textarea ul li {
  display:block;
}
.function_detail ul.function_list>li .textarea ul.personal li h5, .function_detail ul.function_list>li .textarea ul.set li h5,
.function_detail ul.function_list>li .textarea ul.group li h5 {
  text-align:left;
  min-width:inherit;
  margin:20px 0 10px;
}
.function_detail ul.function_list > li .textarea ul li h5 span {
  padding: 4px 15px 2px;
  display:inline-block;
}
.function_detail ul.function_list > li .textarea ul li h5 br {
  display:none;
}
.function_detail ul.function_list > li .textarea ul li p {
  padding-left:0;
}
.functionpage .funcsec p {
  font-size:26px;
}
.functionpage .funcsec ul li:nth-child(odd) {
  padding:0 15px 0 0;
}
.functionpage .funcsec ul li:nth-child(even) {
  padding:0 0 0 15px;
}
.functionpage .funcsec ul li h2 {
  font-size:20px;
}
.functionpage .funcsec ul li p {
  font-size:16px;
}

.aboutpage .merit {
  padding:70px 20px 80px;
}
.aboutmain p {
  font-size:18px;
}
.aboutmain p.time {
  font-size:14px;
}

.functionpage .funcsec ul li, .iotpage .funcsec ul li {
  margin:0 0 30px;
}
.iotpage .contentslist {
  padding:50px 20px 30px;
}
.contentslist ul li {
  width:calc(50% - 20px);
}
.iotpage .funcsec p {
  font-size: 26px;
}
.iotpage .funcsec ul li:nth-child(odd) {
  padding: 0 15px 0 0;
}
.iotpage .funcsec ul li:nth-child(even) {
  padding: 0 0 0 15px;
}
.iotpage .funcsec ul li h2 {
  font-size: 20px;
}
.iotpage .funcsec ul li p {
  font-size: 16px;
}
.function_detail ul.function_list>li .textarea h6 {
  font-size: 22px;
}
.function_detail ul.function_list>li .textarea ul.online li p strong {
  font-size: 16px;
}
.function_detail h1.custom svg {
  bottom: 100px;
}
.function_detail h1.cooperate01 {
  font-size: 30px;
}
.function_detail h1.cooperate01 strong {
  font-size: 35px;
}
.function_detail h1.cooperate02 strong {
  font-size: 29px;
}

.plan_table table thead th {
  font-size:26px;
}
.plan_table table tbody td h4 {
  font-size:50px;
}
.table_func ul {
  padding:0 15px 0 0;
}
.table_func.pre_plan ul {
  padding:0 0 0 15px;
}
.table_func ul li {
  font-size:14px;
  width:calc(33.33% - 10px);
  height:130px;
  margin:5px;
}
.table_func ul li svg {
  margin:0 auto 15px;
}
.table_func ul li.meeting svg, .table_func ul li.attends svg {
  width:41px;
  height:41px;
}
.table_func ul li.data svg, .table_func ul li.survey svg {
  width:40px;
  height:40px;
}
.table_func ul li.info svg, .table_func ul li.board svg {
  width:38px;
  height:38px;
}
.table_func ul li.calendar svg {
  width:40px;
  height:35px;
}
.table_func ul li.opinion svg {
  width:40px;
  height:37px;
}
.table_func ul li .icon {
  width:25px;
  height:25px;
  top:7px;
  right:7px;
}
.table_func ul li.plus svg {
  transform:scale(0.7);
}
.cost h3, .op_table table thead th {
  font-size:18px;
}
.twocol .cost {
  min-width:18em;
}
.twocol .cost_detail p, .twocol .cost_detail ul li,
.op_table table tbody th, .op_table table tbody td {
  font-size:16px;
}
.op_table table tbody td .chushaku {
  font-size:14px;
}
.twocol .cost_detail ul.chushaku li, .iot_op p.chushaku {
  font-size:13px;
}
.scene_contents p, .slide_wrap .slide li p {
  font-size:16px;
}
.slide_wrap .slide li .image {
  padding:0 15px 0 0;
}
.slide_wrap .slide li .text {
  padding:0 10px 0 15px;
}
.slick-dots li {
  margin:0 10px;
}
.slick-dots li button {
  font-size:20px;
}
.slick-dots li, .slick-dots li button {
  width:220px;
}

.intro_step ul li .num {
  margin: 0 auto;
}
.intro_step ul li .num img {
  height: 50px;
}
.intro_step ul li .tit {
  font-size: 22px;
  margin: 35px 0 0 0;
}
.intro_step ul li.li05 .tit {
  font-size: 30px;
}
.intro_step ul li.li01 svg {
  right: -14px;
  width: 16px;
  height: 55px;
}
.intro_step ul li.li03 svg {
  width: 35px;
  height: 130px;
  top: 24%;
  right: 29.6%;
}
.intro_step ul li p {
  margin: 13px 0 0 0;
}
.intro_step ul::after {
  top: 50%;
}

.iot_service {
  padding:70px 10px 80px;
}
.iot_service ul {
  margin-bottom:30px;
}
.iot_service ul li {
  width:calc(50% - 30px);
  margin:15px 15px 20px;
}
.iot_service ul li h2 {
  font-size:22px;
}
.plan {
  padding:80px 20px;
}
.plan .twocol .image img {
  width:480px;
}

.feature1, .feature2, .feature3 {
  padding:80px 20px;
}
.aboutpage .table_func ul li {
  font-size:13px;
  height:110px;
  width:calc(33.33% - 10px);
}
.video_about .caledar_box .border {
  padding: 15px;
}
.aboutpage .contentslist ul li h2, .caledar_box h3 {
  font-size:18px;
}
.aboutpage .contentslist ul li p {
  font-size: 14px;
}
.aboutpage .contentslist ul li {
  padding: 110px 10px 25px;
}
.caledar_box p.chushaku {
  font-size: 11px;
}
.video_about .caledar_box {
  padding: 0 40px 42px 0;
  background: url(/about/img/ico_plus.png) no-repeat right -2px center;
}

.fix_banner .button a {
  padding:15px 0 5px;
}

}

@media screen and (max-width:899px) {
.main_visual .button a {
  height:52px;
  padding:12px 0 0;
}
.main_visual .button a .sml {
  font-size:12px;
}
.main_visual .button a > span {
  padding:0 0 0 44px;
}
.main_visual .button a > span .icon {
  width:40px;
  top:4px;
}
.main_visual .button.grbtn a {
  padding:0 0 2px;
}
.main_visual .button.grbtn a > span {
  padding:0 0 0 25px;
}
.main_visual .button.grbtn a > span svg {
  width:25px;
}
.scene h2 {
  font-size:20px;
}
.scene h2 strong {
  font-size:28px;
}
.function ul li {
  height:120px;
}
.table_func ul {
  padding:0 5px 0 0;
}
.table_func.pre_plan ul {
  padding:0 0 0 5px;
}
.function_detail h1 {
  line-height:64px;
}
.function_detail h1 strong {
  font-size:40px;
}
.function_detail h1.cooperate01 {
  font-size: 23px;
}
.function_detail h1.cooperate01 strong, .function_detail h1.cooperate02 strong {
  font-size: 26px;
}
.function_detail h1.cooperate02 {
  font-size: 21px;
}

.intro_step ul li .num img {
  height: 42px;
}
.intro_step ul li .tit {
  font-size: 20px;
}
.intro_step ul li p {
  font-size: 13px;
}
.intro_step ul li.li01 svg {
  top: 21%;
  right: 65.8%;
}
.intro_step ul li.li03 svg {
  top: 21%;
  right: 30.6%;
}

.video_about {
  display:block;
}
.video_about .caledar_box {
  width:50%;
  padding:0 0 90px;
  background: url(/about/img/ico_plus.png) no-repeat center bottom;
  margin:40px auto 0;
}
.caledar_box p.chushaku {
  font-size:13px;
  width: 100%;
  bottom: 40px;
}
.aboutpage .contentslist ul {
  margin:15px 0 0;
}
.aboutpage .contentslist {
  width:100%;
}
.aboutpage .contentslist ul li {
  margin:15px 10px;
}


}

@media screen and (max-width:799px) {
.function ul li {
  height:110px;
}
.slick-dots li, .slick-dots li button {
  width:200px;
}

}

@media screen and (max-width:767px) {
.spnavi ul li.scene {
  background:transparent;
}
.main_visual .moviebox {
  max-width:none;
  margin: -20% 30px 0;
}
.main_visual .image.visible .device {
  animation:topIn .6s ease-in-out forwards;
}
.main_visual .image.visible .people {
  animation:topIn .6s ease-in-out .2s forwards;
}
.main_visual .text.visible .moviebox {
  animation:topIn .6s ease-in-out 1s forwards;
}
.main_visual .moviebox h4 {
  font-size:2.4vw;
  text-align:center;
}
.main_visual .image img.sp, .main_visual .image.sp {
  display:block;
}
.main_visual .image img.pc, .main_visual .image.pc {
  display:none;
}
.main_visual .inner {
  display:block;
  padding:0;
}
.main_visual .image, .main_visual .text {
  width:100%;
  margin-top:20px;
}
.main_visual .image img {
  right:0;
}
.main_visual .image .people {
  top:auto;
  bottom:25%;
  right:0;
}
.main_visual .text {
  text-align: center;
}
.main_visual .bg {
  width:200%;
  left:100%;
}
.main_visual .text h1 {
  width:68%;
  margin:0 auto;
}
.main_visual .text h2 {
  font-size:2.4vw;
  margin:0 15px 10px;
}
.main_visual .text h2 img {
  width:36%;
}
.main_visual .text h3,
.main_visual .text p {
  text-align:center;
  margin:0 15px;
}
.main_visual .text h3 {
  font-size:3.4vw;
}
.main_visual .text p {
  font-size:2.4vw;
}
.main_visual .button {
  width:100% !important;
  max-width:none;
  position:absolute;
  bottom:15.5%;
}
.main_visual .button.grbtn {
  margin-top:0;
  margin-bottom:10px;
  position:relative;
}
.main_visual .button a {
  font-size:4vw;
  height:auto;
  max-width:90%;
  margin:0 auto;
  padding:2.5% 0 1.5%;
}
.main_visual .button.grbtn a {
  padding:14px 0 8px;
}
.main_visual .button.grbtn a > span {
  padding:0 0 0 42px;
}
.main_visual .button.grbtn a > span svg {
  width:42px;
}
.main_visual .button a .sml {
  font-size:66%;
}
.main_visual .button a > span {
  padding:0 0 0 16%;
}
.main_visual .button a > span .icon {
  width:16%;
  top:6%;
}
.main_visual .bg .pc {display:none;}
.bread {
  margin:5px 0 20px;
}
.pagetitle {
  padding:10px 15px 50px;
  background:url(../img/sec_title_bg_sp.png) no-repeat center center;
  background-size: cover;
}
.titlearea h1 {
  font-size:36px;
}
.titlearea h2 span {
  padding:1px 24px 0;
}
.procedure h1 {
  text-align: center;
}
.procedure h1 .pickup img {
  margin:0 auto;
}
.procedure .twocol {
  display: block;
}
.procedure .twocol .flbox {
  width:100%;
  padding:0;
}
.procedure .twocol .flbox:nth-child(even) {
  padding:0;
  margin:6.66vw 0 0;
}
.procedure .image {
  margin:0 auto 20px;
}
.premium_plan {
  padding:50px 15px 10px;
}
.premium_plan h1 {
  font-size:32px;
}
.trouble {
  padding:40px 15px 60px;
  background:url(../../img/trouble_bg_sp.png) no-repeat center 0;
  background-size:cover;
}
.trouble h1, .solution h1 {
  font-size:28px;
}
.trouble h1 strong {
  font-size:36px;
}
.trouble ul li, .function_detail .mcloudman ul li {
  font-size:18px;
  padding:0 0 0 34px;
  margin:20px 0 0;
}
.trouble ul li svg, .function_detail .mcloudman ul li svg {
  width:26px;
  height:26px;
}
.solution {
  padding:100px 15px 50px;
}
.solution h1 strong {
  font-size:40px;
}
.solution .image {
  width:37%;
  top:-38px;
}
.function h1, .scene h1, .merit h1, .selected h1, .about_sec h1, .iot_service h1, .plan h1, .intro_step h1 {
  font-size:36px;
  padding:60px 0 0;
}
.function h1 svg, .scene h1 svg, .merit h1 svg, .selected h1 svg, .about_sec h1 svg, .iot_service h1 svg, .plan h1 svg, .intro_step h1 svg {
  width:52px;
}
.function {
  padding:80px 8px;
  background:url(../../img/function_bg_sp.png) no-repeat center 0;
  background-size:cover;
}
.function ul {
  padding:20px 0 30px;
}
.function ul li {
  font-size:16px;
  width: calc(25% - 14px);
  height:150px;
  margin:7px;
}
.function_detail ul.function_list > li.various07 {
  padding:25px 0 60px;
}
.function_detail .figure_con .figurebk {
  border:solid 10px #f3f3f3;
}
.function_detail .key02 .figure_con .figurebk {
  border:solid 10px #fff;
}
.scene {
  padding:70px 15px 65px;
}
.scene ul {
  margin:30px auto 0;
  display:block;
}
.scene ul li {
  width:100%;
  padding:0;
}
.scene ul li:nth-child(even) {
  padding:0;
}
.scene ul li .image {
  margin:0 -15px 30px;
}
.scene ul li .image img {
  margin:0 auto;
  display: block;
}
.scene .button a {
  width:450px;
  margin:0 auto;
}
.scene h2 {
  font-size:26px;
  letter-spacing:0.1em;
  text-align:center;
}
.scene h2 strong {
  font-size:40px;
}
.merit {
  padding:60px 15px;
  background:url(../../img/merit_bg_sp.png) no-repeat center 0;
  background-size:cover;
}
.merit h3 {
  text-align:left;
}
.merit ul {
  margin:30px 0 0;
  display:block;
}
.merit ul li, .merit ul li:nth-child(odd), .merit ul li:nth-child(even) {
  width:auto;
  margin:0 80px 50px;
}
.selected {
  padding:60px 15px;
}
.selected ul li {
  margin:40px 0 0;
  display:block;
}
.selected ul li:first-child {
  margin:30px 0 0;
}
.selected ul li .image, .selected ul li .text {
  width:100%;
  padding:0;
}
.selected ul li .text h2 {
  margin:20px 0 10px;
}
.selected ul li .text h2:first-child {
  margin-top:20px;
}
.selected ul li:nth-child(2) .text p.chushaku {
  margin:10px 0 0;
}
.start {
  padding:70px 15px;
  background:url(../img/start_bg_sp.png) no-repeat center 0;
  background-size:cover;
}
.start .button, .fix_banner .button, .functionpage .funcsec ul li .button, .free .button, .premium .button {
	height:auto;
}
.start .button a, .free .button a, .premium .button a {
  font-size:18px;
  padding:6px 0;
}
.start .button a .icon, .free .button a .icon, .premium .button a .icon {
  position:relative;
  top:2px;
}
.start .title {
  padding:0 0 0 56px;
}
.start .title h1 {
  font-size:32px;
  padding:8px 0;
}
.start .title h2 {
  font-size:19px;
}
.start .title p {
  font-size:12px;
  margin-left:-56px;
}
.start .title .image img {
  width:48px;
}
.start p.step {
  font-size:14px;
}
.contentslist {
  padding:40px 0 50px;
}
.contentslist p {
  text-align:left;
}
.functionpage .trouble {
  padding:50px 0 0;
}
.funcsec {
  padding:40px 5px 50px;
}
.contentslist p {
  font-size:18px;
  margin:0 15px;
}
.contentslist ul {
  padding:0 5px;
}
.contentslist ul li {
  width:calc(50% - 20px);
}
.function_detail .mcloudman {
  margin:10px auto 100px;
  display:block;
}
.function_detail .mcloudman .image {
  width:30%;
  margin:0 auto;
}
.function_detail .mcloudman .image img {
  display:block;
}
.function_detail .mcloudman .text {
  padding:0;
}
.function_detail .mcloudman ul {
  margin:-10px 0 0;
}
.function_detail h1 {
  top:-20px;
  text-align:center;
  font-size:26px;
  line-height:70px;
  padding:5px 10px 0;
}
.function_detail h1 strong {
  font-size:40px;
}
.function_detail h1 svg {
  display:none;
}
.function_detail h2, .free h1, .premium h1, .price h1, .scene_contents h1 {
  font-size:30px;
}
.function_detail p {
  font-size:18px;
}
.function_detail p.chushaku {
  font-size:15px;
}
.function_detail ul.function_list > li {
  padding:40px 0;
}
.function_detail ul.function_list > li .inner {
  display:block;
}
.function_detail ul.function_list > li .textarea, .function_detail ul.function_list > li .imagearea {
  width:100%;
  padding:0;
}
.function_detail ul.function_list > li .textarea h4 {
  font-size:26px;
}
.function_detail ul.function_list > li .imagearea {
  margin:20px 0 0;
}
.function_detail ul.function_list > li.facility03 .imagearea .image {
  max-width:577px;
  margin:0 auto;
}
.function_detail ul.function_list > li .imagearea .image .imgtxt {
  float:none;
  border-top:solid 3px #00bc83;
}
.function_detail .bg {
  top:-0.5%;
}
.function_detail h1.custom {
  border-radius: 40px;
  padding: 10px;
}
.function_detail h1.cooperate01 {
  font-size: 21px;
}
.function_detail h1.cooperate01 strong {
  font-size: 28px;
}
.various01 .imagearea .image .imgtxt, .various02 .imagearea .image .imgtxt, .various03 .imagearea .image .imgtxt,
.various04 .imagearea .image .imgtxt, .various05 .imagearea .image .imgtxt, .various06 .imagearea .image .imgtxt, .various07 .imagearea .image .imgtxt,
.facility01 .imagearea .image .imgtxt, .facility04 .imagearea .image .imgtxt, .facility05 .imagearea .image .imgtxt, .facility06 .imagearea .image .imgtxt,
.facility06 .imagearea .image .imgtxt, .facility07 .imagearea .image .imgtxt, .facility08 .imagearea .image .imgtxt, .facility09 .imagearea .image .imgtxt,
.facility10 .imagearea .image .imgtxt,
.calendar01 .imagearea .image .imgtxt,
.calendar02 .imagearea .image .imgtxt,
.disaster01 .imagearea .image:nth-child(1) .imgtxt,
.disaster01 .imagearea .image:nth-child(2) .imgtxt,
.disaster03 .imagearea .image .imgtxt,
.notice04 .imagearea .image:nth-child(1) .imgtxt,
.opinion03 .imagearea .image .imgtxt,
.resource01 .imagearea .image:nth-child(2) .imgtxt,
.resource02 .imagearea .image .imgtxt,
.resource04 .imagearea .image:nth-child(2) .imgtxt,
.setting03 .imagearea .image .imgtxt {
  width: auto;
}
.functionpage .funcsec p {
  font-size:22px;
  margin:0 0 30px;
}
.functionpage .funcsec .inner {
  padding:15px 15px 35px;
}
.functionpage .funcsec ul li:nth-child(odd) {
  padding:0 10px 0 0;
}
.functionpage .funcsec ul li:nth-child(even) {
  padding:0 0 0 10px;
}

.aboutpage .merit {
  padding:60px 15px 10px;
}
.aboutpage .merit h1 {
  line-height:1.3;
  margin-bottom:40px;
}
.aboutmain {
  padding:50px 15px;
}
.aboutmain .image {
  margin:0 0 50px;
}
.aboutmain .image img.pc {display:none;}
.aboutmain .image img {
  max-width:590px;
  margin:0 auto;
}
.aboutmain p {
  text-align:left;
}
.anchorcontents {
  padding:40px 0 0;
}
.anchorcontents p {
  font-size:18px;
  text-align:left;
  margin:0 15px 30px;
}
.anchor {
  padding:15px 12px 5px;
}
.anchor ul li {
  font-size:15px;
  margin:0 3px 10px;
}
.anchor ul li a {
  width:220px;
}
.anchor ul li a span {
  padding:5px 0 3px 18px;
}
.pricepage .anchor ul {
  text-align:left;
}
.pricepage .anchor ul li {
  margin:0 1px 10px;
}
.pricepage .anchor ul li a {
  padding:0 10px;
}
.free, .premium {
  padding:60px 15px;
}
.free h2, .premium h2, .price h2 {
  font-size:22px;
  text-align:left;
  margin:40px 0;
}
.free ul li, .premium ul li {
  padding:80px 15px 40px;
  margin:0 0 60px;
}
.free .button, .premium .button {
  margin:30px 0 0;
}
.free ul li h4, .premium ul li h4 {
  font-size:24px;
}
.free ul li p, .premium ul li p {
  font-size:18px;
}
.free ul li p.chushaku, .premium ul li p.chushaku {
  font-size:14px;
}
.free ul li .twocol, .premium ul li .twocol {
  display:block;
}
.free ul li .twocol .image, .premium ul li .twocol .image {
  width:100%;
  padding:0;
  text-align:center !important;
}
.free ul li .image img, .premium ul li .image img {
  margin:0 auto;
  display:block;
}

.price {
  padding:40px 15px 60px;
}
.plan_table {
  margin:0 -15px;
}
.plan_table table tbody th, .plan_table table tbody td {
  padding:10px;
}
.plan_table table tbody td.table_func {
  padding:10px 5px;
}
.plan_table table thead th {
  font-size:22px;
}
.plan_table table tbody td h4 {
  font-size:44px;
}
.plan_table table tbody th.midashi h3 {
  font-size:18px;
}
.plan_table table tbody td p, .plan_table table tbody td h5 {
  font-size:16px;
}
.plan_table table tbody td p.chushaku {
  font-size:13px;
}
.plan_table table tbody td h5.symbol {
  font-size:26px;
}
.plan_table table tbody td p.link {
  font-size:14px;
}
.table_func ul li.calendar svg {
  top:6px;
}
.table_func ul, .table_func.pre_plan ul {
  padding:0;
}
.table_func ul li {
  font-size:12px;
  height:105px;
}
.table_func ul li svg {
  margin:0 auto 10px;
}
.table_func ul li.meeting svg, .table_func ul li.attends svg {
  width:31px;
  height:31px;
}
.table_func ul li.data svg, .table_func ul li.survey svg {
  width:30px;
  height:30px;
}
.table_func ul li.info svg, .table_func ul li.board svg {
  width:28px;
  height:28px;
}
.table_func ul li.calendar svg {
  width:30px;
  height:27px;
}
.table_func ul li.opinion svg {
  width:30px;
  height:28px;
}
.table_func ul li.plus svg {
  transform:scale(0.7);
}
.cost h3, .op_table table thead th {
  font-size:16px;
}
.twocol .cost_detail p, .twocol .cost_detail ul li,
.op_table table tbody th, .op_table table tbody td {
  font-size:14px;
}
.op_table table tbody td .chushaku {
  font-size:12px;
}
.op_table table tbody th, .op_table table tbody td {
  height:auto;
}
.twocol .cost_detail ul.chushaku li, .iot_op p.chushaku {
  font-size:12px;
}
.facility_op .twocol, .twocol .cost, .twocol .cost_detail, .disaster_op .twocol, .various_op .twocol {
  display:block;
}

.twocol .cost {
  padding:10px;
}
.twocol .cost_detail, .disaster_op .twocol .cost_detail, .various_op .twocol .cost_detail {
  padding:20px 10px 10px;
  border-left:0;
}

.iotpage .funcsec p {
  font-size: 22px;
  margin: 0 0 30px;
}
.iotpage .funcsec .inner {
  padding: 15px 15px 35px;
}
.iotpage .funcsec ul li:nth-child(odd) {
  padding: 0 10px 0 0;
}
.iotpage .funcsec ul li:nth-child(even) {
  padding: 0 0 0 10px;
}
.iotpage .contentslist {
  padding:50px 10px 30px;
}
.functionpage .funcsec ul li, .iotpage .funcsec ul li {
  margin:0 0 20px;
}

.scene_contents {
  padding:40px 15px;
}
.slide_wrap {
  margin:25px 0 0;
  padding:40px 0 0;
}
.slick-dots li {
  height:40px;
}
.slide_wrap .slide li {
  padding:15px 30px 30px;
}
.slide_wrap .slide li .twocol {
  display:block;
}
.slide_wrap .slide li .image, .slide_wrap .slide li .text {
  width:100%;
  padding:0;
}
.slick-dots {
  top:-41px;
}
.slick-dots li {
  margin:0 5px;
}
.slick-dots li button {
  font-size:18px;
  height:40px;
}
.slick-dots li, .slick-dots li button {
  width:180px;
}
.slick-prev, .slick-next {
  width:30px;
  height:30px;
}
.slick-prev, [dir='rtl'] .slick-next {
  right:auto;
  left:20px;
}
.slick-next, [dir='rtl'] .slick-prev {
  left: auto;
  right:20px;
}

.figure_con {
	margin:0 0 80px;
}
.function_detail .figure_con {
	margin:60px 0 80px;
}
.figure_con h3 {
	font-size:20px;
}
.figure_con ul li, .figure_con p {
	font-size:16px;
}
.figure_con p.chushaku {
	font-size:15px;
}
.function_detail .figure_con .image {
  margin-bottom:20px;
}

.error {
  padding:50px 15px 80px;
}
.error h1 {
  font-size:36px;
}
.error h2 {
  font-size:20px;
  margin:0 0 30px;
}
.error p {
  margin:0 0 40px;
}

.bnr_pre a .pc {
  display:none;
}
.bnr_pre a .sp {
  display:block;
}

.intro_step {
  padding:50px 15px 60px;
}
.intro_step ul {
  margin:30px auto 40px;
}
.intro_step ul li.li01 svg {
  top: 26%;
  right: 65.8%;
  width: 25px;
  height: 100px;
}
.intro_step ul li.li03 svg {
  top: 26%;
  right: 31%;
  width: 25px;
  height: 100px;
}
.intro_step ul li.li02, .intro_step ul li.li04 {
  width: 3.73%;
}
.intro_step ul li.li02 svg.sp .st0, .intro_step ul li.li04 svg.sp .st0 {
  fill: none;
  stroke: #00BC83;
  stroke-miterlimit: 10;
}
.intro_step ul li.li01, .intro_step ul li.li03, .intro_step ul li.li05 {
  width: 30.84%;
}
.intro_step ul li .tit {
  margin: 30px 0 0 0;
}
.intro_step ul li.li01 svg {
  top: 26%;
}
.intro_step ul li.li03 svg {
  top: 26%;
}

.about_sec {
  padding:60px 15px 50px;
}
.about_sec .twocol {
  display:block;
}
.about_sec .twocol, .plan .twocol {
  margin:30px auto;
}
.about_sec .twocol .text, .plan .twocol .text {
  padding:0;
}
.about_sec .twocol .image img {
  margin:0 auto 30px;
}
.about_sec .button a {
  margin:0 auto;
}

.plan {
  padding:60px 20px 40px;
}
.plan .twocol {
  flex-direction:column-reverse;
}
.plan .twocol .image {
  padding:0 0 30px;
}
.plan .twocol .image img {
  width:auto;
  margin:0 auto;
}
.aboutpage section h1 {
  font-size:30px;
}
.aboutpage .contentslist ul li h2 {
  margin:25px 0 0;
}
.aboutpage .table_func ul li {
  height:100px;
}
.aboutpage .plan_table table tbody td.table_func {
  padding:20px 5px;
}
.aboutpage .contentslist ul li {
  padding: 100px 10px 15px;
}

.fix_banner {
  padding: 10px 40px 10px 15px;
}
.fix_banner .button a {
  font-size:2.1vw;
  padding:15px 10px 5px;
  box-sizing:border-box;
}
.wrapper .fix_banner .button {
  width:calc(55% - 5px);
}
.wrapper .fix_banner .contactbtn {
  width:calc(45% - 5px);
}
.wrapper .fix_banner .button a > span {
  padding:0 0 0 16%;
}
.wrapper .fix_banner .contactbtn a > span {
  padding-left:15%;
}

.twocol .cost_detail p.op .pctxt {
  display:none;
}
.twocol .cost_detail p.op .sptxt {
  display:inline;
}

}

@media screen and (max-width:699px) {
.function ul li {
  height:140px;
}
.fix_banner {
  padding:5px 40px;
}
.fix_banner .button a {
  font-size:2.6vw;
}
.wrapper .fix_banner .twocol {
  display:block;
}
.wrapper .fix_banner .button,
.wrapper .fix_banner .contactbtn {
  width:100%;
  max-width:560px;
}
.wrapper .fix_banner .contactbtn {
  margin:5px 0 0;
}
.wrapper .fix_banner .button a > span {
  padding:0 0 0 11.5%;
}
.wrapper .fix_banner .contactbtn a > span {
  padding-left:9%;
}

}

@media screen and (max-width:639px) {
.main_visual .button a {
  padding:2.5% 0 0;
}
.main_visual .button.grbtn {
  margin-bottom:5px;
}
.bread li {
  font-size:12px;
}
.premium_plan h1 {
  font-size:26px;
}
.trouble h1, .solution h1 {
  font-size:22px;
}
.trouble h1 strong {
  font-size:30px;
}
.trouble .image {
  margin:10px -10px 0;
}
.trouble p {
  font-size:16px;
}
.solution {
  padding:80px 15px 40px;
}
.solution h1 strong {
  font-size:36px;
}
.function p, .scene p, .merit p, .selected p, .about_sec p, .plan .twocol .text p {
  font-size:16px;
}
.function p {
  padding:0 5px;
}
.function {
  padding:60px 10px;
}
.function ul {
  padding:20px 0;
}
.function ul li {
  font-size:16px;
  width: calc(33.33% - 10px);
  height:160px;
  margin:5px;
}
.function .button a, .scene .button a, .merit .button a, .error .button a, .about_sec .button a, .iot_service .button a, .plan .button a, .intro_step .button a, .aboutpage .feature .button a {
  font-size:22px;
  width:400px;
}
.scene h2 {
  font-size:22px;
}
.scene h2 strong {
  font-size:32px;
}
.merit h2 img {
  width:60px;
}
.merit ul li, .merit ul li:nth-child(odd), .merit ul li:nth-child(even) {
  width:auto;
  margin:0 60px 40px;
  padding:15px;
}
.merit ul li:nth-child(1) .image, .merit ul li:nth-child(2) .image {
  padding:30px 0 0;
}
.merit ul li:nth-child(3) .image, .merit ul li:nth-child(4) .image {
  padding:35px 0 0;
}
.merit ul li:nth-child(1) .image img {
  width:196px;
}
.merit ul li:nth-child(2) .image img {
  width:98px;
}
.merit ul li:nth-child(3) .image img {
  width:177px;
}
.merit ul li:nth-child(4) .image img {
  width:92px;
}
.merit h3 {
  font-size:16px;
}
.merit ul li p {
  font-size:14px;
}
.start {
  padding:60px 15px;
}
.start .title {
  padding:0 0 0 40px;
}
.start .title h1 {
  font-size:26px;
  padding:5px 0;
}
.start .title h2 {
  font-size:16px;
}
.start .title p {
  font-size:10px;
  margin-left:-40px;
}
.start .title .image img {
  width:36px;
}
.start .button a, .free .button a, .premium .button a {
  font-size:16px;
  padding:0;
  border-bottom: solid 3px #de721b;
}
.start .button a .icon, .free .button a .icon, .premium .button a .icon {
  width:46px;
  top:50%;
  transform:translateY(-50%);
}
.start .button a .text, .free .button a .text, .premium .button a .text {
  top:0;
}

.functionpage .trouble {
  padding:40px 0 0;
}
.function_detail .inner {
  padding:0 15px;
}
.function_detail h1 {
  font-size:20px;
  line-height:50px;
  padding:10px 10px 0;
}
.function_detail h1 strong {
  font-size:32px;
}
.functionpage .funcsec p {
  font-size:20px;
  margin:0 0 30px;
}
.functionpage .funcsec ul {
  display:block;
}
.functionpage .funcsec ul li:nth-child(odd), .functionpage .funcsec ul li:nth-child(even) {
  width:100%;
  padding:0;
  margin:30px 0 0;
}
.function_detail ul.function_list > li .textarea h4 {
  font-size:24px;
}
.function_detail ul.function_list > li .textarea ul.method li h5 {
  min-width:48px;
}
.function_detail h1.custom strong {
  font-size: 28px;
}
.function_detail h1.custom {
  font-size: 22px;
  line-height: 35px;
}
.function_detail h1.cooperate01 {
  font-size: 20px;
}
.function_detail h1.cooperate01 strong {
  font-size: 21px;
}
.function_detail h1.cooperate02 strong {
  font-size: 23px;
}

.aboutpage .merit {
  padding:60px 15px 20px;
}
.aboutmain .image img {
  max-width:100%;
}

.iotpage .contentslist {
  padding:40px 10px;
}
.iotpage .funcsec p {
  font-size: 20px;
  margin: 0 0 30px;
}
.iotpage .funcsec ul {
  display: block;
}
.iotpage .funcsec ul li:nth-child(odd),
.iotpage .funcsec ul li:nth-child(even) {
  width: 100%;
  padding: 0;
  margin: 30px 0 0;
}
.anchorcontents p {
  font-size:16px;
}

.plan_table table thead th {
  font-size:20px;
  padding:6px;
}
.plan_table table tbody td h4 {
  font-size:40px;
}
.plan_table table tbody th.midashi h3 {
  font-size:16px;
}
.plan_table table tbody td p, .plan_table table tbody td h5 {
  font-size:14px;
}
.plan_table table tbody td p.chushaku {
  font-size:12px;
}
.plan_table table tbody td h5.symbol {
  font-size:22px;
}
.plan_table table tbody td p.link {
  font-size:13px;
  margin:5px 0 0;
}
.plan_table table tbody td p.link svg {
  width:6px;
  height:10px;
}
.table_func ul li {
  font-size:8px;
  height:75px;
}
.table_func ul li.meeting svg, .table_func ul li.attends svg {
  width:21px;
  height:21px;
}
.table_func ul li.data svg, .table_func ul li.survey svg {
  width:20px;
  height:20px;
}
.table_func ul li.info svg, .table_func ul li.board svg {
  width:19px;
  height:19px;
}
.table_func ul li.calendar svg {
  width:20px;
  height:17px;
}
.table_func ul li.opinion svg {
  width:20px;
  height:18px;
}
.table_func ul li .icon {
  width:13px;
  height:13px;
  top:5px;
  right:5px;
}
.table_func ul li.plus svg {
  transform:scale(0.6);
}
.table_scroll {
  position:relative;
}
.op_table {
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  box-sizing:border-box;
}
.op_table .arrow {
  width:38px;
  height:54px;
  display:block;
  position:absolute;
  top:50%;
  right:10px;
  opacity:1;
  transform:translateY(-50%);
  transition:opacity ease .5s;
}
.op_table.hide .arrow {
  opacity:0;
}
.op_table .arrow img {
  display:block;
}
.op_table table {
  min-width:800px;
}
.iotpage .funcsec ul li .image {
  height:auto;
  padding:15px 0 0;
  margin:0;
}

.slide_wrap {
  margin:20px 0 0;
  padding:30px 0 0;
}
.slick-dots li {
  height:30px;
}
.slide_wrap .slide li {
  padding:15px 20px 20px;
}
.slick-dots {
  top:-31px;
}
.slick-dots li {
  margin:0 3px;
}
.slick-dots li button {
  font-size:16px;
  height:30px;
  padding:5px 0;
}
.slick-dots li, .slick-dots li button {
  width:160px;
}
.slick-prev, .slick-next {
  width:24px;
  height:24px;
}
.slick-prev, [dir='rtl'] .slick-next {
  left:0px;
}
.slick-next, [dir='rtl'] .slick-prev {
  right:0px;
}

.figure_con .image {
  margin:20px 0 30px;
}

.error {
  padding:40px 15px 60px;
}
.error h1 {
  font-size:32px;
}
.error h2 {
  font-size:18px;
}
.error p {
  font-size:14px;
  margin:0 0 30px;
}

.intro_step ul li .num img {
  height: 35px;
}
.intro_step ul li .tit {
  margin: 15px 0 0 0;
  font-size: 15px;
}
.intro_step ul li p {
  font-size: 11px;
  margin: 10px 0 0 0;
}
.intro_step ul li.li05 .tit {
  font-size: 22px;
  margin: 24px 0 0 0;
}
.intro_step ul li.li01 svg {
  top: 26%;
}
.intro_step ul li.li03 svg {
  top: 26%;
  right: 31.5%;
}
.intro_step p strong {
  font-size:22px;
}

.iot_service {
  padding:60px 5px;
}
.iot_service ul {
  margin-bottom:20px;
}
.iot_service ul li {
  width:calc(50% - 20px);
  margin:10px;
}
.iot_service ul li h2 {
  font-size:18px;
}

.feature1, .feature2, .feature3 {
  padding:60px 15px;
}
.aboutpage section h2 {
  font-size:22px;
}
.aboutpage section h2 .num {
  font-size:26px;
}
.feature1 p, .feature2 p, .feature3 p {
  font-size:16px;
}
.aboutpage .table_func ul li {
  width:calc(50% - 20px);
  margin:10px;
}
.aboutpage .plan_table {
  margin:30px auto;
}
.feature3 .image {
  margin:25px 0 30px;
}
.aboutpage .contentslist ul {
  justify-content:center;
}
.aboutpage .contentslist ul li {
  width:calc(50% - 20px);
  margin:10px;
}
.caledar_box p.chushaku {
  margin:10px 0 0;
  position:relative;
  bottom:0;
}
.video_about .caledar_box {
  padding:0 0 50px;
}

.procedure h1 {
  font-size:4.2vw;
}
.procedure .image {
  width:65.2%;
  min-width:inherit;
  max-width:449px;
}

}

@media screen and (max-width:559px) {
.main_visual .button {
  bottom:17%;
}
.main_visual .button.grbtn {
  margin-bottom:0;
}
.main_visual .button.grbtn a {
  padding:10px 0 4px;
}
.main_visual .button.grbtn a > span {
  padding:0 0 0 36px;
}
.main_visual .button.grbtn a > span svg {
  width:36px;
}
.main_visual .image .people {
  bottom:14%;
}
.function ul li {
  height:150px;
}
.contentslist p {
  font-size:16px;
}
.contentslist ul li {
  width:calc(100% - 20px);
}
.contentslist ul li.calendar h2 {
  top:0;
}
.contentslist ul li.calendar p {
  margin-top:0;
}
.function_detail h2, .free h1, .premium h1, .price h1, .scene_contents h1 {
  font-size:26px;
  padding:0 0 10px 36px;
}
.function_detail h2 svg, .free h1 svg, .premium h1 svg, .price h1 svg, .scene_contents h1 svg {
  left:0;
  transform:translateY(-10%) scale(0.6);
}
.function_detail p {
  font-size:16px;
}
.function_detail p.chushaku {
  font-size:14px;
}
.function_detail ul.function_list > li .textarea ul {
  margin:15px 0 0;
}
.function_detail ul.function_list > li .textarea ul li {
  margin:10px 0 0;
}
.function_detail ul.function_list > li .imagearea .image .imgtxt {
  border-top:solid 2px #00bc83;
}
.function_detail ul.function_list > li .textarea p, .function_detail ul.function_list > li .textarea ul li h5,
.function_detail ul.function_list > li .textarea ul li p {
  font-size:14px;
}
.function_detail .mcloudman {
  margin: 10px auto 80px;
}
.function_detail p a.linktxt {
  padding:0 0 0 11px;
  background:url(../img/ico_ft_list_link.png) no-repeat 0 6px;
  background-size:5px auto;
}

.aboutmain {
  padding:40px 0;
}
.aboutmain .image {
  margin:0 0 40px;
}
.aboutmain p {
  font-size:16px;
  padding:0 15px;
}
.aboutmain p.time {
  margin:15px 0 0;
}

.table_func ul li {
  width:calc(50% - 10px);
}
.table_func ul li.plus.three {display:none;}
.table_func ul li.plus.two, .aboutpage .table_func ul li.plus.three {display:block;}
.slick-dots li, .slick-dots li button {
  width:130px;
}
.slick-dots li button {
  font-size:14px;
}

.figure_con h3 {
	font-size:18px;
}
.figure_con ul li, .figure_con p {
	font-size:14px;
}
.figure_con p.chushaku {
	font-size:12px;
}

.intro_step ul li p {
  font-size: 10px;
  margin: 5px 0 0 0;
}
.intro_step ul li .num img {
  height: 30px;
}
.intro_step ul li .tit {
  font-size: 13px;
}
.intro_step ul li.li01 svg {
  top: 36%;
  width: 10px;
  height: 40px;
}
.intro_step ul li.li03 svg {
  top: 36%;
  width: 10px;
  height: 40px;
}
.intro_step ul li.li05 .tit {
  font-size: 19px;
  margin: 22px 0 0 0;
}

.main_visual .bg {
  width:128%;
  left:39%;
}
.main_visual .text h2 {
  font-size:2.8vw;
  padding: 10px 12px 8px;
}
.main_visual .text h3 {
  font-size:3.8vw;
}
.main_visual .text p,
.main_visual .moviebox h4 {
  font-size:2.8vw;
}
.main_visual .moviebox {
  margin:-20% 20px 0;
}
.main_visual .image .people {
  bottom:27%;
}

.procedure h1 .pickup img {
  width:16%;
}
.procedure .text p {
  font-size:16px;
}
.procedure .text .button {
  height:50px;
}
.procedure .text .button a {
  font-size:16px;
  height:30px;
  line-height:30px;
}
.procedure .text .button a svg {
  width:6px;
  height:12px;
}

}

@media screen and (max-width:479px) {
.main_visual .button {
  bottom:17.5%;
}
.main_visual .button a {
  height:54px;
  padding:2.5% 0 0;
}
.main_visual .button a > span {
  padding: 0 0 0 15%;
}
.main_visual .button a > span .icon {
  width:15%;
  top:12%;
}
.main_visual .button.grbtn a {
  padding:6px 0 0;
}
.main_visual .button.grbtn a > span {
  padding:0 0 0 30px;
}
.main_visual .button.grbtn a > span svg {
  width:30px;
}
.titlearea h1 {
  font-size:30px;
}
.titlearea h2 {
  font-size:14px;
}
.titlearea svg {
  width:50px;
}
.bread {
  margin:5px 0 15px;
}
.button a::after {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  top:3px;
  left:3px;
}
.premium_plan h1 {
  font-size:22px;
  margin:0 0 20px;
}
.trouble {
  padding:30px 15px 50px;
}
.trouble h1, .solution h1 {
  font-size:19px;
  letter-spacing:0.05em;
}
.trouble h1 strong {
  font-size:24px;
}
.trouble p {
  font-size:13px;
}
.trouble ul li, .function_detail .mcloudman ul li {
  font-size:16px;
  padding:0 0 0 24px;
}
.trouble ul li svg, .function_detail .mcloudman ul li svg {
  width:19px;
  height:19px;
  top:0;
}
.solution {
  padding:40px 15px 35px;
}
.solution h1 {
  letter-spacing:0.1em;
}
.solution h1 strong {
  font-size:30px;
}
.function {
  padding:50px 10px;
}
.function h1, .scene h1, .merit h1, .selected h1, .about_sec h1, .iot_service h1, .plan h1, .intro_step h1 {
  font-size:26px;
  padding:44px 0 0;
}
.function h1 svg, .scene h1 svg, .merit h1 svg, .selected h1 svg, .about_sec h1 svg, .iot_service h1 svg, .plan h1 svg, .intro_step h1 svg {
  width:36px;
}
.function p, .scene p, .merit p, .selected p, .about p, .iot_service p, .plan p, .about_sec p, .plan .twocol .text p {
  font-size:14px;
}
.function .button a, .scene .button a, .merit .button a, .error .button a, .about_sec .button a, .iot_service .button a, .plan .button a, .intro_step .button a, .aboutpage .feature .button a {
  font-size:15px;
  width:270px;
  padding:0;
  border-bottom: solid 3px #01a573;
}
.function .button a svg, .scene .button a svg, .merit .button a svg, .error .button a svg, .about_sec .button a svg, .iot_service .button a svg,
.plan .button a svg, .intro_step .button a svg, .aboutpage .feature .button a svg {
  width:6px;
  height:11px;
  left:12px;
}
.function ul li {
  font-size:13px;
  height:130px;
}
.function ul li svg {
  margin-bottom:12px;
  top:26px;
}
.function ul li.meeting svg, .function ul li.attends svg {
  width:32px;
  height:32px;
}
.function ul li.data svg, .function ul li.reserv svg, .function ul li.survey svg {
  width:31px;
  height:31px;
}
.function ul li.info svg, .function ul li.board svg {
  width:29px;
  height:29px;
}
.function ul li.calendar svg {
  width:31px;
  height:27px;
}
.function ul li.disaster svg {
  width:25px;
  height:29px;
}
.function ul li.opinion svg {
  width:31px;
  height:29px;
}
.function ul li.various svg {
  width:30px;
  height:30px;
}
.function ul li.config svg {
  width:32px;
  height:34px;
}
.function ul li.payment svg {
  width:30px;
  height:42px;
}
.function .icon {
  width:20px;
  height:20px;
  top:5px;
  right:5px;
}
.function_detail ul.function_list > li.various07 {
  padding:20px 0 50px;
}
.scene {
  padding:50px 15px;
}
.scene h2 {
  font-size:20px;
}
.scene h2 strong {
  font-size:26px;
}
.merit {
  padding:50px 15px;
}
.merit h2 img {
  width:43px;
}
.merit ul {
  margin:25px 0 0;
}
.merit ul li, .merit ul li:nth-child(odd), .merit ul li:nth-child(even) {
  margin:0 25px 30px;
}
.merit ul li:nth-child(1) .image, .merit ul li:nth-child(2) .image {
  padding:20px 0 0;
}
.merit ul li:nth-child(3) .image, .merit ul li:nth-child(4) .image {
  padding:25px 0 0;
}
.merit ul li:nth-child(1) .image img {
  width:140px;
}
.merit ul li:nth-child(2) .image img {
  width:70px;
}
.merit ul li:nth-child(3) .image img {
  width:127px;
}
.merit ul li:nth-child(4) .image img {
  width:66px;
}
.merit h3 {
  font-size:13px;
}
.merit ul li p {
  font-size:12px;
}
.merit ul li, .merit ul li:nth-child(odd), .merit ul li:nth-child(even) {
  padding:10px;
}
.selected {
  padding:50px 15px;
}
.selected ul li:first-child {
  margin:25px 0 0;
}
.selected ul li .text h2 {
  font-size:16px;
}
.selected ul li .text h2 span {
  font-size:12px;
}
.selected ul li:nth-child(2) .text p.chushaku {
  margin:10px 0 0;
}
.selected ul li .text p, .selected ul li .text p.chushaku, .selected ul li .text p.link {
  font-size:12px;
}
.start {
  padding:50px 15px;
}
.start .title h1 {
  font-size:24px;
  padding:3px 0;
  letter-spacing:0.03em;
}
.start .title h2 {
  font-size:14px;
  letter-spacing:0.03em;
  margin:0 0 10px;
}
.start .button {
  margin:15px 0 0;
}
.start .button a, .free .button a, .premium .button a {
  width:100%;
  font-size:14px;
  height:40px;
  line-height:40px;
}
.start .button a .icon, .free .button a .icon, .premium .button a .icon {
  width:35px;
}
.start p.step {
  font-size:13px;
  max-width:none;
}
.function_detail h1 {
  line-height:40px;
  padding:5px 10px 0;
}
.function_detail h1 strong {
  font-size:26px;
}
.function_detail ul.function_list > li .imagearea .image + .image {
  margin-top:20px;
}
.function_detail h1.custom {
  font-size: 18px;
  line-height: 30px;
}
.function_detail h1.custom strong {
  font-size: 24px;
}
.function_detail h1.cooperate02 {
  font-size: 14px;
}
.function_detail h1.cooperate02 strong {
  font-size: 20px;
}
.functionpage .trouble h1, .iotpage .trouble h1,
.functionpage .funcsec p, .iotpage .funcsec p {
  font-size:18px;
}
.functionpage .funcsec p br, .iotpage .funcsec p br {
  display:none;
}

.aboutpage .merit {
  padding:50px 15px 20px;
}
.aboutpage .merit h1 {
  margin-bottom:30px;
}

.anchorcontents {
  padding:30px 0 0;
}
.anchorcontents p {
  font-size:14px;
}

.free, .premium {
  padding:50px 15px;
}
.free h1, .premium h1, .price h1, .scene_contents h1 {
  font-size:22px;
}
.free h2, .premium h2, .price h2 {
  font-size:18px;
  margin:30px 0 35px;
}
.free h2 br, .premium h2 br {
  display:inline;
}
.free h3 img, .premium h3 img {
  width:64px;
  height:auto;
}
.free ul li h4, .premium ul li h4 {
  font-size:20px;
}
.free ul li p, .premium ul li p {
  font-size:16px;
}
.free ul li p.chushaku, .premium ul li p.chushaku {
  font-size:12px;
}
.free ul li, .premium ul li {
  padding:60px 15px 30px;
}
.free .button, .premium .button {
  margin:20px 0 0;
}

.price {
  padding:30px 15px 50px;
}
.plan_table table thead th {
  font-size:18px;
}
.plan_table table tbody td h4 {
  font-size:34px;
}
.plan_table table tbody th.midashi h3 {
  font-size:14px;
}
.plan_table table tbody td p, .plan_table table tbody td h5 {
  font-size:13px;
}
.plan_table table tbody td p.chushaku {
  font-size:11px;
}
.plan_table table tbody td h5.symbol {
  font-size:20px;
}
.plan_table table tbody td p.link {
  font-size:12px;
}
.op_table {
  padding:0;
}
.op_table .arrow {
  width:26px;
  height:37px;
}

.scene_contents {
  padding:30px 15px;
}
.slick-dots li, .slick-dots li button {
  width:auto;
}
.slick-dots li {
  border-radius:5px 5px 0 0;
}
.slide_wrap .slide li {
  padding:10px 20px 20px;
}
.slick-dots li button {
  font-size:12px;
  padding:0 15px;
}
.scene_contents p, .slide_wrap .slide li p {
  font-size:14px;
}
.slide_wrap .slide li p {
  margin-bottom:20px;
}
.scene_contents .twocol .button a {
  font-size:16px;
}
.slide_wrap .slide .slick-dots li.slick-active::after {
  width:16px;
  height:8px;
  bottom:-8px;
}

.error {
  padding:40px 15px;
}
.error h1 {
  font-size:30px;
  margin:0 0 15px;
}
.error h2 {
  font-size:16px;
  margin:0 0 20px;
  letter-spacing:0.05em;
}
.error p {
  margin:0 0 30px;
  letter-spacing:0.05em;
}

.intro_step ul li .num img {
  height: 22px;
}
.intro_step ul li .tit {
  font-size: 11px;
  margin: 10px 0 0 0;
}
.intro_step ul li.li01 svg {
  top: 32%;
}
.intro_step ul li.li03 svg {
  top: 32%;
}

.iot_service ul li h2 {
  font-size: 14px;
}

.aboutpage .table_func ul li {
  font-size:11px;
  width:calc(50% - 10px);
  height:86px;
  margin:5px;
}
.feature1 p.option {
  font-size:12px;
}

.feature1, .feature2, .feature3 {
  padding:50px 15px;
}
.aboutpage section h1 {
  font-size:22px;
}
.aboutpage section h1 br {
  display: none;
}
.aboutpage section h2 {
  font-size:18px;
}
.aboutpage section h2 .num {
  font-size:22px;
}
.feature1 p, .feature2 p, .feature3 p {
  font-size:14px;
}
.video_about .caledar_box {
  width:100%;
}
.aboutpage .contentslist ul li {
  width:calc(100% - 30px);
    margin:15px;
}

.fix_close {
  width:20px;
  height:20px;
  right:-30px;
}
.fix_close svg {
  width:10px;
  position: absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
}
.fix_banner {
  padding:5px 30px 5px 15px;
}
.fix_banner .button a {
  font-size:3.8vw;
}
.wrapper .fix_banner .button a > span {
  padding:0 0 0 13.5%;
}
.wrapper .fix_banner .contactbtn a > span {
  padding-left:11%;
}
.fix_banner .button a .icon {
  width:13.5%;
}
.wrapper .fix_banner .button a > span .icon {
  top:37%;
}
.wrapper .fix_banner .contactbtn a > span .icon {
  width: 11%;
}

.main_visual .moviebox {
  margin:-20% 15px 0;
}

.procedure h1 {
  font-size:4.4vw;
  margin:0 0 20px;
}
.procedure h1 .pickup img {
  width:20%;
}
.procedure .image {
  width:80%;
}
.procedure .text p {
  font-size:13px;
}
.procedure .text .button a {
  font-size:14px;
  width:240px;
}

}

@media screen and (max-width:419px) {
.main_visual .button {
  padding:0 15px;
}
.main_visual .button a {
  font-size:4.4vw;
  height:52px;
  max-width:100%;
  padding:3% 0 2px;
}
.main_visual .button.grbtn {
  margin-top:10px;
}
.main_visual .button.grbtn a {
  padding:0;
}
.main_visual .button.grbtn a > span {
  padding:0 0 0 26px;
}
.main_visual .button.grbtn a > span svg {
  width:26px;
}
.function ul li {
  height:110px;
}
.free h1, .premium h1, .price h1, .scene_contents h1 {
  font-size:20px;
}
.plan_table table thead th {
  font-size:16px;
}
.plan_table table tbody td h4 {
  font-size:30px;
}
.plan_table table tbody td p, .plan_table table tbody td h5 {
  font-size:12px;
}
.plan_table table tbody td p {
  letter-spacing:0;
}
.plan_table table tbody td p.chushaku {
  font-size:10px;
}
.plan_table table tbody td h5.symbol {
  font-size:17px;
}
.plan .twocol .image {
  padding:0 0 20px;
}
.start .title h1 {
  font-size:22px;
}
.function_detail h1 strong {
  font-size:23px;
}

}

@media screen and (max-width:379px) {
.function ul li {
  height:100px;
}
.anchorcontents p {
  font-size:12px;
}
.free h2, .premium h2, .price h2 {
  font-size:14px;
  margin:20px 0;
}

.intro_step ul li.li01 svg {
  top: 31%;
  right: 66%;
}
.intro_step ul li.li03 svg {
  top: 31%;
}
.aboutpage section h1 {
  font-size:20px;
}

}

@media screen and (max-width:369px) {
.main_visual .button a {
  height:44px;
  padding:3% 0 2px;
}
.trouble h1, .solution h1 {
  font-size:16px;
}
.trouble h1 strong {
  font-size:20px;
}
.solution h1 strong {
  font-size:26px;
}
.function h1, .scene h1, .merit h1, .selected h1, .about_sec h1, .iot_service h1, .plan h1, .intro_step h1 {
  font-size:24px;
}
.scene h2 {
  font-size:18px;
}
.scene h2 strong {
  font-size: 24px;
}
.titlearea h1 {
  font-size: 28px;
}
.start .title h1 {
  font-size:20px;
}
.fix_banner .button a .icon, .free .button a .icon, .premium .button a .icon {
  width:32px;
}
.function_detail ul.function_list > li .textarea h4 {
  font-size:22px;
}
.function_detail h1.cooperate01 {
  font-size: 13px;
}
.function_detail h1.cooperate01 strong {
  font-size: 19px;
}
.function_detail h1.cooperate02 {
  font-size: 12px;
}
.function_detail h1.cooperate02 strong {
  font-size: 16px;
}

.free h1, .premium h1, .price h1, .scene_contents h1 {
  font-size:17px;
  padding:0 0 10px 28px;
}
.free h1 svg, .premium h1 svg, .price h1 svg, .scene_contents h1 svg {
  left:-5px;
  transform:translateY(-70%) scale(0.5);
}
.free ul li h4, .premium ul li h4 {
  font-size:18px;
}
.free ul li p, .premium ul li p {
  font-size:15px;
}
.free ul li, .premium ul li {
  padding:60px 10px 30px;
}
.free .button a, .premium .button a {
  font-size:13px;
}
.plan_table table tbody td h4 {
  font-size:26px;
}
.table_func ul li {
  letter-spacing:0;
}

.slick-dots li button {
  font-size:10px;
  padding:0 8px;
}
.scene_contents .twocol .button a {
  font-size:13px;
}
.contentslist ul li .button a svg, .scene_contents .twocol .button a svg {
  width:6px;
  height:12px;
  left:14px;
}

.functionpage .trouble h1, .iotpage .trouble h1 {
  font-size:16px;
}

}

@media screen and (min-width:768px) {
.start p.step a:hover, .bread li a:hover, .plan_table table tbody td p.link a:hover, .selected ul li .text p.link a:hover,
.function_detail p a.linktxt:hover {
  text-decoration:underline;
}
.function ul li a:hover, .table_func ul li a:hover {
  color:#fff;
  background:#006435;
}
.function ul li a:hover svg, .table_func ul li a:hover svg {
  fill:#fff;
}
.anchor ul li a:hover, .bnr_pre a:hover {
  opacity:0.7;
}

}