.br-cf, .header-left-hum, .footer-nav-sp{ display:none; }@media screen and (min-width: 681px) and (max-width: 1000px) {
.works-in, .about-in, .policy-in, .contact-in{ padding-left:1em; padding-right:1em; box-sizing:border-box; }
.about-overview{ max-width:80%; } .about-in iframe{ max-width:100%; }
.all-title{ background-size:24.5vw; background-position:left center; } .all-title p{font-size:3.5vw;} }
@media screen and (min-width: 0px) and (max-width: 768px) {
/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/*                 COMMON                   */
/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */

body,
a{
color:#333333;
}
a:hover{
color:#CB5520;
}
.pc-only{
display:none;
}
.sp-only{
display:block;
}

/* HEADER */

#contents, #footer{
min-width:unset;
}
#header{
height:60px;
padding:0;
}
.header-left,
.header-right{
float:inherit;
width:100%;
}
.header-left{
height:60px;
padding:0.5rem 1rem;
}
.header-left > *{

}
.header-left img{
width:auto;
max-height:44px;
}
.header-left-hum,
.header-left > a{
display:inline-block;
height:auto;
width:50%;
max-height:100%;
float:left;
}
.header-left-hum{
float:right;
text-align:right;
padding:7px 0 6px;
width:30px;
}
.header-right{
padding:0;
display:none;
}
.header-nav{
letter-spacing: -.40em;
text-align:left;
background:rgba(255,255,255,0.9);
border-top:1px solid #ccc;
}
.header-nav a{
margin-right:0;
display:inline-block;
letter-spacing: normal;
width:50%;
padding:0.75rem 0;
text-align:center;
}
.header-nav a:nth-child(odd){
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.header-nav a:nth-child(even){
border-bottom:1px solid #ddd;
}

.header-sns.sp-only{
float:right;
margin-right:1rem;
width:calc(50% - 30px - 1rem);
text-align:right;
}
.header-sns.sp-only ul{
text-align:right;
}
.header-sns.sp-only li{
display:inline-block;
}
.header-sns.sp-only li:last-child{
margin-left:1vw;
}
.header-sns.sp-only li img{
max-height:44px;
}

/* ハンバーガーメニュー */

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 36px;
  height: 30px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #666666;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 13px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger span:nth-of-type(1) {
  -webkit-animation: menu-bar01 .75s forwards;
  animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
  0% {
    -webkit-transform: translateY(13px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(13px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar01 {
  0% {
    transform: translateY(13px) rotate(45deg);
  }
  50% {
    transform: translateY(13px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.menu-trigger span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
  -webkit-animation: menu-bar02 .75s forwards;
  animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
  0% {
    -webkit-transform: translateY(-13px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-13px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar02 {
  0% {
    transform: translateY(-13px) rotate(-45deg);
  }
  50% {
    transform: translateY(-13px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 .75s forwards;
  animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(13px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(13px) rotate(45deg);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(13px) rotate(0);
  }
  100% {
    transform: translateY(13px) rotate(45deg);
  }
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-animation: active-menu-bar03 .75s forwards;
  animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-13px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-13px) rotate(-45deg);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-13px) rotate(0);
  }
  100% {
    transform: translateY(-13px) rotate(-45deg);
  }
}

/* CONTENTS */
#contents{
padding-top:60px;
}

/* FOOTER */

#footer{
padding:1rem 1rem 2rem;
}
.footer-left,
.footer-right{
float:inherit;
width:100%;
}
.footer-left h2{
width:50%;
float:left;
}
.footer-left h2 img{
height:44px;
}
.footer-left dt{
margin-top:1em;
}
.footer-right{
display:none;
}
.footer-nav{
display:none;
}
.footer-nav-sp{
display:block;
width:50%;
float:left;
text-align:right;
padding:4.5px 0;
}
.footer-nav-sp a{
display:inline-block;
width:10em;
margin-bottom:0.5em;
text-align:left;
text-decoration:underline;
}
.footer-nav-sp a:last-child{
margin-bottom:0;
}

/* TITLE */

.all-title{
box-sizing:border-box;
height:62px;
padding:11px 3vw 11px calc(100vw - ( 100vw - 128px - 3vw ) );
background-size:128px 62px;
background-position:left center;
font-size:5.5vw;
}
.all-title p{
font-size:inherit;
}
.all-title span{
display:block;
font-size:4vw;
margin-top:1vw;
}
.animated svg{
max-height:40px;
}

/* ANYWHERE */

.textaligncenter{
text-align:center!important;
}
.br-cf{
display:block;
}

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

/* kanban */
#kanban{
position:relative;
margin-bottom:3em;
}
.kanban-text{
max-width:94vw;
height:38vw;
position:absolute;
padding:5vw;
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;
font-size:5vw;
}

/* 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{
margin-bottom:1em;
padding:0;
background-color:#ffffff;
color:#333333;
background-image:none;
background-repeat:no-repeat;
background-position:left center;
text-align:center;
height:auto;
}
.works-in{
padding-left:1rem;
padding-right:1rem;
box-sizing:border-box;
}
h3 + .works-in{
padding-bottom:1em;
}

.works-in li h5{
font-size:5.5vw;
font-weight:bold;
color:#C73A2D;
padding:0.5em 0 0.25rem;
line-height:1;
text-align:center;
}

/* contact-link */

#contact-link{
padding:28px 0;
}
#contact-link a{
font-size:5vw;
color:#ffffff;
background-color:rgba(243,152,0,0.95);
}
#contact-link a img{
display:inline;
margin-right:0.5em;
vertical-align:middle;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/*              Company profile             */
/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */
.about-overview{
max-width:80%;
margin:0 auto 2rem;
line-height:1.4;
font-size:4vw;
font-weight:bold;
padding:0;
}
.about-in{
width:100%;
max-width:960px;
margin:0 auto;
padding-bottom:1rem;
}
.about-in li{
float:inherit;
width:100%;
padding:2rem 1rem;
box-sizing:border-box;
}
.about-in li:first-child{
float:inherit;
margin-right:0;
width:100%;
background-color:#FFFFE6;
}
.about-in li iframe{
max-width:100%;
}
.about-in li dl{
border-top:0;
padding:0 0 0.5rem;
border-bottom:1px dashed #acacac;
margin-bottom:0.5rem;
}
.about-in li dl:last-child{
padding-bottom:0;
}
.about-in li dl > *{
float:left;
line-height:1.4;
font-size:1em;
}
.about-in li dl dt{
width:6em;
}
.about-in li dl dd{
width:calc(100% - 6em);
}
.about-in li dl dd  img{
margin-left:0.75rem;
}
.about-in li dl dd  img.company-about-name-pc{
display:none;
}
.about-in li dl dd  img.company-about-name-sp{
display:inline;
vertical-align:text-top;
padding-top:0;
height:1.3em;
}
.about-in li p{
margin-bottom:1em;
line-height:1.4;
}
.about-in li iframe{
height:300px;
}
.about-in li address{
margin-bottom:1em;
}
.about-in li > *{
text-align:left;
}

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

.policy-in{
max-width:960px;
padding:0 1rem;
margin:0 auto;
}

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

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

.works-in li dl,
.works-in-right dl{
border-top:1px dashed #cccccc;
padding:0.75em 0;
}
.works-in li dl:last-child,
.works-in-right dl:last-child{
border-bottom:1px solid #333333;
}
.works-in li dl > *,
.works-in-right dl > *{
float:left;
}
.works-in li dl dt,
.works-in-right dl dt{
width:6em;
}
.works-in li dl dd,
.works-in-right dl dd{
width:calc(100% - 6em);
}
.works-in li p{
margin-bottom:0;
font-size:3.75vw;
}
.page_works .works-in li img{
max-width:unset;
}
.page_works .works-in{
margin-bottom:0;
}
.page_works .works-in li{
/*
float:inherit;
padding-bottom:1.75rem;
*/
width:100%;
}
.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.initialized{
min-height:unset;
}
.page_works .works-in-left{
float:inherit;
margin-right:0;
width:100%;
}
.page_works .works-in-right h5:nth-of-type(n + 2){
border-top:3px solid #c73a2d;
margin-top:3rem;
}
.page_works .works-in-right{
float:inherit;
margin-left:0;
width:100%;
border-top:3px solid #C73A2D;
}
.page_works .works-in-right h5{
padding:1rem 0;
}
.page_works .works-in-right h6{
margin-bottom:1rem;
}
.page_works .works-in-right p{
margin-bottom:1rem;
font-size:14px;
}
.page_works .works-in-right p:last-child{
margin-bottom:0;
/*font-size:1rem;*/
}
.page_works li .works-in-right p img{
max-width:calc(50% - 0.5rem);
width:200px;
}
.page_works .works-in-right p + dl{
margin-top:1rem;
}
.page_works .works-in-right div a{
text-decoration:underline;
}

.page_works .works-thumb{
margin:0;
}
.page_works .works-detail{
padding:0 1rem;
}

.page_works .works-detail li{
display:none;
transition: 1s;
padding-bottom:3rem;
line-height:1.2;
}
.page_works .works-detail li.active{
display:block;
}

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

.contact-in{
max-width:960px;
margin:0 auto;
padding-bottom:3em;
}
.contact-in > *:first-child{
margin-bottom:2rem;
padding:0 1em;
line-height:1.4;
}
.contact-in > dl{
display:block;
width:100%;
margin-bottom:1rem;
padding:0 1rem;
box-sizing:border-box;
}
.contact-in > dl > *{
width:100%;
display:block;
}
.contact-in > dl > dt{
width:100%;
text-align:left;
margin-bottom:0.5rem;
}
.contact-in > dl > dd{
width:auto;
}
.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;
max-width:14em;
min-width:8em;
border-radius:5px;
text-align:center;
font-size:1.25em;
line-height:1em;
font-weight:bold;
padding:0.5em 0;
background-color:#A61527;
color:#ffffff;
box-shadow:none;
border:0;
}
.contact-in button:hover{
opacity:0.8;

}



.max-width-image{
max-width:600px!important;
width:100%!important;
}

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

.works-thumb .slick-slide{
display:none;
}

.slick-prev{
left:1rem;
width:2rem;
height:2rem;
z-index:10;
}
.slick-prev:before,
.slick-next:before{
color:red;
padding:5rem 0;
font-size:2rem;
}
.slick-next{
right:1rem;
width:2rem;
height:2rem;
z-index:10;
}


/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/*                STYLE END                 */
/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */}