@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  font-weight: normal;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

ol,
ul,
li {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs 
*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input,
select {
  vertical-align: middle; }

img,
iframe {
  vertical-align: bottom; }

th {
  text-align: left; }

/* a:hover{
	opacity: 0.7;
} */
/* ////////////////////////////////////////
PC
//////////////////////////////////////// */
/* ////////////////////////////////////////
PC
//////////////////////////////////////// */
/* ////////////////////////////////////////
SP
//////////////////////////////////////// */
@media screen and (max-width: 768px) {
  html {
    font-size: 62.5%; }

  body,
  div,
  span,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  abbr,
  address,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  samp,
  small,
  strong,
  sub,
  sup,
  var,
  b,
  i,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    /*font-weight: bold;*/ } }
/* ////////////////////////////////////////
SP
//////////////////////////////////////// */
/*---------------------------------------------
media query
----------------------------------------------*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0em;
  color: #000; }

html {
  color: #444;
  font-family: 'Noto Sans JP', sans-serif, Arial, Helvetica, 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 62.5%; }

.mincho {
  font-family: 'Noto Serif', serif;
  font-family: 'Noto Serif JP', serif; }

/**
 * header
 */
header {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

/**ハンバーガーボタン**/
.bl_humburger {
  position: fixed;
  top: 85px;
  width: 110px;
  height: auto;
  z-index: 10000;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  pointer-events: auto;
  margin-top: 0;
  margin-left: 86px; }
  @media screen and (max-width: 768px) {
    .bl_humburger {
      margin-top: 25px;
      margin-left: 10px;
      width: 50px;
      top: 0; } }

.bl_humburger > span {
  display: block;
  width: 100%;
  margin: 0 0 24px;
  height: 2px;
  background: #000;
  transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 768px) {
    .bl_humburger > span {
      margin: 0 0 14px; } }

.bl_humburger.is_active > span:first-of-type {
  width: 100%;
  transform: translateY(28px) rotate(-45deg); }
  @media screen and (max-width: 768px) {
    .bl_humburger.is_active > span:first-of-type {
      transform: translateY(7px) rotate(-45deg); } }
.bl_humburger > span:nth-of-type(2) {
  width: 62%; }
.bl_humburger.is_active > span:nth-of-type(2) {
  opacity: 0; }
.bl_humburger > span:last-of-type {
  width: 81%;
  margin-bottom: 0; }
.bl_humburger.is_active > span:last-of-type {
  width: 100%;
  transform: translateY(-26px) rotate(45deg); }

.ly_gnav {
  position: fixed;
  top: 61px;
  width: 363px;
  margin-left: 237px;
  transform: translateX(-100vw);
  transition: all .5s ease;
  z-index: 1000; }
  @media screen and (max-width: 768px) {
    .ly_gnav {
      left: 0;
      right: 0;
      width: 96vw;
      max-width: 400px;
      margin-left: 3vw;
      margin-right: auto; } }
  @media screen and (max-width: 420px) {
    .ly_gnav {
      margin: 0 auto; } }
  .ly_gnav.is_open {
    transform: translateX(0); }

.bl_gnavCon {
  border: 2px solid #000;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: all .5s ease; }
  .bl_gnavCon .bl_gnavItem {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 22px;
    padding-right: 3px;
    transition: all .5s ease; }
    @media screen and (max-width: 768px) {
      .bl_gnavCon .bl_gnavItem {
        padding-left: 2vw; } }
    .bl_gnavCon .bl_gnavItem:first-of-type {
      padding-top: 19px; }
    .bl_gnavCon .bl_gnavItem:last-of-type {
      padding-bottom: 9px; }
    .bl_gnavCon .bl_gnavItem:hover {
      background: #000; }
    .bl_gnavCon .bl_gnavItem:hover .el_gnavItemEn {
      color: #fff; }
    .bl_gnavCon .bl_gnavItem:hover .el_gnavItemJa {
      color: #fff; }
  .bl_gnavCon .el_gnavItemEn {
    display: block;
    font-size: 2.5rem;
    letter-spacing: -0.04em;
    margin-bottom: 4px;
    color: #000;
    transition: all .5s ease; }
  .bl_gnavCon .el_gnavItemJa {
    display: block;
    font-size: 1.8rem;
    padding-left: 62px;
    color: #aaa;
    transition: all .5s ease;
    font-weight: 300; }
  .bl_gnavCon.is_open {
    opacity: 1; }

/**共通**/
.select-lang {
  position: absolute;
  width: 97px;
  top: 105px;
  margin-right: 158px;
  right: 0;
  z-index: 1000;
  display: flex; }
  @media screen and (max-width: 1000px) {
    .select-lang {
      top: 20px;
      margin-right: 3vw; } }
  .select-lang .bl_select_lang01 {
    width: 42px; }
    .select-lang .bl_select_lang01 img {
      width: 100%;
      cursor: pointer; }
  .select-lang .bl_select_lang02 {
    width: 15px; }
    .select-lang .bl_select_lang02 img {
      width: 100%;
      cursor: pointer; }
  .select-lang .bl_select_lang03 {
    width: 40px; }
    .select-lang .bl_select_lang03 img {
      width: 100%;
      cursor: pointer; }

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  width: 100%; }
  @media screen and (max-width: 1300px) {
    .wrapper {
      max-width: unset;
      padding-left: 3vw;
      padding-right: 3vw; } }

.inline {
  display: inline-block;
  font-size: inherit;
  color: inherit;
  font-weight: inherit; }

.br-pc {
  display: block; }
  @media screen and (max-width: 1300px) {
    .br-pc {
      display: none; } }

.br-lg {
  display: block; }
  @media screen and (max-width: 1000px) {
    .br-lg {
      display: none; } }

.br-sp {
  display: none; }
  @media screen and (max-width: 1000px) {
    .br-sp {
      display: block; } }

.paper {
  transform-style: flat;
  transition: all 250ms ease-out; }
  .paper:before, .paper:after {
    content: "";
    position: absolute;
    z-index: -2;
    transition: all 250ms ease-out; }

.paper-raise:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.paper-raise:hover {
  border: 1px solid #000; }
  .paper-raise:hover:before {
    box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.2); }

#page_top {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 80px;
  height: 80px; }
  @media screen and (max-width: 768px) {
    #page_top {
      width: 60px;
      height: 60px; } }
  #page_top a {
    position: relative;
    display: block; }
    @media screen and (max-width: 768px) {
      #page_top a {
        width: 60px;
        height: 60px; } }
  #page_top img {
    width: 100%;
    height: auto; }

