@charset "UTF-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
main {
  width: 100%;
  overflow-x: hidden; }

.slick-list,
.slick-track {
  height: 100%; }

.container section {
  width: 100%;
  position: relative;
  background-color: #FFF;
  color: #000; }
  .container section h2 {
    font-size: 26px;
    letter-spacing: 0.195rem;
    line-height: 1.6; }
    .container section h2 b {
      margin-top: 6px;
      font-size: 13px;
      letter-spacing: 0.37em;
      display: block;
      margin-left: 2px; }
  .container section .text_box {
    display: block;
    position: relative; }
    .container section .text_box .l_text {
      display: inline-block;
      margin-left: -510px;
      padding-left: 50%; }
    .container section .text_box .r_text {
      display: inline-block;
      margin-right: -510px;
      padding-right: 50%;
      float: right; }
    .container section .text_box .c_text {
      margin-top: 150px;
      display: block;
      text-align: center; }
    .container section .text_box.c_box {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -50px;
      margin-left: -250px;
      width: 500px; }
    .container section .text_box .box_text {
      width: 510px;
      padding-top: 50px;
      font-size: 14px;
      letter-spacing: 0.11em;
      line-height: 2.2; }
    .container section .text_box span.ref {
      float: right;
      margin-top: 20px; }
    .container section .text_box a.more_sc {
      display: inline-block;
      margin-top: 30px;
      padding: 20px 0 20px;
      font-size: 15px;
      letter-spacing: 0.11em;
      line-height: 2.4;
      vertical-align: middle;
      position: relative; }
      .container section .text_box a.more_sc::after {
        content: "";
        height: 1px;
        width: 84px;
        background-color: #000;
        position: absolute;
        right: -92px;
        top: 50%; }
      .container section .text_box a.more_sc::before {
        content: "";
        height: 1px;
        width: 6px;
        transform: rotate(45deg);
        background-color: #000;
        position: absolute;
        right: -92px;
        top: calc(50% - 2px); }
      .container section .text_box a.more_sc span {
        font-size: 12px;
        letter-spacing: 0.11em;
        line-height: 2.4;
        vertical-align: 1px;
        margin-left: 15px; }
  .container section .bg_box {
    height: 640px;
    width: 100%; }
    .container section .bg_box p {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    .container section .bg_box.r_bg {
      height: 640px;
      width: calc(50% - 50px);
      float: right; }
    .container section .bg_box.l_bg {
      height: 640px;
      width: calc(50% - 50px);
      float: left; }
  .container section::after {
    content: "";
    display: block;
    clear: both; }

@media all and (min-width: 0) and (max-width: 768px) {
  .container section {
    width: 100%;
    position: relative;
    background-color: #FFF; }
    .container section h2 {
      margin-top: 90px;
      font-size: 26px;
      letter-spacing: 0.195rem;
      line-height: 1.6; }
      .container section h2 b {
        margin-top: 6px;
        font-size: 11px;
        letter-spacing: 0.29em;
        display: block; }
    .container section .text_box {
      display: block;
      position: relative;
      box-sizing: border-box;
      padding: 0 25px 90px;
      width: 100%; }
      .container section .text_box .l_text {
        display: inline-block;
        margin-left: 0;
        padding-left: 0%; }
      .container section .text_box .r_text {
        display: inline-block;
        margin-right: 0;
        padding-right: 0;
        float: none; }
      .container section .text_box .c_text {
        margin-top: 150px;
        display: block;
        text-align: center; }
      .container section .text_box.c_box {
        position: static;
        margin-top: 0;
        margin-left: 0;
        left: 0;
        width: 100%; }
      .container section .text_box .box_text {
        width: 100%;
        padding-top: 30px;
        font-size: 15px;
        letter-spacing: 0.11em;
        line-height: 2.4; }
      .container section .text_box a.more_sc {
        display: inline-block;
        margin-top: 30px;
        padding: 20px 0 20px;
        font-size: 15px;
        letter-spacing: 0.11em;
        line-height: 2.4;
        vertical-align: middle;
        position: relative; }
        .container section .text_box a.more_sc::after {
          content: "";
          height: 1px;
          width: 84px;
          background-color: #000;
          position: absolute;
          right: -92px;
          top: 50%; }
        .container section .text_box a.more_sc::before {
          content: "";
          height: 1px;
          width: 6px;
          transform: rotate(45deg);
          background-color: #000;
          position: absolute;
          right: -92px;
          top: calc(50% - 2px); }
        .container section .text_box a.more_sc span {
          font-size: 12px;
          letter-spacing: 0.11em;
          line-height: 2.4;
          vertical-align: 1px;
          margin-left: 15px; }
    .container section .bg_box {
      height: 220px;
      width: 100%; }
      .container section .bg_box p {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .container section .bg_box.r_bg {
        height: 220px;
        width: 100%;
        float: none; }
      .container section .bg_box.l_bg {
        height: 220px;
        width: 100%;
        float: none; }
    .container section::after {
      content: "";
      display: block;
      clear: both; } }
a.ac_bt {
  width: 240px;
  margin-top: 38px;
  font-size: 14px;
  letter-spacing: 0.095em;
  margin-right: 8px;
  padding: 15px 0 18px 0;
  display: inline-block;
  text-align: center;
  background-color: #000;
  color: #FFF;
  border: 1px solid #141414;
  transition: background-color .3s ease, color .3s ease !important; }

a.ac_bt:hover {
  background-color: #FFF;
  color: #000; }

a.bl_bt {
  width: 260px;
  margin-top: 38px;
  margin-right: 8px;
  padding: 16px 0 17px 0;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.29em;
  background-color: #FFF;
  color: #000;
  border: 1px solid #C3C3C3;
  transition: background-color .3s ease, color .3s ease !important; }

a.bl_bt:hover {
  background-color: #141414;
  color: #FFF; }

#about_top {
  height: 550px; }
  #about_top .bg_box {
    height: 550px;
    margin-top: 80px; }
  #about_top .l_text h2 {
    font-size: 36px; }
  @media all and (min-width: 0) and (max-width: 768px) {
    #about_top {
      margin-top: 70px;
      height: 280px; }
      #about_top .bg_box {
        height: 280px;
        margin-top: 30px; }
      #about_top .l_text {
        position: absolute;
        top: 90px; }
        #about_top .l_text h2 {
          font-size: 30px; } }

