@charset "UTF-8";

@import url(https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css);     .iot_wrap .wpcf7 {
background: transparent;
border: 1px solid transparent;
margin: 0 !important;
}
.iot_wrap .wpcf7 p {
margin: 0;
}
.iot_wrap .wpcf7 input[type=text], .iot_wrap .wpcf7 textarea, .iot_wrap .wpcf7 input[type=email], .iot_wrap .wpcf7 input[type=tel] {
-webkit-appearance: none;
}
.iot_wrap .wpcf7 .wpcf7-mail-sent-ok {
display: block;
width: 100%;
max-width: 768px;
margin: 0 auto;
}
.iot_wrap .wpcf7 .wpcf7-validation-errors {
display: block;
width: 100%;
max-width: 768px;
margin: 0 auto;
font-size: 16px;
}
.iot_wrap .wpcf7 .wpcf7-form {
margin: 0 auto;
}
.iot_wrap #form_wrapper {
width: 100%;
max-width: 768px;
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps {
margin: 4rem auto;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-step_wrap .m-steps {
flex-direction: column;
}
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin-right: 1.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-step_wrap .m-steps li {
margin-right: 0;
}
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li .step {
font-size: 1.3rem;
text-align: center;
color: #fff;
background: #cfcfcf;
padding: 1.5rem 0;
width: 6rem;
box-sizing: border-box;
line-height: 1.2em;
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li .step span {
font-size: 1.7rem;
display: block;
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li .step-content {
background: #e8e8e8;
color: #333638;
font-size: 1.6rem;
padding: 1.5rem 0;
width: 16rem;
box-sizing: border-box;
text-align: center;
line-height: 2;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-step_wrap .m-steps li .step-content {
width: calc(100% - 6rem);
}
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li:nth-of-type(1) .step {
background: #0079b5;
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li:nth-of-type(1) .step-content {
background: #00a0e9;
color: #fff;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-step_wrap .m-steps li {
margin-bottom: 16px;
}
}
.iot_wrap #form_wrapper .m-desp {
text-align: center;
color: #6e7173;
font-size: 1.6rem;
letter-spacing: 0.1rem;
margin-bottom: 50px;
}
.iot_wrap #form_wrapper .m-desp .req {
background: #ff4f19;
color: #fff;
font-size: 1.1rem;
font-family: "メイリオ", sans-serif;
line-height: 1em;
padding: 0.5rem 1rem;
margin-right: 0.5rem;
}
.iot_wrap #form_wrapper .m-form_wrap {
width: 100%;
max-width: 768px;
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-form_wrap__li {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li {
flex-direction: column;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_execution_time.is_hid {
display: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_building_age.is_hid {
display: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_agree {
display: block;
margin-bottom: 30px;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_agree .m-form_wrap__li__item {
width: 100%;
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_agree .m-form_wrap__li__item .m-checkbox .wpcf7-list-item {
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_agree .m-form_wrap__li__item .agree_desp {
display: block;
margin: 0 auto;
text-align: center;
line-height: 1;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_agree .m-form_wrap__li__item .agree_desp a {
border-bottom: 0.1rem solid;
color: #00a0e9;
display: inline-block;
}
.iot_wrap #form_wrapper .m-form_wrap__li__name {
width: 220px;
margin-right: 16px;
font-size: 16px;
line-height: 1;
}
.iot_wrap #form_wrapper .m-form_wrap__li__name .s-req--required {
background: #ff4f19;
color: #fff;
font-size: 1.1rem;
font-family: "メイリオ", sans-serif;
line-height: 1em;
float: right;
padding: 0.5rem 1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__name .s-req--required {
float: none;
margin-left: 16px;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li__name .s-req--optional {
background: #e8e8e8;
color: #333638;
font-family: "メイリオ", sans-serif;
line-height: 1em;
float: right;
padding: 0.5rem 1rem;
font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__name .s-req--optional {
float: none;
margin-left: 16px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__name {
width: 100%;
margin-bottom: 8px;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li__item {
width: calc(100% - 236px);
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__item {
width: 100%;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_col2 {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_col2 .wpcf7-form-control-wrap:nth-of-type(1) {
margin-right: 16px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-input {
font-size: 16px;
padding: 11px 8px;
height: 48px;
width: 100%;
background-color: #f8f8f8;
border: solid 1px #e2e1e1;
border-radius: 4px;
box-sizing: border-box; }
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-input::placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-input:-ms-input-placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-input::-ms-input-placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-input.wpcf7c-conf {
background-color: #f8f8f8 !important;
color: #b3b3b3 !important;
border: 1px solid transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .unit {
padding-top: 19px;
line-height: 1;
font-size: 16px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio {
font-size: 16px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio.wpcf7-radio {
display: flex;
margin-bottom: 10px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio.wpcf7-radio .wpcf7-list-item {
display: block;
margin: 0px 16px 0px 0px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label {
margin: 0;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label input[type=radio] {
display: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label .wpcf7-list-item-label {
display: flex;
position: relative;
font-size: 14px;
padding-left: 24px;
font-weight: normal;
line-height: 1.5;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label .wpcf7-list-item-label:before {
position: absolute;
content: "";
left: 0;
top: 2px;
display: block;
border-radius: 8px;
width: 16px;
height: 16px;
border: solid 1px #e2e1e1;
background-color: #f8f8f8;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label input[type=radio]:checked + .wpcf7-list-item-label:after {
content: "";
left: 4px;
top: 6px;
position: absolute;
display: block;
background-color: transparent;
z-index: 1;
width: 8px;
height: 8px;
border-radius: 4px;
border: solid 1px #0098e1;
background-color: #0098e1;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label input[type=radio]:checked + .wpcf7-list-item-label:before {
border: solid 1px #0098e1;
background-color: #f8f8f8;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label input[type=radio].wpcf7c-conf:checked ~ .wpcf7-list-item-label:after {
content: "";
left: 4px;
top: 6px;
position: absolute;
display: block;
z-index: 1;
width: 8px;
height: 8px;
border-radius: 4px;
background-color: #0098e1;
border: solid 1px #0098e1;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label input[type=radio].wpcf7c-conf:checked ~ .wpcf7-list-item-label:before {
border: solid 1px #0098e1;
background-color: #f8f8f8;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox.wpcf7-checkbox {
display: flex;
margin-bottom: 10px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox.wpcf7-checkbox .wpcf7-list-item {
display: block;
margin: 0px 16px 0px 0px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label {
margin: 0;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label input[type=checkbox] {
display: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label .wpcf7-list-item-label {
display: flex;
position: relative;
font-size: 14px;
padding-left: 24px;
font-weight: normal;
line-height: 1.5;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label .wpcf7-list-item-label:before {
position: absolute;
content: "";
left: 0;
top: 2px;
display: block;
width: 16px;
height: 16px;
border-radius: 4px;
border: solid 1px #e2e1e1;
background-color: #f8f8f8;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label input[type=checkbox]:checked + .wpcf7-list-item-label:after {
content: "";
left: 2px;
top: -1px;
position: absolute;
display: block;
background-color: transparent;
z-index: 1;
width: 16px;
height: 10px;
transform: rotate(-45deg);
border-bottom: solid 2px #0098e1;
border-left: solid 2px #0098e1;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label input[type=checkbox].wpcf7c-conf:checked ~ .wpcf7-list-item-label:after {
content: "";
left: 2px;
top: -1px;
position: absolute;
display: block;
background-color: transparent;
z-index: 1;
width: 16px;
height: 10px;
transform: rotate(-45deg);
border-bottom: solid 2px #0098e1;
border-left: solid 2px #0098e1;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_integral {
max-width: 260px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_has_unit {
max-width: 276px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select {
max-width: 260px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .m-select {
width: 100%;
max-width: 100%;
font-size: 16px;
padding: 11px 8px;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
outline: none;
border: solid 1px #e2e1e1;
background: #f8f8f8;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .m-select {
padding: 11px 8px;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .m-select::-ms-expand {
display: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .m-select.wpcf7c-conf {
background-color: #f7f7f7;
color: #afafaf;
border: 1px solid transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .wpcf7-form-control-wrap.wpcf7-form-control-wrap {
display: block;
position: relative;
background: transparent;
min-height: 50px;
box-sizing: border-box;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .wpcf7-form-control-wrap.wpcf7-form-control-wrap::before {
position: absolute;
top: 20px;
right: 8px;
width: 0;
height: 0;
padding: 0;
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .wpcf7-form-control-wrap.wpcf7-form-control-wrap::before {
top: 18px;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-textarea {
font-size: 16px;
padding: 11px 8px;
height: 200px;
width: 100%;
background-color: #f8f8f8;
border: solid 1px #e2e1e1;
border-radius: 4px;
box-sizing: border-box; }
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-textarea::placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-textarea:-ms-input-placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-textarea::-ms-input-placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-textarea.wpcf7c-conf {
background-color: #f8f8f8;
color: #b3b3b3;
border: 1px solid transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-title__text {
font-size: 18px;
padding-left: 16px;
position: relative;
margin: 30px 0px;
border-left: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-title__text:before {
content: "";
left: 0;
position: absolute;
width: 8px;
height: 24px;
border-radius: 4px;
background-color: #0098e1;
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-btns {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li .m-btns {
flex-direction: column;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-btns .confirm_btn {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
margin: 0 auto;
position: relative;
display: block;
max-width: 280px;
width: 100%;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-btns .return_btn {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #c3c3c3;
border: 0.6rem solid #e2e2e2;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: block;
max-width: 280px;
width: 100%;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
margin-right: 16px;
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-btns .submit_btn {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: block;
max-width: 280px;
width: 100%;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-form_wrap__li .wpcf7-not-valid-tip {
padding-top: 7px;
font-size: 14px;
}
.iot_wrap #form_wrapper .m-form_wrap__li .wpcf7c-conf::placeholder {
color: transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li .wpcf7c-conf:-ms-input-placeholder {
color: transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li .wpcf7c-conf::-ms-input-placeholder {
color: transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li .wpcf7c-conf input {
background: #faaa16;
}
.iot_wrap .l-contaner__inner {
width: 100%;
max-width: 1000px;
margin: 50px auto;
overflow: hidden;
padding: 8rem 0;
background-color: #fff;
}
.iot_wrap .l-contaner__inner .m-form h2 {
display: block;
text-align: center;
font-size: 4rem;
position: relative;
line-height: 1.6em;
padding-top: 4rem;
color: #484848;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.iot_wrap .l-contaner__inner .m-form h2 {
font-size: 18px;
}
}
.iot_wrap .l-contaner__inner .m-form h2:before {
width: 100%;
content: "";
position: absolute;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2267%22%20height%3D%227%22%20viewBox%3D%220%200%2067%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2235%22%20height%3D%227%22%20rx%3D%223.5%22%20fill%3D%22%2300A0E9%22%2F%3E%3Ccircle%20cx%3D%2247.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23FAAA16%22%2F%3E%3Ccircle%20cx%3D%2263.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23004386%22%2F%3E%3C%2Fsvg%3E") no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0px;
right: 0px;
margin: 0 auto;
}
.iot_wrap #form_wrapper .custom-wpcf7c-confirmed .m-step_wrap .m-steps li:nth-of-type(1) .step {
background: #cfcfcf;
}
.iot_wrap #form_wrapper .custom-wpcf7c-confirmed .m-step_wrap .m-steps li:nth-of-type(1) .step-content {
background: #e8e8e8;
color: #333638;
}
.iot_wrap #form_wrapper .custom-wpcf7c-confirmed .m-step_wrap .m-steps li:nth-of-type(2) .step {
background: #0079b5;
}
.iot_wrap #form_wrapper .custom-wpcf7c-confirmed .m-step_wrap .m-steps li:nth-of-type(2) .step-content {
background: #00a0e9;
color: #fff;
}
.iot_wrap #form-inquiry .m-step_wrap .m-steps {
margin: 4rem auto;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.iot_wrap #form-inquiry .m-step_wrap .m-steps {
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #form-inquiry .m-step_wrap .m-steps li {
width: 100%;
margin-right: 0;
margin-bottom: 16px;
}
.iot_wrap #form-inquiry .m-step_wrap .m-steps li .step {
width: 60px;
}
.iot_wrap #form-inquiry .m-step_wrap .m-steps li .step-content {
width: calc(100% - 60px);
}
}
.iot_wrap #form-inquiry .m-step_wrap .m-steps li:nth-of-type(3) .step {
background: #0079b5;
}
.iot_wrap #form-inquiry .m-step_wrap .m-steps li:nth-of-type(3) .step-content {
background: #00a0e9;
color: #fff;
}
@media screen and (max-width: 767px) {
.iot_wrap #form-inquiry .m-step_wrap .m-steps li:nth-of-type(3) .step-content {
width: calc(100% - 60px);
}
}
.iot_wrap #form-inquiry .tel-area {
max-width: 768px;
width: 100%;
margin: 30px auto;
}
@media screen and (max-width: 767px) {
.iot_wrap #form-inquiry .btn-top a:hover {
margin: 0 auto;
}
}
.iot_wrap #page-form .inner {
width: 94% !important;
max-width: 1000px;
margin: 0px auto;
}
.iot_wrap #page-form .inner .site-info .logo {
margin: 26px 0 17px 0;
}
@media screen and (max-width: 767px) {
.iot_wrap #page-form .inner .site-info .site-title img {
width: 233px;
height: auto;
}
.iot_wrap #page-form .inner .site-info .tel {
display: none;
}
}  .iot_wrap {  }
.iot_wrap html, .iot_wrap body, .iot_wrap div, .iot_wrap span, .iot_wrap applet, .iot_wrap object, .iot_wrap iframe, .iot_wrap h1, .iot_wrap h2, .iot_wrap h3, .iot_wrap h4, .iot_wrap h5, .iot_wrap h6, .iot_wrap p, .iot_wrap blockquote, .iot_wrap pre, .iot_wrap a, .iot_wrap abbr, .iot_wrap acronym, .iot_wrap address, .iot_wrap big, .iot_wrap cite, .iot_wrap code, .iot_wrap del, .iot_wrap dfn, .iot_wrap em, .iot_wrap img, .iot_wrap ins, .iot_wrap kbd, .iot_wrap q, .iot_wrap s, .iot_wrap samp, .iot_wrap small, .iot_wrap strike, .iot_wrap strong, .iot_wrap sub, .iot_wrap sup, .iot_wrap tt, .iot_wrap var, .iot_wrap b, .iot_wrap u, .iot_wrap i, .iot_wrap center, .iot_wrap dl, .iot_wrap dt, .iot_wrap dd, .iot_wrap ol, .iot_wrap ul, .iot_wrap li, .iot_wrap fieldset, .iot_wrap form, .iot_wrap label, .iot_wrap legend, .iot_wrap table, .iot_wrap caption, .iot_wrap tbody, .iot_wrap tfoot, .iot_wrap thead, .iot_wrap tr, .iot_wrap th, .iot_wrap td, .iot_wrap article, .iot_wrap aside, .iot_wrap canvas, .iot_wrap details, .iot_wrap embed, .iot_wrap figure, .iot_wrap figcaption, .iot_wrap footer, .iot_wrap header, .iot_wrap hgroup, .iot_wrap menu, .iot_wrap nav, .iot_wrap output, .iot_wrap ruby, .iot_wrap section, .iot_wrap summary, .iot_wrap time, .iot_wrap mark, .iot_wrap audio, .iot_wrap video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
.iot_wrap html {
line-height: 1;
font-size: 10px;
}
.iot_wrap table {
border-collapse: collapse;
border-spacing: 0;
}
.iot_wrap caption, .iot_wrap th, .iot_wrap td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
.iot_wrap q, .iot_wrap blockquote {
quotes: none;
}
.iot_wrap q:before, .iot_wrap q:after {
content: "";
content: none;
}
.iot_wrap blockquote:before, .iot_wrap blockquote:after {
content: "";
content: none;
}
.iot_wrap a img {
border: none;
}
.iot_wrap article, .iot_wrap aside, .iot_wrap details, .iot_wrap figcaption, .iot_wrap figure, .iot_wrap footer, .iot_wrap header, .iot_wrap hgroup, .iot_wrap menu, .iot_wrap nav, .iot_wrap section, .iot_wrap summary {
display: block;
}
.iot_wrap textarea {
border: #6e7173 solid 1px;
padding: 5px;
}
.iot_wrap hr {
height: 0;
margin: 5px 0 20px 0;
padding: 0;
border: 0;
border-top: 1px solid #f9f9f9;
}
.iot_wrap a {
color: #333638;
text-decoration: none;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.iot_wrap a:link {
color: #333638;
}
.iot_wrap a:active {
color: #333638;
}
.iot_wrap a:visited {
color: #333638;
}
.iot_wrap a:hover {
cursor: pointer;
}
.iot_wrap a:hover img {
-moz-transition: ease-in-out 0.5s;
-o-transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s;
transition: ease-in-out 0.5s;
}
.iot_wrap .sp {
display: none;
}
.iot_wrap .btn, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
}
.iot_wrap .btn-orange, .iot_wrap #top .point .inner .txt .btn, .iot_wrap #top .problem .inner .btn, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-document a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-document a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-document .txt a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-document .txt a, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-estimate a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-estimate .txt a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-estimate .txt a, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-inquiry a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-inquiry .txt a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-inquiry .txt a, .iot_wrap #top .service .btn, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .service a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .service a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .service a, .iot_wrap #top .price .btn, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .price a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .price a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .price a, .iot_wrap #top .campaign .btn, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .campaign a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .campaign a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .campaign a, .iot_wrap #top .case .btn, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .case a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .case a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .case a, .iot_wrap #top .column .btn, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .column a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .column a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .column a {
text-align: left;
}
.iot_wrap .btn-orange a, .iot_wrap #top .point .inner .txt .btn a, .iot_wrap #top .problem .inner .btn a, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-document a a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-document a a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-document .txt a a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-document .txt a a, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-estimate a a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-estimate .txt a a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-estimate .txt a a, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-inquiry a a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-inquiry .txt a a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-inquiry .txt a a, .iot_wrap #top .service .btn a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-document a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .service a a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .service a a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .service a a, .iot_wrap #top .price .btn a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-document a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .price a a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .price a a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .price a a, .iot_wrap #top .campaign .btn a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-document a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .campaign a a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .campaign a a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .campaign a a, .iot_wrap #top .case .btn a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-document a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .case a a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .case a a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .case a a, .iot_wrap #top .column .btn a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-document a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .column a a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .column a a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .column a a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.68rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
}
.iot_wrap .btn-orange a:after, .iot_wrap #top .point .inner .txt .btn a:after, .iot_wrap #top .problem .inner .btn a:after, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-document a a:after, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-document .txt a a:after, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-document .txt a a:after, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-estimate a a:after, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-estimate .txt a a:after, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-estimate .txt a a:after, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-inquiry a a:after, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-inquiry .txt a a:after, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-inquiry .txt a a:after, .iot_wrap #top .service .btn a:after, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .service a a:after, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .service a a:after, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .service a a:after, .iot_wrap #top .price .btn a:after, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .price a a:after, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .price a a:after, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .price a a:after, .iot_wrap #top .campaign .btn a:after, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .campaign a a:after, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .campaign a a:after, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .campaign a a:after, .iot_wrap #top .case .btn a:after, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .case a a:after, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .case a a:after, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .case a a:after, .iot_wrap #top .column .btn a:after, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .column a a:after, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .column a a:after, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .column a a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .btn-orange a:hover, .iot_wrap #top .point .inner .txt .btn a:hover, .iot_wrap #top .problem .inner .btn a:hover, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-document a a:hover, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-document .txt a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-document .txt a a:hover, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-estimate a a:hover, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-estimate .txt a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-estimate .txt a a:hover, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-inquiry a a:hover, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-inquiry .txt a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-inquiry .txt a a:hover, .iot_wrap #top .service .btn a:hover, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .service a a:hover, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .service a a:hover, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .service a a:hover, .iot_wrap #top .price .btn a:hover, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .price a a:hover, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .price a a:hover, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .price a a:hover, .iot_wrap #top .campaign .btn a:hover, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .campaign a a:hover, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .campaign a a:hover, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .campaign a a:hover, .iot_wrap #top .case .btn a:hover, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .case a a:hover, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .case a a:hover, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .case a a:hover, .iot_wrap #top .column .btn a:hover, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .column a a:hover, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .column a a:hover, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .column a a:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap .btn-gray {
text-align: left;
}
.iot_wrap .btn-gray a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #b2b2b2;
border: 0.6rem solid #e6e6e6;
color: #fff;
font-size: 1.68rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
}
.iot_wrap .btn-gray a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .btn-gray a:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap .link-arrow-red {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-red:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #ff4f19;
border-right: solid 2px #ff4f19;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-purple, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-purple:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-blue, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-blue:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-white, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a:hover, .iot_wrap #top .service .detail ul li .btn-small {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-white:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a:hover:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a:hover:after, .iot_wrap #top .service .detail ul li .btn-small:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .content-txt, .iot_wrap #top .problem .txt p, .iot_wrap #top .point .inner .txt p, .iot_wrap #top .service p, .iot_wrap #top .price p {
color: #6e7173;
font-size: 1.6rem;
line-height: 2.2em;
}
.iot_wrap #top .problem .txt p {
text-align: left;
}
.iot_wrap #top .service p {
text-align: center;
}
.iot_wrap .hover-orange:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document a:hover {
background-color: #faaa16;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-red:hover {
background-color: #ff4f19;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-blue:hover {
background-color: #00a0e9;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-line:hover:before {
content: "";
display: inline-block;
width: 100%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 10%;
left: 0;
}
.iot_wrap h2 {
font-size: 4rem;
position: relative;
line-height: 1.6em;
padding-top: 4rem;
color: #484848;
}
.iot_wrap h2:before {
content: "";
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/line-ttl.png) no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0;
}
.iot_wrap h4 {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.8rem;
margin-bottom: 4rem;
line-height: 3.5rem;
}
.iot_wrap ul li {
list-style: none;
}
.iot_wrap input[type=text]:placeholder-shown, .iot_wrap input[type=tel]:placeholder-shown, .iot_wrap input[type=email]:placeholder-shown {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=text]::-webkit-input-placeholder, .iot_wrap input[type=tel]::-webkit-input-placeholder, .iot_wrap input[type=email]::-webkit-input-placeholder {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=text]:-moz-placeholder, .iot_wrap input[type=tel]:-moz-placeholder, .iot_wrap input[type=email]:-moz-placeholder {
opacity: 1;
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=text]::-moz-placeholder, .iot_wrap input[type=tel]::-moz-placeholder, .iot_wrap input[type=email]::-moz-placeholder {
opacity: 1;
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=text]:-ms-input-placeholder, .iot_wrap input[type=tel]:-ms-input-placeholder, .iot_wrap input[type=email]:-ms-input-placeholder {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap table {
width: 100%;
border-collapse: separate;
border-top: #7CA7D2 solid 1px;
margin: 1rem 0;
line-height: 1.5;
}
@media only screen and (max-width: 750px) {
.iot_wrap table {
width: 93%;
}
}
.iot_wrap table tr th {
padding: 3%;
text-align: left;
vertical-align: top;
border-bottom: #6e7173 solid 1px;
}
.iot_wrap table tr th:first-child {
padding-left: 0;
}
.iot_wrap table tr th:last-child {
padding-right: 0;
}
.iot_wrap table tr td {
padding: 7px;
vertical-align: top;
border-bottom: #6e7173 solid 1px;
}
.iot_wrap table tr td.align-right {
text-align: right;
}
.iot_wrap table tr td:first-child {
padding-left: 0;
}
.iot_wrap table tr td:last-child {
padding-right: 0;
}
.iot_wrap html {
font-size: 62.5%;
font-size: 10px;
}
.iot_wrap body {
position: relative;
font-family: Arial, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #333638;
font-size: 1.6rem;
letter-spacing: 0.05rem;
line-height: 2.2em;
width: 100%;
-webkit-text-size-adjust: 100%;
font-size: 1.4rem;
min-width: 126rem;
}
.iot_wrap .inner {
width: 126rem;
margin: 0 auto;
}
.iot_wrap .wpcf7-mail-sent-ok {
display: none !important;
}
.iot_wrap .home #header .menu-global-container, .iot_wrap .home #header-form .menu-global-container {
position: relative;
float: left;
}
.iot_wrap label, .iot_wrap input[type=checkbox], .iot_wrap input[type=radio] {
cursor: pointer;
}
.iot_wrap .header-newyear {
background-color: #ffdddd;
padding: 15px 0;
}
.iot_wrap .header-newyear p {
line-height: 1.8;
text-align: center;
}
.iot_wrap .header-newyear p span {
font-weight: bold;
}
.iot_wrap #header, .iot_wrap #header-form {
background: rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 0 0.6rem #ccc;
-webkit-box-shadow: 0 0 0.6rem #ccc;
box-shadow: 0 0 0.6rem #ccc;
position: relative;
}
.iot_wrap #header .inner, .iot_wrap #header-form .inner {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #header .inner-smaller, .iot_wrap #header-form .inner-smaller {
display: none;
}
.iot_wrap .site-info .site-title {
font-size: 13px;
margin-right: 14px;
}
.iot_wrap #header .site-info, .iot_wrap #header-form .site-info {
float: left;
width: 1260px;
}
.iot_wrap #header .site-info .logo, .iot_wrap #header-form .site-info .logo {
float: left;
margin: 2.3rem 0 0 0;
}
.iot_wrap #header .site-info .header-3icon, .iot_wrap #header-form .site-info .header-3icon {
float: left;
margin: 14px 0px 1px 40px;
}
.iot_wrap #header .site-info .tel, .iot_wrap #header-form .site-info .tel {
float: right;
margin: 1.6rem 0 0;
overflow: hidden;
}
.iot_wrap #header .site-info .tel p, .iot_wrap #header-form .site-info .tel p {
font-size: 1.2rem;
font-weight: bold;
}
.iot_wrap #header .site-info .tel .tel-no, .iot_wrap #header-form .site-info .tel .tel-no {
float: left;
font-size: 3.4rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/free-call.png) no-repeat bottom 0.4rem left;
padding-left: 3.2rem;
background-size: 2.5rem;
}
.iot_wrap #header .site-info .tel .time, .iot_wrap #header-form .site-info .tel .time {
float: left;
line-height: 1.5;
font-size: 1rem;
font-weight: normal;
padding-left: 5px;
}
.iot_wrap #header .btn-area, .iot_wrap #header-form .btn-area {
overflow: hidden;
*zoom: 1;
float: right;
}
.iot_wrap #header .btn-area .btn-document, .iot_wrap #header-form .btn-area .btn-document {
float: left;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-ic-document-hover.png) no-repeat 20px 18px;
background-color: #f73e3e;
}
.iot_wrap #header .btn-area .btn-document:hover, .iot_wrap #header-form .btn-area .btn-document:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap #header .btn-area .btn-document a, .iot_wrap #header-form .btn-area .btn-document a {
width: 136px;
height: 60px;
display: block;
position: relative;
top: 15px;
left: 50px;
color: #fff;
}
.iot_wrap #header .btn-area .btn-estimate, .iot_wrap #header-form .btn-area .btn-estimate {
float: left;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-ic-estimate-hover.png) no-repeat 20px 18px;
background-color: #d9057d;
}
.iot_wrap #header .btn-area .btn-estimate:hover, .iot_wrap #header-form .btn-area .btn-estimate:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap #header .btn-area .btn-estimate a, .iot_wrap #header-form .btn-area .btn-estimate a {
width: 136px;
height: 60px;
display: block;
position: relative;
top: 15px;
left: 50px;
color: #fff;
}
.iot_wrap #header .btn-area .btn-inquiry, .iot_wrap #header-form .btn-area .btn-inquiry {
float: left;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-ic-mail-hover.png) no-repeat 17px 23px;
background-color: #00a0e9;
}
.iot_wrap #header .btn-area .btn-inquiry:hover, .iot_wrap #header-form .btn-area .btn-inquiry:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap #header .btn-area .btn-inquiry a, .iot_wrap #header-form .btn-area .btn-inquiry a {
width: 136px;
height: 60px;
display: block;
position: relative;
top: 15px;
left: 45px;
color: #fff;
}
.iot_wrap header.fixed {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.iot_wrap header.smaller {
background: #fff !important;
-moz-box-shadow: 0 0 0.6rem #ccc;
-webkit-box-shadow: 0 0 0.6rem #ccc;
box-shadow: 0 0 0.6rem #ccc;
position: absolute;
}
.iot_wrap header.smaller .inner {
display: none !important;
}
.iot_wrap header.smaller #gnav {
display: none !important;
}
.iot_wrap header.smaller .inner-smaller {
display: block !important;
width: 126rem;
margin: 0 auto;
overflow: hidden;
*zoom: 1;
}
.iot_wrap header.smaller .inner-smaller .site-info {
float: left;
overflow: hidden;
*zoom: 1;
width: 108rem !important;
}
.iot_wrap header.smaller .inner-smaller .site-info .logo {
float: left;
width: 20rem;
margin: 15px 0 0 0 !important;
}
.iot_wrap header.smaller .inner-smaller .site-info .logo a {
display: block;
}
.iot_wrap header.smaller .inner-smaller .site-info .logo img {
width: 100%;
height: auto;
display: block;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav {
display: block !important;
float: right;
margin: 1.8rem 0 0;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav ul li {
line-height: 1em;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav ul li a {
font-size: 1.2rem;
padding: 0;
margin-right: 3rem;
line-height: 1em;
font-weight: bold;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav ul li:after {
display: none;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav ul li:first-child {
display: none;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav ul li:first-child a {
padding: 0;
}
.iot_wrap header.smaller .inner-smaller .btn-area {
float: right;
margin: 0 !important;
overflow: hidden;
*zoom: 1;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-document-smaller {
float: left;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-document-smaller a {
background: #ff4f19;
color: #fff;
font-size: 1.3rem;
text-align: center;
display: block;
width: 8rem;
padding: 1rem 0;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-document-smaller a:before {
content: "";
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-smaller-ic-document.png) no-repeat center;
width: 2.2rem;
height: 2.6rem;
margin: 0 auto 0.5rem;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-document-smaller a:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-estimate-smaller {
float: left;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-estimate-smaller a {
background: #d9057d;
color: #fff;
font-size: 1.3rem;
text-align: center;
display: block;
width: 8rem;
padding: 1rem 0;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-estimate-smaller a:before {
content: "";
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-smaller-ic-estimate.png) no-repeat center;
width: 1.9rem;
height: 2.7rem;
margin: 0 auto 0.4rem;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-estimate-smaller a:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-inquiry-smaller {
float: left;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-inquiry-smaller a {
background: #00a0e9;
color: #fff;
font-size: 1.3rem;
text-align: center;
display: block;
width: 8rem;
padding: 1.7rem 0 1rem;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-inquiry-smaller a:before {
content: "";
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-smaller-ic-mail.png) no-repeat center;
width: 2.6rem;
height: 1.9rem;
margin: 0 auto 0.5rem;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-inquiry-smaller a:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap #header-form .site-info {
float: none;
width: 100rem;
overflow: hidden;
*zoom: 1;
margin: 0 auto;
}
.iot_wrap .site-header-menu-head {
border-top: 1px solid #d6d6d6;
height: 60px;
float: none;
}
.iot_wrap #gnav span {
display: none;
}
.iot_wrap #gnav #site-navigation ul li {
float: left;
}
.iot_wrap #gnav #site-navigation ul li a {
display: inline-block;
font-size: 1.2rem;
padding-right: 24px;
position: relative;
margin: 16px 0;
}
.iot_wrap #gnav #site-navigation ul li a:hover {
text-decoration: underline;
}
.iot_wrap #gnav #site-navigation ul li:last-child:after {
display: none;
}
.iot_wrap #gnav #site-navigation ul .menu-item-17 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-16 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-15 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-14 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-18 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-21 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-87 a:hover:before {
bottom: 20%;
}
.iot_wrap .page-inner {
margin-top: 8rem !important;
}
.iot_wrap #main {
margin: 0 auto;
margin: 0rem 0 0;
}
.iot_wrap #page-main {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #page-main .inner {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #page-content {
float: left;
width: 91rem;
}
.iot_wrap #page-content .footer-bottom {
margin-bottom: 8rem;
}
.iot_wrap #page-content .footer-bottom .contact-area {
background-color: #f9f9f9;
border: 0.1rem solid #ccc;
}
.iot_wrap #page-content .footer-bottom .contact-area h4 {
text-align: center;
padding: 2rem 3rem;
font-size: 2rem;
line-height: 2.4rem;
margin-bottom: 0;
font-weight: bold;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area {
position: relative;
padding: 3rem 2rem 3rem 23rem;
background-color: #fff;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area:before {
content: "";
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-bottom-bg.png) no-repeat;
width: 22rem;
height: 18rem;
background-size: 100%;
left: 10px;
bottom: 0;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .tel {
display: inline-block;
margin-right: 3rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .tel p {
font-size: 1.4rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .tel .telphone {
font-size: 4rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/free-call.png) no-repeat;
background-position: 0 0.5rem;
background-size: 4rem;
padding-left: 5rem;
line-height: 4rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .tel .time {
font-size: 1.2rem;
line-height: 1.8rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact {
display: inline-block;
vertical-align: top;
width: 46%;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact p {
color: #d9057d;
font-size: 1.4rem;
padding-left: 2rem;
position: relative;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact p:before {
content: "";
position: absolute;
width: 0;
height: 0;
top: 0.8rem;
left: 0;
border: 8px solid transparent;
border-top: 13px solid #d9057d;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact .btn-estimate {
border: 0.2rem solid #d9057d;
border-radius: 3rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact .btn-estimate a {
color: #d9057d;
display: block;
padding: 1.2rem 9rem 1rem 12rem;
font-size: 1.8rem;
font-weight: bold;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-estimate.png) no-repeat left 3.5rem top 1.3rem;
background-position: 9.5rem 1.4rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact .btn-estimate a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact .btn-estimate a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-estimate-hover.png) no-repeat;
background-position: 9.5rem 1.4rem;
background-color: #d9057d;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact .btn-estimate a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area {
background: #00a0e9;
padding-bottom: 4rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .top-comment {
font-size: 1.4rem;
color: #fff;
text-align: center;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area h4 {
color: #fff;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents {
margin: 0 3rem;
padding: 2.5rem 2rem 2.5rem 4rem;
background: #4dbdf0;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 {
display: inline-block;
vertical-align: middle;
margin-right: 2.5rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document1 dt, .iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document2 dt, .iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document3 dt {
display: inline-block;
width: 6rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document1 dd, .iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document2 dd, .iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document3 dd {
display: inline-block;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 {
display: inline-block;
vertical-align: top;
margin-top: 1.5rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 dd {
position: relative;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 dd:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 5rem;
margin-top: -4px;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 dd:before {
content: "";
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-bottom-telicon.png) no-repeat;
width: 3rem;
height: 4rem;
left: 4.5rem;
top: 3.5rem;
z-index: 99999;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 dd:hover:before {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-bottom-telicon-hover.png) no-repeat;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 dd input {
margin-left: 0;
height: 10rem;
font-size: 2.2rem;
padding-left: 6rem;
border-radius: 7rem;
font-weight: bold;
}
.iot_wrap aside {
float: right;
max-width: 27rem;
}
.iot_wrap aside .contact {
text-align: center;
}
.iot_wrap aside .contact p {
text-align: center;
}
.iot_wrap aside .contact .column-bnr {
margin-bottom: 2rem;
border: 0.2rem solid #ddd;
}
.iot_wrap aside .contact .column-bnr a {
background-color: #faaa16;
color: #fff;
padding: 1rem 0;
font-size: 1.6rem;
display: block;
margin-top: -1.1rem;
position: relative;
}
.iot_wrap aside .contact .column-bnr a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap aside .contact .claim {
background-color: #0099e6;
color: #fff;
padding: 1rem 4rem;
font-size: 2.1rem;
}
.iot_wrap aside .contact .claim span {
font-size: 1.15rem;
}
.iot_wrap aside .contact .side-contact {
padding: 2rem;
margin-bottom: 25px;
border: 0.2rem solid #0099e6 !important;
}
.iot_wrap aside .contact .side-contact .tel {
border-bottom: 0.1rem solid #d6d6d6;
font-size: 1.5rem;
}
.iot_wrap aside .contact .side-contact .tel p {
font-family: "メイリオ", "meiryo";
}
.iot_wrap aside .contact .side-contact .tel p span {
font-weight: bold;
font-family: "arial";
font-size: 2.9rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/free-call.png) no-repeat;
background-position: 0 1.3rem;
background-size: 2.5rem;
padding-left: 3rem;
}
.iot_wrap aside .contact .side-contact .btn-area {
margin-top: 2rem;
font-size: 1.6rem;
}
.iot_wrap aside .contact .side-contact .btn-area p {
font-family: "メイリオ", "meiryo";
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document {
margin-bottom: 2rem;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap aside .contact .side-contact .btn-area .btn-document *::-ms-backdrop, .iot_wrap aside .contact .side-contact .btn-area .btn-document a {
background-size: 8% !important;
background-position: 27% !important;
}
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a {
color: #ff4f19;
display: block;
font-weight: bold;
border: 0.2rem solid #ff4f19;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-document.png) no-repeat left 3.5rem top 1.3rem;
background-position: 5.5rem 1.2rem;
padding: 1rem 0 1rem 1.5rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-document-hover.png) no-repeat left 3.5rem top 1.3rem;
background-position: 5.5rem 1.2rem;
padding: 1rem 0 1rem 1.5rem;
background-color: #ff4f19;
opacity: 1;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #ff4f19;
border-right: solid 2px #ff4f19;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate {
margin-bottom: 1rem;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate *::-ms-backdrop, .iot_wrap aside .contact .side-contact .btn-area .btn-estimate a {
background-size: 8% !important;
background-position: 27% !important;
}
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a {
color: #d9057d;
display: block;
font-weight: bold;
border: 0.2rem solid #d9057d;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-estimate.png) no-repeat left 3.5rem top 1.3rem;
background-position: 5.5rem 1.2rem;
padding: 1rem 0 1rem 1.5rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-estimate-hover.png) no-repeat left 3.5rem top 1.3rem;
background-position: 5.5rem 1.2rem;
padding: 1rem 0 1rem 1.5rem;
background-color: #d9057d;
opacity: 1;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap aside .contact .side-contact .btn-area .btn-inquiry *::-ms-backdrop, .iot_wrap aside .contact .side-contact .btn-area .btn-inquiry a {
background-size: 8% !important;
background-position: 25% !important;
}
}
.iot_wrap aside .contact .side-contact .btn-area .btn-inquiry a {
color: #00a0e9;
display: block;
font-weight: bold;
border: 0.2rem solid #00a0e9;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-mail.png) no-repeat left 3rem top 1.7rem;
background-position: 4.5rem 1.6rem;
padding: 1rem 0 1rem 1.5rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-inquiry a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-mail-hover.png) no-repeat left 3.5rem top 1.3rem;
background-position: 4.5rem 1.6rem;
padding: 1rem 0 1rem 1.5rem;
background-color: #00a0e9;
opacity: 1;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-inquiry a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-inquiry a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap aside .contact .side-campaign {
margin-bottom: 4rem;
}
.iot_wrap aside .contact .side-campaign ul {
overflow: hidden;
*zoom: 1;
}
.iot_wrap aside .contact .side-campaign ul li a {
width: 100%;
margin: 0.5rem auto;
}
.iot_wrap aside .contact .side-campaign ul li a img {
width: 100%;
height: auto;
}
.iot_wrap aside .contact .side-nav {
background-color: #eee;
padding: 2rem 1rem;
margin-top: 17px;
margin-bottom: 10rem;
}
.iot_wrap aside .contact .side-nav h3 {
font-size: 2.2rem;
font-weight: bold;
margin-bottom: 1rem;
}
.iot_wrap aside .contact .side-nav ul {
margin-bottom: 2rem;
}
.iot_wrap aside .contact .side-nav ul:last-child {
margin-bottom: 0;
}
.iot_wrap aside .contact .side-nav ul li {
font-weight: bold;
background: #fff;
border-left: 0.4rem solid #00a0e9;
margin-top: 20px;
}
.iot_wrap aside .contact .side-nav ul li a {
display: block;
padding: 1rem 1rem 1rem 2rem;
font-size: 1.3rem;
text-align: left;
border: 0.1rem solid #fff;
}
.iot_wrap aside .contact .side-nav ul li a:hover {
border: 0.1rem solid #00a0e9;
}
.iot_wrap aside .contact .side-nav ul.ul2 {
border-left: none;
}
.iot_wrap aside .contact .side-nav ul.ul2 li a.ul-li-a2 {
border-left: 0.4rem solid #00a0e9;
padding: 1rem;
}
.iot_wrap aside .contact .side-nav ul.ul2 li ul {
border-left: none;
padding: 0;
background: #eee;
padding-top: 0.2rem;
}
.iot_wrap aside .contact .side-nav ul.ul2 li ul li {
font-weight: normal;
border: 0.1rem solid #fff;
margin-top: 0.2rem;
}
.iot_wrap aside .contact .side-nav ul.ul2 li ul li:first-child {
margin-top: 0;
}
.iot_wrap aside .contact .side-nav ul.ul2 li ul li a {
padding: 1rem 1rem 1rem 4rem;
position: relative;
}
.iot_wrap aside .contact .side-nav ul.ul2 li ul li a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #333638;
border-right: solid 2px #333638;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 1.5rem;
margin-top: -4px;
}
.iot_wrap #common-document-form dl dt {
color: #fff;
font-size: 1.4rem;
}
.iot_wrap #common-document-form dl dd {
position: relative;
}
.iot_wrap #common-document-form dl dd span.wpcf7-not-valid-tip {
background: #484848;
color: #fff;
font-size: 1rem;
padding: 0.5rem 1rem 0.5rem 1.5rem;
box-sizing: border-box;
position: absolute;
top: -4rem;
right: -2rem;
width: 13rem;
line-height: 1.2em;
}
.iot_wrap #common-document-form dl dd span.wpcf7-not-valid-tip:after {
content: "";
width: 0;
height: 0;
border: 1rem solid transparent;
border-top: 1rem solid #484848;
position: relative;
bottom: -2rem;
position: absolute;
}
.iot_wrap #common-document-form dl input[type=text], .iot_wrap #common-document-form dl input[type=tel], .iot_wrap #common-document-form dl input[type=email] {
width: 31rem;
padding: 1rem;
font-size: 1.6rem;
box-sizing: border-box;
border: 0;
border: 0.1rem solid #fff;
}
.iot_wrap #common-document-form dl input[type=text]:focus, .iot_wrap #common-document-form dl input[type=tel]:focus, .iot_wrap #common-document-form dl input[type=email]:focus {
border: 0.1rem solid #6e7173;
outline: 0;
}
.iot_wrap #common-document-form dl input[type=submit] {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
cursor: pointer;
}
.iot_wrap #common-document-form dl input[type=submit]:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap #common-document-form .form-contents {
line-height: 5.56rem;
}
.iot_wrap #common-document-form div.wpcf7-validation-errors {
display: none !important;
}
.iot_wrap #footer {
clear: both;
}
.iot_wrap #footer .fixed-side-simulation {
position: fixed;
right: 20px;
bottom: 60px;
z-index: 9999;
}
.iot_wrap #footer .fixed-side-simulation:hover {
opacity: 0.8;
}
.iot_wrap #footer .fixed-side-simulation .side-simulation-close-btn {
position: relative;
top: -175px;
right: 22px;
cursor: pointer;
}
.iot_wrap #footer .footer-contact {
background: #f9f9f9;
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 5rem 0;
}
.iot_wrap #footer .footer-contact .inner {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #footer .footer-contact .inner .txt {
float: left;
width: 64rem;
}
.iot_wrap #footer .footer-contact .inner .txt p {
font-size: 2.7rem;
line-height: 1em;
}
.iot_wrap #footer .footer-contact .inner .txt .tel {
margin-top: 2rem;
}
.iot_wrap #footer .footer-contact .inner .txt .tel p {
font-size: 1.6rem;
margin-bottom: 0.5rem;
}
.iot_wrap #footer .footer-contact .inner .txt .tel .tel-no {
font-size: 4.4rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/free-call.png) no-repeat bottom 0.4rem left;
background-size: 4rem;
padding-left: 4.5rem;
font-weight: bold;
display: inline-block;
}
.iot_wrap #footer .footer-contact .inner .txt .tel .time {
font-size: 1.2rem;
display: inline-block;
width: 14rem;
line-height: 1.6em;
margin-left: 1rem;
}
.iot_wrap #footer .footer-contact .inner .btn-area {
float: right;
width: 51rem;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-document {
margin: 0 0 1.5rem;
display: block;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap #footer .footer-contact .inner .btn-area .btn-document *::-ms-backdrop, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document a {
background-size: 4% !important;
background-position: 8% !important;
}
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-document a {
color: #fff;
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-document.png) no-repeat left 3.5rem top 1.3rem;
background-color: #ff4f19;
background-position: 7%;
background-size: 5%;
font-size: 2.2rem;
width: 100%;
padding: 1rem 0 1rem 1.5rem;
box-sizing: border-box;
line-height: 1em;
overflow: hidden;
*zoom: 1;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-document a .ttl {
float: left;
margin: 1rem 0 0 5.5rem;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-document a .catch {
display: inline-block;
width: 21.8rem;
font-size: 1.4rem;
border-left: 0.2rem solid #fff;
padding-left: 2rem;
text-align: left;
line-height: 1.4em;
margin-left: 2rem;
float: right;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate {
display: block;
margin-right: 1rem;
margin-bottom: 1.5rem;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate *::-ms-backdrop, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a {
background-size: 7% !important;
background-position: 23% !important;
}
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a {
display: block;
color: #d9057d;
width: 100%;
font-size: 2rem;
font-weight: bold;
border: 0.2rem solid #d9057d;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-estimate.png) no-repeat left 5.5rem top 0.8rem;
background-color: #fff;
padding: 1.3rem 0 1rem 1.5rem;
box-sizing: border-box;
line-height: 1em;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a:hover {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-estimate-hover.png) no-repeat left 5.5rem top 0.8rem;
background-color: #d9057d;
color: #fff;
opacity: 1;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry {
display: inline-block;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry *::-ms-backdrop, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a {
background-size: 8% !important;
background-position: 22% !important;
}
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a {
color: #00a0e9;
width: 24.5rem;
font-size: 2rem;
border: 0.2rem solid #00a0e9;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-mail.png) no-repeat left 4.5rem top 1.4rem;
background-color: #fff;
padding: 1.3rem 0 1rem 1.5rem;
box-sizing: border-box;
line-height: 1em;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a:hover {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-mail-hover.png) no-repeat left 4.5rem top 1.2rem;
background-color: #00a0e9;
color: #fff;
opacity: 1;
}
.iot_wrap #footer .footer-content {
padding: 5rem 0 4rem;
}
.iot_wrap #footer .footer-content .inner {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #footer .footer-content .site-info {
float: left;
margin: 3rem 0 4rem;
}
.iot_wrap #footer .footer-content .site-info .site-title {
margin-bottom: 2rem;
}
.iot_wrap #footer .footer-content .site-info .nav {
font-size: 1.1rem;
}
.iot_wrap #footer .footer-content .site-info .nav .gaiyo {
margin-right: 1rem;
position: relative;
display: inline-block;
line-height: 2rem;
}
.iot_wrap #footer .footer-content .site-info .nav .gaiyo:hover:before {
display: inline-block;
content: "";
}
.iot_wrap #footer .footer-content .site-info .nav .gaiyo:hover:after {
content: "";
display: inline-block;
width: 100%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 0.5rem;
left: 3px;
}
.iot_wrap #footer .footer-content .site-info .nav .privacy {
margin-left: 1rem;
position: relative;
display: inline-block;
line-height: 2rem;
}
.iot_wrap #footer .footer-content .site-info .nav .privacy:hover:before {
display: inline-block;
content: "";
}
.iot_wrap #footer .footer-content .site-info .nav .privacy:hover:after {
content: "";
display: inline-block;
width: 100%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 0.5rem;
left: 3px;
}
.iot_wrap #footer .footer-content .footer-nav {
float: right;
width: 90rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav1, .iot_wrap #footer .footer-content .footer-nav .nav2, .iot_wrap #footer .footer-content .footer-nav .nav3, .iot_wrap #footer .footer-content .footer-nav .nav4 {
float: left;
border-left: 0.1rem solid #dadada;
padding-left: 2rem;
box-sizing: border-box;
height: 21rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 li.parent, .iot_wrap #footer .footer-content .footer-nav .nav2 li.parent, .iot_wrap #footer .footer-content .footer-nav .nav3 li.parent, .iot_wrap #footer .footer-content .footer-nav .nav4 li.parent {
font-size: 1.5rem;
font-weight: bold;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 li.parent a, .iot_wrap #footer .footer-content .footer-nav .nav2 li.parent a, .iot_wrap #footer .footer-content .footer-nav .nav3 li.parent a, .iot_wrap #footer .footer-content .footer-nav .nav4 li.parent a {
position: relative;
display: inline-block;
line-height: 2rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 li.parent a:before, .iot_wrap #footer .footer-content .footer-nav .nav2 li.parent a:before, .iot_wrap #footer .footer-content .footer-nav .nav3 li.parent a:before, .iot_wrap #footer .footer-content .footer-nav .nav4 li.parent a:before {
display: inline-block;
content: "";
width: 0.6rem;
height: 0.6rem;
-moz-border-radius: 0.3rem;
-webkit-border-radius: 0.3rem;
border-radius: 0.3rem;
background: #00a0e9;
margin-right: 1rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 li.parent a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav2 li.parent a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav3 li.parent a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav4 li.parent a:hover:after {
content: "";
display: inline-block;
width: 90%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 0.3rem;
left: 15px;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 ul li.child, .iot_wrap #footer .footer-content .footer-nav .nav2 ul li.child, .iot_wrap #footer .footer-content .footer-nav .nav3 ul li.child, .iot_wrap #footer .footer-content .footer-nav .nav4 ul li.child {
font-size: 1.3rem;
padding-left: 1.5rem;
font-weight: normal;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 ul li.child a, .iot_wrap #footer .footer-content .footer-nav .nav2 ul li.child a, .iot_wrap #footer .footer-content .footer-nav .nav3 ul li.child a, .iot_wrap #footer .footer-content .footer-nav .nav4 ul li.child a {
position: relative;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 ul li.child a:before, .iot_wrap #footer .footer-content .footer-nav .nav2 ul li.child a:before, .iot_wrap #footer .footer-content .footer-nav .nav3 ul li.child a:before, .iot_wrap #footer .footer-content .footer-nav .nav4 ul li.child a:before {
display: inline-block;
content: "";
width: 0.5rem;
height: 0.5rem;
border-top: 0.1rem solid #484848;
border-right: 0.1rem solid #484848;
transform: rotate(45deg);
margin-right: 1rem;
background: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 ul li.child a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav2 ul li.child a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav3 ul li.child a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav4 ul li.child a:hover:after {
content: "";
display: inline-block;
width: 93%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 0.3rem;
left: 15px;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 {
width: 27rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav2 {
width: 25.5rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav3 {
width: 20.5rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav4 {
width: 17rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav4 li.parent a:before {
background: #faaa16;
}
.iot_wrap #footer .copyright {
background: #000;
font-size: 1rem;
color: #fff;
text-align: center;
}
.iot_wrap #top .mainv .inner {
width: 82rem;
padding: 6rem 0;
}
.iot_wrap #top .mainv .txt {
text-align: center;
margin-bottom: 4rem;
}
.iot_wrap #top .mainv .txt .strong {
text-align: center;
font-size: 2.8rem;
color: #004386;
font-weight: bold;
margin-bottom: 2.5rem;
}
.iot_wrap #top .mainv .txt .ttl {
text-align: center;
font-size: 4.4rem;
color: #004386;
font-weight: bold;
margin-bottom: 2rem;
line-height: 1em;
letter-spacing: 0.35rem;
}
.iot_wrap #top .mainv .txt .ttl .blue {
color: #00a0e9;
}
.iot_wrap #top .mainv .txt .sub {
font-size: 2rem;
color: #004386;
line-height: 1rem;
}
.iot_wrap #top .mainv .img ul li {
display: inline-block;
width: 26rem;
margin-right: 1.5rem;
}
.iot_wrap #top .mainv .img ul li:last-child {
margin-right: 0;
}
.iot_wrap #top .mainv .img ul li img {
display: block;
}
.iot_wrap #top .mainv .img ul li p {
background: #00a0e9;
color: #fff;
font-size: 1.8rem;
text-align: center;
padding: 1rem 0;
}
.iot_wrap #top .document {
background: #00a0e9;
padding: 2rem 0 3rem;
}
.iot_wrap #top .document p {
color: #fff;
margin-bottom: 2rem;
font-size: 2.6rem;
text-align: center;
font-weight: bold;
padding-left: 2rem;
}
.iot_wrap #top .document p span {
font-size: 4rem;
}
.iot_wrap #top .document #common-document-form {
background: #4dbdf0;
position: relative;
text-align: center;
width: 100rem;
margin: 0 auto;
}
.iot_wrap #top .document #common-document-form .catalog {
position: absolute;
top: -14rem;
left: -7rem;
}
.iot_wrap #top .document #common-document-form .form-contents {
line-height: 2rem;
padding: 2rem;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 {
vertical-align: middle;
display: inline-block;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 {
margin-bottom: 1rem;
margin-right: 3rem;
overflow: visible;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1 dt, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2 dt, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 dt {
display: inline-block;
margin-right: 1.5rem;
line-height: 4.2rem;
width: 7rem;
text-align: right;
font-size: 1.4rem;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1 dd, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2 dd, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 dd {
display: inline-block;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1 dd input[type=text], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1 dd input[type=tel], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1 dd input[type=email], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2 dd input[type=text], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2 dd input[type=tel], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2 dd input[type=email], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 dd input[type=text], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 dd input[type=tel], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 dd input[type=email] {
width: 38rem;
height: 4rem;
border: 0;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 {
margin-bottom: 0;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 {
display: inline-block;
vertical-align: middle;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 dd {
position: relative;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 dd:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 5rem;
margin-top: -4px;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 dd input[type=submit] {
font-size: 2.4rem;
padding: 2rem 0 2rem 5rem;
width: 41.5rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-dl.png) no-repeat 6rem;
background-color: #faaa16;
font-weight: bold;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 dd input[type=submit]:hover {
background-color: #ff4f19;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 .top-comment {
display: block;
font-size: 1.4rem;
color: #fff;
line-height: 1;
margin-top: 2rem;
padding-left: 0;
}
.iot_wrap #top .problem {
background: #f9f9f9;
padding: 6rem 0 4.5rem;
}
.iot_wrap #top .problem .inner {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/naturally.png) no-repeat top right;
background-size: 50% auto;
padding-bottom: 14.5rem;
}
.iot_wrap #top .problem .txt {
margin: 4rem 0;
}
.iot_wrap #top .problem .txt h2 {
margin-bottom: 5rem;
}
.iot_wrap #top .point {
margin: 8rem 0;
}
.iot_wrap #top .point .inner {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #top .point .inner .img {
float: left;
width: 55rem;
}
.iot_wrap #top .point .inner .img ul {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #top .point .inner .img ul li {
float: left;
width: 50%;
text-align: center;
margin-bottom: 4rem;
}
.iot_wrap #top .point .inner .img ul li .no {
color: #00a0e9;
font-size: 3rem;
text-align: center;
}
.iot_wrap #top .point .inner .img ul li .no span {
font-size: 1.5rem;
position: relative;
margin-right: 0.5rem;
display: inline-block;
vertical-align: text-top;
}
.iot_wrap #top .point .inner .img ul li .no span:after {
content: "";
display: block;
background: #00a0e9;
width: 3rem;
height: 0.2rem;
position: absolute;
right: 0.3rem;
bottom: 0.2rem;
}
.iot_wrap #top .point .inner .img ul li .ttl {
font-size: 2rem;
color: #00a0e9;
margin: 2.5rem 0 1.5rem;
font-weight: bold;
text-align: center;
}
.iot_wrap #top .point .inner .img ul li:nth-child(2n) {
float: right;
}
.iot_wrap #top .point .inner .txt {
float: right;
width: 57rem;
}
.iot_wrap #top .point .inner .txt h2 {
margin-bottom: 5rem;
}
.iot_wrap #top .point .inner .txt p {
margin-bottom: 8rem;
}
.iot_wrap #top .service {
background: #f9f9f9;
padding: 10rem 0;
text-align: center;
}
.iot_wrap #top .service h2 {
margin-bottom: 2rem;
}
.iot_wrap #top .service h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #top .service .detail {
margin: 8rem 0 6rem;
}
.iot_wrap #top .service .detail ul {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #top .service .detail ul li {
position: relative;
float: left;
width: 520px;
background: #fff;
padding: 5rem;
margin: 0 2rem 2rem 0;
position: relative;
box-sizing: content-box;
}
.iot_wrap #top .service .detail ul li .btn-small {
text-align: center;
background: #b2b2b2;
border-radius: 99px;
padding: 10px;
position: relative;
margin: 20px auto 0;
}
.iot_wrap #top .service .detail ul li .btn-small a {
display: block;
width: 220px;
color: #fff;
}
.iot_wrap #top .service .detail ul li .btn-small:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap #top .service .detail ul li img {
position: relative;
left: -60px;
}
.iot_wrap #top .service .detail ul li:nth-child(2n) {
margin-right: 0;
}
.iot_wrap #top .service .detail ul li .no {
width: 6rem;
height: 6rem;
color: #fff;
font-size: 2.4rem;
font-weight: bold;
background: #004386;
-moz-border-radius: 0 0 9rem 0;
-webkit-border-radius: 0;
border-radius: 0 0 9rem 0;
position: absolute;
top: 0;
left: 0;
text-align: center;
}
.iot_wrap #top .service .detail ul li .txt h3 {
font-size: 3rem;
color: #00a0e9;
margin: 3.5rem 0 3rem;
font-weight: bold;
}
.iot_wrap #top .service .detail ul li .txt h3 span {
font-size: 2rem;
color: #484848;
display: block;
margin-bottom: 2rem;
}
.iot_wrap #top .service .detail ul li .txt p {
font-size: 1.3rem;
}
.iot_wrap #top .service .btn, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .service a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .service a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .service a {
text-align: center;
}
.iot_wrap #top .price {
padding: 10rem 0;
text-align: center;
}
.iot_wrap #top .price h2 {
margin-bottom: 2rem;
}
.iot_wrap #top .price h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #top .price p span {
font-size: 1.1rem;
margin: 1rem 0 2rem;
display: block;
line-height: 1.8em;
color: #aaa;
}
.iot_wrap #top .price ul {
margin: 6rem 0;
}
.iot_wrap #top .price ul li {
position: relative;
display: inline-block;
border: 0.2rem solid #00a0e9;
width: 40rem;
height: 40rem;
-moz-border-radius: 20rem;
-webkit-border-radius: 20rem;
border-radius: 20rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
margin-right: 2.5rem;
font-weight: bold;
}
.iot_wrap #top .price ul li .price-plan-img {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 20rem;
padding: 7rem 0 0;
}
.iot_wrap #top .price ul li .price-plan-in {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 20rem;
background: #00a0e9;
-moz-border-radius: 0 0 20rem 20rem;
-webkit-border-radius: 0;
border-radius: 0 0 20rem 20rem;
padding-top: 4rem;
position: relative;
}
.iot_wrap #top .price ul li .price-plan-in .count {
width: 206px;
color: #00a0e9;
font-size: 2.2rem;
line-height: 1.6;
background: #fff;
border: solid 2px #00a0e9;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
margin: 0 auto 30px;
position: absolute;
top: -20px;
left: 0;
right: 0;
}
.iot_wrap #top .price ul li .price-plan-in .pricedetail {
color: #fff000;
font-size: 4.8rem;
line-height: 1em;
font-weight: normal;
}
.iot_wrap #top .price ul li .price-plan-in .pricedetail span {
font-size: 3rem;
font-weight: normal;
display: inline-block;
margin: 0;
color: #fff000;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.iot_wrap #top .price ul li .price-plan-in .pricecost {
color: #fff;
font-size: 2.7rem;
font-weight: normal;
}
.iot_wrap #top .price ul li .price-plan-in .pricecost span {
color: #fff;
font-size: 1.8rem;
display: inline-block;
}
.iot_wrap #top .price ul li:nth-child(3n) {
margin-right: 0;
}
.iot_wrap #top .price ul li:nth-child(3n) .price-plan-img {
padding: 3rem 0 0;
}
.iot_wrap #top .price .btn, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .price a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .price a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .price a {
text-align: center;
}
.iot_wrap #top .campaign {
background: #f9f9f9;
padding: 7rem 0;
text-align: center;
}
.iot_wrap #top .campaign h2 {
margin-bottom: 8rem;
}
.iot_wrap #top .campaign h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #top .campaign .campaign-list {
margin-bottom: 6rem;
}
.iot_wrap #top .campaign .campaign-list ul {
font-size: 0;
letter-spacing: 0;
*zoom: 1;
}
.iot_wrap #top .campaign .campaign-list ul:after {
content: "";
display: table;
clear: both;
}
.iot_wrap #top .campaign .campaign-list ul li {
text-align: center;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}
.iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(1), .iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(1) ~ li {
width: 100%;
margin-left: 0;
}
.iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(2), .iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(2) ~ li {
width: 49%;
margin-left: 2%;
}
.iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(3), .iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(3) ~ li {
width: 32%;
margin-left: 2%;
}
.iot_wrap #top .campaign .campaign-list ul li:first-child {
margin-left: 0 !important;
}
.iot_wrap #top .campaign .campaign-list ul li a {
display: block;
float: none;
}
.iot_wrap #top .campaign .campaign-list ul li .img {
margin-bottom: 15px;
}
.iot_wrap #top .campaign .campaign-list ul li .img img {
width: auto;
max-width: 100%;
}
.iot_wrap #top .campaign .campaign-list ul li .ttl {
font-size: 2rem;
margin: 0 0 3rem;
font-weight: bold;
}
.iot_wrap #top .campaign .btn, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .campaign a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .campaign a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .campaign a {
text-align: center;
}
.iot_wrap #top .case {
background-color: #f9f9f9;
padding: 8rem 0 0;
text-align: center;
}
.iot_wrap #top .case h2 {
margin-bottom: 5rem;
}
.iot_wrap #top .case h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #top .case .bx-wrapper {
margin-bottom: 60px;
}
.iot_wrap #top .case ul.bxslider li {
position: relative;
height: auto;
}
.iot_wrap #top .case ul.bxslider li a {
width: 100%;
height: 100%;
display: flex !important;
overflow: hidden;
flex-direction: column;
}
.iot_wrap #top .case ul.bxslider li a img {
border: none;
aspect-ratio: 300/200;
width: 100%;
height: 200px;
object-fit: cover;
object-position: top;
}
@media screen and (max-width: 768px) {
.iot_wrap #top .case ul.bxslider li a img {
height: 150px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .case ul.bxslider li a img {
height: 180px;
}
}
.iot_wrap #top .case ul.bxslider li .txt {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: left;
padding: 2.5rem 3rem;
box-sizing: border-box;
position: relative;
padding: 2.5rem 3rem;
box-sizing: border-box;
}
.iot_wrap #top .case ul.bxslider li .txt p {
font-size: 1.3rem;
line-height: 1.8em;
color: #6e7173;
}
.iot_wrap #top .case ul.bxslider li .txt .ttl {
font-size: 1.8rem;
color: #333638;
margin-bottom: 1.5rem;
line-height: 1em;
}
.iot_wrap #top .case ul.bxslider li:nth-child(odd) .txt {
background: #eeeeec;
}
.iot_wrap #top .case ul.bxslider li:nth-child(even) .txt {
background: #eaeaec;
}
.iot_wrap #top .case .btn, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .case a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .case a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .case a {
text-align: center;
}
.iot_wrap #top .column {
padding: 10rem 0 8rem;
text-align: center;
}
.iot_wrap #top .column h2 {
margin-bottom: 8rem;
}
.iot_wrap #top .column h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #top .column .article-list {
overflow: hidden;
*zoom: 1;
text-align: left;
}
.iot_wrap #top .column .article-list h3 {
font-size: 3rem;
border-left: 0.4rem solid #00a0e9;
padding-left: 2rem;
margin-bottom: 3rem;
line-height: 1.2em;
}
.iot_wrap #top .column .article-list .new-article {
width: 83rem;
float: left;
margin-bottom: 6rem;
}
.iot_wrap #top .column .article-list .new-article ul li {
background: #fff;
margin: 0 0 2rem;
overflow: hidden;
*zoom: 1;
}
.iot_wrap #top .column .article-list .new-article ul li .img {
float: left;
}
.iot_wrap #top .column .article-list .new-article ul li .img img {
width: 27rem;
height: 18.6rem;
object-fit: cover;
display: block;
}
.iot_wrap #top .column .article-list .new-article .txt {
float: right;
width: 56rem;
padding: 2rem 3rem;
box-sizing: border-box;
}
.iot_wrap #top .column .article-list .new-article .txt .cat {
display: inline-block;
border: 0.1rem solid #00a0e9;
color: #00a0e9;
font-size: 1.1rem;
padding: 0.5rem 1rem;
line-height: 1em;
margin-right: 5px;
}
.iot_wrap #top .column .article-list .new-article .txt .date {
display: inline-block;
font-size: 1.3rem;
color: #999;
margin-left: 1rem;
}
.iot_wrap #top .column .article-list .new-article .txt .ttl {
font-size: 1.8rem;
margin: 0.5rem 1rem;
margin-left: 0;
line-height: 1.6em;
font-weight: bold;
}
.iot_wrap #top .column .article-list .new-article .txt .excerpt {
font-size: 1.3rem;
line-height: 1.6em;
color: #6e7173;
}
.iot_wrap #top .column .article-list .new-article .txt .excerpt span {
color: #00a0e9;
}
.iot_wrap #top .column .article-list .popular-article {
width: 41rem;
float: right;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list {
background: #fff;
padding: 2rem;
box-sizing: border-box;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li {
overflow: hidden;
*zoom: 1;
border-bottom: 0.1rem solid #e2e4e4;
padding: 2rem 0 1.46rem;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li a {
display: inline-block;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li .img {
float: left;
position: relative;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li .img:before {
content: "";
background: #000000;
color: #fff;
position: absolute;
top: 0;
left: 0;
font-size: 1.2rem;
line-height: 1em;
padding: 0.5rem 0.8rem;
z-index: 1;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li .img img {
display: block;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li .txt {
float: right;
width: 26rem;
font-size: 1.3rem;
line-height: 1.6em;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li .txt .ttl {
font-weight: bold;
margin-bottom: 0.5rem;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:first-child {
padding-top: 0;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:first-child .img:before {
content: "1";
background: #dccc18;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(2) .img:before {
content: "2";
background: #bab9c1;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(3) .img:before {
content: "3";
background: #fa8a5f;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(4) .img:before {
content: "4";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(5) .img:before {
content: "5";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(6) .img:before {
content: "6";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(7) .img:before {
content: "7";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(8) .img:before {
content: "8";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(9) .img:before {
content: "9";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(10) {
padding-bottom: 0;
border: 0;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(10) .img:before {
content: "10";
}
.iot_wrap #top .column .article-list .popular-article span {
color: #00a0e9;
}
.iot_wrap #top .column .btn, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .column a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .column a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .column a {
text-align: center;
}
.iot_wrap a.hover-img {
display: block;
float: left;
overflow: hidden;
}
.iot_wrap figure {
margin: 0;
overflow: hidden;
position: relative;
text-align: center;
}
.iot_wrap figure img {
height: auto;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 100%;
vertical-align: bottom;
}
.iot_wrap figure img:hover {
transform: scale(1.15, 1.15);
-webkit-transform: scale(1.15, 1.15);
-moz-transform: scale(1.15, 1.15);
-ms-transform: scale(1.15, 1.15);
-o-transform: scale(1.15, 1.15);
}
.iot_wrap .popular-article a.hover-img {
display: block;
float: left;
overflow: hidden;
width: 25%;
}
.iot_wrap .popular-article figure {
margin: 0;
overflow: hidden;
position: relative;
text-align: center;
width: 25%;
float: left;
}
.iot_wrap .popular-article figure img {
height: auto;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 100%;
vertical-align: bottom;
}
.iot_wrap .popular-article figure img:hover {
transform: scale(1.15, 1.15);
-webkit-transform: scale(1.15, 1.15);
-moz-transform: scale(1.15, 1.15);
-ms-transform: scale(1.15, 1.15);
-o-transform: scale(1.15, 1.15);
}
.iot_wrap #pagenation {
text-align: center;
overflow: hidden;
}
.iot_wrap #pagenation .prev_next_text {
border-bottom: 0.1rem solid #ddd;
padding-bottom: 1rem;
margin-bottom: 2rem;
}
.iot_wrap #pagenation .prev_next_text .text-prev, .iot_wrap #pagenation .prev_next_text .text-next {
display: inline-block;
width: 49%;
margin-top: 3rem;
text-align: left;
}
.iot_wrap #pagenation .prev_next_text .text-next {
text-align: right;
}
.iot_wrap #pagenation .prev {
float: left;
width: 49.5%;
border-right: 0.1rem solid #00a0e9;
}
.iot_wrap #pagenation .prev a {
display: inline-block;
position: relative;
}
.iot_wrap #pagenation .prev a:before {
content: "";
position: absolute;
left: 0.5rem;
top: 40%;
width: 10px;
height: 10px;
border-top: 0.3rem solid #00a0e9;
border-right: 0.3rem solid #00a0e9;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.iot_wrap #pagenation .prev a:before:hover {
opacity: 0.6;
}
.iot_wrap #pagenation .prev a .img {
display: inline-block;
width: 40%;
vertical-align: middle;
margin-right: 1rem;
}
.iot_wrap #pagenation .prev a .img img {
width: 100%;
height: 9rem;
object-fit: cover;
border-radius: 1rem;
}
.iot_wrap #pagenation .prev a .img img:hover {
opacity: 0.6;
}
.iot_wrap #pagenation .prev a .title {
display: inline-block;
width: 45%;
font-size: 1.4rem;
vertical-align: middle;
line-height: 2rem;
}
.iot_wrap #pagenation .prev a .title:hover {
text-decoration: underline;
}
.iot_wrap #pagenation .next {
float: right;
width: 49.5%;
}
.iot_wrap #pagenation .next a {
display: inline-block;
position: relative;
}
.iot_wrap #pagenation .next a:after {
content: "";
position: absolute;
right: 0.5rem;
top: 40%;
width: 10px;
height: 10px;
border-top: 0.3rem solid #00a0e9;
border-right: 0.3rem solid #00a0e9;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.iot_wrap #pagenation .next a:after:hover {
opacity: 0.6;
}
.iot_wrap #pagenation .next a .img {
display: inline-block;
width: 40%;
margin-right: 1rem;
vertical-align: middle;
}
.iot_wrap #pagenation .next a .img img {
width: 100%;
height: 9rem;
object-fit: cover;
border-radius: 1rem;
}
.iot_wrap #pagenation .next a .img img:hover {
opacity: 0.6;
}
.iot_wrap #pagenation .next a .title {
display: inline-block;
width: 45%;
vertical-align: middle;
font-size: 1.4rem;
line-height: 2rem;
}
.iot_wrap #pagenation .next a .title:hover {
text-decoration: underline;
}
.iot_wrap #top .case {
padding: 10rem 0;
}
.iot_wrap .campaign-bottom {
display: none;
}
.iot_wrap .induce-bn-box {
background-color: #f9f9f9;
}
.iot_wrap .induce-bn-box .induce-bn-top {
position: relative;
}
.iot_wrap .induce-bn-box .induce-bn-top .inner {
width: 910px;
margin: 0 auto;
padding: 30px 0 50px 0;
}
.iot_wrap .induce-bn-box .induce-bn-top .inner .sim img {
margin-bottom: 10px;
margin-left: -34px;
}
.iot_wrap #top .document .inner:after {
clear: both;
content: "";
display: block;
}
.iot_wrap #top .document_btn {
display: block;
border-radius: 8px;
text-align: center;
width: 610px;
font-size: 30px;
color: #fff !important;
font-weight: bold;
padding: 15px 0 25px;
letter-spacing: -1px;
position: relative;
z-index: 1;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.iot_wrap #top .document_btn:before {
content: "";
width: 13px;
height: 13px;
border: 0px;
border-top: solid 4px #fff;
border-right: solid 4px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 23px;
margin: auto;
}
.iot_wrap #top .document_btn span {
font-size: 24px;
}
.iot_wrap #top .document_btn1 {
float: left;
background: #faaa16 url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/document_btn1.png) 72px 50% no-repeat;
border: solid 5px #f7e6c6;
padding-left: 46px;
}
.iot_wrap #top .document_btn1:hover {
background-color: #FCBD47;
border-color: #f7e6c6;
}
.iot_wrap #top .document_btn2 {
float: right;
background: #f73e3e url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/document_btn2.png) 124px 50% no-repeat;
border: solid 5px #ffc9b9;
padding-left: 59px;
}
.iot_wrap #top .document_btn2:hover {
background-color: #F96868;
border-color: #f7d1c6;
}
.iot_wrap #top .document_popu {
position: relative;
z-index: 10000;
visibility: hidden;
opacity: 0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.iot_wrap #top .document_popu_on {
visibility: visible;
opacity: 1;
}
.iot_wrap #top .document_popu_body {
position: fixed;
z-index: 2;
top: 0;
left: 0;
right: 0;
}
.iot_wrap #top .document_popu_inner {
background: #fff;
width: 800px;
margin: 53px auto 0;
border-radius: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 1;
padding: 39px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.iot_wrap #top .document_popu_on .document_popu_inner {
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
-webkit-transform: scale(1);
transform: scale(1);
}
.iot_wrap #top .document_popu_bg {
position: fixed;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
.iot_wrap #top .document_popu_btn {
position: absolute;
z-index: 1;
top: -20px;
right: -20px;
}
.iot_wrap #top .document_popu_title {
padding: 0 !important;
margin: 0 0 50px !important;
}
.iot_wrap #top .document_popu_title img {
vertical-align: middle;
}
.iot_wrap #top .document #common-document-form .box2 input[type=submit].send_on {
background-color: #b2b2b2 !important;
border-color: #e6e6e6 !important;
cursor: default;
}
.iot_wrap #top .document #common-document-form {
background: none;
width: auto;
}
.iot_wrap #top .document #common-document-form dl dt {
color: #00a0e9;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 {
margin: 0 0 46px;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 dd input {
border: solid 1px #BFBFBF !important;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 dt {
margin-right: 5.5rem !important;
}
.iot_wrap #top .document #common-document-form .form-contents .box3 {
font-size: 16px;
margin: 15px 0 0;
}
.iot_wrap #top .document #common-document-form .form-contents .box3 .wpcf7-list-item {
margin: 0;
}
.iot_wrap #top .document #common-document-form .form-contents {
padding: 0;
}
.iot_wrap .iot-head {
background-color: #0099e6;
background-repeat: no-repeat;
background-position: center;
clear: both;
text-align: center;
height: 252px;
display: flex;
}
.iot_wrap .iot-head__title {
color: #fff;
align-self: center;
width: 100%;
}
.iot_wrap .iot-head__title h1 {
font-size: 32px;
}
@media screen and (max-width: 540px) {
.iot_wrap .iot-head__title h1 {
font-size: 24px;
}
}
.iot_wrap .iot-head__title .sub-title {
font-size: 16px;
margin-top: 28px;
}
@media screen and (max-width: 540px) {
.iot_wrap .iot-head__title .sub-title {
font-size: 14px;
}
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-document-smaller a {
line-height: 1.2;
}
.iot_wrap #top .service .detail ul li {
height: 440px;
}
.iot_wrap #top #free-internet.document {
margin-bottom: 0;
}
.iot_wrap #page-main .pagetitle {
font-size: 32px !important;
}
.iot_wrap #top .problem .inner .btn a {
font-size: 14px;
}
.iot_wrap #top .point .inner .txt .btn a {
font-size: 14px;
}
.iot_wrap #case .bxslider li {
width: 200px;
position: relative;
}
.iot_wrap #page-content .l-case {
background: #f6f6f6;
}
.iot_wrap #header .btn-area .btn-document a {
width: 165px;
height: 60px;
font-size: 12px;
display: block;
position: relative;
color: #fff;
}
.iot_wrap #page-main .inner {
width: 100%;
max-width: 126rem;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a {
background-position: 2.5rem 1.2rem;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a:hover {
background-position: 2.5rem 1.2rem;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a {
background-position: 2.5rem 1.2rem;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a:hover {
background-position: 2.5rem 1.2rem;
}
.iot_wrap aside .contact .claim {
font-size: 18px;
}
@media screen and (max-width: 1119px) {
.iot_wrap #top .problem .inner {
width: 100%;
}
}
.iot_wrap #top .mainv {
position: relative;
overflow: hidden;
background-color: #d4f0fb;
}
.iot_wrap #top .mainv .inner .txt .ttl {
line-height: 1.5;
color: #0099e2;
}
.iot_wrap #top .mainv .m-pictures {
width: 82rem;
height: 285px;
margin: 0 auto;
}
.iot_wrap #top .mainv .m-pictures .m-person {
width: 100%;
position: relative;
}
.iot_wrap #top .mainv .m-pictures .m-person__li {
display: block;
position: absolute;
content: "";
top: -195px;
}
.iot_wrap #top .mainv .m-pictures .m-person__li:nth-of-type(1) {
left: -272px;
width: 306px;
height: 541px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-sprites_pc.png) -379px -10px;
}
.iot_wrap #top .mainv .m-pictures .m-person__li:nth-of-type(2) {
right: -300px;
width: 349px;
height: 541px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-sprites_pc.png) -10px -10px;
}
.iot_wrap #top .mainv .m-pictures .m-service__li {
width: 100%;
position: relative;
}
.iot_wrap #top .mainv .m-pictures .m-service__li__inner {
display: block;
position: absolute;
content: "";
top: -50px;
}
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(1) a {
left: -25px;
width: 310px;
height: 240px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-sprites_pc.png) -705px -10px;
}
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(2) a {
left: 0;
right: 0;
margin: 0 auto;
width: 310px;
height: 240px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-sprites_pc.png) -705px -270px;
}
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(3) a {
right: -25px;
width: 310px;
height: 240px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-sprites_pc.png) -10px -571px;
}
@media screen and (max-width: 767px) {
.iot_wrap #top .mainv {
position: relative;
overflow: hidden;
display: block;
height: 260px;
width: 100%;
background-color: #d4f0fb;
padding: 30px 0;
}
}
@media screen and (max-width: 767px) and (max-width: 575px) {
.iot_wrap #top .mainv {
height: 370px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #top .mainv .inner .txt {
width: 100%;
}
.iot_wrap #top .mainv .inner .txt .strong {
font-size: 16px;
color: #003b79;
text-align: center;
margin-bottom: 16px;
line-height: 1.2;
z-index: 2;
}
.iot_wrap #top .mainv .inner .txt .ttl {
color: #009ae2;
line-height: 1.5;
font-size: 24px;
font-weight: bold;
margin: 0 auto;
z-index: 2;
}
.iot_wrap #top .mainv .m-pictures {
width: 94%;
height: 285px;
margin: 0 auto;
}
.iot_wrap #top .mainv .m-pictures .m-person {
width: 100%;
position: relative;
}
.iot_wrap #top .mainv .m-pictures .m-person__li {
display: block;
position: absolute;
content: "";
top: -136px;
}
.iot_wrap #top .mainv .m-pictures .m-person__li:nth-of-type(1) {
left: -30px;
width: 76.5px;
height: 135px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-bg-1_lo.png);
background-size: contain;
background-repeat: no-repeat;
}
.iot_wrap #top .mainv .m-pictures .m-person__li:nth-of-type(2) {
right: -35px;
width: 87.5px;
height: 135px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-bg-2_lo.png);
background-size: contain;
background-repeat: no-repeat;
}
.iot_wrap #top .mainv .m-pictures .m-service {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
justify-content: center;
}
}
@media screen and (max-width: 767px) and (max-width: 575px) {
.iot_wrap #top .mainv .m-pictures .m-service {
justify-content: flex-start;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #top .mainv .m-pictures .m-service__li {
width: calc(32% - 15px);
display: block;
}
}
@media screen and (max-width: 767px) and (max-width: 575px) {
.iot_wrap #top .mainv .m-pictures .m-service__li {
width: calc(50% - 10px);
}
}
@media screen and (max-width: 767px) {
.iot_wrap #top .mainv .m-pictures .m-service__li__inner {
display: block;
position: static;
content: "";
}
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(1) a {
margin: 0 auto;
width: 155px;
height: 120px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-bg-3_lo.png);
background-size: contain;
background-repeat: no-repeat;
}
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(2) a {
margin: 0 auto;
width: 155px;
height: 120px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-bg-4_lo.png);
background-size: contain;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 575px) {
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(2) a {
margin-left: 18%;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(3) a {
margin: 0 auto;
width: 155px;
height: 120px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-bg-5_lo.png);
background-size: contain;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #top .problem img {
margin-bottom: 30px;
}
}
.iot_wrap #top .price .inner {
margin: 0px auto 30px;
}
.iot_wrap #case {
background-color: #ffffff !important;
}
.iot_wrap #case .case-slider li {
width: 200px;
height: 240px;
position: relative;
}
.iot_wrap #top #case .case-slider li .txt {
min-height: 8rem;
}
.iot_wrap #free-internet .m-case_seq {
max-width: 830px;
margin: 0 auto;
width: 100%;
height: 200px;
display: block;
margin-bottom: 110px;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq {
height: auto;
width: 100%;
max-width: 320px;
}
}
.iot_wrap #free-internet .m-case_seq a {
background-color: #f9f9f9;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq a {
margin-bottom: 25px;
flex-direction: column;
}
}
.iot_wrap #free-internet .m-case_seq a .img {
width: 320px;
display: block;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq a .img {
width: 100%;
}
}
.iot_wrap #free-internet .m-case_seq a .img figure {
padding-top: 64%;
margin: 0;
}
.iot_wrap #free-internet .m-case_seq a .img figure img {
display: block;
height: inherit;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
transition-duration: 0.5s;
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq a .img figure img {
width: 100%;
}
}
.iot_wrap #free-internet .m-case_seq a .txt {
margin: 0px 16px;
width: calc(100% - 336px);
padding: 8px 0;
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq a .txt {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.iot_wrap #free-internet .m-case_seq a .txt .m-spec_lists__li {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.iot_wrap #free-internet .m-case_seq a .txt .m-spec_lists__li__tl {
width: 150px;
}
.iot_wrap #free-internet .m-case_seq a .txt .m-spec_lists__li__content {
width: calc(100% - 150px);
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq a .txt {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.iot_wrap #free-internet .m-case_seq a .txt .ttl {
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin: 0;
margin-bottom: 24px;
padding-top: 10px;
}
.iot_wrap #free-internet .m-case_seq a .txt .ttl:before {
display: none;
}
.iot_wrap #free-internet .m-case_seq a:hover .img figure img {
-webkit-transform: translateY(-50%) scale(1.2);
transform: translateY(-50%) scale(1.2);
transition-duration: 0.5s;
}
.iot_wrap #free-internet .m-case_seq a:hover .txt .ttl {
color: gray;
}
.iot_wrap #flow h2 {
color: #006DB7;
}
.iot_wrap #flow ul.pc li:first-child {
position: relative;
background: #EAFCFE;
padding: 51px 0;
}
.iot_wrap #flow ul.pc li:first-child:after {
top: 136px;
}
.iot_wrap #flow ul.pc li:nth-child(2n+1) {
text-align: center;
background: #EAFCFE;
width: 15rem;
float: left;
color: #134484;
font-size: 1.8rem;
position: relative;
}
.iot_wrap #flow ul.pc li:nth-child(2n+1):after {
border-top: 3rem solid #EAFCFE;
}
.iot_wrap #flow ul.pc li:nth-child(3) {
padding: 5.5rem 0 72px;
}
.iot_wrap #flow ul.pc li:nth-child(5) {
padding: 5.5rem 0 72px;
}
.iot_wrap #flow ul.pc li:nth-child(7) {
padding: 7rem 0 57px;
}
.iot_wrap #flow ul.pc li:nth-child(7):after {
top: 162px;
}
.iot_wrap #flow ul.pc li:nth-child(9) {
padding: 5.5rem 0 95px;
}
.iot_wrap #flow ul.pc li:nth-child(9):after {
top: 180px;
}
.iot_wrap #flow ul.pc li:nth-child(11) {
padding: 5.5rem 0 72px;
}
.iot_wrap #flow ul.pc li:nth-child(11):after {
top: 161px;
}
.iot_wrap #flow ul.pc li:nth-child(2n) h3 {
color: #00A2E6;
}
.iot_wrap #flow ul.pc li:nth-child(2n) span {
font-size: 14px;
color: #333333;
margin-left: 14px;
}
@media screen and (max-width: 767px) {
.iot_wrap { }
.iot_wrap #flow table.sp th {
background: #EAFCFE;
color: #134484;
}
.iot_wrap #flow table.sp td h3 {
color: #00A2E6;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.iot_wrap #flow table.sp th {
background: #EAFCFE;
color: #134484;
}
.iot_wrap #flow table.sp td h3 {
color: #00A2E6;
}
.iot_wrap #flow table.sp td h3 span {
font-size: 14px;
line-height: 1.5;
font-weight: normal;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .page-works-list {
background: #f6f6f6;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #security .box2.autolock .lock .txt {
width: 55%;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #charm .box1 {
border-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost h2 {
margin-bottom: 5rem;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost h3 {
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
font-weight: 700;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost p {
margin: 4rem 0 8rem;
font-size: 16px;
color: #6e7173;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul {
display: flex;
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li {
width: 50%;
display: block;
margin-bottom: 4rem;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li .img__body {
width: 100%;
max-width: 280px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li .no {
color: #00a0e9;
font-size: 3rem;
text-align: center;
margin: auto;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li .no span {
font-size: 1.5rem;
position: relative;
margin-right: 0.5rem;
display: inline-block;
vertical-align: text-top;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li .no span:after {
content: "";
display: block;
background: #00a0e9;
width: 3rem;
height: 0.2rem;
position: absolute;
right: 0.3rem;
bottom: 0.2rem;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li .ttl {
font-size: 2rem;
color: #00a0e9;
margin: 1rem 2.5rem 1rem;
font-weight: 700;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul img {
display: block;
margin: 20px auto;
width: auto;
height: 100%;
max-height: 200px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img .img-mc li {
width: calc(50% - 1rem);
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img .img-mc li:first-child {
margin-right: 2rem;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img .img-mc li img {
max-height: unset;
width: 100%;
height: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 768px) {
.iot_wrap .low_cost {
width: 90%;
margin: 0px auto;
}
.iot_wrap .low_cost p {
margin: 2.5rem 0 4rem;
font-size: 1.2rem;
line-height: 2rem;
color: #333638;
}
.iot_wrap .low_cost h3 {
font-size: 1.6rem;
font-weight: 700;
padding-left: 0.7rem;
border-left: 0.3rem solid #00a0e9;
line-height: 2.5rem;
margin-bottom: 3rem;
}
.iot_wrap .low_cost .img ul li .no {
color: #00a0e9;
font-size: 2rem;
font-weight: 700;
line-height: 1.1em;
}
.iot_wrap .low_cost .img ul li .no span {
font-size: 1rem;
position: relative;
margin-right: 0.5rem;
vertical-align: text-top;
}
.iot_wrap .low_cost .img ul li .no span:after {
content: "";
display: block;
background: #00a0e9;
width: 2.2rem;
height: 0.2rem;
position: absolute;
right: 0.3rem;
bottom: -0.2rem;
}
.iot_wrap .low_cost .img ul li .img__body {
width: 90%;
}
.iot_wrap .low_cost .img ul li .ttl {
font-size: 1.4rem;
color: #00a0e9;
margin: 1.5rem 0 1rem;
font-weight: 700;
}
.iot_wrap .low_cost .img ul li img {
display: block;
margin: 20px auto;
max-width: 200px;
width: 90%;
height: auto;
}
.iot_wrap .low_cost .img .img-mc li {
width: 100% !important;
}
.iot_wrap .low_cost .img ul li img {
display: block;
margin: 20px auto;
width: 90%;
height: auto;
}
.iot_wrap .low_cost .img .img-mc li img {
max-width: unset;
width: 90%;
}
.iot_wrap .low_cost .img .img-mc li:first-child {
margin-right: unset;
}
}
.iot_wrap { }
.iot_wrap #form-document .form_wrap, .iot_wrap #form-estimate .form_wrap, .iot_wrap #form-materialmailing .form_wrap {
padding: 0 15rem;
}
.iot_wrap .page-id-1386 #form-inquiry.pc {
padding: 8rem 15rem !important;
}
.iot_wrap #form-document .form_wrap, .iot_wrap #form-estimate .form_wrap, .iot_wrap #form-materialmailing .form_wrap {
padding: 0 15rem;
}
.iot_wrap #companyNameTitle.hid, .iot_wrap #companyNameForm.hid, .iot_wrap #confirmBox.hid, .iot_wrap #returnBox.hid, .iot_wrap #submitBox.hid {
display: none;
}
.iot_wrap input.household {
max-width: 270px;
}
.iot_wrap .household_unit {
margin-left: 16px;
}
.iot_wrap dd.customer_name {
display: flex;
width: 100%;
}
.iot_wrap dd.customer_name span:first-child {
display: block;
margin-right: 2%;
width: 49%;
}
.iot_wrap dd.customer_name span {
display: block;
width: 49%;
}
.iot_wrap a, .iot_wrap abbr, .iot_wrap acronym, .iot_wrap address, .iot_wrap applet, .iot_wrap article, .iot_wrap aside, .iot_wrap audio, .iot_wrap b, .iot_wrap big, .iot_wrap blockquote, .iot_wrap body, .iot_wrap canvas, .iot_wrap caption, .iot_wrap center, .iot_wrap cite, .iot_wrap code, .iot_wrap dd, .iot_wrap del, .iot_wrap details, .iot_wrap dfn, .iot_wrap div, .iot_wrap dl, .iot_wrap dt, .iot_wrap em, .iot_wrap embed, .iot_wrap fieldset, .iot_wrap figcaption, .iot_wrap figure, .iot_wrap footer, .iot_wrap form, .iot_wrap h1, .iot_wrap h2, .iot_wrap h3, .iot_wrap h4, .iot_wrap h5, .iot_wrap h6, .iot_wrap header, .iot_wrap hgroup, .iot_wrap html, .iot_wrap i, .iot_wrap iframe, .iot_wrap img, .iot_wrap ins, .iot_wrap kbd, .iot_wrap label, .iot_wrap legend, .iot_wrap li, .iot_wrap mark, .iot_wrap menu, .iot_wrap nav, .iot_wrap object, .iot_wrap ol, .iot_wrap output, .iot_wrap p, .iot_wrap pre, .iot_wrap q, .iot_wrap ruby, .iot_wrap s, .iot_wrap samp, .iot_wrap section, .iot_wrap small, .iot_wrap span, .iot_wrap strike, .iot_wrap strong, .iot_wrap sub, .iot_wrap summary, .iot_wrap sup, .iot_wrap table, .iot_wrap tbody, .iot_wrap td, .iot_wrap tfoot, .iot_wrap th, .iot_wrap thead, .iot_wrap time, .iot_wrap tr, .iot_wrap tt, .iot_wrap u, .iot_wrap ul, .iot_wrap var, .iot_wrap video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
.iot_wrap html {
line-height: 1;
font-size: 10px;
}
.iot_wrap table {
border-collapse: collapse;
border-spacing: 0;
}
.iot_wrap caption, .iot_wrap td, .iot_wrap th {
text-align: left;
font-weight: 400;
vertical-align: middle;
}
.iot_wrap blockquote, .iot_wrap q {
quotes: none;
}
.iot_wrap q:after, .iot_wrap q:before {
content: "";
content: none;
}
.iot_wrap blockquote:after, .iot_wrap blockquote:before {
content: "";
content: none;
}
.iot_wrap a img {
border: none;
}
.iot_wrap article, .iot_wrap aside, .iot_wrap details, .iot_wrap figcaption, .iot_wrap figure, .iot_wrap footer, .iot_wrap header, .iot_wrap hgroup, .iot_wrap menu, .iot_wrap nav, .iot_wrap section, .iot_wrap summary {
display: block;
}
.iot_wrap textarea {
border: #6e7173 solid 1px;
padding: 5px;
}
.iot_wrap hr {
height: 0;
margin: 5px 0 20px 0;
padding: 0;
border: 0;
border-top: 1px solid #f9f9f9;
}
.iot_wrap a {
color: #333638;
text-decoration: none;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.iot_wrap a:link {
color: #333638;
}
.iot_wrap a:active {
color: #333638;
}
.iot_wrap a:visited {
color: #333638;
}
.iot_wrap a:hover {
cursor: pointer;
}
.iot_wrap a:hover img {
-moz-transition: ease-in-out 0.5s;
-o-transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s;
transition: ease-in-out 0.5s;
}
.iot_wrap .sp {
display: none;
}
.iot_wrap .btn {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
}
.iot_wrap .btn-orange {
text-align: left;
}
.iot_wrap .btn-orange a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.68rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
}
.iot_wrap .btn-orange a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .btn-orange a:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap #form-document .btn, .iot_wrap #form-estimate .btn, .iot_wrap #form-inquiry .btn, .iot_wrap .btn-gray {
text-align: left;
}
.iot_wrap #form-document .btn a, .iot_wrap #form-estimate .btn a, .iot_wrap #form-inquiry .btn a, .iot_wrap .btn-gray a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #b2b2b2;
border: 0.6rem solid #e6e6e6;
color: #fff;
font-size: 1.68rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
}
.iot_wrap #form-document .btn a:after, .iot_wrap #form-estimate .btn a:after, .iot_wrap #form-inquiry .btn a:after, .iot_wrap .btn-gray a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap #form-document .btn a:hover, .iot_wrap #form-estimate .btn a:hover, .iot_wrap #form-inquiry .btn a:hover, .iot_wrap .btn-gray a:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap .link-arrow-red {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-red:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #ff4f19;
border-right: solid 2px #ff4f19;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-purple {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-purple:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-blue {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-blue:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-white {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-white:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .content-txt {
color: #6e7173;
font-size: 1.6rem;
line-height: 2.2em;
}
.iot_wrap .hover-orange:hover {
background-color: #faaa16;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-red:hover {
background-color: #ff4f19;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-blue:hover {
background-color: #00a0e9;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-line:hover:before {
content: "";
display: inline-block;
width: 100%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 10%;
left: 0;
}
.iot_wrap h2, .iot_wrap h2:first-child {
font-size: 4rem;
position: relative;
line-height: 1.6em;
padding-top: 4rem;
color: #484848;
}
.iot_wrap h2:before {
content: "";
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/line-ttl.png) no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0;
}
.iot_wrap h4 {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.8rem;
margin-bottom: 4rem;
line-height: 3.5rem;
}
.iot_wrap ul li {
list-style: none;
}
.iot_wrap input[type=email]:placeholder-shown, .iot_wrap input[type=tel]:placeholder-shown, .iot_wrap input[type=text]:placeholder-shown {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=email]::-webkit-input-placeholder, .iot_wrap input[type=tel]::-webkit-input-placeholder, .iot_wrap input[type=text]::-webkit-input-placeholder {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=email]:-moz-placeholder, .iot_wrap input[type=tel]:-moz-placeholder, .iot_wrap input[type=text]:-moz-placeholder {
opacity: 1;
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=email]::-moz-placeholder, .iot_wrap input[type=tel]::-moz-placeholder, .iot_wrap input[type=text]::-moz-placeholder {
opacity: 1;
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=email]:-ms-input-placeholder, .iot_wrap input[type=tel]:-ms-input-placeholder, .iot_wrap input[type=text]:-ms-input-placeholder {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap table {
width: 100%;
border-collapse: separate;
border-top: #7ca7d2 solid 1px;
margin: 1rem 0;
line-height: 1.5;
}
@media only screen and (max-width: 750px) {
.iot_wrap table {
width: 93%;
}
}
.iot_wrap table tr th {
padding: 3%;
text-align: left;
vertical-align: top;
border-bottom: #6e7173 solid 1px;
}
.iot_wrap table tr th:first-child {
padding-left: 0;
}
.iot_wrap table tr th:last-child {
padding-right: 0;
}
.iot_wrap table tr td {
padding: 7px;
vertical-align: top;
border-bottom: #6e7173 solid 1px;
}
.iot_wrap table tr td.align-right {
text-align: right;
}
.iot_wrap table tr td:first-child {
padding-left: 0;
}
.iot_wrap table tr td:last-child {
padding-right: 0;
}
.iot_wrap html {
font-size: 62.5%;
font-size: 10px;
}
.iot_wrap body {
position: relative;
font-family: Arial, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #333638;
font-size: 1.6rem;
letter-spacing: 0.05rem;
line-height: 2.2em;
width: 100%;
-webkit-text-size-adjust: 100%;
font-size: 1.4rem;
min-width: 126rem;
}
.iot_wrap .inner {
width: 126rem;
margin: 0 auto;
}
.iot_wrap .wpcf7-mail-sent-ok {
display: none !important;
}
.iot_wrap html > img {
display: none !important;
}
.iot_wrap .breadcrumbs {
color: #fff;
width: 1260px;
display: block;
margin: 0 auto;
padding: 1.5rem 0 0 0;
font-size: 1.2rem;
font-family: "メイリオ", Meiryo, sans-serif;
}
.iot_wrap .breadcrumbs a {
color: #fff;
}
.iot_wrap .breadcrumbs span {
display: inline-block;
}
.iot_wrap .breadcrumbs span.bread {
display: none;
}
.iot_wrap .breadcrumbs span.arrow {
padding-left: 0.5rem;
}
.iot_wrap main#page-main .pagetitle {
text-align: center;
color: #fff;
font-size: 47px;
display: block;
width: 500px;
margin: 0 auto;
line-height: 5rem;
padding: 3rem 0;
}
.iot_wrap main#page-main .pagetitle span {
display: block;
font-size: 1.6rem;
line-height: 7.5rem;
}
.iot_wrap main#page-main .mainv-charm {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/charm/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-service {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-security {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/security/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-free-internet {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/internet/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-comfortable {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/comfortable/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-management-free {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/management-free/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-price {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/price/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-flow {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/flow/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-faq {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/faq/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-campaign {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/campaign/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-column {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/column/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-company {
display: none;
}
.iot_wrap main#page-main .mainv-privacy {
display: none;
}
.iot_wrap .page-id-76 .footer-bottom .contact-area .form-contents .box2, .iot_wrap .page-id-80 .footer-bottom .contact-area .form-contents .box2, .iot_wrap .page-id-82 .footer-bottom .contact-area .form-contents .box2, .iot_wrap .page-id-84 .footer-bottom .contact-area .form-contents .box2 {
vertical-align: middle !important;
margin-top: 0 !important;
}
.iot_wrap .page-id-76 .footer-bottom .contact-area .form-contents .top-comment, .iot_wrap .page-id-80 .footer-bottom .contact-area .form-contents .top-comment, .iot_wrap .page-id-82 .footer-bottom .contact-area .form-contents .top-comment, .iot_wrap .page-id-84 .footer-bottom .contact-area .form-contents .top-comment {
display: none !important;
}
.iot_wrap .single-campaign .breadcrumbs {
background: #f9f9f9;
color: #333638;
width: 100%;
margin: 0 auto 8rem;
padding: 0;
line-height: 1em;
}
.iot_wrap .single-campaign .breadcrumbs .inner {
padding: 1rem 0;
}
.iot_wrap .single-campaign .breadcrumbs a {
color: #333638;
}
.iot_wrap .single-campaign #detail .mainv {
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
}
.iot_wrap .single-campaign #detail .mainv img {
width: auto;
max-width: 100%;
}
.iot_wrap .single-campaign #detail .article-ttl {
border-left: 0.4rem solid #00a0e9;
padding-left: 2rem;
font-size: 2.4rem;
margin-bottom: 20px;
}
.iot_wrap .single-campaign #detail .single-content .ttl {
font-size: 1.6rem;
line-height: 3.5rem;
letter-spacing: 0.1rem;
margin: 4rem 0 6rem;
color: #6e7173;
}
.iot_wrap .single-campaign #detail .single-content .ttl img {
width: auto;
max-width: 100%;
}
.iot_wrap .single-campaign #detail .single-content table {
border-top: 0.1rem solid #ddd;
font-size: 1.3rem;
}
.iot_wrap .single-campaign #detail .single-content table th {
border-right: 0.1rem solid #ddd;
border-left: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
width: 20rem;
padding: 2rem;
vertical-align: middle;
background-color: #f9f9f9;
color: #484848;
line-height: 2.2rem;
}
.iot_wrap .single-campaign #detail .single-content table td {
border-right: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
vertical-align: middle;
padding: 2rem;
color: #484848;
line-height: 2.2rem;
}
.iot_wrap .single-campaign #detail .single-content table td ul li {
list-style: disc;
margin-left: 2rem;
}
.iot_wrap .single-campaign #detail .single-content > p {
color: #aaa;
font-size: 1.1rem;
}
.iot_wrap .single-campaign #detail .single-content .btn-orange {
margin-top: 3rem;
text-align: center;
}
.iot_wrap .single-campaign #detail .footer-bottom {
margin: 8rem 0 10rem;
}
.iot_wrap .single-campaign #detail .footer-bottom .contact-area .info-area .tel p {
color: #333638;
}
.iot_wrap .single-campaign #detail .footer-bottom .contact-area .form-contents .box2 {
vertical-align: middle;
margin-top: 0;
}
.iot_wrap .single-campaign #detail .footer-bottom .contact-area .form-contents .top-comment {
display: none;
}
.iot_wrap #campaign {
margin-bottom: 10rem;
}
.iot_wrap #campaign h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
}
.iot_wrap #campaign ul {
overflow: hidden;
}
.iot_wrap #campaign ul li {
margin-bottom: 25px;
overflow: hidden;
}
.iot_wrap #campaign ul li:last-child {
margin-bottom: 0;
}
.iot_wrap #campaign ul li .img {
width: 450px;
float: left;
}
.iot_wrap #campaign ul li .img img {
width: auto;
max-width: 100%;
}
.iot_wrap #campaign ul li .txt {
width: 430px;
margin-left: 30px;
float: right;
}
.iot_wrap #campaign ul li .txt .ttl {
font-weight: 700;
font-size: 2rem;
line-height: 2.5rem;
margin-bottom: 2rem;
}
.iot_wrap #campaign ul li .txt .excerpt {
color: #6e7173;
font-size: 1.3rem;
line-height: 2.2rem;
letter-spacing: 0.1rem;
}
.iot_wrap #campaign ul li .txt .excerpt span {
color: #00a0e9;
}
.iot_wrap #campaign ul li .txt .excerpt span a {
color: #00a0e9;
}
.iot_wrap .campaign-bottom {
background: #f9f9f9;
padding: 2rem;
margin-bottom: 8rem;
}
.iot_wrap .campaign-bottom ul {
background-color: #f9f9f9;
padding: 3rem 4rem 0;
overflow: hidden;
}
.iot_wrap .campaign-bottom ul li {
margin-bottom: 2rem;
background-color: #fff;
overflow: hidden;
}
.iot_wrap .campaign-bottom ul li:last-child {
margin-bottom: 0;
}
.iot_wrap .campaign-bottom ul li a {
display: block;
overflow: hidden;
}
.iot_wrap .campaign-bottom ul li a .img {
float: left;
height: 18.4rem;
}
.iot_wrap .campaign-bottom ul li a .img img {
width: 26.9rem;
height: 18.4rem;
object-fit: cover;
}
.iot_wrap .campaign-bottom ul li a .txt {
width: 60%;
float: right;
padding: 2.5rem 2rem;
}
.iot_wrap .campaign-bottom ul li a .txt .excerpt span {
color: #00a0e9;
}
.iot_wrap .campaign-bottom ul li a .txt .ttl {
font-weight: 700;
font-size: 2rem;
margin-bottom: 2rem;
}
.iot_wrap .campaign-bottom h2 {
text-align: center;
padding: 2rem 0;
}
.iot_wrap .campaign-bottom h2:before {
display: none;
}
.iot_wrap .campaign-bottom .btn-orange {
margin: 4rem auto;
text-align: center;
}
.iot_wrap #service {
font-size: 1.6rem;
line-height: 3.5rem;
margin-bottom: 10rem;
position: relative;
}
.iot_wrap #service p {
color: #6e7173;
}
.iot_wrap #service .ttl {
color: #333638;
}
.iot_wrap #service h2 {
line-height: 6rem;
color: #484848;
}
.iot_wrap #service h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 1em;
margin-bottom: 2.5rem;
}
.iot_wrap #service .btn-orange {
margin: 4rem auto 8rem;
text-align: center;
}
.iot_wrap #service .btn-orange a {
width: 40rem;
padding: 1rem 3rem 1rem 2rem;
}
.iot_wrap #service .btn-orange a:after {
right: 7%;
margin-top: -0.5rem;
}
.iot_wrap #service .btn {
width: 40rem;
}
.iot_wrap #service .btn a {
padding: 2.5rem 4rem;
}
.iot_wrap #service .box1 .title {
margin: 2.5rem 0 6rem;
}
.iot_wrap #service .box1 .service-netlist01 {
margin: 3rem 0 2rem;
border: 0.1rem solid #ccc;
}
.iot_wrap #service .box1 .service-netlist01 .img img {
width: 100%;
}
.iot_wrap #service .box1 .service-netlist01 .net-contents {
background-color: #f9f9f9;
padding: 2rem 3rem 3rem;
margin-top: -1.3rem;
}
.iot_wrap #service .box1 .service-netlist01 .net-contents .ttl {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1rem;
line-height: 3.5rem;
letter-spacing: 0.05rem;
}
.iot_wrap #service .box1 .service-netlist01 .net-contents p {
font-size: 1.4rem;
line-height: 3rem;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi {
display: inline-block;
border: 0.1rem solid #ccc;
width: 48.4%;
height: 43.4rem;
margin-right: 2rem;
vertical-align: top;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi:nth-child(2n) {
margin-right: 0;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi img {
width: 100%;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi .net-contents {
background-color: #f9f9f9;
padding: 2rem 3rem;
margin-top: -1.3rem;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi .net-contents .ttl {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1rem;
line-height: 3.5rem;
letter-spacing: 0.05rem;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi .net-contents .ttl span {
color: #00a0e9;
padding: 0.2rem 0.5rem;
background-color: #fff;
border: 0.2rem solid #00a0e9;
margin-right: 1rem;
font-size: 1.6rem;
font-weight: 400;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi .net-contents p {
font-size: 1.4rem;
line-height: 3rem;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi2 .net-contents {
padding: 2rem 3rem 5.1rem;
}
.iot_wrap #service .box2 p {
margin: 2.5rem 0 4rem;
}
.iot_wrap #service .box2 .countermeasure-contents ul li {
border: 0.1rem solid #ccc;
display: inline-block;
margin-right: 2rem;
width: 31%;
vertical-align: top;
}
.iot_wrap #service .box2 .countermeasure-contents ul li img {
width: 100%;
}
.iot_wrap #service .box2 .countermeasure-contents ul li:nth-child(3n) {
margin-right: 0;
}
.iot_wrap #service .box2 .countermeasure-contents ul li .box {
height: 110px;
background-color: #f9f9f9;
padding: 2rem;
margin-top: -1.1rem;
}
.iot_wrap #service .box2 .countermeasure-contents ul li .box .ttl {
margin-bottom: 1rem;
font-size: 1.8rem;
line-height: 3.5rem;
font-weight: 700;
}
.iot_wrap #service .box2 .countermeasure-contents ul li .box p {
font-size: 1.4rem;
line-height: 2.6rem;
margin: 0;
}
.iot_wrap #service .box3 p {
margin: 2.5rem 0 4rem;
}
.iot_wrap #service .box3 .post-contents ul li {
border: 0.1rem solid #ccc;
display: inline-block;
margin-right: 2rem;
width: 48.4%;
vertical-align: top;
}
.iot_wrap #service .box3 .post-contents ul li:nth-child(2n) {
margin-right: 0;
}
.iot_wrap #service .box3 .post-contents ul li img {
width: 100%;
}
.iot_wrap #service .box3 .post-contents ul li .box {
background-color: #f9f9f9;
padding: 2rem;
margin-top: -1.1rem;
}
.iot_wrap #service .box3 .post-contents ul li .box .ttl {
margin-bottom: 1rem;
font-size: 1.8rem;
line-height: 3.5rem;
font-weight: 700;
}
.iot_wrap #service .box3 .post-contents ul li .box p {
font-size: 1.4rem;
line-height: 2.6rem;
margin: 0;
}
.iot_wrap #service .box4 .title {
margin: 2.5rem 0 4rem;
}
.iot_wrap #service .box4 .grafh-sp {
display: none;
}
.iot_wrap #service .box4 .grafh {
border: 0.1rem solid #ccc;
border-bottom: none;
padding: 3rem 2rem 2rem 3rem;
}
.iot_wrap #service .box4 .grafh .img {
display: inline-block;
}
.iot_wrap #service .box4 .grafh .img img {
width: 100%;
}
.iot_wrap #service .box4 .grafh .speech-balloon {
display: none;
}
.iot_wrap #service .box4 .omanagement {
padding: 2rem;
background-color: #f9f9f9;
border: 1px solid #ccc;
}
.iot_wrap #service .box4 .omanagement .ttl {
margin-bottom: 1rem;
font-size: 1.8rem;
line-height: 3.5rem;
font-weight: 700;
}
.iot_wrap #service .box4 .omanagement p {
font-size: 1.4rem;
line-height: 2.6rem;
margin: 0;
}
.iot_wrap #service .box4 .btn-orange {
margin: 4rem auto 0;
}
.iot_wrap #privacy {
line-height: 2.4rem;
font-size: 1.4rem;
margin-bottom: 10rem;
}
.iot_wrap #privacy p {
color: #6e7173;
}
.iot_wrap #privacy h2 {
line-height: 6rem;
color: #484848;
margin-bottom: 6rem;
}
.iot_wrap #privacy h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
}
.iot_wrap #privacy .ttl {
line-height: 3.5rem;
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 3rem;
}
.iot_wrap #privacy .privacy-txt {
padding-bottom: 2rem;
margin-top: 4rem;
border-bottom: 0.1rem solid #ccc;
}
.iot_wrap #privacy .privacy-txt ul {
margin: 3.5rem 0;
}
.iot_wrap #privacy .privacy-txt ul li {
list-style: decimal;
list-style-position: inside;
padding-left: 2rem;
text-indent: -1.7rem;
color: #6e7173;
}
.iot_wrap #privacy .privacy-txt table {
border-top: 0.1rem solid #ddd;
font-size: 1.3rem;
color: #484848;
}
.iot_wrap #privacy .privacy-txt table th {
border-right: 0.1rem solid #ddd;
border-left: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
width: 20rem;
padding: 2rem;
vertical-align: middle;
background-color: #f9f9f9;
}
.iot_wrap #privacy .privacy-txt table td {
border-right: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
vertical-align: middle;
padding: 2rem;
}
.iot_wrap #privacy .privacy-txt .caution {
font-size: 1.1rem;
}
.iot_wrap #privacy .privacy-txt2 ul li {
padding-left: 2.5rem;
text-indent: -2.5rem;
}
.iot_wrap #privacy .privacy-txt5 .box1 {
margin-top: 2rem;
}
.iot_wrap #privacy .privacy-txt5 .box1 ul {
margin: 2.5rem 0;
}
.iot_wrap #privacy .privacy-txt5 .box1 ul.disc {
margin: 0 0 2rem;
}
.iot_wrap #privacy .privacy-txt5 .box1 ul.disc li {
list-style: disc;
list-style-position: inside;
}
.iot_wrap #privacy .privacy-txt5 .box1 p:last-child {
text-indent: 2.5rem;
}
.iot_wrap #privacy .privacy-txt5 .caution {
font-size: 1.4rem;
text-indent: 2.5rem;
}
.iot_wrap #privacy .privacy-txt5 .box2 {
margin: 3.5rem 0 2rem;
}
.iot_wrap #privacy .privacy-txt6 {
border-bottom: none;
}
.iot_wrap #privacy .privacy-txt6 p {
margin-bottom: 4rem;
}
.iot_wrap #company {
margin-bottom: 10rem;
}
.iot_wrap #company h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
}
.iot_wrap #company table {
margin-top: 7rem;
border: 0.1rem solid #ddd;
}
.iot_wrap #company table tr th {
background-color: #f9f9f9;
border-right: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
font-size: 1.3rem;
line-height: 2.2rem;
width: 20rem;
font-weight: 700;
padding: 2rem;
vertical-align: middle;
color: #484848;
}
.iot_wrap #company table tr td {
vertical-align: middle;
font-size: 1.3rem;
line-height: 2.2rem;
padding: 2rem;
border-bottom: 0.1rem solid #ddd;
color: #484848;
}
.iot_wrap #company table tr td .access {
margin-bottom: 3rem;
}
.iot_wrap #company table tr td .access:last-child {
margin-bottom: 0;
}
.iot_wrap #company table tr td .access p {
font-weight: 700;
}
.iot_wrap #company table tr td .access iframe {
margin-top: 1rem;
}
.iot_wrap #company table tr td .bn01 {
display: inline-block;
width: 40%;
margin-right: 2rem;
}
.iot_wrap #company table tr td .bn01:nth-child(2n) {
margin-right: 0;
}
.iot_wrap #company table tr td .bn01 img {
width: 100%;
}
.iot_wrap #company table tr td .group {
overflow: hidden;
margin-bottom: 2rem;
}
.iot_wrap #company table tr td .group:last-child {
margin-bottom: 0;
}
.iot_wrap #company table tr td .group img {
float: left;
width: 40%;
}
.iot_wrap #company table tr td .group .info {
float: right;
width: 57%;
margin-top: 3rem;
}
.iot_wrap #company table tr td .group .info p span {
font-weight: 700;
}
.iot_wrap #company table tr td .group .info p a {
color: #09f;
display: inline-block;
text-decoration: underline;
}
.iot_wrap #company table tr:nth-child(3) th {
vertical-align: top;
}
.iot_wrap #company .caution {
font-size: 1.3rem;
color: #6e7173;
}
.iot_wrap .page-id-9 #page-main .inner {
overflow: visible;
}
.iot_wrap #management-free {
font-size: 1.6rem;
line-height: 3.5rem;
margin-bottom: 10rem;
}
.iot_wrap #management-free p {
color: #6e7173;
}
.iot_wrap #management-free p span {
color: #484848;
}
.iot_wrap #management-free .ttl {
color: #333638;
}
.iot_wrap #management-free h2 {
line-height: 6rem;
color: #484848;
}
.iot_wrap #management-free h3 {
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
font-weight: 700;
}
.iot_wrap #management-free .btn-orange {
margin: 4rem auto 8rem;
text-align: center;
line-height: 1.6em;
}
.iot_wrap #management-free .btn-orange a {
line-height: 1.6em;
}
.iot_wrap #management-free .btn-orange a:after {
right: 3rem;
margin-top: -0.6rem;
}
.iot_wrap #management-free .box1 {
padding-bottom: 8rem;
border-bottom: 3px solid #eee;
}
.iot_wrap #management-free .box1 .title {
margin: 4rem 0 6rem;
letter-spacing: 0.1rem;
}
.iot_wrap #management-free .box1 .business-contents {
margin-top: 8rem;
}
.iot_wrap #management-free .box1 .business-contents .business-list {
display: inline-block;
width: 46%;
height: 11rem;
vertical-align: top;
overflow: hidden;
margin-right: 6rem;
margin-bottom: 4rem;
}
.iot_wrap #management-free .box1 .business-contents .business-list:nth-child(2n+1) {
margin-right: 0;
}
.iot_wrap #management-free .box1 .business-contents .business-list:last-child {
margin-bottom: 0;
}
.iot_wrap #management-free .box1 .business-contents .business-list img {
float: left;
}
.iot_wrap #management-free .box1 .business-contents .business-list .txt {
float: right;
width: 70%;
}
.iot_wrap #management-free .box1 .business-contents .business-list .txt p {
font-size: 1.3rem;
line-height: 2.5rem;
}
.iot_wrap #management-free .box1 .business-contents .business-list .txt .ttl {
font-size: 2rem;
font-weight: 500;
margin-bottom: 1rem;
line-height: 2.5rem;
letter-spacing: 0.05rem;
}
.iot_wrap #management-free .box2 {
padding-top: 4rem;
}
.iot_wrap #management-free .box2 p {
margin: 4rem 0 6rem;
}
.iot_wrap #management-free .box2 p span {
font-weight: 700;
}
.iot_wrap #management-free .box2 .improvement {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/charm/arrow.png) no-repeat;
background-position: 58.6rem 16rem;
}
.iot_wrap #management-free .box2 .improvement .img1 {
display: inline-block;
width: 55%;
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 3rem;
}
.iot_wrap #management-free .box2 .improvement .img1 img {
width: 100%;
}
.iot_wrap #management-free .box2 .improvement .img2 {
display: inline-block;
width: 29%;
display: inline-block;
margin-left: 4.6rem;
padding: 2.5rem 1.5rem;
border-top: 2px solid #00a0e9;
border-right: 2px solid #00a0e9;
border-bottom: 2px solid #00a0e9;
vertical-align: top;
background-color: #fff;
position: relative;
}
.iot_wrap #management-free .box2 .improvement .img2:before {
content: "";
position: absolute;
border-left: 0.2rem solid #00a0e9;
height: 17rem;
top: 0;
left: 0;
}
.iot_wrap #management-free .box2 .improvement .img2:after {
content: "";
position: absolute;
border-left: 0.2rem solid #00a0e9;
height: 16.6rem;
bottom: 0;
left: 0;
}
.iot_wrap .category-1 #page-main, .iot_wrap .single-post #page-main {
background-color: #f9f9f9;
}
.iot_wrap .category-1 aside .contact .side-bnr, .iot_wrap .single-post aside .contact .side-bnr {
margin-bottom: 2rem;
}
.iot_wrap .category-1 aside .contact .side-bnr a img, .iot_wrap .single-post aside .contact .side-bnr a img {
display: block;
}
.iot_wrap .category-1 aside .contact .side-contact, .iot_wrap .single-post aside .contact .side-contact {
background-color: #fff;
}
.iot_wrap .category-1 aside .contact .side-campaign, .iot_wrap .single-post aside .contact .side-campaign {
margin-bottom: 10rem;
}
.iot_wrap .category-1 aside .contact .side-campaign ul, .iot_wrap .single-post aside .contact .side-campaign ul {
overflow: hidden;
}
.iot_wrap .category-1 aside .contact .reccomend, .iot_wrap .category-1 aside .contact .side-ranking, .iot_wrap .single-post aside .contact .reccomend, .iot_wrap .single-post aside .contact .side-ranking {
border: 0.2rem solid #ddd;
background-color: #fff;
}
.iot_wrap .category-1 aside .contact .reccomend .ttl, .iot_wrap .category-1 aside .contact .side-ranking .ttl, .iot_wrap .single-post aside .contact .reccomend .ttl, .iot_wrap .single-post aside .contact .side-ranking .ttl {
font-size: 1.8rem;
text-align: left;
font-weight: 700;
line-height: 1.4em;
border-bottom: 0.2rem solid #ddd;
padding: 1rem 0 1rem 7rem;
color: #00a0e9;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/icon-book.png) no-repeat;
}
.iot_wrap .category-1 aside .contact .reccomend ul, .iot_wrap .category-1 aside .contact .side-ranking ul, .iot_wrap .single-post aside .contact .reccomend ul, .iot_wrap .single-post aside .contact .side-ranking ul {
padding: 2rem;
overflow: hidden;
}
.iot_wrap .category-1 aside .contact .reccomend ul li, .iot_wrap .category-1 aside .contact .side-ranking ul li, .iot_wrap .single-post aside .contact .reccomend ul li, .iot_wrap .single-post aside .contact .side-ranking ul li {
font-size: 1.6rem;
margin-bottom: 3rem;
line-height: 2rem;
text-align: left;
}
.iot_wrap .category-1 aside .contact .reccomend ul li:last-child, .iot_wrap .category-1 aside .contact .side-ranking ul li:last-child, .iot_wrap .single-post aside .contact .reccomend ul li:last-child, .iot_wrap .single-post aside .contact .side-ranking ul li:last-child {
margin-bottom: 0;
}
.iot_wrap .category-1 aside .contact .reccomend ul li img, .iot_wrap .category-1 aside .contact .side-ranking ul li img, .iot_wrap .single-post aside .contact .reccomend ul li img, .iot_wrap .single-post aside .contact .side-ranking ul li img {
width: 100%;
height: auto;
margin-bottom: 2rem;
}
.iot_wrap .category-1 aside .contact .reccomend ul li p, .iot_wrap .category-1 aside .contact .side-ranking ul li p, .iot_wrap .single-post aside .contact .reccomend ul li p, .iot_wrap .single-post aside .contact .side-ranking ul li p {
margin-bottom: 2rem;
}
.iot_wrap .category-1 aside .contact .side-ranking, .iot_wrap .single-post aside .contact .side-ranking {
margin-top: 2rem;
margin-bottom: 2rem;
}
.iot_wrap .category-1 aside .contact .side-ranking .ttl, .iot_wrap .single-post aside .contact .side-ranking .ttl {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/icon-ranking.png) no-repeat;
}
.iot_wrap .category-1 aside .contact .side-ranking ul li, .iot_wrap .single-post aside .contact .side-ranking ul li {
margin-bottom: 0;
}
.iot_wrap .category-1 aside .contact .side-ranking ul li p, .iot_wrap .single-post aside .contact .side-ranking ul li p {
margin-bottom: 1rem;
}
.iot_wrap #column ul li {
overflow: hidden;
margin: 2rem 0;
}
.iot_wrap #column ul li a {
display: inline-block;
}
.iot_wrap #column ul li a:hover {
border: 0.2rem solid #00a0e9;
margin: -0.1rem;
}
.iot_wrap #column ul li .img {
float: left;
width: 27rem;
}
.iot_wrap #column ul li .txt {
float: right;
width: 56.8rem;
background: #fff;
padding: 2rem 4rem 2rem 3rem;
height: 14.6rem;
}
.iot_wrap #column ul li .txt p.ttl {
font-weight: 700;
font-size: 1.8rem;
line-height: 2.8rem;
}
.iot_wrap #column ul li .txt .excerpt {
line-height: 2.2rem;
font-size: 1.3rem;
}
.iot_wrap #column ul li .txt .excerpt span {
color: #00a0e9;
}
.iot_wrap #column ul li .txt .cat {
display: inline-block;
border: 0.1rem solid #00a0e9;
color: #00a0e9;
font-size: 1.1rem;
padding: 0.5rem 1rem;
line-height: 1em;
margin-bottom: 2rem;
margin-right: 5px;
}
.iot_wrap #column ul li .txt .date {
display: inline-block;
font-size: 1.3rem;
color: #999;
margin-left: 1rem;
}
.iot_wrap .single-post #page-main {
background-color: #f9f9f9;
}
.iot_wrap .single-post .pagetitle {
display: none;
}
.iot_wrap .single-post .breadcrumbs {
background: #f9f9f9;
color: #333638;
width: 126rem;
margin: 0 auto 6rem;
padding: 0;
line-height: 1em;
}
.iot_wrap .single-post .breadcrumbs .inner {
margin: 0 auto;
padding: 2rem 0 0;
}
.iot_wrap .single-post .breadcrumbs a {
color: #333638;
}
.iot_wrap .single-post .breadcrumbs br {
display: none;
}
.iot_wrap .single-post #detail {
margin-bottom: 10rem;
padding: 4rem;
background-color: #fff;
}
.iot_wrap .single-post #detail h1 {
font-size: 3.4rem;
line-height: 5.6rem;
margin-bottom: 4rem;
}
.iot_wrap .single-post #detail h3 {
font-size: 1.8rem;
line-height: 1em;
margin-bottom: 4rem;
font-weight: 700;
}
.iot_wrap .single-post #detail h4 {
border-bottom: 0.1rem solid #ddd;
font-size: 1.6rem;
line-height: 1em;
font-weight: 400;
padding-bottom: 0.5rem;
margin-bottom: 3rem;
}
.iot_wrap .single-post #detail p {
color: #6e7173;
}
.iot_wrap .single-post #detail p span {
color: #484848;
}
.iot_wrap .single-post #detail .cat, .iot_wrap .single-post #detail .post-categories li {
display: inline-block;
border: 0.2rem solid #00a0e9;
color: #00a0e9;
font-size: 1.1rem;
padding: 0.5rem 1rem;
line-height: 1em;
margin-bottom: 2rem;
margin-right: 5px;
}
.iot_wrap .single-post #detail .date {
display: inline-block;
font-size: 1.3rem;
color: #999;
margin-left: 1rem;
}
.iot_wrap .single-post #detail .thumbnail img {
display: none;
}
.iot_wrap .single-post #detail .entry-content .single-content p {
font-size: 1.6rem;
line-height: 3.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .main-column {
margin-bottom: 5.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .main-column img {
margin-bottom: 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .main-column p span {
font-weight: 700;
}
.iot_wrap .single-post #detail .entry-content .single-content h2 {
margin-bottom: 4rem;
font-weight: 700;
font-size: 2.4rem;
border-left: 0.4rem solid #00a0e9;
padding: 0 0 0 2rem;
line-height: 1em;
}
.iot_wrap .single-post #detail .entry-content .single-content h2:before {
display: none;
}
.iot_wrap .single-post #detail .entry-content .single-content .index {
padding: 3rem;
background-color: #f9f9f9;
margin-bottom: 4rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .ttl {
color: #00a0e9;
font-weight: 700;
font-size: 2rem;
line-height: 2.5rem;
margin-bottom: 2.5rem;
padding-left: 4rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/column/icon.png) no-repeat;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box {
margin-bottom: 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box p {
border-left: 1rem solid #484848;
padding-left: 0.5rem;
line-height: 1rem;
margin-bottom: 1rem;
font-size: 1.5rem;
color: #484848;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box ol {
font-size: 1.5rem;
line-height: 3rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box ol li {
margin-left: 3.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box ul {
font-size: 1.5rem;
line-height: 3rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box ul li {
list-style: disc;
margin-left: 3.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact {
margin-bottom: 6rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact p.ttl {
color: #fff;
background: #00a0e9;
text-align: center;
padding: 1.5rem 0;
font-size: 1.8rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box {
border: 2px solid #00a0e9;
overflow: hidden;
padding: 3rem 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .txt {
float: left;
font-size: 1.6rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .txt .tel {
margin-top: 1rem;
float: left;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .txt .tel p {
margin-bottom: 1rem;
font-size: 1.8rem;
color: #333;
line-height: 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .txt .tel .tel-no {
font-size: 4.5rem;
color: #333638;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-icon-fd.png) no-repeat bottom 0.4rem left;
padding-left: 4.5rem;
display: inline-block;
line-height: 4rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .txt .tel .time {
font-size: 1.4rem;
line-height: 1.6em;
margin-bottom: 0;
color: #484848;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area {
float: right;
width: 52%;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document {
margin: 0 0 1.5rem;
display: block;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document a {
color: #fff;
display: block;
border-radius: 5rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-document.png) no-repeat left 3.5rem top 1.3rem;
background-size: 6%;
background-position: 2.5rem 1.1rem;
background-color: #ff4f19;
font-size: 2.2rem;
width: 100%;
padding: 1rem 0 1rem 6rem;
box-sizing: border-box;
line-height: 1em;
overflow: hidden;
position: relative;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document a .ttl {
display: inline-block;
width: 41%;
font-size: 1.6rem;
line-height: 3rem;
border-right: 0.2rem solid #fff;
vertical-align: super;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document a .catch {
display: inline-block;
width: 50%;
vertical-align: text-bottom;
margin-left: 1rem;
font-size: 1.2rem;
line-height: 1.7rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 46%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document a:hover {
background-color: #faaa16;
opacity: 1;
color: #fff;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-estimate {
display: inline-block;
margin-right: 1rem;
width: 19.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-estimate a {
color: #d9057d;
font-size: 1.6rem;
display: block;
font-weight: 700;
border: 0.2rem solid #d9057d;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-estimate.png) no-repeat left 3.5rem top 1.3rem;
background-position: 3.5rem 0.6rem;
padding: 0.5rem 3rem 0.5rem 7rem;
line-height: 3rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-estimate a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 46%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-estimate a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-estimate-white.png) no-repeat;
background-position: 3.5rem 0.6rem;
background-color: #d9057d;
opacity: 1;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-estimate a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-inquiry {
display: inline-block;
width: 19.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-inquiry a {
color: #00a0e9;
font-size: 1.6rem;
display: block;
font-weight: 700;
border: 0.2rem solid #00a0e9;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-mail.png) no-repeat left 3rem top 1.7rem;
background-position: 2rem 1rem;
padding: 0.5rem 3rem 0.5rem 6rem;
line-height: 3rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-inquiry a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 46%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-inquiry a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-mail-white.png) no-repeat;
background-position: 2rem 1rem;
background-color: #00a0e9;
opacity: 1;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-inquiry a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec1 img {
margin: 2.5rem 0 5.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec1 img:hover {
opacity: 0.6;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec1 p span {
font-weight: 700;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec1 ol {
margin-top: 6rem;
padding-left: 3rem;
border-left: 0.5rem solid #ddd;
margin-bottom: 4rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec1 ol:last-child {
background-color: #edf6fa;
padding: 2rem 3rem;
margin-top: 0;
border: none;
list-style: none;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 a img:hover {
opacity: 0.6;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 table {
border-top: 0.1rem solid #ddd;
font-size: 1.3rem;
line-height: 2.2rem;
margin-top: 6rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 table th {
border-right: 0.1rem solid #ddd;
border-left: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
width: 18rem;
padding: 1rem 2rem;
vertical-align: middle;
background-color: #f9f9f9;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 table td {
border-right: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
vertical-align: middle;
padding: 1rem 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 p {
font-size: 1.1rem;
line-height: 2rem;
color: #999;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference {
background-color: #edf6fa;
padding: 1rem 2rem;
margin-top: 4rem;
margin-bottom: 6rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference p {
font-size: 1.5rem;
line-height: 2.5rem;
color: #484848;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference p a {
text-decoration: underline;
color: #00a0e9;
display: inline-block;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference:last-child {
padding: 2rem 2rem 2rem 3rem;
margin-bottom: 0;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .txt {
display: inline-block;
width: 58%;
vertical-align: top;
margin-right: 4rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .btn {
display: inline-block;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .btn a {
color: #00a0e9;
width: 28rem;
font-size: 2rem;
border: 0.2rem solid #00a0e9;
background-color: #fff;
text-align: center;
border-radius: 5rem;
padding: 1.3rem 2rem 1rem 1.5rem;
display: block;
box-sizing: border-box;
line-height: 1em;
vertical-align: text-top;
position: relative;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .btn a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .btn a:hover {
background-color: #00a0e9;
color: #fff;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .btn a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ul {
margin-bottom: 4rem;
margin-left: 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ul li {
list-style: disc;
font-size: 1.6rem;
line-height: 2rem;
margin-bottom: 2rem;
color: #00a0e9;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ul li span {
color: #484848;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ol {
margin-bottom: 4rem;
margin-left: 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ol li {
font-size: 1.6rem;
line-height: 2rem;
margin-bottom: 2rem;
cursor: pointer;
font-weight: 700;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ol li span {
font-weight: 400;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ol li span:hover {
font-weight: 700;
}
.iot_wrap .mainv-agreement {
display: none;
}
.iot_wrap #agreement {
line-height: 2.4rem;
font-size: 1.4rem;
margin-bottom: 10rem;
}
.iot_wrap #agreement h2 {
line-height: 6rem;
color: #484848;
margin-bottom: 6rem;
}
.iot_wrap #agreement dl {
margin-bottom: 40px;
}
.iot_wrap #agreement dl dt {
font-size: 2rem;
border-bottom: solid 1px #eee;
padding-bottom: 10px;
margin-bottom: 20px;
}
.iot_wrap #agreement dl dd ol {
list-style: decimal;
margin: 15px 0 0 15px;
font-size: 1.2rem;
}
.iot_wrap #page-form {
background: #f9f9f9;
}
.iot_wrap #page-form .inner {
width: 100rem;
margin: 0 auto;
}
.iot_wrap #page-form #page-content {
float: none;
width: 100%;
}
.iot_wrap #form-estimate dl .option {
width: 80%;
}
.iot_wrap #form-document, .iot_wrap #form-estimate, .iot_wrap #form-inquiry {
padding: 0 !important;
}
.iot_wrap #form-document #wpcf7-f256-p232-o1, .iot_wrap #form-document #wpcf7-f335-p336-o1, .iot_wrap #form-document #wpcf7-f339-p344-o1, .iot_wrap #form-estimate #wpcf7-f256-p232-o1, .iot_wrap #form-estimate #wpcf7-f335-p336-o1, .iot_wrap #form-estimate #wpcf7-f339-p344-o1, .iot_wrap #form-inquiry #wpcf7-f256-p232-o1, .iot_wrap #form-inquiry #wpcf7-f335-p336-o1, .iot_wrap #form-inquiry #wpcf7-f339-p344-o1 {
padding: 0 15rem;
}
.iot_wrap #form-document, .iot_wrap #form-estimate, .iot_wrap #form-inquiry {
background: #fff;
padding: 8rem 15rem;
margin-bottom: 10rem;
box-sizing: border-box;
width: 100%;
}
.iot_wrap #form-document h2, .iot_wrap #form-estimate h2, .iot_wrap #form-inquiry h2 {
text-align: center;
}
.iot_wrap #form-document h2:before, .iot_wrap #form-estimate h2:before, .iot_wrap #form-inquiry h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #form-document ul, .iot_wrap #form-estimate ul, .iot_wrap #form-inquiry ul {
margin: 4rem 0;
}
.iot_wrap #form-document ul li, .iot_wrap #form-estimate ul li, .iot_wrap #form-inquiry ul li {
display: inline-block;
overflow: hidden;
margin-right: 1.5rem;
}
.iot_wrap #form-document ul li .step, .iot_wrap #form-estimate ul li .step, .iot_wrap #form-inquiry ul li .step {
float: left;
font-size: 1.3rem;
text-align: center;
color: #fff;
background: #cfcfcf;
padding: 1.5rem 0;
width: 6rem;
box-sizing: border-box;
line-height: 1.2em;
}
.iot_wrap #form-document ul li .step span, .iot_wrap #form-estimate ul li .step span, .iot_wrap #form-inquiry ul li .step span {
font-size: 1.7rem;
display: block;
}
.iot_wrap #form-document ul li .step-content, .iot_wrap #form-estimate ul li .step-content, .iot_wrap #form-inquiry ul li .step-content {
float: right;
background: #e8e8e8;
color: #333638;
font-size: 1.6rem;
padding: 1.5rem 0;
width: 16rem;
box-sizing: border-box;
text-align: center;
}
.iot_wrap #form-document ul li:last-child, .iot_wrap #form-estimate ul li:last-child, .iot_wrap #form-inquiry ul li:last-child {
margin-right: 0;
}
.iot_wrap #form-document ul .current .step, .iot_wrap #form-estimate ul .current .step, .iot_wrap #form-inquiry ul .current .step {
background: #0079b5;
}
.iot_wrap #form-document ul .current .step-content, .iot_wrap #form-estimate ul .current .step-content, .iot_wrap #form-inquiry ul .current .step-content {
background: #00a0e9;
color: #fff;
}
.iot_wrap #form-document p, .iot_wrap #form-estimate p, .iot_wrap #form-inquiry p {
text-align: center;
color: #6e7173;
font-size: 1.6rem;
letter-spacing: 0.1rem;
}
.iot_wrap #form-document p a, .iot_wrap #form-estimate p a, .iot_wrap #form-inquiry p a {
color: #00a0e9;
pointer-events: none;
display: inline-block;
}
.iot_wrap #form-document p span, .iot_wrap #form-estimate p span, .iot_wrap #form-inquiry p span {
margin-right: 0.5rem;
}
.iot_wrap #form-document span.required, .iot_wrap #form-estimate span.required, .iot_wrap #form-inquiry span.required {
background: #ff4f19;
color: #fff;
font-size: 1.1rem;
font-family: "メイリオ", sans-serif;
line-height: 1em;
padding: 0.5rem 1rem;
}
.iot_wrap #form-document .wpcf7 form#form-document, .iot_wrap #form-document .wpcf7 form#form-estimate, .iot_wrap #form-document .wpcf7 form#form-inquiry, .iot_wrap #form-estimate .wpcf7 form#form-document, .iot_wrap #form-estimate .wpcf7 form#form-estimate, .iot_wrap #form-estimate .wpcf7 form#form-inquiry, .iot_wrap #form-inquiry .wpcf7 form#form-document, .iot_wrap #form-inquiry .wpcf7 form#form-estimate, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry {
padding: 0;
width: 100%;
font-size: 1.4rem;
margin-bottom: 0;
}
.iot_wrap #form-document .wpcf7 form#form-document dl, .iot_wrap #form-document .wpcf7 form#form-estimate dl, .iot_wrap #form-document .wpcf7 form#form-inquiry dl, .iot_wrap #form-estimate .wpcf7 form#form-document dl, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl, .iot_wrap #form-inquiry .wpcf7 form#form-document dl, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl {
margin: 8rem 0;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dt, .iot_wrap #form-document .wpcf7 form#form-estimate dl dt, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dt, .iot_wrap #form-estimate .wpcf7 form#form-document dl dt, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dt, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dt, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dt, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dt, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dt {
margin-bottom: 2rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dt span, .iot_wrap #form-document .wpcf7 form#form-estimate dl dt span, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dt span, .iot_wrap #form-estimate .wpcf7 form#form-document dl dt span, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dt span, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dt span, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dt span, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dt span, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dt span {
background: #e8e8e8;
color: #333638;
font-family: "メイリオ", sans-serif;
line-height: 1em;
padding: 0.5rem 1rem;
font-size: 1.1rem;
margin-left: 0.5rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dt span.required, .iot_wrap #form-document .wpcf7 form#form-estimate dl dt span.required, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dt span.required, .iot_wrap #form-estimate .wpcf7 form#form-document dl dt span.required, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dt span.required, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dt span.required, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dt span.required, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dt span.required, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dt span.required {
background: #ff4f19;
color: #fff;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd {
margin-bottom: 3rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd:last-child, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd:last-child, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd:last-child, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd:last-child, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd:last-child, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd:last-child, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd:last-child, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd:last-child, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd:last-child {
text-align: center;
position: relative;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1 {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 33rem;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=email], .iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=tel], .iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=text], .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=email], .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=tel], .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=text], .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=email], .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=tel], .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=text], .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=email], .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=tel], .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=text], .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=email], .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=tel], .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=text], .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=email], .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=tel], .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=text], .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=email], .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=tel], .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=text], .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=email], .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=tel], .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=text], .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=email], .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=tel], .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=text] {
width: 100%;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
padding: 1.5rem 2rem;
box-sizing: border-box;
font-size: 1.6rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=email]:focus, .iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=tel]:focus, .iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=text]:focus, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=email]:focus, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=tel]:focus, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=text]:focus, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=email]:focus, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=tel]:focus, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=text]:focus, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=email]:focus, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=tel]:focus, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=text]:focus, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=email]:focus, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=tel]:focus, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=text]:focus, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=email]:focus, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=tel]:focus, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=text]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=email]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=tel]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=text]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=email]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=tel]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=text]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=email]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=tel]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=text]:focus {
border: 0.1rem solid #6e7173;
outline: 0;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd textarea, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd textarea, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd textarea, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd textarea, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd textarea, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd textarea, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd textarea, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd textarea, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd textarea {
width: 100%;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
padding: 1.5rem 2rem;
box-sizing: border-box;
font-size: 1.6rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd textarea:focus, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd textarea:focus, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd textarea:focus, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd textarea:focus, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd textarea:focus, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd textarea:focus, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd textarea:focus, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd textarea:focus, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd textarea:focus {
border: 0.1rem solid #6e7173;
outline: 0;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.confirm, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.confirm, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.confirm, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.confirm, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.confirm, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.confirm, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.confirm, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.confirm, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.confirm {
position: relative;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.confirm:after, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.confirm:after, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.confirm:after, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.confirm:after, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.confirm:after, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.confirm:after, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.confirm:after, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.confirm:after, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.confirm:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 45%;
right: 22rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.return, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.return, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.return, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.return, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.return, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.return, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.return, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.return, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.return {
position: relative;
display: inline-block;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.return .wpcf7-back, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.return .wpcf7-back, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.return .wpcf7-back, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.return .wpcf7-back, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.return .wpcf7-back, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.return .wpcf7-back, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back {
-webkit-border-radius: 5rem;
margin-right: 2rem;
border-radius: 5rem;
text-align: center;
background: #b2b2b2 !important;
border: 0.6rem solid #e6e6e6 !important;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 28rem;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.return .wpcf7-back:hover, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.return .wpcf7-back:hover, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back:hover, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.return .wpcf7-back:hover, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.return .wpcf7-back:hover, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back:hover, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.return .wpcf7-back:hover, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.return .wpcf7-back:hover, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.return:after, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.return:after, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.return:after, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.return:after, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.return:after, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.return:after, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.return:after, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.return:after, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.return:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-bottom: solid 2px #fff;
border-left: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 45%;
left: 15%;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.submit, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.submit, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.submit, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.submit, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.submit, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.submit, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.submit, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.submit, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.submit {
display: inline-block;
position: relative;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.submit .wpcf7-submit, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.submit .wpcf7-submit, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.submit .wpcf7-submit, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
width: 33rem;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.submit:after, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.submit:after, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.submit:after, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.submit:after, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.submit:after, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.submit:after, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.submit:after, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.submit:after, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.submit:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 45%;
right: 15%;
}
.iot_wrap #form-document .wpcf7 form#form-document dl .disabled, .iot_wrap #form-document .wpcf7 form#form-estimate dl .disabled, .iot_wrap #form-document .wpcf7 form#form-inquiry dl .disabled, .iot_wrap #form-estimate .wpcf7 form#form-document dl .disabled, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl .disabled, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl .disabled, .iot_wrap #form-inquiry .wpcf7 form#form-document dl .disabled, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl .disabled, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl .disabled {
background: #b2b2b2 !important;
border: 0.6rem solid #e6e6e6 !important;
}
.iot_wrap #form-document .wpcf7 form#form-document dl .agreement, .iot_wrap #form-document .wpcf7 form#form-estimate dl .agreement, .iot_wrap #form-document .wpcf7 form#form-inquiry dl .agreement, .iot_wrap #form-estimate .wpcf7 form#form-document dl .agreement, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl .agreement, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl .agreement, .iot_wrap #form-inquiry .wpcf7 form#form-document dl .agreement, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl .agreement, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl .agreement {
text-align: center;
}
.iot_wrap #form-document .wpcf7 form#form-document dl .agreement a, .iot_wrap #form-document .wpcf7 form#form-estimate dl .agreement a, .iot_wrap #form-document .wpcf7 form#form-inquiry dl .agreement a, .iot_wrap #form-estimate .wpcf7 form#form-document dl .agreement a, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl .agreement a, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl .agreement a, .iot_wrap #form-inquiry .wpcf7 form#form-document dl .agreement a, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl .agreement a, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl .agreement a {
border-bottom: 0.1rem solid;
line-height: 1.5rem;
color: #00a0e9;
display: inline-block;
}
.iot_wrap #form-document .wpcf7 form#form-document dl span.wpcf7-not-valid-tip, .iot_wrap #form-document .wpcf7 form#form-estimate dl span.wpcf7-not-valid-tip, .iot_wrap #form-document .wpcf7 form#form-inquiry dl span.wpcf7-not-valid-tip, .iot_wrap #form-estimate .wpcf7 form#form-document dl span.wpcf7-not-valid-tip, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl span.wpcf7-not-valid-tip, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl span.wpcf7-not-valid-tip, .iot_wrap #form-inquiry .wpcf7 form#form-document dl span.wpcf7-not-valid-tip, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl span.wpcf7-not-valid-tip, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl span.wpcf7-not-valid-tip {
display: none;
}
.iot_wrap #form-document .wpcf7 form#form-document span.wpcf7-list-item, .iot_wrap #form-document .wpcf7 form#form-estimate span.wpcf7-list-item, .iot_wrap #form-document .wpcf7 form#form-inquiry span.wpcf7-list-item, .iot_wrap #form-estimate .wpcf7 form#form-document span.wpcf7-list-item, .iot_wrap #form-estimate .wpcf7 form#form-estimate span.wpcf7-list-item, .iot_wrap #form-estimate .wpcf7 form#form-inquiry span.wpcf7-list-item, .iot_wrap #form-inquiry .wpcf7 form#form-document span.wpcf7-list-item, .iot_wrap #form-inquiry .wpcf7 form#form-estimate span.wpcf7-list-item, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry span.wpcf7-list-item {
margin: 0 1rem 0 0;
}
.iot_wrap #form-document .wpcf7 form#form-document .wpcf7-mail-sent-ok, .iot_wrap #form-document .wpcf7 form#form-estimate .wpcf7-mail-sent-ok, .iot_wrap #form-document .wpcf7 form#form-inquiry .wpcf7-mail-sent-ok, .iot_wrap #form-estimate .wpcf7 form#form-document .wpcf7-mail-sent-ok, .iot_wrap #form-estimate .wpcf7 form#form-estimate .wpcf7-mail-sent-ok, .iot_wrap #form-estimate .wpcf7 form#form-inquiry .wpcf7-mail-sent-ok, .iot_wrap #form-inquiry .wpcf7 form#form-document .wpcf7-mail-sent-ok, .iot_wrap #form-inquiry .wpcf7 form#form-estimate .wpcf7-mail-sent-ok, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry .wpcf7-mail-sent-ok {
display: none !important;
}
.iot_wrap #form-document .wpcf7 form#form-document div.wpcf7-validation-errors, .iot_wrap #form-document .wpcf7 form#form-estimate div.wpcf7-validation-errors, .iot_wrap #form-document .wpcf7 form#form-inquiry div.wpcf7-validation-errors, .iot_wrap #form-estimate .wpcf7 form#form-document div.wpcf7-validation-errors, .iot_wrap #form-estimate .wpcf7 form#form-estimate div.wpcf7-validation-errors, .iot_wrap #form-estimate .wpcf7 form#form-inquiry div.wpcf7-validation-errors, .iot_wrap #form-inquiry .wpcf7 form#form-document div.wpcf7-validation-errors, .iot_wrap #form-inquiry .wpcf7 form#form-estimate div.wpcf7-validation-errors, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry div.wpcf7-validation-errors {
display: none !important;
}
.iot_wrap #form-document .wpcf7 form#form-document .formError .formErrorContent, .iot_wrap #form-document .wpcf7 form#form-estimate .formError .formErrorContent, .iot_wrap #form-document .wpcf7 form#form-inquiry .formError .formErrorContent, .iot_wrap #form-estimate .wpcf7 form#form-document .formError .formErrorContent, .iot_wrap #form-estimate .wpcf7 form#form-estimate .formError .formErrorContent, .iot_wrap #form-estimate .wpcf7 form#form-inquiry .formError .formErrorContent, .iot_wrap #form-inquiry .wpcf7 form#form-document .formError .formErrorContent, .iot_wrap #form-inquiry .wpcf7 form#form-estimate .formError .formErrorContent, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry .formError .formErrorContent {
min-width: 13.5rem;
line-height: 1.4rem;
}
.iot_wrap #form-document p.thanks, .iot_wrap #form-estimate p.thanks, .iot_wrap #form-inquiry p.thanks {
font-size: 2.4rem;
margin-bottom: 1.8rem;
font-weight: 700;
color: #484848;
}
.iot_wrap #form-document .download-area, .iot_wrap #form-estimate .download-area, .iot_wrap #form-inquiry .download-area {
margin-top: 12px;
}
.iot_wrap #form-document .download-area dt, .iot_wrap #form-estimate .download-area dt, .iot_wrap #form-inquiry .download-area dt {
display: inline-block;
}
.iot_wrap #form-document .download-area dd, .iot_wrap #form-estimate .download-area dd, .iot_wrap #form-inquiry .download-area dd {
display: inline-block;
position: relative;
left: 17px;
top: -4px;
}
.iot_wrap #form-document .download-area dd p, .iot_wrap #form-estimate .download-area dd p, .iot_wrap #form-inquiry .download-area dd p {
font-size: 12px;
margin-top: 8px;
}
.iot_wrap #form-document .download-area dd .btn-orange a, .iot_wrap #form-estimate .download-area dd .btn-orange a, .iot_wrap #form-inquiry .download-area dd .btn-orange a {
width: 450px;
padding: 22px 0;
}
.iot_wrap #form-document .tel-area, .iot_wrap #form-estimate .tel-area, .iot_wrap #form-inquiry .tel-area {
border: 0.2rem solid #ddd;
background: #f9f9f9;
padding-bottom: 3rem;
margin: 6rem 0;
}
.iot_wrap #form-document .tel-area h3, .iot_wrap #form-estimate .tel-area h3, .iot_wrap #form-inquiry .tel-area h3 {
background: #f3f3f3;
font-size: 2rem;
padding: 1.5rem 0;
font-weight: 700;
text-align: center;
}
.iot_wrap #form-document .tel-area .tel-no p, .iot_wrap #form-estimate .tel-area .tel-no p, .iot_wrap #form-inquiry .tel-area .tel-no p {
font-size: 1.4rem;
color: #484848;
margin: 2rem 0;
line-height: 1em;
}
.iot_wrap #form-document .tel-area .tel-no .tel-no, .iot_wrap #form-estimate .tel-area .tel-no .tel-no, .iot_wrap #form-inquiry .tel-area .tel-no .tel-no {
font-size: 5rem;
width: 33rem;
margin: 2rem auto;
color: #484848;
position: relative;
padding-left: 4rem;
line-height: 0.7em;
}
.iot_wrap #form-document .tel-area .tel-no .tel-no:before, .iot_wrap #form-estimate .tel-area .tel-no .tel-no:before, .iot_wrap #form-inquiry .tel-area .tel-no .tel-no:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/form/ic-fd.png) no-repeat center left;
width: 3.7rem;
height: 2.4rem;
position: absolute;
bottom: 0;
left: 0;
}
.iot_wrap #form-document .tel-area .tel-no .time, .iot_wrap #form-estimate .tel-area .tel-no .time, .iot_wrap #form-inquiry .tel-area .tel-no .time {
font-size: 1.2rem;
color: #484848;
margin: 0;
}
.iot_wrap #form-document .btn, .iot_wrap #form-estimate .btn, .iot_wrap #form-inquiry .btn {
display: block;
text-align: center;
}
.iot_wrap #form-document, .iot_wrap #form-estimate, .iot_wrap #form-inquiry {
padding: 0 !important;
}
.iot_wrap #form-document #wpcf7-f1048-p1049-o1, .iot_wrap #form-document #wpcf7-f256-p232-o1, .iot_wrap #form-document #wpcf7-f335-p336-o1, .iot_wrap #form-document #wpcf7-f339-p344-o1, .iot_wrap #form-estimate #wpcf7-f1048-p1049-o1, .iot_wrap #form-estimate #wpcf7-f256-p232-o1, .iot_wrap #form-estimate #wpcf7-f335-p336-o1, .iot_wrap #form-estimate #wpcf7-f339-p344-o1, .iot_wrap #form-inquiry #wpcf7-f1048-p1049-o1, .iot_wrap #form-inquiry #wpcf7-f256-p232-o1, .iot_wrap #form-inquiry #wpcf7-f335-p336-o1, .iot_wrap #form-inquiry #wpcf7-f339-p344-o1 {
padding: 0 15rem;
}
.iot_wrap #form-document .wpcf7-list-item-label, .iot_wrap #form-estimate .wpcf7-list-item-label, .iot_wrap #form-inquiry .wpcf7-list-item-label {
margin-right: 1rem;
}
.iot_wrap #form-document input.wpcf7c-conf, .iot_wrap #form-document textarea.wpcf7c-conf, .iot_wrap #form-estimate input.wpcf7c-conf, .iot_wrap #form-estimate textarea.wpcf7c-conf, .iot_wrap #form-inquiry input.wpcf7c-conf, .iot_wrap #form-inquiry textarea.wpcf7c-conf {
border: 0 !important;
padding: 0 !important;
background: #fff !important;
font-size: 1.4rem !important;
}
.iot_wrap #form-document input[type=checkbox].wpcf7c-conf, .iot_wrap #form-document input[type=radio].wpcf7c-conf, .iot_wrap #form-estimate input[type=checkbox].wpcf7c-conf, .iot_wrap #form-estimate input[type=radio].wpcf7c-conf, .iot_wrap #form-inquiry input[type=checkbox].wpcf7c-conf, .iot_wrap #form-inquiry input[type=radio].wpcf7c-conf {
display: none;
}
.iot_wrap #form-document input[type=checkbox].wpcf7c-conf + span.wpcf7-list-item-label, .iot_wrap #form-document input[type=radio].wpcf7c-conf + span.wpcf7-list-item-label, .iot_wrap #form-estimate input[type=checkbox].wpcf7c-conf + span.wpcf7-list-item-label, .iot_wrap #form-estimate input[type=radio].wpcf7c-conf + span.wpcf7-list-item-label, .iot_wrap #form-inquiry input[type=checkbox].wpcf7c-conf + span.wpcf7-list-item-label, .iot_wrap #form-inquiry input[type=radio].wpcf7c-conf + span.wpcf7-list-item-label {
display: none;
}
.iot_wrap #form-document input[type=hidden] + span.wpcf7-list-item-label, .iot_wrap #form-estimate input[type=hidden] + span.wpcf7-list-item-label, .iot_wrap #form-inquiry input[type=hidden] + span.wpcf7-list-item-label {
display: block;
}
.iot_wrap #form-document span.wpcf7-list-item, .iot_wrap #form-estimate span.wpcf7-list-item, .iot_wrap #form-inquiry span.wpcf7-list-item {
margin: 0 !important;
}
.iot_wrap .page-id-1049 #form-inquiry, .iot_wrap .page-id-1052 #form-inquiry, .iot_wrap .page-id-232 #form-inquiry {
padding-top: 8rem !important;
}
.iot_wrap .page-id-1052 #form-document, .iot_wrap .page-id-1052 #form-inquiry, .iot_wrap .page-id-266 #form-document, .iot_wrap .page-id-266 #form-inquiry, .iot_wrap .page-id-359 #form-document, .iot_wrap .page-id-359 #form-inquiry, .iot_wrap .page-id-362 #form-document, .iot_wrap .page-id-362 #form-inquiry {
padding: 8rem 15rem !important;
}
.iot_wrap .footer-form-content {
background: #fff;
padding: 5.5rem 0;
text-align: center;
}
.iot_wrap .br-inline {
display: none;
}
.iot_wrap .br-none {
display: inline;
}
.iot_wrap #top .price .btn {
margin-bottom: 40px;
}
.iot_wrap .ttl-icon {
display: inline-block;
position: relative;
top: 20px;
left: 20px;
}
.iot_wrap .ttl-icon-contents {
display: inline-block;
}
.iot_wrap .ttl-icon-sp {
display: none;
}
.iot_wrap #form-document .estimate {
margin: 44px 0 -18px;
}
.iot_wrap #form-document .estimate_title {
color: #00a0e9;
font-size: 15.5px;
text-align: center;
background: #fff200;
padding: 9px 0;
position: relative;
z-index: 1;
}
.iot_wrap #form-document .estimate_title:before {
content: "";
z-index: 1;
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/form/estimate_text.png) 0 0 no-repeat;
width: 91px;
height: 92px;
top: -22px;
left: 78px;
}
.iot_wrap #form-document .estimate_title:after {
content: "";
z-index: 1;
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/form/estimate_img.png) 0 0 no-repeat;
width: 84px;
height: 76px;
bottom: 0;
right: 94px;
}
.iot_wrap #form-document .estimate_mes {
font-size: 18px !important;
color: #00a0e9 !important;
letter-spacing: 2px !important;
margin: 0 0 4px;
}
.iot_wrap #form-document .estimate_main {
border: solid #fff200 4px;
border-top: 0;
padding: 15px 0 18px;
position: relative;
z-index: 1;
}
.iot_wrap #form-document .estimate_main:before {
content: "";
z-index: 1;
position: absolute;
border-top: 10px solid #fff200;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: none;
width: 0;
height: 0;
top: 0;
right: 0;
left: 0;
margin: auto;
}
.iot_wrap #form-document .estimate_btn {
font-size: 21px;
background: #00a0e9;
display: block;
text-align: center;
color: #fff !important;
border-radius: 100px;
padding: 18px 0 18px 40px;
margin: 0 114px;
position: relative;
z-index: 1;
}
.iot_wrap #form-document .estimate_btn span {
position: relative;
z-index: 1;
}
.iot_wrap #form-document .estimate_btn span:before {
content: "";
z-index: 1;
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/form/estimate_icon.png) 0 0 no-repeat;
width: 21px;
height: 29px;
top: -3px;
left: -33px;
}
.iot_wrap #form-document .estimate_btn:before {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap {   }
.iot_wrap .pc {
display: block;
}
.iot_wrap .sp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .pc {
display: none;
}
.iot_wrap .sp {
display: block;
}
}
.iot_wrap .elqform-container {
width: 100%;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform-container {
padding-top: 6.5rem;
}
}
.iot_wrap .elqform-container__inner {
width: 100%;
max-width: 100rem;
margin: 0 auto;
overflow: hidden;
padding: 8rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform-container__inner {
padding: 0;
}
}
.iot_wrap .elqform_wrap {
font-family: Arial, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 400;
padding: 0;
background: #fff;
margin-bottom: 10rem;
box-sizing: border-box;
width: 100%;
padding-top: 50px;
padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap {
margin-bottom: 0px;
}
}
.iot_wrap .elqform_wrap .mainv img {
width: 100%;
}
.iot_wrap .elqform_wrap h2 {
display: block;
text-align: center;
font-size: 4rem;
position: relative;
line-height: 1.6em;
padding-top: 4rem;
color: #484848;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap h2 {
font-size: 2.4rem;
line-height: 3.5rem;
padding: 4rem 0 1.8rem;
}
}
.iot_wrap .elqform_wrap h2:before {
width: 100%;
content: "";
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/line-ttl.png) no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0px;
right: 0px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap h2:before {
width: 48px;
height: 5px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/line-ttl.png) no-repeat 0 0;
-webkit-background-size: 48px auto;
background-size: 48px auto;
display: block;
margin: 0 auto 2.2rem;
}
}
.iot_wrap .elqform_wrap__inner {
width: 100%;
max-width: 100rem;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap__inner {
width: 100%;
max-width: 92%;
}
}
.iot_wrap .elqform_wrap .form_wrap {
width: 100%;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap {
overflow: hidden;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps {
margin-bottom: 50px;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul {
margin: 4rem auto;
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul {
margin: 2.2rem auto;
justify-content: space-between;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li {
display: flex;
overflow: hidden;
margin-right: 1.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li {
margin-right: 0;
width: 32%;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step {
font-size: 1.3rem;
text-align: center;
color: #fff;
background: #cfcfcf;
padding: 1.5rem 0;
width: 6rem;
box-sizing: border-box;
line-height: 1.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step {
font-size: 1rem;
text-align: center;
padding: 0.85rem 0;
width: 30%;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step span {
font-size: 1.7rem;
display: block;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step span {
font-size: 1.2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step-content {
background: #e8e8e8;
color: #333638;
font-size: 1.6rem;
padding: 1.5rem 0;
width: 16rem;
box-sizing: border-box;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step-content {
font-size: 1rem;
padding: 1.2rem 0;
width: 70%;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li.current .step {
background: #0079b5;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li.current .step-content {
background: #00a0e9;
color: #fff;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps p {
text-align: center;
color: #6e7173;
font-size: 1.6rem;
letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps p {
font-size: 1.2rem;
line-height: 2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps p a {
border-bottom: 0.1rem solid;
line-height: 1.5rem;
color: #00a0e9;
display: inline-block;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps .btn a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #b2b2b2;
border: 0.6rem solid #e6e6e6;
color: #fff;
font-size: 1.68rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps .btn a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps .btn a:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap .elqform_wrap .form_wrap form .elm_step1 {
display: block;
}
.iot_wrap .elqform_wrap .form_wrap form .elm_step2 {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap form.confirm .elm_step1 {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap form.confirm .elm_step2 {
display: block;
}
.iot_wrap .elqform_wrap .form_wrap span.required {
background: #ff4f19;
color: #fff;
font-size: 1.1rem;
font-family: "メイリオ", sans-serif;
line-height: 1em;
padding: 0.5rem 1rem;
margin-right: 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap span.required {
margin-left: 0.5rem;
padding: 0.4rem;
font-size: 10px;
}
}
.iot_wrap .elqform_wrap .form_wrap dl {
width: 100%;
max-width: 690px;
margin: 0px auto;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl {
margin: 4rem 0 0;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dt {
font-size: 14px;
font-weight: 400;
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dt {
margin-bottom: 1.5rem;
background: #f9f9f9;
padding: 1rem 1.5rem;
font-size: 1.2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dt#companyNameTitle {
display: block;
}
.iot_wrap .elqform_wrap .form_wrap dl dt#companyNameTitle.hid {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dt span {
background: #e8e8e8;
color: #333638;
font-family: "メイリオ", sans-serif;
line-height: 1em;
padding: 0.5rem 1rem;
font-size: 1.1rem;
margin-left: 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dt span {
margin-left: 0.5rem;
padding: 0.4rem;
font-size: 10px;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dt span.required {
background: #ff4f19;
color: #fff;
margin-right: unset;
}
.iot_wrap .elqform_wrap .form_wrap dl dd {
margin-bottom: 3rem;
}
.iot_wrap .elqform_wrap .form_wrap dl dd#companyNameForm {
display: block;
}
.iot_wrap .elqform_wrap .form_wrap dl dd#companyNameForm.hid {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .household_unit {
margin-left: 16px;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.warning.error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
padding: 5px 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
text-align: center;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .errorMsg {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
display: none;
padding: 5px 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_radio_item, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_radio_item, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_checkbox_item, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_checkbox_item {
display: inline-block;
margin-right: 1rem;
font-size: 14px;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_radio_item input[type=radio], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_radio_item input[type=radio], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_checkbox_item input[type=radio], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_checkbox_item input[type=radio] {
margin-right: 0.5rem;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_radio_item input[type=checkbox], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_radio_item input[type=checkbox], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_checkbox_item input[type=checkbox], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_checkbox_item input[type=checkbox] {
margin-right: 0.5rem;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email] {
width: 100%;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
padding: 1.5rem 2rem;
box-sizing: border-box;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email] {
padding: 0.75rem 1rem;
font-size: 1.6rem;
-webkit-appearance: none;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text]:focus, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel]:focus, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email]:focus {
border: 0.1rem solid #000;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text]:placeholder-shown, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel]:placeholder-shown, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email]:placeholder-shown {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text].household, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel].household, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email].household {
max-width: 270px;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text].household, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel].household, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email].household {
max-width: 90%;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap.col2 {
width: 48%;
display: inline-block;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap.col2:first-of-type {
margin-right: 2%;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select {
padding-top: 1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select {
margin-top: 22px;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap {
overflow: hidden;
width: 49%;
margin: 2em auto;
text-align: center;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap select {
width: 49%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap select::-ms-expand {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap.cf_select_style {
position: relative;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
border-radius: 2px;
padding: 1.5rem 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap.cf_select_style {
padding: 0.75rem 1rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap.cf_select_style:before {
position: absolute;
top: 1.4em;
right: 1.4em;
width: 0;
height: 0;
padding: 0;
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap.cf_select_style:before {
top: 1em;
right: 1em;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #666;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap.cf_select_styleselect {
padding: 8px 38px 8px 8px;
color: #666;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_textarea_wrap textarea {
width: 100%;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
padding: 1.5rem 2rem;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-appearance: none;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_textarea_wrap textarea {
height: 10rem;
padding: 0.75rem 1rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_textarea_wrap textarea:focus {
border: 0.1rem solid #000;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_textarea_wrap textarea:focus {
outline: 0;
border: 0.1rem solid #000;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.agreement {
font-size: 14px;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.agreement {
font-size: 1.1rem;
margin-bottom: 2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.agreement a {
border-bottom: 0.1rem solid;
line-height: 1.5rem;
color: #00a0e9;
display: inline-block;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.agreement a {
line-height: 2.2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns {
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns {
flex-direction: column;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox {
text-align: center;
color: #6e7173;
font-size: 1.6rem;
letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox {
font-size: 1.2rem;
line-height: 2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox input[type=button], .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox input[type=button], .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox input[type=button] {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 33rem;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox input[type=button], .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox input[type=button], .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox input[type=button] {
-webkit-appearance: none;
text-align: center;
border: 0.75rem solid #f7e6c6;
font-size: 1.5rem;
padding: 1rem 3rem 1rem 2rem;
width: 95%;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox input[type=button].error, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox input[type=button].error, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox input[type=button].error {
background: #dc3545;
border: 0.6rem solid #e6969d;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox input[type=button]#returnBtn, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox input[type=button]#returnBtn, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox input[type=button]#returnBtn {
-webkit-border-radius: 5rem;
margin-right: 2rem;
border-radius: 5rem;
text-align: center;
background: #b2b2b2;
border: 0.6rem solid #e6e6e6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 28rem;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox input[type=button]#returnBtn, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox input[type=button]#returnBtn, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox input[type=button]#returnBtn {
width: 95%;
font-size: 1.2rem;
line-height: 2rem;
margin-bottom: 10px;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox.hid, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox.hid, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox.hid {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf input:placeholder-shown {
color: transparent;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf input::-webkit-input-placeholder {
color: transparent;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf input::-moz-placeholder {
color: transparent;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf input:-ms-input-placeholder {
color: transparent;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf input::-ms-input-placeholder {
color: transparent;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf .formError {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf.agreement {
display: none;
}
.iot_wrap .footer-elqform {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .footer-elqform {
background-color: #fff;
border-top: 0.1rem solid #ddd;
padding-top: 3rem;
}
}
.iot_wrap .footer-elqform__content {
background: #fff;
padding: 5.5rem 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .footer-elqform__content {
background-color: #fff;
padding-top: 3rem;
padding: 0;
}
}
.iot_wrap .footer-elqform__inner {
width: 100%;
max-width: 100rem;
margin: 0 auto;
}
.iot_wrap .footer-elqform__inner .site-title img {
width: 233px;
height: 39px;
}
@media screen and (max-width: 767px) {
.iot_wrap .footer-elqform__inner .site-title {
margin: 0 auto 2rem;
}
}
.iot_wrap .footer-elqform__inner .f-navigation {
font-size: 0;
text-align: center;
margin-bottom: 3rem;
}
.iot_wrap .footer-elqform__inner .f-navigation a {
font-size: 1rem;
line-height: 1.5;
display: inline-block;
vertical-align: text-bottom;
}
.iot_wrap .footer-elqform__inner .f-navigation a:not(:first-child) {
padding-left: 1rem;
margin-left: 1rem;
border-left: 1px solid #000;
}
.iot_wrap .footer-elqform .copyright {
background: #000;
font-size: 1rem;
color: #fff;
text-align: center;
}
.iot_wrap .embedded_form {
width: 100%;
}
.iot_wrap .embedded_form--inner {
background: rgba(255, 255, 255, 0.4);
width: 90%;
max-width: 991px;
margin: 2rem auto;
position: relative;
}
.iot_wrap .embedded_form--inner form {
padding: 20px 10px;
}
.iot_wrap .embedded_form--inner .warning.error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
padding: 10px 15px;
margin: 10px 20px;
border: 1px solid transparent;
border-radius: 4px;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .warning.error {
margin: 10px 0px;
}
}
.iot_wrap .embedded_form--inner .form_wrap {
display: flex;
width: 100%;
padding-top: 2.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap {
flex-direction: column;
}
}
.iot_wrap .embedded_form--inner .form_wrap .warning {
width: 100%;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs {
width: 50%;
display: block;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs {
width: 100%;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dt {
display: flex;
justify-content: flex-end;
align-items: center;
width: 25%;
height: auto;
display: inline-block;
float: left;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dt#companyNameTitle {
display: block;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dt#companyNameTitle.hid {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dt {
width: 100%;
margin-bottom: 10px;
text-align: left;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd {
display: block;
width: 70%;
margin-bottom: 2rem;
position: relative;
float: left;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd#companyNameForm {
display: block;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd#companyNameForm.hid {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dd {
width: 100%;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .errorMsg {
width: 90%;
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
display: none;
padding: 7.5px 15px;
margin-bottom: 10px;
border: 1px solid transparent;
border-radius: 4px;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_radio_item, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_radio_item, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_checkbox_item, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_checkbox_item {
display: inline-block;
margin-right: 1rem;
font-size: 14px;
text-align: left;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_radio_item input[type=radio], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_radio_item input[type=radio], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_checkbox_item input[type=radio], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_checkbox_item input[type=radio] {
margin-right: 0.5rem;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_radio_item input[type=checkbox], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_radio_item input[type=checkbox], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_checkbox_item input[type=checkbox], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_checkbox_item input[type=checkbox] {
margin-right: 0.5rem;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap {
width: 100%;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=text], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=tel], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=email] {
width: 100%;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
padding: 1rem 2rem;
box-sizing: border-box;
font-size: 1.6rem;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=text]:focus, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=tel]:focus, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=email]:focus {
border: 0.1rem solid #000;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=text]:placeholder-shown, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=tel]:placeholder-shown, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=email]:placeholder-shown {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=text].household, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=tel].household, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=email].household {
max-width: 270px;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap.col2 {
width: 48%;
display: inline-block;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap.col2:first-of-type {
margin-right: 2%;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select {
margin-top: 0px;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap {
overflow: hidden;
width: 87%;
margin: 2em auto;
text-align: center;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap select {
width: 87%;
padding-right: 1em;
margin-top: 20px;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap select {
width: 90%;
margin-top: 5px;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap select::-ms-expand {
display: none;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap.cf_select_style {
position: relative;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
border-radius: 2px;
padding: 12px 16px;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap.cf_select_style {
padding: 0.75rem 1rem;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap.cf_select_style:before {
position: absolute;
top: 1.4em;
right: 1.4em;
width: 0;
height: 0;
padding: 0;
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap.cf_select_style:before {
top: 1em;
right: 1em;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #666;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap.cf_select_styleselect {
padding: 8px 38px 8px 8px;
color: #666;
}
.iot_wrap .embedded_form--inner .form_wrap--submits {
width: 50%;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--submits {
width: 100%;
}
}
.iot_wrap .embedded_form--inner .form_wrap--submits #submitNonConfirmBtn {
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 80%;
border: 0;
background: none;
position: relative;
padding: 2rem 0rem;
margin: 0px auto;
}
.iot_wrap { }
@media screen and (max-width: 1200px) {
.iot_wrap body {
min-width: 0px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #responsive-menu-button {
display: none;
}
}
.iot_wrap .lp-avoide_emptys {
line-height: 1;
}
.iot_wrap .lp-avoide_emptys .avoide-vacancies-sp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys {
overflow: hidden;
}
.iot_wrap .lp-avoide_emptys.avoide-vacancies-sp {
display: block;
}
.iot_wrap .lp-avoide_emptys.avoide-vacancies-pc {
display: none;
}
}
.iot_wrap .lp-avoide_emptys .pc {
display: block;
}
.iot_wrap .lp-avoide_emptys .sp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .pc {
display: none;
}
.iot_wrap .lp-avoide_emptys .sp {
display: block;
}
}
.iot_wrap .lp-avoide_emptys .inner {
width: 100%;
max-width: 100rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .inner {
width: 92%;
margin: 0 auto;
}
}
.iot_wrap .lp-avoide_emptys h2 {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.iot_wrap .lp-avoide_emptys h2::before {
display: none;
}
.iot_wrap .lp-avoide_emptys .form {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/form-document-bg.png) no-repeat;
background-size: cover;
padding: 3rem 0;
}
.iot_wrap .lp-avoide_emptys .form .inner {
background: #fff;
padding: 3rem;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner {
padding: 3rem 1.5rem 0;
}
}
.iot_wrap .lp-avoide_emptys .form .inner h2 {
font-size: 3rem;
text-align: center;
margin-bottom: 2rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner h2 {
font-size: 2.5rem;
line-height: 3.5rem;
padding: 0 0 3rem;
margin-bottom: 1rem;
}
}
.iot_wrap .lp-avoide_emptys .form .inner h2 span {
color: #36b4c7;
font-size: 4rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner h2 span {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys .form .inner .contact-area {
padding: 3rem 0 105px;
}
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel {
float: left;
}
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel p {
font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel p {
font-size: 1.4rem;
}
}
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel .telno {
font-size: 4.7rem;
font-weight: bold;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-fd.png) no-repeat left;
padding-left: 6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel .telno {
font-size: 3rem;
line-height: 42px;
}
}
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel .time {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel .time {
font-size: 1.2rem;
}
}
.iot_wrap .lp-avoide_emptys footer.lp {
padding: 0 0 12.4rem;
}
.iot_wrap .lp-avoide_emptys footer.lp .inner {
padding: 4rem 0 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys footer.lp .inner {
padding: 2rem 0 0;
width: 92%;
}
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav {
text-align: center;
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li {
display: inline-block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li {
line-height: 2rem;
}
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li:after {
content: "|";
margin-left: 0.1rem;
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li:last-child:after {
display: none;
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li a {
font-size: 1.3rem;
padding: 0 0.5rem;
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li a:hover {
border-bottom: 0.1rem solid #000;
}
.iot_wrap .lp-avoide_emptys footer.lp .copyright {
font-size: 1.1rem;
background: #fff;
color: #333738;
margin: 1rem 0 1rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys footer.lp .copyright {
margin: 1rem 0;
}
}
.iot_wrap .lp-avoide_emptys footer.lp .m-examination {
font-size: 1.1rem;
background: #fff;
color: #333738;
margin: 1rem 0 3rem;
text-align: center;
}
.iot_wrap .lp-avoide_emptys #footer-compliance {
background: rgba(0, 0, 0, 0.8);
color: #fff;
position: fixed;
width: 100%;
bottom: 0;
padding: 1rem 0 0 0;
z-index: 9999;
}
.iot_wrap .lp-avoide_emptys #footer-compliance.avoide-vacancies-sp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys #footer-compliance.avoide-vacancies-sp {
display: block;
}
.iot_wrap .lp-avoide_emptys #footer-compliance.avoide-vacancies-pc {
display: none;
}
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner {
width: 100%;
max-width: 100rem;
margin: 0 auto;
height: 100px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys #footer-compliance .inner {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .tel {
float: left;
position: relative;
top: 10px;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .tel p {
font-size: 1.4rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .tel .telno {
font-size: 4.3rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-fd-white.png) no-repeat left;
padding-left: 5rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .tel .telno a {
pointer-events: none;
color: #fff;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .tel .time {
font-size: 1.2rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .btn-area {
float: right;
margin: 0.5rem 0 0 3rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .btn-area .btn-inquiry {
display: inline-block;
margin-right: 1rem;
position: relative;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .btn-area .btn-inquiry a {
display: inline-block;
color: #fff;
font-size: 1.8rem;
background: #ff6347;
padding: 1.7rem 4rem 1.5rem 5.5rem;
position: relative;
-moz-border-radius: 3rem;
-webkit-border-radius: 3rem;
-o-border-radius: 3rem;
-ms-border-radius: 3rem;
border-radius: 3rem;
-moz-box-shadow: 0px 3px 0px #cc4f39;
-webkit-box-shadow: 0px 3px 0px #cc4f39;
-o-box-shadow: 0px 3px 0px #cc4f39;
-ms-box-shadow: 0px 3px 0px #cc4f39;
box-shadow: 0px 3px 0px #cc4f39;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .btn-area .btn-inquiry a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-estimate.png) no-repeat left;
width: 2rem;
height: 2.4rem;
display: inline-block;
position: absolute;
left: 2.5rem;
top: 24%;
background-size: contain;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys #footer-compliance {
background: none;
padding: 1rem 0 0;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul {
text-align: center;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li {
display: inline-block;
background: rgba(0, 0, 0, 0.8);
width: calc(40% - 20px);
margin-right: 10px;
text-align: center;
height: 60px;
max-width: 120px;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:first-child {
margin-left: 0;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:first-child a {
position: relative;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:first-child a:before {
content: "";
position: absolute;
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/zeroyen/sp/tel-ic.png) no-repeat;
background-size: 100%;
top: 1rem;
left: 0;
right: 0;
margin: 0 auto;
width: 2.3rem;
height: 2.5rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:nth-child(2) a {
position: relative;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:nth-child(2) a:before {
content: "";
position: absolute;
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-estimate.png) no-repeat;
background-size: 100%;
top: 0.8rem;
left: 0;
right: 0;
margin: 0 auto;
width: 1.8rem;
height: 2.5rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:last-child {
margin-right: 0;
width: 20%;
max-width: 75px;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:last-child a {
position: relative;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:last-child a:before {
content: "";
position: absolute;
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/zeroyen/sp/top-ic.png) no-repeat;
background-size: 100%;
top: 1rem;
left: 0;
right: 0;
margin: 0 auto;
width: 2.3rem;
height: 2.5rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li a {
color: #fff;
font-size: 1rem;
padding: 4rem 0 0 0;
display: block;
}
}
.iot_wrap .lp-avoide_emptys header.lp {
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp {
padding: 0;
position: relative;
z-index: 100;
width: 100%;
margin: 0 auto;
padding-top: 0;
}
}
.iot_wrap .lp-avoide_emptys header.lp:before {
content: "";
width: 100%;
height: 0.6rem;
display: block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp:before {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #0cbdd1), color-stop(100%, #0a92ce));
background: -moz-linear-gradient(left, #0cbdd1, #0a92ce);
background: -webkit-linear-gradient(left, #0cbdd1, #0a92ce);
background: linear-gradient(to right, #0cbdd1, #0a92ce);
display: block;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner {
margin: 3rem auto 2.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner {
overflow: hidden;
width: 100%;
margin: 0 auto;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys header.lp .inner.avoide-vacancies-sp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner.avoide-vacancies-sp {
display: block;
}
.iot_wrap .lp-avoide_emptys header.lp .inner.avoide-vacancies-pc {
display: none;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .logo {
float: left;
margin: 1.5rem 0 0 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .logo {
float: left;
width: 45%;
margin: 0.5rem 0 0 1rem;
}
.iot_wrap .lp-avoide_emptys header.lp .inner .logo a {
display: block;
line-height: 2rem;
}
.iot_wrap .lp-avoide_emptys header.lp .inner .logo a img {
width: 60%;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .contact-area {
float: right;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .contact-area {
overflow: inherit;
width: 158px;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .contact-area::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys header.lp .inner .tel {
float: left;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .tel {
display: none;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .tel {
display: block;
float: none;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .tel p {
font-size: 1.1rem;
line-height: 1em;
margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .tel p.tel_desp {
display: none;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .tel .telno {
font-size: 3.4rem;
font-weight: bold;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/header-icon-fd.png) no-repeat left;
padding-left: 3.5rem;
margin-bottom: 0.5rem;
letter-spacing: 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .tel .telno {
display: block;
font-size: 1.6rem;
line-height: 1em;
margin: 0.2rem 0 0;
padding-left: 1.8rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/zeroyen/header-icon-fd.png) no-repeat left 0.3rem;
background-size: 1.5rem;
}
.iot_wrap .lp-avoide_emptys header.lp .inner .tel .telno a {
font-size: 1.8rem;
line-height: 2rem;
padding-left: 0;
pointer-events: inherit;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .time {
font-size: 1rem;
color: #6e7273;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .time {
display: none;
}
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area {
margin: 0.5rem 0 0 3rem;
float: left;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .btn-area {
margin-left: 0;
margin-top: 0;
display: flex;
float: none;
}
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document {
display: inline-block;
margin-right: 1rem;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document a {
display: inline-block;
color: #fff;
font-size: 1.6rem;
background: #ff6347;
padding: 1.5rem 3rem 1.2rem 4.5rem;
position: relative;
-moz-border-radius: 2.5rem;
-webkit-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
-ms-border-radius: 2.5rem;
border-radius: 2.5rem;
-moz-box-shadow: 0px 2.7px 0px #cc4f39;
-webkit-box-shadow: 0px 2.7px 0px #cc4f39;
-o-box-shadow: 0px 2.7px 0px #cc4f39;
-ms-box-shadow: 0px 2.7px 0px #cc4f39;
box-shadow: 0px 2.7px 0px #cc4f39;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-document.png) no-repeat left;
width: 2rem;
height: 2.4rem;
display: inline-block;
position: absolute;
left: 1.5rem;
top: 1rem;
background-size: contain;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate {
display: inline-block;
margin-right: 1rem;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate a {
display: inline-block;
color: #fff;
font-size: 1.6rem;
background: #f9910a;
padding: 1.5rem 3rem 1.21rem 4.5rem;
position: relative;
-moz-border-radius: 2.5rem;
-webkit-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
-ms-border-radius: 2.5rem;
border-radius: 2.5rem;
-moz-box-shadow: 0px 2.7px 0px #c77408;
-webkit-box-shadow: 0px 2.7px 0px #c77408;
-o-box-shadow: 0px 2.7px 0px #c77408;
-ms-box-shadow: 0px 2.7px 0px #c77408;
box-shadow: 0px 2.7px 0px #c77408;
box-shadow: 0px 2.7px 0px #c77408;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-estimate.png) no-repeat left;
width: 2rem;
height: 2.4rem;
display: inline-block;
position: absolute;
left: 1.5rem;
top: 1rem;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry {
display: inline-block;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry a {
display: inline-block;
color: #fff;
font-size: 1.6rem;
background: #36b4c7;
padding: 1.5rem 3rem 1.21rem 4.5rem;
position: relative;
-moz-border-radius: 2.5rem;
-webkit-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
-ms-border-radius: 2.5rem;
border-radius: 2.5rem;
-moz-box-shadow: 0px 2.7px 0px #2b909f;
-webkit-box-shadow: 0px 2.7px 0px #2b909f;
-o-box-shadow: 0px 2.7px 0px #2b909f;
-ms-box-shadow: 0px 2.7px 0px #2b909f;
box-shadow: 0px 2.7px 0px #2b909f;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-mail.png) no-repeat left;
width: 2rem;
height: 2.4rem;
display: inline-block;
position: absolute;
left: 1.5rem;
top: 1rem;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel {
display: inline-block;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel a {
display: inline-block;
color: #fff;
font-size: 1.6rem;
background: #36b4c7;
padding: 1.5rem 3rem 1.21rem 4.5rem;
position: relative;
-moz-border-radius: 2.5rem;
-webkit-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
-ms-border-radius: 2.5rem;
border-radius: 2.5rem;
-moz-box-shadow: 0px 2.7px 0px #2b909f;
-webkit-box-shadow: 0px 2.7px 0px #2b909f;
-o-box-shadow: 0px 2.7px 0px #2b909f;
-ms-box-shadow: 0px 2.7px 0px #2b909f;
box-shadow: 0px 2.7px 0px #2b909f;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/zeroyen/sp/tel-ic.png) no-repeat left;
background-size: 100%;
width: 2.3rem;
height: 2.5rem;
display: inline-block;
position: absolute;
left: 1.5rem;
top: 1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel {
width: 78px;
margin: 0;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document a,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate a,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry a,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel a {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
padding: 3.5rem 0 0.6rem;
line-height: 1em;
color: #fff;
font-size: 0.9rem;
display: block;
text-align: center;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document a:before,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate a:before,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry a:before,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel a:before {
top: 0.5rem;
left: 38%;
display: block;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document a:after,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate a:after,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry a:after,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel a:after {
display: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv {
padding: 7.5rem 0 7rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/mainv.png) no-repeat center center;
background-size: cover;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv {
margin-top: 0;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/mainv.png) no-repeat center center;
background-size: cover;
text-align: center;
padding: 3rem 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title {
padding-top: 0rem;
font-weight: bold;
}
@media screen and (max-width: 1000px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title {
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title {
font-size: 18px;
padding: 4rem 0 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis {
font-size: 7rem;
line-height: 94px;
display: inline-block;
color: #0097c6;
background: -webkit-linear-gradient(0deg, #00b7ca, #008ac5);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1000px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis {
font-size: 32px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis {
font-size: 33px;
line-height: 48px;
font-weight: bold;
text-align: center;
float: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis__of {
font-size: 60px;
font-weight: bold;
color: #0097c6;
}
@media screen and (max-width: 1000px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis__of {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis__of {
font-size: 21px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__lead {
background: -webkit-linear-gradient(0deg, #00b7ca, #008ac5);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 26px;
font-weight: bold;
margin-top: 20px;
color: #0097c6;
}
@media screen and (max-width: 1000px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__lead {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__lead {
font-size: 14px;
line-height: 24px;
margin-top: 3px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .mainv-plan-txt {
margin-top: 20px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv .mainv-page_catch {
width: 90%;
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .mainv-plan-txt {
width: 90%;
margin-top: 20px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .icon {
margin: 4rem 0 0;
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .icon .margin-r {
margin-right: 1.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv .icon {
width: 92%;
margin: 2rem auto 0;
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .icon img {
margin-right: 0;
width: 45%;
height: auto;
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .icon .margin-r {
margin-right: 0.5rem;
margin-left: 0.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
text-align: center;
padding-bottom: 7rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media {
padding-bottom: 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__title {
padding: 8rem 0 18px;
line-height: 1.8em;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__title {
font-size: 2.5rem;
line-height: 38px;
padding: 4rem 0 2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__text {
color: #333;
line-height: 2.2em;
font-size: 20px;
font-weight: bold;
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__text span {
font-size: 26px;
color: #009e92;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__text {
font-size: 16px;
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__text span {
font-size: 18px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__image {
background-color: #f2f4f5;
display: inline-block;
margin: 3.5rem auto 4rem;
padding: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__image {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__image {
padding: 1rem;
margin: 2rem auto;
width: calc(100% - 30px);
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__image img {
width: 640px;
height: auto;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__image img {
max-width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__image__desp {
margin-top: 7px;
text-align: left;
font-size: 12px;
line-height: 18px;
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__image__desp .m-source {
line-height: 36px;
font-size: 24px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__image__desp .m-source {
line-height: 24px;
font-size: 16px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-question {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
padding: 0 0 12rem;
text-align: center;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-question {
padding: 0 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-question h2 {
font-size: 5.5rem;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-question h2 {
font-size: 2.5rem;
line-height: 3.5rem;
margin-bottom: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-question__text {
color: #6e7273;
line-height: 2.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-question__text {
width: calc(100% - 30px);
margin: 0px auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-question #faq {
margin: 6rem auto 1rem;
background: #fff;
padding: 3rem;
text-align: left;
width: 100%;
max-width: 100rem;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-question #faq {
margin: 3rem auto 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-question #faq .accordion {
padding: 1.5rem 1rem;
font-size: 1.7rem;
color: #36b4c7;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-question #faq .accordion .span {
padding-right: 15px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .point h2 {
padding: 8rem 0 0;
line-height: 1.8em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point h2 {
font-size: 1.8rem;
line-height: 3.5rem;
padding: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point p {
margin: 3rem 0 4rem;
color: #6e7273;
line-height: 2.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point p {
margin: 2rem auto 4rem;
font-size: 1.4rem;
line-height: 2rem;
width: 92%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point p span {
color: #36b4c7;
font-size: 5.5rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point p span {
font-size: 2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .inner {
width: 100%;
max-width: 100%;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .inner {
margin: 0 auto;
padding: 3rem 0 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point {
width: 100rem;
margin: 0 auto 8rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point {
width: 92%;
margin: 0 auto 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point h3 {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…Igd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #28c5be), color-stop(50%, #27b2c5), color-stop(100%, #0a92ce));
background: -moz-linear-gradient(left, #28c5be, #27b2c5, #0a92ce);
background: -webkit-linear-gradient(left, #28c5be, #27b2c5, #0a92ce);
background: linear-gradient(to right, #28c5be, #27b2c5, #0a92ce);
-moz-border-radius: 4rem;
-webkit-border-radius: 4rem;
border-radius: 4rem;
color: #fff;
font-size: 3rem;
font-weight: bold;
padding: 2rem 0;
margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point h3 {
color: #fff;
padding: 1rem;
border-radius: 6rem;
margin-bottom: 2rem;
line-height: 25px;
font-size: 1.8rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point span {
color: #eaff00;
font-size: 4rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point span {
font-size: 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point .small {
font-size: 3rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point .small {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul {
padding-bottom: 4rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li {
float: left;
background: #fff;
-moz-box-shadow: 0 0 1rem #ccc;
-webkit-box-shadow: 0 0 1rem #ccc;
-o-box-shadow: 0 0 1rem #ccc;
-ms-box-shadow: 0 0 1rem #ccc;
box-shadow: 0 0 1rem #ccc;
margin-left: 0.5rem;
margin-right: 1.5rem;
width: 32%;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li {
float: none;
margin-left: 0;
margin-right: 0;
margin-bottom: 2rem;
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:last-child {
margin-bottom: 0;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .img img {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt {
padding: 0 2rem 3rem;
position: relative;
z-index: 100;
box-sizing: border-box;
width: 100%;
margin: -2.5rem auto 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt {
padding: 0 2rem 1rem;
box-sizing: border-box;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 {
color: #28c5be;
font-size: 2.4rem;
margin-bottom: 0;
line-height: 1.4em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 {
font-size: 2rem;
margin-bottom: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 span.point {
background: #28c5be;
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
-o-border-radius: 2rem;
-ms-border-radius: 2rem;
border-radius: 2rem;
display: block;
color: #fff;
font-size: 1.8rem;
border: 0.2rem solid #fff;
width: 60%;
margin: 0.5rem auto 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 span.point {
margin: 0 auto 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 span.small {
font-size: 1.6rem;
display: block;
color: #28c5be;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 span.small {
font-size: 1.4rem;
line-height: 1.8rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt p {
margin: 2rem 0 0;
font-size: 1.3rem;
line-height: 1.8em;
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt p {
margin: 1rem 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .more {
background: #f2f4f5;
color: #333738;
font-size: 2rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .more a {
font-weight: bold;
display: block;
padding: 2rem 0;
position: relative;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .more a:after {
content: "";
position: absolute;
top: 2.5rem;
right: 6rem;
width: 1rem;
height: 1rem;
border-left: 2px solid #333738;
border-bottom: 2px solid #333738;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(2) {
margin-left: 0;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(2) .txt h4 {
color: #27b2c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(2) .txt h4 span.point {
background: #27b2c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(2) .txt h4 span.small {
color: #27b2c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(3) {
margin-left: 0;
margin-right: 0.5rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(3) .txt h4 {
color: #2899c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(3) .txt h4 span.point {
background: #2899c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(3) .txt h4 span.small {
color: #2899c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/point1-bg.png) no-repeat;
background-size: cover;
padding: 10rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 {
padding: 0 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner {
width: 100%;
max-width: 100rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner {
width: 92%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .point-no {
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
-o-border-radius: 2rem;
-ms-border-radius: 2rem;
border-radius: 2rem;
background: #fff;
font-size: 1.8rem;
color: #28c5be;
display: block;
margin: 0 auto 1rem;
width: 15%;
padding: 1rem 0;
line-height: 1em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .point-no {
width: 80%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl {
text-align: left;
width: 85%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .img {
float: left;
margin-left: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .img {
float: none;
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt {
float: right;
width: 78%;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt {
float: none;
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3 {
font-size: 4.3rem;
color: #fff;
line-height: 1.8em;
text-align: left;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3 {
font-size: 2rem;
text-align: center;
font-weight: bold;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3 span {
color: #eaff00;
font-size: 5.5rem;
display: inline-block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3 span {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail {
margin: 5rem 0 6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail {
margin: 0 0 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .txt {
float: left;
color: #fff;
font-size: 1.6rem;
width: 35%;
line-height: 2.2em;
text-align: left;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .txt {
float: none;
width: 100%;
font-size: 1.4rem;
line-height: 2rem;
text-align: center;
margin: 1rem 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .ranking-img {
float: right;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .ranking-img {
float: none;
margin-top: 1rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .ranking-img img {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li {
margin-right: 2.4rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li img {
display: block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li {
padding: 10px;
margin-right: 0;
width: 50%;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li img {
display: block;
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li:nth-child(2n) {
margin-right: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li:last-child {
margin-right: 0;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/point2-bg.png) no-repeat;
background-size: cover;
padding: 10rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 {
background: rgba(39, 178, 197, 0.6);
padding: 0 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner {
max-width: 100rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner {
width: 92%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .point-no {
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
-o-border-radius: 2rem;
-ms-border-radius: 2rem;
border-radius: 2rem;
background: #fff;
font-size: 1.8rem;
color: #27b2c5;
display: block;
margin: 0 auto 1rem;
width: 15%;
padding: 1rem 0;
line-height: 1em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .point-no {
width: 80%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl {
width: 85%;
text-align: left;
margin: 0px auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .img {
float: left;
margin-left: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .img {
float: none;
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt {
width: 72%;
float: right;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt {
float: none;
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3 {
font-size: 4.3rem;
color: #fff;
line-height: 1.8em;
text-align: left;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3 {
font-size: 2rem;
text-align: center;
font-weight: bold;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3 span {
color: #eaff00;
font-size: 5.5rem;
display: inline-block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3 span {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner p {
color: #fff;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li {
background: #fff;
padding-bottom: 3rem;
margin-bottom: 2rem;
margin-right: 0;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li h4 {
background: #ecf2f3;
color: #333738;
font-size: 2rem;
padding: 1rem 0 1rem 3.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li h4 {
padding: 1rem 0;
text-align: center;
font-size: 1.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .img {
float: left;
margin-left: 7rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .img {
margin-left: 0px;
float: none;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .img img {
max-width: 90%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt {
float: right;
width: 45%;
text-align: left;
margin-right: 7rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt {
float: none;
width: 100%;
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt h5 {
font-size: 2.4rem;
color: #36b4c7;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt h5 {
font-size: 1.8rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt p {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.3rem;
color: #6e7273;
margin: 2rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt p {
margin: 2rem auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:first-child {
float: none;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2), .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) {
width: 49%;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2), .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2) h4, .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) h4 {
padding: 1rem 0;
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2) .img, .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) .img {
float: none;
margin: 0;
height: 18rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2) .img img, .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) .img img {
margin: 0 auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2) .txt, .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) .txt {
float: none;
margin: 2rem auto;
width: 80%;
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2) {
float: left;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) {
float: right;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .caution {
text-align: left;
margin: 0;
font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .caution {
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/point3-bg.png) no-repeat;
background-size: cover;
padding: 10rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 {
background: rgba(40, 153, 197, 0.6);
padding: 0 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner {
max-width: 100rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner {
width: 92%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .point-no {
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
-o-border-radius: 2rem;
-ms-border-radius: 2rem;
border-radius: 2rem;
background: #fff;
font-size: 1.8rem;
color: #2899c5;
display: block;
margin: 0 auto 1rem;
width: 15%;
padding: 1rem 0;
line-height: 1em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .point-no {
width: 80%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl {
width: 85%;
text-align: left;
margin: 0px auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .img {
float: left;
margin-left: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .img {
float: none;
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt {
width: 75%;
float: right;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt {
float: none;
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 {
font-size: 4.3rem;
color: #fff;
line-height: 1.8em;
text-align: left;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 {
font-size: 2rem;
text-align: center;
font-weight: bold;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 span {
color: #eaff00;
font-size: 5.5rem;
display: inline-block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 span {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner p {
color: #fff;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li {
width: 49%;
height: 50rem;
background: #fff;
padding-bottom: 3rem;
margin-bottom: 2rem;
margin-right: 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li {
height: 52rem;
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li h4 {
padding: 1rem 0;
text-align: center;
background: #ecf2f3;
color: #333738;
font-size: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li h4 {
font-size: 1.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .img {
height: 18rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .img img {
margin: 0 auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .txt {
margin: 2rem auto;
width: 80%;
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .txt h5 {
font-size: 2.4rem;
color: #36b4c7;
font-weight: bold;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .txt p {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.3rem;
color: #6e7273;
margin: 2rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .txt p {
margin: 2rem auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li:nth-child(1) {
float: left;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li:nth-child(1) {
float: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li:nth-child(2) {
float: right;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li:nth-child(2) {
float: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
text-align: center;
padding: 0 0 6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price {
padding: 3rem 0 4rem;
}
.iot_wrap .lp-avoide_emptys main.lp .price .inner {
width: 92%;
margin: 0 auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price h2 {
padding: 8rem 0 0;
line-height: 1.8em;
margin-bottom: 3rem;
font-size: 5.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price h2 {
font-size: 2.5rem;
line-height: 3.5rem;
margin-bottom: 1rem;
}
.iot_wrap .lp-avoide_emptys main.lp .price h2 span {
font-size: 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price p {
color: #6e7273;
line-height: 2.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price p {
font-size: 1.4rem;
line-height: 2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price ul {
background: #f2f4f5;
margin: 4rem 0 1rem;
padding: 1.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price ul {
margin: 2rem 0 1rem;
padding: 1rem 0.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price ul::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .price ul li {
position: relative;
float: left;
margin: 0;
width: 33.33%;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price ul li {
width: 33%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price ul li img {
-moz-box-shadow: 0 0 10px -2px #999;
-webkit-box-shadow: 0 0 10px -2px #999;
-o-box-shadow: 0 0 10px -2px #999;
-ms-box-shadow: 0 0 10px -2px #999;
box-shadow: 0 0 10px -2px #999;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price ul li img {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price .caution {
text-align: left;
margin: 0;
line-height: 1.8em;
font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price .caution {
margin: 0.5rem 0 0;
line-height: 1.2em;
font-size: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/form-document-bg.png) no-repeat;
background-size: cover;
padding: 3rem 0;
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner {
background: #fff;
padding: 3rem;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner {
padding: 3rem 1.5rem 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner h2 {
font-size: 3rem;
text-align: center;
margin-bottom: 2rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner h2 {
font-size: 2.5rem;
line-height: 3.5rem;
padding: 0 0 3rem;
margin-bottom: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner h2 span {
color: #36b4c7;
font-size: 4rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner h2 span {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area {
padding: 3rem 0 105px;
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel {
float: left;
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel p {
font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel p {
font-size: 1.4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel .telno {
font-size: 4.7rem;
font-weight: bold;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-fd.png) no-repeat left;
padding-left: 6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel .telno {
font-size: 3rem;
line-height: 42px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel .time {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel .time {
font-size: 1.2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/form-document-bg.png) no-repeat;
width: 100%;
background-size: cover;
position: relative;
text-align: center;
padding: 3rem 0 1rem;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form input,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form select {
font-size: 16px;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .ajax-loader {
display: none;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__title {
font-weight: bold;
letter-spacing: 0.1rem;
color: #fff;
font-size: 2rem;
width: 90%;
margin: 0px auto;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__title .emphasis {
color: #eaff00;
font-size: 2.6rem;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap {
background: rgba(255, 255, 255, 0.4);
width: 90%;
max-width: 991px;
margin: 2rem auto;
padding: 30px 30px 5px;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap {
padding: 30px 0px 5px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .wpcf7-not-valid-tip {
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .wpcf7-not-valid-tip {
margin-top: 10px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .wpcf7-validation-errors {
margin: 0 auto 10px;
width: 90%;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .row {
margin-bottom: 5px;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group {
text-align: left;
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group {
padding-left: 15px;
padding-right: 15px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group:nth-of-type(2) {
padding-left: 15px;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__label {
color: #fefefe;
text-align: left;
font-size: 16px;
padding-left: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__label {
padding-left: 15px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input {
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input {
padding-left: 15px;
padding-right: 15px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio {
padding-left: 0px;
text-align: left;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio {
padding-left: 15px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio .wpcf7-list-item {
margin: 0px 5% 0px 0px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio .wpcf7-list-item {
margin: 2% 10px 0px 0px;
display: inline-block;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio .wpcf7-list-item .wpcf7-list-item-label {
margin-left: 5px;
color: #4b5f5e;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio .wpcf7-list-item .wpcf7-list-item-label {
font-size: 12px;
width: 120px;
display: inline-block;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .submit_btn,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .submitsBtn {
font-weight: bold;
color: #fff;
border: 0;
font-size: 16px;
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
-moz-box-shadow: 0px 5px 0px #cc4f39;
-webkit-box-shadow: 0px 5px 0px #cc4f39;
box-shadow: 0px 5px 0px #cc4f39;
background-color: #ff6347;
width: 80%;
max-width: 280px;
padding: 2rem 0rem;
margin: 0px auto;
line-height: 1;
}
.iot_wrap .lp-avoide_emptys main.lp .case {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
text-align: center;
padding: 10rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case {
padding: 3rem 0 2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case h2 {
font-size: 5.5rem;
margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case h2 {
font-size: 2.5rem;
line-height: 3.5rem;
margin-bottom: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case h2 span {
font-size: 5.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case h2 span {
font-size: 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case p {
color: #6e7273;
line-height: 2.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case p {
font-size: 1.4rem;
line-height: 2rem;
width: 92%;
margin: 0 auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul {
background: #f2f4f5;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 3rem 3rem 1.5rem;
width: 90%;
max-width: 100rem;
margin: 6rem auto 0;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul {
padding: 1.5rem;
flex-direction: column;
width: 92%;
margin: 2rem auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li {
background: #fff;
-moz-box-shadow: 0 0 1rem #ccc;
-webkit-box-shadow: 0 0 1rem #ccc;
-o-box-shadow: 0 0 1rem #ccc;
-ms-box-shadow: 0 0 1rem #ccc;
box-shadow: 0 0 1rem #ccc;
margin: 0.5rem 2rem 1.5rem 0.5rem;
text-align: left;
position: relative;
width: 47.2%;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li {
float: none;
margin: 0.5rem 0rem 1.5rem 0;
text-align: left;
position: relative;
width: 100%;
margin-top: 4rem;
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li:first-child {
margin-top: 2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .inner {
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .inner::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .icon {
position: absolute;
background: #ff3f80;
width: 6rem;
height: 6rem;
-moz-border-radius: 3rem;
-webkit-border-radius: 3rem;
-o-border-radius: 3rem;
-ms-border-radius: 3rem;
border-radius: 3rem;
color: #fff;
font-size: 1.5rem;
text-align: center;
line-height: 4em;
top: -2rem;
left: -2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li .icon {
top: -8%;
left: -4%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .img {
float: left;
width: 50%;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li .img {
float: none;
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .img img {
display: block;
width: 100%;
height: auto;
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt {
float: right;
padding: 2rem;
width: 50%;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt {
float: none;
width: 100%;
padding: 1rem;
box-sizing: border-box;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt h3 {
color: #36b4c7;
font-size: 1.8rem;
margin-bottom: 1rem;
line-height: 1.7em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt h3 {
line-height: 2rem;
font-size: 1.7rem;
margin-bottom: 1rem;
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt p {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt p {
font-size: 1.2rem;
margin-bottom: 0;
text-align: center;
line-height: 1.8rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li:nth-child(2n) {
margin-right: 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li:nth-child(2n) {
margin-right: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
padding: 0 0 12rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow {
padding: 0 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow h2 {
font-size: 5.5rem;
margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow h2 {
font-size: 2.5rem;
line-height: 3.5rem;
margin-bottom: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow h2 span {
font-size: 5.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow h2 span {
font-size: 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow p {
color: #6e7273;
line-height: 2.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow p {
font-size: 1.4rem;
line-height: 2rem;
width: 92%;
margin: 0 auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content {
margin: 6rem auto 1rem;
background: #f2f4f5;
padding: 3rem;
width: 100%;
max-width: 100rem;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content {
margin: 3rem auto 1rem;
padding: 1.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl {
width: 94rem;
margin: 0 auto 3rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl {
width: 100%;
margin: 1rem auto 1rem;
display: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li {
color: #fff;
font-size: 1.8rem;
width: 25%;
float: left;
position: relative;
margin-right: 3rem;
padding: 1rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li {
font-size: 1.3rem;
width: 25%;
margin-right: 2rem;
padding: 0.5rem 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:after {
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-top: 1.5em solid transparent;
border-bottom: 1.5em solid transparent;
border-left: 1em solid #ddd;
right: -1em;
z-index: 2;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:first-child {
background: #28c5be;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:first-child:after {
border-left: 1em solid #28c5be;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(2) {
width: 43%;
background: #27b2c5;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(2) {
width: 38%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(2):before {
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-width: 1.5em 0 1.5em 1em;
border-style: solid;
border-color: #27b2c5 #27b2c5 #27b2c5 #f2f4f5;
left: -1em;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(2):after {
border-left: 1em solid #27b2c5;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(3) {
background: #2899c5;
margin-right: 0;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(3):before {
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-width: 1.5em 0 1.5em 1em;
border-style: solid;
border-color: #2899c5 #2899c5 #2899c5 #f2f4f5;
left: -1em;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(3):after {
display: none;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail {
width: 94rem;
margin: 0 auto;
padding: 0.5rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li {
-moz-box-shadow: 0 0 1rem #ccc;
-webkit-box-shadow: 0 0 1rem #ccc;
-o-box-shadow: 0 0 1rem #ccc;
-ms-box-shadow: 0 0 1rem #ccc;
box-shadow: 0 0 1rem #ccc;
background: #fff;
width: 22rem;
height: 50rem;
padding: 4rem 2rem 3rem;
margin: 0 1rem 0 0.5rem;
float: left;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li {
width: 100%;
height: auto;
padding: 3rem 1.5rem 1.5rem;
margin: 0 0 2.5rem;
float: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #333738;
border-right: solid 2px #333738;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: -1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:after {
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: 102%;
right: 49%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt {
margin: 5rem 0 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt {
margin: 2rem 0 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .is_notice {
font-size: 10px;
color: #f00;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .is_notice {
font-size: 12px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt h3 {
font-size: 1.7rem;
line-height: 1em;
margin-bottom: 2rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt h3 {
font-size: 1.6rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt p {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.3rem;
color: #6e7273;
line-height: 1.7em;
text-align: left;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt p {
font-size: 1.4rem;
line-height: 2.2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact {
display: inline-block;
margin: 2rem 0;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a {
display: inline-block;
color: #fff;
font-size: 1.6rem;
background: #f9910a;
padding: 1rem 3rem 1rem 5rem;
position: relative;
-moz-border-radius: 2.5rem;
-webkit-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
-ms-border-radius: 2.5rem;
border-radius: 2.5rem;
-moz-box-shadow: 0px 3px 0px #c77408;
-webkit-box-shadow: 0px 3px 0px #c77408;
-o-box-shadow: 0px 3px 0px #c77408;
-ms-box-shadow: 0px 3px 0px #c77408;
box-shadow: 0px 3px 0px #c77408;
line-height: 1em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a {
padding: 1.5rem 7rem 1.5rem 8rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a:hover {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none t;
transform: translate3d(0, 5px, 0);
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-estimate.png) no-repeat left;
width: 2rem;
height: 2.4rem;
display: inline-block;
position: absolute;
left: 1.5rem;
top: 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a:before {
left: 18%;
top: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a:after {
right: 1.5rem;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:first-child .txt h3 {
color: #28c5be;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:nth-child(2) .txt h3 {
color: #27bac4;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:nth-child(3) .txt h3 {
color: #27b2c5;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:nth-child(4):after {
display: none;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:nth-child(4) .txt h3 {
color: #2899c5;
}
.iot_wrap .lp-avoide_emptys main.lp .flow p.caution {
text-align: left;
margin: 0 auto;
font-size: 1.1rem;
width: 100rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp h3 {
border-left: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp a:focus {
text-decoration: none;
}
.iot_wrap .lp-avoide_emptys main.lp .brpc {
display: block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .brpc {
display: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .brsp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .brsp {
display: block;
}
}
.iot_wrap .m-embed_form {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/form-document-bg.png) no-repeat;
width: 100%;
background-size: cover;
position: relative;
text-align: center;
padding: 3rem 0 1rem;
}
.iot_wrap .m-embed_form input,
.iot_wrap .m-embed_form select {
font-size: 16px;
}
.iot_wrap .m-embed_form .ajax-loader {
display: none;
}
.iot_wrap .m-embed_form__title {
font-weight: bold;
letter-spacing: 0.1rem;
color: #fff;
font-size: 2rem;
width: 90%;
margin: 0px auto;
}
.iot_wrap .m-embed_form__title .emphasis {
color: #eaff00;
font-size: 2.6rem;
}
.iot_wrap .m-embed_form__wrap {
background: rgba(255, 255, 255, 0.4);
width: 90%;
max-width: 991px;
margin: 2rem auto;
padding: 30px 30px 5px;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .m-embed_form__wrap {
padding: 30px 0px 5px;
}
}
.iot_wrap .m-embed_form__wrap .wpcf7-not-valid-tip {
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.iot_wrap .m-embed_form__wrap .wpcf7-not-valid-tip {
margin-top: 10px;
}
}
.iot_wrap .m-embed_form__wrap .wpcf7-validation-errors {
margin: 0 auto 10px;
width: 90%;
}
.iot_wrap .m-embed_form__wrap .row {
margin-bottom: 5px;
}
.iot_wrap .m-embed_form__group {
text-align: left;
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .m-embed_form__group {
padding-left: 15px;
padding-right: 15px;
}
}
.iot_wrap .m-embed_form__group:nth-of-type(2) {
padding-left: 15px;
}
.iot_wrap .m-embed_form__label {
color: #fefefe;
text-align: left;
font-size: 16px;
padding-left: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .m-embed_form__label {
padding-left: 15px;
}
}
.iot_wrap .m-embed_form__input {
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .m-embed_form__input {
padding-left: 15px;
padding-right: 15px;
}
}
.iot_wrap .m-embed_form .is_radio {
padding-left: 0px;
text-align: left;
}
@media screen and (max-width: 991px) {
.iot_wrap .m-embed_form .is_radio {
padding-left: 15px;
}
}
.iot_wrap .m-embed_form .is_radio .wpcf7-list-item {
margin: 0px 5% 0px 0px;
}
@media screen and (max-width: 767px) {
.iot_wrap .m-embed_form .is_radio .wpcf7-list-item {
margin: 2% 10px 0px 0px;
display: inline-block;
}
}
.iot_wrap .m-embed_form .is_radio .wpcf7-list-item .wpcf7-list-item-label {
margin-left: 5px;
color: #4b5f5e;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .m-embed_form .is_radio .wpcf7-list-item .wpcf7-list-item-label {
font-size: 12px;
width: 120px;
display: inline-block;
}
}
.iot_wrap .m-embed_form .is_submit .submitsBtn {
font-weight: bold;
color: #fff;
border: 0;
font-size: 2.4rem;
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
-moz-box-shadow: 0px 5px 0px #cc4f39;
-webkit-box-shadow: 0px 5px 0px #cc4f39;
box-shadow: 0px 5px 0px #cc4f39;
background-color: #ff6347;
width: 80%;
max-width: 280px;
padding: 2rem 0rem;
margin: 0px auto;
}
.iot_wrap .lp-avoide_emptys header.lp .inner .logo a img {
width: 100%;
}
.iot_wrap .lp-avoide_emptys header.lp .avoide-vacancies-sp {
margin: 0 !important;
}
.iot_wrap .lp-avoide_emptys header.lp .avoide-vacancies-sp .logo img {
max-width: 140px;
}
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__lead {
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__text {
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .point p {
text-align: center;
}
@media screen and (max-width: 1140px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li {
width: 90%;
float: none;
margin: 20px auto;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li {
width: 100%;
}
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(2), .iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(3) {
margin-left: auto;
margin-right: auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .img img {
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl {
display: flex;
width: 100%;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl {
display: block;
flex-direction: column;
align-items: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .img,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .img,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .img {
margin: 0 2rem 0 0;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .img,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .img,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .img {
margin: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .img img,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .img img,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .img img {
height: auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt {
width: auto;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 {
line-height: 3em;
text-align: center;
}
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3 span,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3 span,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 span {
display: block;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul {
padding-right: 12px;
padding-left: 12px;
}
@media screen and (max-width: 768px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul {
padding-left: 0;
padding-right: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li {
width: 25%;
margin: 0;
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li {
width: 50%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li img {
width: 90%;
max-width: 248px;
margin: 0 auto 24px;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .txt {
width: 80%;
float: none;
margin: 0 auto 24px;
}
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .ranking-img {
width: 80%;
margin: auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .ranking-img img {
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul {
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul {
flex-direction: column;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li {
height: auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li:nth-child(1) {
margin-right: 20px;
}
.iot_wrap .lp-avoide_emptys main.lp .case p {
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .flow p {
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .flow-content {
overflow-x: auto;
}
.iot_wrap .lp-avoide_emptys main.lp .m-question__text {
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .js-btnConfirm,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit #confirm_btn,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .form-btn_back,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit #return_btn {
font-weight: bold;
color: #fff;
border: 0;
font-size: 16px;
border-radius: 5rem;
width: 80%;
max-width: 280px;
padding: 2rem 0rem;
margin: 0px auto;
line-height: 1;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .js-btnConfirm,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit #confirm_btn {
box-shadow: 0px 5px 0px #f7e6c6;
background-color: #faaa16;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .form-btn_back,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit #return_btn {
box-shadow: 0px 5px 0px #e2e2e2;
background-color: #c3c3c3;
margin-left: 12px;
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .form-btn_back,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit #return_btn {
margin-top: 16px;
margin-left: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .row {
margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .row {
flex-direction: column;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__label {
font-weight: bold;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__label {
margin-bottom: 8px;
max-width: 20%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__label {
align-self: flex-start;
max-width: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input {
font-size: 13px;
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input {
align-self: start;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input .wpcf7-form-control {
position: relative;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input .wpcf7-form-control {
width: auto;
flex-wrap: wrap;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input .wpcf7-form-control {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio {
display: flex;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio {
flex-direction: column;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group {
display: flex;
align-items: center;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group {
max-width: none;
margin-bottom: 20px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group {
flex-direction: column;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group:nth-of-type(2) {
margin-bottom: 0;
}
.iot_wrap .m-dlock_detail {
width: 100%;
margin-bottom: 30px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.iot_wrap .m-dlock_detail {
margin-bottom: 30px;
flex-direction: column;
}
}
.iot_wrap .m-dlock_detail__item {
width: 50%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap .m-dlock_detail__item {
width: 100%;
}
}
.iot_wrap .m-dlock_detail__item .m-detail_img {
width: 50%;
height: 260px;
}
.iot_wrap .m-dlock_detail__item .m-detail_img img {
object-fit: cover;
width: 100%;
height: 100%;
font-family: "object-fit:cover";
}
.iot_wrap .m-dlock_detail__item .m-detail_txt {
width: calc(50% - 30px);
padding: 30px 15px;
}
@media screen and (max-width: 768px) {
.iot_wrap .m-dlock_detail__item .m-detail_txt {
width: calc(50% - 20px);
padding: 10px 10px;
}
}
.iot_wrap #security .box2.autolock .lock {
padding: 0;
position: relative;
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap #security .box2.autolock .lock {
flex-direction: column-reverse;
}
}
.iot_wrap #security .box2.autolock .lock .txt {
padding: 30px;
}
.iot_wrap #security .box2.autolock .lock .img {
width: 39%;
display: inline-block;
position: absolute;
top: -50px;
right: -2rem;
}
@media screen and (max-width: 768px) {
.iot_wrap #security .box2.autolock .lock .img {
position: static;
width: 100%;
display: inline-block;
}
}
.iot_wrap #security .box2.autolock .lock .img img {
width: 89%;
}
.iot_wrap #comfortable .box1.delivery_box .comfortable-list {
padding: 0;
position: relative;
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list {
flex-direction: column-reverse;
}
}
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .txt {
padding: 30px;
}
@media screen and (max-width: 768px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .txt {
padding: 10px;
}
}
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img {
position: absolute;
top: -14rem;
right: -3rem;
width: 25%;
display: inline-block;
}
@media screen and (max-width: 768px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img {
position: absolute;
top: 8%;
right: -5%;
width: 34%;
display: inline-block;
}
}
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img img {
width: 64%;
}
.iot_wrap #comfortable .box5.set_post .comfortable-list {
padding: 0;
position: relative;
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list {
flex-direction: column-reverse;
}
}
.iot_wrap #comfortable .box5.set_post .comfortable-list .txt {
padding: 30px;
}
.iot_wrap #comfortable .box5.set_post .comfortable-list .img {
width: 39%;
display: inline-block;
position: absolute;
top: -50px;
right: 2rem;
}
@media screen and (max-width: 768px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .img {
width: 100%;
position: static;
}
}
.iot_wrap #comfortable .box5.set_post .comfortable-list .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.iot_wrap #security .box1 .crime-list ul li img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #security .box2 .lock .img {
top: 0%;
}
}
.iot_wrap #security .box2.autolock .lock .txt {
width: 55%;
}
.iot_wrap .pankuzu {
position: relative;
}
@media screen and (max-width: 800px) {
.iot_wrap .pankuzu {
display: none;
}
}
.iot_wrap .pankuzu .p-yoast-breadcrumbs {
position: absolute;
top: 8px;
}
.iot_wrap .pankuzu .p-yoast-breadcrumbs span a,
.iot_wrap .pankuzu .p-yoast-breadcrumbs span span {
color: #fff;
}
.iot_wrap .works_detail .pankuzu {
position: relative;
}
@media screen and (max-width: 800px) {
.iot_wrap .works_detail .pankuzu {
display: none;
}
}
.iot_wrap .works_detail .pankuzu .p-yoast-breadcrumbs {
position: absolute;
top: 8px;
}
.iot_wrap .works_detail .pankuzu .p-yoast-breadcrumbs span a,
.iot_wrap .works_detail .pankuzu .p-yoast-breadcrumbs span span {
color: #000;
}
@media screen and (max-width: 800px) {
.iot_wrap .site-header-menu {
display: none;
}
}
.iot_wrap .iot-head {
background-color: #00a0e9;
}
@media screen and (max-width: 960px) {
.iot_wrap .iot-head {
margin-top: 64px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .iot-head {
position: relative;
width: 100%;
height: 0;
padding-top: 37.1859296482%;
}
}
@media screen and (max-width: 414px) {
.iot_wrap .iot-head {
background-size: contain;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .iot-head__title {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
}
@media screen and (max-width: 800px) {
.iot_wrap .iot-head .pagetitle {
text-align: center;
color: #fff;
font-size: 5rem;
line-height: 4rem;
padding: 4.5rem 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .inner {
width: 100%;
margin-top: 40px !important;
}
}
.iot_wrap .m-single_wrap {
margin-top: 65px;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap {
margin-top: 40px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap h2::before {
content: "";
position: absolute;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2267%22%20height%3D%227%22%20viewBox%3D%220%200%2067%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2235%22%20height%3D%227%22%20rx%3D%223.5%22%20fill%3D%22%2300A0E9%22%2F%3E%3Ccircle%20cx%3D%2247.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23FAAA16%22%2F%3E%3Ccircle%20cx%3D%2263.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23004386%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0;
right: 0;
}
}
.iot_wrap .m-single_wrap .m-main_desp {
font-size: 16px;
margin-bottom: 40px;
color: #6e7173;
line-height: 2em;
}
.iot_wrap .m-single_wrap .m-visual {
width: 100%;
max-width: 910px;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.iot_wrap .m-single_wrap .m-visual .m-v_main {
width: 100%;
max-width: 445px;
height: 350px;
margin-right: 20px;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-visual .m-v_main {
margin-right: auto;
margin-left: auto;
}
}
.iot_wrap .m-single_wrap .m-visual .m-v_main:hover img {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.iot_wrap .m-single_wrap .m-visual .m-v_main img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-v_sub {
display: none;
}
}
.iot_wrap .m-single_wrap .m-v_sub__item {
width: calc(100% - 10px);
max-width: 213px;
height: 164px;
}
.iot_wrap .m-single_wrap .m-v_sub__item:hover img {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.iot_wrap .m-single_wrap .m-v_sub__item:nth-of-type(1), .iot_wrap .m-single_wrap .m-v_sub__item:nth-of-type(2) {
margin-bottom: 19px;
}
.iot_wrap .m-single_wrap .m-v_sub__item:nth-of-type(1), .iot_wrap .m-single_wrap .m-v_sub__item:nth-of-type(3) {
margin-right: 19px;
}
.iot_wrap .m-single_wrap .m-v_sub__item img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
.iot_wrap .m-single_wrap .m-seq_title {
font-size: 24px;
font-weight: bold;
padding-left: 16px;
border-left: 4px solid #00a0e9;
line-height: 1em;
margin-top: 50px;
margin-bottom: 25px;
}
.iot_wrap .m-single_wrap .m-content {
border: 1px solid #ddd;
background-color: #f9f9f9;
margin-bottom: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-content {
margin-bottom: 25px;
flex-direction: column-reverse;
border: none;
background-color: transparent;
}
}
.iot_wrap .m-single_wrap .m-content__desp {
width: 50%;
margin-right: 10px;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-content__desp {
width: 100%;
margin-right: 0px;
}
}
.iot_wrap .m-single_wrap .m-content__desp__title {
font-size: 16px;
width: 380px;
margin-left: 40px;
color: #6e7173;
margin-top: 40px;
margin-bottom: 24px;
font-weight: bold;
font-size: 16px;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-content__desp__title {
margin-bottom: 10px;
margin-left: 10px;
margin-left: 0px;
width: 100%;
font-weight: bold;
font-size: 16px;
}
}
.iot_wrap .m-single_wrap .m-content__desp__text {
font-size: 14px;
width: 380px;
margin-left: 40px;
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-content__desp__text {
margin-bottom: 10px;
margin-left: 0px;
width: 100%;
font-weight: normal;
font-size: 14px;
}
}
.iot_wrap .m-single_wrap .m-content__img {
max-width: 445px;
height: 350px;
width: 100%;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-content__img {
margin: 0 auto;
}
}
.iot_wrap .m-single_wrap .m-content__img:hover img {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.iot_wrap .m-single_wrap .m-content__img img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
@media screen and (max-width: 800px) {
.iot_wrap #page-content {
float: none;
width: 100%;
padding: 0 12px;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #page-works-detail {
margin-top: 160px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap h2 {
padding-top: 0 !important;
line-height: 1.7 !important;
font-size: 2.4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap h2:first-child {
font-size: 2.4rem;
position: relative;
line-height: 3.5rem;
padding: 4rem 0 1.8rem;
text-align: center;
}
}
@media screen and (max-width: 800px) {
.iot_wrap h2:before {
content: "";
display: block;
width: 48px;
height: 5px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAKCAMAAAB8Kas2AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAYFBMVEUAoOn////6qhYAQ4YAoOkAoOkAoOkAoOn6qhb6qhb6qhb6qhYAQ4YAQ4YAQ4YAQ4YAoOn6qhYAQ4YAoOn6qhYAQ4YAoOkAoOn6qhb6qhYAQ4YAQ4YAoOn6qhYAQ4YAAAA2ykgHAAAAHHRSTlMAAAAATb7zTE2+80xNvvNMhISE8vLyTvRO9E70Mn/EEQAAAAFiS0dEHwUNEL0AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfhBxYLIx0HZEKNAAAApUlEQVQoz7XTzQ6DIBBG0a8FFJDx31or+v6PqbFSg7qQNN6VYTEnYQQAF5G9WCRiAI9fzzmptFbJ/LEdszlDaUoZY0B+dfq3fAcUw1KxA8pxqWSIw+Zbyz0gGdakB2TjmoEIBYQHKAcoDyAHEKpQoPKA2gG1BzQOaMKB6BzQ50B6/xXx/5Ysz5dstiXf/psCL9Fend4Kfnhob9V1Sh4e2of6ngxjExGARevpjEfNAAAAAElFTkSuQmCC) no-repeat 0 0;
-webkit-background-size: 48px auto;
margin: 0 auto 2.2rem;
position: relative;
}
}
@media screen and (max-width: 800px) {
.iot_wrap h3 {
font-size: 1.6rem !important;
}
}
@media screen and (max-width: 800px) {
.l-side {
display: none;
}
}
.iot_wrap .site-info .site-title {
font-size: 13px;
margin-right: 14px;
}
.iot_wrap #header,
.iot_wrap #header-form {
padding: 8px 0;
box-shadow: none;
}
@media screen and (max-width: 960px) {
.iot_wrap #header,
.iot_wrap #header-form {
display: none;
}
}
.iot_wrap #header .site-info,
.iot_wrap #header-form .site-info {
display: flex;
}
.iot_wrap #header .site-info .logo,
.iot_wrap #header-form .site-info .logo {
width: 100%;
max-width: 224px;
height: auto;
align-self: center;
}
.iot_wrap #header .site-info .header-3icon img,
.iot_wrap #header-form .site-info .header-3icon img {
width: 380px;
}
.iot_wrap #header .site-info .tel,
.iot_wrap #header-form .site-info .tel {
margin-left: auto;
}
.iot_wrap #header .site-info .tel .tel-no,
.iot_wrap #header-form .site-info .tel .tel-no {
background-position-y: center;
}
.iot_wrap #header .site-info .time,
.iot_wrap #header-form .site-info .time {
padding-top: 12px;
}
.iot_wrap #gnav {
padding: 0;
}
@media screen and (max-width: 960px) {
.iot_wrap #gnav {
display: none;
}
}
.iot_wrap #gnav #site-navigation ul {
display: flex;
}
.iot_wrap #gnav #site-navigation ul li a {
display: flex;
align-items: center;
font-size: 1.2rem;
height: 60px;
margin: 0;
padding-right: 24px;
}
.iot_wrap #gnav #site-navigation .btn-area {
margin-left: auto;
}
.iot_wrap #gnav #site-navigation .btn-area li {
position: relative;
}
.iot_wrap #gnav #site-navigation .btn-area li::before {
content: "";
width: 20px;
height: 30px;
position: absolute;
top: 18px;
left: 16px;
}
.iot_wrap #gnav #site-navigation .btn-area li:hover {
opacity: 0.6;
transition: ease-in-out 0.3s;
}
.iot_wrap #gnav #site-navigation .btn-area li a {
color: #fff;
padding: 0 16px;
padding-left: 40px;
}
.iot_wrap #gnav #site-navigation .btn-area li a:hover {
text-decoration: none;
}
.iot_wrap #gnav #site-navigation .btn-area .btn-document {
background-color: #f73e3e;
}
.iot_wrap #gnav #site-navigation .btn-area .btn-document::before {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-ic-document-hover.png) no-repeat;
background-size: 16px;
}
.iot_wrap #gnav #site-navigation .btn-area .btn-estimate {
background-color: #d9057d;
}
.iot_wrap #gnav #site-navigation .btn-area .btn-estimate::before {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-ic-estimate-hover.png) no-repeat;
background-size: 16px;
}
.iot_wrap #sp-header {
display: none;
background: rgba(255, 255, 255, 0.6);
position: fixed;
background: #fff;
z-index: 99999;
width: 100%;
padding: 0;
}
@media screen and (max-width: 960px) {
.iot_wrap #sp-header {
display: block;
}
}
.iot_wrap #sp-header .flex {
display: flex;
}
.iot_wrap #sp-header .logo {
float: left;
margin-left: 32px;
width: 45%;
max-width: 292px;
align-self: center;
}
.iot_wrap #sp-header .logo .site-title a {
display: block;
}
.iot_wrap #sp-header .logo .site-title a img {
width: 100%;
height: auto;
}
.iot_wrap #sp-header .btn-area {
margin-left: auto;
}
.iot_wrap #sp-header .btn-area a {
color: #00a0e9;
font-size: 1rem;
display: block;
width: 6.5rem;
height: 6.5rem;
padding: 4rem 0 0.8rem;
line-height: 1;
}
.iot_wrap #sp-header .btn-area li {
position: relative;
text-align: center;
border-left: 0.1rem solid #ddd;
}
.iot_wrap #sp-header .btn-area .btn-tel:before {
position: absolute;
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-tel.png) no-repeat 0 0;
background-size: 16px;
width: 16px;
height: 2.5rem;
display: block;
margin: 0 auto 0.5rem;
top: 1.1rem;
left: 2.4rem;
}
.iot_wrap #sp-header .btn-area .btn-estimate:before {
position: absolute;
content: "";
background-image: "../img/iot-mansion/common/header-ic-estimate.png";
display: block;
margin: 0 auto 0.5rem;
top: 1.2rem;
left: 2.4rem;
}
.iot_wrap #sp-header .drawer .drawer-hamburger {
position: relative;
background-color: #00a0e9;
width: 2.5rem;
height: 1.8rem;
padding: 1.6rem 2rem 3.1rem;
}
.iot_wrap #sp-header .drawer .drawer-hamburger::after {
position: absolute;
content: "メニュー";
top: 4.1rem;
left: 0;
right: 0;
width: 6.5rem;
margin: 0 auto;
font-size: 1rem;
color: #fff;
}
.iot_wrap #sp-header .drawer .drawer-hamburger-icon {
background: #fff;
height: 0.3rem;
margin-top: 0rem;
}
.iot_wrap #sp-header .drawer .drawer-hamburger-icon::before, .iot_wrap #sp-header .drawer .drawer-hamburger-icon::after {
background: #fff;
height: 0.3rem;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-hamburger-icon {
background: none;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-hamburger-icon::before, .iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-hamburger-icon::after {
top: 0;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-nav {
top: 6.4rem;
border-top: solid 0.2rem #00a0e9;
z-index: 99999em;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-nav ul li {
color: #00a0e9;
border-bottom: 0.1rem solid #ddd;
font-weight: bold;
position: relative;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-nav ul li a {
display: block;
font-size: 1.3rem;
padding: 0 2rem 0 3rem;
line-height: 3.5rem;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-nav ul li a::before {
content: "";
position: absolute;
background-color: #00a0e9;
top: 1.5rem;
left: 1.5rem;
border-radius: 5rem;
width: 0.6rem;
height: 0.6rem;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-nav ul li a::after {
content: "";
width: 0.6rem;
height: 0.6rem;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 1.3rem;
right: 4%;
}
.iot_wrap #sp-header .drawer .drawer-overlay {
top: 6.5rem;
}
.iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle {
position: relative;
width: 100%;
height: 4.5rem;
border: 0;
padding: 0;
}
.iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle .close {
background: #ddd;
height: 4.5rem;
width: 100%;
line-height: 4.5rem;
font-size: 1.5rem;
text-align: center;
}
.iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle .close::before, .iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle .close::after {
position: absolute;
content: "";
top: 50%;
left: 50%;
right: 50%;
margin: 0 auto;
margin-left: -5rem;
margin-top: -0.2rem;
width: 1.4rem;
height: 0.2rem;
background: #333638;
}
.iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle .close::before {
transform: rotate(45deg);
}
.iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle .close::after {
transform: rotate(-45deg);
}
.iot_wrap #footer {
padding-right: 0;
padding-left: 0;
}
@media screen and (max-width: 800px) {
.iot_wrap #footer .footer-contact {
display: none;
}
}
.iot_wrap #footer-sp {
display: none;
margin-top: 4rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #footer-sp {
display: block;
}
}
.iot_wrap #footer-sp .footer-contact {
margin-bottom: 3rem;
text-align: center;
}
.iot_wrap #footer-sp .footer-contact .ttl {
background-color: #f3f3f3;
color: #484848;
font-weight: bold;
font-size: 1.6rem;
text-align: center;
padding: 4px;
margin-bottom: 2.5rem;
}
.iot_wrap #footer-sp .footer-contact .inner {
width: 92%;
margin: 0 auto;
}
.iot_wrap #footer-sp .footer-contact .inner .tel {
border: 0.2rem solid #ddd;
border-bottom: 0.4rem solid #ddd;
padding-top: 1.3rem;
text-align: center;
}
.iot_wrap #footer-sp .footer-contact .inner .tel .free {
text-align: center;
}
.iot_wrap #footer-sp .footer-contact .inner .tel .free span {
background-color: #00a0e9;
color: #fff;
padding: 0.3rem 0.2rem 0.2rem;
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
border-radius: 2rem;
width: 7rem;
margin-right: 0.7rem;
display: inline-block;
font-size: 1.1rem;
margin-bottom: 0;
text-align: center;
}
.iot_wrap #footer-sp .footer-contact .inner .tel-wrap {
padding: 0.5rem 0.5rem 1.3rem;
}
.iot_wrap #footer-sp .footer-contact .inner .tel-wrap .tel-no {
display: inline-block;
font-size: 3.5rem;
padding-left: 4.2rem;
line-height: 4rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/common/ic-fd.png) no-repeat;
background-size: 35px auto;
background-position: 0 0.9rem;
}
.iot_wrap #footer-sp .footer-contact .inner .tel-wrap .time {
text-align: center;
}
.iot_wrap #footer-sp .footer-contact .btn-area p {
font-size: 1.3rem;
text-align: center;
margin-top: 20px;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-document a {
position: relative;
color: #fff;
width: 100%;
display: inline-block;
font-size: 1.7rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-document.png) no-repeat left 5.5rem top 0.8rem;
background-size: 7%;
background-position: 21% 48%;
background-color: #ff4f19;
padding: 2.2rem 6rem 2rem 9rem;
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.6rem;
text-align: center;
height: 6rem;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-document a:hover {
background-color: #faaa16;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-estimate {
margin: 1.5rem auto 0.75rem;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-estimate a {
width: 44%;
color: #d9057d;
font-weight: bold;
border: 0.2rem solid #d9057d;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/common/ic-estimate.png) no-repeat;
background-size: 11%;
background-position: 16% 50%;
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
font-size: 1.5rem;
padding: 2rem 1rem 2rem 2rem;
height: 6rem;
width: 100%;
display: inline-block;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-estimate a:hover {
color: #fff;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/common/ic-estimate-white.png);
background-color: #d9057d;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-inquiry {
width: 44%;
}
.iot_wrap #footer-sp .footer-content {
width: 100%;
margin: 0 auto;
}
.iot_wrap #footer-sp .footer-content .ttl {
padding: 1rem 3rem;
text-align: center;
background-color: #00a0e9;
color: #fff;
font-weight: bold;
font-size: 1.6rem;
}
.iot_wrap #footer-sp .footer-content .site-info .site-title {
width: 60%;
margin: 3rem auto 2rem;
}
.iot_wrap #footer-sp .footer-content .site-info .site-title a {
display: block;
}
.iot_wrap #footer-sp .footer-content .site-info .site-title a img {
width: 100%;
}
.iot_wrap #footer-sp .footer-content .site-info .nav {
font-size: 0;
text-align: center;
margin-bottom: 3rem;
}
.iot_wrap #footer-sp .footer-content .site-info .nav a {
font-size: 1rem;
line-height: 1.5;
display: inline-block;
vertical-align: text-bottom;
}
.iot_wrap #footer-sp .footer-content .site-info .nav a:not(:first-child) {
padding-left: 1rem;
margin-left: 1rem;
border-left: 1px solid #000;
}
.iot_wrap .footer-content {
display: none;
}
@media screen and (max-width: 800px) {
.iot_wrap .footer-content {
display: block;
}
}
.iot_wrap .footer-content .ttl {
padding: 1rem 3rem;
text-align: center;
background-color: #00a0e9;
color: #fff;
font-weight: bold;
font-size: 1.6rem;
}
.iot_wrap .footer-content .footer-nav ul li {
color: #00a0e9;
border-bottom: 0.1rem solid #ddd;
font-weight: bold;
position: relative;
}
.iot_wrap .footer-content .footer-nav ul li a {
display: block;
font-size: 1.3rem;
padding: 0 2rem 0 3rem;
line-height: 3.5rem;
}
.iot_wrap .footer-content .footer-nav ul li a::before {
content: "";
position: absolute;
background-color: #00a0e9;
top: 1.5rem;
left: 1.5rem;
border-radius: 5rem;
width: 0.6rem;
height: 0.6rem;
}
.iot_wrap .footer-content .footer-nav ul li a::after {
content: "";
width: 0.6rem;
height: 0.6rem;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 1.3rem;
right: 4%;
}    #iot_top {
margin-top: 0;
position: relative;
}
#iot_top .pankuzu {
position: relative;
}
@media screen and (max-width: 800px) {
#iot_top .pankuzu {
display: none;
}
}
#iot_top .pankuzu .p-yoast-breadcrumbs {
position: absolute;
top: 12px;
}
#iot_top .pankuzu .p-yoast-breadcrumbs span a,
#iot_top .pankuzu .p-yoast-breadcrumbs span span {
color: #000;
}
.iot_wrap #top {      }
@media screen and (max-width: 800px) {
.iot_wrap #top .inner {
padding: 0 8px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top p {
font-size: 1.3rem;
text-align: center;
color: #6e7173;
line-height: 1.7em;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #top .mainv {
margin-top: 64px;
overflow: inherit;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .mainv {
position: relative;
overflow: hidden;
display: block;
width: 100%;
background-color: #d4f0fb;
padding: 30px 0;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #top .mainv {
height: 340px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .mainv {
height: 480px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .mainv .inner {
width: 92%;
margin: 0 auto !important;
padding: 0;
}
}
@media screen and (max-width: 375px) {
.iot_wrap #top .mainv .inner .txt .ttl {
font-size: 18px;
line-height: 1.3;
}
}
@media screen and (max-width: 320px) {
.iot_wrap #top .mainv .inner .m-pictures .m-person__li:nth-of-type(1), .iot_wrap #top .mainv .inner .m-pictures .m-person__li:nth-of-type(2) {
width: 56px;
}
}
@media screen and (max-width: 320px) {
.iot_wrap #top .mainv .inner .m-pictures .m-person__li:nth-of-type(1), .iot_wrap #top .mainv .inner .m-pictures .m-person__li:nth-of-type(2) {
width: 36px;
height: 40px;
top: -90px;
}
}
@media screen and (max-width: 375px) {
.iot_wrap #top .mainv .inner .m-pictures .m-service__li a {
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .document {
padding: 1px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .problem {
padding-top: 4px;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #top .problem .inner {
background: none;
text-align: center;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .problem .inner {
padding-bottom: 4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .problem .inner .txt {
width: 100%;
margin: 0 0 4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .problem .inner .txt h2 {
margin-bottom: 0;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #top .problem .inner .txt h2::before {
margin: 0 auto 2.2rem;
position: relative;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #top .problem .inner .txt p {
font-size: 1.3rem;
text-align: center;
line-height: 1.7;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #top .problem .inner .btn {
text-align: center;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .problem .inner .btn a {
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point {
position: relative;
padding-bottom: 8rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .point {
margin: 4rem 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner {
display: flex;
flex-direction: column-reverse;
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner .img {
float: none;
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .point .inner .img ul li .ttl {
font-size: 1.3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .point .inner .img ul li .no {
font-size: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .point .inner .img ul li img {
width: 80%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner .txt {
float: none;
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner .txt p {
font-size: 1.3rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner .txt .btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner .txt .btn a {
display: block;
margin: auto;
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service {
padding: 4rem 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner p {
font-size: 1.3rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .detail ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .detail ul li {
height: auto;
width: 47%;
padding: 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .service .inner .detail ul li {
width: 100%;
margin-right: 0;
}
}
.iot_wrap #top .service .inner .detail ul li img {
display: initial;
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .detail ul li img {
left: auto;
width: 50%;
max-width: 108px;
margin: 20px auto;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .service .inner .detail ul li img {
margin-top: 40px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .service .inner .detail ul li .txt h3 {
font-size: 1.4rem !important;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .detail ul li .txt h3 span {
font-size: 1.3rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .detail ul li .txt p {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .btn a {
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .price {
padding: 4rem 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .case {
background-color: #f9f9f9 !important;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .case ul.bxslider li {
width: 240px !important;
}
}
@media screen and (max-width: 414px) {
.iot_wrap #top .case ul.bxslider li {
width: 200px !important;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .case ul.bxslider li .txt {
position: relative;
}
}
.iot_wrap #top .case ul.bxslider li .txt p {
font-size: 1rem;
text-align: left;
}
.iot_wrap #top .case .btn {
width: 100%;
}
.iot_wrap #top .case .btn a {
width: 100%;
} @media screen and (max-width: 540px) {
.iot_wrap #top .point,
.iot_wrap #top .service,
.iot_wrap #top .case {
padding: 4rem 0;
}
}
@media screen and (max-width: 320px) {
.iot_wrap #top h2 {
font-size: 2rem;
}
}
@media screen and (max-width: 320px) {
.iot_wrap #top .inner p {
font-size: 1.1rem !important;
}
}
.iot_wrap #top .btn {
width: 100%;
max-width: 450px;
margin: auto;
}
.iot_wrap #top .btn a {
width: 100%;
}
@media screen and (max-width: 800px) {
.iot_wrap #top .pc {
display: none !important;
}
}
.iot_wrap #top .sp {
display: none !important;
}
@media screen and (max-width: 800px) {
.iot_wrap #top .sp {
display: block !important;
}
}
.iot_wrap #flow {
font-size: 1.4rem;
line-height: 3.5rem;
margin-bottom: 15rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #flow h2 {
font-size: 3rem;
text-align: center;
line-height: 3.5rem;
color: #006DB7;
padding-bottom: 0;
margin-bottom: 30px;
}
.iot_wrap #flow h2::before {
position: static;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #flow h2 {
font-size: 2.4rem;
}
}
.iot_wrap #flow p {
color: #6e7173;
line-height: 28px;
}
@media screen and (max-width: 540px) {
.iot_wrap #flow p {
line-height: 2rem;
font-size: 1.2rem;
}
}
.iot_wrap #flow .title {
margin: 5rem 0 8rem;
font-size: 1.6rem;
line-height: 3.5rem;
color: #6e7173;
}
.iot_wrap #flow ul {
overflow: hidden;
width: 91rem;
margin-top: 8rem;
}
.iot_wrap #flow ul li {
width: 73rem;
float: right;
border-bottom: 1px solid #eee;
padding: 3.9rem 0;
}
.iot_wrap #flow ul li:first-child {
padding: 12.8rem 0;
position: relative;
}
.iot_wrap #flow ul li:first-child::after {
content: "";
position: absolute;
top: 34.7rem;
z-index: 8000;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #eee;
}
.iot_wrap #flow ul li:nth-child(2n+1) {
text-align: center;
background: #eee;
width: 15rem;
float: left;
color: #004386;
font-size: 1.8rem;
}
.iot_wrap #flow ul li:nth-child(2n+1)::after {
border-top: 3rem solid #eafcfe;
}
.iot_wrap #flow ul li:nth-child(2n+1) span.customer {
background: #faaa16;
color: #fff;
font-size: 1.4rem;
margin: 0 auto;
text-align: center;
margin-bottom: 2rem;
width: 7.5rem;
display: block;
}
.iot_wrap #flow ul li:nth-child(2n+1) span.site {
background: #00a0e9;
color: #fff;
font-size: 1.4rem;
margin: 0 auto;
text-align: center;
margin-bottom: 2rem;
width: 7.5rem;
display: block;
}
.iot_wrap #flow ul li:last-child {
border-bottom: none;
}
.iot_wrap #flow ul li:nth-child(2) {
padding: 1rem 0 4rem;
}
.iot_wrap #flow ul li:nth-child(3), .iot_wrap #flow ul li:nth-child(5), .iot_wrap #flow ul li:nth-child(9) {
position: relative;
margin-top: 0.5rem !important;
padding: 5.5rem 0 1.5rem;
}
.iot_wrap #flow ul li:nth-child(3)::before, .iot_wrap #flow ul li:nth-child(5)::before, .iot_wrap #flow ul li:nth-child(9)::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #fff;
}
.iot_wrap #flow ul li:nth-child(3)::after, .iot_wrap #flow ul li:nth-child(5)::after, .iot_wrap #flow ul li:nth-child(9)::after {
content: "";
position: absolute;
top: 16.1rem;
z-index: 100;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #eee;
}
.iot_wrap #flow ul li:nth-child(7), .iot_wrap #flow ul li:nth-child(11) {
padding: 7rem 0 3rem;
position: relative;
margin-top: 0.5rem !important;
}
.iot_wrap #flow ul li:nth-child(7)::before, .iot_wrap #flow ul li:nth-child(11)::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #fff;
}
.iot_wrap #flow ul li:nth-child(7)::after, .iot_wrap #flow ul li:nth-child(11)::after {
content: "";
position: absolute;
top: 19.1rem;
z-index: 100;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #eee;
}
.iot_wrap #flow ul li:nth-child(13) {
padding: 8rem 0 5rem;
position: relative;
margin-top: 0.5rem !important;
}
.iot_wrap #flow ul li:nth-child(13)::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #fff;
}
.iot_wrap #flow ul li h3 {
font-weight: 700;
font-size: 2.4rem;
margin-bottom: 2.5rem;
}
.iot_wrap #flow ul li .list-contact p.ttl {
color: #fff;
background: #00a0e9;
text-align: center;
padding: 1.5rem 0;
font-size: 1.8rem;
}
.iot_wrap #flow ul li .list-contact .inner {
width: 68.6rem;
border: 2px solid #00a0e9;
overflow: hidden;
padding: 3rem 2rem;
}
.iot_wrap #flow ul li .list-contact .inner .txt {
float: left;
font-size: 1.6rem;
}
.iot_wrap #flow ul li .list-contact .inner .txt .tel {
margin-bottom: 1rem;
color: #333;
}
.iot_wrap #flow ul li .list-contact .inner .txt .tel-no {
font-size: 3.7rem;
color: #333638;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-icon-fd.png) no-repeat bottom 0.4rem left;
padding-left: 4.5rem;
font-weight: 700;
display: inline-block;
}
.iot_wrap #flow ul li .list-contact .inner .txt .tel .time {
font-size: 1.2rem;
line-height: 1.6em;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area {
float: right;
width: 55%;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-document {
margin: 0 0 1.5rem;
display: block;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-document a {
color: #fff;
display: block;
border-radius: 5rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-document.png) no-repeat left 3.5rem top 1.3rem;
background-size: 6%;
background-position: 2.2rem 1.5rem;
background-color: #ff4f19;
font-size: 2.2rem;
width: 100%;
padding: 1rem 0 1rem 5rem;
box-sizing: border-box;
line-height: 1em;
overflow: hidden;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-document a:hover {
background-color: #faaa16;
opacity: 1;
color: #fff;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-document a .ttl {
display: inline-block;
width: 43%;
font-size: 1.6rem;
line-height: 1.8rem;
border-right: 0.2rem solid #fff;
vertical-align: text-top;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-document a .catch {
display: inline-block;
width: 50%;
vertical-align: text-bottom;
margin-left: 1rem;
font-size: 1.2rem;
line-height: 1.7rem;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-estimate {
display: inline-block;
margin-right: 1rem;
width: 18rem;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-estimate a {
color: #d9057d;
font-size: 1.6rem;
display: block;
font-weight: 700;
border: 0.2rem solid #d9057d;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-estimate.png) no-repeat left 3.5rem top 1.3rem;
background-position: 3.5rem 0.6rem;
padding: 0.5rem 3rem 0.5rem 6.5rem;
line-height: 3rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-estimate a::after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 46%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-estimate a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-estimate-white.png) no-repeat;
background-position: 3.5rem 0.6rem;
padding: 0.5rem 3rem 0.5rem 6.5rem;
background-color: #d9057d;
opacity: 1;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-estimate a:hover::after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-inquiry {
display: inline-block;
width: 18rem;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-inquiry a {
color: #00a0e9;
font-size: 1.6rem;
display: block;
font-weight: 700;
border: 0.2rem solid #00a0e9;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-mail.png) no-repeat left 3rem top 1.7rem;
background-position: 2rem 1rem;
padding: 0.5rem 3rem 0.5rem 5rem;
line-height: 3rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-inquiry a::after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 46%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-inquiry a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-mail-white.png) no-repeat left 3rem top 1.7rem;
background-position: 2rem 1rem;
padding: 0.5rem 3rem 0.5rem 5rem;
background-color: #00a0e9;
opacity: 1;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-inquiry a:hover::after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
@media screen and (max-width: 540px) {
.iot_wrap #flow table {
width: 100%;
border: none;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #flow table th {
border: none;
display: block;
padding: 1rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #flow table td {
display: block;
border: none;
padding: 2rem 0;
}
}
@media screen and (max-width: 540px) and (max-width: 540px) {
.iot_wrap #flow table td h3 {
border: none;
font-size: 1.5rem;
line-height: 1.7rem;
padding: 0;
margin: 0 0 2rem;
}
}
@media screen and (max-width: 540px) and (max-width: 800px) {
.iot_wrap #flow table td h3 span {
font-size: 14px;
margin-left: 14px;
color: #6e7173;
line-height: 1.5;
font-weight: normal;
}
}
.iot_wrap #faq {
margin-bottom: 10rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #faq h2 {
font-size: 27px;
text-align: center;
}
.iot_wrap #faq h2::before {
margin: 0 auto 2.2rem;
}
}
.iot_wrap #faq p {
margin: 2.5rem 0 6rem;
font-size: 1.6rem;
line-height: 3.5rem;
color: #6e7173;
}
.iot_wrap #faq p ul li {
height: 100px;
border-bottom: 1px solid #c7deef;
border-top: 1px solid #fff;
overflow: hidden;
}
.iot_wrap #faq p ul li:first-child {
border-top: none;
}
.iot_wrap #faq p ul li a {
text-shadow: 1px 1px 1px #fff;
font-size: 20px;
display: block;
position: relative;
line-height: 100px;
outline: 0;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.iot_wrap #faq p ul li a span {
background: transparent url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/images/down.png) no-repeat center center;
text-indent: -9000px;
width: 26px;
height: 14px;
position: absolute;
top: 50%;
right: -26px;
margin-top: -7px;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.iot_wrap #faq p ul li a:hover {
color: #1693eb;
}
.iot_wrap #faq p ul li a:hover span {
opacity: 1;
right: 10px;
}
.iot_wrap #faq .st-accordion {
width: 100%;
min-width: 270px;
margin: 0 auto;
}
@media screen and (max-width: 800px) {
.iot_wrap #faq .faq-txt {
font-size: 1.2rem;
text-align: center;
line-height: 2rem;
margin: 2.5rem 0 4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #faq .br-inline {
display: block;
}
}
.iot_wrap #faq h3 {
color: #0099e6;
padding: 1rem;
font-size: 1.5rem;
background: #f9f9f9;
cursor: pointer;
position: relative;
font-weight: 600;
letter-spacing: 0.1rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #faq h3 {
font-size: 1.3rem;
margin-bottom: 0;
font-weight: 500;
}
}
.iot_wrap #faq h3 span {
display: block;
background: url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/faq/arrow-open.png) no-repeat right 50%;
margin-left: 2.5rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #faq h3 span {
padding-right: 2rem;
}
}
.iot_wrap #faq h3 span::before {
content: "Q.";
position: absolute;
display: block;
left: 10px;
}
.iot_wrap #faq h3.bg02 span {
background: url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/faq/arrow-close.png) no-repeat right 50%;
}
.iot_wrap #faq div {
padding: 1.5rem 4rem 4rem 1.5rem;
display: none;
position: relative;
}
.iot_wrap #faq div p {
margin: 0;
margin-left: 2rem;
font-size: 1.4rem;
line-height: 1.8em;
}
@media screen and (max-width: 800px) {
.iot_wrap #faq div p {
font-size: 1.2rem;
}
}
.iot_wrap #faq div p::before {
content: "A.";
position: absolute;
display: block;
left: 10px;
font-size: 1.8rem;
font-weight: 700;
}
.iot_wrap #faq div p.caution {
font-size: 1.1rem;
color: #999;
margin: 0;
}
.iot_wrap #faq div p.caution::before {
display: none;
}
.iot_wrap #faq div table {
border-top: #ddd solid 1px;
margin-top: 3rem;
}
.iot_wrap #faq div table tr th {
background: #f9f9f9;
border: 1px solid #ddd;
padding: 1rem 2rem;
font-size: 1.3rem;
width: 18rem;
}
.iot_wrap #faq div table tr td {
border: 1px solid #ddd;
padding: 1rem 2rem;
font-size: 1.3rem;
}
@media screen and (max-width: 800px) {
.iot_wrap .inner {
width: 92%;
margin: 0 auto;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .inner {
width: 100%;
}
}
.iot_wrap #charm {
font-size: 1.6rem;
line-height: 3.5rem;
margin-bottom: 10rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #charm {
margin-bottom: 0;
}
}
.iot_wrap #charm h2 {
line-height: 6rem;
color: #484848;
}
@media screen and (max-width: 800px) {
.iot_wrap #charm h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
}
.iot_wrap #charm h2::before {
position: static;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #charm h2 .br-inline {
display: block;
}
}
.iot_wrap #charm h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
}
.iot_wrap #charm .box1 {
border-bottom: 0;
}
@media screen and (max-width: 540px) {
.iot_wrap #charm .box1 {
background-color: #f9f9f9;
padding: 4rem 0;
}
}
.iot_wrap #charm .box1 p {
margin: 4rem 0 7rem;
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap #charm .box1 p {
text-align: center;
margin: 2.5rem auto 4rem;
width: 90%;
font-size: 1.4rem;
line-height: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #charm .box1 p {
text-align: center;
margin: 2.5rem auto 4rem;
width: 90%;
font-size: 1.2rem;
line-height: 2rem;
}
}
.iot_wrap #charm .box1 .txt .ttl {
color: #333638;
}
@media screen and (max-width: 800px) {
.iot_wrap #charm .box1 .img img {
width: 100%;
height: auto;
}
}
.iot_wrap #charm .box1 .big-txt {
text-align: center;
line-height: 1.4;
font-weight: 700;
font-size: 36px;
color: #0099e5;
}
@media screen and (max-width: 540px) {
.iot_wrap #charm .box1 .big-txt {
font-size: 20px;
}
}
.iot_wrap #charm .box1 .big-txt .orange {
font-size: 48px;
color: #faaa16;
border-bottom: 9px double #faaa16;
}
@media screen and (max-width: 800px) {
.iot_wrap #charm .box1 .big-txt .orange {
font-size: 44px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #charm .box1 .big-txt .orange {
font-size: 20px;
}
}
.iot_wrap #charm .box1 .big-txt .blue {
font-size: 48px;
color: #0099e5;
border-bottom: 9px double #faaa16;
}
@media screen and (max-width: 800px) {
.iot_wrap #charm .box1 .big-txt .blue {
font-size: 44px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #charm .box1 .big-txt .blue {
font-size: 20px;
}
}
.iot_wrap #charm .box2 {
padding-top: 8rem;
}
.iot_wrap #charm .box2 .cost-txt {
margin: 4rem 0 7rem;
}
.iot_wrap #charm .box2 .grafh .cost-img-sp {
display: none;
}
.iot_wrap #charm .box2 .grafh .img {
display: inline-block;
margin-bottom: 8rem;
}
.iot_wrap #charm .box2 .grafh .img img {
width: 100%;
}
.iot_wrap #charm .box2 .grafh .btn-orange a {
width: 40rem;
padding: 1rem 3rem 1rem 2rem;
}
.iot_wrap #charm .box2 .grafh .speech-balloon {
display: none;
}
.iot_wrap #charm .box2 .grafh .business-contents-sp {
display: none;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list {
display: inline-block;
width: 42rem;
margin-right: 6rem;
margin-bottom: 4rem;
vertical-align: top;
overflow: hidden;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list:nth-child(2n) {
margin-right: 0;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list:last-child {
margin-bottom: 0;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list img {
float: left;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list .txt {
float: right;
width: 70%;
line-height: 2.3rem;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list .txt p {
font-size: 1.3rem;
}
.iot_wrap #charm .box3 {
padding-top: 8rem;
}
.iot_wrap #charm .box3 .btn-orange {
margin: 4rem auto 0;
}
.iot_wrap #charm .btn-orange {
margin: 4rem auto 8rem;
text-align: center;
line-height: 1.6em;
}
.iot_wrap #charm .btn-orange a {
line-height: 1.6em;
}
.iot_wrap #charm .btn-orange a::after {
right: 3rem;
margin-top: -0.6rem;
}
.iot_wrap .campaign-list {
margin-top: 45px;
margin-bottom: 45px;
}
.iot_wrap .campaign-list::after {
content: "";
display: table;
clear: both;
}
.iot_wrap .campaign-list ul {
font-size: 0;
letter-spacing: 0;
}
.iot_wrap .campaign-list ul::after {
content: "";
display: table;
clear: both;
}
.iot_wrap .campaign-list ul li {
text-align: center;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}
.iot_wrap .campaign-list ul li:first-child {
margin-left: 0 !important;
}
.iot_wrap .campaign-list ul li:first-child:nth-last-of-type(1), .iot_wrap .campaign-list ul li:first-child:nth-last-of-type(1) ~ li {
width: 100%;
margin-left: 0;
}
.iot_wrap .campaign-list ul li:first-child:nth-last-of-type(2), .iot_wrap .campaign-list ul li:first-child:nth-last-of-type(2) ~ li {
width: 49%;
margin-left: 2%;
}
.iot_wrap .campaign-list ul li:first-child:nth-last-of-type(3), .iot_wrap .campaign-list ul li:first-child:nth-last-of-type(3) ~ li {
width: 32%;
margin-left: 2%;
}
.iot_wrap .campaign-list ul li a {
display: block;
float: none;
}
.iot_wrap .campaign-list ul li .img img {
width: auto;
max-width: 100%;
}
.iot_wrap .campaign-list ul li .txt {
display: none;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost {
width: 100%;
margin: 0px auto;
}
}
.iot_wrap .low_cost br.brsp {
display: none;
}
@media screen and (max-width: 540px) {
.iot_wrap .low_cost br.brsp {
display: block;
}
}
.iot_wrap .low_cost h2 {
margin-bottom: 5rem;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
margin-bottom: 5rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost h2::before {
position: static;
}
}
.iot_wrap .low_cost h3 {
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost h3 {
font-size: 1.6rem;
font-weight: 700;
padding-left: 0.7rem;
border-left: 0.3rem solid #00a0e9;
line-height: 2.5rem;
margin-bottom: 3rem;
}
}
.iot_wrap .low_cost p {
margin: 4rem 0 8rem;
font-size: 16px;
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost p {
margin: 2.5rem 0 4rem;
font-size: 1.2rem;
line-height: 2rem;
color: #333638;
}
}
.iot_wrap .low_cost .img ul {
display: flex;
flex-wrap: wrap;
}
.iot_wrap .low_cost .img ul li {
width: 25%;
display: block;
margin-bottom: 4rem;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li {
width: 50%;
}
}
.iot_wrap .low_cost .img ul li .img__body {
width: 100%;
max-width: 220px;
margin: 0 auto;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li .img__body {
width: 90%;
}
}
.iot_wrap .low_cost .img ul li .no {
color: #00a0e9;
font-size: 3rem;
text-align: center;
margin: auto;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li .no {
font-size: 2rem;
font-weight: 700;
line-height: 1.1em;
}
}
.iot_wrap .low_cost .img ul li .no span {
font-size: 1.5rem;
position: relative;
margin-right: 0.5rem;
display: inline-block;
vertical-align: text-top;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li .no span {
font-size: 1rem;
margin-right: 0.5rem;
vertical-align: text-top;
}
}
.iot_wrap .low_cost .img ul li .no span::after {
content: "";
display: block;
background: #00a0e9;
width: 3rem;
height: 0.2rem;
position: absolute;
right: 0.3rem;
bottom: 0.2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li .no span::after {
content: "";
display: block;
background: #00a0e9;
width: 2.2rem;
height: 0.2rem;
position: absolute;
right: 0.3rem;
bottom: -0.2rem;
}
}
.iot_wrap .low_cost .img ul li .ttl {
font-size: 1.5rem;
height: 60px;
color: #00a0e9;
margin: 1rem 0 1rem;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li .ttl {
font-size: 1.4rem;
color: #00a0e9;
margin: 1.5rem 0 1rem;
font-weight: 700;
}
}
.iot_wrap .low_cost .img ul img {
display: block;
margin: 20px auto;
width: auto;
height: 100%;
max-height: 200px;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul img {
max-width: 200px;
width: 90%;
height: auto;
}
}
.iot_wrap .low_cost .img ul.img-mc {
margin-bottom: 50px;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul.img-mc {
justify-content: space-between;
}
}
.iot_wrap .low_cost .img ul.img-mc li {
width: calc(50% - 1rem);
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul.img-mc li {
width: 45% !important;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .low_cost .img ul.img-mc li {
width: 100% !important;
}
}
.iot_wrap .low_cost .img ul.img-mc li:first-child {
margin-right: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul.img-mc li:first-child {
margin-right: unset;
}
}
.iot_wrap .low_cost .img ul.img-mc li .img-mc__desp {
margin: 0 0 2rem;
font-size: 18px;
color: #333638;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul.img-mc li .img-mc__desp {
font-size: 1.2rem;
margin: 0rem 0 2rem;
line-height: 2rem;
color: #333638;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .low_cost .img ul.img-mc li .img-mc__desp {
font-size: 1.6rem;
}
}
.iot_wrap .low_cost .img ul.img-mc li img {
max-height: unset;
width: 100%;
height: auto;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul.img-mc li img {
max-width: unset;
width: 90%;
}
}
.iot_wrap #price {
position: relative;
}
.iot_wrap #price .sim-bn {
margin-top: 30px;
}
.iot_wrap #price p {
color: #6e7173;
}
.iot_wrap #price h2 {
line-height: 6rem;
color: #484848;
}
@media screen and (max-width: 800px) {
.iot_wrap #price h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
}
.iot_wrap #price h2::before {
position: static;
}
}
.iot_wrap #price .hyouji {
position: absolute;
bottom: -62%;
color: #aaa;
font-size: 1.1rem;
}
.iot_wrap #price h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 1em;
margin-bottom: 4rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #price h3 {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #price .title.sp {
display: block;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #price .title.pc {
display: none;
}
}
.iot_wrap #price .title {
margin: 2.5rem 0 6rem;
font-size: 1.6rem;
letter-spacing: 0.05rem;
line-height: 3.5rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .title {
font-size: 1.2rem;
line-height: 2rem;
text-align: center;
margin: 2.5rem 0 4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list.sp {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list.pc {
display: block;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list.pc img {
width: 100%;
}
}
.iot_wrap #price .list {
border-bottom: none;
}
.iot_wrap #price .list ul {
padding: 3.5rem 4rem;
}
.iot_wrap #price .list ul li {
display: inline-block;
width: 32%;
margin-right: 1.2rem;
}
.iot_wrap #price .list ul li:last-child {
margin-right: 0;
}
.iot_wrap #price .list ul .box {
text-align: center;
margin: 2rem 0 0;
padding-bottom: 4rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list ul .box {
padding-bottom: 0;
}
}
.iot_wrap #price .list ul .box p {
color: #00a0e9;
font-size: 2rem;
line-height: 3.4rem;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list ul .box p:first-of-type {
font-size: 12px;
text-align: center;
line-height: 2rem;
margin: 15px 0 10px 0;
}
}
.iot_wrap #price .list ul .box .caution {
font-size: 1.1rem;
color: #aaa;
line-height: 2rem;
margin-top: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list ul .box .caution {
text-align: center;
color: #6e7173;
font-size: 1.2rem;
margin-top: 0;
}
}
.iot_wrap #price .list ul .new-plan {
margin-bottom: 55px;
}
.iot_wrap #price .list ul .new-plan h3 {
margin-bottom: 1.125rem;
border: none;
padding-left: 0;
text-align: center;
}
.iot_wrap #price .list ul .new-plan .img-box {
margin-bottom: 0.5rem;
margin-left: -22px;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list ul .new-plan .img-box {
margin-left: -2.5vw;
}
}
.iot_wrap #price .list ul .new-plan .notes {
font-size: 11px;
color: #aaa;
line-height: 1.4;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list ul .new-plan .notes {
font-size: 10px;
line-height: 1.2;
}
}
.iot_wrap #security {
line-height: 3.5rem;
font-size: 1.6rem;
margin-bottom: 8rem;
}
.iot_wrap #security h2 {
line-height: 6rem;
color: #484848;
}
.iot_wrap #security h3 {
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
font-weight: 700;
}
.iot_wrap #security h4 {
font-weight: 700;
}
.iot_wrap #security p {
color: #6e7173;
}
.iot_wrap #security .title {
margin: 4rem 0 8rem;
}
.iot_wrap #security .txt .ttl {
color: #333638;
}
.iot_wrap #security .btn-orange {
margin: 4rem auto 8rem;
text-align: center;
line-height: 1.6em;
}
.iot_wrap #security .btn-orange a {
line-height: 1.6em;
}
.iot_wrap #security .btn-orange a::after {
right: 3rem;
margin-top: -0.6rem;
}
.iot_wrap #security .box1 {
padding-bottom: 8rem;
}
.iot_wrap #security .box1 .security-contents {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 4rem;
position: relative;
}
.iot_wrap #security .box1 .security-contents .txt {
width: 55%;
display: inline-block;
}
.iot_wrap #security .box1 .security-contents .txt .ttl {
font-weight: 700;
margin-bottom: 2rem;
}
.iot_wrap #security .box1 .security-contents .txt .img {
width: 37%;
display: inline-block;
position: absolute;
top: -3rem;
right: 2rem;
}
.iot_wrap #security .box1 .security-contents .txt .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #security .box1 .security-contents .img img {
height: 100%;
width: auto;
}
.iot_wrap #security .box1 .crime-list {
margin-bottom: 8rem;
}
.iot_wrap #security .box1 .crime-list h4 {
margin-bottom: 2.5rem;
font-weight: 700;
}
.iot_wrap #security .box1 .crime-list ul {
overflow: hidden;
width: 100%;
}
.iot_wrap #security .box1 .crime-list ul li {
display: inline-block;
margin-right: 1rem;
}
.iot_wrap #security .box1 .crime-list ul li:last-child {
margin-right: 0;
}
.iot_wrap #security .box1 .crime-list ul li p {
text-align: center;
font-size: 1.4rem;
}
.iot_wrap #security .box1 .crime-list ul li img {
width: 100%;
height: auto;
}
.iot_wrap #security .box1 .effio {
margin-bottom: 8rem;
overflow: hidden;
}
.iot_wrap #security .box1 .effio .txt {
float: left;
width: 50%;
}
.iot_wrap #security .box1 .effio .img {
float: right;
width: 48%;
}
.iot_wrap #security .box1 .effio .img img {
width: 100%;
}
.iot_wrap #security .box1 .infrared {
margin-bottom: 8rem;
}
.iot_wrap #security .box1 .infrared h4 {
margin-bottom: 3rem;
}
.iot_wrap #security .box1 .infrared p {
margin-bottom: 5rem;
}
.iot_wrap #security .box1 .use-list {
overflow: hidden;
display: inline-block;
margin-right: 3rem;
width: 48%;
}
.iot_wrap #security .box1 .use-list:last-child {
margin-right: 0;
}
.iot_wrap #security .box1 .use-list .img {
float: left;
margin-top: 0.7rem;
}
.iot_wrap #security .box1 .use-list .img img {
width: 100%;
}
.iot_wrap #security .box1 .use-list p {
float: right;
width: 70%;
font-size: 1.4rem;
line-height: 3rem;
}
.iot_wrap #security .box2.autolock {
padding-bottom: 8rem;
}
.iot_wrap #security .box2.autolock .lock {
position: relative;
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 6rem;
}
.iot_wrap #security .box2.autolock .lock .txt {
width: 68%;
display: inline-block;
}
.iot_wrap #security .box2.autolock .lock .txt .ttl {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 2rem;
font-size: 1.8rem;
font-weight: 700;
}
.iot_wrap #security .box2.autolock .lock .img {
width: 31%;
display: inline-block;
position: absolute;
top: 1rem;
right: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2.autolock .lock .img {
position: absolute;
width: 39%;
display: inline-block;
top: -50px;
right: -2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2.autolock .lock .img {
position: static;
width: 100%;
display: inline-block;
}
}
.iot_wrap #security .box2.autolock .lock .img img {
width: 100%;
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2.autolock .lock .img img {
width: 89%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2.autolock .lock .img img {
width: 100%;
}
}
.iot_wrap #security .box2.autolock .lock .img img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2.autolock .lock .txt {
width: 64%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2.autolock .lock .txt {
width: 100%;
}
}
.iot_wrap #security .box2.autolock .intrusion {
overflow: hidden;
}
.iot_wrap #security .box2.autolock .intrusion .img {
float: left;
width: 46%;
}
.iot_wrap #security .box2.autolock .intrusion .img img {
width: 100%;
}
.iot_wrap #security .box2.autolock .intrusion .txt {
float: right;
width: 50%;
}
.iot_wrap #security .box2.autolock .intrusion .txt span {
font-weight: 700;
}
.iot_wrap #security .box3 .interphone {
position: relative;
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 4rem;
}
.iot_wrap #security .box3 .interphone .txt {
width: 68%;
display: inline-block;
}
.iot_wrap #security .box3 .interphone .txt .ttl {
font-weight: 700;
margin-bottom: 2rem;
font-size: 1.8rem;
}
.iot_wrap #security .box3 .interphone .img {
width: 31%;
display: inline-block;
position: absolute;
top: 2rem;
right: 2rem;
}
.iot_wrap #security .box3 .interphone .img img {
width: 100%;
height: auto;
}
.iot_wrap #security .box3 .interphone .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #security .box3 .list ul {
overflow: hidden;
width: 100%;
}
.iot_wrap #security .box3 .list ul li {
display: inline-block;
margin-right: 1.2rem;
}
.iot_wrap #security .box3 .list ul li img {
width: 100%;
height: auto;
}
.iot_wrap #security .box3 .list ul li img:last-child {
margin-right: 0;
}
.iot_wrap #security .box3 .list ul li p {
font-size: 1.4rem;
line-height: 2rem;
text-align: center;
}
@media screen and (max-width: 800px) {
.iot_wrap #security .m-dlock_detail {
width: 100%;
flex-direction: unset;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .m-dlock_detail {
flex-direction: column;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .m-dlock_detail__item {
width: 50%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .m-dlock_detail__item {
margin-bottom: 15px;
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .m-dlock_detail__item .m-detail_txt {
width: 50%;
padding: 30px 15px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .m-dlock_detail__item .m-detail_txt {
font-size: 1.2rem;
line-height: 1.7rem;
letter-spacing: 0.05rem;
width: calc(62% - 20px);
padding: 20px 10px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box1.delivery_box {
padding-bottom: 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .txt {
padding: 30px;
width: 71%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img {
top: -14rem;
right: -3rem;
width: 25%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img {
top: 8%;
right: -5%;
width: 34%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img img {
width: 64%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list {
flex-direction: unset;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list {
flex-direction: column-reverse;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .txt {
width: 60%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .txt {
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .txt .br-none {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .img {
width: 39%;
position: absolute;
top: -50px;
right: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .img {
width: 100%;
position: static;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .inner {
width: 100%;
margin: 0 auto;
}
}
.iot_wrap #free-internet {
line-height: 3.5rem;
font-size: 1.6rem;
margin-bottom: 10rem;
}
.iot_wrap #free-internet #box1 {
width: 100%;
}
.iot_wrap #free-internet #box2,
.iot_wrap #free-internet #box3 {
display: none;
}
.iot_wrap #free-internet h2 {
line-height: 6rem;
color: #484848;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
}
.iot_wrap #free-internet h2::before {
position: static;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet h2 .br-inline {
display: block;
}
}
.iot_wrap #free-internet p {
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet p {
line-height: 2.5rem;
}
}
.iot_wrap #free-internet .title {
margin: 2.5rem 0 4rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .title {
font-size: 1.4rem;
line-height: 2rem;
text-align: center;
margin: 4rem 0 8rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .title {
font-size: 1.2rem;
line-height: 2rem;
text-align: center;
margin: 2.5rem 0 4rem;
}
}
.iot_wrap #free-internet h3 {
font-weight: 700;
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet h3 {
font-size: 1.6rem;
font-weight: bold;
line-height: 2.5rem;
margin-bottom: 3rem;
}
}
.iot_wrap #free-internet h4 {
font-weight: 700;
}
.iot_wrap #free-internet h5 {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.6rem;
margin-bottom: 3.5rem;
line-height: 3.5rem;
font-weight: 700;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet h5 {
font-size: 1.2rem;
margin-bottom: 1rem;
line-height: 2.2rem;
}
}
.iot_wrap #free-internet .box1 .title {
margin-top: 4rem;
}
.iot_wrap #free-internet .naturally {
overflow: hidden;
margin: 8rem 0;
}
.iot_wrap #free-internet .naturally .txt {
float: left;
width: 48%;
}
.iot_wrap #free-internet .naturally .img {
float: right;
width: 50%;
}
.iot_wrap #free-internet .free-property {
border-bottom: 3px solid #eee;
padding-bottom: 8rem;
margin-bottom: 8rem;
}
.iot_wrap #free-internet .free-property h3 {
margin-bottom: 2.5rem;
}
.iot_wrap #free-internet .free-property .data-01,
.iot_wrap #free-internet .free-property .data-02 {
margin-top: 6rem;
margin-bottom: 4rem;
border: 0.1rem solid #ddd;
background-color: #f9f9f9;
padding: 4rem 2rem;
}
.iot_wrap #free-internet .free-property .data-01 h4,
.iot_wrap #free-internet .free-property .data-02 h4 {
text-align: center;
font-size: 2.4rem;
margin-bottom: 3rem;
}
.iot_wrap #free-internet .free-property .data-01 h4 span,
.iot_wrap #free-internet .free-property .data-02 h4 span {
font-size: 1.1rem;
line-height: 1.5rem;
}
.iot_wrap #free-internet .free-property .data-01 .img,
.iot_wrap #free-internet .free-property .data-02 .img {
background-color: #fff;
padding: 3rem 5rem;
}
.iot_wrap #free-internet .free-property .data-01 p,
.iot_wrap #free-internet .free-property .data-02 p {
font-size: 1.1rem;
margin-top: 2.5rem;
}
.iot_wrap #free-internet .free-property .data-01 p {
text-align: center;
font-weight: 700;
line-height: 1.5rem;
color: #333638;
}
.iot_wrap #free-internet .free-property .data-02 {
margin-bottom: 0;
padding: 4rem 2rem 2rem;
}
.iot_wrap #free-internet .free-property .data-02 .img {
padding: 1rem 0;
}
.iot_wrap #free-internet .free-property .data-02 p {
line-height: 2rem;
font-size: 1.1rem;
margin-top: 2rem;
color: #aaa;
}
.iot_wrap #free-internet .free-facility .title {
margin: 2.5rem 0 6rem;
}
.iot_wrap #free-internet .free-facility .freeline {
padding-bottom: 8rem;
}
.iot_wrap #free-internet .free-facility .freeline-box {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 2rem 4rem 4rem;
margin-bottom: 3rem;
position: relative;
}
.iot_wrap #free-internet .free-facility .freeline-box .txt {
width: 74%;
display: inline-block;
}
.iot_wrap #free-internet .free-facility .freeline-box .txt .m-title {
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .freeline-box .txt .m-title h4 {
margin: 3rem auto;
font-size: 2.4rem;
line-height: 1em;
float: left;
margin-right: 2rem;
font-weight: 700;
}
.iot_wrap #free-internet .free-facility .freeline-box .txt .m-title ul {
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .freeline-box .txt .m-title ul li {
float: left;
margin-right: 1rem;
}
.iot_wrap #free-internet .free-facility .freeline-box .img {
width: 23%;
display: inline-block;
position: absolute;
top: -7rem;
right: 6rem;
}
.iot_wrap #free-internet .free-facility .freeline .introduction {
overflow: hidden;
margin-bottom: 4.5rem;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .txt {
float: left;
width: 27%;
margin-top: 3rem;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .img {
float: right;
width: 68%;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case {
padding: 3rem;
background-color: #f9f9f9;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case h5 {
margin-bottom: 2rem;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case ul {
width: 100%;
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case ul li {
display: inline-block;
margin-right: 1rem;
width: 32%;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case ul li:last-child {
margin-right: 0;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case ul li p {
font-size: 1.2rem;
line-height: 2rem;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case ul li p span {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #484848;
}
.iot_wrap #free-internet .free-facility .embedded {
padding-bottom: 8rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 2rem 4rem 4rem;
margin-bottom: 4rem;
position: relative;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt {
display: inline-block;
width: 69%;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt .m-title {
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt .m-title h4 {
margin: 2.5rem auto;
float: left;
font-size: 2.4rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt .m-title h4 span {
color: #00a0e9;
vertical-align: bottom;
padding: 0.2rem 0.5rem;
background-color: #fff;
border: 0.2rem solid #00a0e9;
margin-right: 1rem;
font-size: 1.6rem;
font-weight: 400;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt .m-title ul {
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt .m-title ul li {
float: left;
margin-right: 1rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .img {
display: inline-block;
width: 28%;
position: absolute;
top: -7rem;
right: 2rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .introduction {
overflow: hidden;
margin-top: 3rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .introduction .txt {
float: left;
width: 27%;
}
.iot_wrap #free-internet .free-facility .embedded-box .introduction .txt h5 {
margin-bottom: 3rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .introduction .img {
float: right;
width: 68%;
}
.iot_wrap #free-internet .free-facility .embedded-box .case {
padding: 3rem;
background-color: #f9f9f9;
margin-top: 3rem;
width: 100%;
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .embedded-box .case ul {
overflow: hidden;
width: 100%;
}
.iot_wrap #free-internet .free-facility .embedded-box .case ul li {
display: inline-block;
margin-right: 1rem;
width: 32%;
}
.iot_wrap #free-internet .free-facility .embedded-box .case ul li:last-child {
margin-right: 0;
}
.iot_wrap #free-internet .free-facility .embedded-box .case ul li p {
font-size: 1.2rem;
line-height: 2rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .case ul li p span {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #484848;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi {
background-color: #f9f9f9;
padding: 2.5rem 5rem;
margin-bottom: 4rem;
position: relative;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt {
display: inline-block;
width: 47%;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt .m-title {
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt .m-title h4 {
margin: 0 auto 1.5rem;
float: left;
font-size: 2.4rem;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt .m-title h4 span {
color: #00a0e9;
padding: 0.2rem 0.5rem;
background-color: #fff;
border: 0.2rem solid #00a0e9;
margin-right: 1rem;
font-size: 1.6rem;
font-weight: 400;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt .m-title ul {
overflow: hidden;
width: 100%;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt .m-title ul li {
float: left;
margin-right: 1rem;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .img {
display: inline-block;
width: 47.8%;
position: absolute;
top: 0;
right: 0;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .img img {
width: 100%;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case {
padding: 3rem;
background-color: #f9f9f9;
margin-top: 3rem;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case ul {
overflow: hidden;
width: 100%;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case ul li {
display: inline-block;
margin-right: 1rem;
width: 32%;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case ul li:last-child {
margin-right: 0;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case ul li p {
font-size: 1.2rem;
line-height: 2rem;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case ul li p span {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #484848;
}
.iot_wrap #free-internet .tab {
position: relative;
margin: 0;
padding: 0 4rem 0;
height: 6rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab {
height: 3rem;
margin: 0 -2px;
padding: 0;
}
}
.iot_wrap #free-internet .tab li {
position: absolute;
z-index: 2;
margin: 0;
padding: 0;
height: 6rem;
background: #fff;
float: left;
width: 29.8rem;
font-size: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab li {
width: 33.3%;
padding: 0 2px;
height: 3rem;
}
}
.iot_wrap #free-internet .tab li a {
display: block;
color: #fff;
text-align: center;
padding: 1.6rem 0;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab li a {
padding: 0.9rem 0;
letter-spacing: -0.01em;
font-size: 1.1rem;
border: 1px solid #00a0e9;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .tab li a {
font-size: 1rem;
}
}
.iot_wrap #free-internet .tab .nav1 {
border: 1px solid #00a0e9;
left: 0;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav1 {
border: none;
}
}
.iot_wrap #free-internet .tab .nav1 a {
display: block;
text-align: center;
padding: 2rem 4rem;
line-height: 2.2rem;
color: #00a0e9;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav1 a {
padding: 0.9rem 0;
line-height: 1.2rem;
opacity: 1;
}
}
.iot_wrap #free-internet .tab .nav2 {
border: 1px solid #00a0e9;
left: 30.5rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav2 {
left: 33.3%;
border: none;
}
}
.iot_wrap #free-internet .tab .nav2 a {
display: block;
text-align: center;
padding: 2rem 4rem;
line-height: 2.2rem;
color: #00a0e9;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav2 a {
padding: 0.9rem 0;
line-height: 1.2rem;
opacity: 1;
}
}
.iot_wrap #free-internet .tab .nav3 {
border: 1px solid #00a0e9;
left: 61rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav3 {
left: 66.7%;
border: none;
}
}
.iot_wrap #free-internet .tab .nav3 a {
display: block;
color: #00a0e9;
text-align: center;
padding: 2rem 4rem;
line-height: 2.2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav3 a {
padding: 0.9rem 0;
line-height: 1.2rem;
opacity: 1;
}
}
.iot_wrap #free-internet .tab .active {
background-color: #00a0e9;
color: #fff !important;
}
.iot_wrap #free-internet .ranking-box {
margin-top: 1px;
background: #00a0e9;
color: #484848;
}
.iot_wrap #free-internet .ranking-box p.ttl {
background: #00a0e9;
text-align: center;
color: #fff;
font-size: 2.4rem;
padding: 2rem 0 1rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box p.ttl {
font-size: 1.3rem;
}
}
.iot_wrap #free-internet .ranking-box .contents {
overflow: hidden;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .ranking-box .contents {
display: flex;
justify-content: space-between;
}
}
.iot_wrap #free-internet .ranking-box .contents h4 {
text-align: center;
margin: 1rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .ranking-box .contents h4 {
font-size: 1.1rem;
line-height: 1.6rem;
margin: 0 0 1rem 0;
}
}
.iot_wrap #free-internet .ranking-box .contents .single {
float: left;
background: #fff;
padding: 1rem;
width: 41rem;
margin-left: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .ranking-box .contents .single {
width: 46%;
float: none;
margin-left: 3%;
padding: 1.5rem 0.3rem 1.5rem 0.7rem;
}
}
.iot_wrap #free-internet .ranking-box .contents .family {
float: right;
background: #fff;
padding: 1rem;
width: 41rem;
margin-right: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .ranking-box .contents .family {
width: 46%;
float: none;
margin-right: 3%;
padding: 1.5rem 0.3rem 1.5rem 0.7rem;
}
}
.iot_wrap #free-internet .ranking-box ul li {
border-bottom: 1px solid #ddd;
padding: 0.5rem;
padding-left: 25%;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box ul li {
border-bottom: 1px solid #ddd;
padding: 0.8rem 0.5rem;
padding-left: 25%;
line-height: 1.2em;
}
}
.iot_wrap #free-internet .ranking-box ul li:first-child {
background: url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/internet/first.png) no-repeat;
background-size: 11%;
background-position: 3.5rem 0;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box ul li:first-child {
font-size: 0.9rem;
background-size: 18%;
background-position: 0 40%;
}
}
.iot_wrap #free-internet .ranking-box ul li:nth-child(2n) {
background: url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/internet/second.png) no-repeat;
background-position: 3.8rem 0.4rem;
background-size: 9%;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box ul li:nth-child(2n) {
font-size: 0.8rem;
background-size: 17%;
background-position: 0 40%;
}
}
.iot_wrap #free-internet .ranking-box ul li:nth-child(3n) {
background: url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/internet/third.png) no-repeat;
background-position: 4rem 0.8rem;
background-size: 8%;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box ul li:nth-child(3n) {
font-size: 0.8rem;
background-size: 15%;
background-position: 1% 40%;
}
}
.iot_wrap #free-internet .ranking-box ul li.t-blue {
color: #00a0e9;
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box ul li.t-blue {
font-size: 0.9rem;
background-size: 18%;
background-position: 0 40%;
}
}
.iot_wrap #free-internet .ranking-box .tab-link {
text-align: right;
padding-right: 2rem;
margin: 0.5rem auto 50px;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box .tab-link {
padding-bottom: 0.6rem;
margin: 0.5rem auto 1.5rem;
}
}
.iot_wrap #free-internet .ranking-box .tab-link a {
color: #fff;
padding: 0.5rem 0;
display: inline-block;
position: relative;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box .tab-link a {
font-size: 1rem;
}
}
.iot_wrap #free-internet .ranking-box .tab-link a::before {
content: "";
width: 8px;
height: 8px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 42%;
left: -1rem;
margin-top: -4px;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box .tab-link a::before::before {
width: 8px;
height: 8px;
top: 44%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .free-facility h2 {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility a.hover-img {
float: none;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .title {
margin: 2.5rem 0 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .title .br-inline {
display: block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .ttl-icon-sp-inner {
width: 30%;
margin: 0 auto;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .ttl-icon-sp-inner img {
width: 100%;
display: block;
margin: 15px auto 0;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .freeline {
padding-bottom: 4.5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .freeline .freeline-box {
padding: 1.5rem;
margin-bottom: 2.5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .freeline .freeline-box .txt {
width: 70%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .free-facility .freeline .freeline-box .img {
top: -5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .freeline .freeline-box .img {
width: 30%;
top: 0px;
right: 3%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .freeline .freeline-box .img img {
width: 100%;
margin-top: -10%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility p {
font-size: 1rem;
line-height: 1.6rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .embedded .embedded-box .new-wifi {
padding: 1.5rem;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .embedded .embedded-box .new-wifi .img {
width: 32%;
top: -4%;
right: 3%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .embedded .embedded-box .new-wifi .img img {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .outer-wall {
padding-bottom: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi {
padding: 1rem;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt {
width: 65%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .img {
width: 34%;
top: -2.1rem;
right: 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .img img {
width: 100%;
height: 170px;
object-fit: cover;
}
}
.iot_wrap #free-internet .btn-orange {
text-align: center;
margin-top: 6rem;
}
.iot_wrap #comfortable {
font-size: 1.6rem;
line-height: 3.5rem;
margin-bottom: 8rem;
}
.iot_wrap #comfortable h2 {
line-height: 6rem;
color: #484848;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
}
.iot_wrap #comfortable h2::before {
position: static;
}
}
.iot_wrap #comfortable .ttl {
margin: 4rem 0 8rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .ttl {
text-align: center;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .ttl {
margin: 2.5rem 0 4rem;
text-align: center;
font-size: 1.2rem;
line-height: 2rem;
}
}
.iot_wrap #comfortable h3 {
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
font-weight: 700;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable h3 {
font-size: 1.6rem;
font-weight: bold;
line-height: 2.3rem;
margin-bottom: 1.8rem;
height: 2.5rem;
}
}
.iot_wrap #comfortable h4 {
margin-bottom: 2rem;
font-weight: 700;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable h4 {
font-size: 1.2rem;
margin-bottom: 1rem;
line-height: 1.6rem;
}
}
.iot_wrap #comfortable p {
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable p {
line-height: 1.6rem;
font-size: 1.4rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable p {
line-height: 1.6rem;
font-size: 1rem;
}
}
.iot_wrap #comfortable p span {
color: #484848;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .ttl-icon-sp {
width: 100%;
margin: 15px auto 0;
position: relative;
margin-bottom: 3rem;
color: #faaa16;
display: inline;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .ttl-icon {
display: none;
}
}
.iot_wrap #comfortable .box1 {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box1 .comfortable-list {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 4rem 4rem;
margin-bottom: 8rem;
position: relative;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box1 .comfortable-list {
padding: 1.5rem;
padding-bottom: 3rem;
margin-bottom: 3rem;
}
}
.iot_wrap #comfortable .box1 .comfortable-list .txt {
width: 70%;
display: inline-block;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box1 .comfortable-list .txt {
width: 65%;
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box1 .comfortable-list .txt {
width: 55%;
display: inline-block;
}
}
.iot_wrap #comfortable .box1 .comfortable-list .txt .ttl {
font-weight: 700;
margin-bottom: 4rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box1 .comfortable-list .txt .br-none {
display: none;
}
}
.iot_wrap #comfortable .box1 .comfortable-list .img {
position: absolute;
top: -3rem;
right: 1rem;
width: 33%;
display: inline-block;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box1 .comfortable-list .img {
position: absolute;
top: 11%;
right: 2%;
width: 43%;
display: inline-block;
}
}
.iot_wrap #comfortable .box1 .comfortable-list .img img {
width: 100%;
height: auto;
}
.iot_wrap #comfortable .box1 .comfortable-list .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #comfortable .box1 .delivery p {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box1 .delivery p span {
font-weight: 700;
}
.iot_wrap #comfortable .box2 {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box2 .comfortable-list {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 8rem;
position: relative;
}
.iot_wrap #comfortable .box2 .comfortable-list .txt {
width: 70%;
display: inline-block;
}
.iot_wrap #comfortable .box2 .comfortable-list .txt .ttl {
font-weight: 700;
margin-bottom: 4rem;
}
.iot_wrap #comfortable .box2 .comfortable-list .img {
position: absolute;
top: 3rem;
right: 5rem;
display: inline-block;
}
.iot_wrap #comfortable .box2 .comfortable-list .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #comfortable .box2 .delivery p {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box2 .delivery p span {
font-weight: 700;
}
.iot_wrap #comfortable .box3 {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box3 .comfortable-list {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 8rem;
position: relative;
}
.iot_wrap #comfortable .box3 .comfortable-list .txt {
width: 70%;
display: inline-block;
}
.iot_wrap #comfortable .box3 .comfortable-list .txt .ttl {
font-weight: 700;
margin-bottom: 4rem;
}
.iot_wrap #comfortable .box3 .comfortable-list .img {
position: absolute;
top: -3rem;
right: 3rem;
display: inline-block;
width: 32%;
}
.iot_wrap #comfortable .box3 .comfortable-list .img img {
width: 100%;
}
.iot_wrap #comfortable .box3 .comfortable-list .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #comfortable .box3 .delivery p {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box3 .delivery p span {
font-weight: 700;
}
.iot_wrap #comfortable .box4 {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box4 .comfortable-list {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 8rem;
position: relative;
}
.iot_wrap #comfortable .box4 .comfortable-list .txt {
width: 70%;
display: inline-block;
}
.iot_wrap #comfortable .box4 .comfortable-list .txt .ttl {
font-weight: 700;
margin-bottom: 4rem;
}
.iot_wrap #comfortable .box4 .comfortable-list .img {
position: absolute;
top: 2.5rem;
right: 5rem;
width: 30%;
display: inline-block;
}
.iot_wrap #comfortable .box4 .comfortable-list .img img {
width: 100%;
}
.iot_wrap #comfortable .box4 .comfortable-list .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #comfortable .box4 .delivery p {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box4 .delivery p span {
font-weight: 700;
}
.iot_wrap #comfortable .box5 {
margin-bottom: 8rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 {
margin-bottom: 0;
}
}
.iot_wrap #comfortable .box5 .comfortable-list {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 8rem;
position: relative;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 .comfortable-list {
padding: 1.5rem;
padding-bottom: 3rem;
margin-bottom: 3rem;
}
}
.iot_wrap #comfortable .box5 .comfortable-list .txt {
width: 70%;
display: inline-block;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5 .comfortable-list .txt {
width: 65%;
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 .comfortable-list .txt {
width: 55%;
display: inline-block;
}
}
.iot_wrap #comfortable .box5 .comfortable-list .txt .ttl {
font-weight: 700;
margin-bottom: 4rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 .comfortable-list .br-inline {
display: block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 .comfortable-list .br-none {
display: none;
}
}
.iot_wrap #comfortable .box5 .comfortable-list .img {
position: absolute;
top: -6rem;
right: 3rem;
display: inline-block;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5 .comfortable-list .img {
width: 35%;
right: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 .comfortable-list .img {
position: absolute;
top: 11%;
right: 2%;
width: 43%;
display: inline-block;
}
}
.iot_wrap #comfortable .box5 .comfortable-list .img img {
width: 100%;
height: auto;
}
.iot_wrap #comfortable .box5 .comfortable-list .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #comfortable .box5 .delivery p {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box5 .delivery p span {
font-weight: 700;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box6 {
margin-bottom: 30px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box6 .txt {
width: 58%;
margin-right: 1rem;
line-height: 1.6rem;
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box6 .img {
width: 37%;
display: inline-block;
float: right;
}
}
.iot_wrap #comfortable .btn-orange {
margin: 4rem auto 8rem;
text-align: center;
line-height: 1.6em;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .btn-orange {
margin: 0;
}
}
.iot_wrap #comfortable .btn-orange a {
line-height: 1.6em;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .btn-orange a {
width: 90%;
font-size: 1.8rem;
padding: 1.5rem 0;
line-height: 1.5em;
}
}
.iot_wrap #comfortable .btn-orange a:after {
right: 3rem;
margin-top: -0.6rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #security h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
}
.iot_wrap #security h2::before {
position: static;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .title {
font-size: 1.4rem;
line-height: 2rem;
text-align: center;
margin: 4rem 0 8rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .title {
font-size: 1.2rem;
line-height: 2rem;
text-align: center;
margin: 2.5rem 0 4rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security h3 {
font-size: 1.6rem;
font-weight: bold;
line-height: 2.5rem;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security h4 {
font-size: 1.4rem;
line-height: 1.7rem;
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security p {
line-height: 2.5rem;
font-size: 1.5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security p {
line-height: 1.6rem;
font-size: 1.4rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security p {
line-height: 1.6rem;
font-size: 1rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 {
padding-bottom: 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents {
padding: 1.5rem;
margin-bottom: 2.7rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .security-contents .txt {
width: 55%;
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents .txt {
width: 54%;
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents .txt .ttl {
font-size: 1.2rem;
line-height: 1.6rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents .txt .ttl .br-inline {
display: block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents .img {
width: 42%;
display: inline-block;
position: absolute;
top: 18%;
right: 3%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .security-contents .img img {
max-width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents .img p {
font-size: 1rem;
font-weight: 400;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .crime-list {
margin-bottom: 4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .crime-list ul {
display: flex;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .crime-list ul {
display: flex;
flex-wrap: wrap;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .crime-list ul li {
margin-right: 0.5rem;
}
.iot_wrap #security .box1 .crime-list ul li:nth-child(3n) {
margin-right: 0.5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .crime-list ul li {
display: inline-block;
margin-right: 1rem;
width: 30%;
margin-bottom: 2rem;
}
.iot_wrap #security .box1 .crime-list ul li:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 540px) and (max-width: 540px) {
.iot_wrap #security .box1 .crime-list ul li img {
width: 100%;
height: 114px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .crime-list ul li p {
font-size: 1.2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .crime-list ul li p {
text-align: center;
font-size: 0.7rem;
line-height: 1rem;
min-height: 2em;
letter-spacing: -0.1rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .effio {
margin-bottom: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .effio .txt {
width: 100%;
float: none;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .effio .txt .br-none {
display: none;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .effio .img {
width: 100%;
float: none;
margin-top: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .effio .img img {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .infrared {
margin-bottom: 3.8rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .infrared .br-none {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .infrared .img {
width: 100%;
float: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .infrared .img img {
width: 100%;
}
}
.iot_wrap #security .box1 .infrared p {
margin-bottom: 3rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .use h4 {
margin-bottom: 2.5rem;
font-size: 1.2rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .use .use-list:first-of-type {
float: left;
width: 47%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .use .use-list {
width: 100% !important;
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .use .use-list .img {
margin-top: 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .use .use-list p {
width: 65%;
font-size: 1.3rem;
line-height: 2;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .use .use-list p {
width: 64%;
font-size: 1rem;
line-height: 1.6;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2 {
clear: both;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 {
margin-top: 3.8rem;
padding-bottom: 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .lock {
padding: 1.5rem;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2 .lock .txt {
width: 57%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2 .lock .txt .ttl {
line-height: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .lock .txt .ttl {
margin-bottom: 1rem;
font-size: 1.2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .lock .txt .ttl p {
font-size: 1rem;
width: 81%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .lock .txt .br-none {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2 .lock .img {
top: 1rem;
width: 31%;
right: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .lock .img {
top: 0;
width: 38%;
right: 3%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .intrusion h4 {
font-size: 1.2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .intrusion .txt {
float: none;
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2 .intrusion .txt span {
font-weight: normal;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .intrusion .img {
float: none;
margin-top: 2.5rem;
width: 100%;
}
}
.iot_wrap #security .box2 .intrusion .img img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 {
margin-top: 4rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .interphone {
padding: 1.5rem;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box3 .interphone .txt {
width: 65%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .interphone .txt {
width: 56%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .interphone .txt .ttl {
margin-bottom: 1rem;
font-size: 1.2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .interphone .txt .br-none {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box3 .interphone .img {
top: 2rem;
width: 31%;
right: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .interphone .img {
top: 19%;
width: 38%;
right: 5%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list {
margin-bottom: 30px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box3 .list ul {
display: flex;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list ul {
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list ul li {
display: inline-block;
margin-right: 1.2rem;
width: 47%;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list ul li:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list ul li img {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list ul li p {
text-align: center;
font-size: 0.9rem;
line-height: 1rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .btn-orange {
margin: 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .btn-orange a {
width: 36rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .btn-orange a {
width: 90%;
font-size: 1.8rem;
padding: 1.5rem 0;
line-height: 1.5em;
}
}
@media screen and (max-width: 375px) {
.iot_wrap #security .btn-orange a {
font-size: 1.5rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .btn-orange a::after {
right: 2rem;
margin-top: -2px;
}
}
.iot_wrap .wp-form {
margin-bottom: 254px;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form {
margin-bottom: 160px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form .wp-form-title_sp {
text-align: center;
}
}
.iot_wrap .wp-form .wp-form-text-01 {
font-size: 16px;
text-align: center;
line-height: 1.4;
margin-top: 40px;
margin-bottom: 32px;
color: #3F3F3F;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form .wp-form-text-01 {
margin-top: 109px;
margin-bottom: 24px;
}
}
.iot_wrap .wp-form div[data-area=formArea] {
margin: 0 auto;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form div[data-area=formArea] {
max-width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form-thanks {
padding-bottom: 244px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form-thanks .wp-form-title_sp {
text-align: center;
}
}
.iot_wrap .wp-form-thanks .wp-form-thanks-title-03 {
font-size: 32px;
font-weight: 700;
line-height: 1.4;
text-align: center;
padding-top: 150px;
color: #3F3F3F;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form-thanks .wp-form-thanks-title-03 {
font-size: 24px !important;
padding-top: 120px;
}
}
.iot_wrap .wp-form-thanks .wp-form-thanks-text {
font-size: 24px;
text-align: center;
color: #3F3F3F;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form-thanks .wp-form-thanks-text {
font-size: 16px;
}
}
.iot_wrap .wp-form-thanks .wp-form-thanks-button {
color: #fff;
border-radius: 4px;
background: #19A9C3;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 500;
margin: 84px auto 0;
height: 80px;
width: calc(100% - 32px);
max-width: 540px;
transition: all 0.5s ease 0s;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form-thanks .wp-form-thanks-button {
max-width: 320px;
margin-top: 32px;
font-size: 20px;
}
}
.iot_wrap .wp-form-thanks .wp-form-thanks-button:hover {
opacity: 1;
color: #12b3cc;
border: solid 2px #12b3cc;
background-color: #fff;
}          .iot_wrap #page-works-list {
content: "";
display: block;
clear: both;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list .iot-head {
margin-bottom: 80px;
background-size: 100% !important;
height: 14rem !important;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list .iot-head .pagetitle {
text-align: center;
color: #fff;
font-size: 2.6rem !important;
line-height: 4.4rem !important;
padding: 3.5rem 0 !important;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list .iot-head .pagetitle span {
display: block;
font-size: 1.2rem !important;
line-height: 1.8rem !important;
}
}
.iot_wrap #page-works-list #page-content h3 {
font-size: 2.4rem;
font-weight: bold;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 1em;
margin-top: 50px;
margin-bottom: 2.5rem;
}
.iot_wrap #page-works-list #page-content .m-single_wrap h2 {
font-size: 40px;
position: relative;
line-height: 64px;
padding-top: 40px !important;
color: #484848;
position: relative;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .m-single_wrap h2 {
font-size: 24px;
line-height: 36px;
text-align: center;
}
}
.iot_wrap #page-works-list #page-content .case_wrap {
padding: 40px;
margin-bottom: 80px;
background: #f6f6f6;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap {
padding: 0px;
padding-bottom: 40px;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case {
text-align: center;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li {
max-width: 830px;
margin: 0 auto;
width: 100%;
height: 200px;
display: block;
margin-bottom: 30px;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li {
display: inline-block;
height: auto;
width: 100%;
max-width: 320px;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a {
background-color: #fff;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a {
flex-direction: column;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a:hover .img figure img {
-webkit-transform: translateY(-50%) scale(1.2);
transform: translateY(-50%) scale(1.2);
transition-duration: 0.5s;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a:hover .img figure img {
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a:hover .txt .ttl {
color: gray;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a:hover .txt .ttl {
color: #333333, 30%;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .img {
width: 320px;
display: block;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .img {
width: 100%;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .img figure {
padding-top: 64%;
margin: 0;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .img figure img {
display: block;
height: inherit;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
transition-duration: 0.5s;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt {
margin: 0px 16px;
width: calc(100% - 336px);
padding: 8px 0;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt .ttl {
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin: 0;
margin-bottom: 8px;
padding-top: 10px;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt .ttl::before {
display: none;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt .m-spec_lists {
margin: 0;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt .m-spec_lists__li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-size: 12px;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt .m-spec_lists__li p {
margin: 0;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-list .inner {
width: 92%;
margin-top: 0 !important;
margin-left: auto;
margin-right: auto;
}
}
.iot_wrap .works_detail .pankuzu {
width: 100%;
background-color: #f3f3f3;
box-shadow: 0 -1px 0.3rem #ccc;
}
.iot_wrap .works_detail .pankuzu .p-yoast-breadcrumbs {
position: relative;
width: 126rem;
margin: auto;
top: 0;
}
.iot_wrap #page-works-detail .m-single_wrap h2 {
font-size: 40px;
position: relative;
line-height: 64px;
padding-top: 40px;
color: #484848;
position: relative;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap h2 {
font-size: 24px;
line-height: 36px;
text-align: center;
}
}
.iot_wrap #page-works-detail .m-single_wrap h2::before {
content: "";
position: absolute;
background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2267%22%20height%3D%227%22%20viewBox%3D%220%200%2067%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2235%22%20height%3D%227%22%20rx%3D%223.5%22%20fill%3D%22%2300A0E9%22%2F%3E%3Ccircle%20cx%3D%2247.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23FAAA16%22%2F%3E%3Ccircle%20cx%3D%2263.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23004386%22%2F%3E%3C%2Fsvg%3E);
background-repeat: no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0;
}
.iot_wrap #page-works-detail .m-single_wrap h3 {
font-size: 2.4rem;
font-weight: bold;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 1em;
margin-top: 50px;
margin-bottom: 2.5rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap h3 {
font-size: 24px !important;
line-height: 30px;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-main_desp {
font-size: 16px;
margin-bottom: 40px;
color: #6e7173;
line-height: 2em;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-flex-title-img {
display: flex;
flex-wrap: nowrap;
flex-direction: column-reverse;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual {
width: 100%;
max-width: 910px;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_main {
width: 100%;
max-width: 445px;
height: 350px;
margin-right: 20px;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_main {
margin-right: auto;
margin-left: auto;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_main img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-main_desp {
font-size: 16px;
margin-bottom: 0;
color: #6e7173;
line-height: 2em;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub {
list-style: none;
max-width: 445px;
flex-wrap: wrap;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub {
display: none;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub li {
width: calc(100% - 10px);
max-width: 213px;
height: 164px;
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub li:nth-of-type(1) {
margin-bottom: 19px;
margin-right: 19px;
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub li:nth-of-type(3) {
margin-right: 19px;
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub li img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
.iot_wrap #page-works-detail .m-single_wrap .m-content {
border: 1px solid #ddd;
background-color: #f9f9f9;
margin-bottom: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-content {
border: none;
background-color: transparent;
margin-bottom: 25px;
flex-flow: column-reverse;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp {
width: 50%;
margin-right: 10px;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp {
width: 100%;
margin: 0;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp__title {
width: 380px;
margin-left: 40px;
color: #6e7173;
margin-top: 40px;
margin-bottom: 24px;
font-weight: bold;
font-size: 16px;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp__title {
margin: 40px 0 10px;
line-height: 1.6rem;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp__text {
font-size: 14px;
width: 380px;
margin-left: 40px;
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp__text {
margin-bottom: 10px;
margin-left: 0px;
font-weight: normal;
font-size: 14px;
width: 100%;
line-height: 17px;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__img {
max-width: 445px;
height: 350px;
width: 100%;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-content__img {
margin: auto;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__img img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__img img:hover {
transform: none;
}  #iot-contactform.iot_wrap,
#page-form {
background-color: #f9f9f9;
}
@media screen and (max-width: 768px) {
#iot-contactform.iot_wrap #form_wrapper .m-desp,
#page-form #form_wrapper .m-desp {
font-size: 1.3rem;
line-height: 2;
}
}
#iot-contactform.iot_wrap #page-main,
#page-form #page-main {
overflow: inherit;
padding: 48px 0;
}
@media screen and (max-width: 768px) {
#iot-contactform.iot_wrap #page-main,
#page-form #page-main {
padding: 0;
}
}
#iot-contactform.iot_wrap .l-contaner,
#page-form .l-contaner {
background-color: #f9f9f9;
}
#iot-contactform.iot_wrap .l-contaner__inner,
#page-form .l-contaner__inner {
background-color: #fff;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form h2,
#page-form .l-contaner__inner .m-form h2 {
margin-bottom: 32px;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .m-step_wrap .m-steps li .step-content,
#page-form .l-contaner__inner .m-form #form-inquiry .m-step_wrap .m-steps li .step-content {
padding: 1.8rem 0;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area {
margin: 6rem auto;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .tel-no .tel-no,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .tel-no .tel-no {
width: 41rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li .is_full-name,
#page-form .l-contaner__inner .m-form_wrap__li .is_full-name {
display: flex;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li .is_full-name .Last_Name,
#page-form .l-contaner__inner .m-form_wrap__li .is_full-name .Last_Name {
margin-right: 4px;
}
@media screen and (max-width: 768px) {
#iot-contactform.iot_wrap .l-contaner__inner .m-form h2,
#page-form .l-contaner__inner .m-form h2 {
font-size: 18px;
padding-top: 4rem !important;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form .inner,
#page-form .l-contaner__inner .m-form .inner {
width: 94% !important;
max-width: 1000px;
margin: 0px auto !important;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li__item .agree_desp,
#page-form .l-contaner__inner .m-form_wrap__li__item .agree_desp {
font-size: 14px;
line-height: 20px;
display: block;
margin: 0 auto;
text-align: center;
line-height: 1;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li__item .m-radio,
#page-form .l-contaner__inner .m-form_wrap__li__item .m-radio {
flex-direction: row;
flex-wrap: wrap;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li__item .m-radio .wpcf7-list-item,
#page-form .l-contaner__inner .m-form_wrap__li__item .m-radio .wpcf7-list-item {
width: 45%;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li .m-title__text,
#page-form .l-contaner__inner .m-form_wrap__li .m-title__text {
font-size: 18px !important;
font-weight: bold;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry p,
#page-form .l-contaner__inner .m-form #form-inquiry p {
font-size: 1.1rem;
line-height: 2rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry p.thanks,
#page-form .l-contaner__inner .m-form #form-inquiry p.thanks {
font-size: 1.6rem;
margin: 4rem 0 2.5rem;
font-weight: bold;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area {
border: none;
margin: 30px auto !important;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area h3,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area h3 {
background: #e8e8e8;
font-size: 1.3rem !important;
padding: 1.5rem 1rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .ttl,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .ttl {
font-size: 1.2rem;
line-height: 2rem;
margin-top: 2rem;
margin-bottom: 1rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel {
border: 0.2rem solid #ddd;
border-bottom: 0.4rem solid #ddd;
background-color: #fff;
padding: 1.5rem 1rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-free,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-free {
font-size: 1.3rem;
line-height: 1em;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-free span,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-free span {
display: inline-block;
background-color: #00a0e9;
color: #fff;
font-size: 1.2rem;
border-radius: 2rem;
padding: 0.3rem 1rem 0.2rem;
margin-right: 0.5rem;
margin-bottom: 0;
font-weight: normal;
line-height: 2rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no {
font-size: 3rem;
margin: 1.5rem auto;
position: relative;
padding-left: 4rem;
line-height: 0.7em;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no a,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no a {
color: #333638;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no a:hover,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no a:hover {
color: #333638;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no::before,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no::before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion_sp/form/ic-fd.png) no-repeat center left;
background-size: 100%;
width: 32px;
height: 26px;
position: absolute;
top: -4px;
left: 7%;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .btn-top,
#page-form .l-contaner__inner .m-form #form-inquiry .btn-top {
text-align: center;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .btn-top a,
#page-form .l-contaner__inner .m-form #form-inquiry .btn-top a {
width: 92%;
border-radius: 5rem;
background: #b2b2b2;
border: 0.75rem solid #e6e6e6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .btn-top a:hover,
#page-form .l-contaner__inner .m-form #form-inquiry .btn-top a:hover {
background: #ff4f19;
border: 0.75rem solid #f7d1c6;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .btn-top a::after,
#page-form .l-contaner__inner .m-form #form-inquiry .btn-top a::after {
content: "";
width: 9px;
height: 9px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
position: absolute;
top: 48%;
right: 2rem;
margin-top: -4px;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #header-form .inner {
margin-top: 0 !important;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #header-form .inner .site-info .logo {
margin-top: 0;
}
}
.iot_wrap #header-form .inner .site-info .logo .site-title img {
display: block;
width: 100%;
max-width: 232px;
}
@media screen and (max-width: 768px) {
.iot_wrap #header-form .inner .site-info .tel {
display: none;
}
}
.iot_wrap .site-footer .footer-form-content .inner .site-link .site-title img {
display: block;
width: 100%;
margin: auto;
max-width: 232px;
}
.iot_wrap #page-main .materialmailing {
margin-top: -80px;
}
.iot_wrap #page-main .materialmailing .mainv img {
width: 100%;
}