@charset "utf-8";

/* ---------------------------------------------------------------------------------------------

　   COMMON

--------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------

　   MV

--------------------------------------------------------------------------------------------- */

#mv {
  position: relative;
}
#mv svg {
  width: 100%;
  height: 100%;
}
#mySVG,
#mySVG_outline {
  width: 100%;
  height: auto;
  aspect-ratio: 1138.7 / 877.4;
  display: block;
}

.mask {
  -webkit-clip-path: url(#svgPath);
  clip-path: url(#svgPath);
}
.svg__container {
  position: relative;
  width: 100%;
}
.svg__content {
  position: absolute;
  top: 0;
  left: 0;
}


#mv_inner {
  position: relative;
  z-index: 11;
}

.mv_copy_jp {
  font-size:4.39vw;
  letter-spacing: .1em;
  position: relative;
}

.mv_copy_en {
  font-size: 1.46vw;
  position: relative;
  color: var(--mainColor);
  font-weight: 700;
  margin-bottom: 1vw;
}

#mv #nav li a,
.mv_nav_parent {
  display: block;
  position: relative;
  font-weight: 700;
}
.mv_nav_parent {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.mv_nav_parent::before {
  content: "";
  position: absolute;
  right: -1.5vw;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6vw;
  height: 0.08vw;
  background: currentColor;
  transition: all 0.3s ease;
}
.mv_nav_parent::after {
  content: "";
  position: absolute;
  right: -1.5vw;
  top: 50%;
  transform: translateY(-50%) translateX(-0.26vw);
  width: 0.08vw;
  height: 0.6vw;
  background: currentColor;
  transition: opacity 0.3s ease;
}
#nav li:hover .mv_nav_parent::after {
  opacity: 0;
}
.mv_nav_child {
  display: none;
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
  margin-top: .8vw;
}
#nav .mv_nav_child li {
  margin-bottom: .5vw;
}
.mv_nav_child li a {
  font-size: 1.03vw;
  position: relative;
  padding-left: 1vw;
}
.mv_nav_child li a:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: .44vw;
  height: .44vw;
  background: var(--mainColor);
  border-radius: 50%;
}

.mv_top {
  position: absolute;
  z-index: 10;
}
.mv_top_outline {
  position: absolute;
  z-index: 9;
}

@media only screen and ( max-width : 767px ) {
  #mv {
    height: 160vw;
  }
  #mv #nav {
    display: none;
  }
  .mv_top_outline,
  .mv_top{
    right: -56%;
    top: -20vw;
  }
  .mv_top {
    width: 180%;
  }
  .mv_top_outline {
    width: calc(180% + 4px);
  }
  #mv_inner {
    top: 110vw;
    padding: 0 2rem;
  }
  .mv_copy_jp {
    font-size: 3.6rem;
    letter-spacing: 0;
  }
  .mv_copy_en {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) and (min-height: 740px) {

}
@media print, screen and ( min-width : 768px ) {
  #mv {
    height: 56.25vw;
  }
  #mv_inner {
    padding: 11vw 4.39vw 0;
  }
  .mv_bg_logo {
    top: 4rem;
    height: calc(100% - 4rem);
  }
  #nav {
    margin-bottom: 3.6vw;
    width: 18%;
  }
  #nav li {
    font-size: 1.17vw;
    margin-bottom: 1em;
  }
  #nav li:last-child {
    margin-bottom: 0;
  }
  .mv_top_outline,
  .mv_top{
    right: -18%;
    top: -18%;
  }
  .mv_top {
    width: 84%;
  }
  .mv_top_outline {
    width: calc(84% + 4px);
  }
}


/* ---------------------------------------------------------------------------------------------

　   OBI

--------------------------------------------------------------------------------------------- */

#mv_obi {
  position: relative;
  width: 200%;
  top: 0;
  left: -50%;
  right: -50%;
  z-index: 3;

  background: rgba(255,255,255,.1);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.mv_obi_inner {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
  padding:0 2%;
  overflow: hidden;
}
.mv_obi_inner .mv_flowing {
  white-space: nowrap;
}
.mv_obi_inner .mv_flowing p {
  display: inline-block;
}
#fixed_bnr {
  position: fixed;
  z-index: 99;
  width: 39rem;
  right: 0;
  bottom: 10rem;
  transition: right 0.3s ease;
}