/**
* glassware
*/
.ly_glassware_wrapper {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 180px; }
  @media screen and (max-width: 1000px) {
    .ly_glassware_wrapper {
      width: 100%;
      padding-left: 3vw;
      padding-right: 3vw; } }
  @media screen and (max-width: 768px) {
    .ly_glassware_wrapper {
      padding-top: 100px; } }

/**
* sec01
*/
#sec01 {
  padding-bottom: 128px; }
  @media screen and (max-width: 768px) {
    #sec01 {
      padding-bottom: 10vh; } }
  #sec01 .ly_head_title {
    width: 280px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 51px;
    margin-bottom: 40px; }
    @media screen and (max-width: 420px) {
      #sec01 .ly_head_title {
        padding-right: 0;
        text-align: center; } }
    #sec01 .ly_head_title h2 {
      width: 229px; }
      #sec01 .ly_head_title h2 img {
        width: 100%; }
  #sec01 .bl_head_text {
    font-size: 1.8rem;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.75; }
    @media screen and (max-width: 1000px) {
      #sec01 .bl_head_text {
        width: 100%; } }
  #sec01 .ly_flex {
    display: flex;
    margin-top: 22px;
    margin-left: 46px; }
    @media screen and (max-width: 1000px) {
      #sec01 .ly_flex {
        margin-left: 0; } }
    @media screen and (max-width: 768px) {
      #sec01 .ly_flex {
        flex-direction: column; } }
  #sec01 .bl_image {
    margin-right: 17px;
    margin-top: 7px;
    width: 384px;
    height: auto; }
    @media screen and (max-width: 1000px) {
      #sec01 .bl_image {
        max-width: 384px;
        width: 50%; } }
    @media screen and (max-width: 768px) {
      #sec01 .bl_image {
        width: 100%;
        margin-bottom: 2vh;
        margin-right: auto;
        margin-left: auto; } }
    #sec01 .bl_image img {
      width: 100%;
      height: auto; }
  #sec01 .bl_features_text {
    max-width: calc(100% - 401px); }
    @media screen and (max-width: 1000px) {
      #sec01 .bl_features_text {
        width: 50%; } }
    @media screen and (max-width: 768px) {
      #sec01 .bl_features_text {
        width: 100%;
        max-width: none; } }
  #sec01 .bl_features_title {
    border-bottom: 2px solid #000;
    padding-left: 17px;
    padding-bottom: 12px;
    padding-right: 99px; }
    @media screen and (max-width: 420px) {
      #sec01 .bl_features_title {
        padding-left: 0;
        padding-right: 0; } }
    #sec01 .bl_features_title img {
      width: 100%;
      max-width: 316px; }
  #sec01 .bl_features_list {
    padding-left: 12px;
    padding-top: 16px; }
  #sec01 .bl_features_listItem {
    display: flex;
    margin-bottom: 23px; }
  #sec01 .el_list_check {
    width: 9px;
    height: auto;
    margin-top: 12px;
    margin-right: 2px; }
    #sec01 .el_list_check img {
      width: 100%;
      height: auto; }
  #sec01 .el_list_text {
    font-size: 1.5rem;
    line-height: 1.8; }
  #sec01 .bl_featuresNotes {
    display: flex; }
    @media screen and (max-width: 768px) {
      #sec01 .bl_featuresNotes {
        flex-direction: column; } }
  #sec01 .bl_featuresNotes_text {
    font-size: 1.5rem;
    margin-left: 47px;
    line-height: 2.1;
    padding-top: 16px;
    width: 681px; }
    @media screen and (max-width: 1000px) {
      #sec01 .bl_featuresNotes_text {
        margin-left: 0;
        width: calc(100% - 237px);
        padding-right: 2vw; } }
    @media screen and (max-width: 768px) {
      #sec01 .bl_featuresNotes_text {
        width: 100%; } }
  #sec01 .bl_featuresNotes_logo {
    width: 234px;
    margin-left: -24px;
    margin-top: 52px; }
    @media screen and (max-width: 1000px) {
      #sec01 .bl_featuresNotes_logo {
        margin-left: 0; } }
    @media screen and (max-width: 768px) {
      #sec01 .bl_featuresNotes_logo {
        margin-left: auto;
        margin-right: auto; } }
    #sec01 .bl_featuresNotes_logo a {
      transition: all .3s ease; }
      #sec01 .bl_featuresNotes_logo a:hover {
        opacity: 0.8; }
    #sec01 .bl_featuresNotes_logo img {
      width: 100%;
      height: auto; }

