@charset "utf-8";

/* #greeting{
    padding-top: 100px;
} */
.grContent01 {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 align-items: flex-end;
}

.grLeft {
 width: 20%;
 /* margin-right: 2.25%; */
 /* text-align: right; */
 position: absolute;
 /* height: 100px; */
 right: 5%;
 z-index: 0;
 max-width: 260px;
 min-width: 200px;
 bottom: 0;
}

.grRight {
 /*    width: 56.75%;*/
 width: 95%;
 /* max-width: 900px;*/
 margin: 0 0 0 auto;
 position: relative;
 z-index: 1;
}

.grMax620 {

 /* max-width: 620px;*/
 width: 70%;
}

span.grTt01 {
 display: block;
 font-size: 38px;
 font-weight: 500;
 color: #231815;
 line-height: 160%;
 letter-spacing: -0.8px;
}

span.grFullTxt {
 display: block;
 font-size: 14px;
 font-weight: 500;
 color: #231815;
 letter-spacing: 0.4px;
 line-height: 180%;
 padding-top: 50px;
}

span.grSing {
 float: right;
 padding-right: 60px;
 padding-top: 120px;
 padding-bottom: 90px;
}

span.grImg {
 display: none;
}

@media screen and (max-width:1280px) {
 .grLeft {
  padding-left: 15px;
 }
}

@media screen and (max-width:1200px) {
 span.grTt01 {
  font-size: 3.500vw;
 }

 /*
    span.grFullTxt{
        font-size: 15px;
    }
*/

 span.grTT {
  margin-bottom: 5.417vw;
 }
}

@media screen and (max-width:767px) {
 span.grImg {
  display: block;
  text-align: center;
  margin-bottom: 10px;
 }

 span.grImg img {
  max-width: 39.113vw;
  width: 100%;
 }

 .grMax620 {
  width: 100%;
  max-width: 100%;
 }

 .grLeft {
  display: none;
 }

 .grRight {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
 }

 /* #greeting{
        padding-top: 7.823vw;
    } */

 /* .navCompany ul li{
        margin-bottom: 20px;
    } */
 /* .navCompany{
        padding-bottom: 5.215vw;
    } */
 span.grTt01 {
  font-size: 30px;
  text-align: center;
 }

 span.grFullTxt {
  font-size: 14px;
  padding-top: 20px;
 }

 span.grSing {
  padding-top: 30px;
  padding-right: 0;
  padding-bottom: 40px;
 }
}

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