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


*,
:before,
:after {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: Verdana, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 100%;
-webkit-text-size-adjust: 100%;
word-break: break-all;
}
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, ruby, section, summary,
time, mark, audio, video {
border: 0;
line-height: normal;
letter-spacing: normal;
vertical-align: baseline;
}
html,body {
height: auto;
min-width: 320px;
max-width: 100%;
}
article, aside, details, figcaption, figure,
footer, header, menu, main, nav, section {
display: block;
}
body {
line-height: 1;
}
ul,
ol {
list-style: none;
}
br {
letter-spacing: normal;
}
b,
strong {
font-weight: 700;
}
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;
} html {
font-size: 62.5%;
}
@media only screen and (min-width: 375px) {
html {
font-size: 72.5%;
}
}
@media only screen and (min-width: 400px) {
html {
font-size: 82.5%;
}
}
@media only screen and (min-width: 500px) {
html {
font-size: 92.5%;
}
}
a {
display: block;
text-decoration: none;
}

body {
color: #252525;
overflow-x: hidden;
}
body.on-lock {
overflow-y: hidden;
}
img {
width: auto!important;
max-width: 100%;
height: auto;
border: none;
}
.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(#0000ff00 10%, black);
}
.ly_fixed_btn .bl_fixed_box {
width: 100%;
max-width: 1100px;
margin: 0 auto;
-webkit-grid-gap: 0 10px;
grid-gap: 0 2rem;
}
.ly_fixed_btn .bl_fixed_box > p {
padding-bottom: 2rem;
}
.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-lp6/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-lp6/images/lp6-mv03.webp) no-repeat center/cover;
}
@media only screen and (max-width: 1023px) {
.ly_fv {
height: 500px;
background-position: 30% 0;
}
.ly_fv {
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp6/images/lp6-mv03-sp.webp) no-repeat center/cover;
}
}
@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: 2rem;
}
.bl_fv_l .bl_fv_logo {
display: none;
z-index: 1;
position: relative;
}
.bl_fv_l .bl_fv_ttl {
position: absolute;
top: 0;
left: -5%;
width: 1250px;
height: 1000px;
z-index: 0;
}
.bl_fv_l .bl_fv_ttl img {
width: 100% !important;
}
.bl_fv_r.hidden-xs-sm {
z-index: 1;
}
.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 {
background: #000;
border-radius: 6px;
padding: 1rem 2rem;
margin: 0 3rem 0 0;
}
.bl_fv_list li {
background: #fff;
padding: .8rem 1rem;
display: flex;
align-items: center;
gap: 1rem;
font-weight: bold;
font-size: 2rem;
color: #000;
border-radius: 6px;
}
.bl_fv_list li img {
width: 40px!important;
}
.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 {
overflow: hidden;
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-lp6/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-lp6/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: 90%;
margin: 0 auto;
margin-bottom: 2rem;
padding: .8rem;
}
.bl_fv_list li img {
width: 26px !important;
}
.bl_fv_list li {
font-size: 1.5rem;
padding: .5rem;
gap: .4rem;
}
.bl_fv_l .bl_fv_ttl {
left: -40%;
}
}
@media only screen and (max-width: 767px) {
.ly_fv {
padding-bottom: 0px;
}
.ly_fv .bl_fv_ttl {
text-align: center;
position: relative;
width: 120%;
margin-top: -11%;
left: -20%;
height: 100%;
}
.bl_fv_l .bl_fv_ttl img {
max-width: 100%;
}
.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 {
width: 100%;
overflow-x: hidden;
background: #fff;
position: relative;
z-index: 1;
}
#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 {
gap: 1%;
padding: 0px;
margin: 0px 0px 25px;
-webkit-justify-content: center;
justify-content: center;
}
.bl_logo_list > li {
flex: 0 0 20%;
max-width: max-content;
}
.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: #f8f8f8;
padding: 0 0 105px 0;
}
.bl_caseList .bl_caseList-item {
margin-bottom: 25px;
}
.bl_caseList_meta {
margin: 11px 0 0 5px;
}
.bl_caseList_meta span {
padding: 3px 15px;
background: #7e7e7e;
color: #fff;
font-size: 14px;
letter-spacing: 0.06em;
border-radius: 11px;
}
.bl_case_main .bl_caseList-item p {
font-size: 14px;
line-height: 1.3333333333;
letter-spacing: 0.06em;
margin-top: 8px;
}
@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-lp6/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-lp6/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-lp6/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-lp6/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-lp6/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: 1;
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;
position: relative;
z-index: 1;
}
.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-lp6/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-lp6/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-lp6/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-lp6/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-lp6/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-lp6/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-lp6/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: 30px 0;
background: linear-gradient(to right,#f8e9f4,#ecf7f9,#e5f9e6,#f2f9cd);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: bold;
gap: 1%;
position: relative;
}
#form .ly_formFrame .el_form_title::after {
position: absolute;
content: '';
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp6/images/easyIcon.png) no-repeat center / contain;
width: 80px;
height: 80px;
bottom: 20px;
right: 27%;
}
#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;
}
#form .ly_formFrame .el_form_title {
font-size: 1.3rem;
}
#form .ly_formFrame .el_form_title img {
width: 60px !important;
}
}
@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%;
}
#form .ly_formFrame .el_form_title::after {
width: 50px;
height: 50px;
bottom: -20px;
right: 10%;
}
} .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;
} .ly_fixed_btn .bl_fixed_box>p img {
max-width:100%;
display:block;
}
.hidden-sp {
display: none;
}
@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%;
}
.hidden-xs-sm{
display:none!important;
visibility:hidden;
}
}
@media only screen and (max-width: 767px){
.hidden-xs{
display:none!important;
visibility:hidden;
}
.hidden-sp {
display: block;
}
}
@media only screen and (min-width: 766px){
.hidden-sm{
display:none!important;
visibility:hidden;
}
}
.bl__featureYoutube{
margin-top:65px;
}
.bl__featureYoutube .text-pink{
color:#f24c7b;
}
.bl__featureYoutube .text-red{
color:#f43b3b;
}
.bl__featureYoutube .ly_inner{
width:100%;
max-width:1097px;
margin:0px auto;
background-color:white;
border:1px solid #c4c4c4;
}
.bl__featureYoutube .ly_inner-top__content{
display:block;
padding:40px 120px;
}
@media only screen and (max-width: 1199px){
.bl__featureYoutube .ly_inner-top__content{
padding-left:100px;
padding-right:100px;
}
}
@media only screen and (max-width: 1023px){
.bl__featureYoutube .ly_inner-top__content{
padding-left:40px;
padding-right:40px;
}
}
@media only screen and (max-width: 767px){
.bl__featureYoutube .ly_inner-top__content{
padding:30px 20px;
}
}
.bl__featureYoutube .ly_inner-bottom{
display:block;
position:relative;
}
.bl__featureYoutube .ly_inner-bottom__inner{
display:block;
padding:80px 60px 130px;
background:#2e2e2e url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp6/images/img-bg-youtube-shoot.png) no-repeat center 40px;
position:relative;
}
@media only screen and (max-width: 1023px){
.bl__featureYoutube .ly_inner-bottom__inner{
background-size:80%;
padding-left:30px;
padding-right:30px;
padding-bottom:110px;
}
}
@media only screen and (max-width: 767px){
.bl__featureYoutube .ly_inner-bottom__inner{
padding:40px 20px 60px;
}
}
.bl__featureYoutube .ly_inner-bottom .title{
color:white;
font-size:38px;
font-weight:bold;
text-align:center;
margin-bottom:40px;
}
.bl__featureYoutube .ly_inner-bottom .title>span{
font-weight:bold;
}
@media only screen and (max-width: 767px){
.bl__featureYoutube .ly_inner-bottom .title{
font-size:22px;
margin-bottom:30px;
}
}
.bl__featureYoutube .ly_inner .recommended-people{
display:flex;
justify-content:center;
align-items:center;
font-size:28px;
font-weight:bold;
margin-bottom:30px;
}
.bl__featureYoutube .ly_inner .recommended-people .icon{
flex:0 0 50px;
max-width:50px;
}
.bl__featureYoutube .ly_inner .recommended-people .icon img{
display:block;
}
.bl__featureYoutube .ly_inner .recommended-people .txt{
font-weight:bold;
margin-left:10px;
}
@media only screen and (max-width: 767px){
.bl__featureYoutube .ly_inner .recommended-people{
font-size:22px;
margin-bottom:20px;
}
.bl__featureYoutube .ly_inner .recommended-people .icon{
flex:0 0 30px;
max-width:30px;
}
}
.bl__featureYoutube .ly_inner .list-step{
margin:0px;
padding:0px 0px 30px;
}
.bl__featureYoutube .ly_inner .list-step>li{
font-size:38px;
font-weight:bold;
padding:30px 80px 30px 140px;
background-color:#f1f1f1;
border-radius:20px;
position:relative;
}
.bl__featureYoutube .ly_inner .list-step>li::before{
content:'';
width:40px;
height:40px;
background:url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp6/images/icon-tick.png) no-repeat left center;
background-size:contain;
position:absolute;
transform:translateY(-50%);
top:50%;
left:80px;
}
.bl__featureYoutube .ly_inner .list-step>li+li{
margin-top:20px;
}
.bl__featureYoutube .ly_inner .list-step>li span{
font-weight:bold;
}
@media only screen and (max-width: 1023px){
.bl__featureYoutube .ly_inner .list-step>li{
font-size:30px;
padding-left:120px;
}
.bl__featureYoutube .ly_inner .list-step>li::before{
left:50px;
}
}
@media only screen and (max-width: 767px){
.bl__featureYoutube .ly_inner .list-step>li{
font-size:16px;
line-height:28px;
padding:14px 10px 14px 60px;
-webkit-border-radius:10px;
border-radius:10px;
}
.bl__featureYoutube .ly_inner .list-step>li::before{
left:20px;
width:24px;
height:24px;
}
.bl__featureYoutube .ly_inner .list-step>li+li{
margin-top:14px;
}
}
.bl__featureYoutube .ly_inner .notify{
font-size:18px;
font-weight:500;
line-height:30px;
letter-spacing:2px;
}
@media only screen and (max-width: 767px){
.bl__featureYoutube .ly_inner .notify{
font-size:16px;
line-height:28px;
}
}
.bl__featureYoutube .result-youtube{
display:flex;-webkit-flex-direction:column;flex-direction:column;
}
.bl__featureYoutube .result-youtube .item__inner{
height:100%;padding:8px;background-color:#f24c7b;position:relative;
}
.bl__featureYoutube .result-youtube .item__inner>label{
color:white;
font-size:12px;
line-height:34px;
font-weight:bold;
padding:0px 3px;
background-color:#f24c7b;
position:absolute;
z-index:1;
top:0px;
left:0px;
}
.bl__featureYoutube .result-youtube .item__inner>label::after{
content:'';width:0;height:0;border-left:16px solid #f24c7b;border-bottom:34px solid transparent;position:absolute;right:-16px;top:0px;
}
.bl__featureYoutube .result-youtube .item__inner>.d-flex{
display:flex;padding:8px 0px 0px;column-gap:4px;
}
.bl__featureYoutube .result-youtube .item__inner>.d-flex .text{
font-size:12px;line-height:24px;font-weight:bold;text-align:center;white-space:nowrap;background-color:white;padding:0px 14px;flex:1 0 0%;
}
.bl__featureYoutube .result-youtube .item .thumb{
display:block;position:relative;overflow:hidden;z-index:0;
}
.bl__featureYoutube .result-youtube .item .thumb img{
width:100%!important;
}
.bl__featureYoutube .result-youtube .item .thumb iframe{
width:100%;height:100%;border:0px;display:none !important;position:absolute;left:0px;top:0px;
}
@media only screen and (max-width: 767px){
.bl__featureYoutube .result-youtube{
row-gap:20px;
}
.bl__featureYoutube .result-youtube .item{
flex:0 0 100%;max-width:100%;
}
}
@media only screen and (min-width: 768px){
.bl__featureYoutube .result-youtube{
margin-left:-11px;margin-right:-11px;-webkit-flex-direction:row;flex-direction:row;flex-wrap:wrap;
}
.bl__featureYoutube .result-youtube .item{
flex:0 0 50%;max-width:50%;padding-left:11px;padding-right:11px;margin-bottom:22px;
}
.bl__featureYoutube .result-youtube .item:nth-last-of-type(1),.bl__featureYoutube .result-youtube .item:nth-last-of-type(2){
margin-bottom:0px;
}
}
@media only screen and (min-width: 1024px){
.bl__featureYoutube .result-youtube{
-webkit-justify-content:space-between;justify-content:space-between;
}
.bl__featureYoutube .result-youtube .item{
flex:0 0 25%;max-width:25%;margin-bottom:0px;
}
}
.bl__featureYoutube .logo-bottom{
display:block;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;bottom:-30px;left:50%;
}
@media only screen and (max-width: 1023px){
.bl__featureYoutube .logo-bottom{
bottom:-16px;
}
}
@media only screen and (max-width: 767px){
.bl__featureYoutube .logo-bottom{
bottom:-6px;
}
}
.hbspt-form textarea.hs-input {
height: 10rem;
}
.ctaBlack {
padding: 2rem 6rem;
background: #000;
}
.ctaBlack .l-flex-between-end {
justify-content: center;
gap: 2%;
}
@media only screen and (max-width: 1023px) {
.ctaBlack {
padding: 2rem;
}
}
@media only screen and (max-width: 767px) {
.ctaBlack .l-flex-between-end {
flex-wrap: wrap;
gap: 1rem;
}
.ctaBlack .l-flex-between-end .bl_info_btn {
width: 95%;
margin: 0 auto;
}
}
.companyLine {
background-color: #fff;
padding: 10px 0;
margin-bottom: 2rem;
}
.companyLine ul.logo {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.companyLine ul li img {
height: 50px;
width: auto;
}
}
#works {
margin-top: -20px;
padding-bottom: 120px;
}
#works a {
text-decoration: none;
color: #000;
}
#works a:hover {
text-decoration: underline;
}
#works .inner {
max-width: 1075px;
margin: 0 auto;
}
#works .worksList {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
#works .worksList .worksBox {
width: calc(94%/3);
margin: 0 3% 55px 0;
background-color: #fff;
border-radius: 10px;
box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.05);
}
#works .worksList .worksBox:nth-child(3n) {
margin-right: 0;
}
#works .worksList .worksBox .img {
position: relative;
}
#works .worksList .worksBox .img img {
border-radius: 10px 10px 0 0;
width: 100%;
height: 190px;
object-fit: cover;
}
#works .worksList .worksBox .img::before {
position: absolute;
content: url(//mteam.jp/wp-content/themes/mteam-new/assets/page-lp6/images/common/play.png);
top: 50%;
left: 50%;
line-height: 1;
transform: translate(-50%, -50%);
}
#works .worksList .worksBox .txt {
padding: 30px;
}
#works .worksList .worksBox .txt .company {
line-height: 1;
}
#works .worksList .worksBox .txt h3 {
font-size: 1rem;
line-height: 1.5;
margin: 8px auto;
}
#works .worksList .worksBox .txt ul.category {
display: inline-table;
}
#works .worksList .worksBox .txt ul.category li {
border: solid 2px #6a6969;
border-radius: 40px;
color: #6a6969;
padding: 0.2em 0.9em 0.1em 0.9em;
line-height: 1;
display: inline-block;
margin: 0 12px 12px 0;
font-size: .8rem;
}
#works .worksList .worksBox .txt .arrow {
margin: 15px 0 0;
text-align: right;
font-weight: bold;
line-height: 1;
position: relative;
padding-right: 1.3em;
}
#works .worksList .worksBox .txt .arrow::before {
content: '';
width: 18px;
height: 18px;
background: #f4bc1e;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
#works .worksList .worksBox .txt .arrow::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 0;
right: 6px;
bottom: 0;
margin: auto;
}
@media screen and (max-width: 1199px) {
#works .worksList .worksBox {
width: calc(92%/3);
margin: 0 4% 7% 0;
}
}
@media screen and (max-width: 768px) {
#works {
padding: 18% 0;
}
#works .worksList .worksBox {
width: 47%;
margin: 0 auto 2rem auto;
}
#works .worksList .worksBox:last-child {
margin: 0 auto;
}
#works .worksList .worksBox .img img {
height: auto;
}
#works .worksList .worksBox .txt {
padding: 5%;
}
#works .worksList .worksBox .txt .company {
font-size: .8rem;
}
#works .worksList .worksBox .txt h3 {
font-size: 1rem;
margin: 5% auto;
}
#works .worksList .worksBox .txt ul.category li {
font-size: .8rem;
margin: 0 3% 3% 0;
word-break: keep-all;
}
}
h2 span {
display: block;
font-family: 'azo-sans-web', sans-serif;
font-size: 2.2rem;
margin-bottom: 18px;
color: #f4bc1e;
}
@media screen and (max-width: 768px) {
h2 {
font-size: 3rem;
margin-bottom: 12%;
font-weight: 500;
line-height: 1.5;
}
h2 span {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 4%;
line-height: 1;
}
}
h2.topTtl {
text-align: center;
font-weight: bold;
font-size: 3rem;
margin: 0 auto 56px;
}
h2.topTtl span {
font-size: 1.3rem;
color: #f4bc1e;
font-weight: bold;
color: #f4bc1e;
}
@media screen and (max-width: 768px) {
h2.topTtl {
font-size: 2rem;
line-height: 1.5;
margin: 0 auto 6%;
}
h2.topTtl span {
font-size: 1.2rem;
margin-bottom: 1%;
line-height: 1;
}
}
#works .worksList .worksBox .txt ul.category .genre-tag {
background: lightblue;
}
#works .worksList .worksBox .txt ul.category .industry-tag {
background: brown;
}
#works .worksList .worksBox .txt ul.category .price-tag {
background: burlywood;
}html {
margin: 0 !important;
}
#wpadminbar {
display: none;
} .alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}