/**
 * sec02
 */
#sec02 {
  padding-bottom: 181px; }
  @media screen and (max-width: 768px) {
    #sec02 {
      padding-bottom: 10vh; } }
  #sec02 .ly_head_title {
    width: 666px;
    height: 67px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 116px; }
    @media screen and (max-width: 768px) {
      #sec02 .ly_head_title .pc {
        display: none; } }
    @media screen and (max-width: 768px) {
      #sec02 .ly_head_title {
        width: 290px;
        height: auto;
        margin-bottom: 5vh;
        padding-left: 0; } }
    @media screen and (max-width: 420px) {
      #sec02 .ly_head_title {
        width: 290px; } }
    #sec02 .ly_head_title .sp {
      display: none; }
      @media screen and (max-width: 768px) {
        #sec02 .ly_head_title .sp {
          display: block;
          max-width: 362px; } }
    #sec02 .ly_head_title img {
      width: 100%;
      height: auto; }
  #sec02 .ly_flex {
    display: flex;
    margin-left: 46px;
    margin-right: 35px; }
    @media screen and (max-width: 1000px) {
      #sec02 .ly_flex {
        margin-left: 0;
        margin-right: 0; } }
    @media screen and (max-width: 768px) {
      #sec02 .ly_flex {
        flex-direction: column;
        margin-bottom: 5vh; } }
  #sec02 .bl_image {
    width: 362px; }
    @media screen and (max-width: 768px) {
      #sec02 .bl_image {
        margin-right: auto;
        margin-left: auto; } }
    @media screen and (max-width: 420px) {
      #sec02 .bl_image {
        width: 100%; } }
    #sec02 .bl_image img {
      width: 100%;
      height: auto; }
  #sec02 .bl_text {
    padding-top: 10px;
    width: 557px; }
    @media screen and (max-width: 768px) {
      #sec02 .bl_text {
        padding-top: 2vh;
        width: 100%; } }
    @media screen and (max-width: 420px) {
      #sec02 .bl_text {
        width: 100%; } }
  #sec02 .bl_oem_title {
    margin-left: auto;
    margin-right: auto;
    width: 470px;
    text-align: center;
    border-bottom: 2px solid #000;
    padding-bottom: 18px; }
    @media screen and (max-width: 1000px) {
      #sec02 .bl_oem_title {
        width: 100%; } }
    #sec02 .bl_oem_title img {
      width: 266px;
      height: auto; }
  #sec02 .bl_oem_text {
    font-size: 1.6rem;
    line-height: 2.7;
    padding-top: 43px;
    padding-left: 45px;
    padding-right: 17px; }
    #sec02 .bl_oem_text.hp_02 {
      padding-left: 32px; }
    @media screen and (max-width: 1000px) {
      #sec02 .bl_oem_text {
        padding-left: 2vw;
        padding-right: 2vw; } }
    @media screen and (max-width: 768px) {
      #sec02 .bl_oem_text {
        padding-top: 1vh; } }
  #sec02 .ly_flex:nth-of-type(3) {
    flex-direction: row-reverse;
    margin-left: 1px;
    margin-right: 56px; }
    @media screen and (max-width: 1000px) {
      #sec02 .ly_flex:nth-of-type(3) {
        margin-left: 0;
        margin-right: 0; } }
    @media screen and (max-width: 768px) {
      #sec02 .ly_flex:nth-of-type(3) {
        flex-direction: column;
        margin-bottom: 5vh; } }
    #sec02 .ly_flex:nth-of-type(3) .bl_image {
      margin-top: -65px; }
      @media screen and (max-width: 1000px) {
        #sec02 .ly_flex:nth-of-type(3) .bl_image {
          margin-top: 0; } }
      @media screen and (max-width: 420px) {
        #sec02 .ly_flex:nth-of-type(3) .bl_image {
          width: 100%; } }
      @media screen and (max-width: 420px) {
        #sec02 .ly_flex:nth-of-type(3) .bl_image img {
          width: 100%;
          height: auto; } }
    #sec02 .ly_flex:nth-of-type(3) .bl_text {
      padding-top: 34px;
      margin-right: 9px; }
      @media screen and (max-width: 1000px) {
        #sec02 .ly_flex:nth-of-type(3) .bl_text {
          margin-right: 0; } }
      @media screen and (max-width: 768px) {
        #sec02 .ly_flex:nth-of-type(3) .bl_text {
          padding-top: 2vh; } }
    #sec02 .ly_flex:nth-of-type(3) .bl_oem_title img {
      width: 170px;
      height: 23px; }
    #sec02 .ly_flex:nth-of-type(3) .bl_oem_text {
      padding-top: 22px;
      line-height: 2.8; }
      @media screen and (max-width: 768px) {
        #sec02 .ly_flex:nth-of-type(3) .bl_oem_text {
          padding-top: 1vh; } }