.fixed_bnr_inner {
  position: relative;
}
.fixed_bnr_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.2rem;
  z-index: 2;
  cursor: pointer;
}
#fixed_bnr.close .fixed_bnr_img {
  background: url(../img/fixed_bnr_open.jpg) no-repeat center / 100%;
}
#fixed_bnr.close .fixed_bnr_img img {
  opacity: 0;
}
@media only screen and ( max-width : 767px ) {
  #mv_obi {
    padding: .5rem 0;
  }
  .mv_obi_inner .mv_flowing img {
    max-width: 168.8rem;
    width: 168.8rem;
  }
  .mv_obi_inner .mv_flowing p {
    margin-right: 1rem;
  }
  #fixed_bnr {
    width: 22rem;
    bottom: 3rem;
  }
  .fixed_bnr_img {
    width: 1.25rem;
  }
  #fixed_bnr.close {
    right: -20.75rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #mv_obi {
    padding: 3vw 0
  }
  .mv_obi_inner .mv_flowing img {
    width: 371.6rem;
  }
  .mv_obi_inner .mv_flowing p {
    margin-right: 3.66vw;
  }
  #fixed_bnr.close {
    right: -36.9rem;
  }
}



/* ---------------------------------------------------------------------------------------------

　    NEWS

--------------------------------------------------------------------------------------------- */
#news {
  position: relative;
}
#news .container {
  position: relative;
  z-index: 2;
}
#news:after {
  content: "";
  background: rgba(255,255,255,.1);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  z-index: 1;
  position: absolute;
  width: 160%;
  height: 160%;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.news_wrapper {
  background: #E4E2DB;
  border-radius: 2rem;
}
.banner_list li a {
  display: block;
}
@media only screen and ( max-width : 767px ) {
  #news {
    margin: 14vw 0 20vw;
  }
  .news__list {
  }
  #news:after {
    width: 240%;
    height: 120%;
  }
  .banner_wrapper {
    margin-bottom: 4rem;
  }
  .banner_list li {
    margin-bottom: 2rem;
  }
  .banner_list li:last-child {
    margin-bottom: 0;
  }
  .banner_list li a img {
    border-radius: .6rem;
    border: .2rem solid #fff;
  }
  .news_wrapper {
    padding: 4rem 2.5rem;
    border: .2rem solid #fff;
  }
  .news__title .more_btn {
    display: none;
  }
  .news__main .btn {
    margin-top: 3rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #news {
    margin: 18rem 0;
  }
  #news:after {
    width: 160%;
    height: 160%;
  }
  .news_wrapper {
    padding: 7rem 9rem;
    border: .4rem solid #fff;
  }
  #news .news__title {
    width: 32rem;
  }
  #news .news__title .heading {
    margin-top: -2rem;
  }
  .news__main {
    width: calc(100% - 32rem);
  }
  .banner_list {
    margin-bottom: 6rem;
  }
  .banner_list li {
    width: 48.5%;
  }
  .banner_list li a img {
    border-radius: 2rem;
    border: .4rem solid #fff;
  }
  .news__main .btn {
    display: none;
  }
}
/* ---------------------------------------------------------------------------------------------

　    INTRODUCTION

--------------------------------------------------------------------------------------------- */
#introduction {
  position: relative;
}
.introduction_txt p {
  line-height: 2.5em;
  margin-bottom: 2em;
}
@media only screen and ( max-width : 767px ) {
  .intro_ph {
    border: .2rem solid #fff;
    border-radius: .6rem;
    position: absolute;
    z-index: 10;
  }
  .intro_ph01 {
    width: 23.2vw;
    left: -2.67vw;
    top: 0;
  }
  .intro_ph02 {
    width: 47.5vw;
    top: 132vw;
    left: 2.67vw;
  }
  .intro_ph03 {
    width: 40.5vw;
    right: 2.67vw;
    top: 8vw;
  }
  .intro_ph04 {
    width: 29.3vw;
    top: -14.67vw;
    right: -6.67vw;
  }
  .intro_ph05 {
    width: 47.5vw;
    right: -18.67vw;
    top: 158vw;
  }
  .introduction_txt01 {
    padding: 33.33vw 0 0 0;
  }
  .introduction_txt02 {
    padding: 60vw 0 0 0;
  }
}
@media print, screen and ( min-width : 768px ) {
  #introduction {
    padding: 18rem 0;
  }
  .introduction_grid {
    display: flex;
    justify-content: space-between;
  }
  .introduction_txt {
    width: 50%;
    position: relative;
  }
  .introduction_txt01 {
    padding-left: 20rem;
    padding-top: 7rem;
  }
  .introduction_txt02 {
    padding-top: 25rem;
  }
  .intro_ph {
    border: .4rem solid #fff;
    border-radius: 2rem;
  }
  .intro_ph01 {
    position: absolute;
    width: 24.7rem;
    top: 0;
    left: -10.8rem;
  }
  .intro_ph02 {
    width: 46.7rem;
    margin-top: 3rem;
    left: -20rem;
    position: relative;
  }
  .intro_ph03 {
    margin-bottom: 5rem;
    width: 32rem;
  }
  .intro_ph04 {
    position: absolute;
    width: 33.2rem;
    right: -17rem;
    top: 10rem;
  }
  .intro_ph05 {
    position: absolute;
    width: 46.7rem;
    right: -28rem;
    top: 60rem;;
  }
}