#ujoyaki .l_text {
  padding-top: 162px; }
#ujoyaki .bg_box p {
  background-size: contain;
  background-position: right; }
#ujoyaki .box_text {
  width: 510px; }
@media all and (min-width: 0) and (max-width: 768px) {
  #ujoyaki .l_text {
    padding-top: 30px;
    width: 100%; }
  #ujoyaki h2 {
    margin-top: 20px;
    font-size: 23px; }
  #ujoyaki .text_box .box_text {
    width: 100%;
    padding-top: 30px; }
  #ujoyaki .bg_box p {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; } }

#kosei .l_text {
  margin-top: -120px;
  margin-right: -500px; }
#kosei .box_text {
  width: 510px; }
#kosei .text_box.c_box {
  color: #FFF !important; }
  #kosei .text_box.c_box h2 b {
    display: inline-block;
    margin-left: 20px; }
@media all and (min-width: 0) and (max-width: 768px) {
  #kosei h2 {
    margin-top: 10px;
    width: 100%;
    line-height: 1.2; }
    #kosei h2 b {
      margin: 0 !important; }
  #kosei .bg_box {
    height: 300px; }
  #kosei .box_text {
    padding-top: 20px; }
  #kosei .text_box {
    margin: 0;
    padding: 0;
    width: 100%; }
  #kosei .l_text {
    box-sizing: border-box;
    background-color: #000 !important;
    margin: 0;
    width: 100%;
    position: static;
    padding: 50px 30px 70px; }
    #kosei .l_text .box_text {
      width: 100%; } }

#dogu .r_text {
  padding-top: 178px;
  margin-right: -510px; }
#dogu .bg_box p {
  background-size: contain;
  background-position: left; }
@media all and (min-width: 0) and (max-width: 768px) {
  #dogu h2 {
    margin-top: 50px; }
  #dogu .r_text {
    margin: 0;
    width: 100%;
    position: static;
    padding: 0; }
    #dogu .r_text .box_text {
      width: 100%; }
  #dogu .bg_box {
    position: static;
    height: 400px; }
  #dogu .bg_box p {
    background-size: cover;
    background-position: left; } }

@media all and (min-width: 0) and (max-width: 768px) {
  #dogu2 {
    height: 230px; }
    #dogu2 .bg_box {
      position: static;
      height: 230px; } }

#kama .bg_box p {
  background-position: left bottom !important; }

#gNavi h1 {
  width: 120px;
  margin-left: 0;
  position: fixed; }

#kannai .l_text {
  padding-top: 120px;
  margin-left: -530px; }
@media all and (min-width: 0) and (max-width: 768px) {
  #kannai .l_text {
    padding-top: 30px;
    margin: 0;
    width: 100%;
    position: static;
    padding: 0;
    text-align: center; }
    #kannai .l_text .box_text {
      width: 100%;
      text-align: left; }
  #kannai h2 {
    margin-top: 60px;
    text-align: left; }
  #kannai .text_box .box_text {
    padding-top: 30px; } }

#contact {
  color: #000;
  margin-top: 0px; }
  #contact h2 {
    margin-bottom: 30px; }
  #contact .bg_box {
    height: 450px; }
  #contact .c_text {
    margin-top: -50px; }
  @media all and (min-width: 0) and (max-width: 768px) {
    #contact {
      margin-top: 0px; }
      #contact h2 {
        margin-bottom: 30px;
        margin-top: -40px; }
      #contact .c_text {
        position: absolute;
        width: 100%;
        top: 40%;
        left: 0;
        margin-top: 0px; }
      #contact .text_box {
        padding: 0 !important; }
      #contact .bg_box {
        height: 300px; } }
  #contact a {
    font-size: 15px;
    letter-spacing: 0.095em;
    display: inline-block;
    position: relative;
    line-height: 0.6; }
    @media all and (min-width: 0) and (max-width: 768px) {
      #contact a {
        font-size: 12px; } }
    #contact a::after {
      content: "";
      height: 1px;
      background-color: #000;
      width: 99%;
      display: inline-block; }

@media all and (min-width: 0) and (max-width: 768px) {
  a {
    font-size: 12px; }

  #gFooter {
    margin-top: 0px; } }
/**/

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