#sec03 {
  padding-bottom: 228px; }
  @media screen and (max-width: 768px) {
    #sec03 {
      padding-bottom: 10vh; } }
  #sec03 .ly_head_title {
    margin-left: auto;
    margin-right: auto; }
    #sec03 .ly_head_title.hp_01 {
      margin-bottom: 68px;
      width: 185px; }
      @media screen and (max-width: 420px) {
        #sec03 .ly_head_title.hp_01 {
          padding-right: 0;
          margin-bottom: 5vh; } }
      #sec03 .ly_head_title.hp_01 .bl_head_title img {
        max-width: 185px;
        height: auto; }
    #sec03 .ly_head_title.hp_02 {
      margin-bottom: 48px;
      width: 570px; }
      @media screen and (max-width: 420px) {
        #sec03 .ly_head_title.hp_02 {
          margin-bottom: 4vh;
          width: 100%; } }
    #sec03 .ly_head_title.hp_03 {
      width: 232px; }
      @media screen and (max-width: 420px) {
        #sec03 .ly_head_title.hp_03 {
          padding-right: 0; } }
      #sec03 .ly_head_title.hp_03 .bl_head_title img {
        width: 100%;
        max-width: 232px;
        height: auto; }
  #sec03 .ly_head_title.hp_02 .pc {
    display: inline-block; }
    @media screen and (max-width: 768px) {
      #sec03 .ly_head_title.hp_02 .pc {
        display: none; } }
  #sec03 .ly_head_title.hp_02 .sp {
    display: none; }
    @media screen and (max-width: 768px) {
      #sec03 .ly_head_title.hp_02 .sp {
        display: inline-block;
        max-width: 323px;
        height: auto; } }
  #sec03 .bl_head_title {
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 768px) {
      #sec03 .bl_head_title {
        width: 290px; } }
    #sec03 .bl_head_title img {
      width: 100%; }
  #sec03 .ly_flex {
    display: flex;
    margin-top: 27px;
    flex-wrap: wrap; }
    @media screen and (max-width: 1300px) {
      #sec03 .ly_flex {
        justify-content: center; } }
  #sec03 .bl_image {
    margin-right: 31px;
    margin-left: 2px; }
    #sec03 .bl_image.hp_01 {
      width: 277px; }
    #sec03 .bl_image.hp_02 {
      width: 318px; }
    #sec03 .bl_image.hp_03 {
      width: 337px; }
    @media screen and (max-width: 1000px) {
      #sec03 .bl_image {
        margin-bottom: 2vh;
        min-width: 277px;
        height: auto;
        margin-right: 2vw;
        margin-left: 2vw; } }
    @media screen and (max-width: 768px) {
      #sec03 .bl_image {
        width: 250px;
        min-width: 250px; } }
    #sec03 .bl_image figure {
      width: 100%; }
      #sec03 .bl_image figure img {
        width: 100%;
        height: auto; }
        @media screen and (max-width: 1000px) {
          #sec03 .bl_image figure img {
            height: 359px;
            object-fit: cover; } }
    #sec03 .bl_image:nth-of-type(3) {
      margin-right: 0; }
      @media screen and (max-width: 1000px) {
        #sec03 .bl_image:nth-of-type(3) {
          margin-right: 2vw; } }
    #sec03 .bl_image.is_empty {
      height: 0; }
  #sec03 figcaption {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 9px; }
    @media screen and (max-width: 420px) {
      #sec03 figcaption {
        margin-top: 0; } }

