@charset "UTF-8";

.section01 {
  padding-bottom:80px;
}
.section01 .container_1400{
  background-color: #fafaff;
  padding:50px 0;
}
.section01 .concept01{
  padding:50px 0;
}
.section01 .concept01 h3{
  text-align:center;
  font-family: "HG明朝",serif;
}
.section01 .concept01 h3 span{
  font-size:30px;
}
.section01 #designer {
  margin-top: 80px;
}
.section01 .concept02 .img{
  aspect-ratio:274 / 320;
  padding-right:50px;
  box-sizing:border-box;
  width:30%;
}
.section01 .concept02 .img img{
  width:100%;
  height:auto;
}
.section01 .concept02 .txt{
  box-sizing:border-box;
  width:70%;
}
.section01 .concept02 .txt p{
  display:block;
}
.section01 .concept02 .txt02 p{
  display:none;
}
.section01 .concept02 h3{
  margin-top:0;
}
.section01 .concept02 h3 span{
  padding-right:50px;
  font-family:"myFont";
  letter-spacing: 0.05em;
}

/*slick 3d*/
.slick_3d {
  width: 100%;
  margin: 0 auto;
}
.slick_3d .slick-slider {
  margin-left: -12%;
  margin-right: -12%;
}
.slick_3d .slick-list {
  padding-top: 3%!important;
  padding-bottom: 3%!important;
  padding-left: 25%!important;
  padding-right: 25%!important;
}
.slick_3d .slick-dots {
  text-align: center;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
}
.slick_3d .slick-dots li:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active:before
{
    opacity: .75;
    color: black;
}
.slick_3d .slick-track {
  max-width: 100%!important;
  transform: translate3d(0, 0, 0)!important;
  perspective: 100px;
}
.slick_3d .slick-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  width: 100%!important;
  transform: translate3d(0, 0, 0);
  transition: transform 1s, opacity 1s;
}
.slick_3d .slick-snext,
.slick_3d .slick-sprev,
.slick_3d .slick-snext2,
.slick_3d .slick-sprev2{
  display: block;
}
.slick_3d .slick-current {
  opacity: 1;
  position: relative;
  display: block;
  z-index: 2;
  outline: none; /*自動で出てくる枠線を削除*/
}
.slick_3d .slick-snext {
  opacity: 1;
  transform: translate3d(65%, 0, -30px);
  z-index: 1;
  perspective: 1000px;
}
.slick_3d .slick-snext .txt{
  opacity: 0;
}
.slick_3d .slick-sprev {
  opacity: 1;
  transform: translate3d(-65%, 0, -30px);
}
.slick_3d .slick-sprev .txt{
  opacity: 0;
}
.slick_3d .about_box {
  display: block;
  width: 100%;
  position:relative;
  aspect-ratio: 1190 / 721;
}
.slick_3d .about_box .img{
  width:100%;
  position:relative;
}
.slick_3d .about_box .img::before{
 content: ' ';
 background-color: rgba(0,0,0,.5);
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}
.slick_3d .about_box img{
  width:100%;
  height:auto;
}
.slick_3d .about_box .txt{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  color:#fff;
}
.slick_3d .about_box .txt h3{
  text-align:center;
  font-family: "my font", serif;
  font-weight: normal;
}
.slick_3d .about_box .txt span{
  font-size:15px;
}
/*/slick 3d*/

