@charset "UTF-8";
/* =================================
   TopPage
==================================== */
.cf {
  *zoom: 1;
}
.cf:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

form ::-webkit-input-placeholder {
  color: #C6C6C6;
}
form :-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form ::-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form :-ms-input-placeholder {
  color: #C6C6C6;
}

::-moz-selection {
  color: #FFF;
  background: rgba(41, 171, 226, 0.7);
}

::selection {
  color: #FFF;
  background: rgba(41, 171, 226, 0.7);
}

/*==============================
TOP contents
==============================*/
/*==========================================================================================
ここからSP
==========================================================================================*/
.l-mv {
  /*margin-bottom: 20px;
  margin-bottom: 40px;*/
  margin-bottom: 0;
}
.l-mv .swiper-slide {
  height: 400px;
}
.l-mv .wrap {
  box-sizing: border-box;
  height: 100%;
}
.l-mv .silede-box {
  position: relative;
  height: 100%;
}
.l-mv .slide-item {
  position: absolute;
}
.l-mv .mv-slide-01 {
  background: url(../img/top/slide1.jpg) no-repeat center/cover;
}
.l-mv .slide-item-01 {
  bottom: 5%;
  left: 0;
  text-align: right;
}
.l-mv .slide-01-copy {
  margin: 0 0 25px;
}
.l-mv .slide-01-txt {
  margin: 0 0 23px;
  /*font-size: 12px;*/
  font-size: 14px;
  color: #0071BA;
  line-height: 1.75;
}
.l-mv .slide-01-anchor a {
  padding: 0 0 0 2em;
  /*font-size: 8px;*/
  font-size: 12px;
  color: #000;
  background: url(../img/top/link-icon@2x.png) no-repeat left center/11px 11px;
  transition: background .3s, color .3s;
}
.l-mv .slide-01-anchor a:hover, .l-mv .slide-01-anchor a:active {
  color: #0071BA;
}
.l-mv .mv-slide-02 {
  background: url(../img/top/slide2.jpg) no-repeat center/cover;
}
.l-mv .slide-item-02 {
  top: 10%;
  left: .5%;
}
.l-mv .slide-02-copy {
  margin: 0 0 25px;
}
.l-mv .slide-02-txt {
  margin: 0 0 15px;
  /*font-size: 12px;*/
  font-size: 14px;
  color: #fff;
  line-height: 1.75;
}
.l-mv .slide-02-anchor a {
  padding: 0 0 0 2em;
  /*font-size: 8px;*/
  font-size: 12px;
  color: #fff;
  background: url(../img/top/link-icon@2x.png) no-repeat left center/11px 11px;
  transition: background .3s, color .3s;
}
.l-mv .slide-02-anchor a:hover, .l-mv .slide-02-anchor a:active {
  color: #ED1E79;
}
.l-mv .mv-slide-03 {
  background: url(../img/top/slide3.jpg) no-repeat center/cover;
}
.l-mv .slide-item-03 {
  bottom: 12%;
  right: 0;
  text-align: right;
}
.l-mv .slide-03-copy {
  margin: 0 0 15px;
}
.l-mv .slide-03-txt {
  margin: 0 0 40px;
  /*font-size: 12px;*/
  font-size: 14px;
  color: #EB1E79;
  line-height: 1.75;
}
.l-mv .slide-03-anchor a {
  padding: 0 0 0 2em;
  /*font-size: 8px;*/
  font-size: 12px;
  color: #000;
  background: url(../img/top/link-icon@2x.png) no-repeat left center/11px 11px;
  transition: background .3s, color .3s;
}
.l-mv .slide-03-anchor a:hover, .l-mv .slide-03-anchor a:active {
  color: #EB1E79;
  background-position: 3% center;
}

.l-contents {
  margin: 0 0 25px;
}

.content-headline {
  /*margin: 0 0 10px;*/
  margin: 0 0 40px;
  text-align: center;
  color: #B1B1B1;
}
.content-headline .headline-en {
  position: relative;
  /*font-size: 16px;*/
  font-size: 28px;
  letter-spacing: .1em;
  line-height: 1.35;
}
.content-headline .headline-en:after {
  content: '';
  /*width: 90px;*/
  width: 100px;
  height: 1px;
  background: #CACACA;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.content-headline .headline-jp {
  /*font-size: 8px;*/
  font-size: 12px;
  letter-spacing: .075em;
}

