h1.main-title { background-image: url(../images/greeting/h1.jpg); }

@media screen and (min-width: 768px), print { /*============================
#box-01
============================*/
  #box-01 { width: 1100px; margin: 0 auto; margin-bottom: 150px; }
  #box-01 .inner .rel-box {position: relative;margin-bottom: 245px; text-align: center;}
  #box-01 .inner .rel-box .txt-box {position: absolute;bottom: -200px;left: -90px;width: 730px;height: 300px;background-color: #ffffff;padding: 99px 64px 0 90px;font-size: 34px;font-weight: 600;letter-spacing: 6.8px;line-height: 58px;background-image: url(../images/greeting/line.jpg);background-repeat: no-repeat;background-position: left 90px top 76px;}
  #box-01 .inner .rel-box .name-box {position: absolute;bottom: -200px;right: 0;width: 360px;height: 220px;background-color: #000000;padding: 61px 56px 0 56px;text-align: right;}
  #box-01 .inner .rel-box .name-box .com-name { color: #ffffff; font-size: 18px; font-weight: 400; letter-spacing: 0.9px; line-height: 26px; margin-bottom: 12px; }
  #box-01 .inner .rel-box .name-box .name {color: #ffffff;font-size: 24px;font-weight: 600;letter-spacing: 1.2px;margin-bottom: -9px;}
  #box-01 .inner .rel-box .name-box .roma { color: #a27f2b; font-family: Oswald; font-size: 16px; font-weight: 300; letter-spacing: 3.2px; }
  #box-01 .inner .txt-box-02 { width: 800px; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 32px; margin-bottom: 120px; }
  #box-01 .inner .txt-box-02 .p-mb { margin-bottom: 2em; }
  #box-01 .inner .abs-box-01 {width: 600px;font-size: 16px;font-weight: 400;letter-spacing: 0.8px;line-height: 32px;position: relative;margin-left: auto;margin-bottom: 55px;}
  #box-01 .inner .abs-box-01 .ttl-02 {font-size: 32px;font-weight: 600;letter-spacing: 7.8px;line-height: 1.85;margin-bottom: 13px;}
  #box-01 .inner .abs-box-01 .abs-rel-box {padding-top: 22px;background-image: url(../images/greeting/line.jpg);background-repeat: no-repeat;background-position: left 0;}
  #box-01 .inner .abs-box-01 .abs-rel-box .abs-pic-box { position: absolute; left: -590px; top: 0; }
  #box-01 .txt-box-03 .txt-01 {text-align: center;color: #000000;font-size: 34px;font-weight: 600;letter-spacing: 1.8px;line-height: 40px;margin-bottom: 19px;text-align: center;}
  #box-01 .txt-box-03 .txt-02 {width: 570px;margin: 0 auto;/* letter-spacing: 0px; */text-align: center;letter-spacing: 1px;}
  /*============================
#box-02
============================*/
  #box-02 {background-color: #ededed;padding-top: 103px;padding-bottom: 100px;margin-bottom: 105px;}
  #box-02 .inner { width: 1100px; margin: 0 auto; }
  #box-02 .inner .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #box-02 .inner .flex-01 .box-l { width: 528px; padding-left: 100px; }
  #box-02 .inner .flex-01 .box-r {padding-top: 42px;width: 550px;background-image: url(../images/greeting/line.jpg);background-repeat: no-repeat;background-position: left 18px;}
  #box-02 .inner .flex-01 .box-r .ttl-box { position: relative; }
  #box-02 .inner .flex-01 .box-r .ttl-box .deco { position: absolute; top: -165px; left: 210px; }
  #box-02 .inner .flex-01 .box-r .sttl {position: relative;z-index: 10;color: #000000;font-size: 34px;font-weight: 600;letter-spacing: 6.8px;line-height: 58px;margin-bottom: 16px;}
  #box-02 .inner .flex-01 .box-r .txt-box-01 { font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 32px; }
  /*============================
#box-03
============================*/
  #box-03 { width: 1100px; margin: 0 auto; margin-bottom: 100px; }
  #box-03 .inner table { width: 100%; }
  #box-03 .inner table tr th {font-weight: 600;width: 170px;border: 1px solid #cccccc;background-color: #ededed;padding: 16px 30px 16px;text-align: left;}
  #box-03 .inner table tr td {width: 930px;border: 1px solid #cccccc;background-color: #ffffff;padding: 16px 49px 16px;letter-spacing: 1px;}
  .end-bb .list { width: 715px; margin: 0 auto; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

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

  .p-mb{
    margin-bottom: 1.5em;
  }
   /*============================
#box-01
============================*/
#box-01 { width: 94.203vw; margin: 0 auto; margin-bottom: 15vw; }
#box-01 .inner .rel-box { position: relative; margin-bottom: 5vw; }
#box-01 .inner .rel-box .txt-box { width: 100%; /* height: 72.464vw; */ background-color: #ffffff; padding: 11.594vw 5.797vw 5.797vw 0vw; font-size: 4.348vw; font-weight: 600; letter-spacing: 0.918vw; line-height: 1.95; background-image: url(../images/greeting/line.jpg); background-repeat: no-repeat; background-position: left 1px top 33px; background-size: 10vw; }
#box-01 .inner .rel-box .name-box { width: 100%; /* height: 53.14vw; */ background-color: #000000; padding: 4.797vw 5.797vw 3.865vw 7.246vw; /* text-align: right; */ text-align: center; }
#box-01 .inner .rel-box .name-box .com-name { color: #ffffff; font-size: 3.382vw; font-weight: 400; letter-spacing: 0.217vw; line-height: 6.28vw; margin-bottom: 0.725vw; }
#box-01 .inner .rel-box .name-box .name { color: #ffffff; font-size: 5.314vw; font-weight: 600; letter-spacing: 0.29vw; }
#box-01 .inner .rel-box .name-box .roma { color: #a27f2b; font-family: Oswald; font-size: 3.865vw; font-weight: 300; letter-spacing: 0.773vw; }
#box-01 .inner .txt-box-02 { width: 100%; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: 7.729vw; margin-bottom: 10.386vw; }
#box-01 .inner .txt-box-02 .p-mb { margin-bottom: 2em; }
#box-01 .inner .abs-box-01 { width: 100%; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: 7.729vw; position: relative; margin-left: auto; margin-bottom: 11.594vw; }
#box-01 .inner .abs-box-01 .ttl-02 { /* font-size: 4.589vw; */ font-size: 4.348vw; font-weight: 600; letter-spacing: 0.725vw; line-height: 1.85; margin-bottom: 3vw; }
#box-01 .inner .abs-box-01 .abs-rel-box { padding-top: 4.831vw; background-image: url(../images/greeting/line.jpg); background-repeat: no-repeat; background-position: left 0; background-size: 10vw; }
#box-01 .inner .abs-box-01 .abs-rel-box .abs-pic-box { /* position: absolute; */ /* left: -142.512vw; */ /* top: 0; */ margin-bottom: 4vw; }
#box-01 .txt-box-03 .txt-01 { text-align: center; color: #000000;     font-size: 5.348vw; font-weight: 600; letter-spacing: 0.725vw; line-height: 1.85; margin-bottom: 3.865vw; }
#box-01 .txt-box-03 .txt-02 { width: 100%; margin: 0 auto; }
/*============================
#box-02
============================*/
#box-02 { background-color: #ededed; padding-top: 10vw; padding-bottom: 10vw; padding-left: 4.1065vw; padding-right: 4.1065vw; margin-bottom: 15vw; }
#box-02 .inner { width: 100%; margin: 0 auto; }
#box-02 .inner .flex-01 { margin-top: 5vw; }
#box-02 .inner .flex-01 .box-l { width: 37.821vw; margin: 0 auto; margin-bottom: 12vw; padding-left: 4.348vw; }
#box-02 .inner .flex-01 .box-r { width: 100%; background-image: url(../images/greeting/line.jpg); background-repeat: no-repeat; background-position: left 20px; background-size: 10vw; padding-top: 8vw; }
#box-02 .inner .flex-01 .box-r .ttl-box { position: relative; }
#box-02 .inner .flex-01 .box-r .ttl-box .deco { position: absolute; top: -13.855vw; left: 41.725vw; width: 46vw; }
#box-02 .inner .flex-01 .box-r .sttl { position: relative; z-index: 10; color: #000000; font-size: 4.348vw; font-weight: 600; letter-spacing: 1.643vw; line-height: 1.85; margin-bottom: 3.865vw; }
#box-02 .inner .flex-01 .box-r .txt-box-01 { font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: 7.729vw; }
/*============================
#box-03
============================*/
#box-03 { width: 91.787vw; margin: 0 auto; margin-bottom: 16vw; }
#box-03 .inner table { width: 100%; border-bottom: 1px solid #ccc; font-size: 3.623vw; }
#box-03 .inner table tr th { display: block; width: 100%; border: 1px solid #cccccc; background-color: #ededed; padding: 2.415vw 3.865vw 2.415vw; text-align: left; border-bottom: none; font-weight: 600; }
#box-03 .inner table tr td { display: block; width: 100%; border: 1px solid #cccccc; background-color: #ffffff; padding: 3.14vw 3.865vw 3.14vw; border-bottom: none; }
.end-bb .list { width: 80vw; margin: 0 auto; }
.end-bb .list li { margin-bottom: 5vw; } 
}
/*# sourceMappingURL=page-greeting.css.map */