@charset "UTF-8";
@charset 'UTF-8';

 .slick-loading .slick-list
{
background: #fff url(https://cine-mato.com/wp-content/themes/cinemato-hp10/js/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://cine-mato.com/wp-content/themes/cinemato-hp10/js/slick/fonts/slick.eot);
src: url(https://cine-mato.com/wp-content/themes/cinemato-hp10/js/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://cine-mato.com/wp-content/themes/cinemato-hp10/js/slick/fonts/slick.woff) format('woff'), url(https://cine-mato.com/wp-content/themes/cinemato-hp10/js/slick/fonts/slick.ttf) format('truetype'), url(https://cine-mato.com/wp-content/themes/cinemato-hp10/js/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.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;
}
 * {
box-sizing: border-box;
}
html {
-webkit-font-smoothing: antialiased;
}
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,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
border: 0;
font-size: 100%;
font: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, main, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.6;
}
ol, ul, li {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
appearance: button;
border: none;
border-radius: 0;
box-sizing: border-box;
cursor: pointer;
-webkit-appearance: button;
}
a {
text-decoration: none;
} body {
color: #222;
font-size: 16px;
xfont-family: 'Noto Sans JP', sans-serif;
font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
}
@media screen and (max-width: 768px) {
body {
font-size: 16px;
}
}
a {
color: #222;
transition: .5s;
}
a:hover {
　background-color: white;
opacity: 0.5;
} p {
line-height: 2;
}
small {
font-size: 0.8em;
}
strong {
font-weight: bold;
}
th,td{
padding: 1rem;
}
th{
padding-left: 0;
text-align: left;
}.col2 {
width: 48%;
}
.col3 {
width: 30.6666666667%;
}
.col4 {
width: 22%;
}
.col5 {
width: 16.8%;
}
.col6 {
width: 13.3333333333%;
}
.col8 {
width: 10%;
} @media screen and (min-width: 769px) {
.col2-pc {
width: 48%;
}
.col3-pc {
width: 30.6666666667%;
}
.col4-pc {
width: 22%;
}
.col5-pc {
width: 16.8%;
}
.col6-pc {
width: 13.3333333333%;
}
.col8-pc {
width: 12%;
} 
} @media screen and (max-width: 768px) {
.col2-sp {
width: 48%;
}
.col3-sp {
width: 30.6666666667%;
}
.col4-sp {
width: 22%;
}
.col5-sp {
width: 16.8%;
}
.col6-sp {
width: 13.3333333333%;
}
} .flex {
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
.flex-pc {
display: flex;
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.flex-sp {
display: flex;
flex-wrap: wrap;
}
}
.flex-abottom {
align-items: flex-end;
}
.flex-acenter {
align-items: center;
}
.flex-around{
justify-content:space-around;
}
.flex-bet {
justify-content: space-between;
}
@media screen and (min-width: 769px) {
.flex-bet-pc {
justify-content: space-between;
}
}
@media screen and (max-width: 768px) {
.flex-bet-sp {
justify-content: space-between;
}
}
.flex-center {
justify-content: center;
}
@media screen and (min-width: 769px) {
.flex-center-pc {
justify-content: center;
}
}
@media screen and (max-width: 768px) {
.flex-center-sp {
justify-content: center;
}
}
.flex-end {
justify-content: flex-end;
}
@media screen and (min-width: 769px) {
.flex-end-pc {
justify-content: flex-end;
}
}
.flex-nowrap {
flex-wrap: nowrap;
}
.flex-start {
justify-content: flex-start;
}
.order2 {
order: 2;
} .inner-s {
margin: 0 auto;
width: 40%;
}
.inner-m {
margin: 0 auto;
width: 60%;
}
.inner-l {
margin: 0 auto;
width: 80%;
max-width: 1200px;
}
.inner-ll {
margin: 0 auto;
width: 90%;
}
@media screen and (min-width: 769px) {
.inner-s-pc {
margin: 0 auto;
width: 40%;
}
.inner-m-pc {
margin: 0 auto;
width: 60%;
}
.inner-l-pc {
margin: 0 auto;
width: 80%;
}
}
@media screen and (max-width: 768px) {
.inner-xs, .inner-s, .inner-m, .inner-l, .inner-ll{
width: 95%;
}
} .sec {
padding: 8em 0;
}
.sec:nth-child(odd) {
background: #f4f4f4;	
} @media screen and (min-width:769px){
.alt_item_img{
width:45%;
}
}
.alt_item_img img{
height:auto;
width:100%;
border-radius: 10px;
}
@media screen and (min-width:769px){
.alt_item_cnt{
width:50%;
}
}.bg-primary {
background: #002e73;
}
.bg-secondary {
background: #1f5fa9;
}
.bg-gray {
background: #f1f1f1;
}
.bg-white {
background: #fff;
}  .border-primary {
border: 1px solid #948a54;
}
.border-bottom {
border-bottom: 1px solid #666;
}
.border-left {
border-left: 1px solid #666;
}
.border-right {
border-right: 1px solid #666;
}
.border-top {
border-top: 1px solid #666;
}  .m5 {
margin-bottom: 5rem;
}
.m4 {
margin-bottom: 4rem;
}
.m3 {
margin-bottom: 3rem;
}
.m2 {
margin-bottom: 2rem;
}
.m1 {
margin-bottom: 1rem;
} @media screen and (min-width: 769px) {
.m5-pc {
margin-bottom: 5rem;
}
.m4-pc {
margin-bottom: 4rem;
}
.m3-pc {
margin-bottom: 3rem;
}
.m2-pc {
margin-bottom: 2rem;
}
.m1-pc {
margin-bottom: 1rem;
}
} @media screen and (max-width: 768px) {
.m5-sp {
margin-bottom: 5rem;
}
.m4-sp {
margin-bottom: 4rem;
}
.m3-sp {
margin-bottom: 3rem;
}
.m2-sp {
margin-bottom: 2rem;
}
.m1-sp {
margin-bottom: 1rem;
}
} .mb5 {
margin-bottom: 5rem;
}
.mb4 {
margin-bottom: 4rem;
}
.mb3 {
margin-bottom: 3rem;
}
.mb2 {
margin-bottom: 2rem;
}
.mb1 {
margin-bottom: 1rem;
} @media screen and (min-width: 769px) {
.mb5-pc {
margin-bottom: 5rem;
}
.mb4-pc {
margin-bottom: 4rem;
}
.mb3-pc {
margin-bottom: 3rem;
}
.mb2-pc {
margin-bottom: 2rem;
}
.mb1-pc {
margin-bottom: 1rem;
}
} @media screen and (max-width: 768px) {
.mb5-sp {
margin-bottom: 5rem;
}
.mb4-sp {
margin-bottom: 4rem;
}
.mb3-sp {
margin-bottom: 3rem;
}
.mb2-sp {
margin-bottom: 2rem;
}
.mb1-sp {
margin-bottom: 1rem;
}
} .ml5 {
margin-left: 5rem;
}
.ml4 {
margin-left: 4rem;
}
.ml3 {
margin-left: 3rem;
}
.ml2 {
margin-left: 2rem;
}
.ml1 {
margin-left: 1rem;
} @media screen and (min-width: 769px) {
.ml5-pc {
margin: 5rem auto;
}
.ml4-pc {
margin: 4rem auto;
}
.ml3-pc {
margin: 3rem auto;
}
.ml2-pc {
margin: 2rem auto;
}
.ml1-pc {
margin: 1rem auto;
}
} @media screen and (max-width: 768px) {
.ml5-sp {
margin: 5rem auto;
}
.ml4-sp {
margin: 4rem auto;
}
.ml3-sp {
margin: 3rem auto;
}
.ml2-sp {
margin: 2rem auto;
}
.ml1-sp {
margin: 1rem auto;
}
} .mr5 {
margin-right: 5rem;
}
.mr4 {
margin-right: 4rem;
}
.mr3 {
margin-right: 3rem;
}
.mr2 {
margin-right: 2rem;
}
.mr1 {
margin-right: 1rem;
} @media screen and (min-width: 769px) {
.mr5-pc {
margin-right: 5rem;
}
.mr4-pc {
margin-right: 4rem;
}
.mr3-pc {
margin-right: 3rem;
}
.mr2-pc {
margin-right: 2rem;
}
.mr1-pc {
margin-right: 1rem;
}
} @media screen and (max-width: 768px) {
.mr5-sp {
margin-right: 5rem;
}
.mr4-sp {
margin-right: 4rem;
}
.mr3-sp {
margin-right: 3rem;
}
.mr2-sp {
margin-right: 2rem;
}
.mr1-sp {
margin-right: 1rem;
}
} .mt15{
margin-top: 15em;
}
@media screen and (max-width:768px){
.mt14{
margin-top: 8em;
}
}
.mt14{
margin-top: 14em;
}
@media screen and (max-width:768px){
.mt14{
margin-top: 4em;
}
}
.mt8{
margin-top: 8em;
}
@media screen and (max-width:768px){
.mt8{
margin-top: 4em;
}
}
.mt5 {
margin-top: 5em;
}
.mt4 {
margin-top: 4em;
}
.mt3 {
margin-top: 3em;
}
.mt2 {
margin-top: 2em;
}
.mt1 {
margin-top: 1em;
}
.mt0 {
margin-top: 0;
} @media screen and (min-width: 769px) {
.mt14-pc {
margin-top: 14rem;
}
.mt10-pc {
margin-top: 10rem;
}
.mt8-pc {
margin-top: 8rem;
}	
.mt7-pc {
margin-top: 7rem;
}
.mt5-pc {
margin-top: 5rem;
}
.mt4-pc {
margin-top: 4rem;
}
.mt3-pc {
margin-top: 3rem;
}
.mt2-pc {
margin-top: 2rem;
}
.mt1-pc {
margin-top: 1rem;
}
.mt0-pc {
margin-top: 0;
}
} @media screen and (max-width: 768px) {
.mt18-sp {
margin-top: 18rem;
}
.mt8-sp {
margin-top: 8rem;
}
.mt5-sp {
margin-top: 5rem;
}
.mt4-sp {
margin-top: 4rem;
}
.mt3-sp {
margin-top: 3rem;
}
.mt2-sp {
margin-top: 2rem;
}
.mt1-sp {
margin-top: 1rem;
}
.mt0-sp {
margin-top: 0;
}
} .mv5 {
margin: 5rem auto;
}
.mv4 {
margin: 4rem auto;
}
.mv3 {
margin: 3rem auto;
}
.mv2 {
margin: 2rem auto;
}
.mv1 {
margin: 1rem auto;
} @media screen and (min-width: 769px) {
.mv5-pc {
margin: 5rem auto;
}
.mv4-pc {
margin: 4rem auto;
}
.mv3-pc {
margin: 3rem auto;
}
.mv2-pc {
margin: 2rem auto;
}
.mv1-pc {
margin: 1rem auto;
}
} @media screen and (max-width: 768px) {
.mv5-sp {
margin: 5rem auto;
}
.mv4-sp {
margin: 4rem auto;
}
.mv3-sp {
margin: 3rem auto;
}
.mv2-sp {
margin: 2rem auto;
}
.mv1-sp {
margin: 1rem auto;
}
} .mh5 {
margin: auto 5rem;
}
.mh4 {
margin: auto 4rem;
}
.mh3 {
margin: auto 3rem;
}
.mh2 {
margin: auto 2rem;
}
.mh1 {
margin: auto 1rem;
} @media screen and (min-width: 769px) {
.mh5-pc {
margin: auto 5rem;
}
.mh4-pc {
margin: auto 4rem;
}
.mh3-pc {
margin: auto 3rem;
}
.mh2-pc {
margin: auto 2rem;
}
.mh1-pc {
margin: auto 1rem;
}
} @media screen and (max-width: 768px) {
.mh5-sp {
margin: auto 5rem;
}
.mh4-sp {
margin: auto 4rem;
}
.mh3-sp {
margin: auto 3rem;
}
.mh2-sp {
margin: auto 2rem;
}
.mh1-sp {
margin: auto 1rem;
}
}  .p5 {
padding: 5em;
}
.p4 {
padding: 4em;
}
.p3 {
padding: 3em;
}
.p2 {
padding: 2em;
}
.p1 {
padding: 1em;
} @media screen and (min-width: 769px) {
.p5-pc {
padding: 5em;
}
.p4-pc {
padding: 4em;
}
.p3-pc {
padding: 3em;
}
.p2-pc {
padding: 2em;
}
.p1-pc {
padding: 1em;
}
} @media screen and (max-width: 768px) {
.p5-sp {
padding: 5em;
}
.p4-sp {
padding: 4em;
}
.p3-sp {
padding: 3em;
}
.p2-sp {
padding: 2em;
}
.p1-sp {
padding: 1em;
}
} .pb5 {
padding-bottom: 5em;
}
.pb4 {
padding-bottom: 4em;
}
.pb3 {
padding-bottom: 3em;
}
.pb2 {
padding-bottom: 2em;
}
.pb1 {
padding-bottom: 1em;
} @media screen and (min-width: 769px) {
.pb5-pc {
padding-bottom: 5em;
}
.pb4-pc {
padding-bottom: 4em;
}
.pb3-pc {
padding-bottom: 3em;
}
.pb2-pc {
padding-bottom: 2em;
}
.pb1-pc {
padding-bottom: 1em;
}
} @media screen and (max-width: 768px) {
.pb5-sp {
padding-bottom: 5em;
}
.pb4-sp {
padding-bottom: 4em;
}
.pb3-sp {
padding-bottom: 3em;
}
.pb2-sp {
padding-bottom: 2em;
}
.pb1-sp {
padding-bottom: 1em;
}
} .pl5 {
padding-left: 5em;
}
.pl4 {
padding-left: 4em;
}
.pl3 {
padding-left: 3em;
}
.pl2 {
padding-left: 2em;
}
.pl1 {
padding-left: 1em;
} @media screen and (min-width: 769px) {
.pl5-pc {
padding-left: 5em;
}
.pl4-pc {
padding-left: 4em;
}
.pl3-pc {
padding-left: 3em;
}
.pl2-pc {
padding-left: 2em;
}
.pl1-pc {
padding-left: 1em;
}
} @media screen and (max-width: 768px) {
.pl5-sp {
padding-left: 5em;
}
.pl4-sp {
padding-left: 4em;
}
.pl3-sp {
padding-left: 3em;
}
.pl2-sp {
padding-left: 2em;
}
.pl1-sp {
padding-left: 1em;
}
} .pr5 {
padding-right: 5em;
}
.pr4 {
padding-right: 4em;
}
.pr3 {
padding-right: 3em;
}
.pr2 {
padding-right: 2em;
}
.pr1 {
padding-right: 1em;
} @media screen and (min-width: 769px) {
.pr5-pc {
padding-right: 5em;
}
.pr4-pc {
padding-right: 4em;
}
.pr3-pc {
padding-right: 3em;
}
.pr2-pc {
padding-right: 2em;
}
.pr1-pc {
padding-right: 1em;
}
} @media screen and (max-width: 768px) {
.pr5-sp {
padding-right: 5em;
}
.pr4-sp {
padding-right: 4em;
}
.pr3-sp {
padding-right: 3em;
}
.pr2-sp {
padding-right: 2em;
}
.pr1-sp {
padding-right: 1em;
}
} .pt5 {
padding-top: 5em;
}
.pt4 {
padding-top: 4em;
}
.pt3 {
padding-top: 3em;
}
.pt2 {
padding-top: 2em;
}
.pt1 {
padding-top: 1em;
} @media screen and (min-width: 769px) {
.pt5-pc {
padding-top: 5em;
}
.pt4-pc {
padding-top: 4em;
}
.pt3-pc {
padding-top: 3em;
}
.pt2-pc {
padding-top: 2em;
}
.pt1-pc {
padding-top: 1em;
}
} @media screen and (max-width: 768px) {
.pt5-sp {
padding-top: 5em;
}
.pt4-sp {
padding-top: 4em;
}
.pt3-sp {
padding-top: 3em;
}
.pt2-sp {
padding-top: 2em;
}
.pt1-sp {
padding-top: 1em;
}
} .ph5 {
padding: 0 5em;
}
.ph4 {
padding: 0 4em;
}
.ph3 {
padding: 0 3em;
}
.ph2 {
padding: 0 2em;
}
.ph1 {
padding: 0 1em;
} @media screen and (min-width: 769px) {
.ph5-pc {
padding: 0 5em;
}
.ph4-pc {
padding: 0 4em;
}
.ph3-pc {
padding: 0 3em;
}
.ph2-pc {
padding: 0 2em;
}
.ph1-pc {
padding: 0 1em;
}
} @media screen and (max-width: 768px) {
.ph5-sp {
padding: 0 5em;
}
.ph4-sp {
padding: 0 4em;
}
.ph3-sp {
padding: 0 3em;
}
.ph2-sp {
padding: 0 2em;
}
.ph1-sp {
padding: 0 1em;
}
} .pv5 {
padding: 5em 0;
}
.pv4 {
padding: 4em 0;
}
.pv3 {
padding: 3em 0;
}
.pv2 {
padding: 2em 0;
}
.pv1 {
padding: 1em 0;
} @media screen and (min-width: 769px) { .pv5-pc {
padding: 5em 0;
}
.pv4-pc {
padding: 4em 0;
}
.pv3-pc {
padding: 3em 0;
}
.pv2-pc {
padding: 2em 0;
}
.pv1-pc {
padding: 1em 0;
}
} @media screen and (max-width: 768px) { .pv5-sp {
padding: 5em 0;
}
.pv4-sp {
padding: 4em 0;
}
.pv3-sp {
padding: 3em 0;
}
.pv2-sp {
padding: 2em 0;
}
.pv1-sp {
padding: 1em 0;
}
}  .text-primary {
color: #002e73;
}
.text-red {
color: #fe0000;
}
.text-white {
color: #fff;
} .text-gothic {
font-family: Arial, Helvetica, "sans-serif";
}
.text-serif {
font-family: Georgia, "Times New Roman", Times, "serif";
} .text-center {
text-align: center;
}
@media screen and (min-width:769px){
.text-center-pc {
text-align: center;
}
}
@media screen and (max-width:768px){
.text-center-sp {
text-align: center;
}
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
} .text-xs {
font-size: 0.6em;
}
.text-s {
font-size: 0.8em;
}
.text-m {
font-size: 1em;
}
.text-l {
font-size: 2em;
}
.text-xl {
font-size: 3em;
}
@media screen and (min-width: 769px) {
.text-xs-pc {
font-size: 0.6em;
}
.text-s-pc {
font-size: 0.8em;
}
.text-m-pc {
font-size: 1em;
}
.text-l-pc {
font-size: 1.4em;
}
.text-xl-pc {
font-size: 2em;
}
}
@media screen and (max-width: 768px) {
.text-xs-sp {
font-size: 0.6em;
}
.text-s-sp {
font-size: 0.8em;
}
.text-m-sp {
font-size: 1em;
}
.text-l-sp {
font-size: 1.4em;
}
.text-xl-sp {
font-size: 2em;
}
} .text-normal {
font-weight: normal;
}
.text-bold {
font-weight: bold;
} .w100 {
width: 100%;
}
.w50 {
width: 50%;
} .pc-only {
display: inherit;
}
@media screen and (max-width: 768px) {
.pc-only {
display: none;
}
}
.sp-only {
display: none;
}
@media screen and (max-width: 768px) {
.sp-only {
display: inherit;
}
}
.d-bl {
display: block;
}
.d-ib {
display: inline-block;
} .back-button{
background-color: #f7f7f7;
border: 1px solid #ddd;
color: gray;
font-weight: bold;
padding: 10px 25px;
}.anima{
opacity: 0;
transition-duration: 1s;
transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.anima-fadein{
opacity: 0;
}
.anima-fadein.on{
opacity: 1;
}
.anima-slide{
transform: translateX(-20%);
}
.anima-slide.on{
opacity: 1;
transform: translateX(0);
}
.on .anima-slide{
opacity: 1;
transform: translateX(0);
}
.anima-slideup{
transform: translateY(10%);
}
.anima-slideup.on{
opacity: 1;
transform: translateX(0);
}
.on .anima-slideup{
opacity: 1;
transform: translateX(0);
}
.delay01{
transition-delay: .1s;
}
.delay02{
transition-delay: .2s;
}
.delay03{
transition-delay: .3s;
}
.delay04{
transition-delay: .4s;
}
.delay05{
transition-delay: .5s;
}
.delay06{
transition-delay: .6s;
}
.delay07{
transition-delay: .7s;
}
.delay08{
transition-delay: .8s;
}
.delay09{
transition-delay: .9s;
}
.delay10{
transition-delay: 1s;
}  .btn{
border: 1px solid #222;
display: inline-block;
}
.btn:hover{
background: #222;
color: #fff;
opacity: 0.7;
transform: translateY(2px);
}
.btn--s{
padding: 0.5rem 1.5rem;
}
.btn--l{
padding: 1rem 8rem;
}
@media screen and (max-width:768px){
.btn--l{
padding: 1rem 0;
width: 80%;
}
} .breadcrumbs{
background-color: #777171;
color: #fff;
font-size: 11px;
padding: 5px 10px;
}
@media screen and (max-width:768px){
.breadcrumbs {
overflow-x: scroll;
word-break: keep-all;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
}
.breadcrumbs a {
color: #e6e6e6;
} .catlist__label{
width: 15%;
}
@media screen and (max-width:768px){
.catlist__label{
width: 100%;
}
}
.catlist__menu{
width: 85%;
}
@media screen and (max-width:768px){
.catlist__menu{
margin-top: 1rem;
width: 100%;
}
}
.catlist__menu .cat-item{
margin: 0 2rem 1rem 0;
}
.catlist__menu .current-cat{
border-bottom: 1px solid #222;
} .catlist__menu ul{
display:flex;
}
.cat-item-56 > a{
display:none;
} .cv{
text-align: center;
}
.cv__title{
font-size: 2.6rem;
font-weight:bold;
}
@media screen and (max-width:768px){
.cv__title{
font-size: 1.8rem;
}
}
.tel__cta {
font-size: 2.6rem;
font-weight: bold;
color: #eee;
}
.cv__btn{
background: #fed902;
border-radius: 70px;
box-shadow: 0px 2px 0px #d2b406;
color: #545454;
display: inline-block;
font-size: 2.2rem;
padding: 2rem 4%;
font-weight: bold;
}
@media screen and (max-width:768px){
.cv__btn{
font-size: 1rem;
padding: 1rem 0;
width: 80%;
}
}
.cv__btn:hover{
background-color: yellow;
opacity: 1;
transform: translateY(2px);
} div.dl_btn{
margin: 0;
padding: 0;
display: flex;
align-content: center;
justify-content: space-evenly;
align-items: center;
} div.dl_btn a:last-child > img{
position:relative;
width: 310px;
top: 5px;
} div.dl_btn > a:first-child{
top:15px;
} .featurebox{
border-left: 1px solid #222;
border-top: 1px solid #222;
}
.featurebox__item{
border-bottom: 1px solid #222;
border-right: 1px solid #222;
padding: 2rem 2rem 6rem;
position:relative;
width: 25%;
}
@media screen and (max-width:768px){
.featurebox__item{
width: 100%;
}
}
@media screen and (min-width:769px){ .featurebox__item__text{
min-height: 120px;
}
}
.featurebox__item .btn{
bottom:2rem;
left:50%;
position:absolute;
text-align:center;
transform:translateX(-50%);
width:80%;
} img {
width:auto;
height:auto ;
max-width:100% ;
max-height:100% !important;
} .fit-img img{
height: auto;
width: 100%;
}
.fit-max-img img{
height: auto;
max-width: 100%;
} .label{
background: #222;
color: #fff;
display: inline-block;
font-size: 1.3rem;
padding: 0.1rem 0.2rem;
}  a.balloon-free{
position: relative;	
}  a.balloon-wp{
position: relative;	
}  a.balloon-works{
position: relative;	
}  .reason-bg {
background: url(https://cine-mato.com/wp-content/uploads/2021/06/reason_bg.png) center top/cover;
padding: 3%;
} .logo img{
height: 37px;
width: auto;
} .modal-open{
cursor: pointer;
}
.modalVideo{
display: none;
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.modalVideo__bg{
background: rgba(0,0,0,0.8);
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
.modalVideo__inner{
left: 50%;
max-width: 1024px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 60%;
}
@media screen and (max-width:768px){
.modalVideo__inner{
width: 100%;
}
}
.modalVideo__video{
display: block;
height: auto;
width: 100%;
}
.modalVideo__close{
color: #fff;
font-size: 2em;
position: absolute;
right: 20px;
top: 20px;
} .postlist__item{
margin-right:5%;
width: 30%; }
@media screen and (max-width:768px){
.postlist__item{
margin-right: 0;
width: 100%;
}
.postlist__item:nth-child(n+2){
margin-top: 2rem;
}
}
.postlist__item:nth-child(3n){
margin-right: 0;
}
.postlist__item:nth-child(n+4){
margin-top: 4rem;
}
@media screen and (max-width:768px){
.postlist__item:nth-child(n+4){
margin-top: 2rem;
}
}
.postlist__item a{
display: block;
}
@media screen and (max-width:768px){
.postlist__item a{
display: flex;
justify-content: space-between;
}
}
.postlist__item__imgwrap{
margin-bottom: 1rem;
}
@media screen and (max-width:768px){
.postlist__item__imgwrap{
margin-bottom: 0;
width: 35%;
}
}
@media screen and (max-width:768px){
.postlist__item__meta{
width: 66%;
padding-left: 2%;
}
}
@media screen and (max-width:768px){
.postlist__item__meta__title{
font-size: .8em;
}
}
.postlist__item__meta__cat{
color: #999;
font-size: 0.85rem;
margin-bottom: 1rem;
max-height: 25px;
overflow: hidden;
} .page-title{
padding: 3rem 0;
}
@media screen and (max-width:768px){
.page-title{
padding: 2rem 0 1rem;
}
}
.page-title__title{
font-size: 2.6rem;
}
.page-title__title--jp{
font-size: 2.4rem;
}
@media screen and (max-width:768px){
.page-title__title{
font-size: 1rem;
}
} .title-primary{
font-size: 2.5rem;
font-weight:bold;
}
@media screen and (max-width:768px){
.title-primary{
font-size: 1.7rem;
}
}
.title-secondary{
font-size: 1.7rem;
}
@media screen and (max-width:768px){
.title-secondary{
font-size: 1.5rem;
}
}
.title-third{
border-left: 1px solid #222;
font-size: 1.7rem;
padding-left: 1rem;
}
@media screen and (max-width:768px){
.title-third{
font-size: 1.5rem;
}
}
.title-fourth{
font-size: 1.2rem;
}
.title-primary2{
font-size: 2.2rem;
font-weight:bold;
}
@media screen and (max-width:768px){
.title-primary2{
font-size: 1.6rem;
}
}
.title-primary3{
font-size: 1.5rem;
font-weight:bold;
}
@media screen and (max-width:768px){
.title-primary3{
font-size: 1.2rem;
}
} .text-center-db{
text-align: center;
display: block;
}
.indent-l{
text-align: left;
display: inline-block;
} .title-anima{
display: inline-block;
overflow: hidden;
position: relative;
}
.title-anima span{
opacity: 0;
transition: .5s .3s;
}
.title-anima:before{
background: #222;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
top:0;
transform: translateX(-101%); width: 100%;
z-index: 2;
}
.on .title-anima span{
opacity: 1;
}
.on .title-anima:before{
-webkit-animation: title_anima .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) forwards;
animation: title_anima .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) forwards;
}
.on .title-anima-2:before{
-webkit-animation: title_anima .5s .1s cubic-bezier(0.230, 1.000, 0.320, 1.000) forwards;
animation: title_anima .5s .1s cubic-bezier(0.230, 1.000, 0.320, 1.000) forwards;
}
@-webkit-keyframes title_anima {
0% {
transform: translateX(-101%);
}
50% {
transform: translateX(0);
}
100% {
transform: translateX(101%);
}
}
.subtitle{
font-size: 1.2em;
font-weight:bold;
} .works-logo li{
xmargin-right:4%;
}
.works-logo li:nth-child(6n){
margin-right:0;
}
@media screen and (max-width:768px){
.works-logo li:nth-child(2n){
margin-right:0;
}
} .works-list__item{
margin-right: 8%;
width: 28%;
}
@media screen and (max-width:768px){
.works-list__item{
margin-right: 0;
width: 100%;
}
}
.works-list__item:nth-child(3n){
margin-right: 0;
}
.works-list__item:nth-child(n+4){
margin-top: 4rem;
}
@media screen and (max-width:768px){
.works-list__item:nth-child(n+2){
margin-top: 4rem;
}
}
.works-list__item__meta{
margin-top: 1rem;
}
.works-list__item__meta__cat{
color: #222;
font-size: 0.75rem;
}
.single.works-list__item__meta__cat{
font-size: 1.125rem;
}
@media screen and (max-width:768px){
.single.works-list__item__meta__cat{
font-size: 0.75rem;
}
}
.works-list__item__meta__cat span{
border:1px solid #222;
border-radius:10px;
display:inline-block;
margin:0 .5em 1em 0;
padding:0 .5em;
}
.works-list__item__meta__title{
}
@media screen and (max-width:768px){
.works-list__item__meta__title{
font-size: 1rem;
}
} .wp-pagenavi,.postlink{
border-left: 1px solid #222;
}
.wp-pagenavi a,
.wp-pagenavi span,
.postlink a{
border-bottom: 1px solid #222;
border-right: 1px solid #222;
border-top: 1px solid #222;
display: inline-block;
padding: 1rem 1.5rem;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current,
.postlink a:hover{
background: #222;
color: #fff;
opacity: 1;
}
.wp-pagenavi .pages{
display: none;
}
.postlink a img{
height: 14px;
width: auto;
} .header{
background: #fff;
flex-wrap:nowrap;
padding: 0.5em 1.5em;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
@media screen and (min-width:769px){ .header{
padding-right:25.5em;
}
}
@media screen and (max-width:1140px){
.header{
padding-right:7em;
}
}
@media screen and (max-width:1024px){
.header{
padding: 0.5rem 1rem;
}
}
@media screen and (max-width:1024px){
.gnavwrap{
background: #fff;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.gnav{
height: 100vh;
overflow-y:scroll;
}
}
@media screen and (max-width:1440px){
.gnav__menu{
font-size: 12px;
}
}
@media screen and (max-width:1024px){
.gnav__menu{
display:block;
font-size: 1.5em;
padding:3em 1em 2em;
width: 100%;
}
}
.gnav__menu > .menu-item{
line-height: 37px;
margin-left: .5em;
position: relative;
}
@media screen and (max-width:1440px){
.gnav__menu > .menu-item{
margin-left: 0;
}
}
@media screen and (max-width:1024px){
.gnav__menu > .menu-item{
line-height: normal;
margin-left: 0;
}
.gnav__menu > .menu-item:nth-child(n+2){
margin-top: 1em;
}
.menu-item-has-children{
position:relative;
}
.menu-item-has-children:after{
content:'\f078';
font-family:'Font Awesome 5 Free';
font-weight:900;
position:absolute;
right:1em;
top:5px;
}
}
.gnav__menu > .menu-item a{
display: block;
font-size:0.8em;
line-height: 1.4;
padding: 0.5rem 0.8rem;
}
@media screen and (max-width:1024px){
.gnav__menu > .menu-item a{
color: #222;
display:block;
transition:none;
}
}
.gnav__menu > .menu-item a:hover{
background: #fff;
color: #222;
opacity: 1;
}
.gnav__menu > .menu-item a span{
display: block;
font-size: 0.75em;
}
@media screen and (max-width:1024px){
.gnav__menu > .menu-item a span{
display: inline-block;
margin-left: 1em;
}
} .gnav__menu > .menu-item:last-child{
background: #fff;
}
@media screen and (min-width:1025px){ .gnav__menu > .menu-item:last-child,
.gnav__menu > .menu-item:nth-last-child(2){
align-items:center;
border:2px solid #222;
display:none;
height:140%;
position:absolute;
right:0;
text-align:c	enter;
top:0;
}
}
.gnav__menu > .menu-item:last-child a,
.gnav__menu > .menu-item:nth-last-child(2) a{
color: #222;
}
@media screen and (max-width:1024px){
.gnav__menu > .menu-item:last-child a{
background: #222;
color: #fff;
width: 80%;
}
.gnav__menu > .menu-item:nth-last-child(2) a{
background: #FFF;
border: 1px solid #222;
color: #222;
width: 80%;
}
}
.contactbox{
border: 1px solid #999;
padding: 2%;
background-color: rgb(255 255 255 / 80%);
} .gnav .sub-menu{
background: #222;
opacity: 0;
padding: 1rem;
position: absolute;
top: 140%;
transition: .5s;
visibility: hidden;
width: 250%;
}
@media screen and (max-width:1024px){
.gnav .sub-menu{
background: none;
display: none;
font-size: 1rem;
opacity: 1;
padding: 0;
position: inherit;
visibility: visible;
width: auto;
}
}
@media screen and (max-width:1024px){
.gnav .sub-menu .menu-item{
margin-top: 1rem;
}
}
.gnav .sub-menu .menu-item:nth-child(n+2){
margin-top: 1rem;
} .gnav__menu .menu-item:hover .sub-menu{
opacity: 1;
visibility: visible;
} .sec2 {
padding: 3em 0;
}
.abs_btn{
position:absolute;
right:1em;
}
@media screen and (max-width:1024px){
.abs_btn{
display:none!important;
}
}
.abs_btn a{
background:#fed902;
font-weight:bold;
padding:8px 1.2em;
text-align:center;
border-radius: 4px;
}
.abs_btn a:hover{
opacity:1;
}
.abs_btn a:first-child{
background:#222;
color:#fff;
}
.abs_btn a:last-child:hover{
background:#222;
color:#fff;
}
.abs_btn span{
display:block;
font-size:.75em;
}  .sp_tel{
display:none;
position: absolute;
right: 70px;
top: 22px;
}
@media screen and (max-width:1024px){
.sp_tel{
display:block;
}
}
.sp_tel a{
color:#222;
font-size:1.4em;
}
.sp_tel a i{
transform:rotate(100deg);
} .icon-hamburger {
cursor: pointer;
display:none;
height: 25px;
margin: 0 auto;
position: fixed;
right: 20px;
top: 28px;
transition: .5s;
width: 30px;
z-index: 99;
}	
@media screen and (max-width:1024px){
.icon-hamburger {
display:block;
}
}
.icon-hamburger .bar {
background-color: #222222;
display: inline-block;
height: 2px;
left: 0;
position: absolute;
transition: .25s ease-in-out;
width: 30px;
}
#bar01 {top: 0;}
#bar02 {top: 10px;}
#bar03 {top: 20px;}
.active.bar{
background: #222;
}
.active#bar01 {
top: 10px;
transform: rotate(45deg);
}
.active#bar02 {width: 0;}
.active#bar03 {
top: 10px;
transform: rotate(135deg);
} .footer_office_title{
font-size:1.5em;
font-weight:bold;
text-align:center;
}
@media screen and (max-width:768px){
.footer_office_title{
font-size:1.2em;
}
}
.footer__cachcopy{
padding: 2rem 0;
}
.footer__cachcopy__en{
font-size: 2.5rem;
font-weight:bold;
line-height: 1.2;
margin-bottom: 1rem;
}
@media screen and (max-width:768px){
.footer__cachcopy__en{
font-size: 1.5rem;
}
}
.footer__cachcopy__jp{
color: #999;
font-size: 0.85rem;
}
.footer__body{
background: #222;
color: #fff;
padding: 4rem 0;
}
@media screen and (max-width:768px){
.footer__body{
padding: 2rem 0;
}
}
.footer__body a{
color: #fff;
}
.sub-menu a{
color: gray;
}
@media screen and (max-width:768px){
.footer__navwrap{
margin-top: 2rem;
padding:1rem;
}
}
.footer__nav__menu > .menu-item{
margin-right: 2rem;
}
@media screen and (max-width:768px){
.footer__nav__menu .menu-item{
margin:1rem 0 0 0;
}	
}
.footer__nav__menu .menu-item a span{
display: none;
}
.footer__nav__menu--2{
margin-top: 2rem;
}
.footer__nav__menu--2 a{
color: #999;
font-size: 0.85rem;
}
.footer__conatct{
padding: 3.2em 0;
background-color: #e6e6e6;
background: url(https://cine-mato.com/wp-content/uploads/2021/03/contact_bg.png) center center/cover;
color: #eee;
} .footer_under{
background: #2b2b2b;
color: white;
padding:1rem;
}
.footer_under a{
background: #2b2b2b;
color: white;
}
.cv_btn{
background-color: #fed902;
display: inline-block;
padding: 1em 0;
font-size: 20px;
font-weight: bold;
text-align: center;
width: 500px;
border-radius: 10px;
color: #545454; }
.cv_btn2{
display: inline-block;
padding: 1em 0;
font-size: 20px;
font-weight: bold;
text-align: center;
width: 500px;
border-radius: 10px;
color: #fff;
border: 1px solid #eee; } 
@media screen and (max-width: 768px){
.cv_btn{
padding:10px 0;
width:90%;
}
}
@media screen and (max-width: 768px){
.cv_btn2{
padding:10px 0;
width:90%;
}
}
.cv_btn:hover{
background-color: yellow;
opacity: 1;
transform: translateY(2px);
} .cv_btn2:hover{
background-color: #9e9e9e;
opacity: 1;
transform: translateY(2px);
}
@media screen and (min-width: 769px){ .cv_btn:nth-child(2){
margin-left:1em;
}
}
@media screen and (max-width: 768px){
.cv_btn:nth-child(2){
margin-top:1em;
}
}
@media screen and (min-width: 769px){ .cv_btn2:nth-child(2){
margin-left:1em;
}
}
@media screen and (max-width: 768px){
.cv_btn2:nth-child(2){
margin-top:1em;
}
}
.cv_btn:nth-child(2):hover{
background-color: yellow;
color: black;
opacity: 0.7;
} .google_partners{
text-align: right;
}
@media screen and (max-width: 769px) {
.google_partners{
text-align: center;
}
}
.copyright{
font-size: 0.8em;
color: gray;
}
.footer__nav__menu .sub-menu{
font-size:.8em;
margin-left:1em;
}
.footer__nav__menu .sub-menu li{
margin-top:1em;
}
.footer__share__item{
margin: 0 0.5rem;
} .banner_item{
position: relative;
}
.banner_item p{
position: absolute;
color: white;
font-weight: bold;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 100%;
}  @media screen and (min-width: 769px) {
.genre-col5-pc{
width: 18%;
margin: 0 2% 40px 0;
}
}
@media screen and (min-width: 769px) {
.genre-flex-pc{
position: relative;
font-weight: bold;
display: flex;
flex-wrap: wrap;
}
}
.genre-flex-pc{
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 769px) {
.genre-item{
align-items: center;
justify-content: space-between;
}
}
.genre-item{
align-items: center;
}
.genre-icon{
width: 30px;
height: auto;
margin-right: 10px;
}
.genre-icon .genre-item .genre-title img {
border: none;
}
.genre-title{
margin-right: 10px;
font-weight: bold;
}
@media screen and (max-width: 769px) {
.inner-genre{
width: 60%;
margin: auto;
}
} .mv{
background: #eee;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
@media screen and (max-width:768px){
.mv{
max-height:660px;
}
} .mv__cover{
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
background-size: 4px 4px;
background-position: 0 0, 2px 2px;	
}
.slider__item{
height: 100vh;
}
.slider__item__cover{
background: rgba(0,0,0,0.5);
height: 100%;
position: absolute;
width: 100%;
}
.slider__item__cnt{
color: #fff;
font-weight: bold;
left: 10%;
position: absolute;
top: 50%;
}
@media screen and (max-width:768px){
.slider__item__cnt{
left: 5%;
width: 90%;
}
}
.slider__item__cnt__title{
font-size: 1.5em;
}
.slider__item__cnt .btn{
border-color: #fff;
color: #fff;
}
.slider__item__cnt .btn:hover{
background: #fff;
color: #222;
} .mv__scroll{
bottom: 0;
color: #fff;
font-size: 12px;
font-weight: 700;
left: 50%;
position: absolute;
transform: translateX(-50%);
}
.mv__scroll__text{
padding-bottom: 40px;
}
.mv__scroll__text a{
color: #fff;
}
.mv__scroll__line{
background: #fff;
bottom: 0;
height: 0;
left: 50%;
position: absolute;
top: 20px;
width: 1px;
} .mv__catchcopy{
color: #fff;
padding: .5em 20px;
max-width: 1220px;
margin: 5% auto;
text-align: center;
min-height: 70vh;
} .mv__catchcopy h1::after,
.mv__catchcopy div::after{
content: none;
}
.mv__catchcopy h1{
font-size: 2.5em;
font-weight: bold;
padding: .5em 1em;
position: relative;
}
.mv__catchcopy h1 span{
display: block;
opacity: 0;
position: relative;
transform: translateX(-10%);
transition: .3s .6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
z-index: 2;	
}
.mv__catchcopy.on h1 span{
opacity: 1;
transform: translateX(0);
}
.mv__catchcopy h1:after{
background: #222;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: .3s .5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
width: 0;
}
.mv__catchcopy.on h1:after{
width: 100%;
}
.mv__catchcopy div{
display: block;
font-size: 1.5em;
font-weight: bold;
padding: .5em 1em;
position: relative;
}
.mv__catchcopy div span{
display: block;
opacity: 0;
position: relative;
transform: translateX(-10%);
transition: .3s 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
z-index: 2;
}
.mv__catchcopy.on div span{
opacity: 1;
transform: translateX(0);
}
.mv__catchcopy div:after{
background: #000;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: .3s .7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
width: 0;
}
.mv__catchcopy.on div:after{
width: 100%;
}
.mv__catchcopy .fv_play_video{
display:block;
padding:0;
}
.mv__catchcopy .fv_play_video a{
border:1px solid #fff;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:1rem;
padding:.5em 2em;
}
.mv__catchcopy__default.mv__catchcopy__large{
text-shadow: 1px 1px 6px rgba(0, 0, 0, .16);
padding: 0;
font-family: "Hiragino Sans", sans-serif;
font-size: 50px;
font-weight: bold;
line-height: 1.35;
letter-spacing: 2px;
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
transition: opacity 1s ease, transform 1s cubic-bezier(0.17, 0.53, 0.43, 0.99), -webkit-transform 1s cubic-bezier(0.17, 0.53, 0.43, 0.99);
}
@media screen and (max-width: 768px){
.mv__catchcopy__default.mv__catchcopy__large {
font-size:26px;
line-height: 1.4;
letter-spacing: 1.4px;
}
}
.mv__catchcopy__default.mv__catchcopy__small {
padding: 0;
font-size: 20px;
font-weight: bold;
}
@media screen and (max-width: 768px){
.mv__catchcopy__default.mv__catchcopy__small {
font-size:16px;
}
}
.creative-menu__item{
padding-bottom:6rem;
position:relative;
}
@media screen and (max-width:768px){
.creative-menu__item:nth-child(n+3){
margin-top: 2rem;
}
}
@media screen and (min-width:769px){
.creative-menu__text{
min-height: 90px
}
}
.creative-menu__item .btn{
bottom:2rem;
left:50%;
position:absolute;
text-align:center;
transform:translateX(-50%);
width:100%;
}
.menu_item1{ padding: 2em 0 6em;
position:relative;
width: 50%;
margin: auto;
}
@media screen and (max-width:769px){
.menu_item1{
width: 100%;
}
}
.menu_item{
padding: 2em 1em 6em;
position: relative;
border: 1px solid #e4dede;
border-radius: 10px;
}
.menu_item_point{
padding:2em;
}
.menu_item_img{
text-align: center;
}
.menu_item_img img{
border-radius: 10px;
}
.menu_item_title{
font-size:24px;
font-weight:bold;
text-align:center;
}
.menu_item_btn{
background:#222;
bottom:2em;
border-radius: 10px;	
color:#fff;
display:inline-block;
font-weight:bold;
left:50%;
padding:1em 0;
position:absolute;
transform:translateX(-50%);
width:80%;
}
@media screen and (min-width:769px){
.creative_item_img{
width:30%;
}
}
@media screen and (min-width:769px){
.creative_item_cnt{
width:66%;
}
}
.creative_item_cnt_title{
font-size:2em;
font-weight:bold;
}
@media screen and (max-width:768px){
.creative_item_cnt_title{
font-size:1.5em;
}
}
.creative_item_btn{
background:#222;
color:#fff;
padding:.5em 2em;
display:block;
text-align:center;
}
.case_item{
padding-bottom:4em;
position:relative;
}
@media screen and (max-width:768px){
.case_item:nth-child(n+2){
margin-top:4em;
}
}
.case_item_img{
max-height:250px;
height: 250px;
overflow:hidden;
}
.case_item_industry{
border:1px solid #222;
display:inline-block;
padding:.2em .5em;
}
.case_item_com{
font-size:1.2em;
font-weight:bold;
}
@media screen and (max-width:768px){
.case_item_com{
font-size:.8em;
}
}
.case_item_catch{
font-size:1em;
font-weight:bold;
color:
}
@media screen and (max-width:768px){
.case_item_catch{
font-size:.8em;
}
}
.case_item_btn{
background:#222;
bottom:0;
color:#fff;
display:block;
font-weight:bold;
padding:1em 2em;
position:absolute;
text-align:center;
width:100%;
}
.postlist__item__meta {
padding:0 5%;
}
@media screen and (max-width:768px){
.postlist__item__meta{
padding-left:5%;
}
} .kv_works{
background:url(//cine-mato.com/wp-content/uploads/2020/12/kv_works2.png) center center/cover;
padding:8em 0;
}
@media screen and (max-width:768px){
.kv_works{
padding:4em 0;
}
} .js_serchbox_open{
box-shadow: 0px 2px 0px #d2b406;
background-color: #fed902;
color: #545454;
cursor:pointer;
font-weight: bold;
padding:1em;
text-align:center;
}
.serchbox{
background:#eee;
display:none;
padding:2em;
}
@media screen and (max-width:768px){
.serchbox{
padding:1em;
}
}
@media screen and (min-width:769px){
.serchbox_label{
width:10%;
}
}
.serchbox_label div{
background:#222;
color:#fff;
font-weight:bold;
padding:.5em;
}
@media screen and (min-width:769px){
.serchbox_search{
width:90%;
}
}
.serchbox_search label{
display:inline-block;
padding:.5em;
}
.serchbox .serchbox_btn{
border:1px solid #222;
display:inline-block;
font-size: 18px;
font-weight: 700;
padding:1em 4em;
width:auto;
}
@media screen and (max-width:768px){
.serchbox .serchbox_btn{
width:100%;
}
}
.serchbox .serchbox_release{
background:#fff;
}
.cat_filter span:last-child{
display:none;
} .project_title{
font-size:24px;
}
@media screen and (max-width:768px){
.project_title{
font-size:14px;
}
} .single-icatch i{
color: #fff;
font-size: 6em;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
}
.single-contents-works th{
width: 15%;
}
.client_info_title{
font-size:24px;
font-weight:bold;
}
.client_info{
background:#eee;
padding:2em;
}
@media screen and (max-width:768px){
.client_info{
padding:1em;
}
}
.single_work_info{
border-bottom:2px solid #222;
padding:2em 0;
}
.single_work_info:nth-child(1){
border-top:2px solid #222;
}
.single_work_info_title{
font-size:24px;
font-weight:bold;
}
@media screen and (min-width:769px){
.single_work_info_title{
width:30%;
}
}
@media screen and (max-width:768px){
.single_work_info_title{
font-size:1.7rem;
}
}
@media screen and (min-width:769px){
.single_work_info_cnt{
width:66%;
}
}
@media screen and (max-width:768px){
.single_work_info_cnt{
margin-top:1em;
}
}
@media screen and (min-width:769px){
.single_work_read{
font-size:18px;
}
} .service-nav{
background: #222;
padding: 2rem 0;
}
.service-nav a{
color: #999;
}
.service-nav a:hover,
.service-nav .current-menu-item a{
color: #fff;
text-decoration: underline;
}
.service-nav .menu-item{
margin-right: 2rem;
}
@media screen and (max-width:768px){
.service-nav .menu-item:nth-child(n+3){
margin-top: 2em;
}
}
.service-nav .current-menu-item a{
color: #fff;
text-decoration: underline;
}
.service-nav .menu-item a span{
display: block;
font-size: 0.875em;
}  .service-navbox__item{
margin-right: 4%;
padding-bottom:6em;
position:relative;
width: 22%;
}
@media screen and (max-width:768px){
.service-navbox__item{
width: 95%;
}
.service-navbox__item:nth-child(n+2){
margin-top: 4rem;
}
}
.service-navbox__item:last-child{
margin-right:0;
}
.service-navbox__item__title{
font-size: 1.3rem;
margin-top: 1rem;
}
.service-navbox__item__subtitle{
margin-top: 1rem;
}
.service-navbox__item__text{
margin-top: 2rem;
}
@media screen and (min-width:769px){
.service-navbox__item__text{
min-height: 170px;
}
}
@media screen and (max-width:768px){
.service-navbox__item__text{
margin-top: 1rem;
}
}
.service-navbox__item .btn{
bottom: 2rem;
left: 50%;
position: absolute;
text-align: center;
transform: translateX(-50%);
width: 80%;
}
.text-box{
width:55%;
}
@media screen and (max-width:768px){
.text-box{
width: 100%;
}
}
@media screen and (min-width:768px){
.right{
margin:0 0 0 auto;
}
}
.service_bgimg1 {
background: url(https://cine-mato.com/wp-content/uploads/2021/07/bg1.png) center center/cover;
height:540px;
}
.service_bgimg2 {
background: url(https://cine-mato.com/wp-content/uploads/2021/07/bg3-4.png) center center/cover !important;
height:540px;
}
.service_bgimg3 {
background: url(https://cine-mato.com/wp-content/uploads/2021/07/bg2-2.png) center center/cover;
height:540px;
}
.service_bgimg4 {
background: url(https://cine-mato.com/wp-content/uploads/2021/07/bg4-2.png) center center/cover !important;
height:540px;
}
.service_bgimg5 {
background: url(https://cine-mato.com/wp-content/uploads/2021/07/bg5.png) center center/cover;
height:540px;
}
.service_range_item{
border-bottom: 1px solid #222;
font-size: 18px;
font-weight: bold;
padding-bottom: 2em;
}
@media screen and (min-width:769px){
.service_range_item:nth-child(n+4){
margin-top: 2em;
}
}
@media screen and (max-width:768px){
.service_range_item{
font-size: 12px;
}
.service_range_item:nth-child(n+3){
margin-top: 2em;
}
}
.service_range_item i{
margin-right: 2em;
}
@media screen and (max-width:768px){
.service_range_item i{
margin-right: 1em;
}
} .youtube{
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.youtube iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.showcase__cnt__subtitle{
background: #222;
color: #fff;
display: inline-block;
padding: 0 .5em;
} .production_point_img{
height:150px;
}
.production_point_title{
border:none;
font-size:24px;
font-weight:bold;
padding:0;
}
.genre{
text-align: center;
}
.genre__item{
border: 1px solid #e4dede;
border-radius: 10px;
}
@media screen and (min-width:769px){
.genre__item{
margin-right:4%;
}
.genre__item:nth-child(4n){
margin-right:0;
}
.genre__item:nth-child(n+5){
margin-top:2em;
}
}
@media screen and (max-width:768px){
.genre__item {
padding:1em;
}
.genre__item:nth-child(n+2){
margin-top:2em;
}
}
.genre__item a{
display:block;
padding: 1rem;
}
.genre__item__icon{
height: 60px;
width: auto;
margin: 30px;
}
.genre__item__title{
background:#222;
color:#fff;
font-size: 16px;
margin-top: 1rem;
padding: 5%;
border-radius: 10px;
}
@media screen and (min-width:769px){
.genre__item__title{
min-height:65px;
}
}
.genre__item__text{
color: #999;
font-size: 0.85em;
margin-top: 1rem;
text-align: left;
} @media screen and (min-width:769px){
.genre__item_ex:nth-child(3n){
margin-right:0;
}
}
.video-creator .label{
font-size: 0.85rem;
}
.video-creator__item__img{
height: 200px;
}
.video-creator__item__text{
font-size: 0.85rem;
}
.production-flow__item{
padding: 4rem 0;
text-align: center;
width: 12.5%;
}
@media screen and (max-width:768px){
.production-flow__item{
padding: 2rem 0;
width: 100%;
}
}
.production-flow__item--box{
border: 1px solid #222;
width: 25%;
}
@media screen and (max-width:768px){
.production-flow__item--box{
width: 100%;
}
}
.production-flow__item__icon{
height: 25px;
width: auto;
}
@media screen and (max-width:768px){
.production-flow__item--arrow .production-flow__item__icon{
margin-bottom: 1rem;
transform: rotate(90deg);
}
}
.production-flow-detail__item{
border: 1px solid #222;
border-radius: 10px;
padding: 2rem 0;
position: relative;
text-align: center;
width: 20%; }
@media screen and (max-width:768px){
.production-flow-detail__item{
width: 100%;
}
.production-flow-detail__item:nth-child(n+2){
margin-top: 2rem;
}
}
.production-flow-detail__item:after{
border-top: 1px solid #222;
border-right: 1px solid #222;
content: '';
display: block;
height: 10px;
position: absolute;
right: -18%; top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 10px;
}
@media screen and (max-width:768px){
.production-flow-detail__item:after{
bottom: -16%;
right: 50%;
top: auto;
transform: translate(50%,0) rotate(135deg);
}
}
.production-flow-detail__item:last-child:after{
content: none;
}
@media screen and (max-width:768px){
.production-flow-detail__item:last-child:after{
content: '';
}
.production-flow-detail__item--last:after{
content: none!important;
}
}
.production-flow-detail__item__num{
color: #999;
font-size: 0.85rem;
} .kenshoo-logo{
height: auto;
width: 20%;
}
@media screen and (max-width:768px){
.kenshoo-logo{
height: auto;
width: 40%;
}	
}
.kv_video-ad{
background:url(//cine-mato.com/wp-content/uploads/2021/05/video-adFV.png) center center/cover;
padding:8em 0;
}
.boder-r{
border: 1px solid #ddd;
padding: 3%;
background-color: white;
}
.ad-pricecards{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
} 
@media screen and (max-width:600px){
.ad-pricecards{
flex-direction: column;
-webkit-flex-direction: column;
}
}
@media screen and (max-width:768px){
.ad-pricecard{
width: 100%;
margin: 0 auto 2em;
}
}
.ad-pricecard{
flex: 0 0 calc((100% / 3));
text-align: center;
padding-bottom: 1rem;
box-sizing: border-box;
margin: 0 auto;
border: 1px solid #e6e3e3;
}
.ad-pricecard span{
background-color: #333330;
color: #fff;
display: block;
padding: 30px 10px;
margin: 0;
font-size: 1.2rem;
}
.vd-pricecards{
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
} 
.vd-pricecard{
text-align: center;
padding-bottom: 1rem;
box-sizing: border-box;
margin: 0 auto;
border: 1px solid #e6e3e3;
}
.vd-pricecard span{
background-color: #333330;
color: #fff;
display: block;
padding: 30px 10px;
margin: 0;
font-size: 1.2rem;
} .kv_beginner{
background:url(//cine-mato.com/wp-content/uploads/2022/02/beginner_top.png) center center/cover;
padding:8em 0;
}
@media screen and (max-width:768px){
.kv_beginner{
padding:4em 0;
}
}
.kv_beginner_title{
font-size:2.6em;
font-weight:bold;
}
@media screen and (max-width:768px){
.kv_beginner_title{
font-size:24px;
}
}
.kv_beginner_text{
font-size:1.2em;
font-weight:bold;
}
@media screen and (max-width:768px){
.kv_beginner_text{
font-size:16px;
}
} .marke_kv{
position:relative;
}
.marke_kv_img{
margin-left:auto;
width:70%;
}
.marke_kv_img img{
max-height:inherit!important;
max-width:inherit!important;
width:100%;
}
.marke_kv_cnt{
font-weight:bold;
margin-left:10%;
position:absolute;
top:50%;
transform:translateY(-50%);
width:60%;
}
@media screen and (max-width:768px){
.marke_kv_cnt{
background:url(https://cine-mato.com/wp-content/uploads/2020/07/kv-sp.jpg) no-repeat center center/cover;
margin:0;
padding:1em;
position:inherit;
transform:none;
width:100%;
}
}
.marke_kv_title{
background:rgba(255,255,255,0.8);
display:inline-block;
font-size:2.5em;
padding:1rem;
}
@media screen and (max-width:768px){
.marke_kv_title{
font-size:1.2em;
}
}
.marke_kv_text{
background:rgba(255,255,255,0.8);
display:inline-block;
font-size:1.125em;
padding:1rem;
}
@media screen and (max-width:768px){
.marke_kv_text{
font-size:12px;
}
}
.marke_kv_btn{
background:#222;
color:#ccc;
font-size:1.125em;
padding:1.5em 2em;
}
.problem_img{
text-align:center;
}
.problem_img img{
height:auto;
width:60%;
}
.problem_title{
border:none;
font-size:1.125em;
font-weight:bold;
text-align:center;
}
.feature_point_num{
font-size:1.5em;
font-weight:bold;
}
@media screen and (max-width:768px){
.feature_point_num{
font-size:1.125em;
}
}
.feature_point_title{
background:#222;
border:none;
color:#fff;
font-size:1.875em;
font-weight:bold;
padding:1rem;
}
@media screen and (max-width:768px){
.feature_point_title{
font-size:1.5em;
}
}
.feature_point_btn{
border:1px solid #222;
padding:1em;
}
.feature_point_img{
width:100%;
}
.producer_title{
font-weight:bold;
text-align:center;
}
.producer_title .main{
border:none;
font-size:1.875em;
padding:0
}
.producer_title .sub{
font-size:1.125em;
}
.producer_item{
border:1px solid #222;
padding:2em;
}
@media screen and (min-width:769px){ .producer_item{
margin:0 2em;
}
} .kv_saas{
background:url(//cine-mato.com/wp-content/uploads/2021/04/CINEMATOforSaaS_FV.png) center center/cover;
padding:8em 0;
}
@media screen and (max-width:768px){
.kv_saas{
padding:4em 0;
}
}
.kv_saas_title{
font-size:2.6em;
font-weight:bold;
}
@media screen and (max-width:768px){
.kv_saas_title{
font-size:24px;
}
}
.kv_saas_text{
font-size:1.2em;
font-weight:bold;
}
@media screen and (max-width:768px){
.kv_saas_text{
font-size:16px;
}
}
.saas_lowwer_cv {
background: url(https://cine-mato.com/wp-content/uploads/2020/11/lower_cv_bg.jpg) center center/cover;
color: #fff;
padding: 6em 0;
}
#saas_contact{
background:url(https://cine-mato.com/wp-content/uploads/2021/04/contact-sdgs.png) center top/cover;
padding:10em;
}
@media screen and (max-width:768px){
#saas_contact{
padding:1em;
}
} .kv_sdgs{
background:url(//cine-mato.com/wp-content/uploads/2021/04/SDGsFV.png) center center/cover;
padding:8em 0;
}
@media screen and (max-width:768px){
.kv_sdgs{
padding:4em 0;
}
}
.kv_cnt_wrap{
background:rgba(255,255,255,0.8);
display:inline-block;
padding:1em;
}
.kv_sdgs_title{
font-size:2.6em;
font-weight:bold;
}
@media screen and (max-width:768px){
.kv_sdgs_title{
font-size:24px;
}
}
.kv_sdgs_text{
font-size:1.2em;
font-weight:bold;
}
@media screen and (max-width:768px){
.kv_sdgs_text{
font-size:16px;
}
}
.sdgs_lowwer_cv {
background: url(https://cine-mato.com/wp-content/uploads/2021/04/lowwer2.png) center center/cover;
color: #222;
padding: 6em 0;
}
#sdgs_contact{
background:url(https://cine-mato.com/wp-content/uploads/2021/04/contact-sdgs.png) center top/cover;
padding:10em;
}
@media screen and (max-width:768px){
#sdgs_contact{
padding:1em;
}
} .kv_seo{
background:url(//cine-mato.com/wp-content/uploads/2021/07/video_seoFV.png) center center/cover;
padding:8em 0;
}
@media screen and (max-width:768px){
.kv_seo{
padding:4em 0;
}
}
.kv_seo_title{
font-size:2.6em;
font-weight:bold;
}
@media screen and (max-width:768px){
.kv_seo_title{
font-size:24px;
}
}
.kv_seo_text{
font-size:1.2em;
font-weight:bold;
}
@media screen and (max-width:768px){
.kv_seo_text{
font-size:16px;
}
}
.seo_lowwer_cv {
background: url(https://cine-mato.com/wp-content/uploads/2020/11/lower_cv_bg.jpg) center center/cover;
color: #fff;
padding: 6em 0;
}
#seo_contact{
background:url(https://cine-mato.com/wp-content/uploads/2021/04/contact-sdgs.png) center top/cover;
padding:10em;
}
@media screen and (max-width:768px){
#seo_contact{
padding:1em;
}
} .marke_cv{
background: url(https://cine-mato.com/wp-content/uploads/2020/07/cv-bg.jpg) no-repeat center center/cover;
color: #fff;
font-weight: bold;
padding:10em 0;
}
@media screen and (max-width:768px){
.marke_cv{
padding:4em 0;
}
}
.marke_cv_img{
width: 34%;
}
@media screen and (max-width:768px){
.marke_cv_img{
width: 100%;
}
}
.marke_cv_img img{
height: 150px;
width: auto;
}
.marke_cv_cnt{
width: 66%;
}
@media screen and (max-width:768px){
.marke_cv_cnt{
width: 100%;
}
}
.marke_cv_title{
font-size: 1.5em;
}
.btn_marke_cv{
background:#fff;
padding:1em;
} .service_catch{
font-size:1.875em;
}
.service_catch2{
font-weight:bold;
text-align:center
}
.service_catch2 .main{
border:none;
font-size:3.75em;
padding:0;
}
@media screen and (max-width:768px){
.service_catch2 .main{
font-size:1.875em;
}
}
.service_catch2 .sub{
font-size:1.5em;
}
@media screen and (max-width:768px){
.service_catch2 .sub{
font-size:1.2em;
}
} .marke_work_item{
cursor:pointer;
}
.marke_work_item:nth-child(n+3){
margin-top:2em;
}
@media screen and (max-width:768px){
.marke_work_item{
display:block;
}
.marke_work_item:nth-child(n+2){
margin-top:2em;
}
}
.marke_work_item_title{
background:#222;
color:#fff;
font-size:1.125em;
font-weight:bold;
padding:1em;
}
.marke_work_item_com{
font-weight:bold;
}
.marke_work_item_catch{
font-size:1.5em;
font-weight:bold;
} .marke_modal{
display: none;
height: 100vh;
position: fixed;
top: 0;
width: 100%;
z-index:9999;
}
.marke_modal__bg{
background: rgba(0,0,0,0.8);
height: 100vh;
position: absolute;
width: 100%;
}
.marke_modal__content{
background: #fff;
left: 50%;
padding: 3em;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 60%;
}
@media screen and (max-width:768px){
.marke_modal__content{
padding: 2em;
width:95%;
}
}
.marke_modal_close{
color:#fff;
font-size:2em;
line-height:1;
position:absolute;
right:10px;
top:-40px;
}
.youtube {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.youtube iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.mt5-pc {
margin-top: 6em;
} #marke_contact{
padding-top: 0;
position: relative;
}
.marke_contact_vi_img{
width: 70%;
}
@media screen and (max-width:768px){
.marke_contact_vi_img{
width: 90%;
}
}
.marke_contact_vi_cnt{
font-weight: bold;
width: 30%;
}
@media screen and (max-width:768px){
.marke_contact_vi_cnt{
margin: 0 auto;
width: 95%;
}
}
.marke_contact_vi_cnt .main{
font-size: 1.5em;
}
.marke_contact_catch{
font-size: 2.25em;
}
@media screen and (max-width:768px){
.marke_contact_catch{
font-size: 2em;
}
}
.marke_contact_form{
background: #fff;
padding: 4em;
}
@media screen and (max-width:768px){
.marke_contact_form{
padding: 2em;
}
}
.marke_contact_form input[type="text"],
.marke_contact_form input[type="email"],
.marke_contact_form input[type="tel"],
.marke_contact_form textarea{
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
padding: 1em;
width: 100%;
}
.marke_contact_form .wpcf7-list-item{
display:block;
}
.marke_contact_form input[type="submit"]{
background: #fed902;
border-radius: 50px;
color: #545454;
font-size: 18px;
font-weight: bold;
padding: 1em;
}
.marke_contact_form .label{
display: inline-block;
font-weight: bold;
margin-bottom: 1em;
}
.marke_contact_bg{
background: url(https://cine-mato.com/wp-content/uploads/2020/07/contact-bg.jpg) center center/cover;
height: 100%;
position: absolute;
top: 200px;
width: 100%;
z-index: -1;
}
@media screen and (max-width:768px){
.marke_contact_bg{
top: 150px;
}
} .qaContainer dt {
padding: 10px 10px 10px 35px;
border-radius: 5px;
background: #666;
color: #fff;
text-indent: -25px;
}
.qaContainer dt:before {
content: "Q.";
font-weight: bold;
margin-right: 7px;
}
.qaContainer dd {
margin: 20px 10px 40px 35px;
text-indent: -25px;
}
.qaContainer dd:before {
content: "A.";
color: #222;
font-weight: bold;
margin-right: 7px;
} *,
*::after,
*::before {
box-sizing: border-box;
}
.accordion {
max-width: 100%;
}  .accordion-hidden{
display: none;
} .accordion-open {
display: block;
padding: 10px;
background: #545454;
color: #fff;
cursor: pointer;
margin: 5px 0;
position: relative; } .accordion-open::before,
.accordion-open::after {
content: '';
width: 20px;
height: 3px;
background: #fff;
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
} .accordion-open::after {
transform: translateY(-50%) rotate(90deg);
transition: .5s;
} .accordion-hidden:checked + .accordion-open:after {
transform: translateY(-50%) rotate(0);
} .accordion-close {
display: block;
height: 0;
overflow: hidden;
padding: 0;
opacity: 0;
transition: 0.5s; } .accordion-hidden:checked + .accordion-open + .accordion-close {
height: auto;
opacity: 1;
padding: 10px;
background: #f5f5f5;
}  .anima_title{
font-size:30px;
font-weight:bold;
}
@media screen and (max-width:768px){
.anima_title{
font-size:24px;
}
}
.anima_cv{
background:#eee;
padding:2em 0;
}
@media screen and (max-width:768px){
.anima_cv{
padding:2em 2.5%;;
}
}
@media screen and (min-width:769px){
.anima_cv_img{
width:60%;
}
.anima_cv_cnt{
margin-left:10%;
width:30%;
}
}
.anima_cv_title{
font-size:36px;
font-weight:bold;
}
@media screen and (max-width:768px){
.anima_cv_title{
font-size:24px;
}
}
.anima_cv_btn{
background:#222;
color:#fff;
font-weight:bold;
padding:1em 4em;
} .anima_mv{
position:relative;
}
@media screen and (min-width:769px){
.anima_mv_img{
margin-left:auto;
width:60%;
}
}
.anima_mv_img img{
display:block;
width:100%;
}
.anima_mv_cnt{
font-weight:bold;
left:10%;
}
@media screen and (min-width:769px){
.anima_mv_cnt{
position:absolute;
top:50%;
transform:translatey(-50%);
width:30%;
}
}
@media screen and (max-width:768px){
.anima_mv_cnt{
margin:0 auto;
width:95%;
}
}
.anima_mv_title{
font-size:48px;
}
@media screen and (max-width:768px){
.anima_mv_title{
font-size:36px;
text-align:center;
}
}
.anima_mv_subtitle{
font-size:24px;
}
@media screen and (max-width:768px){
.anima_mv_subtitle{
font-size:16px;
text-align:center;
}
}
.anima_mv_btn{
padding:1em!important;
width:100%!important;
} .anima_problm_item_img img{
height:150px;
}
.anima_problm_item_title{
font-size:18px;
font-weight:bold;
} .anima_use_item_title{
font-size:24px;
font-weight:bold;
} @media screen and (min-width:769px){
.anima_strength_item_img{
width:35%;
}
}
@media screen and (min-width:769px){
.anima_strength_item_cnt{
width:61%;
}
}
#anima_contact{
background:url(https://cine-mato.com/wp-content/uploads/2020/10/contact-bg.jpg) center top/cover;
padding-top:10em;
}
@media screen and (max-width:768px){
#anima_contact{
padding-top:4em;
}
}
.anima_form{
background:#fff;
padding:2em;
} .lowwer_mv{
background:#eee;
}
@media screen and (min-width:769px){
.lowwer_mv_img{
width:55%;
}
.lowwer_mv_cnt{
width:45%;
}
.lowwer_mv_cnt_inner{
width:75%;
text-align: center;
}
}
@media screen and (max-width:768px){
.lowwer_mv_cnt_inner{
padding:1em 0;
width:80%;
text-align: center;
}
}
.lowwer_mv_title{
font-size:2.5rem;
font-weight:bold; }
@media screen and (max-width:768px){
.lowwer_mv_title{
font-size:1.7rem;
font-weight:bold; }
}
.lowwer_mv_subtitle{
text-align: left;
display: inline-block;
}
.lowwer_mv_btn{
width:85%!important;
font-weight: bold;
}
.lowwer_cv{
background:url(https://cine-mato.com/wp-content/uploads/2020/11/lower_cv_bg.jpg) center center/cover;
color:#fff;
padding:6em 0;
}
@media screen and (max-width:768px){
.lowwer_cv{
padding:3em 0;
}
}
.lowwer_cv2 {
} @media screen and (min-width:769px){
.merit_item_img{
width:40%;
}
}
.merit_item_img img{
height:auto;
width:100%;
border-radius: 10px;
}
@media screen and (min-width:769px){
.merit_item_cnt{
width:55%;
}
}
.budjet_title h2{
font-size:30px;
font-weight:bold;
}
@media screen and (max-width:768px){
.budjet_title h2{
font-size:24px;
}
}
.budjet_title span{
background:#222;
color:#fff;
display:inline-block;
margin-right:1em;
}
.flow_item{
background:#eee;
padding: 3em 2em 2em;
position:relative;
}
.flow_item_label{
background:#222;
color:#fff;
font-weight:bold;
padding:.5em 1em;
position:absolute;
top:0;
transform:translatey(-50%);
}
@media screen and (min-width:769px){
.flow_item_img{
width:30%;
}
.flow_item_cnt{
width:66%;
}
}
.flow_item_cnt_title{
border:none;
font-size:24px;
font-weight:bold;
}
.flow_kodawari{
border:2px dashed #222;
padding:2em;
text-align:center;
}
@media screen and (max-width:768px){
.flow_kodawari{
display:none;
}
}
.kodawari_open{
border:1px solid #222;
font-weight:bold;
padding:.5em 1em;
}
.flow_kodawari_title{
font-size:24px;
font-weight:bold;
}
.flow_kodawari_title img{
height:30px;
}
.flow_arrow img{
height:20px;
} .lower_works{
position:relative;
transition:.5s;
}
@media screen and (min-width:769px){
.lower_works{
width:33.333%;
}
.lower_works:nth-child(n+4){
xmargin-top:2em;
}
}
@media screen and (max-width:768px){
.lower_works:nth-child(n+2){
margin-top:2em;
}
}
.lower_works:hover{
xbox-shadow: 0px 0px 30px -6px rgba(0,0,0,0.6);
opacity:.5;
}
.lower_works:hover{
xbox-shadow: 0px 0px 30px -6px rgba(0,0,0,0.6);
opacity:.5;
}
.lower_works_img{
overflow:hidden;
position:relative;
}
.lower_works_img img{
height:auto;
xheight:100%;
xmax-height:none!important;
transition:.5s;
width:100%;
}
.lower_works:hover .lower_works_img img{
transform:scale(1.1);
}
.lower_works_cnt{
padding:1em;
}
.lower_works_cnt_title{
font-weight:bold;
color: #717070;
xfont-size: 1.2rem;
xbackground-color: #f1f1f1;
xborder-radius: 6px;
xpadding: 10px 10px;
}
.lower_works_cnt_project{
color: #717070;
}
.lower_works_cnt_cats{
font-size:10px;
}
.lower_works_cnt_cats .cat_item_label{
font-weight:bold;
width:25%;
}
.lower_works_cnt_cats .cat_item{
width:75%;
color: #666;
}
.lower_works_cnt_cats .cat_item span{
display:inline-block;
margin-right:5px;
margin-top: 5px;
border: 1px solid #ddd;
border-radius: 5px;
padding: 4px;	
}
.lower_works_cnt_industry{
}
.lower_works_cnt_feature{
}
.lower_works_cnt_expression{
}
.lower_works_icon{
color:#fff;
display:block;
font-size:400%;
left:50%;
opacity:0;
position:absolute;
text-shadow: 3px 3px 1px rgba(0,0,0,0.3);
top:50%;
transform:translate(-50%,-50%);
transition:.5s;
}
.lower_works:hover .lower_works_icon{
opacity:1;
}
.lower_works_link{
background: #333;
bottom: 16px;
color: #fff;
display: block;
font-size: 14px;
padding: 0.8em;
position: absolute;
right: 5px;
border-radius: 5px;
} .contact_fv {
position: relative;
width: 100%;
height: 280px;
background: url(https://cine-mato.com/wp-content/uploads/2021/03/contactFV.png);
background-size:cover;
background-repeat: no-repeat;                                       
background-position:center 25%;
}
.title_em {
background: rgba(255,255,255,0.8);
display: inline-block;
padding: 0.1em; 
}
.new_contact_bg{
background: url(https://cine-mato.com/wp-content/uploads//2020/09/new_contact_bg-1024x512.png) center center/cover;
height: 100%;
position: absolute;
TOP: 0;
left: 0;
width: 100%;
z-index: -1;
}
.new_contact_fv{
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.new_contact_form{
border-radius: 10px;
background: #f4f4f4;
padding: 2em 1em;	
}
.new_contact_form a{
color: #308de2;	
}
@media screen and (max-width:769px){
.new_contact_form{
padding: 1rem;
}
.contact_fv {
height: 200px;
}
}
.new_contact_form input[type="text"],
.new_contact_form input[type="email"],
.new_contact_form input[type="tel"],
.new_contact_form select,
.new_contact_form role,
.new_contact_form textarea{
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
padding: 1em;
width: 100%;
}
.new_contact_form .wpcf7-list-item{
display:block;
}
.new_contact_form input[type="submit"]{
background: #fed902;
border-radius: 50px;
color: #545454;
font-size: 18px;
font-weight: bold;
padding: 1em;
}
.new_contact_form .label{
display: inline-block;
font-weight: bold;
margin-bottom: 1em;
}
.new_contact_catch{
font-size: 2em;
}
@media screen and (max-width:768px){
.new_contact_catch{
font-size: 1.3em;
}
}  .movie-link{
position: relative;
}
.movie-link img{
height: auto;
width: 100%;
}
.movie-link-icon{
border: 20px solid transparent;
border-left:30px solid rgba(255,255,255,0.8);
display: block;
height: 0;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 0;
}
.company-info{
border: 1px solid #222;
padding: 2rem;
}
.company-info__logo{
background: #eee;
padding: 1rem;
text-align: center;
}
.company-info__logo div{
width: 100%;
}
.company-info__logo img{
height: auto;
max-width: 100%
} .news_list_item{
border-bottom:1px solid #ddd;
padding-bottom:1em;
position:relative;
}
.news_list_item:nth-child(n+2){
margin-top:2em
}
.news_list_item i{
display:block;
position:absolute;
right:0;
top:50%;
transform:translatey(-50%);
}
.news_list_item_cat{
background:#222;
color:#fff;
padding:.5em;
text-align:center;
width:15%;
}
@media screen and (max-width:768px){
.news_list_item_cat{
display:inline-block;
font-size:12px;
padding:.2em;
width:auto;
}
}
.news_list_item_title{
width:81%;
}
@media screen and (max-width:768px){
.news_list_item_title{
margin-top:1em;
width:100%;
}
} .single-meta{
color: #999;
}
.single-share__item{
margin-right: 1rem;
} @media screen and (min-width:769px){ .paper_list_item{
margin-right:4%;
}
.paper_list_item:nth-child(3n){
margin-right:0;
}
.paper_list_item:nth-child(n+4){
margin-top:4em;
}
}
@media screen and (max-width:768px){
.paper_list_item:nth-child(n+2){
margin-top:4em;
}
}
.paper_list_img{
border:1px solid #ccc;
overflow:hidden;
}
.paper_list_img img{
display: block;
width:100%;
}
@media screen and (min-width:769px){ .paper_list_img img{	
}
}
.paper_list_title{
font-size:1.2em;
font-weight:bold;
height:60px;
overflow:hidden;
text-overflow:ellipsis;
}
.paper_list_btn{
background:#222;
color:#fff;
font-weight:bold;
padding: 1em;
text-align:center;
width:100%;
} .paper_form input[type="text"],
.paper_form input[type="email"]{
padding:1em;
}
.paper_form a{
text-decoration:underline;
} .whitepaper-content{
max-width: 800px;
overflow: hidden;
margin: 4em auto 60px;
}
.single_post_list_img{
border:1px solid #ccc;
}
.single_post_list_img img{
display:block
}
.single_white_paper_title{
font-size:1.875em;
font-weight:bold;
}
.single_white_paper_point{
border:1px solid #222;
display:inline-block;
font-size:1.125em;
font-weight:bold;
padding:.5em;
} .entry-content{
width: 100%;
max-width: 1308px;
padding: 0 1em;
margin: 2em auto;
} .entry-content address,
.entry-content dl,
.entry-content ul,
.entry-content ol,
.entry-content p,
.entry-content table,
.entry-content blockquote,
.entry-content pre{
margin-bottom: 2rem;
} .entry-content a{
color: #999;
text-decoration: underline;
}
.entry-content a:hover{
text-decoration: none;
}
.entry-content address{
background: #eee;
padding: 2rem;
} .entry-content blockquote{
background: #f9f9f9;
color: #717171;
font-style: italic;
padding: 1rem;
}
.entry-content cite{
word-break: break-all
}
.entry-content figcaption{
color: #989898;
font-style: italic;
font-size: 0.7em;
padding: 1rem;
word-break: break-all
}
.entry-content blockquote p:last-child{
margin-bottom: 0;
}
.entry-content code{
background: #fff;
font-style: italic;
}
.entry-content em{
background: #f1f1f1;
font-style: italic;
}
.entry-content pre{
background: #eee;
overflow:scroll;
padding: 2rem;
}
.entry-content ul li{
list-style:disc outside;
}
.entry-content ol li{
list-style:decimal outside;
}
.entry-content ul ol li{
list-style:decimal outside;
}
.entry-content ol ul li{
list-style:disc outside;
}
.entry-content li{
margin:0 0 1rem 1rem;
}
.entry-content li ul,
.entry-content li ol{
margin-top: 1rem;
}
.entry-content dt{
font-weight: bold;
}
.entry-content dd{
margin-bottom: 1rem;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
margin:4rem 0 2rem;
}
.entry-content h1{
font-size: 1.8rem;
}
.entry-content h2{
background: #f4f4f4;
color: #232323;
border-left: 6px solid #232323;
font-size: 1.5rem;
font-weight: bold;	
border-radius: 3px;
padding: 0.5em;
}
.entry-content h3{
padding-left: 40px;
border-bottom: 2px solid #232323!important;
color: #333;
border: 0;
position: relative;
font-weight: bold;
font-size: 1.3em;
line-height: 2;
display: block;
box-sizing: border-box;
}
.entry-content h3:before{
top: .6em;
left: .2em;
z-index: 2;
width: 21px;
height: 21px;
background: #607d8b;
opacity: .5;
position: absolute;
content: '';
border-radius: 100%;
background: #232323
}
.entry-content h3:after{
top: 1.1em;
left: .7em;
width: 13px;
height: 13px;
background: #607d8b;
opacity: .5;
position: absolute;
content: '';
border-radius: 100%;
background: #232323;
box-sizing: border-box;
}
.entry-content h4{
font-size: 1.25rem;
padding-bottom: .5em;
border-bottom: 1px solid #232323;
}
.entry-content h5{
font-size: 1.125rem;
}
.entry-content h6{
} .entry-content table{
background: #fff;
border-left: 1px solid #eee;
border-top: 1px solid #eee;
font-size: 14px;
width: 100%;
}
.entry-content th,
.entry-content td{
border-bottom: 1px solid #eee;	
border-right: 1px solid #eee;
padding: 10px;
vertical-align: top;
}
.entry-content th{
text-align: left;
vertical-align: top;
} .entry-content table.no-border,
.entry-content table.no-border th,
.entry-content table.no-border td{
border: none;
}  .entry-content strong{
}
.entry-content small{
font-size: 0.85rem;
}
.entry-content img{
height: auto;
max-width: 100%;
}
.entry-content a img{
}
.entry-content iframe{
max-width: 100%;
}
.aligncenter{
text-align: center;
}
.contents img.aligncenter,.contents img.aligncenter{
display:block;
margin:0 auto;
}
.alignleft{
float: left;
margin-right: 1rem;
}
.alignright{
float: right;
margin-left: 1rem;
}
.wp-caption{
max-width: 100%;
}
.wp-caption-text{
color: #999;
font-size: 0.85rem;
font-style: italic;
}  .b{
font-weight:bold;
}
.red{
color:red;
font-weight:bold;
}
.white{
color: #fff;
}
.y-line{
font-weight: bold;
background: linear-gradient(transparent 60%, #ffe54e 60%);
}
.blue{
font-weight:bold;
color:#456499;
} .header h1 {
display: block;
margin: 0 auto;
font-size: 11px;
color: #545454;
}
@media screen and (max-width: 768px){
.header h1 {
display: block;
margin: 0 auto;
font-size: 10px;
color: #999;
margin-right: 80px;
}
} 
@media screen and (max-width: 768px)
.hidden-mobile {
display: none!important;
}
.lp-title {
text-align: center;
}
.lp-title:after {
width: 70px;
content: '';
display: block;
margin: 25px 0 30px;
border-bottom: 6px solid #fed902;
margin: 5px auto 5px;
}
.naoki{
font-size: 24px;
margin: 40px auto 25px !important;
font-weight: 600;
border-bottom: double 5px #FFC778;
padding-bottom: 5px;
} .job{
border-bottom: 1px solid #222;
padding-bottom: 2rem;
} .page-id-5911 table,
.page-id-5911 th,
.page-id-5911 td{
background: none;
border: none;
}
input,textarea{
border: 1px solid #222;
font-size: 16px;
padding: 10px;
}
input[type="text"],
input[type="email"],
textarea{
width: 100%;
}
input.year{
width: auto;
}
input[type="submit"]{
background: #fed902;
color: #545454;
font-size: 18px;
font-weight: 700;
padding: 20px 0;
transition: .5s;
width: 300px;
}
@media screen and (max-width:768px){
input[type="submit"]{
font-size: 1rem;
width: 95%;
}
}
input[type="submit"]:hover{
background: #fff;
color: #222;
}
#contact{
background: #f1f1f1;
padding: 200px 0;
}
#contact table{
margin-bottom: 60px;
}
#contact th,
#contact td{
padding: 20px 0;
}
#contact th{
font-weight: 700;
text-align: left;
vertical-align: top;
width: 30%;
}
#contact td{
width: 70%;
}
#contact .ex{
color: #666;
font-size: 12px;
margin-top: 10px;
}
.note{
font-size: 0.8rem;
} a.balloon-price{
position: relative;	
}
a.balloon-price:before{
position: absolute;
content: '＼動画制作の相場価格資料公開中／';
top: -30px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
color: #d2d1d1;
padding: 0.2em;
font-size: small;
}
.kv_price{
background:url(//cine-mato.com/wp-content/uploads/2020/12/priceFV2.png) center center/cover;
padding:8em 0;
}
@media screen and (max-width:768px){
.kv_price{
padding:4em 0;
}
}
.kv_cnt_wrap{
background:rgba(255,255,255,0.8);
display:inline-block;
padding:1em;
}
.kv_price_title{
font-size:2.6em;
font-weight:bold;
}
@media screen and (max-width:768px){
.kv_price_title{
font-size:24px;
}
}
.kv_price_text{
font-size:1.2em;
font-weight:bold;
}
@media screen and (max-width:768px){
.kv_price_text{
font-size:16px;
}
}
.price_nav_title{
font-size:24px;
}
@media screen and (max-width:768px){
.price_nav_title{
font-size:18px;
}
}
.price_nav a{
border:1px solid #222;
display:block;
font-weight:bold;
padding:1em 0;
text-align:center;
}
@media screen and (max-width:768px){
.price_nav a{
font-size:.9em;
}
}
.plan_item{
border:1px solid #222;
}
.plan_item_label{
background:#222;
color:#fff;
font-weight:bold;
padding:.5em 0;
text-align:center;
}
.plan_item_price{
font-size:1.25em;
font-weight:bold;
text-align:center;
}
.plan_item p{
padding:0 1em 1em ;
}
.plan_strong_text{
font-size:22px;
}
@media screen and (max-width:768px){
.plan_strong_text{
font-size:16px;
}
}
.price_problem{
background:url(https://cine-mato.com/wp-content/uploads/2020/08/problem-bg.jpg) center center /cover;
color:#fff;
padding:4em 0;
}
.price_problem_title{
font-size:40px;
font-weight:bold;
text-align:center;
}
@media screen and (max-width:768px){
.price_problem_title{
font-size:24px;
}
}
.price_problem_list_item{
border-bottom:1px solid #fff;
font-size:24px;
font-weight:bold;
padding-bottom:.5em;
}
@media screen and (max-width:768px){
.price_problem_list_item{
font-size:16px;
}
}
.ptow-btn{
background: #222;
color: #fff;
font-weight: bold;
padding: 1em;
text-align: center;
width: 100%;
}
.lower_works_price{
position:relative;
}
@media screen and (min-width:769px){
.lower_works_price{
width:32.333%;
}
.lower_works_price:nth-child(n+4){
xmargin-top:2em;
}
}
@media screen and (max-width:768px){
.lower_works_price:nth-child(n+2){
margin-top:2em;
}
}
.lower_works_price:hover{
xbox-shadow: 0px 0px 30px -6px rgba(0,0,0,0.6);
}
.lower_works_img img:hover{
transform:scale(1.1);
opacity:.5;
}
.lower_works_img:hover .lower_works_icon{
opacity:1;
}
.merit_item > .lower_works_img {
max-height: none!important;
transition: .5s;
width: auto;
} .loader{
background: #222;
xdisplay: none;
height: 100vh;
left: 0;
position: fixed;
top: 0;
transition: .5s .5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
width: 100%;
z-index: 999;
}
.loader__inner{
text-align: center;
width: 100%;
}
.loader__logo{
height: 60px;
transition: all .5s;
width: auto;
} .loader__logo.on{
filter: blur(10px);
opacity: 0;
}
.loader.on{
transform: translateX(100%);
} a{
word-break: break-all;
} .priceDL_catch{
font-size: 2.25em;
border-bottom: 1px solid #222;
}
@media screen and (max-width:768px){
.priceDL_catch{
font-size: 2em;
border-bottom: 1px solid #222;
}
}
.priceDL-form {
background: #f4f4f4;
padding: 2em 3em;
}
@media screen and (max-width:768px){
.priceDL-form{
padding: 2em .5em;
}
}
.priceDL-form input[type="text"],
.priceDL-form input[type="email"],
.priceDL-form input[type="tel"],
.priceDL-form textarea,
.priceDL-form select,
.priceDL-form role{
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
padding: 1em;
width: 100%;
}
.priceDL-form .wpcf7-list-item{
display:block;
}
.priceDL-form input[type="submit"]{
background: #222;
border-radius: 50px;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 1em;
}
.priceDL-form label{
display: block;
}
.priceDL-form .label{
display: inline-block;
font-weight: bold;
margin-bottom: 1em;
} .kv_price-bg {
background: url(https://cine-mato.com/lp/wp-content/uploads/2020/10/priceFV2.jpg) center center/cover;
height: 45%;
position: absolute;
TOP: 4rem;
left: 0;
width: 100%;
z-index: -1;
}
@media screen and (max-width: 768px){
.kv_price-bg {
max-height: 660px;
TOP: 4rem;
}
}
.price-FV {
height: 50%;
position: absolute;
TOP: 0;
left: 0;
width: 100%;
z-index: -1;
}
@media screen and (max-width: 768px){
.price-FV {
max-height: 660px;
position: absolute;
TOP: 0;
left: 0;
width: 100%;
z-index: -1;
}
}
img.price-FV {
height: 50% !important;
}
.price-FVC {
position: relative;
TOP: 18rem;
}
@media screen and (max-width: 768px){
.price-FVC {
max-height: 660px;
position: relative;
TOP: 16rem;
}
}
.kv_cnt_wrap {
background: rgba(255,255,255,0.8);
display: inline-block;
padding: 1em;
}
.kv_price_text {
font-size: 1.2em;
font-weight: bold;
}
.triple-box {
width: 100%;
}
.thumbnail-image {
display: block;
width: 100%;
height: auto;
box-shadow: 0 1px 8px rgba(0,0,0,0.1);
border-radius: 4px;
background-color: #fff;
list-style: none;
}
.thumbnails {
display: flex;
flex-wrap: nowrap;
}
ul.thumbnails li {
list-style-type: none !important;
background-image: none;
padding-left: 0;
} .float_btn{
opacity:0;
position:fixed;
right:0;
visibility:hidden;
top:50%;
transform:translatey(-50%);
z-index:90;
}
@media screen and (max-width:768px){
.float_btn{
background:#fed902;
bottom:0;
color:#545454;	
display:block;
font-size:1.2em;
font-weight:bold;
padding:1em 0;
right:auto;
text-align:center;
top:auto;
transform:none;
width:100%;
}
}
.float_btn.on{
opacity:1;
visibility:visible;
}
.float-text{
background-color: #fed902;
border-radius: 5px;
border: 1px solid #545454;
color: #545454;	
font-size: 20px;
font-weight: bold;
padding: 1em 0.5em;	
text-align: center;
writing-mode: vertical-rl;
} .flow-c {
font-size: 70%;
}
.flow-c p {
margin-bottom: 0;
}
.flow-item {
border: 1px solid #222222;
border-radius: 10px;
} .hissu{
background: #ce4e4e;
border-radius: 4px;
color: #fff;
display: inline-block;
margin-left: 1em;
padding: 0 .2em;
}
.nini{
background: #cec4c4;
border-radius: 4px;
color: #fff;
display: inline-block;
margin-left: 1em;
padding: 0 .2em;
}
.reCAPTCHA{
color: #999;
font-size: 0.7em;	
}
.grecaptcha-badge {
visibility: hidden;
} .member_list_item{
margin-right:4%;
}
@media screen and (min-width:769px){
.member_list_item:nth-child(4n){
margin-right:0;
}
.member_list_item:nth-child(n+5){
margin-top:2em;
}
}
@media screen and (max-width:768px){
.member_list_item:nth-child(2n){
margin-right:0;
}
.member_list_item:nth-child(n+3){
margin-top:2em;
}
}
.member_list_item_img{
display:block;
}
.member_list_item_cnt{
background:#222;
padding:1em;
}
.member_list_item_cnt_title{
color:#fff;
font-size:18px;
font-weight:bold;
}
.member_list_item_cnt_position{
color:#666;
font-size:12px;
} .member_header{
background:#222;
color:#fff;
font-weight:bold;
padding:4em 0;
}
@media screen and (max-width:768px){
.member_header{
padding:2em 0;
}
}
.member_header_title{
font-size:48px;
}
@media screen and (max-width:768px){
.member_header_title{
font-size:24px;
}
}
.member_header_position{
color:#666;
font-size:24px;
}
@media screen and (max-width:768px){
.member_header_position{
font-size:12px;
}
}
.member_header_tw{
color:#fff;
}
@media screen and (max-width:768px){
.member_header_tw{
font-size:12px;
}
}
.member_header_btn{
background:#fff;
border-radius:10px;
color:#222;
display:inline-block;
padding:1em 2em;
}
.member_header_btn:hover{
background:#fff;
color:#222;
}
@media screen and (max-width:768px){
.member_header_btn{
text-align:center;
width:100%;
}
}
.membe_cnt_title{
border-bottom:1px solid #222;
font-size:48px;
font-weight:bold;
}
@media screen and (max-width:768px){
.membe_cnt_title{
font-size:24px;
}
}
.membe_other{
border-top:1px solid #222;
padding-top:4em;
}
.membe_other_title{
font-size:36px;
font-weight:bold;
}
@media screen and (max-width:768px){
.membe_other_title{
font-size:24px;
}
} .kv_company {
background: url(//cine-mato.com/wp-content/uploads/2021/01/portfolio.jpg) center center/cover;
padding: 8em 0;
}
.kv_about-us {
background: url(//cine-mato.com/wp-content/uploads/2021/01/our-serviceFV.png) center center/cover;
padding: 8em 0;
} a.balloon-youtube{
position: relative;	
}
a.balloon-youtube:before{
position: absolute;
content: 'チャンネル運営の現場担当がご提案';
top: -30px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
color: #d2d1d1;
padding: 0.2em;
font-size: small;
}
.kv_youtube{
background:url(//cine-mato.com/wp-content/uploads/2021/02/youtubeFV2.png) center center/cover;
padding:8em 0;
}
.kv_cnt_yt {
display: inline-block;
padding: 1em;
color: white;
}
@media screen and (min-width: 769px) {
.youtube_item_cnt {
width: 45%;
}
}
@media screen and (min-width: 769px) {
.youtube_item_img {
width: 45%;
}
}
.shadow-p{
filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
}
.range-item{
background-color: #f1f1f1;
padding: 1.12em;
font-weight: bold;
font-size: 18px;
} .pricecards{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
} 
@media screen and (max-width:768px){
.pricecard{
width: 100%;
margin: 0 auto 2em;
}
}
.pricecard{
flex: 0 0 calc((100% / 3));
text-align: center;
padding-bottom: 1rem;
box-sizing: border-box;
margin: 0 auto;
border: 1px solid #e6e3e3;
}
.pricecard h3{
background-color: #d4cecd;
color: #333;
padding: 30px 10px;
margin: 0;
font-size: 1.2rem;
font-weight: bold;
}
.pricecard.premium{
border: 5px solid #fed902;
padding-bottom: 3rem
}
.pricecard.premium h3{
background-color: #222;
color: #fff;
padding: 0 30px 30px;
margin: 0;
font-size: 1.2rem;
font-weight: bold;	
}
.premium-sub{
background-color: #222;
color: #aaa;
padding-top: 30px;
margin: 0;
font-size: 0.7rem;
}
.pricecard h4{
font-size: 1.2rem;
margin: 0 auto;
padding: 20px;
font-weight: bold;	
}
.pricecard.premium h4 {
padding: 20px;
}
.pricecard p{
margin: 0;
padding: 1rem;
text-align: left;
}
.pricecard a{
padding: 10px 40px;
background: #fed902;
color: #545454;
text-decoration: none;
border-radius: 70px;
display: inline-block;
box-shadow: 0px 2px 0px #d2b406;
font-weight: bold;
margin-top: 2em;
}
@media screen and (max-width: 600px){
.profile_card, .pricecards, .profile_cards {
flex-direction: column;
-webkit-flex-direction: column;
}
.pricecard, .card_photo {
flex: 0 0 auto;
-webkit-flex: 0 0 auto;
}
.pricecard.premium {
order: 1;
-webkit-order: 1;
}
}
.price-item{
height: 400px;
border-top: 1px solid #e6e3e3;
padding-top: 2em;
font-size: 1.2rem;
}
@media screen and (max-width:768px){
.price-item{
height: auto;
}
}  #top_belt { max-width:960px;height:15px;background:#666;margin:0 auto; } #stage {
position: relative;
max-width: 960px;
margin: 0 auto;
background:#666;
overflow: hidden;
} #r1,#r2,#r3,#r4,#r5,#back1,#back2,#back3,#back4,#back5,#next1,#next2,#next3,#next4,#next5 {
display: none;
} .circ img {
position: absolute;
bottom:2.5%;
cursor: pointer;
}
#lb1 img { left: 43%;width:3%; }
#lb2 img { left: 47%;width:3%; }
#lb3 img { left: 51%;width:3%; } .pb, .nb { color:#fff;font-weight:bold; font-size:26px;display:block;position:absolute;top:45%; }
.pb { left:0%; }
.nb { left:96%; }
.pb:hover, .nb:hover { color:orange; cursor:pointer; } @media screen and (max-width: 660px) { .pb, .nb { font-size:18px; } } #photos {
position: absolute;
width:100%;
height:90%; left: 4.55%;
opacity:0; animation:flowSlides 24s infinite;
} .pic {
position: absolute;
width:100%;
height:100%;
}
.pic img:nth-child(1) { width:90.9%; margin-left:4.55%; }
.pic img:nth-child(2) { width:3%; bottom:-8.5%; } #photo1 { left: 0; }
#photo2 { left: 960px; }
#photo3 { left: 1920px; } #photo1 img:nth-child(2) { position:absolute;left:43%;width:3%; }
#photo2 img:nth-child(2) { position:absolute;left:47%;width:3%; }
#photo3 img:nth-child(2) { position:absolute;left:51%;width:3%; } #r1:checked ~ #photos { animation:flowSlides1 24s infinite; animation-delay: 0s; }
#r2:checked ~ #photos { animation:flowSlides2 24s infinite; animation-delay:-8s; }
#r3:checked ~ #photos { animation:flowSlides3 24s infinite; animation-delay:-16s; } #back1:checked ~ #photos { animation:flowSlides3 24s infinite; animation-delay:-16s; }
#back2:checked ~ #photos { animation:flowSlides1 24s infinite; animation-delay: 0s; }
#back3:checked ~ #photos { animation:flowSlides2 24s infinite; animation-delay:-8s; }
#next1:checked ~ #photos { animation:flowSlides2 24s infinite; animation-delay:-8s; }
#next2:checked ~ #photos { animation:flowSlides3 24s infinite; animation-delay:-16s; }
#next3:checked ~ #photos { animation:flowSlides1 24s infinite; animation-delay:-24s; } @keyframes flowSlides {
0% { left:0px; opacity:0; }
2% { left:0px; opacity:1; }
31% { left:0px; opacity:1; }
33% { left:0px; opacity:0; }
33.01% { left:-960px; opacity:0; }
35% { left:-960px; opacity:1; }
64% { left:-960px; opacity:1; }
66% { left:-960px; opacity:0; }
66.01% { left:-1920px; opacity:0; }
68% { left:-1920px; opacity:1; }
98% { left:-1920px; opacity:1; }
100% { left:-1920px; opacity:0; }
} @keyframes flowSlides1 {
0% { left:0px; opacity:0; }
2% { left:0px; opacity:1; }
31% { left:0px; opacity:1; }
33% { left:0px; opacity:0; }
33.01% { left:-960px; opacity:0; }
35% { left:-960px; opacity:1; }
64% { left:-960px; opacity:1; }
66% { left:-960px; opacity:0; }
66.01% { left:-1920px; opacity:0; }
68% { left:-1920px; opacity:1; }
98% { left:-1920px; opacity:1; }
100% { left:-1920px; opacity:0; }
}
@keyframes flowSlides2 {
0% { left:0px; opacity:0; }
2% { left:0px; opacity:1; }
31% { left:0px; opacity:1; }
33% { left:0px; opacity:0; }
33.01% { left:-960px; opacity:0; }
35% { left:-960px; opacity:1; }
64% { left:-960px; opacity:1; }
66% { left:-960px; opacity:0; }
66.01% { left:-1920px; opacity:0; }
68% { left:-1920px; opacity:1; }
98% { left:-1920px; opacity:1; }
100% { left:-1920px; opacity:0; }
}
@keyframes flowSlides3 {
0% { left:0px; opacity:0; }
2% { left:0px; opacity:1; }
31% { left:0px; opacity:1; }
33% { left:0px; opacity:0; }
33.01% { left:-960px; opacity:0; }
35% { left:-960px; opacity:1; }
64% { left:-960px; opacity:1; }
66% { left:-960px; opacity:0; }
66.01% { left:-1920px; opacity:0; }
68% { left:-1920px; opacity:1; }
98% { left:-1920px; opacity:1; }
100% { left:-1920px; opacity:0; }
}
#youtube_contact {
background: url(https://cine-mato.com/wp-content/uploads/2020/10/contact-bg.jpg) center top/cover;
padding-top: 10em;
}
.g-slide{
position: relative;
overflow: hidden;
margin: 15px 0 20px 0;
padding-bottom: 50%;
padding-top: 65px;
}
.g-slide iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
} .related_article{
padding: 10px;
margin: 3em 10px;
}
.related_article a{
color:green;
font-weight:bold;
margin: 0 1rem 0 0;
} .speakerbox {
background: #f5f5f5;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 10px;
min-height: 160px;
margin: 1rem 0;
}
.imagebox {
width: 20%;
padding: 5px;
}
@media screen and (max-width: 768px){
.imagebox {
width: 100%;
}
}
.textbox {
width: 75%;
padding: 5px;  
}
@media screen and (max-width: 768px){
.textbox {
width: 100%;
}
}
.speaker {font-weight: bold;padding-bottom: 10px;
}
.speaker-name {
font-weight: bold;
font-size: 2em;
} .supervisor {background: #f5f5f5;display: flex;flex-wrap: wrap;justify-content: space-around;padding: 20px 10px 10px;min-height: 160px;margin: 0 0 1rem;}
.supervisor-title {background-color: #222;color: #fff;padding: 5px;}
.supervisor-img {width: 20%;padding: 5px;text-align: center;}
@media screen and (max-width: 768px){
.supervisor-img {width: 100%;}
}
.supervisor-box {width: 80%;padding: 5px 35px;  }
@media screen and (max-width: 768px){
.supervisor-box {width: 100%;}
}
.speaker-title {font-size: 18px;font-weight: bold;padding: 5px;}
.supervisor-info {padding: 5px;font-size:14px;}
@media screen and (max-width: 768px){
.supervisor-info {width: 100%;font-size:14px;}
}  
.profile-btn {background-color:#222;display:inline-block;padding: 1% 3%;font-size:16px;text-align:center;border-radius: 70px;border: 1px solid #fff;color: #fff;}
a.profile-btn {color: #fff;text-decoration: none;}  #toc_container { margin:0 auto 1em;}
@media screen and (min-width: 769px){#toc_container { min-width: 450px;}} .fa-clock:before , .fa-sync:before{margin-right: 5px;} .blog-card { background: rgba(251, 140, 0, 0.02); border: 1px solid #fb8c00; word-wrap: break-word; max-width: 100%; border-radius: 5px; margin: 0px 10px 15px 10px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.blog-card:hover { cursor: pointer; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .2); -moz-transform: translateY(-2px); -webkit-transform: translateY(-2px); transform: translateY(-2px);}
.blog-card:before { position: absolute; padding: 2px 6px; content: "関連記事"; background-color: #fb8c00; color: #fff; font-size: .8em; z-index: 1;}
.blog-card a { text-decoration: none;}
.blog-card-thumbnail { width: 35%; display: table-cell; vertical-align: middle; padding: 20px 7px 10px 7px;}
.blog-card-thumbnail img { padding: 0;}
.blog-card-content { display: table-cell; vertical-align: middle;}
.blog-card-title {font-size: 1em;margin: 5px 10px 5px 0px;font-weight: bold;line-height: 1.4;}
.blog-card-title:hover { text-decoration: underline;}
.blog-card-excerpt { font-size: .74em; color: #4c4c4c; margin: 0 10px 5px 0; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}
.blog-card .clear { clear: both;}
@media screen and (max-width: 500px) {
.blog-card:before {font-size: .56em;}
.blog-card-title { font-size: .70em;}
.blog-card-excerpt { font-size: .60em;}
} .br-sp{display:none;}
@media screen and (max-width:768px){
.br-sp{display:block;}
}
.br-pc{display:block;}
@media screen and (max-width:768px){
.br-pc{display:none;}
} .kakomi-box1 p.inlink_btn_before ,p.inlink_btn_before{font-weight: bold; font-size: 0.9em; text-align: center; margin-bottom: -1.7rem;} p.supplement_center{font-size: 0.8em; text-align: center; margin-top: -3rem;} p.supplement{font-size: 0.8em; margin-top: -3rem;} .kakomi-box1 .inlink_btn{padding: 2rem 0 1rem;} p.supplement_content_left,span.supplement_content_left{font-size: 0.8em;} p.supplement_content_right,span.supplement_content_right{font-size: 0.8em; text-align: right;} p.supplement_content_center,span.supplement_content_center{font-size: 0.8em; text-align: center;} p.img-paragraph{text-align: center;margin-bottom: 0;} .flex-box{display:flex;align-items: center; justify-content: space-between;}
.flex-box-inner01,.flex-box-inner02{margin: 0 25px 10px; }
@media screen and (max-width:768px){
.flex-box{flex-direction: column;}
.flex-box-inner01,.flex-box-inner02,.flex-box-inner03,.flex-box-inner04{margin: 0 0 10px; }
.flex-box-inner01{order: 2; }
.flex-box-inner02{order: 1; }
.flex-box-inner03{order: 1; }
.flex-box-inner04{order: 2; }
}
.document-img{
max-width: 80%;
margin: 0 auto;
}
@media screen and (max-width:768px){
.document-img{
max-width: 100%;
}
} @media screen and (max-width:768px){
.kakomi-box1 ul.list-margin, .kakomi-box1 ol.list-margin{margin-top: 45px;}
}
.super{vertical-align: super; font-size: 0.8rem;}
.fixed-th{position: sticky; left: 0; &:before{ content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #E4E4E4;}}
.scrolltable {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;margin-bottom: 2rem;}
.scrolltable>.table-thbl{margin-bottom: 0;}
@media screen and (max-width: 768px) {
.scrolltable-sp-only {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;margin-bottom: 2rem;}
.scrolltable-sp-only>.table-thbl{margin-bottom: 0;}
}
.center{text-align: center;}
.center-pc{text-align: center;}
@media screen and (max-width:768px){.center-pc{text-align: left;}}
.flex-set-white-paper{display:flex; flex-direction: row; justify-content: space-around; align-items: center; }
@media screen and (max-width:768px){.flex-set-white-paper{flex-direction:column; }}
.flex-set-white-paper-img{width:50%; }
@media screen and (max-width:768px){.flex-set-white-paper-img{width:100%; }}
.flex-set-white-paper-p{padding: 0 20px; }
.flex-set-white-paper-p ul{text-align:left; }
.logo{flex-basis: 25%;}
.top-video-cover{
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
min-width: 100vw;
min-height: 110vh;
}
.single-icatch-simple{
overflow: hidden;
position: relative;
height: auto;
width: auto;
}
.single-icatch-simple .img{
position: initial;
}
.contents{
width: 100%;
}
body.post-template-default .contents,body.case_study-template-default .contents{
max-width: 1500px;
margin: 0 auto;
}
.title-no-anima{
font-weight: bold;
display: inline-block;
overflow: hidden;
position: relative;
}
.title-no-anima span{
transition: .5s .3s;
} .flex-sidebar{
display: flex;
max-width: 1586px;
margin: 0 auto;
}
.flex-sidebar .inner-l,.flex-sidebar .inner-m{
width: 85%;
margin: 0 auto;
}
.sidebar-wp{
width: 35%;
margin: 35px 30px;
}
.container-wp{
border: solid 3px #EEEEEE;
border-radius: 15px;
background: #EEEEEE;
position: sticky;
top: 100px;
}
.inner-wp{
margin: 10px auto;
width: 85%;
}
.sidebar-title{
text-align: center;
font-weight: bold;
font-size: 15px;
}
.sidebar-title:after{
width: 70px;
content: '';
display: block;
border-bottom: 6px solid #fed902;
margin: 5px auto 10px;
}
.sidebar-image{
text-align: center;
}
.sidebar-wp-title{
text-align: center;
font-weight: bold;
font-size: 15px;
}
.sidebar-wp-description{
font-size: 14px;
width: 85%;
margin: 0 auto;
}
.sidebar-botton{
display: inline-block;
background-color: #fed902;
padding: 1em;
font-size: 15px;
font-weight: bold;
text-align: center;
border-radius: 10px;
color: #545454;
margin: 10px 0;
}
.wp-count{
text-align: center;
margin: 0 auto;
font-weight: bold;
font-size: 14px;
}  .wp-form{
background-color: #f4f4f4;
border-radius: 15px;
}
.flex-minipreview-image{
margin: 0 5px;
width: 33%;
} .flex-box-wp-preview{display:flex;align-items: center;justify-content: space-around;}
#popup01,#popup02,#popup03 {display: none;}
.popup-open {cursor: pointer;}
.popup-overlay {display: none;}
#popup01:checked ~ .popup-overlay,#popup02:checked ~ .popup-overlay,#popup03:checked ~ .popup-overlay{
display: block;
z-index: 100;
background-color: #00000070;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
}
.popup-close-gray{
width: 100%;
height: 100%;
z-index: 101;
position: fixed;
cursor: pointer;
}
.popup-window {
z-index: 101;
width: 75vw;
max-width: 850px;
padding: 10px;
position: fixed;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
}
.popup-text{margin: 0;}
.popup-text:not(:last-of-type) {margin-bottom: 1em;}
.popup-close-button {
cursor: pointer;
position: absolute;
top: -35px;
right: -25px;
}
@media screen and (max-width: 768px){
.popup-window {
top: 50%;
width: 98vw;
}
.popup-close-button {
top: -45px;
right: 10px;
}
} .mv__catchcopy .fv-button{
position: relative;
display: inline-block;
padding: 0 .5em .5em;
}
.button-beffore{
margin: auto;
padding: 0.2em;
font-size: small;
}
.left-beffore{
color: #fed902;
}
.right-beffore{
color: #fff;
}
@media screen and (max-width: 768px){
.mv__catchcopy .fv-button {
width: 100%; }
.button-beffore{
margin-bottom: -15px;
}
}
sup {
vertical-align: super;
font-size: smaller;
}  .hidden {
display: none;
}
.spam-trap {
position: absolute !important;
left: -9999px !important;
}
.mw1200 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
} .works-list{
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.mv__catchcopy {
padding: 8rem 20px;
} .related-combinations {
margin-top: 40px;
padding: 20px;
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 8px;
}
.related-combinations-title {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 15px;
text-align: left;
}
.related-combinations-list {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.related-combinations-list li {
width: 33.33%; padding: 5px 10px;
box-sizing: border-box; }
.related-combinations-list li a {
text-decoration: underline;
font-size: 0.9rem;
} @media screen and (max-width: 768px) {
.related-combinations-list li {
width: 100%; padding: 8px 0;
}
} .lower_works:hover {
opacity: unset;
} .simulator-container {
max-width: 900px; margin: 40px auto 60px; padding: 30px 40px; border-radius: 12px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); background: #fff;
}
.sim-question {
margin-bottom: 35px; padding-bottom: 25px;
border-bottom: 1px dashed #ccc;
}
.sim-question:last-of-type { border-bottom: none;
margin-bottom: 0;
}
.sim-question h3 {
font-size: 1.3em; font-weight: bold;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #fed902; } .sim-button-wrapper {
display: flex; flex-wrap: wrap; gap: 12px; } .sim-button,
.sim-button-multi {
   flex: 0 1 230px; background: #f5f5f5;
border: 2px solid #ddd;
border-radius: 8px;
padding: 16px 20px; margin: 0; cursor: pointer;
font-size: 1em;
text-align: center; line-height: 1.4; transition: all 0.2s ease;
} @media screen and (max-width: 768px) {
.sim-button-wrapper {
gap: 10px; }
.sim-button,
.sim-button-multi {
flex-basis: 100%; padding: 14px 20px; }
} .sim-button:hover,
.sim-button-multi:hover {
background: #e9e9e9;
border-color: #b0b0b0; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
.sim-button.selected,
.sim-button-multi.selected {
background: #fed902; border-color: #f0c000;
color: #333;
font-weight: bold;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transform: translateY(-1px);
} #submit-simulator-button {
background: #333;
color: #fff;
border: none;
border-radius: 8px;
padding: 15px 30px;
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
transition: all 0.2s ease;
width: 100%; box-sizing: border-box; }
#submit-simulator-button:hover {
opacity: 0.8;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}  body.page-template-page-simulator-form-php #simulator-body {
opacity: 0.7;
pointer-events: none;
background: #f9f9f9;
padding: 20px 30px;
border-radius: 8px;
border: 1px solid #eee;
} body.page-template-page-simulator-form-php #submit-simulator-button {
display: none;
} .simulator-redo-link {
text-align: right;
margin-top: 10px;
margin-bottom: 25px;
}
.simulator-redo-link a {
font-size: 0.9em;
text-decoration: underline;
color: #555;
transition: color 0.2s;
}
.simulator-redo-link a:hover {
color: #000;
} #hubspot-form-wrapper {
margin-top: 40px;
padding-top: 30px;
border-top: 2px solid #fed902;
}
.abs_btn a.abs_btn_sim {
background: #fff;
border: 0px solid #222;
}
.abs_btn a.abs_btn_sim:hover {
background: #222;
color: #fff;
}