.top-works-list {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.top-works-list li {
  width: 20%;
}
.top-works-list li a {
  display: block;
  /*background: #29ABE2;*/
  background: none;
}
.top-works-list li a img {
  transition: opacity .3s;
}
.top-works-list li a:hover img,
.top-works-list li a:active img {
  opacity: .8;
}

.category-list {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
  .l-mv .swiper-slide {
    height: 40.8vw;
  }
  .l-mv .slide-01-copy {
    margin: 0 0 2.551vw;
  }
  .l-mv .slide-01-txt {
    margin: 0 0 2.346vw;
  }
  .l-mv .slide-02-copy {
    margin: 0 0 2.551vw;
  }
  .l-mv .slide-02-txt {
    margin: 0 0 1.53vw;
  }
  .l-mv .slide-03-copy {
    margin: 0 0 1.53vw;
  }
  .l-mv .slide-03-txt {
    margin: 0 0 4.081vw;
  }
}
@media only screen and (max-width: 767px) {
  .header-txt {
    display: none;
  }

  .l-mv {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    /*margin-bottom: 1.8vw;
    margin-bottom: 3.5vw;*/
    margin-bottom: 0;
  }
  .l-mv .swiper-slide {
    height: 93.3vw;
  }
  .l-mv .wrap {
    padding: 0;
  }
  .l-mv .mv-slide-01 {
    background-image: url(../img/top/sp_slide1.jpg);
  }
  .l-mv .slide-item-01 {
    text-align: right;
    width: 100%;
	  bottom:15%;
  }
  .l-mv .slide-01-copy {
    /*margin: 8vw 0 18.5vw auto;*/
    margin: 8vw 0 5vw auto;
    width: 40%;
    padding: 0 4.5%;
  }
  .l-mv .slide-01-copy img {
    width: 100%;
  }
  .l-mv .slide-01-anchor {
    padding: 0 5%;
  }
  .l-mv .slide-01-txt {
    margin: 0 0 3.85vw;
    padding: 0 5%;
    /*font-size: 3vw;*/
    font-size: 3.5vw;
    line-height: 1.65;
	  color:#fff;
  }
  .l-mv .slide-01-anchor a {
    padding: 0 0 0 1.5em;
    /*font-size: 3vw;*/
    font-size: 3.5vw;
    background: url(../img/top/sp_link-icon@2x.png) no-repeat left center/3.8vw 3.8vw;
	  color:#fff;
  }
  .l-mv .mv-slide-02 {
    background: url(../img/top/sp_slide2.jpg) no-repeat center/cover;
  }
  .l-mv .slide-item-02 {
    top: 14%;
    left: 0;
    width: 100%;
  }
  .l-mv .slide-02-copy {
    /*margin: 0 0 27.0vw;*/
    margin: 8vw auto 15vw 0;
    width: 67%;
    padding: 0 4.5%;
  }
  .l-mv .slide-02-copy img {
    width: 100%;
  }
  .l-mv .slide-02-txt {
    margin: 0 0 3.85vw;
    padding: 0 5%;
    /*font-size: 3vw;*/
    font-size: 3.5vw;
    line-height: 1.65;
  }
  .l-mv .slide-02-anchor {
    padding: 0 5%;
  }
  .l-mv .slide-02-anchor a {
    padding: 0 0 0 1.5em;
    /*font-size: 3vw;*/
    font-size: 3.5vw;
    background: url(../img/top/sp_link-icon@2x.png) no-repeat left center/3.8vw 3.8vw;
  }
  .l-mv .mv-slide-03 {
    background: url(../img/top/sp_slide3.jpg) no-repeat center/cover;
  }
  .l-mv .slide-item-03 {
    bottom: auto;
    top: 18%;
    right: 0;
    text-align: right;
    width: 100%;
  }
  .l-mv .slide-03-copy {
    /*margin: 0 0 27vw auto;*/
    margin: 8vw 0 15vw auto;
    width: 90%;
    padding: 0 4.5%;
  }
  .l-mv .slide-03-copy img {
    width: 100%;
  }
  .l-mv .slide-03-txt {
    margin: 0 0 3.85vw;
    padding: 0 5%;
    /*font-size: 3vw;*/
    font-size: 3.5vw;
    line-height: 1.65;
  }
  .l-mv .slide-03-anchor {
    padding: 0 5%;
  }
  .l-mv .slide-03-anchor a {
    padding: 0 0 0 1.5em;
    /*font-size: 3vw;*/
    font-size: 3.5vw;
    background: url(../img/top/sp_link-icon@2x.png) no-repeat left center/3.8vw 3.8vw;
  }

  .l-contents {
    margin: 0 0 7vw;
  }

  .content-headline {
    /*margin: 0 0 2.6vw;*/
    margin: 0 0 3.5vw;
    text-align: center;
    color: #000;
  }
  .content-headline .headline-en {
    font-size: 6.66vw;
  }
  .content-headline .headline-en:after {
    width: 24.4vw;
    background: #1A1A1A;
    bottom: 0;
  }
  .content-headline .headline-jp {
    font-size: 2.66vw;
  }

  .top-works-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "top-works-01 top-works-02 top-works-03" "top-works-06 top-works-07 top-works-08" "top-works-04 top-works-05 top-works-09";
  }
  .top-works-list li {
    width: 100%;
  }
  .top-works-list .top-works-01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: top-works-01;
  }
  .top-works-list .top-works-02 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: top-works-02;
  }
  .top-works-list .top-works-03 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: top-works-03;
  }
  .top-works-list .top-works-04 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: top-works-04;
  }
  .top-works-list .top-works-05 {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: top-works-05;
  }
  .top-works-list .top-works-06 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: top-works-06;
  }
  .top-works-list .top-works-07 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: top-works-07;
  }
  .top-works-list .top-works-08 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: top-works-08;
  }
  .top-works-list .top-works-09 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: top-works-09;
  }

  .category-list {
    display: block;
  }
}