@charset "UTF-8";

body {background:none !important;
}


.inner h2 {
    font-family: "Cormorant Infant", serif;
    font-size: 36px !important;
    letter-spacing: 0.2em;
    font-weight: normal;
}


.inner h3 {
    font-family: "Cormorant Infant", serif;
    font-size: 24px !important;
    letter-spacing: 0.2em;
    font-weight: normal;
    margin-top: 30px;
    margin-bottom: 20px;
}

.us_int_text{
    margin-top: 20px;
}

.us_main_mv {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

.us_main_mv img {
	display: block;
	width: 100%;
	height: auto;
    }
.us_item1{
    margin-top:120px;
}

.us_item2{
    padding-top: 120px;
    padding-bottom: 230px;
}

.us_item3{
    padding-top: 120px;
    padding-bottom: 100px;
}



#MESSAGE {
    margin: 0 auto;
}

#MESSAGE .message_box {
    display: block;
    margin-top: 70px;
    margin-bottom: 50px;
}

#MESSAGE h2{
   padding-top:70px;
   padding-bottom:70px;
   font-size: 26px;
   line-height: 2em;
   text-align: center;
}

#INT_USIQLO {
    margin: 0 auto;
}

#INT_USIQLO .inner{
    margin-bottom: 120px;
}

#INT_USIQLO .int_img {
    text-align: center;
}

#INT_USIQLO .int_text{
    padding: 20px 0 0 18%;
}

#CONCEPT {
margin-top: 0px !important;
}

#CONCEPT .inner{
 width: 1000px;
 margin: 0 auto;
}

#CONCEPT .right_side {
  width: 45%;
  position: absolute;
  z-index: 10;
  left: 55%;
  top: 100px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}

#CONCEPT .left_side {
  width: 40%;
  /* position: absolute; */
  z-index: 10;
  right: 60%;
  top: 200px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}

#CONCEPT .bkimg_right {
    float: right;
    position: relative;
    padding-top: 15%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
    z-index: -1;
}

.usiqlo_how {
 width: 1000px;
 margin: 0 auto;
 padding-top: 60px;
}

.hr_area {
width: 80%;
margin: 0 auto;
}

.us_hr {
margin-top: 40px;
color: #2a0a0b;;
margin-bottom: 40px;
}


.bkimg_right img{
width:90%;
}

.bkimg1 img{
width:55%;
}

.bkimg2 img{
width:55%;
}

#CV{
margin:0 auto;
}

#CV .inner{
 width: 1000px;
 margin: 0 auto;
}

.more_bt {
width: 100%;
}

.att_reserve {
text-align: center;
margin-bottom: 30px;
}

.more_bt a {
    padding: 15px 77px;
    font-size: 16px;
    color: #fff;
    background: #2a0a0b;
    border: solid 1px #2a0a0b;
    display: block;
    text-decoration: none;
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
    text-align: center !important;
}

@media screen and (max-width: 768px) {


#INT_USIQLO .int_text {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
}

#CONCEPT .inner{
width: 95%;
padding-bottom: 60px;
}
.inner h2 {
    font-size: 26px !important;
}

#INT_USIQLO .inner .int_img img{
width:95%;
}

.bkimg1 img{
width: 95%;
}

.bkimg2 img{
width: 95%;
}

.us_item1 {
    width: 90%;
    margin: 0 auto;
}

.us_item2 {
    width: 90%;
    margin: 0 auto;
}

#CONCEPT .right_side {
    width: 95%;
    position:static;
    margin: 0 auto;
    z-index: 10;
    left: 0%;
    top: 350px;
    padding-left: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
    padding-bottom: 60px;
}

#CONCEPT .right_side p {
    font-size: 16px;
}

#CONCEPT .left_side {
    width: 90%;
    position:static;
    margin: 0 auto;
    z-index: 10;
    right: 60%;
    top: 350px;
    padding-left: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
}

.usiqlo_how {
 width: 90%;
}

.hr_area {
width: 90%;
margin: 0 auto;
}

#CV .inner{
 width:90%;
 margin: 0 auto;
}

#ACCESS {
    padding-top: 100px;
    padding-bottom: 100px;
}


}