/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/*                 COMMON                   */
/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */

body,
a{
color:#333333;
}
a:hover{
color:#CB5520;
}
body *{
/*
font-family: "vdl-v7mincho", Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-size:16px;
*/
font-family: -apple-system, BlinkMacSystemFont, "小塚ゴシック Pro", "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

.pc-only{
display:block;
}
.sp-only{
display:none;
}

.block-align-center{
display:inline-block;
text-align:left;
}

/* HEADER */

#header{
width:100%;
padding:0 1em;
background-color:#ffffff;
height:97px;
position:fixed;
box-sizing:border-box;
z-index:9999;
}
header{
max-width:1000px;
margin:0 auto;

}

.header-left{
float:left;
box-sizing:border-box;
width:219px;
padding:1em 0;
}
.header-left img{
width:100%;
}
.header-right{
float:right;
width:calc(100% - 479px - 3rem);
padding:calc((97px - 1em) / 2) 0;
text-align:right;
position:relative;
}
.header-nav a{
margin-right:1em;
}
.header-nav a:last-child{
margin-right:0;
}
.header-works-nav{
display:none;
position:absolute;
padding-top:1rem;
background:#ffffff;
border-bottom: 3px solid #7C0F80;
right:5em;
}
.header-works-nav.active{
}
.header-works-nav:before{
content: "";
position:absolute;
left:2em;
top:0;
border: 1rem solid transparent;
border-top:0;
border-bottom: 1rem solid #C73A2D;
}
.header-works-nav a{
display:block;
text-align:center;
padding:1rem;
border-bottom:1px dashed #cccccc;
border-right: 3px solid #DC950F;
border-left: 3px solid #EEDF6B;
}
.header-works-nav a:first-child{
border-top:3px solid #C73A2D;
}
.header-works-nav a:last-child{
border-bottom:0;
}

.header-sns.pc-only{
float:left;
width:calc(260px + 3rem);
text-align:right;
}
.header-sns.pc-only ul{
display:inline-block;
margin-left:2rem;
text-align:left;
}
.header-sns.pc-only li{
display:inline-block;
margin-top:22px;
}
.header-sns.pc-only li:nth-child(n + 2){
margin-top:8px;
}
.header-sns.pc-only a{
display:flex;
align-items:center;
}
.header-sns.pc-only img{
max-width:60px;
margin-right:1rem;
}
.header-sns.pc-only a:hover img{
opacity:0.75;
}

/* CONTENTS */
#contents{
min-width:1000px;
padding-top:97px;
}

/* FOOTER */

.footer-left,
.footer-right{
float:left;
}
#footer{
min-width:1000px;
background:#f6f6f6;
background:#B5B5B6;
padding:20px 1em 76px;
box-sizing:border-box;
}
footer{
max-width:960px;
width:100%;
margin:0 auto;
}
.footer-left{
width:calc(100% - 17em);
}
.footer-left address{
margin-top:1em;
line-height:1.4;
}
.footer-left dd{
font-size:12px;
margin-bottom:0.5em;
}
.footer-left dt{
font-size:14px;
margin-top:0.75em;
}
.footer-right{
width:17em;
}
.footer-nav a{
margin-right:1em;
}
.footer-nav a:last-child{
margin-right:0;
}

/* TITLE */

.all-title{
font-size:2.5rem;
text-align:center;
font-weight:bold;
/*margin:auto;*/
margin:0 auto;
padding:1.65rem 0;
background-color:#C73A2D;
background-image:url(./../images/animation-triangle.gif);
background-repeat:no-repeat;
background-position:left center;
color:#ffffff;
overflow:hidden;
margin-bottom:2rem;
}
#works .all-title.page-works-title{
background-image:url(./../images/animation-triangle-purple.gif);
background-color:#7C0F80;
}
#policy .all-title{
background-image:url(./../images/animation-triangle-green.gif);
background-color:#317B42;
}
#contact .all-title{
background-image:url(./../images/animation-triangle-pink.gif);
background-color:#DEADAD;
}
.all-title p{
/*visibility:hidden;*/
font-size:2.5rem;
text-align:center;
font-weight:bold;
}
.page-policy-title p,
.page-conditions-title p{
visibility:visible;
}
.all-title span{
display:block;
font-size:1.25rem;
margin-top:0.5rem;
}

/* ANYWHERE */

.textaligncenter{
text-align:center!important;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/*                   TOP                    */
/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */

/* kanban */
#kanban{
margin-bottom:3em;
width:100%;
overflow:hidden;
}
.kanban-in{
position:relative;
margin:0 auto;
width:1100px;
height:550px;
}
.kanban-text{
filter: blur(20px);
opacity:0;
backface-visibility: hidden;
overflow:hidden;
display:block;
max-width:680px;
transform:scale(1.5);
width:100%;
position:absolute;
padding:5vw 0;
z-index:100;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
text-shadow:0 0 1.25em #ffffff, 0 0 1.25em #ffffff, 0 0 1.25em #ffffff, 0 0 1.25em #ffffff, 0 0 1.25em #ffffff, 0 0 1.25em #ffffff;
text-align:center;
font-size:3.7vw;
line-height:2.5;
height:auto;
max-height:270px;
color:#000000;
font-weight:bold;
}
.kanban-text + p{
max-width:1100px;
margin:0 auto;
}
#kanban canvas{
position:absolute;
left:0;
top:0;
z-index:1;
}
.loading{
position:absolute;
top:0;
left:0;
right:0;
margin:0 auto;
width:100%;
max-width:1100px;
text-align:center;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
z-index:100;
}
.loading p{
margin-top:0.5em;
}