/* ---------------------------------------------------------------------------------------------

　   SANOH'S HOME

--------------------------------------------------------------------------------------------- */
#lifestyle-pin {
  position: relative;
}
#lifestyle-pin:after {
  content: "";
  background: rgba(255,255,255,.1);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  z-index: 1;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#lifestyle {
  position: relative;
  max-width: 112.6rem;
  margin: 0 auto;
  z-index: 2;
}


.lifestyle_title {
  letter-spacing: .1em;
  line-height: 1.2;
}
.lifestyle_title .en {
  display: block;
  font-weight: 700;
  color: var(--mainColor);
  letter-spacing: 0;
}

.lifestyle_list .lifestyle_content {
  overflow: hidden;
}
.lifestyle_content p {
  line-height: 2.5em;
}
.lifestyle_content .btn {
  max-width: 29rem;
  margin-top: 2.5rem;
}

#lifestyle_anime {
  opacity: .4;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70% !important;
  height: auto;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  #lifestyle {
    margin: 10rem 0 3rem;
    padding: 0 2rem 2rem;
  }
  #lifestyle-pin:after {
    width: 400%;
    height: 105%;
  }
  .lifestyle_container {
    display: block;
    margin-top: .6rem;
  }
  .lifestyle_img {
    display: none;
  }
  .lifestyle_list_item01, .lifestyle_list_item02, .lifestyle_list_item03 {
    border-bottom: .2rem solid #332C1F;
  }
  .lifestyle_list_item02, .lifestyle_list_item03 {
    padding-top: 5rem;
  }
  .lifestyle_list .lifestyle_spImg {
    width: 100%;
    margin-bottom: 2rem;
  }
  .lifestyle_list .lifestyle_spImg img {
    display: block;
    width: 100%;
    border-radius: 1rem;
    border: .2rem solid #fff;
  }
  .lifestyle_list .lifestyle_content {
    padding-bottom: 5rem;
  }
  .lifestyle_list_item02 .lifestyle_content, .lifestyle_list_item03 .lifestyle_content {
    height: auto;
    padding-bottom: 5rem;
  }
  .lifestyle_title {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  .lifestyle_title .en {
    font-size: 1.2rem;
    margin-bottom: .3rem;
  }
  .lifestyle_content p {
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .lifestyle_content h4 {
    font-size: 2rem;
    margin-bottom: 2rem;
    letter-spacing: .1em;;
  }
  .lifestyle_content .text_link {
    margin-top: 4rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #lifestyle-pin {
    margin: 18rem 0;
  }
  #lifestyle-pin:after {
    width: 200%;
    height: 110%;
  }
  #lifestyle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 82%;
    height: 100vh;
    margin-top: 10rem;
  }
  #lifestyle:before {
    width: 60.6rem;
    height: 60.6rem;
    left: -22rem;
    bottom: -13rem;
  }
  .lifestyle_container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 7.2rem;
  }
  .lifestyle_list_dtl {
    padding: 5rem 0;
  }
  .lifestyle_img {
    overflow: hidden;
    position: relative;
    width: 31.972%;
    aspect-ratio: 41/55;
  }
  .lifestyle_img_item01, .lifestyle_img_item02, .lifestyle_img_item03 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .lifestyle_img_item01 {
    z-index: 1;
  }
  .lifestyle_img_item02 {
    z-index: 2;
  }
  .lifestyle_img_item03 {
    z-index: 3;
  }
  .lifestyle_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem;
    border: .4rem solid #fff;
  }
  .lifestyle_list {
    width: 60.391%;
    border-top: 2px solid var(--black);
  }
  .lifestyle_list_item01, .lifestyle_list_item02, .lifestyle_list_item03 {
    border-bottom: 2px solid var(--black);
  }
  .lifestyle_list .lifestyle_spImg {
    display: none;
  }
  .lifestyle_list .lifestyle_content {
    /*padding-bottom: 5rem;*/
  }
  .lifestyle_title {
    font-size: 3.2rem;
  }
  .lifestyle_title .en {
    font-size: 1.6rem;
  }
  #lifestyle_anime {
    right: -8rem;
  }
  .lifestyle_content p {
    margin-bottom: 2.5rem;
  }
  .lifestyle_content h4 {
    margin: 2.5rem 0 1.5rem;
    font-size: 2rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   PICKUP

--------------------------------------------------------------------------------------------- */
#pickup {
  overflow: hidden;
}