@media screen and (max-width: 1500px){
  .section01 .titles h2{
    padding-left:180px;
  }
  .section01 .titles h2:before{
    left:-20px;
  }
}
@media screen and (max-width: 1150px){
  .section01 .concept02{
    flex-wrap:wrap;
    width:80%;
    margin:0 auto;
  }
  .section01 .concept02 .img{
    width:40%;
  }
  .section01 .concept02 .txt{
    width:60%;
  }
  .section01 .concept02 .txt02{
    width:100%;
  }
  .section01 .concept02 .txt02 p{
    display:block;
  }
  .slick_3d .about_box .txt{
    width:80%;
  }
}
@media screen and (max-width: 960px){
  .slick_3d .slick-list {
    padding-left: 15%!important;
    padding-right: 15%!important;
  }
  .slick_3d .about_box .txt{
    width:90%;
  }
  .slick_3d .about_box{
    aspect-ratio: 827 / 501;
  }
}
@media screen and (max-width: 769px){
  .section01 .container_1400{
    width:85%;
  }
  .section01 .container_1080{
    width:85%;
  }
  .section01 .titles h2{
    padding-left:60px;
  }
  .section01 .titles h2:before{
    left:-10%;
  }
  .section01 .concept01 h3 span{
    font-size:27px;
  }
  .section01 .concept02{
    width:100%;
  }
}
@media screen and (max-width: 650px){
  .section01 .concept02{
    flex-wrap:wrap;
  }
  .section01 .concept02 .img{
    width:250px;
  }
  .section01 .concept02 .txt{
    width:100%;
  }
}
@media screen and (max-width: 471px){
  .slick_3d .about_box{
    aspect-ratio: 408 / 563;
  }
}


.section02 .bg_colored{
  background: -moz-linear-gradient(left, transparent 0%, transparent 40%, #fafaff 40%, #fafaff 100%);
  background: -webkit-linear-gradient(left, transparent 0%, transparent 40%, #fafaff 40%, #fafaff 100%);
  background: linear-gradient(to right, transparent 0%, transparent 40%, #fafaff 40%, #fafaff 100%);
}
.section02 .titles{
  text-align:right;
}
.section02 .titles .title_en{
  text-align:right;
}
.section02 .titles h2{
  display:inline-block;
}

/*slick*/
.gallery{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding:50px 0 150px;
}
#slider{
  width: 100%;
  margin:0 auto 30px;
}
.slide-item{
  aspect-ratio:1080 / 653;
  max-height:653px;
}
.slide-item img{
    width: 100%;
    height:auto;
    max-width:1080px;
    margin: 0 auto;
}
#thumbnail-list{
  width: 100%;
  max-width:1080px;
  margin: 0 auto;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap:wrap;
}
#thumbnail-list:after{
  content:"";
  width:48.5%;
  display:block;
}
.thumbnail-item{
  flex: 0 1 23%;
  margin-bottom: 10px;
  box-sizing: border-box;
  position:relative;
  aspect-ratio:248 / 150;
}
.thumbnail-item:after{
    content:'';
    background-color: rgba(0,0,0,0.5);
    position:absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 97.5%;
    opacity: 1;
    transition: .3s opacity linear;
}
.thumbnail-item.thumbnail-current:after{
    opacity: 0;
  }
.thumbnail-item img{
    width: 100%;
    height:auto;
    margin: 0 auto;
  }
.prev-arrow {
    left: calc(7% - 55px);
}
.next-arrow {
    right: calc(7% - 55px);
}
.slide-arrow {
    width: 36px;
    display: block;
    position: absolute;
    z-index: 3;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    margin-top: -52px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*/slick*/
@media screen and (max-width: 1360px){
  #slider{
    width: 80%;
  }
  #thumbnail-list{
    width: 80%;
  }
  .slide-arrow {
    top: 60%;
  }
  .prev-arrow {
    left: calc(-1% - 55px);
  }
  .next-arrow {
    right: calc(-1% - 55px);
  }
}
@media screen and (max-width: 769px){
  .gallery{
    padding:50px 0 100px;
  }
  #slider{
    width: 90%;
  }
  #thumbnail-list{
    width: 90%;
  }
  .thumbnail-item:after {
    height: 95%;
  }
  .slide-arrow {
    width: 22px;
  }
  .prev-arrow {
    left: calc(-1% - 30px);
  }
  .next-arrow {
    right: calc(-1% - 30px);
  }
}
@media screen and (max-width: 471px){
  .thumbnail-item:after {
    height: 93%;
  }
  .slide-arrow {
    width: 18px;
    top: 75%;
  }
  .prev-arrow {
    left: calc(-1% - 20px);
  }
  .next-arrow {
    right: calc(-1% - 20px);
  }
}

