@charset "UTF-8";
/*
@mixin f_roboto($weight:400) {
	font-family: 'Roboto',"游ゴシック","游ゴシック体","Yu Gothic",YuGothic, sans-serif;
	font-weight:$weight;
}
Robotoフォント設定
400：Regular（デフォルト）
500：Medium
700：Bold
*/
/*
A-OTF Ryumin Pr6N
300：Bold（デフォルト）
*/
/*
font-weight:$weight;
400：Regular（デフォルト）
700：Bold
*/
/*
example
@include dotted(#COLOR, WidthPX,SpaceingPX,HeightPX); 横破線
@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/
.sec_message_03 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 100vh; }
  @media screen and (max-width: 460px) {
    .sec_message_03 {
      z-index: 3; } }
  @media screen and (max-width: 460px) {
    .sec_message_03:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 200px;
      background-color: #fff; } }
  .sec_message_03 .bg_logo_gradation {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 100%;
    position: absolute;
    top: calc(50% - 0.7rem);
    left: calc(50% - 0.7rem);
    background-image: url(/img/index/mouse_cursor.png);
    background-size: cover;
    overflow: hidden;
    z-index: -1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    opacity: 0; }
    .sec_message_03 .bg_logo_gradation.active {
      -webkit-transition: opacity 1.2s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-transform 1.8s cubic-bezier(0.515, 0.005, 0.505, 1);
      transition: opacity 1.2s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-transform 1.8s cubic-bezier(0.515, 0.005, 0.505, 1);
      -o-transition: transform 1.8s cubic-bezier(0.515, 0.005, 0.505, 1), opacity 1.2s cubic-bezier(0.515, 0.005, 0.505, 1);
      transition: transform 1.8s cubic-bezier(0.515, 0.005, 0.505, 1), opacity 1.2s cubic-bezier(0.515, 0.005, 0.505, 1);
      transition: transform 1.8s cubic-bezier(0.515, 0.005, 0.505, 1), opacity 1.2s cubic-bezier(0.515, 0.005, 0.505, 1), -webkit-transform 1.8s cubic-bezier(0.515, 0.005, 0.505, 1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1; }
    @media screen and (max-width: 460px) {
      .sec_message_03 .bg_logo_gradation {
        width: 0.6rem;
        height: 0.6rem;
        top: calc(50% - 0.3rem);
        left: calc(50% - 0.3rem); } }
  .sec_message_03 .img_box {
    position: relative;
    z-index: 1; }
    .sec_message_03 .img_box .sec_message_03_title .title_img {
      display: block;
      margin: auto;
      width: 6.4rem;
      height: auto; }
      @media screen and (max-width: 460px) {
        .sec_message_03 .img_box .sec_message_03_title .title_img {
          width: 2.775rem; } }

/*# sourceMappingURL=index_message_03.css.map */