.pickup_content {
  position: relative;
}


#pickup .slick-prev,
#pickup .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    display: block;

    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 99;
    top: auto;
}
#pickup .slick-prev:hover,
#pickup .slick-prev:focus,
#pickup .slick-next:hover,
#pickup .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
#pickup .slick-prev:hover:before,
#pickup .slick-prev:focus:before,
#pickup .slick-next:hover:before,
#pickup .slick-next:focus:before
{
    opacity: 1;
}
#pickup .slick-prev.slick-disabled:before,
#pickup .slick-next.slick-disabled:before
{
    opacity: .25;
}

#pickup .slick-prev:before,
#pickup .slick-next:before
{
    content: "";
    opacity: .75;
    color: #577565;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    text-align: center;
}


#pickup .slick-prev:before
{
    background: url(../img/prev.svg) no-repeat center / 100%;
}

#pickup .slick-next:before
{
    background: url(../img/next.svg) no-repeat center / 100%;
}

#pickup .top-slide__fig {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}


#pickup .pickup_date {
  text-align: right;
}
#pickup .slick-track {
  display: flex;
}
#pickup .slick-slide {
  height: auto !important;
}

@media only screen and ( max-width : 767px ) {
  .pickup_title .more_btn {
    display: none;
  }
  .pickup__slide {
    margin-left: -1rem;
  }
  #pickup .slick-list {
    overflow: visible;
  }
  #pickup .top-slide__item {
    margin: 0 1rem;
  }
  #pickup .top-slide__fig {
    height: 18.5rem;
    border: .2rem solid #fff;
    margin-bottom: 2rem;
  }
  .pickup_content .btn {
    margin: 4rem auto 0;
  }
  #pickup .slick-prev,
  #pickup .slick-next
  {
      width: 4rem;
      height: 4rem;
      top: -7rem;
  }
  #pickup .slick-prev:before,
  #pickup .slick-next:before
  {
      width: 4rem;
      height: 4rem;
  }
  #pickup .slick-prev {
      right: 5rem;
      left: auto;
  }
  #pickup .slick-next {
      right: 0;
  }
  .pickup-category {
    font-size: 1.2rem;
  }
  .pickup_list__tit {
    font-size: 2rem;
    margin: .5rem 0 1rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #pickup {
    margin-top: 0;
  }
  .pickup_title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 6rem;
  }
  .pickup_title .heading {
    margin-bottom: 0;
  }
  .pickup_content {
    /*max-width: 90rem;*/
    padding-left: 14rem;
    margin-right: calc(50% - 50vw);
  }
  #pickup .top-slide__item {
    margin: 0 4rem;
    width: 35rem;
  }
  
  #pickup .top-slide__fig {
    height: 21.2rem;
    border: .4rem solid #fff;
  }
  .pickup_content .btn {
    display: none;
  }
  #pickup .slick-prev,
  #pickup .slick-next
  {
      width: 4.8rem;
      height: 4.8rem;
      left: 0;
  }
  #pickup .slick-prev:before,
  #pickup .slick-next:before
  {
      width: 4.8rem;
      height: 4.8rem;
  }
  #pickup .slick-prev {
      bottom: 6rem;
  }

  #pickup .slick-next {
      bottom: 0;
  }
  #pickup .slick-prev,
  #pickup .slick-next {
    left: -14rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   MOVIE