#sec04 {
  padding-bottom: 260px; }
  @media screen and (max-width: 768px) {
    #sec04 {
      padding-bottom: 10vh; } }
  #sec04 .ly_head_title {
    width: 259px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 420px) {
      #sec04 .ly_head_title {
        padding-right: 0; } }
    #sec04 .ly_head_title .bl_head_title img {
      width: 100%;
      max-width: 259px;
      height: auto; }
  #sec04 .bl_head_title {
    text-align: center; }
  #sec04 .ly_flex {
    margin-top: 39px;
    display: flex;
    margin-bottom: 155px;
    flex-wrap: wrap; }
    @media screen and (max-width: 1000px) {
      #sec04 .ly_flex {
        justify-content: center; } }
    @media screen and (max-width: 768px) {
      #sec04 .ly_flex {
        margin-bottom: 10vh; } }
  #sec04 .bl_image {
    margin-right: 18px; }
    #sec04 .bl_image.hp_01 {
      width: 252px; }
    #sec04 .bl_image.hp_02 {
      width: 257px; }
    #sec04 .bl_image.hp_03 {
      width: 450px; }
    @media screen and (max-width: 1000px) {
      #sec04 .bl_image {
        margin-bottom: 2vh;
        height: auto;
        margin-right: 2vw;
        margin-left: 2vw; } }
    #sec04 .bl_image figure {
      background: #000;
      height: 342px; }
      @media screen and (max-width: 420px) {
        #sec04 .bl_image figure {
          min-width: 250px;
          max-width: 80vw; } }
      #sec04 .bl_image figure img {
        width: 100%; }
        @media screen and (max-width: 1000px) {
          #sec04 .bl_image figure img {
            height: 342px;
            object-fit: contain;
            width: 100%; } }
    #sec04 .bl_image:nth-of-type(1) {
      margin-left: 5px; }
      @media screen and (max-width: 1000px) {
        #sec04 .bl_image:nth-of-type(1) {
          margin-left: 2vw; } }
    #sec04 .bl_image:nth-of-type(3) {
      margin-right: 0; }
      @media screen and (max-width: 1000px) {
        #sec04 .bl_image:nth-of-type(3) {
          margin-right: 2vw; } }
    #sec04 .bl_image.is_empty {
      height: 0; }
      @media screen and (max-width: 420px) {
        #sec04 .bl_image.is_empty {
          display: none; } }
  #sec04 figcaption {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 9px; }
    @media screen and (max-width: 420px) {
      #sec04 figcaption {
        margin-top: 0; } }
  #sec04 .ly_contact_title {
    padding-right: 10px; }
    @media screen and (max-width: 420px) {
      #sec04 .ly_contact_title {
        padding-right: 0; } }
  #sec04 .bl_contact_title {
    font-size: 2.3rem;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.12em; }
  #sec04 .ly_contact_btn {
    margin-top: 37px;
    width: 239px;
    margin-left: 361px;
    margin-right: auto; }
    @media screen and (max-width: 1000px) {
      #sec04 .ly_contact_btn {
        margin-left: auto; } }
  #sec04 .bl_contact_btn {
    position: relative;
    border: 1px solid #000;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 14px; }
    @media screen and (max-width: 768px) {
      #sec04 .bl_contact_btn {
        margin-top: 2vh;
        margin-bottom: 1.5vh; } }
    #sec04 .bl_contact_btn img {
      width: 93px;
      height: auto; }
    #sec04 .bl_contact_btn.paper {
      transform-style: flat;
      transition: all 250ms ease-out; }
      #sec04 .bl_contact_btn.paper:before, #sec04 .bl_contact_btn.paper:after {
        content: "";
        position: absolute;
        z-index: -2;
        transition: all 250ms ease-out; }
  #sec04 .paper-raise:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #sec04 .paper-raise:hover {
    border: 1px solid #000; }
    #sec04 .paper-raise:hover:before {
      box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.2); }