img {
width: auto;
max-width: 100%;
height: auto;
}
a {
outline: none;
}
html#form,
#form body {
height: 100%;
min-height: 720px;
}
body {
color: #000;
font-size: 16px;
line-height: 1;
min-width: 1000px;
max-width: 100%;
margin: 0px;
padding: 0px;
}
strong {
font-weight: bold;
}
.hover {
transition: 0.5s;
opacity: 1;
}
.hover:hover {
opacity: 0.7;
}
.formbutton-message {
font-size: 26px;
text-align: center;
color: #ffffff;
line-height: 1.54;
margin-bottom: 15px;
}
.ly_wrap {
overflow-x: hidden;
}    .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-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-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.l-inner {
width: 980px;
margin: 0 auto;
}
.m-center {
text-align: center;
}
.pc {
display: block;
}
.sp {
display: none;
} body {
background-color: #f4f4f4;
}
.ly_inner {
width: 1000px;
margin: 0 auto;
position: relative;
}
.hp_pcNone {
display: none !important;
} #lp1 .bl_fv {
padding: 23px 0 65px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/tiktok-lp1/images/pc_fv_background.jpg) no-repeat center/cover;
}
.bl_fv {
padding: 0;   } .bl_fv_logo {
text-align: right;
padding: 1rem 0 0 0; }
.bl_fv_catch {
padding: 0 0 2rem 0; text-align: left;
}
.bl_fv_subCatch {
text-align: left;
}
.bl_fv_subPhone {
max-width: 170px;
position: absolute;
right: 40px;
bottom: 0px;
} .bl_info {
position: relative;
padding: 39px 0 54px;
background-color: #000;
} .bl_info_ttl {
text-align: center;
}
.bl_info_btnWrap {
width: 1000px;
margin: 0px auto;
column-gap: 30px;
} .bl_companySlider {
overflow: hidden;
display: flex;
margin: 50px 0 80px 0;
width: 100vw;
height: 100px;
}
.bl_companySlider_item {
display: flex;
width: 3498px;
margin: 0 20px 0 0;
animation: infinity-scroll 50s infinite linear 0.5s both;
}
.bl_companySlider_item img {
max-width: inherit;
height: fit-content;
}
@keyframes infinity-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
} .bl_result {
margin: 0 0 115px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/tiktok-lp1/images/pc_background.png) no-repeat center top 30px/cover;
}
.bl_result_ttl {
margin: 0 0 82px;
text-align: center;
}
.bl_result_catch {
text-align: center;
} .bl_reason {
margin: 0 0 95px;
}
.bl_reason_ttl {
margin: 0 0 21px;
text-align: center;
}
.bl_reason_trouble {
position: relative;
margin: 0 0 54px;
text-align: center;
}
.bl_reason_trouble:before {
content: "";
display: block;
position: absolute;
top: 0;
left: calc(50% - 50vw);
width: 100vw;
height: 210px;
background-color: #7a7a7a;
}
.bl_reason_trouble img {
position: relative;
z-index: 1;
}
.bl_reason_compareWrap {
margin: 0 0 74px;
justify-content: center;
}
.bl_reason_compare {
margin: 0 20px;
} .bl_support {
margin: 0 0 56px;
padding: 83px 0 35px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/tiktok-lp1/images/pc_background.png) no-repeat center/cover;
}
.bl_support_ttl {
margin: 0 0 39px;
text-align: center;
}
.bl_support_desc {
padding: 34px 30px;
border: 4px solid #1469fa;
border-radius: 20px;
background-color: #fff;
}
.bl_support_desc:nth-of-type(2) {
margin: 0 50px;
}
.bl_support_descImg {
margin: 0 0 20px;
}
.bl_support_descTtl {
margin: 0 0 19px;
text-align: center;
font-size: 22px;
font-weight: bold;
}
.bl_support_descTxt {
line-height: 1.375;
font-size: 16px;
} .bl_point {
margin: 0 0 103px;
padding: 85px 0 0;
}
.bl_point_inner {
width: 1197px;
margin: 0 auto;
}
.bl_point_ttl {
margin: 0 0 56px;
text-align: center;
}
.bl_point_sec {
position: relative;
height: 439px;
margin: 0 0 46px;
}
.bl_point_secImg {
position: absolute;
top: 0;
z-index: 1;
}
.bl_point_secTxtWrap {
position: absolute;
bottom: 0;
right: 0;
width: 676px;
height: 370px;
padding: 80px 85px 0 110px;
border-radius: 20px;
background-color: #1469fa;
color: #fff;
}
.bl_point_secTtl {
margin: 0 0 25px;
font-size: 30px;
font-weight: bold;
}
.bl_point_secTxt {
line-height: 1.666;
font-size: 18px;
} .bl_compare {
padding: 119px 0 100px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/tiktok-lp1/images/pc_background.png) no-repeat center/cover, #e9e9e9;
}
.bl_compare_ttl {
margin: 0 0 27px;
text-align: center;
}
.bl_compare_table {
text-align: center;
} .bl_flow {
margin: 0 0 90px;
padding: 96px 0 0;
}
.bl_flow_ttl {
margin: 0 0 49px;
text-align: center;
}
.bl_flow_listWrap > li {
width: 220px;
margin: 0 40px 0 0;
}
.bl_flow_listWrap > li:last-of-type {
margin-right: 0;
}
.bl_flow_listImg {
margin: 0 0 15px;
text-align: center;
}
.bl_flow_listTtl {
margin: 0 0 26px;
color: #1469fa;
text-align: center;
font-size: 24px;
font-weight: bold;
}
.bl_flow_listTxt {
font-size: 16px;
} .bl_faq {
margin: 0 0 100px;
}
.bl_faq_ttl {
margin: 0 0 64px;
text-align: center;
}
.bl_faq_list {
margin: 0 0 55px;
}
.bl_faq_list > dt {
padding: 16px 30px;
background-color: #000;
color: #fff;
font-size: 24px;
}
.bl_faq_list > dd {
padding: 37px 30px 0;
}
.bl_faq_list > dd a {
display: inline;
color: inherit;
text-decoration: underline;
}
.bl_faq_listIcn {
margin: 0 29px 0 0;
color: #1469fa;
line-height: 1.44;
font-size: 40px;
font-weight: bold;
} .bl_fixed {
position: fixed;
bottom: 0;
z-index: 999;
width: 100%;
padding: 26px 0 23px;
background: linear-gradient(#0000ff00 10%, black);
}
.bl_fixed .bl_fixed_box {
display: flex;
width: 1000px;
justify-content: space-between;
align-items: end;
margin: 0 auto;
column-gap: 30px;
}
.bl_fixed .bl_fixed_box .bl_fixed_btn.hover {
flex: 1;
} .ly_footer {
padding: 36px 0 25px;
background-color: #000;
color: #fff;
}
.bl_footerTxt {
margin: 0 0 10px;
text-align: center;
font-size: 14px;
}
.bl_copy {
display: block;
text-align: center;
font-size: 14px;
} .ly_header {
padding: 26px 0;
background-color: #fff;
text-align: center;
}
.ly_form {
background: #fff;
margin: 0;
}
.bl_formTtl {
padding: 30px 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: bold;
gap: 1%;
position: relative;
}
.bl_formTtl__contact,
.bl_formTtl__document {
background-color: #e5e5e5;
}
.bl_formFrame {
width: 860px;
margin: 0 auto;
padding: 70px 90px;
border-radius: 10px;
background-color: #fff;
}
.bl_formStepImg {
margin: 0 0 53px;
text-align: center;
}
.bl_formDesc {
margin: 0 0 40px;
font-size: 18px;
}
.bl_formThanksCatch {
margin: 0 0 34px;
text-align: center;
font-size: 22px;
font-weight: bold;
}
.bl_formThanksTxt {
margin: 0 0 100px;
}
.bl_formThanksTxt p {
margin: 0 0 1em;
font-size: 18px;
}
.bl_formThanksTxt_btn {
text-align: center;
margin-top: 4em !important;
}
.bl_formThanksTxt_btn:hover {
opacity: 0.7;
transition: 0.5s;
}
.bl_form dl {
margin: 0 0 30px;
}
.bl_form dl > dt {
margin: 0 0 6px;
color: #1469fa;
}
.bl_form dl > dt > label {
font-size: 20px;
font-weight: bold;
}
.bl_form dl dd > input {
width: 100%;
height: 50px;
padding: 0 20px;
border: none;
background-color: #e5e5e5;
}
.bl_form dl dd > textarea {
width: 100%;
height: 110px;
padding: 10px 20px;
border: none;
background-color: #e5e5e5;
}
.bl_form dl:last-child {
margin-bottom: 0;
}
.bl_form_req {
padding: 3px 4px;
border-radius: 5px;
background-color: #f92a54;
color: #fff;
vertical-align: 2px;
font-size: 14px;
}
#next-btn {
text-align: center;
}
#sentPrev {
text-align: center;
}
#sentPrev li {
margin: 0 0 20px;
}
#prevBtn {
cursor: pointer;
text-decoration: underline;
text-align: center;
}
.caseBox {
display: flex;
justify-content: space-between;
gap: 2%;
overflow-x: scroll;
padding: 0 2rem;
}
.caseBox .case {
flex: 1;
background: #136afa;
padding: 0.5rem;
min-width: 300px;
height: max-content;
}
.caseBox .case .TopBox {
position: relative;
}
.caseBox .case .TopBox .fixBox {
width: 80%;
position: absolute;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/tiktok-lp1/images/rectangle-1.png) no-repeat bottom/cover;
padding: 0.1rem 0 0.3rem 1.5rem;
z-index: 2;
border-bottom-right-radius: 4px;
}
.caseBox .case .TopBox .mvBox {
z-index: 1;
}
.caseBox .case .TopBox .mvBox video {
margin: 0;
min-height: 37rem;
max-height: 200px;
max-width: 20.5rem;
}
.caseBox .case .TopBox .fixBox p {
color: #fff;
font-size: 12px;
}
.caseBox .case .flexBox {
display: flex;
justify-content: space-between;
gap: 1%;
}
.caseBox .case .flexBox .box {
background: #fff;
padding: 1%;
flex: 1;
text-align: center;
}
.caseBox .case .flexBox .box p {
font-weight: bold;
font-size: 12px;
} ::placeholder {
color: #ccc;
}
.hs-richtext {
font-size: 14px;
}
.hs-richtext a {
display: inline-block;
}
.hbspt-form input[type=email],
.hbspt-form input[type=text],
.hbspt-form input[type=tel],
.hbspt-form textarea {
width: 100%;
font-size: 1.2rem;
border: none;
min-height: 38px;
font-weight: normal;
padding: 16px;
border-radius: 4px;
background-color: #f5f5f5;
box-sizing: border-box;
margin: 1rem 0 2rem 0;
}
.hbspt-form textarea {
min-height: 12rem;
}
.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 label.hs-form-booleancheckbox-display span {
font-weight: normal;
font-size: 1rem;
}
.hbspt-form .hs_recaptcha {
display: none;
}
.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: 2.5rem auto 0 auto;
padding: 0.2em 3em;
border-radius: 50px;
}
.thanks a:hover {
background-color: #f4bc1e;
} .bl_info.bl01 {
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/tiktok-lp1/images/tiktok-lp2_blbg.jpg) no-repeat center/cover;
padding: 40px 0;
}
.bl_info.bl01 img.bl01 {
margin-bottom: 2rem;
}
.tiktok-lp2.form01 .hbspt-form input[type=submit],
.tiktok-lp2.form02 .hbspt-form input[type=submit] {
font-size: 24px;
padding: 1.2rem 0;
}
.tiktok-lp2.form01 .hs_submit,
.tiktok-lp2.form02 .hs_submit {
width: 75%;
margin: 0 auto;
}
.hs_submit {
margin-top: 3rem!important;
}
@media screen and (max-width: 480px) {
.tiktok-lp2.form01 .hs_submit,
.tiktok-lp2.form02 .hs_submit {
width: 100%;
}
.tiktok-lp2.form01 .hbspt-form input[type=submit],
.tiktok-lp2.form01 .hbspt-form input[type=submit] {
font-size: 20px;
}
}
.bl_formFrame.tiktok-lp2 {
position: relative;
}
.bl_formTtl::after {
position: absolute;
content: '';
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/tiktok-lp1/images/easyIcon-yellow.png) no-repeat center / contain;
width: 80px;
height: 80px;
bottom: 20px;
right: 27%;
} #works {
padding: 80px 0 0 0;
}
#works h2 {
text-align: center;
color: #000;
font-size: 3rem;
font-weight: bold;
margin: 0 auto 32px;
}
#works h2 span {
display: block;
font-family: 'azo-sans-web', sans-serif;
font-weight: bold;
font-size: 1.4rem;
color: #f4bc1e;
}
#works .worksList {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
#works .worksList .worksBox {
width: calc(94%/3);
margin: 0 3% 55px 0;
background-color: #fff;
border-radius: 10px;
box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.05);
}
#works .worksList .worksBox:nth-child(3n) {
margin-right: 0;
}
#works .worksList .worksBox .img {
position: relative;
}
#works .worksList .worksBox .img img {
border-radius: 10px 10px 0 0;
width: 100%;
height: 190px;
object-fit: cover;
}
#works .worksList.vertical .worksBox {
position: relative;
background: #efefef;
}
#works .worksList.vertical .worksBox .company {
position: absolute;
top: 0;
left: 0;
background: #000;
color: #fff;
z-index: 1;
border-radius: 10px 0;
padding: .5rem 1rem;
}
#works .worksList.vertical .worksBox .img img {
height: auto;
}
#works .worksList .worksBox .img::before {
position: absolute;
content: url(//mteam.jp/wp-content/themes/mteam-new/assets/tiktok-lp1/assets/images/common/play.png);
top: 50%;
left: 50%;
line-height: 1;
transform: translate(-50%, -50%);
}
#works .worksList .worksBox .txt {
padding: 12px;
}
#works .worksList .worksBox .txt .company {
line-height: 1;
}
#works .worksList .worksBox .txt h3 {
font-size: 1.6rem;
line-height: 1.5;
margin: 22px auto;
}
#works .worksList .worksBox .txt ul.category {
display: inline-table;
}
#works .worksList .worksBox .txt ul.category li {
border: solid 2px #6a6969;
border-radius: 40px;
padding: 0.2em 0.9em;
line-height: 1;
display: inline-block;
margin: 0 0 12px 0;
text-decoration: none;
font-size: .9rem;
}
#works .worksList .worksBox .txt ul.category li:last-child {
margin: 0;
}
#works .worksList .worksBox .txt ul.category li a {
color: #6a6969;
}
#works .worksList .worksBox .txt ul.category li a:hover {
opacity: .7;
}
#works .worksList .worksBox .txt .arrow {
margin: 15px 0 0;
text-align: right;
font-weight: bold;
line-height: 1;
position: relative;
padding-right: 1.8em;
}
#works .worksList .worksBox .txt .arrow::before {
content: '';
width: 18px;
height: 18px;
background: #f4bc1e;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
#works .worksList .worksBox .txt .arrow::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 0;
right: 6px;
bottom: 0;
margin: auto;
}
#works .worksList .worksBox .txt ul.category .genre-tag,
#search .worksList .worksBox .txt ul.category .genre-tag,
#related .worksList .worksBox .txt ul.category .genre-tag {
background: lightblue;
}
#works .worksList .worksBox .txt ul.category .industry-tag,
#search .worksList .worksBox .txt ul.category .industry-tag,
#related .worksList .worksBox .txt ul.category .industry-tag {
background: brown;
}
#works .worksList .worksBox .txt ul.category .price-tag,
#search .worksList .worksBox .txt ul.category .price-tag,
#related .worksList .worksBox .txt ul.category .price-tag {
background: burlywood;
}
@media screen and (max-width: 1199px) {
#works .worksList .worksBox {
width: calc(92%/3);
margin: 0 4% 7% 0;
}
}
@media screen and (max-width: 768px) {
#works {
padding: 18% 0;
}
#works .worksList .worksBox {
width: 100%;
margin: 0 auto 10% 0;
}
#works .worksList .worksBox:last-child {
margin: 0 auto;
}
#works .worksList .worksBox .txt {
padding: 5%;
}
#works .worksList .worksBox .txt .company {
font-size: 1.4rem;
}
#works .worksList .worksBox .txt h3 {
font-size: 1.6rem;
margin: 5% auto;
}
#works .worksList .worksBox .txt ul.category li {
font-size: 1.4rem;
margin: 0 3% 3% 0;
word-break: keep-all;
}
}
.slick-track {
display: flex!important;
}
.topform form {
position: absolute;
top: 3rem;
left: 50%;
transform: translateX(11rem);
width: 30%;
background: #fff;
border-radius: 1rem;
padding: 2rem 3rem;
z-index: 1;
}
.topform .hbspt-form label span {
font-size: 1rem;
}
.topform .hbspt-form input[type=email],
.topform .hbspt-form input[type=text],
.topform .hbspt-form input[type=tel],
.topform .hbspt-form textarea {
font-size: 1rem;
padding: 6px;
margin: 0rem 0 1rem 0;
min-height: 30px;
}
.topform .hbspt-form textarea {
min-height: 4.5rem;
}
.topform .hs_submit {
margin-top: 1rem !important;
}