--------------------------------------------------------------------------------------------- */
.visual {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1;
  filter: blur(5px);
}
.visual:before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #D6D1BF;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: .7;
  background: rgba(214,209,191,1);
  /* -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px); */
}
.movie {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.movie video {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%,-50%);
}

/* ---------------------------------------------------------------------------------------------

　   WORKS

--------------------------------------------------------------------------------------------- */

.works_content {
  position: relative;
  margin-top: 4rem;
}

#works .slick-prev,
#works .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    display: block;

    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 99;
    top: -6rem;
    right: 0;
}

#works .slick-prev:hover,
#works .slick-prev:focus,
#works .slick-next:hover,
#works .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}

#works .slick-prev:hover:before,
#works .slick-prev:focus:before,
#works .slick-next:hover:before,
#works .slick-next:focus:before
{
    opacity: 1;
}

#works .slick-prev.slick-disabled:before,
#works .slick-next.slick-disabled:before
{
    opacity: .25;
}

#works .slick-prev:before,
#works .slick-next:before
{
    content: "";
    opacity: .75;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    text-align: center;
    width: 4.8rem;
    height: 4.8rem;
}

#works .slick-prev:before
{
    background: url(../img/prev.svg) no-repeat center / 100%;
}

#works .slick-next:before
{
    background: url(../img/next.svg) no-repeat center / 100%;
}

#works .slick-prev {
    right: 6rem;
}

#works .slick-next {
    right: 0;
}

.works-slide__item {
  margin: 0 1rem;
  transition: transform 0.3s ease;
}

.works-slide__fig {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.works-slide__fig img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
  height: 100%;
  object-fit: cover;
}

.works-slide__item a:hover img {
  transform: scale(1.1);
}

.works__list_txt {
  position: absolute;
  color: #fff;
  transition: transform 0.3s ease;
  background: linear-gradient(to bottom,  rgba(51,44,31,0) 0%,rgba(51,44,31,1) 100%);
}


.works_list__tit {
  font-weight: 700;
  margin: 0;
}
#works .slick-list {
  overflow: visible;
}
#works .slick-track {
  display: flex;
  align-items: center;
}

#works .slick-slide {
  height: auto !important;
  opacity: 0.6;
  transform: scale(0.8);
  transition: all 0.3s ease;
}

#works .slick-slide.slick-current {
  opacity: 1;
  transform: scale(1);
}

#works .slick-slide.slick-center {
  opacity: 1;
  transform: scale(1);
}

@media only screen and ( max-width : 767px ) {
  #works {
    padding: 4rem 0;
  }
  .works_content {
    overflow: hidden;
    margin: 0 -2rem 4rem;
  }
  
  .works__slide {
    margin: 0 -2rem;
    padding: 0 2rem;
  }
  
  #works .slick-prev,
  #works .slick-next
  {
      width: 4rem;
      height: 4rem;
      top: -7.5rem;
  }
  
  #works .slick-prev:before,
  #works .slick-next:before
  {
      width: 4rem;
      height: 4rem;
  }
  
  #works .slick-prev {
      right: 5rem;
  }
  
  #works .slick-next {
      right: 0;
  }
  
  .works-slide__item {
    margin: 0 0.5rem;
    width: 30rem;
  }
  #works .slick-slide {
    transform: scale(0.9);
  }
  
  .works-slide__fig {
    border-radius: 1rem;
    border: .2rem solid #fff;
    height: 19.6rem;
  }
  
  .works__list_txt {
    bottom: .2rem;
    left: .2rem;
    right: .2rem;
    padding: 1.5rem;
    border-radius: 0 0 1rem 1rem;
  }
  
  .works_list__tit {
    font-size: 1.6rem;
    margin-top: .3rem;
  }
}

@media print, screen and ( min-width : 768px ) {

  
  .works_content {
    margin-top: 4rem;
    margin-bottom: 7rem;
  }
  
  .works__list_txt {
    bottom: .4rem;
    left: .4rem;
    right: .4rem;
    padding: 2rem;
    border-radius: 0 0 2rem 2rem;
  }
  .works-slide__item {
    margin: 0 1rem;
  }
  
  .works-slide__fig {
    height: 38.6rem;
    border-radius: 2rem;
    border: .4rem solid #fff;
  }
  
  .works_list__tit {
    font-size: 3.3rem;
  }
  .works__list_txt {
    padding: 3.5rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   XXX

--------------------------------------------------------------------------------------------- */

@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}