/*VR*/
#vr {
  padding-bottom: 150px;
}

@media screen and (max-width: 769px) {
  #vr {
      padding-bottom: 100px;
  }
}
@media screen and (max-width: 1080px){
  #vr iframe {
    height: 400px;
  }
}

/*Youtube video Modal*/
.youtube{
  aspect-ratio:1920 / 884;
}
.youtube a{
  width:100%;
}
.youtube a img{
  width:100%;
  height:auto;
}
#modal-content{
    width:80%;
    margin:0;
    padding:0;
    background:#fff;
    position:fixed;
    display:none ;
    z-index:99999;
}
#modal-content .inner{
    position:relative;
    width:100%;
    padding-top:56.25%;
    overflow:hidden;
}
#modal-content .inner #player{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}
#modal-overlay{
    z-index:9999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba( 0,0,0, 0.75 );
}
.modal-close {
  position: fixed;
  font-size: 100px;
  right: 30px;
  top: 30px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .modal-close {
    right: 0;
    top: 0;
  }
}

@media screen and (max-width: 471px) {
  #modal-content {
    width: 100%;
    left: 0;
  }
  .modal-close {
    font-size: 50px;
    right: 30px;
    top: 30px;
  }
}





.section03 .titles h2{
  padding-left:180px;
}
.section03 .titles h2:before{
  left:0;
}
.section03 .location .par01{
  padding-bottom:80px;
}
.section03 .location .par01 .txt{
  /*padding-right:50px;*/
  padding-bottom: 100px;
  max-width: 1080px;
  margin: 0 auto;
}
.section03 .location .par01 h3{
  text-align:center;
}
.section03 .location .img{
  aspect-ratio: 1400 / 927;
}
.section03 .location .img img{
  width:100%;
  height:auto;
}
.section03 .location .par02{
  padding-bottom:100px;
}
.section03 .location .par02 p{
  font-weight:bold;
  margin:0;
}
.section03 .location .par02 .box30_01{
  padding-right:40px;
}
.section03 .location .par02 .box30_01:nth-child(3){
  padding-right:0;
}
.section03 .location .par02 li{
  font-size:22px;
}
@media screen and (max-width: 1250px){
  .section03 .titles h2:before{
    left:-20px;
  }
  .section03 .location .par01{
    flex-wrap:wrap;
  }
  .section03 .location .par01 .box50_01{
    width:100%;
  }
  .section03 .location .par01 .txt{
    padding-right:0;
    padding-bottom:40px;
  }
}
@media screen and (max-width: 1080px){
  .section03 .location .par01 {
    padding-bottom: 0px;
  }
  .section03 .location .par02{
    flex-wrap:wrap;
  }
  .section03 .location .par02 .box30_01{
    width:90%;
    margin:0 auto 30px;
    padding-right:0;
  }
}
@media screen and (max-width: 769px){
  .section03 .titles h2{
    padding-left:100px;
  }
  .section03 .location .par01 .container_1080 {
    width: 85%;
  }
  .section03 .location .par02 {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 471px){
  .section03 .location .par02 li{
    font-size:16px;
  }
  .section03 .titles h2{
    padding-left:70px;
  }
  .section03 .location .par01 h3 br{
    display:none;
  }
}

.section04 .bg_colored{
  background: -moz-linear-gradient(left, #fafaff 0%, #fafaff 40%, transparent 40%, transparent 100%);
  background: -webkit-linear-gradient(left, #fafaff 0%, #fafaff 40%, transparent 40%, transparent 100%);
  background: linear-gradient(to right, #fafaff 0%, #fafaff 40%, transparent 40%, transparent 100%);
  /*padding-top:130px; 物件LP作成可能まで、LP作成時に削除*/
  padding-bottom:200px;
}
.section04 .titles{
  text-align:right;
}
.section04 .titles .title_en{
  text-align:right;
}
.section04 .titles h2{
  display:inline-block;
}
.section04 #plan_boxes{
  padding-bottom:80px;
}
.section04 .container_1400{
  /*background-color: #FAFBFB;*/
  padding:50px 0;
}
.section04 {
  padding-bottom:80px;
}
.section04 .concept01{
  padding:50px 0;
}
.section04 .concept01 h3{
  text-align:center;
  font-family: "HG明朝",serif;
}
.section04 .concept01 h3 span{
  font-size:30px;
}
.section04 .concept02 .img{
  padding-right:50px;
  box-sizing:border-box;
  width:30%;
}
.section04 .concept02 .img img{
  width:100%;
}
.section04 .concept02 .txt{
  box-sizing:border-box;
  width:70%;
}
.section04 .concept02 .txt p{
  display:block;
}
.section04 .concept02 .txt02 p{
  display:none;
}
.section04 .concept02 h3{
  margin-top:0;
}
.section04 .concept02 h3 span{
  padding-right:50px;
  font-family:"myFont";
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1500px){
  .section04 .titles h2{
    padding-left:180px;
  }
  .section04 .titles h2:before{
    left:-20px;
  }
}
@media screen and (max-width: 1150px){
  .section04 .concept02{
    flex-wrap:wrap;
    width:80%;
    margin:0 auto;
  }
  .section04 .concept02 .img{
    width:40%;
  }
  .section04 .concept02 .txt{
    width:60%;
  }
  .section04 .concept02 .txt p{
    display:none;
  }
  .section04 .concept02 .txt02{
    width:100%;
  }
  .section04 .concept02 .txt02 p{
    display:block;
  }
}
@media screen and (max-width: 769px){
  /*.section04 .container_1400{
    width:85%;
  } */
  .section04 .container_1080{
    width:85%;
  }
  .section04 .titles h2{
    padding-left:60px;
  }
  .section04 .titles h2:before{
    left:-25%;
  }
  .section04 .concept01 h3 span{
    font-size:27px;
  }
  .section04 .concept02{
    width:100%;
  }
}
@media screen and (max-width: 650px){
  .section04 .concept02{
    flex-wrap:wrap;
  }
  .section04 .concept02 .img{
    width:250px;
  }
  .section04 .concept02 .txt{
    width:100%;
  }
}
@media screen and (max-width: 471px){
  .section04 .titles h2:before{
    left:-15%;
  }
}

.section04 .plan .plan_box{
  background-color:#fff;
  padding:50px;
  border:1px solid #707070;
  margin-bottom:40px;
}
.section04 .plan .plan_box .show{
  cursor: grab;
}
.section04 .plan .plan_box .num{
  width:170px;
  height:150px;
  position:relative;
}
.section04 .plan .plan_box .num:before{
  width:150px;
  height:150px;
  border:1px solid #707070;
  position:absolute;
  content:"";
  left:10px;
  top:10px;
  z-index:1;
}
.section04 .plan .plan_box .num div{
  background-color:#000;
  position:relative;
  width:150px;
  height:150px;
  z-index:2;
}
.section04 .plan .plan_box .num p{
  font-size:45px;
  font-family:"myFont";
  color:#C3A03F;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  margin:0;
  line-height: 1;
  text-align: center;
}
.section04 .plan .plan_box .num p span{
  font-size: 75px;
}
.section04 .plan .plan_box .num p{
  font-size:50px;
  font-family:"myFont";
  color:#C3A03F;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  margin:0;
}
.section04 .plan .plan_box .txt{
  width:60%;
  word-break: break-all;
}
.section04 .plan .plan_box .txt p{
  margin:0 0 0 20px;
  /*padding-left:20px;*/
}
.section04 .plan .plan_box .txt .line1{
  font-size:50px;
  font-family:"myFont";
  line-height: 1.2;
  border-bottom:1px solid #707070;
}
.section04 .plan .plan_box .txt .line1 span{
  font-size:75px;
}
.section04 .plan .plan_box .txt .line2{
  font-size:40px;
}
.section04 .plan .plan_box .show .cross{
  width:30%;
}
.section04 .plan .plan_box .show .cross div{
  /*padding-right:60px;*/
  position:relative;
  width:60px;
  margin: 0 0 0 auto;
}
.section04 .plan .plan_box .show .cross span{
  position: absolute;
  right: 10px;
  top: 90px;
  /*z-index: 5;*/
  display: block;
  /*margin: 0 0 0 -20px;*/
  width: 60px;
  height: 1px;
  background: #707070;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.section04 .plan .plan_box .show .cross span:nth-child(2){
  transform: rotate3d(0,0,1,-90deg) ;
}
.section04 .plan .plan_box .show.active .cross span:nth-child(1){
  transform: rotate3d(0,0,1,45deg) ;
}
.section04 .plan .plan_box .show.active .cross span:nth-child(2){
  transform: rotate3d(0,0,1,-45deg) ;
}

.section04 .plan .plan_box .hidden{
  text-align: center;
  display:none;
}
.section04 .plan .plan_box .hidden img{
  /*width:auto;*/
  width:90%;
  padding:40px 0;
}
/*@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}*/
.section04 .plan .plan_box .hidden.active{
  display:block;
  /*animation-name: fade-in;
  animation-duration: .8s;*/
}
.section04 .details h3{
  text-align:center;
}
.section04 .details table{
  font-size:24px;
  width:100%;
}
.section04 .details th{
  background-color:#E1E1E1;
  padding:15px 10px;
  font-weight: normal;
  width: 18%;
}
.section04 .details td{
  background-color:#F5F5F5;
  padding:15px 10px;
  width: 72%;
}
.section04 .details td p{
  margin: 0;
  line-height: 1;
  font-size:24px;
}
/* @media screen and (min-width: 1024px){
  .section04 .plan .plan_box .num p br {
    display: none;
  } 
}*/
@media screen and (max-width: 1500px){
  .section04 .plan .plan_box .hidden img{
    max-width:100%;
  }
}
@media screen and (max-width: 1250px){
  .section04 .plan .plan_box .txt p{
    margin:0 0 0 50px;
  }
}
@media screen and (max-width: 900px){
  .section04 .plan .plan_box{
    padding:50px 20px 50px 50px;
  }
  .section04 .plan .plan_box .txt{
    width:85%;
  }
  .section04 .plan .plan_box .show .cross{
    width:15%;
  }
}
@media screen and (max-width: 769px){
  .section04 .bg_colored {
    padding-bottom: 100px;
  }
  .section04 #plan_boxes {
    padding-bottom: 5px;
    width: 90%;
    margin: 0 auto;
  }
  .section04 .plan .plan_box{
    padding:20px;
  }
  .section04 .plan .plan_box .num div {
    width: 90px;
    height: 90px;
  }
  .section04 .plan .plan_box .num:before {
    width: 90px;
    height: 90px;
  }
  .section04 .plan .plan_box .num {
    width: 100px;
    height: 100px;
  }
  .section04 .plan .plan_box .num p {
    font-size: 28px;
  }
  .section04 .plan .plan_box .txt {
    width: 70%;
    padding-right: 5%;
  }
  .section04 .plan .plan_box .txt p {
    margin: 0 0 0 20px;
  }
  .section04 .plan .plan_box .txt .line1 {
    font-size: 30px;
  }
  .section04 .plan .plan_box .txt .line1 span {
    font-size: 35px;
  }
  .section04 .plan .plan_box .txt .line2 {
    font-size: 20px;
  }
  .section04 .plan .plan_box .show .cross div {
    width:40px;
  }
  .section04 .plan .plan_box .show .cross span {
    width:40px;
    top:40px;
  }
  .section04 .details table {
    font-size: 20px;
    width: 90%;
    margin: 0 auto;
  }
  .section04 .details th {
   width: 130px;
  }
  .section04 .details td p {
    font-size: 20px;
  }
}
@media screen and (max-width: 471px){
  .section04 .bg_colored {
    padding-bottom: 40px;
  }
  .section04 .plan .plan_box {
    padding: 10px;
  }
  .section04 .plan .plan_box .num div {
    width: 70px;
    height: 70px;
    padding: 8px;
    line-height: 1.2;
    box-sizing: border-box;
  }
  .section04 .plan .plan_box .num:before {
    width: 99%;
    height: 70px;
    left: 6px;
    top: 6px;
  }
  .section04 .plan .plan_box .num {
    width: 76px;
    height: 76px;
  }
  .section04 .plan .plan_box .num p {
    font-size: 20px;
    line-height: 1.2;
  }
  .section04 .plan .plan_box .txt .line1 {
    font-size: 22px;
  }
  .section04 .plan .plan_box .txt .line1 span {
    font-size: 25px;
  }
  .section04 .plan .plan_box .txt .line2 {
    font-size: 18px;
  }
  .section04 .plan .plan_box .show .cross div {
    width:30px;
  }
  .section04 .plan .plan_box .show .cross span {
    width:30px;
    top:30px;
    right:0;
  }
  .section04 .details table {
    width: 100%;
    font-size: 18px;
  }
  .section04 .details th, .section04 .details td {
    display: flex;
    justify-content: center;
    width: auto;
  }
  .section04 .details td p {
    font-size: 18px;
  }
}


.section05 .box50_01{
  text-align:center;
}
.section05 .bg_colored{
  background-color:#ECECEC;
  padding:100px 0;
}
.section05 .c_row{
  background-color:#fff;
  padding:40px;
}
.section05 h2{
  margin:0 0 80px;
  position:relative;
  font-family:"myFont";
}
.section05 h2:after{
  position: absolute;
  content:"";
  left: 50%;
  top: 70px;
  transform:translateX(-50%);
  display: block;
  width: 1px;
  height: 50px;
  background-color:#707070;
}
.section05 h3{
  margin:0;
}
.section05 .tel{
  font-size:50px;
  font-family:"myFont";
  padding-bottom: 30px;
}
.section05 .tel2{
  font-size:16px;
  font-family:"myFont";
  padding-bottom: 30px;
}
.section05 .work{
  font-size:24px;
  font-family:serif;
  font-weight:bold;
  margin-bottom:60px;
}
@media screen and (max-width: 1250px){
  .section05 .bg_colored{
    padding:6% 3%;
  }
  .section05 h2{
    margin:0 0 100px;
  }
}
@media screen and (max-width: 900px){
  .section05 h2{
    font-size:40px;
  }
  .section05 .c_row{
    flex-wrap:wrap;
  }
  .section05 .box50_01{
    width:100%;
  }
}
@media screen and (max-width: 471px){
  .section05 h2{
    font-size:30px;
    margin: 0 0 50px;
  }
  .section05 h2:after{
    height:30px;
    top:45px;
  }
  .section05 .c_row{
    padding: 40px 20px;
  }
  .section05 .tel{
    font-size:30px;
  }
  .section05 .tel2{
    font-size:14px;
  }
  .section05 .work {
    font-size: 20px;
    margin-bottom:40px;
  }
}


footer{
  background-color:#000;
}
footer .foot_logo{
  text-align:center;
  padding-top:50px;
  width:400px;
}
footer .foot_logo img{
  width:100%;
  height:auto;
}
footer .company_info{
  text-align:center;
  font-size:25px;
  /*color:#1E476E;*/
  color:#8ca4f2;
  padding-bottom:40px;
}
footer .disclaimer{
  padding:20px 0;
  font-size:18px;
  /*color:#707070;*/
  color:#999;
}
footer .disclaimer a{
  color:#fff!important;
}
footer .disclaimer a:hover{
  color:#707070!important;
}
footer .auction{
  padding:20px 0 80px;
  color:#707070;
}
footer .auction a{
  color:#999!important;
}
footer .auction a:hover{
  color:#707070!important;
}
@media screen and (max-width: 769px){
  footer .company_info{
    font-size:23px;
  }
}
@media screen and (max-width: 471px){
  footer .company_info{
    font-size:18px;
    padding-bottom:0;
  }
  footer .foot_logo{
    width:90%;
    margin:0 auto;
  }
footer .foot_logo img{
  width:100%;
  height:auto;
}
  footer .disclaimer{
    margin:0 auto 10px;
    font-size:16px;
  }
}
.annotation p {
  font-size: 12px;
}