.catchcopy{
display:none;
}

#spread_triangle{
z-index:50!important;
}

/* catch */

#catch{
min-width:500px;
max-width:50%;
margin:0 auto;
padding:3em;
}
.catch-title{
margin-bottom: 1.75rem;
line-height:1em;
text-align:center;
font-weight:bold;
font-size:1.75em;
}
#catch p{
margin-top:1em;
line-height:1.4;
}

/* works */

.works-title{
padding:0;
overflow:visible;
background-color:#ffffff;
color:#333333;
background-image:none;
background-repeat:no-repeat;
margin-top:1vw;
margin-bottom:2rem;
}
.works-in{
width:100%;
max-width:1000px;
margin:0 auto;
padding-bottom:3em;
}
.works-in li{
float:left;
width:48%;
text-align:center;
}
.works-in > li:first-child{
float:left;
margin-right:2%;
}
.works-in > li:nth-child(2n){
float:right;
margin-left:2%;
}
.works-in li p{
text-align:center;
}
.works-in li img{
max-width:320px;
width:100%;
}
.works-in li > *{
text-align:left;
line-height:1.4;
}
.works-in li h5,
.page_works h5{
font-size:1.5em;
font-weight:bold;
color:#C73A2D;
padding:1rem 0;
line-height:1;
text-align:center;
}
.page_works .works-in-left h5{
border-top:3px solid #c73a2d;
}

/* contact-link */

#contact-link{
width:100%;
margin:0 auto;
/*padding:3em 0;*/
padding:50px 0;
background-color:#FFFFCC;
background-image:url(../images/bg_icon_top.png);
background-repeat:no-repeat;
background-position:left top;
}
#contact-link a{
display:block;
margin:0 auto;
max-width:14em;
border-radius:5px;
text-align:center;
font-size:1.75em;
line-height:1.75em;
font-weight:bold;
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
/*padding:1em 0;*/
padding:calc((60px - 1.75em) / 2) 0;
background-color:#F39800;
color:#000000;
}
#contact-link a:hover{
color:#333333;
opacity:0.8;
}
#contact-link a img{
display:none;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/*              Company profile             */
/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */

