@charset "UTF-8";
@charset "utf-8";


*,
:before,
:after {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
font-style: normal;
font-weight: normal;
font-size: 100%;
font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, 'ＭＳ Ｐゴシック', sans-serif;
-webkit-text-size-adjust: 100%;
word-break: break-all;
}
@media only screen and (max-width: 767px) {
*,
:before,
:after {
font-family: Verdana, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック', sans-serif
}
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
main , menu, nav, output, section, summary,
time, mark, audio, video {
border: 0;
line-height: 1.0;
letter-spacing: 0;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, menu, main, nav, section {
display: block;
}
body {
line-height: 1.0;
}
ul,
ol {
list-style: none;
}
br {
letter-spacing: normal;
}
a,
select,
button,
input[type="submit"],
input[type="image"] {
cursor: pointer;
}
img,
iframe {
vertical-align: bottom;
}
th {
text-align: left;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix {
min-height: 1%; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
body > img[height="1"] {
position: absolute;
}
.mincho {
font-family: 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', '游明朝', YuMincho, serif;
}
img {
max-width: 100%;
height: auto;
border: none;
}

body {
color: #252525;
overflow-x: hidden;
}
body.on-lock {
overflow-y: hidden;
}
.ly_inner {
width: 1100px;
margin: 0 auto;
}
@media only screen and (max-width: 1099px) {
.ly_inner {
width: 100%;
max-width: 100%;
}
}    .l-flex-between-start {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: flex-start;
} .l-flex-between-center {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
} .l-flex-between-end {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: flex-end;
}  .l-flex-start-start {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: flex-start;
} .l-flex-start-center {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
} .l-flex-start-end {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: flex-end;
}  .l-flex-center-start {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: flex-start;
} .l-flex-center-center {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
} .l-flex-center-end {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: flex-end;
} .l-flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} .ly_fixed_btn {
display: block;
width: 100%;
position: fixed;
bottom: 0;
z-index: 10;
background: linear-gradient(rgba(149,149,149,0),rgba(149,149,149,1));
}
.ly_fixed_btn .bl_fixed_box {
width: 100%;
max-width: 1100px;
margin: 0 auto;
-webkit-grid-gap: 0 10px;
grid-gap: 0 10px;
}
.ly_fixed_btn .bl_fixed_box > p {
padding-bottom: 1rem;
}
.ly_fixed_btn .bl_fixed_box a {
display: block;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
position: relative;
}
.ly_fixed_btn .bl_fixed_box a:hover {
opacity: .75;
}
.ly_fixed_btn .bl_fixed_box a:after {
content: '';
width: 62px;
height: 70px;
display: block;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/cursor-point.png) no-repeat center/contain;
position: absolute;
z-index: 1;
right: -20px;
bottom: -20px;
}
.bl_info_wrapper .bl_info_btn > a:hover {
opacity: 0.75;
}
@media only screen and (max-width: 1023px) {
.ly_fixed_btn .bl_fixed_box {
padding-left: .5rem;
padding-right: 1rem;
}
.ly_fixed_btn .bl_fixed_box a:after {
width: 40px;
height: 40px;
bottom: -10px;
right: -5px;
}  
}
@media only screen and (max-width: 767px) {
.ly_fixed_btn .bl_fixed_box {
padding-left: 0.25rem;
padding-right: 0.35rem;
-webkit-grid-gap: 0 4px;
grid-gap: 0 4px;
}
.ly_fixed_btn .bl_fixed_box p {
padding-bottom: 4px;
}
.ly_fixed_btn .bl_fixed_box a:after {
display: none;
width: 22px;
height: 22px;
bottom: -6px;
} 
} .ly_fv {
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/bg_01.jpeg) no-repeat center/cover; padding-bottom: 33px;
}
@media only screen and (min-width: 1024px) and (max-width: 1099px) {
.ly_fv .bl_fv_wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
}
.bl_fv_l {
margin-top: 47px;
}
.bl_fv_ttl {
font-size: 70px;
line-height: 1.15;
font-weight: bold;
margin-top: 50px;
margin-bottom: .625rem;
}
.bl_fv_ttl > span {
color: #c71111;
font-size: 80px;
font-weight: bold;
}
.bl_fv_ttl > strong {
font-size: 88px;
font-weight: bold;
}
.bl_fv_des {
font-size: 24px;
line-height: 1.35;
font-weight: bold;
}
.bl_fv_conts {
margin-top: 16px;
}
.bl_fv_catch {
margin-left: 10px;
}
.bl_fv_list {
width: 715px;
margin-top: 20px;
}
.bl_fv_point {
margin-top: -2px;
}
.bl_fv_r {
margin-top: 20px;
}
.bl_fv_r form {
width: 370px;
border: solid 1px #8b8989;
border-radius: 5px;
position: relative;
margin-top: 10px;
padding-bottom: 30px;
background: #fff;
}
.bl_fv_r form dl {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 13px;
}
.bl_fv_r form dl:first-of-type {
margin-top: 18px;
}
.bl_fv_r form dl + dl {
margin-top: 10px;
}
.bl_fv_r form dl.req dt::after {
content: "※";
font-size: 10px;
color: #fe2828;
vertical-align: top;
margin-left: 0;
}
.bl_fv_r form dl .error {
display: block;
width: 100%;
color: #df3434;
font-size: 12px;
padding-bottom: 8px;
}
.bl_fv_r form dl dt {
font-size: 14px;
line-height: 1.2857142857;
width: 95px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 5px;
}
.bl_fv_r form dl dd input[type=text], .bl_fv_r form dl dd textarea, .bl_fv_r form dl dd select {
border: none;
width: 240px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #f0f0f0;
border-radius: 5px;
font-size: 14px;
line-height: 1.5;
letter-spacing: 0.04em;
padding: 7px 15px;
resize: none;
cursor: pointer;
}
.bl_fv_r form dl textarea {
height: 70px;
}
@media only screen and (max-width: 1023px) {
.ly_fv {
padding-bottom: 1rem;
}
.ly_fv .bl_fv_logo {
width: 28.125vw;
margin-left: 4.6875vw;
}
.bl_fv_ttl,
.bl_fv_des {
margin-left: 4.6875vw;
}
.bl_fv_wrapper {
-webkit-flex-direction: column;
flex-direction: column;
}
.bl_fv_wrapper .bl_fv_l {
width: 100%;
margin-top: 0px;
padding: 1rem 0px 0px;
}
}
.bl_form_catch {
position: absolute;
top: -14px;
left: -18px;
}
.bl_form_ttl {
text-align: center;
background: #f4bc1e;
padding: 16px 0 13px 25px;
}
.ly_fv .bl_fv_r form .privacy-policy {
width: 340px;
height: 100px;
margin: 8px auto;
}
.bl_privacypolicy_body {
padding: 17px 20px;
}
.bl_privacypolicy_note {
font-size: 12px;
line-height: 1.3333333333;
margin: 6px 0 0 19px;
position: relative
}
.bl_privacypolicy_note span {
color: #fe2828;
}
.bl_privacypolicy_agree {
width: 240px;
padding: 9px 0;
text-align: center;
border-radius: 17px;
background: #e7e7e7;
margin: 14px auto 0;
display: table;
font-size: 0;
position: relative;
}
.bl_privacypolicy_agree .error {
font-size: 12px;
color: red;
position: absolute;
top: -13px;
left: 80px;
}
.bl_privacypolicy_agree input[type=checkbox] {
display: none;
}
.bl_privacypolicy_agree input[type=checkbox] + label::before {
content: "";
background: #fff;
border: 1px solid #000;
display: inline-block;
width: 15px;
height: 15px;
-webkit-transition: 0.2s;
transition: 0.2s;
vertical-align: bottom;
margin-right: 10px;
}
.bl_privacypolicy_agree input[type=checkbox] + label::after {
content: "";
border-right: 2px solid #b54a4a;
border-bottom: 2px solid #b54a4a;
display: block;
opacity: 0;
width: 5px;
height: 12px;
position: absolute;
left: 86px;
bottom: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.bl_privacypolicy_agree input[type=checkbox]:checked + label::before {
border-color: #b46363;
}
.bl_privacypolicy_agree input[type=checkbox]:checked + label::after {
opacity: 1;
}
.bl_privacypolicy_agree label {
font-size: 14px;
position: relative;
display: block;
width: 100%;
}
.bl_privacypolicy_agree label:hover {
cursor: pointer;
}
.bl_privacypolicy_agree::after {
content: "※";
font-size: 10px;
color: #fe2828;
vertical-align: top;
position: absolute;
top: 7px;
right: 71px;
}
.bl_form_confirm {
margin: 20px auto 0;
width: 330px;
}
.bl_form_confirmBtn {
width: 100%;
height: 65px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/fv_form_button_off.png) no-repeat center/cover;
border: none;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.bl_form_confirmBtn:hover {
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/fv_form_button_on.png) no-repeat center/cover;
}
.bl_fv_button {
margin-top: 20px;
}
@media only screen and (max-width: 1099px) {
.bl_fv_list {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.ly_fv {
padding-bottom: 0px;
}
.ly_fv .bl_fv_ttl {
text-align: center;
margin-bottom: 0px;
margin-left: 0px;
}
.bl_fv_conts {
margin-top: 10px;
}
.bl_fv_ttl {
font-size: 30px;
line-height: 56px;
margin-top: 20px;
}
.bl_fv_ttl > span {
font-size: 40px;
}
.bl_fv_ttl > strong {
font-size: 42px;
}
.bl_fv_icon {
margin-left: 4.6875vw;
}
.bl_fv_point {
width: 49.53125vw;
margin: -25vw 0 3vw 1.25vw;
}
} #thumbnail {
overflow-x: hidden;
}
#thumbnail .thumbnail-slider .slider-inner:nth-of-type(1) {
-webkit-animation: loop 90s linear infinite;
animation: loop 90s linear infinite;
}
#thumbnail .thumbnail-slider .slider-inner:nth-of-type(2) {
-webkit-animation: loop2 90s -60s linear infinite;
animation: loop2 90s -60s linear infinite;
}
#thumbnail .thumbnail-slider .slider-inner:nth-last-of-type(1) {
-webkit-animation: loop3 90s -30s linear infinite;
animation: loop3 90s -30s linear infinite;
}
#thumbnail .slider-inner .thumbnail-item {
position: relative;
}
#thumbnail .slider-inner .thumbnail-item img {
width: 100%;
display: block;
object-fit: cover;
object-position: center;
}
@keyframes loop {
0% {
transform: translateX(200%);
}
to {
transform: translateX(-100%);
}
}
@keyframes loop2 {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-200%);
}
}
@keyframes loop3 {
0% {
transform: translateX(0%);
}
to {
transform: translateX(-300%);
}
}
@media only screen and (max-width: 1023px) {
#thumbnail .thumbnail-slider .slider-inner .thumbnail-item {
flex: 0 0 20%;
max-width: 20%;
}
}
@media only screen and (max-width: 767px) {
#thumbnail .thumbnail-slider .slider-inner .thumbnail-item {
flex: 0 0 33.333%;
max-width: 33.333%;
}
}
@media only screen and (min-width: 1100px) {
#thumbnail .thumbnail-slider .slider-inner .thumbnail-item {
flex: 0 0 14.285%;
max-width: 14.285%;
} 
}
@media only screen and (min-width: 1440px) {
#thumbnail .thumbnail-slider .slider-inner .thumbnail-item {
flex: 0 0 12.5%;
max-width: 12.5%;
}
}
@media only screen and (min-width: 1600px) {
#thumbnail .thumbnail-slider .slider-inner .thumbnail-item {
flex: 0 0 10%;
max-width: 10%;
}
} .ly_logo {
margin-top: 65px;
}
.bl_logo_ttl {
text-align: center;
border-bottom: solid 1px #a6a6a6;
padding-bottom: 25px;
width: 1100px;
margin: 0 auto 30px;
}
.ly_logo .container {
width: 100%;
max-width: 1200px;
margin: 0px auto;
}
.bl_logo_list {
padding: 0px;
margin: 0px 0px 25px;
-webkit-justify-content: center;
justify-content: center;
}
.bl_logo_list > li {
flex: 0 0 20%;
max-width: 20%;
}
.bl_logo_list > li > img {
width: 100%;
display: block;
object-fit: contain;
object-position: center;
}
@media only screen and (max-width: 1099px) {
.bl_logo_list,
.bl_logo_ttl {
width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.ly_logo {
margin-top: 1rem;
}
.ly_logo .container {
padding-left: .25rem;
padding-right: .25rem;
}
}
@media only screen and (max-width: 767px) {
.bl_logo_ttl {
padding-bottom: 0px;
margin-bottom: 10px;
border-bottom: none;
}
} .ly_case {
margin-top: 60px;
}
.bl_case_top {
text-align: center;
padding: 105px 0 45px;
background: #f8f8f8;
}
.bl_case_txt {
font-size: 18px;
line-height: 1.8;
letter-spacing: 0.02em;
margin-top: 26px;
}
.bl_case_txt span.c-red {
color: #c71111;
font-weight: bold;
letter-spacing: 0.02em;
}
.bl_case_main {
background: #535353;
padding: 53px 0 30px;
}
.bl_caseList .bl_caseList-item {
margin-bottom: 25px;
}
.bl_caseList_meta {
margin: 11px 0 0 5px;
}
.bl_caseList_meta span {
padding: 3px 15px;
background: #fff;
font-size: 14px;
letter-spacing: 0.06em;
border-radius: 11px;
}
.bl_case_main .bl_caseList-item p {
text-align: center;
color: #fff;
font-size: 18px;
line-height: 1.3333333333;
letter-spacing: 0.06em;
margin-top: 19px;
}
@media only screen and (min-width: 1024px) and (max-width: 1099px) {
.bl_case_main {
padding-left: 1rem;
padding-right: 1rem;
}
.bl_caseList_meta {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: 0px;
}
.bl_caseList_meta span {
font-size: 12px;
margin: 4px 4px 0px 0px;
}
}
@media only screen and (max-width: 1023px) {
.bl_case_top {
padding: 45px 0px;
}
.bl_case_main {
padding: 45px 1rem 25px;
}
.bl_caseList .bl_caseList-item {
flex: 0 0 calc(33.333% - 1rem);
max-width: calc(33.333% - 1rem);
}
.bl_caseList .bl_caseList-item .bl_caseList_meta {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 0px;
}
.bl_caseList .bl_caseList-item .bl_caseList_meta > * {
margin-top: 5px;
margin-right: 5px;
}
.bl_case_main .bl_caseList-item p {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.ly_case {
margin-top: 1rem;
}
.bl_case_top {
padding: 30px .5rem;
}
.bl_case_top .bl_case_ttl {
padding-left: 14px;
padding-right: 14px;
}
.bl_case_main {
padding-top: 30px;
}
.bl_case_main_section {
margin: 0px 12px;
position: relative;
}
.bl_case_main_section .slick-arrow {
width: 3.125vw;
height: 5.3125vw;
position: absolute;
top: 30%;
z-index: 50;
}
.bl_case_main_section .slick-arrow.prev {
left: -20px;
}
.bl_case_main_section .slick-arrow.next {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
right: -20px;
}
.bl_caseList .bl_caseList-item {
width: 100%;
margin-bottom: 0px; 
}
.bl_caseList .bl_caseList-item img {
width: 100%;
margin: 0px auto;
display: block;
}
.bl_caseList_meta {
-webkit-justify-content: center;
justify-content: center;
}
.bl_caseList_meta > span {
font-size: 12px;
padding: 3px 12px;
}
.bl_case_main .bl_caseList-item p br {
display: none;
}
.bl_case_txt {
font-size: 4.0625vw;
line-height: 26px;
}
.bl_case_txt br {
display: none !important;
}
.bl_case_txt span {
line-height: 26px;
}
.bl_case_txt span:not(.c-red) {
display: block;
}
}
@media only screen and (min-width: 1100px) {
.bl_caseList {
margin-left: -.5rem;
margin-right: -.5rem;
}
.bl_caseList .bl_caseList-item {
flex: 0 0 25%;
max-width: 25%;
padding-left: .5rem;
padding-right: .5rem;
}
.bl_caseList .bl_caseList-item > a {
display: block;
}
.bl_caseList .bl_caseList-item > a > img {
display: block;
margin: 0px auto;
}
.bl_caseList_meta {
display: flex;
flex-wrap: wrap;
margin-left: -2px;
margin-right: -2px;
-webkit-justify-content: center;
justify-content: center;
}
.bl_caseList_meta > span {
margin: 2px;
}
} .ly_result {
background: #88e8ff;
padding-bottom: 37px;
}
.bl_result_ttl {
text-align: center;
padding: 34px 0;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/result_title_backgroundPattern.png);
}
.bl_result_list {
margin-top: 25px;
}
.bl_result_list li {
margin-bottom: 25px;
}
@media only screen and (max-width: 1023px) {
.bl_result_list > li {
flex: 0 0 50%;
max-width: 50%;
padding-left: 1rem;
padding-right: 1rem;  
}
.bl_result_list > li > img {
display: block;
margin: 0px auto;
}
}
@media only screen and (max-width: 767px) {
.bl_result_ttl {
padding-top: 22px;
padding-bottom: 22px;
}
.bl_result_ttl img {
max-width: 180px;
}
.bl_result_list > li {
flex: 0 0 100%;
max-width: 100%;
padding-left: 2rem;  
padding-right: 2rem;  
}
} .ly_info {
padding: 28px 0 60px;
text-align: center;
background: -webkit-gradient(linear, right top, left top, from(rgb(238, 255, 145)), color-stop(30%, rgb(204, 255, 205)), color-stop(50%, rgb(223, 249, 255)), to(rgb(253, 214, 242)));
background: linear-gradient(-90deg, rgb(238, 255, 145) 0%, rgb(204, 255, 205) 30%, rgb(223, 249, 255) 50%, rgb(253, 214, 242) 100%);
}
.bl_info_catch {
margin: -20px 0 0 18px;
}
.bl_info_wrapper {
width: 100%;
max-width: 1100px;
margin: 42px auto 0;
-webkit-grid-gap: 0 10px;
grid-gap: 0 10px;
}
.bl_info_wrapper .bl_info_btn > a {
display: block;
position: relative;
-webkit-transition: opacity 350ms ease;
transition: opacity 350ms ease;
}
.bl_info_wrapper .bl_info_btn > a > img {
display: block;
}
.bl_info_wrapper .bl_info_btn > a:after {
content: '';
width: 62px;
height: 70px;
display: block;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/cursor-point.png) no-repeat center/contain;
position: absolute;
z-index: 1;
right: -20px;
bottom: -20px;
}
.bl_info_wrapper .bl_info_btn > a:hover {
opacity: 0.75;
} 
@media only screen and (max-width: 1023px) {
.ly_info {
padding-left: 1rem;
padding-right: 1rem;
}
.ly_info.__price {
margin-top: 0px !important;
}
.ly_info .bl_info_catch {
margin-top: 0px !important;
margin-left: 0px;
}
.bl_info_wrapper {
width: 100%;
height: auto;
margin-top: 30px;
}
.bl_info_wrapper > .bl_info_btn {
flex: 0 0 50%;
max-width: 50%;
}
.bl_info_wrapper > .bl_info_btn > a {
display: block;
}
.bl_info_wrapper .bl_info_btn > a:after {
width: 50px;
height: 50px;
right: -10px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1099px) {
.bl_result_list li {
padding-left: 1rem;
padding-right: 1rem;
flex: 0 0 50%;
}
}
@media only screen and (max-width: 767px) {
.ly_info {
padding-left: 0;
padding-right: 0;
}
.bl_info_ttl img {
max-width: 270px;
display: block;
margin: 0px auto;
}
.ly_info .bl_info_catch {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.ly_info.ly_info__plan .bl_info_catch {
margin-top: -26px !important;
}
.ly_info,
.ly_info.__feature {
padding-bottom: 30px !important;
}
.bl_info_wrapper {
-webkit-flex-direction: column;
flex-direction: column;
margin-top: 1rem;
}
.bl_info_wrapper > .bl_info_btn {
flex: 0 0 100%;
max-width: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.bl_info_wrapper .bl_info_btn > a:after {
width: 40px;
height: 40px;
}
.bl_info_wrapper > .bl_info_btn + .bl_info_btn {
margin-top: 20px;
}
} .ly_solution {
margin-top: 70px;
background: #f8f8f8 url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/solution_backgroundImage.png) no-repeat top center;
background-size: 100% auto;
padding-bottom: 35px;
}
.bl_solution_ttl {
text-align: center;
}
.bl_solutionList {
margin-top: 65px;
padding-right: 10px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/solution_backgroundImage.png) no-repeat top center;
}
.bl_solutionList .bl_solutionList-item {
width: 520px;
height: 480px;
background: linear-gradient(90deg, #d5ebf3 0%, #d5ebf3 50%, #dff0d2 50%, #dff0d2 100%);
padding: 20px 0 0;
margin-bottom: 43px;
-webkit-box-shadow: 5px 5px 11px rgba(0, 0, 0, .12);
box-shadow: 5px 5px 11px rgba(0, 0, 0, .12);
}
.bl_solutionList_ttl {
text-align: center;
}
.bl_solutionList_wrapper {
width: 475px;
margin: 23px auto 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1099px) {
.bl_solutionList {
grid-gap: 0 20px;
}
.bl_solutionList .bl_solutionList-item {
flex: 0 0 calc(50% - 20px);
}
}
@media only screen and (max-width: 1023px) {
.ly_solution {
padding-bottom: 0px;
}
.bl_solutionList {
padding-right: 0px;
}
.bl_solutionList .bl_solutionList-item {
width: 100%;
height: auto;
margin-bottom: 2rem;
}
.bl_solutionList_wrapper {
padding-bottom: 1.25rem;
}
.bl_solutionList_wrapper .bl_solutionList_graph img {
display: block;
margin: 0px auto;
}
}
@media only screen and (max-width: 767px) {
.ly_solution {
margin-top: 35px;
padding-bottom: 35px;
}
.ly_solution .ly_solution-section {
padding: 0px 1rem;
position: relative;
}
.ly_solution .slick-arrow {
width: 3.125vw;
height: 5.3125vw;
margin-top: -20px;
position: absolute;
top: 50%;
z-index: 50;
}
.ly_solution .slick-arrow.prev {
left: 8px;
} 
.ly_solution .slick-arrow.next {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
right: 8px;
} 
.slick-dots {
width: 100%;
display: flex;
align-items: center;
justify-content: center; 
margin: 5.46875vw auto 0px;
}
.slick-dots li {
margin: 0 2.1875vw;
width: 1.875vw;
height: 1.875vw;
border-radius: 50%;
background: #4a4949;
position: relative;
z-index: 10;
}
.slick-dots li.slick-active {
background: #f34c7b;
}
.slick-dots li button {
display: none;
}
.bl_solutionList .bl_solutionList-item {
padding: 10px;
margin-bottom: 0px;
}
.ly_solution .bl_solution_ttl {
padding: 0px 1rem;
}
.ly_solution .bl_solution_ttl img {
max-width: 210px;
display: block;
margin: 0px auto;
}
.bl_solutionList {
margin-top: 16px;
}
.bl_solutionList li {
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 1rem;
}
.bl_solutionList_wrapper {
width: 100%;
padding-bottom: 0px;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.bl_solutionList_wrapper .bl_solutionList_graph {
flex: 0 0 calc(50% - .5rem);
max-width: calc(50% - .5rem);
}
} .ly_feature {
margin-bottom: 60px;
}
.bl_featureTop {
text-align: center;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/feature_backgroundImage.jpg) no-repeat center/cover;
padding: 85px 0;
}
.bl_featureTop_ttl {
margin-top: 20px;
}
.bl_featureBanner {
text-align: center;
background: #d3f2ef;
padding: 14px 0 8px;
}
.bl_featureService {
margin-top: 65px;
}
.bl_featureService_ttl {
background: #ffd5e1;
text-align: center;
padding: 18px 0;
}
.bl_featureService_list {
border: solid 1px #ffd5e1;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.bl_featureService_list .bl_featureService_list_item {
text-align: center;
background: #fff;
padding: 30px 30px 25px;
}
.bl_featureService_list .bl_featureService_list_item:nth-child(3n+2) {
background: #f6f6f6;
}
.bl_featureService_listTtl {
font-size: 22px;
font-weight: bold;
line-height: 1.2727272727;
letter-spacing: 0.05em;
color: #f34c7b;
margin-top: 16px;
}
.bl_featureService_listImg {
margin-top: 7px;
}
.bl_featureService_listTxt {
margin-top: 9px;
text-align: left;
font-size: 15px;
line-height: 1.6;
letter-spacing: 0.06em;
}
.bl_featureService_listTxt span {
font-weight: bold;
line-height: 1.6;
letter-spacing: 0.06em;
}
.bl_featureCase {
margin-top: 70px;
padding-bottom: 80px;
}
.bl_featureCase_ttl {
text-align: center;
background: #ffd5e1;
padding: 18px 0;
}
.bl_featureCase_list {
margin-top: 63px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.bl_featureCase_list > li {
width: 350px;
background: #f1f1f1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 40px;
}
.bl_featureCase_list > li > .bl_featureCase_listImg {
display: block;
padding-top: 70%;
position: relative;
}
.bl_featureCase_list > li > .bl_featureCase_listImg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0px;
left: 0px;
}
.bl_featureCase_list .slick-list figure {
width: 250px;
}
.bl_featureCase_list .slick-list .bl_featureCase_slider-img {
height: 145px;
display: block;
position: relative;
}
.bl_featureCase_list .slick-list .bl_featureCase_slider-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0px;
left: 0px;
} 
.bl_featureCase_list iframe {
width: 100%;
height: auto;
}
.bl_featureCase_listTtl {
position: absolute;
z-index: 1;
top: -15px;
left: 0;
}
.bl_featureCase_listWrapper {
width: 320px;
margin: 15px auto 0;
}
.bl_featureCase_listTxt {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.06em;
margin-top: 20px;
padding: 0 19px;
line-height: 1.75;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.bl_featureCase_listTxt span {
font-weight: bold;
letter-spacing: 0.06em;
}
.bl_featureCase_sliderTtl {
text-align: center;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.12em;
margin-top: 33px;
}
.bl_featureCase_slider {
width: 250px;
height: 140px;
background: #ccc;
margin: 10px auto 0;
}
.bl_featureCase_slider .slick-slide {
height: 140px;
}
.bl_featureCase_slider .slick-arrow {
position: absolute;
top: 43%;
z-index: 50;
width: 10px;
height: 11px;
cursor: pointer;
}
.bl_featureCase_slider .slick-arrow.prev {
left: -30px;
}
.bl_featureCase_slider .slick-arrow.next {
right: -30px;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.bl_featureCase_slider .slick-dots {
margin: 13px auto 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bl_featureCase_slider .slick-dots li {
padding-bottom: 0;
margin: 0 4px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
position: relative;
z-index: 10;
cursor: pointer;
}
.bl_featureCase_slider .slick-dots li button {
display: none;
}
.bl_featureCase_slider .slick-dots li.slick-active {
background: #7a7a7a;
}
.bl_featureCase_sliderImg {
width: 250px;
height: 140px;
}
.bl_featureCase_btn {
margin-top: 50px;
text-align: center;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
.bl_featureCase_btn:hover {
opacity: 0.7;
}
@media only screen and (max-width: 767px) {
.bl_featureCase_btn {
margin-top: 1rem;
}
}
@media only screen and (max-width: 1023px) {
.bl_featureTop {
padding-left: 1rem;
padding-right: 1rem;
}
.bl_featureCase {
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 0px;
}
.bl_featureCase .bl_featureCase_list {
-webkit-flex-direction: column;
flex-direction: column;
}
.bl_featureCase_list > li {
width: 100%;
margin-bottom: 2rem;
}
.bl_featureCase_list > li .bl_featureCase_listImg > img {
display: block;
margin: 0px auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.ly_feature {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 767px) {
.ly_feature {
margin-bottom: 0px;
}
.bl_featureTop {
padding: 35px 0px;
}
.bl_featureTop_catch {
width: 90.625vw;
margin: 0 auto;
}
.bl_featureTop_ttl {
margin-top: 8px;
margin-left: 10px;
}
.bl_featureService {
margin-top: 0px;
}
.bl_featureService_list {
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
.bl_featureService_list .bl_featureService_list {
width: 100%;
}
.bl_featureService .bl_featureService_section {
width: 90.3125vw;
margin: 7.03125vw auto 0;
position: relative;
}
.bl_featureService .slick-arrow {
width: 3.125vw;
height: 5.3125vw;
margin-top: -20px;
position: absolute;
top: 50%;
z-index: 50;
}
.bl_featureService .slick-arrow.prev {
left: -8px;
} 
.bl_featureService .slick-arrow.next {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
right: -8px;
} 
.bl_featureService_list {
border: none;
}
.bl_featureService_list .bl_featureService_list_item {
min-height: 330px;
margin-top: 3.5vw;
padding: 17.96875vw 0px 20px;
position: relative;
}
.bl_featureService_list .bl_featureService_list_item:before {
content: '';
width: 100%;
height: calc(100% - 12px);
border: 1px solid #ffd5e1;
position: absolute;
top: 12px;
left: 0px;
}
.bl_featureService_list .bl_featureService_list_item:nth-child(3n+2) {
background-color: #fff;
}
.bl_featureService_listTtlImg {
width: 90.3125vw;
margin: 0 auto;
position: absolute;
top: -2.8125vw;
left: 0px;
}
.bl_featureService_listImg img {
display: block;
margin: 0px auto;
}
.bl_featureService_listTxt {
padding: 0px 20px;
font-size: 14px;
}
.bl_featureService_listTtl {
font-size: 5vw;
margin-top: 3.90625vw;
}
.bl_featureCase {
margin-top: 26px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 30px;
}
.bl_featureCase_ttl {
padding: 0px 0px .5rem;
}
.bl_featureCase_ttl img {
max-width: 230px;
display: block;
margin: 0px auto;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.bl_featureCase_list {
margin-top: 35px;
margin-left: 1rem;
margin-right: 1rem;
}
.bl_featureService_ttl {
padding-left: 1rem;
padding-right: 1rem;
}
} .bl_modal_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 97;
}
.bl_modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 98;
overflow-y: scroll;
background: rgba(0, 0, 0, .8);
}
.bl_modal::-webkit-scrollbar {
display: none;
}
.bl_modal_closeBtn {
position: absolute;
z-index: 100;
top: -15px;
right: -15px;
cursor: pointer;
width: 30px;
height: 30px;
background: #252525;
border-radius: 50%;
border: solid 1px #fff;
}
.bl_modal_closeBtn::before, .bl_modal_closeBtn::after {
content: "";
background: #fff;
width: 2px;
height: 18px;
display: inline-block;
position: absolute;
top: 5px;
right: 13px;
}
.bl_modal_closeBtn::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.bl_modal_closeBtn::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.bl_modal_body {
width: 100%;
max-width: 1000px;
background: #fff;
position: absolute;
padding: 40px 30px;
z-index: 99;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.bl_modal_ttl {
text-align: left;
margin-left: 4px;
}
.bl_modal_plan {
width: 140px;
font-weight: bold;
}
.bl_modal_price {
width: 170px;
font-weight: bold;
}
.bl_modal_content {
width: 625px;
font-weight: bold;
}
.bl_modal_table td {
background: #f2f3f6;
vertical-align: middle;
border: solid 4px #fff;
font-size: 14px;
line-height: 1.4285714286;
padding: 9px 0;
height: 60px;
}
.bl_modal_table td.bl_modal_example {
color: #fff;
font-size: 15px;
line-height: 1.1176470588;
font-weight: bold;
}
.bl_modal_table td.bl_modal_example.__youtube {
background: #de2730;
}
.bl_modal_table td.bl_modal_example.__promotion {
background: #66d15b;
}
.bl_modal_table td.bl_modal_example.__movie {
background: #56c2dd;
}
.bl_modal_tableHead td {
color: #fff;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.1em;
padding: 8px 0;
height: 40px;
}
.bl_modal_tableHead td.__youtube {
background: #af2424;
}
.bl_modal_tableHead td.__promotion {
background: #47ae3d;
}
.bl_modal_tableHead td.__movie {
background: #1d9bba;
}
.bl_modal_yen {
font-weight: bold;
}
.bl_modal_catch {
margin-top: 44px;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.04em;
}
.bl_modal_catch span {
color: #d51919;
font-weight: bold;
letter-spacing: 0.04em;
}
.bl_modal_catch::before, .bl_modal_catch::after {
content: "";
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/feature_case_modal_info_balloon.png) no-repeat center/contain;
display: inline-block;
width: 15px;
height: 23px;
vertical-align: middle;
}
.bl_modal_catch::before {
margin-right: 40px;
}
.bl_modal_catch::after {
margin-left: 40px;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.bl_modal_wrapper {
width: 100%;
max-width: 900px;
margin: 36px auto 0px;
}
.bl_modal_btn {
width: 436px;
}
.bl_modal_btn img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.bl_modal_btn > a {
display: block;
position: relative;
-webkit-transition: opacity 350ms ease;
transition: opacity 350ms ease;
}
.bl_modal_btn > img {
display: block;
}
.bl_modal_btn > a:after {
content: '';
width: 62px;
height: 70px;
display: block;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/cursor-point.png) no-repeat center/contain;
position: absolute;
z-index: 1;
right: -20px;
bottom: -20px;
}
.bl_modal_btn > a:hover {
opacity: 0.75;
}
@media only screen and (max-width: 767px) {
.bl_modal .bl_modal_ttl{
margin-left: 0px;
margin-bottom: 16px;
}
.bl_modal .bl_modal_body {
width: calc(100% - 44px);
padding: 20px !important;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 30px;
}
.bl_modal_body .bl_modal_table tbody tr.bl_modal_tableHead {
display: none !important;
}
.bl_modal_body .bl_modal_table tbody tr {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.bl_modal_body .bl_modal_table tbody tr > td {
height: auto;
border: none;
padding: 14px 10px;
}
.bl_modal_body .bl_modal_table tbody tr td.bl_modal_example,
.bl_modal_body .bl_modal_table tbody tr td.bl_modal_yen {
flex: 0 0 50%;
max-width: 50%;
}
.bl_modal_body .bl_modal_table tbody tr td:nth-last-of-type(1) {
width: 100% !important;
flex: 0 0 100%;
max-width: 100%;
border: 2px solid #e1e1e1 !important;
background-color: #fff;
}
.bl_modal_wrapper {
-webkit-flex-direction: column;
flex-direction: column;
margin-top: 24px;
}
.bl_modal_wrapper > .bl_modal_btn {
flex: 0 0 100%;
max-width: 100%;
}
.bl_modal_wrapper .bl_modal_btn > a:after {
width: 40px;
height: 40px;
}
.bl_modal_wrapper > .bl_modal_btn + .bl_modal_btn {
margin-top: 20px;
}
}
.ly_info.__feature {
padding-bottom: 60px;
}
.bl_info_catch.__feature {
margin: -90px 0 0 0;
}
.bl_info_txt {
margin: 15px 0 -30px;
font-size: 18px;
line-height: 1.7777777778;
letter-spacing: 0.065em;
}
.bl_info_txt span {
line-height: 1.7777777778;
letter-spacing: 0.065em;
}
.bl_info_txt span.c-red {
color: #c71111;
font-weight: bold;
}
.bl_featurePoint {
margin-top: 85px;
}
.bl_featurePoint_ttl {
text-align: center;
}
.bl_featurePoint_list {
margin-top: 55px;
}
.bl_featurePoint_body.__modified {
background: #ffebf1;
padding: 35px 0 60px;
}
.bl_featurePoint_body.__edit {
background: #dff7dc;
margin-top: 50px;
padding-bottom: 60px;
}
.bl_featurePoint_item {
position: relative;
}
.bl_featurePoint_item.__modified {
padding: 0 20px;
}
.bl_featurePoint_item.__edit {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.bl_featurePoint_num {
position: absolute;
}
.bl_featurePoint_num.__modified {
top: -52px;
right: 60px;
}
.bl_featurePoint_num.__edit {
top: -17px;
left: 20px;
}
.bl_featurePoint_wrapper.__modified {
margin: 29px 0 0 39px;
}
.bl_featurePoint_wrapper.__edit {
margin: 54px 0 0 20px;
}
.bl_featurePoint_img.__edit {
margin-top: 48px;
}
.bl_featurePoint_listTxt {
font-size: 18px;
line-height: 1.5555555556;
letter-spacing: 0.08em;
margin-top: 24px;
width: 560px;
}
.bl_featurePoint_listTxt span {
font-weight: bold;
color: #bd010a;
line-height: 1.5555555556;
letter-spacing: 0.08em;
}
.bl_featurePoint_listTxt.__edit {
width: 570px;
}
.bl_featurePoint_listTxt.__edit span {
color: #000;
color: initial;
}
@media only screen and (max-width: 767px) {
.bl_info_catch.__feature {
margin-top: -10.5vw !important;
}
.bl_info_txt {
font-size: 14px;
margin-bottom: 1rem;
}
.bl_info_txt br {
display: none;
}
.bl_info_txt > span {
display: block;
}
.bl_featurePoint {
margin-top: 35px;
}
.bl_featurePoint .bl_featurePoint_logo {
display: block;
margin: 0px auto 14px;
max-width: 94px;
}
.bl_featurePoint_list {
margin-top: 20px;
-webkit-flex-direction: column;
flex-direction: column;
}
.bl_featurePoint_body.__modified,
.bl_featurePoint_body.__edit {
width: 100%;
}
.bl_featurePoint_img {
max-width: 230px;
display: block;
margin: 0px auto;
}
.bl_featurePoint_item.__modified {
-webkit-flex-direction: column;
flex-direction: column;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.bl_featurePoint_body.__modified {
padding-top: 26px;
padding-bottom: 30px;
}
.bl_featurePoint_img.__edit {
margin-top: 26px;
}
.bl_featurePoint_wrapper.__modified {
margin-top: 10px;
margin-left: 0px; 
}
.bl_featurePoint_wrapper.__modified > * {
width: 100%;
}
.bl_featurePoint_num.__modified {
width: auto;
right: auto;
}
.bl_featurePoint_body.__edit {
margin-top: 30px;
padding-bottom: 30px;
}
.bl_featurePoint_item,
.bl_featurePoint_wrapper,
.bl_featurePoint_listTxt.__edit {
width: 100%;
}
.bl_featurePoint_item.__edit {
padding-left: 1rem;
padding-right: 1rem;
-webkit-flex-direction: column;
flex-direction: column;
}
.bl_featurePoint_wrapper.__edit {
margin-top: 20px;
margin-left: 0px;
}
} .ly_info.__price {
margin-top: 60px;
padding-bottom: 60px;
}
.bl_info_catch.__price {
margin-left: 0;
}
.bl_info_txt.__price {
margin-top: 30px;
} .ly_work {
margin: 70px 0 60px;
}
.bl_workTop {
background: #dff7f5;
padding: 70px 0 35px;
text-align: center;
}
.bl_workTop_ttl {
text-align: center;
}
.bl_workTop_txt {
margin-top: 30px;
font-size: 18px;
line-height: 1.6666666667;
letter-spacing: 0.04em;
}
.bl_workTop_txt strong {
font-weight: bold;
line-height: 1.6666666667;
letter-spacing: 0.04em;
}
.bl_workTop_txt .bl_workTop_txtColor {
color: #c71111;
font-weight: bold;
}
.bl_workTop_flow {
margin-top: 30px;
}
.bl_workTop_graph {
margin: 35px 0 0 80px;
text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.ly_work {
margin-bottom: 0px;
}
.bl_workTop {
padding-left: 1rem;
padding-right: 1rem;
}
.bl_workTop_graph {
margin-left: 0px;
}
}
.bl_workCreate {
background: #f1f1f1;
margin-top: 70px;
padding: 52px 0;
}
.bl_workCreate_bottom {
background: #c39ddb;
padding: 20px 0;
margin-bottom: 45px;
}
.bl_workCreate_ttl {
margin-top: 7px;
}
.bl_workCreate_txt {
margin-top: 35px;
font-size: 16px;
letter-spacing: 0.04em;
line-height: 1.75;
width: 550px;
}
.bl_workCreate_txt span {
font-weight: bold;
letter-spacing: 0.04em;
line-height: 1.75;
}
.bl_workEffect .bl_workEffect_top {
background-color: #f1f1f1;
padding: 52px 0;
}
.bl_workEffect .bl_workEffect_top .bl_workEffect_topTtl {
margin-bottom: 20px;
}
.bl_workEffect .bl_workEffect_top .bl_workEffect_topImg {
max-width: 263px;
margin: 0px auto 1rem;
}
.bl_workEffect .bl_workEffect_top .bl_workEffect_topTxt {
font-size: 16px;
line-height: 1.7;
width: 550px;
}
.bl_workEffect .bl_workEffect_top .bl_workEffect_topTxt span {
font-weight: bold;
}
.bl_workEffect_topList {
background-color: #cae9f1;
padding: 20px 0 25px;
}
.bl_workEffect_topList .bl_workEffect_topItem {
width: 1100px;
margin: 0 auto;
}
.bl_workEffect_topList .bl_workEffect_topItem li {
width: 346px;
}
.bl_workEffect_topList .bl_workEffect_topItem .bl_workEffect_topIcon {
margin-bottom: 13px;
}
.bl_workEffect_topList .bl_workEffect_topItem .bl_workEffect_topTxt {
font-size: 15px;
line-height: 1.7;
padding: 0 33px;
}
.bl_workEffect_topList .bl_workEffect_topItem .bl_workEffect_topTxt span {
font-weight: bold;
}
.bl_workBanner {
background-color: #f1f1f1;
padding: 22px 0;
}
.bl_workBanner .bl_workBanner_box {
background-color: #3aaac4;
width: 1050px;
margin: 0 auto;
padding: 26px 70px;
}
.bl_workBanner .bl_workBanner_box .bl_workBanner_boxTtl {
text-align: center;
border-bottom: solid #fff 1px;
padding-bottom: 17px;
margin-bottom: 10px;
}
.bl_workBanner .bl_workBanner_box .bl_workBanner_boxList li {
font-size: 20px;
color: #fff;
padding: 17px 0 0 40px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/work_icon_check.png) no-repeat bottom left;
}
.bl_workBanner .bl_workBanner_box .bl_workBanner_boxList li span {
color: #f7f6bf;
font-weight: bold;
}
.ly_info.ly_info__plan .bl_info_catch {
margin-top: -79px;
}
@media only screen and (max-width: 1099px) {
.bl_workEffect_topList .bl_workEffect_topItem,
.bl_workBanner .bl_workBanner_box {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.bl_workCreate,
.bl_workEffect .bl_workEffect_top,
.bl_workCreate_bottom {
padding-left: 1rem;
padding-right: 1rem;
}
.ly_work {
margin-top: 0px;
}
.ly_work .bl_workCreate {
margin-top: 0px;
}
.bl_workCreate_bottomList,
.bl_workEffect_topItem {
-webkit-grid-gap: 0 10px;
grid-gap: 0 10px;
}
.bl_workEffect_topList {
padding-left: 1rem;
padding-right: 1rem;
}
.bl_workBanner {
padding: 0px;
}
}
@media only screen and (max-width: 767px) {
.ly_info.__price {
margin-top: 0px;
}
.ly_work {
margin-top: 0px;
margin-bottom: 0px;
}
.bl_workTop {
padding: 26px 1rem;
}
.bl_workCreate {
margin-top: 0px;
padding: 1.25rem 1rem;
}
.bl_workCreate_body {
-webkit-flex-direction: column;
flex-direction: column;
}
.bl_workCreate_body > * {
width: 100%;
}
.bl_workCreate_txt {
width: 100%;
}
.bl_workTop_graph {
margin-left: 0px;
}
.bl_workCreate_bottom {
margin-bottom: 0px;
}
.bl_workCreate_bottom .bl_workCreate_bottomList {
-webkit-flex-direction: column;
flex-direction: column;
}
.bl_workCreate_bottom .bl_workCreate_bottomList > li {
width: 100%;
padding: .25rem 1rem;
}
.bl_workCreate_bottom .bl_workCreate_bottomList > li > img {
display: block;
margin: 0px auto;
}
.bl_workEffect .bl_workEffect_top {
padding: 35px 1rem 0px;
}
.bl_workEffect_topWrapper {
-webkit-flex-direction: column;
flex-direction: column;
}
.bl_workEffect_topWrapper > *,
.bl_workEffect .bl_workEffect_top .bl_workEffect_topTxt {
width: 100%;
}
.bl_workEffect .bl_workEffect_top .bl_workEffect_topTxt {
margin-bottom: 1rem;
}
.bl_workEffect_topList .bl_workEffect_topItem {
-webkit-flex-direction: column;
flex-direction: column;
}
.bl_workEffect_topList .bl_workEffect_topItem > * {
width: 100% !important;
padding: 1rem;
}
.bl_workEffect_topList .bl_workEffect_topItem > li + li {
padding-top: 0px;
}
.bl_workBanner {
padding: 0px;
}
.bl_workBanner .bl_workBanner_box {
padding-left: 1rem;
padding-right: 1rem;
}
.bl_workBanner .bl_workBanner_box .bl_workBanner_boxList li {
background-position: center left;
}
.bl_workBanner .bl_workBanner_box .bl_workBanner_boxTxt {
font-size: 3.75vw;
line-height: 1.45;
}
.bl_info_txt.__price {
margin-top: 10px;
}
.bl_info_txt.__price > span {
color: #c71111;
font-weight: bold;
}
.bl_workTop_txt {
font-size: 14px;
line-height: 26px;
}
.bl_workTop_txt br {
display: none;
}
.bl_workTop_txt span {
line-height: 26px;
}
.bl_workTop_txt span:not(.bl_workTop_txtColor) {
display: block;
}
.bl_workCreate_ttl {
margin-bottom: 1.25rem;
}
.bl_workCreate_img {
max-width: 263px;
margin: 0px auto;
}
.bl_workCreate_txt {
margin-top: 16px;
}
.bl_workEffect .bl_workEffect_top .bl_workEffect_topTtl img {
display: block;
max-width: 234px;
margin: 0px auto;
}
.bl_workEffect_topList {
padding: 0px 1rem 1.25rem;
background: #f1f1f1;
}
.bl_workEffect_topList .bl_workEffect_topItem {
background-color: #cae9f1;
} 
.bl_workEffect_topList .bl_workEffect_topItem .bl_workEffect_topTxt {
padding-left: 0px;
padding-right: 0px;
}
} .ly_voice {
padding: 84px 0 65px;
}
.ly_voice .bl_voice_ttl {
text-align: center;
margin-bottom: 65px;
}
.ly_voice .bl_voice_list {
width: 1100px;
margin: 0 auto;
}
.ly_voice .bl_voiceConts {
width: 870px;
background: #f1f1f1;
border-radius: 8px;
padding: 24px 45px 27px 37px;
margin-bottom: 32px;
position: relative;
}
.ly_voice .bl_voiceConts .bl_voiceConts_ttl {
margin-bottom: 17px;
}
.ly_voice .bl_voiceConts .bl_voiceConts_tag {
margin-bottom: 21px;
}
.ly_voice .bl_voiceConts .bl_voiceConts_txt {
font-size: 17px;
line-height: 1.7;
}
.ly_voice .bl_voiceConts .bl_voiceConts_txt span {
font-weight: bold;
}
.ly_voice .bl_voiceConts:after {
content: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/voice_ballon.png);
position: absolute;
display: block;
top: 42%;
left: -20px;
} .ly_voice {
padding: 84px 0 65px;
}
.ly_voice .bl_voice_ttl {
text-align: center;
margin-bottom: 65px;
}
.ly_voice .bl_voice_list {
width: 1100px;
margin: 0 auto;
}
.ly_voice .bl_voiceConts {
width: 870px;
background: #f1f1f1;
border-radius: 8px;
padding: 24px 45px 27px 37px;
margin-bottom: 32px;
position: relative;
}
.ly_voice .bl_voiceConts .bl_voiceConts_ttl {
margin-bottom: 17px;
}
.ly_voice .bl_voiceConts .bl_voiceConts_tag {
margin-bottom: 21px;
}
.ly_voice .bl_voiceConts .bl_voiceConts_txt {
font-size: 17px;
line-height: 1.7;
}
.ly_voice .bl_voiceConts .bl_voiceConts_txt span {
font-weight: bold;
}
.ly_voice .bl_voiceConts:after {
content: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/voice_ballon.png);
position: absolute;
display: block;
top: 42%;
left: -20px;
}
@media only screen and (max-width: 1099px) {
.ly_voice .bl_voice_list {
width: 100%;
}
.ly_voice .bl_voiceConts {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.ly_voice {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media only screen and (max-width: 767px) {
.ly_voice {
padding: 36px 0rem;
}
.ly_voice .bl_voice_ttl {
max-width: 240px;
margin: 0px auto 35px;
}
.bl_voice_list .l-flex-between-start {
display: block;
padding: 1.25rem 1rem;
}
.bl_voiceConts_sp {
display: flex;
}
.bl_voice_list .l-flex-between-start:nth-child(odd) {
background-color: #f1f1f1;
} 
.bl_voice_list .l-flex-between-start .bl_voice_img {
flex: 0 0 110px;
max-width: 110px;
}
.bl_voice_list .l-flex-between-start .bl_voiceConts {
width: 100%;
padding: 0px;
margin-bottom: 0px;
background-color: transparent;
}
.bl_voice_list .l-flex-between-start .bl_voiceConts::after {
display: none;
} 
} .ly_flow {
padding-bottom: 80px;
}
.ly_flow .bl_flow_ttl {
text-align: center;
margin-bottom: 40px;
}
.ly_flow .bl_flowList {
width: 1100px;
margin: 0 auto;
grid-gap: 45px 40px;
}
.ly_flow .bl_flowList li {
width: 340px;
height: 180px;
padding-top: 35px;
border-radius: 10px;
border: 2px solid #f34c7b;
position: relative;
}
.bl_flowList .bl_flowList_arrow::before,
.bl_flowList .bl_flowList_arrow::after {
content: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/flow_arrow.png);
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.bl_flowList .bl_flowList_arrow::before {
left: -50px;
}
.bl_flowList .bl_flowList_arrow::after {
right: -45px;
}
.bl_flowList li .bl_flowList_num {
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
}
.bl_flowList li .bl_flowList_ttl {
color: #f34c7b;
font-size: 22px;
text-align: center;
font-weight: bold;
padding: 13px 0;
background: #fff6f9;
}
.bl_flowList li .bl_flowList_txt {
line-height: 1.4;
text-align: center;
margin-top: 10px;
}
.bl_flowList li .bl_flowList_img {
text-align: center;
}
@media only screen and (max-width: 1099px) {
.ly_flow .bl_flowList {
width: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1099px) {
.ly_flow .bl_flowList li {
flex: 0 0 calc(33.333% - 40px);
max-width: calc(33.333% - 40px);
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.ly_flow {
padding-left: 1rem;
padding-right: 1rem;
}
.ly_flow .bl_flowList {
grid-gap: 30px 20px;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.ly_flow .bl_flowList li {
flex: 0 0 calc(33.333% - 20px);
max-width: calc(33.333% - 20px);
height: 200px;
}
.bl_flowList .bl_flowList_arrow::before, 
.bl_flowList .bl_flowList_arrow::after {
z-index: 1;
}
.bl_flowList .bl_flowList_arrow::before {
left: -40px;
}
}
@media only screen and (max-width: 767px) {
.ly_flow {
padding: 0px 1rem 2rem;
}
.ly_flow .bl_flow_ttl {
max-width: 136px;
margin: 0px auto 20px;
}
.ly_flow .bl_flowList {
grid-gap: 12px 40px;
-webkit-flex-direction: column;
flex-direction: column;
}
.ly_flow .bl_flowList > li {
width: 100%;
height: auto;
padding-top: 12px;
padding-bottom: 1rem;
}
.ly_flow .bl_flowList > li::before,
.ly_flow .bl_flowList > li:nth-last-of-type(1)::after {
display: none !important;
}
.ly_flow .bl_flowList > li::after {
content: '';
width: 30px;
height: 30px;
position: absolute;
z-index: 1;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp3/images/flow_arrow-sp.png) no-repeat center/contain;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: auto !important;
bottom: -25px;
left: 50%;
}
.bl_flowList li .bl_flowList_num {
top: 20px;
left: .75rem;
width: 26px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.bl_flowList li .bl_flowList_ttl {
font-size: 18px;
text-align: left;
padding-left: 45px;
}
.bl_flowList li .bl_flowList_txt {
font-size: 14px;
text-align: left;
padding-left: .75rem;
}
} .ly_faq {
padding: 70px 0 50px;
margin-bottom: 60px;
background: #f1f1f1;
}
.ly_faq .bl_faq_ttl {
text-align: center;
margin-bottom: 45px;
}
.ly_faq .bl_faq_list {
width: 1100px;
margin: 0 auto;
}
.ly_faq .bl_faq_list li {
width: 345px;
border: 2px solid #f34c7b;
border-radius: 10px;
}
.bl_faq_list li .bl_faq_q {
padding: 80px 30px 30px;
border-radius: 10px 10px 0 0;
background: #fff6f9;
position: relative;
}
.bl_faq_list .bl_faq_q .bl_faq_qImg {
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
}
.bl_faq_list .bl_faq_q .bl_faq_qTtl {
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
.bl_faq_list .bl_faq_a {
height: 230px;
padding: 20px 20px 0;
border-radius: 0 0 10px 10px;
background: #fff;
}
.bl_faq_list .bl_faq_a .bl_faq_aImg {
margin-bottom: 15px;
}
.bl_faq_list .bl_faq_a .bl_faq_aTxt {
line-height: 1.4;
}
.bl_faq_list .bl_faq_a .bl_faq_aNote {
font-size: 14px;
}
@media only screen and (max-width: 1099px) {
.ly_faq > .ly_inner {
padding-left: 1rem;
padding-right: 1rem;
}
.ly_faq .bl_faq_list {
width: 100%;
max-width: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1099px) {
.ly_faq .bl_faq_list li {
flex: 0 0 calc(33.333% - 16px);
max-width: calc(33.333% - 16px);
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.ly_faq {
padding-bottom: 0px;
}
.ly_faq .bl_faq_list {
grid-gap: 0 20px;
}
.bl_faq_list li .bl_faq_q {
padding-top: 30px;
}
.bl_faq_list .bl_faq_a {
height: 250px;
}
}
@media only screen and (max-width: 767px) {
.ly_faq {
padding: 40px 0px;
margin-bottom: 0px;
}
.ly_faq .bl_faq_ttl {
max-width: 150px;
margin-left: auto;
margin-right: auto;
}
.ly_faq .bl_faq_list {
-webkit-flex-direction: column;
flex-direction: column;
}
.ly_faq .bl_faq_list > li {
width: 100%;
}
.ly_faq .bl_faq_list > li + li {
margin-top: 45px;
}
.bl_faq_list li .bl_faq_q {
padding: 40px 1rem 16px;
}
.bl_faq_list .bl_faq_q .bl_faq_qImg {
max-width: 170px;
left: 16px;
top: -24px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.bl_faq_list .bl_faq_a {
height: auto;
padding: 1rem 1rem 20px;
}
.bl_faq_list .bl_faq_q .bl_faq_qTtl {
font-size: 4.375vw;
}
.bl_faq_list .bl_faq_a .bl_faq_aImg {
max-width: 170px;
}
.bl_faq_list .bl_faq_a .bl_faq_aTxt {
font-size: 16px;
margin-bottom: 10px;
}
} #footer {
padding-top: 35px;
background: #f9f9f9;
}
#footer .l-inner {
width: 1000px;
margin: 0 auto;
}
#footer dl {
font-size: 15px;
}
#footer dl + dl {
margin-top: 15px;
}
#footer dl dt {
width: 120px;
}
#footer small {
display: block;
color: #fff;
font-size: 14px;
text-align: center;
padding: 10px 0;
margin-top: 50px;
background: #000;
}
@media only screen and (max-width: 1023px) {
#footer .l-inner {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
}
@media only screen and (max-width: 767px) {
#footer dl {
font-size: 14px;
}
#footer small {
margin-top: 24px;
}
} .formInputFrame,
#form .formTable dl dd select,
#form .formTable dl dd input[type=text],
#form .formTable dl dd textarea {
width: 100%;
padding: 10px;
border: none;
border-radius: 0;
background: #f0f0f0;
appearance: none;
resize: none;
}
#form #header {
text-align: center;
padding: 20px 0;
background: #fff;
position: static;
}
#form .ly_formFrame {
margin-bottom: 155px;
}
#form .ly_formFrame .el_form_title {
text-align: center;
padding: 75px 0;
margin-bottom: 55px;
background: linear-gradient(to right,#f8e9f4,#ecf7f9,#e5f9e6,#f2f9cd);
}
#form .ly_formFrame .el_flow_img {
text-align: center;
margin-bottom: 95px;
}
#form .ly_formFrame #mainFrame {
width: 700px;
margin: 0 auto;
}
#form .ly_formFrame #mainFrame .el_sub_title {
margin-bottom: 20px;
}
#form .formTable {
border-top: 1px solid #bbb;
margin-bottom: 65px;
width: 100%;
}
#form .formTable .error {
color: #bd010a;
font-size: 14px;
margin-bottom: 7px;
}
#form .formTable dl {
padding: 25px 45px 25px 20px;
}
#form .formTable dl + dl {
border-top: 1px solid #bbb;
}
#form .formTable dl.req dt label {
display: inline-block;
width: 180px;
line-height: 1.5;
vertical-align: middle;
}
#form .formTable dl.req dt::after {
content: "必須";
background: #e54141;
color: #fff;
display: inline-block;
font-size: 15px;
line-height: 1.7;
text-align: center;
vertical-align: middle;
width: 60px;
}
#form .formTable dl dt,
#form .formTable dl dd {
line-height: 1.5;
}
#form .formTable dl dt {
width: 295px;
}
#form .formTable dl dd {
width: 660px;
}
#form .formTable dl dd input[type=text] {
width: 100%;
}
#form .formTable dl dd .el_formText_ss {
display: block;
font-size: 14px;
margin-top: 7px;
}
#form .formTable dl dd ::-ms-expand {
display: none;
}
#form .formTable dl dd #corporation02 {
margin-left: 35px;
}
.el_next_btn {
text-align: center;
}
@media only screen and (max-width: 1023px) {
#form .ly_formFrame #mainFrame {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
}
@media only screen and (max-width: 767px) {
#form .ly_formFrame .el_form_title {
padding: 45px 1rem;
margin-bottom: 35px;
}
#form .ly_formFrame {
margin-bottom: 45px;
}
#form .formTable {
margin-bottom: 1rem;
}
#form .ly_formFrame .el_flow_img {
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 45px;
}
#form .formTable > dl {
padding: 20px 1rem;
-webkit-flex-direction: column;
flex-direction: column;
}
#form .formTable > dl > dt,
#form .formTable > dl > dd {
width: 100%;
}
#form .formTable > dl > dt {
display: flex;
align-items: center;
margin-bottom: 8px;
}
#form .formTable > dl > dt > label {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
} .confirm .formTable dl dt, 
.confirm .formTable dl dd {
line-height: 1.8;
}
.confirm .bl_sentPrev #sendBtn {
text-align: center;
}
.confirm .bl_sentPrev #prevBtn {
text-align: center;
margin-top: 40px;
}
.confirm .bl_sentPrev #prevBtn a {
text-decoration: underline;
} #form.thanks .ly_formFrame .el_flow_img {
margin-bottom: 70px;
}
.thanks .bl_thanks_inner {
width: 1000px;
margin: 50px auto 0;
}
.thanks .bl_thanks_inner p {
line-height: 2.5;
}
.thanks .bl_thanks_inner .bl_document_dl {
text-align: center;
padding: 70px 0;
margin: 65px 0 90px;
background: #f3f3f3;
}
.thanks .el_goTop {
margin: 20px 0 295px;
}
.bl_document .el_goTop {
text-align: center;
}
.thanks .el_goTop a {
width: 145px;
color: #e2426f;
font-size: 20px;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}.ly_fixed_btn .bl_fixed_box>p img{max-width:100%;display:block}@media only screen and (max-width: 1023px){.ly_fixed_btn .bl_fixed_box{width:100%}.ly_fixed_btn .bl_fixed_box>p{flex:0 0 50%;max-width:50%}}@media only screen and (max-width: 1023px){.hidden-xs-sm{display:none !important;visibility:hidden}}@media only screen and (max-width: 767px){.hidden-xs{display:none !important;visibility:hidden}}@media only screen and (min-width: 766px){.hidden-sm{display:none !important;visibility:hidden}}.hbspt-form input[type=email],
.hbspt-form input[type=text],
.hbspt-form input[type=tel],
.hbspt-form textarea {
width: 100%;
font-size: 1rem;
border: none;
min-height: 38px;
font-weight: normal;
padding: 6px 16px;
border-radius: 4px;
background-color: #f5f5f5;
box-sizing: border-box;
margin: .5rem 0 1rem 0;
}
.hbspt-form input[type=submit] {
width: 100%;
color: #fff;
font-size: 18px;
font-weight: bold;
border: none;
padding: 1rem 20px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #29a63a;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
cursor: pointer;
height: auto;
}
.hbspt-form fieldset {
max-width: 100%!important;
}
.hbspt-form fieldset.form-columns-1 .hs-input {
width: 100%!important;
}
.hbspt-form label span {
font-size: 1rem;
font-weight: bold;
}
.hbspt-form label span.hs-form-required {
color: #f92a54;
}
.hbspt-form .hs-error-msg {
color: #f92a54;
display: block;
margin: -1.5rem 0 1rem 0;
font-size: .8rem;
}
.hbspt-form label.hs-form-booleancheckbox-display {
display: flex;
align-items: center;
margin: 1rem 0 2.5rem 0;
}
.hbspt-form fieldset.form-columns-1 label.hs-form-booleancheckbox-display input[type=checkbox] {
width: 15px !important;
height: 15px !important;
}
.hbspt-form label.hs-form-booleancheckbox-display span {
font-weight: normal;
font-size: 1rem;
}
.hbspt-form .hs_recaptcha {
display: none;
}
@media screen and (max-width: 480px) {
.hbspt-form input[type=email],
.hbspt-form input[type=text],
.hbspt-form input[type=tel],
.hbspt-form textarea {
width: 100%;
font-size: 1.6rem;
border: none;
min-height: 38px;
font-weight: bold;
padding: 6px 16px;
border-radius: 4px;
background-color: #f5f5f5;
box-sizing: border-box;
margin: 1rem 0 2rem 0;
}
.hbspt-form input[type=submit] {
width: 100%;
color: #fff;
font-size: 18px;
font-weight: bold;
border: none;
padding: 1rem 20px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #29a63a;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
cursor: pointer;
height: auto;
}
.hbspt-form fieldset {
max-width: 100%!important;
}
.hbspt-form fieldset.form-columns-1 .hs-input {
width: 100%!important;
}
.hbspt-form label span {
font-size: 1.2rem;
font-weight: bold;
}
.hbspt-form label span.hs-form-required {
color: #f92a54;
}
.hbspt-form .hs-error-msg {
color: #f92a54;
display: block;
margin: -1.5rem 0 1rem 0;
font-size: .8rem;
}
.hbspt-form label.hs-form-booleancheckbox-display {
display: flex;
align-items: center;
margin: 1rem 0 2.5rem 0;
}
.hbspt-form fieldset.form-columns-1 label.hs-form-booleancheckbox-display input[type=checkbox] {
width: 15px !important;
height: 15px !important;
}
.hbspt-form fieldset.form-columns-1 label.hs-form-booleancheckbox-display span {
font-weight: normal;
font-size: 1rem;
}
}
.lp1.top {
padding: 0 1.5rem;
}
.lp1.top input[type="checkbox"]+span::before {
left: -6%;
}
.lp1.top input[type="checkbox"]+span::after {
left: -5%;
}
.lp1.form01 {
padding: 0 1rem;
}
.lp2.top {
padding: 0 1.5rem;
}
.lp2.top input[type="checkbox"]+span::before {
left: -6%;
}
.lp2.top input[type="checkbox"]+span::after {
left: -5%;
}
.lp2.form01 {
padding: 0 1rem;
}
.bl_fv_r form {
border: none;
}
.bl_form_ttl {
margin: 0 0 1rem 0;
}
.lp6.top {
background: #fff;
margin: 1rem 0;
padding: 1.5rem;
}
.lp6.form01 .hbspt-form input[type=submit],
.lp6.form02 .hbspt-form input[type=submit] {
font-size: 24px;
padding: 1.2rem 0;
}
.lp6.form01 .hs_submit,
.lp6.form02 .hs_submit {
width: 75%;
margin: 6% auto 0 auto;
}
.lp6.top .hs_submit {
margin: 6% auto 0 auto;
}
@media screen and (max-width: 480px) {
.lp6.form01 .hs_submit,
.lp6.form02 .hs_submit {
width: 100%;
margin: 10% auto 0 auto;
}
.lp6.form01 .hbspt-form input[type=submit],
.lp6.form02 .hbspt-form input[type=submit] {
font-size: 20px;
}
}
.thanks p {
font-size: 1.2rem;
font-weight: bold;
}
.thanks a {
font-size: 1.4rem;
font-weight: bold;
display: block;
width: fit-content;
color: #fff;
background: #000;
margin: 2rem auto 0 auto;
padding: 0.8em 3em;
border-radius: 50px;
}
.thanks a:hover {
background-color: #f4bc1e;
}