@charset "utf-8";
/* CSS Document */


/* ///////////////////////////////////////////////////////////////////
タイトル・リード  CSS
/////////////////////////////////////////////////////////////////// */
.mv,
.text_gallet{
    overflow: hidden;
}
.text_gallet {
    text-align: center;
}
.text_gallet h3 {
    font-family: 'futura-pt', sans-serif;
    font-size: 44px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-top: 100px;
}
.text_gallet h4 {
    font-family: 'futura-pt', sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.05em;
}
.main_img img {
    width: 100%;
}
.read {
    text-align: center;
    line-height: 2em;
    font-size: 14px;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", serif;
    color: #4d4947;
    /*color: #231815;*/
    margin-top: 100px;
}
.read02{
    margin: 0 0 100px;
}
.theme {
    font-size: 18px;    
}

.bg_philosophy {
    background: url('/s/brand/indivi/gallest/concept/img/bg_ph.jpg') no-repeat top center / cover;
    padding: 150px 0;
    margin: 0 0 150px;
}
.bg_concept {
    background: url('/s/brand/indivi/gallest/concept/img/bg_co.jpg') no-repeat center / cover;
    padding: 150px 0;
}

/* ///////////////////////////////////////////////////////////////////
ライン  CSS
/////////////////////////////////////////////////////////////////// */

.line {
    border-bottom: 1px solid #d1d1d1;
    width: 600px;
    margin: 45px auto 0;
}
	
/* ///////////////////////////////////////////////////////////////////
ボタン全体  CSS
/////////////////////////////////////////////////////////////////// */

.check--btn__each {
    margin: 6px;
}

/* ///////////////////////////////////////////////////////////////////
ALLボタン  CSS
/////////////////////////////////////////////////////////////////// */

.check--btn__area {
    text-align: center;
    margin-top: 50px;
}
.check--btn__area a {
    width: 260px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    font-family: 'Marcellus', serif, 'Noto Sans JP', sans-serif; 
    color: #000;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
}
.check--btn__area a span {
    position: relative;
    display: inline-block;
    line-height: 1;
}

.check--btn__area a:hover {
    /* opacity: 0.6; */
    color: #fff;
    background: #000000;
    cursor: pointer;
}

.check--btn__title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 43px;
}
.check--btn__all {
    margin: 0 auto 6px;
}
.check--btn__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* .check--btn__area .check--btn__each:nth-child(3n) {
    margin-right: 0;
} */

/* ///////////////////////////////////////////////////////////////////
ボタン1 (ボタン：2カラム)  CSS
/////////////////////////////////////////////////////////////////// */

.btnlist {
    text-align: center;
    margin-top: 50px;
}

.btnlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btnlist a span {
    position: relative;
    display: inline-block;
    line-height: 1;
}
.btnlist03 a span {
    line-height: 1.4;
}
.btnlist03 a span.font_s {
    font-size: 0.85em;
}
.btnlist a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #000;
}
.btnlist a:hover {
    /* opacity: 0.6; */
    color: #fff;
    background: #000000;
    cursor: pointer;
}

.btnlist01 a {
    width: 400px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    color: #000;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
}

/* animation */
.mv .is-hide,
.text_gallet .is-hide {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: 2s;
    transition: 2s;
}

.mv .is-hide.is-show,
.text_gallet .is-hide.is-show {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.mv .fadein {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.mv .fadein.showed {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.mv .main_img.showed .main_img-img {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.mv {
  position: relative;
}
h2.main_img img:nth-of-type(2) {
    animation: ttl_fade 5s ease .75s forwards;
    position: absolute;
    bottom: calc(24 * (100vw / 750));
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
}
@keyframes ttl_fade{
    0% {opacity: 0;}
    100% {opacity: 1;}
}