.about-overview{
max-width:1000px;
margin:0 auto 1.75rem;
line-height:1.4;
font-size:20px;
font-weight:bold;
}
.about-in{
width:100%;
max-width:1000px;
margin:0 auto;
padding-bottom:3em;
}
.about-in li{
float:left;
width:50%;
}
.about-in li:first-child{
float:left;
width:calc(50% - 1em);
margin-right:1em;
}
.about-in li dl{
border-top:1px solid #333333;
padding:0.75em 0;
}
.about-in li dl:first-child{
border-top:0;
padding-top:0;
}
.about-in li dl:last-child{
border-bottom:0;
padding-bottom:0;
}
.about-in li dl > *{
float:left;
font-size:14px;
}
.about-in li dl dt{
width:12em;
line-height:1.2;
}
.about-in li dl dd{
width:calc(100% - 12em);
line-height:1.2;
}
.about-in li dl dd  img{
margin-left:0.75rem;
}
.about-in li dl dd  .lovox-logo{
float:right;
margin-right:0.75rem;
height:2.4em;
}
.about-in li dl dd  img.company-about-name-pc{
display:inline;
}
.about-in li dl dd  img.company-about-name-sp{
display:none;
}
.about-in li dl dd a{
color:#C30D23;
font-family:inherit;
text-decoration:underline;
}
.about-in li p{
margin-bottom:1em;
line-height:1.4;
}
.about-in li > *{
text-align:left;
}
.about-in li iframe + address{
margin-top:1em;
}
.page-about-title,
.page-works-title,
.page-employment-title,
.page-contact-title,
.page-policy-title,
.page-conditions-title{
box-sizing:border-box;
padding:27px 0;
height:120px;
}
.animated svg{
max-height:66px;
vertical-align:middle;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/*              Privacy policy              */
/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */

.policy-in{
max-width:1000px;
margin:0 auto;
}

.policy-in dl,
.policy-in h6{
line-height:1.4;
}
.policy-in dl{
margin-bottom:2rem;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/*                 Portfolio                */
/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */

.works-in li dl{
border-top:1px solid #333333;
padding:0.75em 0;
}
.works-in li dl:last-child{
border-bottom:1px solid #333333;
}
.works-in li dl > *{
float:left;
}
.works-in li dl dt{
width:6em;
}
.works-in li dl dd{
width:calc(100% - 6em);
}
.works-in li p{
margin-bottom:1em;
line-height:1.4;
}
.page_works .works-in{
max-width:1000px;
padding:1rem;
margin-bottom:1rem;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(251,228,252,1) 100%);
}
.page_works .works-in li{
/*float:inherit;*/
max-width:inherit;
width:100%;
/*
padding-bottom:1.75rem;
margin-bottom:1.75rem;
*/
}
.page_works .works-in > li:first-child{
margin-right:0;
}
.page_works .works-in > li:last-child{
margin-left:0;
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}
.page_works .works-in-left{
float:left;
margin-right:0.5em;
width:calc(50% - 0.5em);
}
.page_works .works-in-right{
float:right;
margin-left:0.5em;
width:calc(50% - 0.5em);
border-top:3px solid #C73A2D;
}
.page_works .works-in-right h6,
.page_works .works-in-left h6{
font-weight:bold;
margin-bottom:0.5em;
font-size:1.25em;
}
.works-in-left-subimage{
max-width:477px;
}
.page_works .works-in-bottom{
width:100%;
}
.page_works .works-in-bottom img{
max-width:100%;
}
.page_works .works-in li p{
text-align:left;
}
.page_works .works-in li p img{
max-width:inherit;
}
.page_works li .works-in-right p img{
display:inline;
max-width:200px;
width:100%;
}

.page_works .specified_country{
  display: flex;
  align-items: center;
  font-weight: bold;
}
.page_works .specified_country img{
  width: 5rem !important;
  margin-right: 0.5rem;
}
.page_works .specified_img{
  display: flex;
}
.page_works .specified_img img{
  object-fit: cover;
  height: 118px;
}
.page_works .specified_img img + img{
  margin-left: 1rem;
}

.page_works .works-thumb{
max-width:1000px;
margin:0 auto 3rem;
}
.page_works .works-thumb li{
width:20%;
text-align:center;
cursor:pointer;
}
.page_works .works-thumb li:hover{
opacity:1;
}
.page_works .works-thumb li img{
width:100%;
box-sizing:border-box;
padding:0 0.25em;
}
.page_works .voice-notice{
box-sizing: border-box;
padding:1em;
width: 50%;
float: left;
}
.page_works .voice-notice p:last-child{
margin-bottom:0;
}
.page_works .workshop-image{
margin-bottom:0;
padding:0 1em;
}

.lovox-logo{
text-align:center!important;
}
.lovox-logo img{
display:inline!important;
max-width:324px!important;
}
.noborders{
border:0!important;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/*                  Contact                 */
/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */

.contact-in{
max-width:1000px;
margin:0 auto;
padding-bottom:3em;
}
.contact-in > p{
line-height:1.4;
}
.contact-in > *:first-child{
margin-bottom:1em;
}
.contact-in > dl{
display:table;
width:100%;
margin-bottom:1em;
}
.contact-in > dl > *{
width:100%;
display:table-cell;
}
.contact-in > dl > dt{
width:12em;
text-align:right;
font-size:16px;
}
.contact-in > dl > dd{
width:calc(100% - 13em);
}
.contact-in > dl > dd input,
.contact-in > dl > dd textarea,
.contact-in > dl > dd select{
box-sizing:border-box;
padding:0.5em;
vertical-align:middle;
font-size:16px;
}
.contact-in > dl > dd input.input-long{
width:100%;
}
.contact-in > dl > dd textarea{
width:100%;
min-height:8em;
}
.contact-in button{
display:block;
margin:0 auto;
box-sizing:content-box;
max-width:14em;
min-width:8em;
border-radius:5px;
text-align:center;
font-size:1.75em;
line-height:1em;
font-weight:bold;
height:1em;
padding:0.5em 0;
background-color:#A61527;
color:#ffffff;
box-shadow:none;
border:0;
}
.contact-in button:hover{
opacity:0.8;
cursor:pointer;
}
.contact-in .must_input{
color:#A61527;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/*              Company profile             */
/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */
.footer-left dd,
.about-in li dl dt,
.about-in li dl dd,
.page-contact-title + .contact-in *,
.page-employment-title + .policy-in *,
.page-works-title + .works-in *,
.page-conditions-title + .policy-in *,
.page-policy-title + .policy-in *{
  font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
.page-contact-title + .contact-in button,
.page_works .works-in-right h5,
.page_works .works-in-right h6{
/*
  font-family: "vdl-v7mincho", Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
*/
}



/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/*                 Javascript               */
/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */

.page_works .works-in,
.works-thumb{
transform: scale(0);
}
.page_works .works-in.initialized,
.works-thumb.initialized{
transform: scale(1);
}
.page_works .works-in.initialized{
min-height:573px;
}

.page_works .works-in .slick-slide{
opacity:0.3;
}
.page_works .works-in .slick-slide.slick-current{
opacity:1;
}

.works-thumb .slick-slide{
opacity:0.4;
}
.works-thumb .slick-slide.slick-current{
opacity:1;
}