@charset "UTF-8";
@import url(common.css);

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/************************************
** 基本設定（General Setting）
************************************/
html{
      font-size: 62.5%; /* 62.5%を指定すると「1.0 rem = 10px」 */
  }
  html, body {
      margin: 0;
      padding: 0;
  }
  body {
         font-family:"Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
         -webkit-text-size-adjust: 100%;
         text-size-adjust: 100%;
         -webkit-font-smoothing: antialiased;
         font-size: 16px;
         font-size: 1.6rem;
         color: #362014;
         letter-spacing: 1.5px;
         font-weight: 500;
  }
  a:hover {
         opacity: 0.4;
         filter: alpha(opacity=60);
         -ms-filter: "alpha(opacity=60)";
         /*color: inherit;
         background-color: inherit;*/
  }
  img{
         border-width:0;
         box-sizing: border-box;
         -webkit-backface-visibility: hidden;
         -ms-interpolation-mode: nearest-neighbor;
         image-rendering: -webkit-optimize-contrast;
         image-rendering: -moz-crisp-edges;
         image-rendering: -o-crisp-edges;
         /* image-rendering: pixelated;   */
         max-width: 100%;
  }

  .bk_image{
         -webkit-backface-visibility: hidden;
         image-rendering: -webkit-optimize-contrast;
  }
  figure,
  main figure{
         margin: 0;
  }
  .article{
         position: relative;
  }
  /*記事・カテゴリ中の画像を要素内に収める*/
  .article img,
  .category-description img,
  .wp-caption,
  .hover-image{
         max-width:100%;
         height:auto;
  }
  .aligncenter{
         clear:both;
  }
  .cf:after{
         content: "";
         clear: both;
         display: block;
  }

  #main {
    width: 100%;
  }
dl {
    margin: auto;
}
h1,h2,h3,h4 {
    font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
  }
  h2,h3 {
    color: #f70501;
  }

  p,dd,th,td {
    font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
    color:#231815;
  }

  a {
    text-decoration: none;
  }
ul {
    padding: 0;
}
  .dancing {
    font-family: "Dancing Script", serif;
    font-optical-sizing: auto;
    color: #f70501;
  }

  #body {
    margin-top: 0;
}

  .entry-content {
    margin-bottom: 0;
  }

  #main .post, #main .page {
    margin-bottom: 0;
}

.back {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sp {
    display: none;
}
a:hover,.widget_new_entries a:hover, .widget_new_popular a:hover, .widget_popular_ranking a:hover, .wpp-list a:hover, .entry-read a:hover, .entry .post-meta a:hover, .related-entry-read a:hover, .entry a:hover, .related-entry-title a:hover, .navigation a:hover, #footer a:hover, .article-list .entry-title a:hover, .blog-card-title a:hover {
    color: #F70501
}
/*-----------------------------------

ハンバーガーメニュー中身

------------------------------------*/

.page {
    position: relative;
}

.navi {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: #ffffff;
    display: none;
    overflow-y: scroll;
}




.main-nav {
    align-items: flex-start;
}

.navi-image {
    width: 15%;
}

.navi-right .logo {
    width: 10%;
}

.navi-right {
    width: 85%;
    height: 100vh;
    justify-content: center;
    padding: 2%;
}

.main-nav-inner {
    align-items: flex-start;
    margin-top: 3%;
}

.about,.plan,.other {
    width: calc(96% /3);
    margin-right: 2%;
}


.other {
    margin-right: 0;
}


.main-nav-inner p.ft38 {
    margin-top: 0;
    position: relative;
}


.main-nav-inner p.ft38:before {
    background-color: #f70501;
    bottom: -10px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    transform: translateX(-0);
    width: 26.5px;
}

#navi  ul {
    border: none;
    background-color: transparent;
}
    

.main-nav-inner ul li {
    position: relative;
    width: 100%;
    margin-bottom: 4%;
}

.main-nav-inner ul li span {
    margin-left: 5%;
}

.main-nav-inner ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.other-bottom {
    padding-top: 5%;
    border-top: 1px solid #c4c4c4;
}

.other-bottom p {
    font-weight: bold;
    margin: 0 0 2% 0;
}

.other-bottom .contact-tel {
    position: relative;
    margin-right: 18px;
}

.other-bottom .contact-tel:before {
    content: "";
    width: 17px;
    height: 21px;
    background-image: url(../../../images/tel.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 18%;
    left: 28%;
}

.other-bottom .contact-btn {
    border: 0.75px solid #f70501;
    background-color: #ffffff;
    width: 229px;
    box-sizing: border-box;
    padding: 3% 0 3% 2%;
    margin: 0 0 3% 0;
    display: block;
    position: relative;
}

.other-bottom .contact-mail {
    position: relative;
    margin-right: 34px;
}

.other-bottom .contact-mail:before {
    content: "";
    width: 26px;
    height: 19.5px;
    background-image: url(../../../images/mail.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 1%;
}


.other-bottom .quotation-btn {
    background-color: #00337c;
    position: relative;
    width: 209px;
    padding: 3% 0 3% 6%;
    margin: 0;
    display: block;
}



  
/*------------------------------------

ヘッダー

------------------------------------*/

.article-header {
    display: none;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    background-color: #ffffff;
}

#header {
    height: auto;
}
.header-box {
    position: relative;
    height: 150px;
}

#header-in {
    position: fixed;
    top: 0;
    left: 0;
}

.header-box {
    justify-content: space-between;
}

#header a {
    text-decoration: none;
    display: block;
}

#header .contact-tel {
    top: 23%;
}

.header-left,.header-right {
    padding: 1% 0;
}

.header-logo {
    width: 123px;
    margin: auto;
    margin-top: right;
    height: 100px;
}
.header-left p.ft16 {
    margin: 6% 0 0;
    font-weight: 600;
    line-height: 160%;
}
.header-right {
    position: absolute;
    right: 11%;
    top: 5%;
}
.header-box .header-left {
    width: 560px;
    margin-left: 2%;
}
.tel {
    margin-top: 4.5%;
    line-height: 0;
}
#header a.tel:hover {
    color: #f70501;
}
#header .contact-tel:before {
    top: 23%;
}
#header .contact-mail:before {
    background-image: url(../../../images/white-mail.png);
}

.header-right p.ft14 {
    margin: 8.5% 0 1.5%;
    font-weight: 500;
}
.mail-btn {
    background-color: #f70501;
    position: relative;
    padding: 2% 3% 2% 4%;
    width: 90%;
    margin: 0 auto;
}

.humburger {
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    position: fixed;
    width: 10vw;
    height: 150px;
    right: 0;
    top: 0;
    background-color: #f70501;
    z-index: 100000;
}

.humburger:hover {
    opacity: 1;
}

.humburger-line {
    width: 56%;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    display: block;
    margin-bottom: 5px;
}

.humburger-line-1 {
    top: 54.5%;
}

.humburger-line-2 {
    top: 58%;
}

.humburger-line-3 {
    top: 61.5%;
}

.humburger-line-4 {
    top: 65%;
}

.humburger-line-5 {
    top: 68.5%;
}
.humburger p.ft22 {
    color: #ffffff;
    position: absolute;
    top: 22%;
    margin: 0;
    font-weight: 300;
}

.humburger-line-1.active,.humburger-line-5.active {
    top: 63%;
    font-weight: 300;
}

.humburger-line-1.active {
    transform: rotate(45deg);
}

.humburger-line-2.active,.humburger-line-3.active,.humburger-line-4.active {
    transform: scaleX(0);
}

.humburger-line-5.active {
    transform: rotate(135deg);
}



/*------------------------------------

下層ヘッダー

------------------------------------*/
.kaso-header  {
    padding: 8%;
    position: relative;
    margin-top: 150px;
}

.page-id-66 .kaso-header {
    background-image: url(../../../images/header-faq.jpg);
}

.page-id-95 .kaso-header {
    background-image: url(../../../images/header-price.jpg);
}


.page-id-106 .kaso-header,.single-example .kaso-header {
    background-image: url(../../../images/header-example.jpg);
}


.page-id-211 .kaso-header {
    background-image: url(../../../images/header-company.jpg);
}

.page-id-231 .kaso-header {
    background-image: url(../../../images/area_top.jpg);
}


.page-id-248 .kaso-header {
    background-image: url(../../../images/header-company.jpg);
}

.page-id-285 .kaso-header {
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.1) 100%), url(../../../images/header-food.png);
    background-size: cover;
    background-position: 16% 71%;
    padding: 10% 0;
}

.page-id-269 .kaso-header {
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.1) 100%), url(../../../images/header-business.jpg);
    background-size: cover;
    background-position: 32% 72%;
    padding: 10% 0;
}

.page-id-278 .kaso-header {
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.1) 100%), url(../../../images/header-school.jpg);
    background-size: cover;
    background-position: 16% 71%;
    padding: 10% 0;
}

.page-id-282 .kaso-header {
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0.1) 100%), url(../../../images/header-drink.jpg);
    background-size: cover;
    background-position: -18% 29%;
    padding: 10% 0;
    background-repeat: no-repeat;
}

.page-id-285 .kaso-header h1,.page-id-285 .kaso-header p,.page-id-269 .kaso-header h1,.page-id-269 .kaso-header p,.page-id-278 .kaso-header h1,.page-id-278 .kaso-header p,.page-id-282 .kaso-header h1,.page-id-282 .kaso-header p {
    text-align: left;
}

.page-id-285 .kaso-header h1,.page-id-269 .kaso-header h1,.page-id-278 .kaso-header h1,.page-id-282 .kaso-header h1 {
    margin-left: 6%;
}

.page-id-285 .kaso-header p,.page-id-269 .kaso-header p {
    margin-left: 13%;
}

.page-id-278 .kaso-header p {
    margin-left: 9%;
}

.page-id-282 .kaso-header p {
    margin-left: 10.5%;
}

.page-id-290 .kaso-header {
    background-image: url(../../../images/header-commitment.jpg);
}

.page-id-292 .kaso-header {
    background-image: url(../../../images/header-concept.jpg);
}

.page-id-313 .kaso-header {
    background-image: url(../../../images/header-chef.jpg);
}

.page-id-335 .kaso-header,.page-id-342 .kaso-header {
    background-image: url(../../../images/header-contact.jpg);
}

.page-id-2874 .kaso-header,.category .kaso-header,.single .kaso-header {
    background-image: url(../../../images/header-company.jpg);
}

.page-id-66 .kaso-header:before,.page-id-95 .kaso-header:before,.page-id-106 .kaso-header:before,.page-id-211 .kaso-header:before,.page-id-231 .kaso-header:before,.page-id-248 .kaso-header:before,
.page-id-278 .kaso-header:before,.page-id-290 .kaso-header:before,.page-id-292 .kaso-header:before,.page-id-313 .kaso-header:before,.single-example .kaso-header:before
,.page-id-335 .kaso-header:before,.page-id-342 .kaso-header:before,.page-id-2874 .kaso-header:before,.category .kaso-header:before,.single .kaso-header:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
}

.page-id-66 .kaso-header h1,.page-id-66 .kaso-header p,.page-id-95 .kaso-header h1,.page-id-95 .kaso-header p,.page-id-106 .kaso-header h1,.page-id-106 .kaso-header p,.page-id-211 .kaso-header h1,.page-id-211 .kaso-header p,.page-id-231 .kaso-header h1,.page-id-231 .kaso-header p ,
.page-id-248 .kaso-header h1,.page-id-248 .kaso-header p,.page-id-269 .kaso-header h1,.page-id-269 .kaso-header p,.page-id-278 .kaso-header h1,.page-id-278 .kaso-header p,.page-id-282 .kaso-header h1,.page-id-282 .kaso-header p,.page-id-285 .kaso-headerh1,.page-id-285 .kaso-header p
,.page-id-290 .kaso-header h1,.page-id-290 .kaso-header p,.page-id-292 .kaso-header h1,.page-id-292 .kaso-header p,.page-id-313 .kaso-header h1,.page-id-313 .kaso-header p,.page-id-335 .kaso-header h1,.page-id-335 .kaso-header p,
.page-id-342 .kaso-header h1,.page-id-342 .kaso-header p,.single-example .kaso-header h1,.single-example .kaso-header p,.page-id-2874 .kaso-header h1,.page-id-2874 .kaso-header p,.category .kaso-header h1,.category .kaso-header p,.category .kaso-header h1,.single .kaso-header p,.single .kaso-header h1 {
    position: relative;
    z-index: 999;
    letter-spacing: 0.1em;
}
.page-id-40 .kaso-header h1,.page-id-53 .kaso-header h1 {
    margin: 0;
}

.page-id-53 .kaso-header,.page-id-40 .kaso-header {
    background-image: linear-gradient(90deg, rgba(0, 51, 124, 0.4) 0%, rgba(0, 51, 124, 1) 34%, rgba(0, 51, 124, 1) 68%, rgba(0, 51, 124, 0.4) 100%), url(../../../images/top_bg_sub.jpg);
    padding: 6% 0;
    background-position: center;
    background-size: cover;
}
.kaso-header p.ft20 {
    letter-spacing: 4px;
}

#breadcrumbs {
    margin: 1% 0 0 4%;
    width: fit-content;
    font-weight: 400;
}

#breadcrumbs a,.breadcrumb_last {
    color: #231815;
    font-size: 1.4rem;
}

/*-----------------------------------

トップページ

------------------------------------*/

.page-id-8 #sidebar {
    display: none;
}
.page-id-8 #breadcrumbs {
    display: none;
}
.hero-area {
    position: relative;
    height: 600px;
    margin-top: 150px;
}
.hero-image {
    background-image: url(../../../images/top_photo01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 90%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.hero-quotation a {
    writing-mode: vertical-rl;
    position: fixed;
    right: 0;
    padding: 18px 12px;
    top: 26%;
    width: 66px;
    height: 201px;
    box-sizing: border-box;
    display: block;
    z-index: 999;
    background-color: #00337c;
}
.hero-quotation a:hover {
    background-color: #00337c;
    opacity: 0.6;
    color: #ffffff;
}
.hero-quotation a span.ft16 {
    text-indent: 58px;
    display: block;
    font-size: 1.6rem;
}
.hero-discription {
    width: 25%;
    padding: 2%;
    background-color: #f70501;
    position: absolute;
    left: 3%;
    top: 300px;
}
.star {
    width: 40%;
    margin: 0 auto;
}
.hero-quotation a span.kantan {
    text-indent: inherit;
    margin-right: 2px;
    font-size: 1.9rem;
}
/*------------------------------------
コンセプト
------------------------------------*/
.top-concept {
    margin: 10% auto;
    justify-content: space-between;
}
.top-concept h3 {
    margin-top: 0;
    margin-bottom: 8%;
    font-weight: 700;
    line-height: 170%;
}
.concept-image {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 51%), url(../../../images/top-concept.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 49%;
    height: 42vw;
    position: relative;
}
.d-concept {
    position: absolute;
    bottom: -124px;
    left: -4%;
    transform: rotate(5deg);
}
.concept-text {
    width: 42%;
}

.concept-text p {
    width: fit-content;
    margin: 0 auto;
}


.page-id-292 section.top-concept {
    display: block;
}
.page-id-292 .concept-image,.page-id-290 .concept-image,.page-id-313 .concept-image {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 51%), url(../../../images/header-concept.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
    height: 40vh;
}
.page-id-290 .concept-image,.page-id-313 .concept-image {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 51%), url(../../../images/kodawari_top.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
    height: 40vh;
}
.page-id-292 section.top-concept,.page-id-290 section.top-concept,.page-id-313 section.top-concept {
    display: block;
    margin-top: 0;
    margin-bottom: 5%;
}
.page-id-292 .top-concept h3 {
    display: none;
}
.page-id-292 .concept-text,.page-id-290 .concept-text,.page-id-313 .concept-text {
    width: 80%;
    margin: auto;
    margin-top: 4%;
}
.page-id-290 .top-concept h3,.page-id-313 .top-concept h3 {
    text-align: center;
    margin-bottom: 3%;
}
.page-id-292 .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.commitment-image img {
    width: 100%;
}
/*------------------------------------
プラン
------------------------------------*/
.top-plan {
    position: relative;
    padding: 0.5% 0 2%;
    background-color: rgba(255, 255, 204, 0.38);
}
.plan-box {
    align-items: flex-start;
    justify-content: space-between;
}
.plan-title {
    position: relative;
}
.commitment-box p.dancing {
    position: relative;
}
.plan-title:before,.commitment-box p.dancing:before {
    background-color: #f70501;
    bottom: -10px;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px;
}
.plan-left {
    width: 43%;
    margin-left: 8%;
    margin-top: 3%;
    margin: auto;
    display: flex
;
    align-items: center;
    height: 40vw;
    margin-top: 0;
}
.plan-left a {
    border: 1px solid #f70501;
    color: #f70501;
    display: block;
    width: 45%;
    margin: 7% auto;
    padding: 3% 6%;
    text-decoration: none;
    position: relative;
}
.plan-left a:after {
    border-top: #f70501 1px solid;
    border-right: #f70501 1px solid;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 25px;
    top: 45%;
    transform: rotate(45deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
}
.pr {
    background-repeat: no-repeat;
    background-size: cover;
    width: 42%;
    height: 40vw;
    margin-bottom: 8%;
    position: relative;
}
.pr01,.pr02,.pr03,.pr04 {
    position: relative;
}
.pr01,.pr03 {
    right: 0;
}
.pr02,.pr04 {
    left: 0;
}
.gold01,.gold02,.gold03,.gold04 {
    position: absolute;
    width: 10vw;
}
.d-pr01,.d-pr02,.d-pr03,.d-pr04 {
    position: absolute;
}

.pr01 {
    background-image: url(../../../images/top-plan01.jpg);
}
.gold01 {
    top: -6vw;
    right: 0;
    width: 200px;
}
.d-pr01 {
    
    top: 81%;
    left: -4%;
    transform: rotate(5deg);
}
.pr02 {
    background-image: url(../../../images/top-plan02.jpg);
}
.gold02 {
    top: -3vw;
    left: 0%;
    width: 170px;
}
.d-pr02 {   
    left: 4%;
    bottom: -16%;
    transform: rotate(-9deg);
}
.pr03 {
    background-image: url(../../../images/top-plan03.jpg);
}
.gold03 {
    top: -5vw;
    right: 0;
    width: 180px;
}
.d-pr03 {
    position: absolute;
    right: 8%;
    bottom: -25%;
    transform: rotate(5deg);
}
.pr04 {
    background-image: url(../../../images/top-course.jpg);
}
.gold04 {
    top: -7%;
    left: -1%;
    right: 0;
    width: 130px;
}
.d-pr04 {
    left: 4%;
    bottom: -16.5%;
    transform: rotate(-6deg);
}
.reverse {
    flex-direction: row-reverse;
}
.reverse .plan-left {
    margin: auto;
    margin-top: 0;
}
/*--------------------------------------------------
食材へのこだわり、専属シェフがご提供、ご利用事例　共通
--------------------------------------------------*/
.top-commitment,.top-chef,.top-use-case {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    position: relative;
    padding: 14% 0;
}
/*.top-commitment:after,.top-chef:after,.top-use-case:after {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    display: block;
    width: 100%;
    content: "";
    padding: 3% 0;
    display: none;
}*/
.top-commitment h3,.top-chef h3,.top-use-case h3 {
    margin-top: 0;
    margin-bottom: 13%;
    font-weight: 600;
}
.top-commitment .dancing,.top-chef .dancing,.top-use-case .dancing {
    position: absolute;
    transform: rotate(-9deg);
    color: rgba(255, 255, 255, 0.38);
}
/*------------------------------------
食材へのこだわり
------------------------------------*/
.top-commitment {
    background: linear-gradient(60deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),url(../../../images/top-commitment.jpg);
    background-size: cover;
}
.tc-left,.tc-right {
    z-index: 99;
}
.tc-left {
    margin-left: 5%;
    position: absolute;
    top: 22%;
}
.tc-right a {
    border: 1px solid #ffffff;
    background-color: rgba(255, 255, 255, 0.12);
    text-decoration: none;
    display: block;
    padding: 1.1% 1.3%;
    width: 20vw;
    position: absolute;
    right: 3%;
    bottom: 15%;
}
.tc-right a:after {
    border-top: #ffffff 1px solid;
    border-right: #ffffff 1px solid;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 25px;
    top: 45%;
    transform: rotate(45deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
}
.top-commitment .dancing {
    left: 43.5%;
    bottom: 22%;
}
/*------------------------------------
専属シェフがご提供
------------------------------------*/
.top-chef {
    background: linear-gradient(60deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),url(../../../images/top-chef.jpg);
    background-size: cover;
}
.top-chef .dancing {
    left: 29.5%;
    bottom: 30%;
}
/*------------------------------------
ご利用事例
------------------------------------*/

.top-use-case {
    background: linear-gradient(60deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),url(../../../images/top-usecase.jpg);
    background-size: cover;
}

.top-use-case .dancing {
    left: 44.5%;
    bottom: 26%;
}

/*------------------------------------
サブコンテンツ
------------------------------------*/

.top-sub-contents {
    justify-content: space-evenly;
    padding: 19% 3% 6%;
}
.sub-contents-box {
    width: 30%;
    /*height: 20vw;*/
    position: relative;
}
.sc-image {
    width: 100%;
    height: 20vw;
    background-repeat: no-repeat;
    z-index: 99999;
    background-size: cover;
    position: absolute;
    top: -70%;
    left: -5%;
}
.sc01 {
    background-image: url(../../../images/top-price.jpg);
}
.sc02 {
    background-image: url(../../../images/top-faq.jpg);
}
.sc03 {
    background-image: url(../../../images/top-area.jpg);
}
.sc-text {
    background-color: #f70501;
    padding: 1% 5%;
    height: 20vw;
    position: relative;
}

.st-inner {
    position: absolute;
    top: 28%;
    width: 92%;
    left: 4%;
}
.sc-text h4 {
    text-align: center;
    margin-bottom: 6%;
    font-weight: 700;
}

/*------------------------------------
お知らせ
------------------------------------*/

.top-information {
    background-color: rgba(255, 255, 204, 0.38);
    padding: 2% 0;
}

.top-info-title {
    position: relative;
}
.top-info-title:before {
    background-color: #f70501;
    bottom: -18%;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px;
}
.top-info-title p {
    margin-bottom: 0;
}
.top-information ul {
    margin-left: 0;
    padding-left: 0;
}
.top-information li {
    border-bottom: 1px solid #231815;
    color: #231815;
    position: relative;
    width: 75%;
    margin: 0 auto;
    padding-bottom: 1%;
}
.top-information li .post-date {
    color: #f70501;
}
.top-information li .little-notice {
    color: #ffffff;
    background-color: #f70501;
    margin: 0 0 0 1%;
    padding: 0.5% 1%;
}
.top-information li .category a {
    color: #ffffff;
}
.top-information li a {
    color: #231815;
    text-decoration: none;
}

.top-information li p {
   text-align: left;
}

.top-information li p .entry-date {
    display: block;
}

.ti-title {
    width: 90%;
    display: block;
}

.top-info-btn {
	position: relative;
    position: absolute;
    right: 4%;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}

.top-info-btn:before,.top-info-btn:after {
    position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.top-info-btn:before{
	width: 46px;
	height: 46px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #f70501;
}

.top-info-btn:after {
    left: 112%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.top-information a.info-btn {
    text-decoration: none;
    color: #f70501;
    border: 1px solid #f70501;
    padding: 1.3% 1%;
    display: block;
    margin: 3% auto 5%;
    width: 25%;
    position: relative;
}

.top-information a.info-btn:after {
    border-top: #f70501 1px solid;
    border-right: #f70501 1px solid;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 25px;
    top: 45%;
    transform: rotate(45deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
}



/*------------------------------------
お問い合わせパーツ
------------------------------------*/

.contact {
    background: linear-gradient(60deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)),url(../../../images/parts-contact.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    padding: 2% 0 5%;
    position: relative;
}
.tc-right p.link_bot {
    position: absolute;
    right: 3%;
    bottom: 15%;
}
.tc-right p.link_bot a {
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: rgba(255, 255, 255, 0.12);
}
/*.contact:after {
    position: absolute;
    top: 0;
    left: 0;
    content:"";
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 40vw;
    padding: 2% 0 3%;
}*/
.contact-title {
    position: relative;
    z-index: 999;
}


.contact-title:before {
    background-color: #ffffff;
    bottom: -20px;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px;
}


.contact-title .dancing {
    color: #ffffff;
    margin-top: 2%;
    margin-bottom: 0.5%;
}

.contact-title h2 {
    margin-top: 0;
}

.contact-inner {
    justify-content: space-around;
    margin-top: 5%;
}

.contact-inner h3 {
    position: relative;
    margin-top: 0;
    margin-bottom: 7%;
}

.contact-inner h3:before {
    background-color: #ffffff;
    bottom: -20px;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px;
}

.contact a {
    display: block;
    text-decoration: none;
}
.contact-box, .quotation-box {
    position: relative;
    z-index: 888;
    width: 40%;
    height: 277px;
    background-color: rgba(255, 255, 255, 0.18);
    padding: 3% 2% 4%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.contact-tel {
    position: relative;
    margin-right: 38px;
}

.contact-tel:before {
    content: "";
    width: 36px;
    height: 44px;
    background-image: url(../../../images/tel.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 10px;
}

.contact-btn {
    border: 0.75px solid #f70501;
    background-color: #ffffff;
    width: 50%;
    padding: 3% 4%;
    margin: 1% auto 0;
    display: block;
    position: relative;
}
#header a.mail-btn {
    color: #ffffff;
}
.contact-mail {
    position: relative;
    margin-right: 40px;
}
.contact-mail:before {
    content: "";
    width: 32px;
    height: 24px;
    background-image: url(../../../images/mail.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 1%;
}

.contact-btn:after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    border-top: 8px solid transparent;
    border-right: 8px solid #f70501;
    border-bottom: 8px solid #f70501;
    border-left: 8px solid transparent;
}
.quotation-box p {
    width: 80%;
    margin: 0 auto 6%;
}

.quotation-btn {
    background-color: #00337c;
    position: relative;
    width: 50%;
    padding: 2% 0;
    margin: 1% auto 0;
    display: block;
}
.quotation-btn:after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-top: 8px solid transparent;
    border-right: 8px solid rgba(255, 255, 255, 0.76);
    border-bottom: 8px solid rgba(255, 255, 255, 0.76);
    border-left: 8px solid transparent;
}
.contact a.quotation-btn {
    background-color: #00337c;
    position: relative;
    width: 60%;
    padding: 2.5% 0;
    margin: 1% auto 0;
    display: block;
}
/*------------------------------------
フッター
------------------------------------*/
#footer {
    background-color: #ffffff;
    position: relative;
    padding: 0;
}
.footer-inner {
    justify-content: space-between;
    padding-bottom: 5%;
    padding-top: 3%;
}

#footer a {
    text-decoration: none;
}

.footer-left p.ft12 {
    letter-spacing: 0;
}

.footer-logo {
    display: block;
    width: 123px;
    margin: 0 auto;
}
.footer-right {
    justify-content: space-around;
    align-items: flex-start;
    width: 65%;
}
.footer-right h4 {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
}

.footer-right h4:before {
    background-color: #f70501;
    bottom: -10px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    transform: translateX(-0);
    width: 32px;
}

.ul-plan {
    margin-top: 0;
}

#footer .footer-right a {
    color: #f70501;
}

.fr-inner {
    align-items: flex-start;
}
.footer-bottom {
    position: absolute;
    right: 8%;
    bottom: 18%;
    width: 43%;
}
#footer .contact-btn {
    width: 139%;
}

#footer .contact-btn {
    color: #f70501;
    margin-right: 3%;
    padding: 3% 2% 3% 5%;
    box-sizing: border-box;
}

#footer .contact-btn:before {
    top: 25%;
    left: 6%;
}


#footer .quotation-btn {
    background-color: #00337c;
    color: #ffffff;
    width: 133%;
    position: relative;
    padding: 3% 2% 3% 5%;
    box-sizing: border-box;
    margin: 1% auto 0;
    display: block;
}

#copyright {
    background-color: #f70501;
    padding: 0.8% 0;
}

#page-top a {
    width: 60px;
    height: 60px;
    line-height: 64px;
    background-color: #F70501;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    z-index: 999999999999999;
}
.footer-left p.ft19 {
    font-weight: 700;
}
.fr-box.mid {
    width: 35%;
}
.fr-box.mid .ul-plan {
    margin-right: 5%;
}
#footer a.quotation-btn:hover {
    color: #ffffff;
}
/*-----------------------------------

プライバシーポリシー

------------------------------------*/
.privacy-contents {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 8%;
}
.privacy-contents p {
    margin: 4% auto;
    line-height: 200%;
    width: 92%;
}
.privacy-contents p br {
    display: none;
}

.privacy-contents dl dt {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    padding: 0.1% 0 2% 2%;
    font-weight: 900;
}


.privacy-contents dl dt:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3.5px;
    height: 67%;
    background-color: #f70501;
}
.privacy-contents dl dd {
    text-align: left;
    width: 92%;
    margin: auto;
    margin-bottom: 4%;
    line-height: 200%;
    font-weight: 500;
}

/*-----------------------------------

サイトマップ

------------------------------------*/
.sm_page_in {
    width: 90%;
    margin: auto;
    margin-top: 4%;
}
h2.line_h2 {
    color: #362014;
    padding: 1.2% 3% 0.8%;
    letter-spacing: 2px;
    margin-bottom: 3%;
    position: relative;
    border-top: 7px double #F70501;
    border-bottom: 7px double #F70501;
}
.sm_page_in h2.line_h2 {
    color: #362014;
    padding: 1.5% 5% 1.5%;
    font-weight: 800;
    letter-spacing: 4px;
}
ul.sitemap_list {
    width: 90%;
    margin: auto;
    justify-content: space-around;
    margin-bottom: 4%;
    flex-flow: row wrap;
    align-items: left;
}
ul.sitemap_list li {
    background-color: #fff;
    width: 46%;
    font-size: clamp(1.4rem, 2vw + 0rem, 2rem);
    margin-bottom: 2%;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 6%);
    position: relative;
    padding: 1% 0;
    padding-left: 2%;
}
ul.sitemap_list li a {
    color: #362014;
    display: flex;
    padding: 2% 0;
    padding-left: 4%;
    border-left: 5px solid #F70501;
    font-weight: 700;
}
ul.sitemap_list li span {
    margin-left: 3%;
    color: #c6c6c6;
    font-size: clamp(1rem, 1.2vw + 0rem, 1.2rem);
    display: block;
    font-weight: 400;
}
ul.sitemap_list li.kara {
    box-shadow: none;
}
/*-----------------------------------

よくあるご質問

------------------------------------*/

.accordion {
    padding: 6% 0 10%;
    margin-top: 4%;
    background-color: rgba(255, 255, 204, 0.38);
}

.accordion-content {
    display: none;  
}

.accordion-item:first-child dl {
    border-top: 0.5px solid #dddddd;
}
.page-id-66 .accordion-item:first-child dl {
    border-top: none;
}
.accordion-item dl {
    border-bottom: 0.5px solid #f4f4f4;
    margin: 0;
    background-color: #ffffff;
}

dl.js-accordion-title dt,dl.accordion-content dt {
    display: inline-block;
    width: 18%;
}

dl.js-accordion-title {
    position: relative;
}

dl.js-accordion-title:before {
    border-top: #f70501 3px solid;
    border-right: #f70501 3px solid;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 25px;
    top: 40%;
    transform: rotate(135deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
}
dl.js-accordion-title dt {
    background-color: #f70501;
    padding: 3% 1%;
}
dl.js-accordion-title dd, dl.accordion-content dd {
    background-color: #ffffff;
    width: 82%;
    margin-bottom: 0;
    font-weight: 500;
}
dl.js-accordion-title dd {
    font-weight: 700;
}
dl.accordion-content {
    border-top: none;
    align-items: normal;
    position: relative;
}

dl.accordion-content div.df {
    background-color: #00337c;
    align-items: flex-start;
}

dl.accordion-content dt {
    background-color: #00337c;
    padding: 2.2% 1.1% 0;
    vertical-align: text-top;
}

dl.accordion-content dd {
    margin: 0 auto;
    padding: 2%;
    font-weight: 500;
}

.accordion .red {
    color: #f70501;
    border-bottom: 0.8px solid #f70501;
    position: relative;
}
/*.accordion .red:after {
    border-top: #f70501 1px solid;
    border-right: #f70501 1px solid;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 2.7%;
    top: 36%;
    transform: rotate(45deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
}*/

/*-----------------------------------

料金表

------------------------------------*/

.price {
    padding: 2% 0 4%;
}

.price-price {
    width: 100%;
}

.plan-price h2 {
    padding-bottom: 1%;
    margin-bottom: 2%;
    position: relative;
}

.plan-price h2 span {
    margin-left: 1%;
}

.plan-price h2:before {
    background-color: #f70501;
    position: absolute;
    height: 6px;
    left: 0;
    bottom: 6px;
    width: 60px;
    content: "";
}


.plan-price table {
    width: 100%;
}

.plan-price table tr th,.plan-price table tr td {
    padding: 2% 0;
}

.plan-price table tr {
    display: flex;
    border-bottom: 0.5px solid #dddddd;
}



.plan-price table tr th,.plan-price table tr td {
    /*border: 0.5px solid #c4c4c4;*/
    border-top: none;
    border-bottom: none;
}

.plan-price table tr :first-child th,.plan-price table tr:first-child td {
    /*border-top: 0.5px solid #c4c4c4;*/
}

.plan-price table tr th {
    width: 25%;
    position: relative;
    /*border: 0.5px solid #c4c4c4;*/
    border-right: none;
    border-bottom: none;
    border-top: none;
    padding: 2% 3%;
    text-align: left;
    display: flex;
    align-items: center;
}
.plan-price table tr:first-child {
    border-top: 0.5px solid #dddddd;
}
.plan-price table tr th {
    background-color: #ffffff;
    width: 69%;
    text-align: left;
    padding-left: 4%;
    position: relative;
    font-weight: 500;
}

/*.plan-price table tr th:before {
    content: "";
    background-color: #f70501;
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
    height: 78%;
    width: 2.65px;
}*/
.plan-price table tr th span {
    margin-left: 1%;
}
.plan-price table tr th .ft15 {
    font-weight: normal;
    line-height: 1.3;
    margin: 0 0 1%;
}
.plan-price table tr th .ft18 {
    margin-top: 0;
    margin-bottom: 2%;
}
.plan-price table tr td {
    width: 31%;
    background-color: rgba(247, 5, 1, 0.05);
    padding-right: 1%;
}
.plan-price table tr td p {
    margin: 0;
    line-height: 1.5;
    white-space: nowrap;
}

.plan-price table tr td p span {
    margin-right: 1%;
}

.drink-top   {
    margin-bottom: 2.5%;
}



/*-----------------------------------

ご利用事例

------------------------------------*/

.example-inner .dancing {
    margin-bottom: 0;
}

.example-inner h2 {
    position: relative;
}

/*.example-inner h2:before {
    background-color: #f70501;
    bottom: -20px;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px;
}*/
.example-text {
    margin-top: 4%;
}
.example-text p{
    font-weight: 500;
}
.example-box {
    margin-top: 4%;
}

#example-list {
    flex-wrap: wrap;
}

.entry_card {
    width: calc(95% / 3);
    margin-right: 2%;
    border: 0.75px solid #dddddd;
    position: relative;
}

.entry_card:nth-child(3n) {
    margin-right: 0;
}

.entry-thumb-re {
    height: 14vw;
}
.entry-thumb-re img {
    width: 100%;
    height: 14vw;
    object-fit: none;
}

.entry-card-content-re header  {
    position: static;
}
.entry-card-content-re h3 {
    margin: 0;
    padding: 3% 0;
    justify-content: center;
}

.entry-card-content-re h3 span.ft18 {
    background-color: #ffffff;
    padding: 0.5% 2.5%;
    margin-right: 3%;
}
.entry-card-content-re h3 span {
    display: none;
}
.add-info-box {
    display: none;
}

.add-info-box dl {
    margin: 0;
    align-items: flex-start;
}


.add-info-box dl dd {
    margin-bottom: 0;
}

.example-link {
    padding: 3% 3%;
    margin: 0;
    text-align: center;
}

.bg-white {
    background-color:#ffffff;
}
.bg-blue {
    background-color: #4353b3;
}

.bg-green {
    background-color: #1a9779;
}

.bg-plan-red {
    background-color: #d81616;
}

.blue {
    color: #4353b3;
}

.green {
    color: #1a9779;
}

.plan-red {
    color: #d81616;
}


/*-----------------------------------

ご利用事例詳細

------------------------------------*/
.single .example-inner h2 {
    position: relative;
    padding: 1.5% 6%;
    display: block;
    align-items: center;
    margin-top: 5%;
}
.postid-170 .single .example-inner h2 span {
    padding: 0;
    margin: 0;
}
.single .example-inner h2:before {
    background: none;
}

.single .example-inner h2 span.ft16 {
    margin-right: 2%;
    padding: 0 2%;
}  
.example-image {
    justify-content: center;
    width: 85%;
    margin: auto;
    margin-bottom: 2%;
    margin-top: 3%;
}
.example-main-image {
    width: 35%;
    text-align: center;
}
.example-main-image img {
    width: 100%;
}
.example-add-image {
    width: 85%;
    flex-wrap: wrap;
}
.example-add-image p {
    width: 23%;
    margin: auto;
}
.single .example-text {
    margin-top: 0;
}
.single .example-text dl:first-child {
    margin-top: 3%;
}
.single .example-text dl {
    width: 100%;
    margin: 0 0 1% 0;
}

.single .example-text dl dt,.single .example-text dl dd {
    padding: 1% 0;
}

.single .example-text dl dt {
    width: 30%;
}

.single .example-text dl dd {
    background-color: rgba(196, 196, 196, 0.2);
    width: 69%;
    margin: 0 0 0 1%;
}

.single .example-text dl dd  br {
    display: none;
}

.comment_box h3 {
    font-weight: bold;
    padding-bottom: 1%;
}

.comment_box p br {
    display: none;
}

.bg-blue01 {
    background-color: rgba(44, 76, 209, 0.2);
}

.bg-green01 {
    background-color: rgba(8, 181, 136, 0.2);
}

.bg-plan-red01 {
    background-color: rgba(216, 22, 22, 0.2);
}

.border-blue {
    border-bottom:2px solid #2c4cd1;
}

.border-green {
    border-bottom:2px solid #08b588;
}

.border-plan-red {
    border-bottom:2px solid #d81616;
}

.navigation {
    width: 85%;
    margin: 7% auto 6%;
    box-sizing: border-box;
}
.navigation > div {
    border-top: 2px solid #c4c4c4;
    border-bottom: 2px solid #c4c4c4;
}

.navigation a,.navigation a span {
    color: #231815;
}

.relation-list .dancing {
    margin-bottom: 0;
}

.relation-list h2 {
    position: relative;
}

.relation-list h2:before {
    background-color: #f70501;
    bottom: -20px;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px;
}
.example-image .example-main-image {
    width: 100%;
    margin-right: 5%;
}
/*-----------------------------------

対応エリア

------------------------------------*/
.are-inner {
    margin-top: 2%;
    padding: 3% 0 3%;
    background-color: rgba(255, 255, 204, 0.38);
}
.area table {
    width: 80%;
    margin: 2% auto;
    border: none;
}
.area table tr {
    text-align: center;
    display: block;
    margin-bottom: 5%;
}
.area table tr th {
    background-color: #f70501;
    padding: 2% 0;
    position: relative;
}
.area table tr th:before {
    content: "";
    position: absolute;
    top: 13%;
    width: 100%;
    display: block;
    border-top: 1px solid #ffffff;
}

.area table tr th:after {
    content: "";
    position: absolute;
    bottom: 13%;
    width: 100%;
    display: block;
    border-top: 1px solid #ffffff;
}

.area table tr th .df {
    justify-content: center;
    font-weight: 600;
}
.area table tr th .df img {
    margin-right: 1%;
}
.area table tr th,.area table tr td {
    width: 100%;
    display: block;
}
.area table tr td {
    border: none;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 3% 6.5% 3.5%;
    line-height: 200%;
}
.area-text {
    display: inline-block;
    text-align: left;
}

/*-----------------------------------

運営会社

------------------------------------*/

.vision {
    margin: 3% auto;
}

.about-us,.introduction {
    margin: 0 auto;
}

.company .dancing {
    margin: 0;
}

.company h2,.company h3 {
    position: relative;
}

.company h2 {
    margin-top: 1%;
}

.company h3 {
    color: #231815;
}

.company h2:before {
    background-color: #f70501;
    bottom: -20px;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px;
}

.marker {
    background: linear-gradient(transparent 65% ,rgba(247, 5, 1, 0.3) 65%) ;
}

.vision-inner {
    justify-content: space-around;
    margin-top: 4%;
}

.vision-image {
    width: 30%;
}


.about-us {
    margin-bottom: 3%;
}

.about-us h3 {
    margin: 3% 0 2.5%;
}

.fas,.far {
    width: 16px;
    height: 16px;
    margin-left: 1%;
}

.about-us table  {
    background-color: #ffffff;
}

.about-us table tr {
    display: flex;
    border-bottom: 0.5px solid #dddddd;
}
.about-us table tr th,.about-us table tr td {
    border-left: 0.5px solid #dddddd;
    border-top: none;
    border-bottom: none;
}
.about-us table tr th {
    width: 25%;
    position: relative;
    border: none;
    border-right: none;
    border-bottom: none;
    border-top: none;
    padding: 2% 3%;
    text-align: left;
    display: flex;
    align-items: center;
}

.about-us table tr:first-child th {
    border-top: 0.5px solid #dddddd;
}

/*.about-us table tr th:before {
    content: "";
    background-color: #f70501;
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
    height: 90%;
    width: 3px;
}*/

.about-us table tr td {
    width: 75%;
    padding: 2%;
}

.about-us table tr td span {
    margin-left: 2%;
}

.g-map {
    aspect-ratio: 16/9;
    max-width: 1000px;
    width: 100%;
    height: 40vh;
    margin-top: 3%;
}
.about-us table tr:first-child th,.about-us table tr:first-child td{
    border-top: 0.5px solid #dddddd;
}

.introduction {
    margin: 8% auto 3%;
}
.introduction-box {
    background-color: rgba(255, 255, 204, 0.38);
}
.introduction-inner {
    padding: 1%;
   margin: 0 auto 7%;
   align-items: flex-start;
}

.introduction-inner p {
    width: calc(96% / 3);
    margin-right: 2%;
}

.introduction-inner p:last-child {
    margin-right: 0;
}

.introduction-inner p span {
    margin-top: 7%;
    display: block;
}
.about-us table tr td a {
    border-bottom: 1px solid;
}


/*-----------------------------------

プランに含まれてるもの

------------------------------------*/
.include {
    background-color: rgba(255, 255, 204, 0.38);
    padding: 3% 0;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 6%;
}
.include p.dancing {
    margin: 0;
}
.include p.ft38 {
    position: relative;
    margin-bottom: 3%;
}
.include p.ft38:before {
    background-color: #f70501;
    bottom: -16px;
    content: "";
    height: 5px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 54px;
}
.include-box {
    align-items: flex-start;
    width: 80%;
    margin: auto;
    margin-top: 3%;
}
.include-item {
    margin-right: 2%;
}
.include-item:last-child {
    margin-right: 0;
}
.include-item p {
    margin-top: 0;
    font-weight: 600;
}
.include h2 {
    font-weight: 700;
}

/*-----------------------------------

オプションメニュー

------------------------------------*/

.option {
    background-color: rgba(255, 255, 204, 0.38);
    padding: 2%;
    box-sizing: border-box;
}
.option p.dancing {
    margin: 0;
}
.option h2 {
    position: relative;
    margin-top: 0.5%;
}
.option h2:before {
    background-color: #f70501;
    bottom: -20px;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px;
}
.option-box {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 85%;
    margin: 6% auto 0;
}
.option-item {
    width: calc( 97% /2);
    flex-wrap: wrap;
}

.option-item:nth-child(odd) {
    margin-right: 3%;
}
.option-item h3 {
    padding: 2%;
    border-bottom: 3px solid;
    font-weight: 700;
    margin: auto;
    margin-bottom: 5%;
}
.option-price {
    width: 60%;
}
.option-image {
    width: 210px;
}
/*-----------------------------------
法人・団体向けプラン
------------------------------------*/

/*-----------------------------------
プラン共通
------------------------------------*/
.business,.food {
    margin-top: 5%;
}
.business p.ft62,.school p.ft62 {
    margin: 0;
}

.business .plan-top h2,.school .plan-top h2 {
    position: relative;
    margin-top: 1%;
    font-weight: 700;
}
/*.business .plan-top h2:before{
    background-color: #f70501;
    bottom: -20px;
    content: "";
    width: 60px;
    height: 6px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}*/
.plan-top-inner {
    align-items: center;
    justify-content: space-around;
    margin-top: 5%;
}
.plan-top-inner h3 {
    color: #231815;
    margin-top: 0;
}
.page-id-211 .plan-text {
    width: 80%;
    margin: auto;
    margin-top: 4%;
    margin-bottom: 5%;
}

.page-id-211 .plan-text p.ft16 {
    font-weight: 400;
}

.plan-image {
    width: 52%;
    margin-left: 3%;
}

/* .plan-item {
    margin-bottom: 5%;
} */

.plan-item h2 {
    justify-content: center;
    padding: 1.5% 0;
    position: relative;
    margin-bottom: 3%;
    font-size: 2.8rem;
}

.plan-item h2:before {
    content: "";
    position: absolute;
    top: 10%;
    width: 100%;
    display: block;
    border-top: 2px solid #ffffff;
}

.plan-item h2:after {
    content: "";
    position: absolute;
    bottom: 10%;
    width: 100%;
    display: block;
    border-bottom: 2px solid #ffffff;
}

.plan-item h2 span {
    display: block;
}
.business-logo {
    width: 110px;
    margin-right: 4%;
}
.page-id-278 .business-logo {
    width: 104px;
    margin-right: 4%;
}

.business-logo img {
    width: 100%;
}
.plan-title-inner {
    width: 70%;
    margin: 0 auto;
    justify-content: space-between;
}

.plan-item p.ft20 {
    margin-bottom: 1%;
    width: 71%;
}
.plantitle-right {
    margin-left: auto;
    margin-top: 1.5%;
    line-height: 1.5;
    margin-right: 4%;
}

.plantitle-left {
    width: 60%;
}

.plan-item-description {
    width: 70%;
    margin: 0 auto;
}
/* 
.plan-item-description span {
    display: block;
} */


.plan-item-top {
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5%;
}

.plan-item-image {
    width: 42%;
    text-align: center;
    margin-right: 3%;
}

.plan-item-price {
    background-color: rgba(44, 76, 209, 0.05);
    padding:7.5% 0;
    text-align: center;
}

.plan-price-inner {
    text-align: left;
    display: inline-block;
}

.plan-item-price p.ft20 {
    margin-bottom: 3%;

}
.plan-item-price p.ft26 {
    margin: 0;
    display: flex;
    justify-content: end;
}
.plan-item-price p.ft20 {
    text-align: right;
    margin-top: 2%;
    margin-bottom: 2%;
}
.plan-item-description p {
    display: inline-block;
    text-align: left;
}
.plan-item-text {
    width: 52%;
}
.plan-btn-box .quotation-btn {
    background-color: #00337c;
    position: relative;
    width: 80%;
    padding: 3%;
    margin: auto;
    text-align: center;
    display: block;
}
.plan-btn-box a.quotation-btn:first-child {
    background-color: #f70501;
    margin-right: auto;
}
.plan-menu dl dt {
    width: 44%;
    /* background-color: rgba(44, 76, 209, 0.2); */
    padding: 0.5% 0 0.5% 1%;
    position: relative;
}
/*.plan-menu dl dt:before {
    content: "";
    position: absolute;
    border-left: 4.5px solid #2c4cd1;
    height: 100%;
    left: 0;
    top: 0;
}*/
.plan-menu dl dd {
    padding: 1% 0 1.5%;
    margin-left: 0;
    border-bottom: 1px solid #d3d3d3;
    line-height: 200%;
}

.plan-menu dl dd span {
    display: block;
}

.plan-menu dl dd br {
    display: none;
}

.plan-menu dl:nth-child(4) dd span {
    display: block;
}

.sp-plantitle-right {
    display: none;
}

/*-----------------------------------
学校向けプラン
------------------------------------*/
.school .plan-item-price {
    background-color: rgba(8, 181, 136, 0.05);
    padding:7.5% 0;
    text-align: center;
}
.school .plan-item-price,.business .plan-item-price,.drink.food .plan-item-price {
    background-color: rgba(8, 181, 136, 0.05);
    padding: 2% 0;
    text-align: center;
    width: 60%;
    margin: auto;
    margin-top: 3%;
}
.business .plan-item-price {
    background-color: rgba(44, 76, 209, 0.05);
}
.drink.food .plan-item-price {
    background-color: rgba(255, 255, 204, 0.38);
    margin-top: 3%;
}
.page-id-278 .option {
    background-color: rgba(255, 255, 204, 0.38);
    padding: 2%;
}


/*-----------------------------------

ドリンクプラン

------------------------------------*/

.wine {
    color: #95283d;
}

.bg-wine {
    background-color: #95283d;
}


.drink p.ft62 {
    margin: 0;
}

.drink .plan-top h2 {
    position: relative;
    margin-top: 1%;
}

.drink .plan-top h2:before {
    background-color: #ad173e;
    bottom: -20px;
    content: "";
    width: 60px;
    height: 6px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.drink .plan-image {
    width: 100%;
}

.drink .plan-text {
    margin: 2% auto 5%;
}

.drink .plan-item-price {
    background-color: rgba(173, 23, 62, 0.05);
    padding: 3.5% 0;
    text-align: center;
}
.drink .plan-item-description p {
    text-align: left;
    width: 100%;
}

.drink .plan-menu dl dt,.school .plan-menu dl dt,.page-id-269 .plan-menu dl dt {
    width: 100%;
    background-color: inherit;
    padding: 0.5% 0;
    position: relative;
}



.drink.plan-menu dl dd {
    padding: 1% 0 1.5%;
    margin-left: 0;
    border-bottom: 1px solid #d3d3d3;
    line-height: 2;
}

.drink .plan-btn-box {
    position: relative;
}


.drink .plan-btn-box a.quotation-btn:first-child {
    background-color: #00337c;
    position: absolute;
    top: 0;
    left: 0;
}


.page-id-282 .option {
    background-color: rgba(255, 255, 204, 0.38);
    padding: 2%;
}

section.school p.ft20,.plan-item-description p{
    margin-bottom: 1%;
    font-weight: 800;
    margin-top: 0;
}

section.drink p.ft22:first-child {
    margin: 3% auto;
}

section.school p.bottom_text {
    font-weight: 700;
    color: #08B588;
    width: fit-content;
    margin: auto;
    margin-bottom: 4%;
    border-bottom: 1px solid;
}
section.school p.ft20 {
    margin-top: 1%;
}
/*-----------------------------------

お料理コース・アラカルト

------------------------------------*/

.page-id-282 .plan-menu dl dt,.page-id-285 .plan-menu dl dt {
    width: 44%;
    /* background-color: rgba(149, 40, 61, 0.2); */
    padding: 0.5% 0 0.5% 1%;
    position: relative;
}

.page-id-285 .contact {
    margin-top: 15vh;
}
.page-id-285 .plan-btn-box a.quotation-btn:first-child {
    background-color: #f70501;
    margin-right: auto;
    text-align: center;
    position: static;
}
.food-box h2 {
    justify-content: center;
    padding: 1% 0;
    position: relative;
    margin-bottom: 3%;
    border: 1px solid #ad173e;
}


.food-box h2:before {
    content: "";
    position: absolute;
    top: 10%;
    width: 100%;
    display: block;
    border-top: 3px solid #ffffff;
}

.food-box h2:after {
    content: "";
    position: absolute;
    bottom: 10%;
    width: 100%;
    display: block;
    border-bottom: 3px solid #ffffff;
}

.main-food {
    flex-wrap: wrap;
}

.main-food-item {
    width: calc(92%/3);
    margin: 0 4% 3% 0;
}

.main-food-item:nth-child(3n) {
    margin-right: 0;
}

.main-food-item p.ft14.white {
    margin: -8px auto 0;
    padding: 1.5% 0;
    text-align: center;
    height: 50px;
    padding: 5% 0;
    display: flex;
    align-items: center;
    line-height: 1.5;
    justify-content: center;
}

.main-food-item p.ft14.tr {
    margin: 2% auto 0;
}

.food-price-box h3,.food-price-box p.ft50  {
    margin: 0;
}


.food-price-box h3 {
    position: relative;
}

.food-price-box h3:before {
    background-color: #ad173e;
    bottom: -10px;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px;
}


.food-price-box {
    margin-top: 3%;
}
.food-price-box table {
    width: 70%;
    margin: auto;
    margin-top: 3%;
    margin-bottom: 6%;
}
.food-price-box table tr th,.food-price-box table tr td {
    padding: 2% 0;
}

.food-price-box table tr {
    display: flex;
    border-bottom: 0.5px solid #dddddd;
}



.food-price-box table tr th,.food-price-box table tr td {
    border: 0.5px solid #dddddd;
    border-top: none;
    border-bottom: none;
}

.food-price-box table tr :first-child th,.food-price-box table tr:first-child td {
    border-top: 0.5px solid #dddddd;
}
.food-price-box table tr th {
    width: 70%;
    position: relative;
    border: 0.5px solid #dddddd;
    border-right: none;
    border-bottom: none;
    border-top: none;
    padding: 1% 3%;
    text-align: left;
    display: flex;
    align-items: center;
}

.food-price-box table tr:first-child th {
    border-top: 0.5px solid #dddddd;
}
/*.food-price-box table tr th:before {
    content: "";
    background-color: #ad173e;
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
    height: 68%;
    width: 5px;
}*/
.plan-price table tr th span {
    margin-left: 1%;
}
.food-price-box table tr td {
    width: 30%;
    padding: 1% 1%;
    background-color: rgba(247, 5, 1, 0.05);
}
.food-price-box table tr td p {
    margin: 0;
}
.hot-price table tr th.white {
    border-top: none;
    border-left: none;
    width: 100%;
    justify-content: center;
    padding: 1% 0;
}

/*-----------------------------------

食材へのこだわり、コンセプト

------------------------------------*/

.commitment h2,.concept h2,.chef h2 {
    margin-bottom: 5%;
}

.commitment h2,.commitment h3,.concept h2,.concept h3,.chef h2,.chef h3 {
    position: relative;
}


.commitment h2:before,.concept h2:before,.chef h2:before {
    background-color: #f70501;
    bottom: -20px;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 60px;
}

.commitment-top {
    margin: 5% 0;
}

.commitment-top p.ft73 {
    margin: 0 0 2.5%;
}

.main-image {
    width: 75%;
    margin: 0 auto;
}


.commitment-top p.ft30 {
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 1%;
}
.commitment-top p.ft22 {
    font-weight: 600;
    letter-spacing: 3px;
}
.commitment-box {
    padding: 7.5% 0 3%;
    box-sizing: border-box;
    background-color: rgba(255, 255, 204, 0.38);
}

.commitment-item:nth-child(even) {
    flex-direction: row-reverse;
}

.commitment-item {
    margin-bottom: 5%;
}
.commitment-box p.dancing {
    margin: 0;
    padding-bottom: 5%;
    margin-bottom: 4%;
}
.commitment-text {
    width: 55%;
}
.commitment-text p {
    display: inline-block;
    text-align: left;
}
.commitment-text p.ft16 {
    width: 100%;
}
.commitment-text h3 {
    margin-bottom: 4%;
}
.sub-commitment {
    width: 92%;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 2% 5%;
    box-sizing: border-box;
}
.sub-commitment p {
    width: 100%;
}
.sub-commitment br {
    display: none;
}
.sub-commitment p.ft16 {
    margin-bottom: 0;
}
.commitment-introduce {
    justify-content: center;
}
.commitment-image {
    width: 45%;
}
.main-image {
    width: 800px;
    margin: 0 auto;
    height: 100%;
}
.commitment-text-in {
    width: 72%;
    margin: auto;
}
.commitment-link {
    background-color: #ffffff;
    padding: 2.5% 0;
    margin-bottom: 1%;
}
.commitment-link a {
    border-bottom: 1px solid;
}
.commitment-introduce p a {
    border-bottom: 1px solid;
}
/*-----------------------------------

専属シェフがご提供

------------------------------------*/

.chef-introduce p.ft46 {
    margin: 0 0 2.5%;
}
.chef-box {
    background-color: rgba(255, 255, 204, 0.38);
    margin: 0 auto 4%;
    padding-top: 3%;
    padding-bottom: 3%;
}
.chef-box-inner {
    justify-content: space-around;
    align-items: flex-start;
}
.chef-box p.ft24 {
    padding: 1% 0;
    position: relative;
    text-align: left;
    font-weight: bold;
    margin-top: 0;
}


.chef-profile {
    width: 100%;
    box-sizing: border-box;
    padding: 1% 2%;
    background-color: #ffffff;
}
/*.chef-box p.ft24:before {
    content: "";
    position: absolute;
    top: 10%;
    width: 100%;
    display: block;
    border-top: 3px solid #ffffff;
}
.chef-box p.ft24:after {
    content: "";
    position: absolute;
    bottom: 10%;
    width: 100%;
    display: block;
    border-bottom: 3px solid #ffffff;
}*/
.chef-image img {
    width: 320px;
}
.chef-profile {
    width: 70%;
}
.chef-image {
    text-align: center;
    width: 40%;
}

.chef-profile ul li {
    margin-bottom: 2%;
}

.chef-profile ul li br,.chef-text br {
    display: none;
}
.chef-text {
    width: 80%;
    margin: 0 auto;
    margin-top: 2%;
}
.chef-paragraph {
    margin-bottom: 3%;
}
.chef-paragraph p.red {
    margin-bottom: 0;
}

.chef-paragraph p.lh18 {
    margin-top: 1%;
}
.chef-image-box {
    margin: auto;
    justify-content: center;
}
.chef-image-item {
    width: 320px;
    margin-right: 2%;
}
span.marker_bottom {
    border-bottom: 1px solid;
    font-weight: 600;
}

.chef-image-item:last-child {
    margin-right: 0;
}




/*-----------------------------------

資料請求・お問い合わせ

------------------------------------*/



.contact-page h2,.plan-price h2,.chef-introduce h2,.chef-introduce h2,section.company h2 {
    background-color: #f70501;
    padding: 3% 0;
    position: relative;
    width: 100%;
    margin: 4% auto 3%;
}
.contact-page h2:before,.plan-price h2:before,.chef-introduce h2:before,section.company h2:before {
    content: "";
    position: absolute;
    top: 10%;
    width: 100%;
    display: block;
    border-top: 1px solid #ffffff;
}
.contact-page h2:after,.plan-price h2:after,.chef-introduce h2:after,section.company h2:after {
    content: "";
    position: absolute;
    bottom: 10%;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ffffff;
}
.chef-introduce h2 {
    margin-bottom: 0;
}
.contact-page p.ft18 {
    margin: 2.5% auto 3%;
}


.contact-form table {
    width: 100%;
    margin: auto;
}
.contact-form table tr th, .contact-form table tr td {
    padding: 2% 0;
}

.contact-form table tr {
    display: flex;
    border-bottom: 0.5px solid #dddddd;
}
.contact-form table tr:first-child {
    border-top: 0.5px solid #dddddd;
}
/*.contact-form table tr th,.contact-form table tr td {
    border: 0.5px solid #dddddd;
    border-top: none;
    border-bottom: none;
}*/
/*.contact-form table tr :first-child th,.contact-form table tr:first-child td {
    border-top: 0.5px solid #dddddd;
}*/
.contact-form table tr th {
    width: 30%;
    position: relative;
    /*border: 0.5px solid #dddddd;*/
    border-right: none;
    border-bottom: none;
    border-top: none;
    padding: 2%;
    text-align: left;
    display: flex;
    align-items: center;
    border: none;
        border-right: 0.5px solid #dddddd;
}
.contact-form table tr td {
    width: 70%;
    padding-left: 2%;
}
::placeholder {
  color: #d4d4d4;
}

/*.contact-form table tr th:before {
    content: "";
    background-color: #f70501;
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translateY(-50%);
    height: 83%;
    width: 3px;
}*/
.pagination a, .pagination span {
    font-weight: 600;
}
.contact-form table tr th span {
    margin: 0 5% 0 1%;
    padding: 0.5% 5%;
}
#sidebar h3.ft14 {
    font-size: 1.6rem;
    margin-top: 2%;
}
#sidebar #new_popular-2 h3.ft14 {
    font-size: 1.6rem;
    margin-top: 6%;
}
#sidebar #side-archive h3.ft14 {
    font-size: 1.6rem;
    margin-top: 4%;
}
#sidebar .widget {
    margin-bottom: 22%;
}
.contact-form table tr th span.red {
    border: 0.5px solid #f70501;
}

.contact-form table tr th span.white {
   background-color: #f70501;
}

input[type="text"], input[type="url"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], textarea {
    background-color: #fff;
    background-image: none;
    border: 0.5px solid #c6c6c6;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #231815;
    /* display: block; */
    font-size: 16px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    box-sizing: border-box;
}
.pagination li.current span {
    background-color: #F70501;
    cursor: default;
    pointer-events: none;
    color: #ffffff;
}

 input[type="text"].add_number {
    width: 20%;
}


.contact-form table tr:nth-child(1) td input[type="text"], tr:nth-child(2) td input[type="text"] {
    width: 40%;
}

.contact-form table .long_text {
    width: 90%;
}

.page-id-335 .contact-form table tr:nth-child(3) td input[type="text"],.page-id-342 .contact-form table tr:nth-child(1) td input[type="text"] {
    width: 100%;
}

.contact-form .inputmail {
    width: 70%;
}

.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] {
    display: inline-block;
    width: auto;
    margin: 0;
}
.textarea {
    width: 85%;
}

.formbottom-text {
    margin-top: 2.5%;
}

.submit_form {
    margin-bottom: 4%;
}

.page-id-342 .contact-form .submit_form input[type="submit"] {
    background-image: url(../../../images/submit-btn-blue.jpg);
}

.contact-form .submit_form input[type="submit"] {
    background-image: url(../../../images/submit-btn.jpg);
    background-repeat: no-repeat;
    margin-top: 1%;
    max-width: 500px;
    width: 40%;
    height: 0;
    background-size: 100%;
    padding-top: 134px;
    border: none;
    overflow: hidden;
    line-height: 80px;
}

.contact-form .submit_form  input[type="submit"]:hover {
    opacity: 0.8;
}

.page-id-2860 .contact-page h2,.page-id-3058 .contact-page h2 {
    margin-top: 12%;
}

.page-id-3058 .contact-page h2 {
    background-color: #00337c;
}


.page-id-2860 p {
    margin-top: 3%;
}

.page-id-2860 br:nth-child(3) {
    display: none;
} 

/*-----------------------------------

お見積り

------------------------------------*/
.page-id-342 .contact-form table tr:nth-child(2) td input[type="text"], .page-id-342 .contact-form table tr:nth-child(3) td input[type="text"], input[type="text"].add_number,.page-id-342 .contact-form table tr:nth-child(9) input[type="text"]
,.page-id-342 .contact-form table tr:nth-child(11) input[type="text"] {
    width: 40%;
}
.page-id-342 .contact-form table tr:nth-child(12) input[type="text"] {
    width: 15%;
}

.page-id-342 .contact-page h2 {
    background-color: #00337c;
}


.page-id-342 .contact-form table tr th {
    background-color: rgba(0, 51, 124, 0.1);
}

.page-id-342 .contact-form table tr th span.white {
    background-color: #00337c;
}


.page-id-342 .contact-form table tr th span.red {
    border: 0.5px solid #00337c;
}

.page-id-342 .contact-form .red {
    color: #00337c;
}

.mw_wp_form .error {
    display: block;
}
span#number_of_people_error {
    margin-left: 2%;
}
/*-----------------------------------

お知らせ一覧

------------------------------------*/

.entry-card-content header {
    position: static;
}

.information-inner {
   align-items: stretch;
   margin-top: 1.7%;
}
.info_list_left {
    width: 68%;
    padding: 0 2%;
    box-sizing: border-box;
}
.info_list_left .dancing {
    margin: 0;
}
.info_list_left h2.line_h2 {
    padding: 2% 3% 2%;
    font-weight: 700;
}
#list {
    margin-top: 3%;
}
.entry-card-content {
    margin: 0 0 2% 0;
    border-bottom: 0.5px solid #d4d4d4;
    padding-bottom: 1%;
}
.info-item {
    padding: 0 2%;
}

.post-meta {
    background-color: #ffffff;
}
.entry .post-meta a {
    color: #ffffff;
    font-size: clamp(1.3rem, 1.3vw + 0rem, 1.3rem);
    vertical-align: middle;
    background-color: #f70501;
    padding: 0.5% 1.5%;
}
.post-meta .post-date span.published {
    font-size: 1.5rem;
}
.entry h2 {
    margin-bottom: 5px;
    margin-top: 2%;
    color: #231815;
    line-height: 4;
}

.entry h2 a {
    color: #231815;
    font-size: clamp(1.4rem, 1.2vw + 0rem, 1.6rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.8;
}

.single-title {
    width: 95%;
    display: inline-block;
}

.right-btn {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
}

.right-btn:before,.right-btn:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    content: "";
    vertical-align: middle;
}

.right-btn:before {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #f70501;
}

.right-btn:after {
    top: 12px;
    left: 10px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sidebar {
    width: 25%;
    background-color: rgba(255, 255, 204, 0.38);
    padding: 5% 2%;
    box-sizing: border-box;
    margin: -5% 0 0;
}

#sidebar p.ft52 {
    margin: 0 0 2%;
}
#sidebar h3 {
    position: relative;
    margin: 0 0 17% 0;
}
#sidebar h3:before {
    background-color: #f70501;
    bottom: -15px;
    content: "";
    height: 5px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 54px;
}

#sidebar #categories-2 ul {
    padding-left: 0;
}

#sidebar #categories-2 ul li:first-child {
    background-color: #f70501;
}
#sidebar #categories-2 ul li:first-child:before {
    content: "";
    background-color: #ffffff;
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translateY(-50%);
    height: 78%;
    width: 4px;
}
#sidebar #categories-2 ul li:first-child a {
    color: #ffffff;
}


#sidebar #categories-2 ul li {
    background-color: #ffffff;
    position: relative;
    padding: 4% 1% 4% 8%;
}
#sidebar #categories-2 ul li:before {
    content: "";
    background-color: #f70501;
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translateY(-50%);
    height: 78%;
    width: 4px;
}
#sidebar #categories-2 ul li a {
    color: #231815;
}

#new_popular-2 ul li {
    border-bottom: 0.5px solid #231815;
    margin-bottom: 6%;
}

#new_popular-2 ul li a {
    text-overflow: ellipsis;
    display: block;
    line-height: 1.6;
    margin-top: 2%;
}
#archives-dropdown-2 {
    display: block;
    margin-top: 5%;
    border: solid 1px #e6e6e6;
    padding: 4% 3%;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
}
#archives-2 .sidebar_widget_title,#archives-2 .sidebar_widget_title:after, #archives-3 .sidebar_widget_title:after {
display: none;
}
#sidebar .new-entry-content {
    padding-bottom: 5%;
}

/*-----------------------------------

お知らせ詳細

------------------------------------*/

.single-inner header {
    position: static;
}



.fa.pull-left:nth-child(2) {
    margin-right: 0;
    margin-top: -29px;
    margin-left: 97.5%;
}   

.single #breadcrumbs {
    width: 68%;
}

.single-inner {
    align-items: stretch;
    justify-content: space-between;
}

#post {
    width: 75%;
}

.single-inner .article {
    padding-top: 5%;
    width: 90%;
    margin: 0 auto;
}

.single .post-meta {
    text-align: left;
    color: #f70501;
}

.single .post-meta a {
    color: #ffffff;
    background-color: #f70501;
    padding: 0.5% 1.5%;
}

.single-inner .article h1 {
    padding-bottom: 1%;
    border-bottom: 0.5px solid #231815;
}

.single .article #the-content img {
    width: auto;
    margin-top: 4%;
    margin-bottom: 4%;
}

.single .navigation {
    width: 100%;
}

.single .fa-arrow-right:before,.single .fa-arrow-left:before {
    color: #dadada;
}

.single .navigation  .prev {
    border-top: 1px solid #ddd;
    border-bottom: none;
}

.single .navigation .next {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/*.single p {
    font-size: clamp(1.4rem,1.3vw + 0rem,1.8rem);
}*/


.single #under-entry-body {
    margin-bottom: 0;
}

.sns-share-msg {
    display: none;
}

.single .wp-block-image {
    margin: 0 auto;
    width: fit-content;
}

/** 修正 **/
section.drink p.ft22 span,section.school .plan-item-description p span {
    display: block;
    letter-spacing: 0px;
}
.drink .plan-menu dl dt:before {
    display: none;
}
.page-id-282 .plan-menu dl dd span,.page-id-278 .plan-menu dl dd span,.page-id-269 .plan-menu dl dd span {
    margin-right: 6%;
}
.drink .plan-item-price {
    background-color: #FFFFEC;
    padding: 2% 0 3.5%;
    width: 100%;
    margin-bottom: 6%;
    margin-top: 2%;
}
.plan-price-inner .ryokin {
    align-items: flex-end;
}
.plan-price-inner {
    text-align: center;
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.plan-price-inner .ryokin {
    align-items: flex-end;
    margin: auto;
}
.plan-item-price p.yori {
    text-align: center;
    margin: auto;
}
.plan-price-inner .ryokin span.mid {
    margin: 0 4% 0;
}
.page-id-282 .header-in h1 {
    margin-top: 0;
}
.page-id-282 .header-in,.page-id-278 .header-in,.page-id-269 .header-in {
    background-image: url(../../../images/drinkpage_top.jpg);
    background-position: right center;
    background-size: 42%;
    background-color: #000000;
    display: flex;
    align-items: center;
    height: 520px;
    padding: 0;
}
.page-id-278 .header-in {
    background-image: url(../../../images/school_top.jpg);
}
.page-id-269 .header-in {
    background-image: url(../../../images/top-plan01.jpg);
}
.page-id-282 .header-in .title_box,.page-id-278 .header-in .title_box,.page-id-269 .header-in .title_box {
    width: 50%;
}
.page-id-282 .header-in:before,.page-id-278 .header-in:before,.page-id-269 .header-in:before {
    width: 78%;
    background: linear-gradient(90deg, rgb(0, 0, 0, 1) 74%, rgb(0, 0, 0, 0) 100%);
}
.page-id-278 .plan-text p.ft16 {
    font-weight: 400;
}
.page-id-278 .plan-top-inner {
    align-items: center;
    margin-top: 4%;
    margin-bottom: 3%;
}
.include-item p span {
    letter-spacing: 1px;
}
.quotation-box p.ft16 {
    font-weight: 500;
    line-height: 200%;
}
/* .fadeIn {
  transform: translate3d(0, 30px, 0);
  transition: 3s;
  opacity: 0;
}
.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
} */
.plan-left .ft40 {
    margin-left: 1%;
}
.plan-left .ft24 {
    letter-spacing: 4px;
}
.plan-left h2 {
    font-weight: 600;
    letter-spacing: 4px;
}
p.link_bot a {
    color: #f70501;
    background: transparent;
    padding: 18px 30px;
    border: 1px solid #f70501;
    position: relative;
    z-index: 1;
    transition: .3s;
}
p.link_bot a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #f70501;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}
p.link_bot a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.ya_right {
border-top: #f70501 1px solid;
    border-right: #f70501 1px solid;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 25px;
    top: 45%;
    transform: rotate(45deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
}
.plan-left a:after {
display: none;
}
p.link_bot a:hover, p.link_bot a:hover .ya_right {
  color: #fff;
  opacity: 1;
}
p.link_bot a:hover .ya_right {
  border-top: #ffffff 1px solid;
  border-right: #ffffff 1px solid;
}
.plan-right.pr.pr04 {
    margin-bottom: 6%;
}
.top-information p.link_bot {
    margin: 3% auto 4%;
}
.top-information p.link_bot a {
    padding: 1.5%;
    display: block;
    width: 24%;
    margin: auto;
}
.top-info-title h2 {
    margin-top: 1%;
    margin-bottom: 3%;
}
.contact a.quotation-btn:hover {
    color: #ffffff;
}
.tc-right .ya_right {
    border-top: #f70501 1px solid;
    border-right: #f70501 1px solid;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 25px;
    top: 45%;
    transform: rotate(45deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
}
section.school .plan-item-description,section.business .plan-item-description {
    margin: auto;
    width: 70%;
}
section.school .plan-item-description p,.page-id-269 .plan-item-description p,.page-id-285 .plan-item-description p,.page-id-282 .plan-item-description p {
    margin-top: 0;
    margin-bottom: 4%;
}
.single-post #main .post {
    width: 68%;
    margin: auto;
    margin-top: 0;
}
.single-post #the-content p {
    font-size: 1.6rem;
    width: 90%;
    margin: auto;
}
.single-inner .article h1.entry-title {
    font-weight: 700;
    padding-bottom: 2%;
    margin-top: 3%;
}
.single-post #the-content p a {
    color: #F70501;
    border-bottom: 1px solid;
}
.single-post #sidebar p.ft52 {
    margin: 0 0 2%;
    font-size: 4.6rem;
}
.single-post #sidebar {
    margin: -2% 0 0;
}
.totalprice {
    width: 75%;
    margin: auto;
    text-align: right;
    display: block;
    margin-top: 1%;
}
p.check_bot {
    text-align: center;
    margin-top: 3%;
}
.plan-price table {
    width: 75%;
    margin: auto;
    margin-bottom: 6%;
}
.plan-price table tr th {
    flex-direction: column;
    align-items: flex-start;
}
.plan-price table.drink p.ft18 {
    width: 100%;
}
.plan-price table.drink p.ft14 {
    margin-bottom: 0;
}
.plan-price table.drink tr td {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: flex-end;
}
.greet_box {
    width: 80%;
    margin: auto;
    justify-content: space-between;
    margin-bottom: 8%;
}
.greet_box .left {
    background: url(../../../images/prof.jpg);
    width: 22%;
    height: 18vw;
    background-size: cover;
    background-position: center;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    position: relative;
}
.greet_box .left p.name {
    position: absolute;
    bottom: -18%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: max-content;
}
.greet_box .right {
    width: 73%;
    display: flex;
    align-items: center;
}
.greet_box .right p span {
    display: block;
    font-family: 'Noto Serif Japanese', 'Noto Serif JP', serif, sans-serif;
    font-weight: bold;
    line-height: 180%;
    margin-bottom: 2%;
}
.option-item {
    background-color: #ffffff;
    padding: 2% 5%;
    width: 38%;
    margin-bottom: 3%;
    height: 24vw;
}
section.business .plan-top-inner {
    margin-bottom: 3%;
}
.single-example .navigation {
    display: none;
}
.single-example .article {
    margin-bottom: 6%;
}
.plan-item-text p {
    text-align: center;
}
.page-id-282 .plan-item-description {
    width: 100%;
}
.drink .plan-item-price.w70 {
    width: 70%;
}
.page-id-282 .plan-item-description p {
    text-align: left;
    width: 100%;
}

.page-id-282 .plan-item-description p.ft20 {
    margin-left: -1.5%;
    margin-bottom: 1%;
}

.drink.food .plan-item-description {
    width: 70%;
    margin: auto;
}
.navi-image {
    width: 20%;
    background: url(../../../images/menu_bg.jpg);
    background-size: cover;
    height: 100vh;
    background-position: center;
}
.navi-right {
    width: 80%;
    height: 100vh;
    justify-content: center;
    padding: 0;
    z-index: 0;
}
.navi-right .logo {
    display: block;
    width: 100%;
    margin-top: 3%;
    margin-left: 3%;
}
.img_box {
    width: 100%;
    background-image: url(../../../images/top-plan01.jpg);
    height: 11vh;
    background-size: cover;
    background-position: center;
}
.plan .plan-inner {
    width: 80%;
    margin: auto;
}
.img_box.ver02 {
    background-image: url(../../../images/top-plan02.jpg);
    background-size: cover;
    background-position: bottom;
}
.img_box.ver03 {
    background-image: url(../../../images/top-plan03.jpg);
    background-size: cover;
    background-position: center;
}
.img_box.ver04 {
    background-image: url(../../../images/top-course.jpg);
    background-size: cover;
    background-position: center;
}
#navi ul li a:hover {
    background-color: #fff;
}
.main-nav-inner p.title {
    margin-top: 0;
    position: relative;
    background-color: #F70501;
    padding: 2% 3%;
    font-weight: 600;
}
.about, .plan, .other {
    width: calc(96% / 3);
    margin-right: inherit;
}
.about-inner {
    width: 80%;
}
.about-inner li {
    margin-left: 4%;
}
.other-bottom .contact-mail:before {
    content: "";
    width: 26px;
    height: 19.5px;
    background-image: url(../../../images/mail.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 5px;
}
.other-bottom .contact-btn {
    border: 0.75px solid #f70501;
    background-color: #ffffff;
    width: 80%;
    box-sizing: border-box;
    padding: 4% 5%;
    margin: 0 0 3% 0;
    display: block;
    position: relative;
}
.other-bottom .quotation-btn {
    background-color: #00337c;
    position: relative;
    width: 70%;
    padding: 4.5% 5%;
    margin: 0;
    display: block;
}
.other-bottom .contact-tel:before {
    content: "";
    width: 27px;
    height: 32px;
    background-image: url(../../../images/tel.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 22%;
    left: 28%;
}
.other-bottom .contact-tel {
    position: relative;
    margin-right: 30px;
}
.other-bottom p.top_text.ft14 {
    margin-bottom: 5%;
}
.other-bottom p.bottom_text.ft13 {
    margin-top: 1%;
}
.other-bottom p.ft28 {
    font-weight: 700;
}
.other-inner {
    padding-bottom: 5%;
}
.other-inner ul li {
    margin-bottom: 0;
}

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

/*-----------------------------------

共通

------------------------------------*/

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
 
    #main ,div #main {
        padding: 0;
    }

    .df {
        flex-direction: column;
    }

    .dancing {
        font-size: 4.4rem;
    }

    h2 {
        font-size: 2.4rem;
    }

    main {
        width: auto;
    }

    #container {
        margin-top: 0;
    }


/*------------------------------------

ナビゲーション

------------------------------------*/

.navi {
    width: 100vw;
}

#navi #navi-in ul li a {
    box-sizing: border-box;
}

.navi-right .logo {
    width: 30%;
    margin: 3% auto;
}

.main-nav.df {
    flex-direction: row;
}

.about, .plan, .other {
    width: 100%;
    margin-right: inherit;
}

.plan .plan-inner {
    width: 90%;
    margin: auto;
}

#navi ul {
    display: block;
}

.main-nav-inner ul li {
    height: 31vw;
}

.main-nav-inner ul li span {
    margin-left: 3%;
    margin-top: 3%;
    display: block;
}

/*-----------------------------------

ヘッダー

------------------------------------*/

header {
    position: fixed;
    top: 0;
    left: 0;
}

.header-right {
    display: none;
}

.page-id-106 .kaso-header {
    margin-top: 0;
}

.kaso-header {
    margin-top: 76px;
    padding: 18% 0;
}

.kaso-header h1 {
    margin: 0;
    font-size: 2.6rem;
}

.kaso-header p.ft20 {
    letter-spacing: 4px;
    margin-top: 1%;
}

.page-id-53 .kaso-header, .page-id-40 .kaso-header {
    padding: 15% 0;
}

.page-id-282 .kaso-header,.page-id-285 .kaso-header,.page-id-269 .kaso-header,.page-id-278 .kaso-header {
    padding: 20% 0;
}

.page-id-285 .kaso-header h1,.page-id-269 .kaso-header h1,.page-id-278 .kaso-header h1,.page-id-282 .kaso-header h1 {
    margin-left: 2%;
}

.page-id-285 .kaso-header h1 {
    text-align: center;
}

.page-id-282 .kaso-header {
    background-position: center;

}

.page-id-282 .kaso-header p {
    margin-left: 13%;
}

.page-id-269 .kaso-header p {
    margin-left: 24%;
}

.page-id-278 .kaso-header p {
    margin-left: 10%;
}



/*-----------------------------------

トップページ

------------------------------------*/

#body {
    margin-top: 0;
    width: 100vw;
}

header {
    z-index: 600;
    background-color: #ffffff;
}

header:nth-child(2) {
    display: none;
}



.page-id-53 #breadcrumbs,.page-id-40 #breadcrumbs {
    margin: 1% 0 0 4%;
    width: fit-content;
    font-weight: 400;
}

.page-id-231 #breadcrumbs {
    margin: 1% 0 0 4%;
    width: fit-content;
    font-weight: 400;
}

#breadcrumbs a, .breadcrumb_last {
    color: #231815;
    font-size: 1.2rem;
}

#h-top {
    height: auto;
    height: 76px;
    min-height: 0;
}



#header-in, .header-box {
    position: relative;
    height: 100%;
}

.header-box {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 100vw;
}

.header-box .header-left {
    width: 80%;
    margin: 0;
}

.humburger {
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    width: 21vw;
    height: 76px;
    box-sizing: border-box;
    right: 0;
    top: 0;
    background-color: #f70501;
    z-index: 100000;
    opacity: 1;
}

.humburger:checked,.humburger:active {
    opacity: 1;
    z-index: 100000;
}


.humburger p.ft22 {
    top: 16%;
}

.humburger-line-1 {
    top: 50.5%;
}

.humburger-line-2 {
    top: 56%;
}

.humburger-line-3 {
    top: 61.5%;
}

.humburger-line-4 {
    top: 67%;
}

.humburger-line-5 {
    top: 72.5%;
}

.header-left {
    padding: 2% 0;
    box-sizing: border-box;
    flex-direction: row;
    justify-content: space-around;
}

.header-left p.ft16 {
    font-size: 1.2rem;
    margin-left: -3%;
    height: fit-content;
    margin-top: 0;
}

.header-left p.ft16 span {
    font-size: 0.7rem;
    display: block;
   line-height: 1;
}

.header-right {
    padding: 0;
}

.header-logo {
    width: 64px;
    height: 45px;
    margin-right: 54%;
    margin-bottom: 3%;
    display: block;
}


.hero-area .quotation-btn {
    display: none;
}

.hero-area {
    height: 77vh;
    margin-top: 0;
}

.hero-image {
    background-position: 20%;
}

.hero-discription {
    width: 65%;
    height: 257px;
    padding: 3%;
    background-color: #f70501;
    position: absolute;
    left: 3%;
    top: auto;
    bottom: -11%;
    transform: translate(10px, 10px);
    transform: translate(0, -0);
    box-sizing: border-box;
}

.hero-discription p.ft30 {
    font-size: 1.8rem;
}

.hero-discription p.ft16 {
    font-size: 1.2rem;
}

.top-concept {
    flex-direction: column-reverse;
    margin-top: 26%;
}


.top-concept h3 {
    margin-bottom: 2%;
}

.concept-text,.concept-image {
    width: 100%;
}

.concept-image {
    width: 100vw;
    height: 60vw;
    background-position: 10% 50%;
}


.d-concept {
    position: absolute;
    bottom: -23%;
    left: 0;
    transform: rotate(5deg);
    font-size: 5.4rem;
}

.top-plan {
    position: relative;
    padding: 0.5% 0 11%;
    background-color: rgba(255, 255, 204, 0.38);
    margin-top: 20%;
}

.plan-box {
    flex-direction: column-reverse;
    margin-top: 12%;
}

.plan-title {
    position: relative;
    margin: 8% 0 0;
}

.pb01 {
    margin-top: 14%;
}

.pr {
    height: 60vw;
}

.pr01 {
    right: 0;
    background-position: 0 12%;
}

.d-pr01 {
    top: -31%;
    left: 0%;
    transform: rotate(5deg);
}


p.link_bot a {
    color: #f70501;
    background: transparent;
    padding: 12px 37px;
    border: 1px solid #f70501;
    position: relative;
    z-index: 1;
    transition: .3s;
}

.gold01 {
    top: -10vw;
    right: 0;
    width: 33%;
}

.plan-left, .reverse .plan-left {
    width: 93%;
   height: auto;
}


.plan-left .ft24 {
    letter-spacing: 4px;
    margin: 0;
    text-align: center;
}

.plan-left h2 {
    font-weight: 600;
    margin: 3% 0 0;
    letter-spacing: 4px;
    text-align: center;
}

.plan-right {
    width: 100%;
}


.gold02 {
    top: -3vw;
    left: 0%;
    width: 33%;
}

.d-pr02 {
    left: 4%;
    bottom: 60%;
    transform: rotate(-9deg);
}

.pr02 {
    background-position: 0 106%;
}

.d-pr03 {
    position: absolute;
    right: 5%;
    bottom: 60%;
    transform: rotate(5deg);
}

.pr03 {
    background-position: 0 39%;
}

.d-pr04 {
    left: 4%;
    bottom: 64%;
    transform: rotate(-6deg);
}

    .plan-right.pr.pr04 {
        margin-bottom: 8%;
        background-position: 0 92%;
    }

.pb04 .plan-left h2 {
    margin: 0;
}


.top-commitment .dancing {
    left: 0;
    bottom: 22%;
}

.top-use-case .dancing {
    left: 0;
    bottom: 26%;
}

.top-chef .dancing {
    left: 0;
    bottom: 30%;
}

.top-commitment, .top-chef, .top-use-case {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 57.5vw;
    position: relative;
    padding: 14% 0;
}

.top-commitment .dancing, .top-chef .dancing, .top-use-case .dancing {
    position: absolute;
    transform: rotate(-9deg);
    color: rgba(255, 255, 255, 0.38);
    font-size: 3rem;
}

.top-commitment .dancing {
    left: 40%;
    bottom: 58%;
}

.top-commitment h3, .top-chef h3, .top-use-case h3 {
    margin-top: 0;
    margin-bottom: 3%;
    font-weight: 600;
}

.tc-right p.link_bot {
    position: absolute;
    bottom: 11.5%;
}


.tc-right p.link_bot a {
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: rgba(255, 255, 255, 0.12);
    display: block;
    padding: 9px 37px;
    width: 109px;
}

.tc-left {
    position: static;
    width: 90%;
    margin: 0 auto;
}

.top-chef .dancing {
    left: 44%;
    bottom: 60%;
}

.top-sub-contents {
    margin-top: 40%;
}

.top-use-case .dancing {
    left: 35%;
    bottom: 46%;
}

.sub-contents-box {
    width: 100%;
    height: 33vh;
    position: relative;
    margin-bottom: 48%;
}



.sub-contents-box:last-child {
    margin-bottom: 0;
}

.sc-image {
    top: -65%;
    left: 50%;
    width: 97%;
    transform: translate(-50%, 0);
}

.sc-image,.sc-text {
    height: 60vw;
}

.sc-text h4 {
    margin: 6% auto 5%;
    font-size: 2rem;
}

.top-information {
    background-color: rgba(255, 255, 204, 0.38);
    padding: 10% 0;
}

.top-info-title h2 {
    margin-bottom: 10%;
}

.top-info-title p {
    margin-bottom: 0;
    margin-top: 0;
}

.top-information ul {
    margin-left: 0;
    padding-left: 0;
    margin-top: 4%;
}

.top-information li {
    width: 90%;
}

.top-information li a {
    color: #231815;
    overflow: visible;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none;
    position: relative;
    padding-bottom: 1%;
}

.ti-title {
    width: 100%;
    padding-right: 14%;
    box-sizing: border-box;
    display: block;
}

.top-info-btn:before {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f70501;
}


.top-info-btn:after {
    left: 12px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.top-information p.link_bot {
    margin: 3% auto 0;
}


.top-information p.link_bot a {
    padding: 3% 2%;
    display: block;
    width: 60%;
    margin: 12% auto 0;
}

.info-day.df {
    flex-direction: row;
}

.top-info-btn {
    position: relative;
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 5px;
}

.contact {
    padding: 5% 0;
    z-index: 0;
}

.contact-title .dancing {
    margin-top: 0;
    margin-bottom: 0.5%;
}

.contact-box, .quotation-box {
    width: 90%;
    margin: 0 auto;
}

.contact-box, .quotation-box {
    position: relative;
    z-index: 99999;
    width: 90%;
    height: auto;
    padding: 6% 0;
    box-sizing: border-box;
    margin-bottom: 9%;
}

.contact-box {
    margin-top: 11% 0 21%;
    margin: 11% 0 8%;
}

.quotation-box p.ft16,.contact-box p.ft16 {
    line-height: 160%;
}

.contact-box p.ft16 {
    width: 90%;
    margin: 2% auto;
    text-align: left;
}

.contact-inner h3 {
    font-size: 2rem;
}

.contact-inner h3:before {
    bottom: -12px;
}

.contact-tel:before {
    content: "";
    width: 26px;
    height: 31px;
    background-image: url(../../../images/tel.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 5px;
    left: 8px;
}

.contact-btn,.contact a.quotation-btn {
    width: 80%;
    padding: 5% 4%;
    margin: 2% auto 0;
    box-sizing: border-box;
    display: block;
    position: relative;
}

.contact-mail {
    position: relative;
    margin-right: 44px;
}

.quotation-box p.ft16 {
    width: 90%;
    margin: 2% auto 6%;
}



/*-----------------------------------------

フッター

------------------------------------------*/

.footer-inner {
    padding: 6% 0;
}

.footer-left p.ft19 {
    font-weight: 700;
    text-align: center;
    margin-top: 2%;
    margin-bottom: 0;
}

.footer-right {
    display: none;
}

.footer-left {
    float: left;
    width: 100%;
    padding: 0;
}

.footer-logo {
    width: 80px;
}

.footer-left p.ft13 {
    margin-top: 2%;
    margin-bottom: 0;
}

.footer-bottom {
    display: none;
}

#copyright a {
    text-decoration: none;
    color: #fff;
    font-size: 1.2rem;
}



/*-----------------------------------------

プライバシーポリシー

------------------------------------------*/

.privacy-contents {
    width: 90%;
    margin: 8% auto 0;
    padding-bottom: 8%;
}

.privacy-contents dl {
    margin-top: 9%;
}

.privacy-contents dl dt {
    padding: 0.1% 0 2% 5%;
    margin-bottom: 4%;
}

.privacy-contents dl dt:before {
    top: 12%;
    left: 0;
    width: 3px;
    height: 65%;
}

.privacy-contents dl dd {
    margin-bottom: 6%;
}

.privacy-contents dl dd.sp br:last-child {
    display: none;
}

/*-----------------------------------------

サイトマップ

------------------------------------------*/

.sm_page_in h2.line_h2 {
    padding: 6% 2%;
    font-size: 1.6rem;
    margin-top: 8%;
    margin-bottom: 6%;
    letter-spacing: 0;
}

ul.sitemap_list {
    width: 100%;
    display: block;
    padding-left: 0;
    margin-bottom: 14%;
}



ul.sitemap_list:last-child {
    margin-bottom: 16%;
}

ul.sitemap_list li {
    width: 93%;
    margin: 3% auto;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

ul.sitemap_list li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 2%;
    width: 3px;
    height: 60%;
    background-color: #F70501;
}


ul.sitemap_list li a {
    padding: 4% 0 4% 7%;
    width: 100%;
    box-sizing: border-box;
    border-left: none;
}
/*-----------------------------------------

対応エリア

------------------------------------------*/

.area p.ft14 {
    margin: 6% 0;
}

.area table {
    width: 90%;
    margin: 6% auto;
    border: none;
}

.area table tr {
    text-align: center;
    display: block;
    margin-bottom: 11%;
}

.area table tr th {
    width: 100%;
    display: block;
    font-size: 1.8rem;
    padding: 4% 0;
}

.area table tr td { 
    padding: 5% 6.5% 5%;
}

.area table tr th .df img {
    margin-right: 1%;
    margin-left: 0;
}

.area table tr th .df {
    flex-direction: row;
}


/*-----------------------------------

料金表

------------------------------------*/

.price {
    padding: 2% 0 10%;
}

.price h2 {
    padding: 6% 0;
    font-size: 2.2rem;
    font-weight: bold;
}

.plan-price {
    margin-bottom: 13%;
}

.plan-price table {
    width: 90%;
    margin: auto;
    margin-bottom: 6%;
}

.plan-price table tr  {
    display: block;
}

.plan-price table tr th,.plan-price table tr td {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.plan-price table tr th {
    padding: 4% 0 4% 4%;

}


.plan-price table tr td {
    background-color: rgba(247, 5, 1, 0.05);
    padding-right: 1%;
}

.plan-price table.drink p.ft14 {
    margin-top: 0;
    line-height: 150%;
}

.td-in {
    width: 100%;
}

/*-----------------------------------

運営会社

------------------------------------*/

section.company h2 {
    margin: 4% auto 6%;
    padding: 6% 0;
}

.company .right p.ft16 {
    margin-top: 0;
}

.greet_box {
    width: 90%;
    margin: auto;
}

.greet_box.df {
    flex-direction: column-reverse;
}

.greet_box .left {
    width: 60%;
    height: 63vw;
    margin-bottom: 18%;
}

.greet_box .left p.name {
    bottom: -20%;
}

.greet_box .right {
    width: 100%;
}

.greet_box .right p span.ft26 {
    text-align: left;
}

.company h3 {
    font-size: 1.6rem;
}

.company table {
    width: 90%;
    margin: 5% auto 0;
}

.about-us table tr th {
    width: 35%;
    padding: 2%;
    font-size: 1.4rem;
}

.introduction-inner {
    padding: 8% 0;
}

.introduction-inner p {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin: 0;
}



/*-----------------------------------

コンセプト

------------------------------------*/


.commitment-top {
    margin: 5% auto 13%;
    width: 100%;
}

.commitment-top p.ft22 {
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 1.5rem;
    line-height: 150%;
    margin-top: 2%;
}

.commitment-top p.ft30 {
    font-size: 1.7rem;
    margin-top: 6%;
    margin-bottom: 3%;
}

.commitment-box p.dancing {
    font-size: 3.4rem;
}

.commitment-text h3 {
    margin-bottom: 5%;
}

.page-id-292 .concept-text,.page-id-290 .concept-text {
    width: 90%;
    margin: auto;
    margin-top: 4%;
}

.video-container {
    width: 100%;
}

.video-container .video {
    width: 90%;
    margin: 0 auto;
}

.main-image {
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

/*-----------------------------------

食材へのこだわり

------------------------------------*/

.page-id-290 .commitment-top p.ft30 {
    font-size: 1.8rem;
    margin-top: 8%;
}


.page-id-290 .top-concept h3 {
    margin-top: 8%;
    margin-bottom: 4%;
}

.commitment-box {
    padding: 18.5% 0 3%;
}

.commitment-text,.commitment-image  {
    width: 100%;
}

.commitment-text-in {
    width: 90%;
    margin: auto;
}

.commitment-item {
    margin-bottom: 17%;
}

.commitment-item:nth-child(even) {
    flex-direction: column;
}

.commitment-link:nth-of-type(1) {
    margin-bottom: 2%;
}

.commitment-link {
    margin-bottom: 5%;
}

.commitment-link a {
    font-size: 1.2rem;
}

.sub-commitment {
    margin-bottom: 7%;
}

.commitment-top p.ft30 {
    font-size: 2.4rem;
    margin-top: 6%;
    margin-bottom: 3%;
}

.page-id-313 .concept-text,.chef-box-inner {
    width: 90%;
}

.chef-image {
    text-align: center;
    width: 100%;
}

.chef-profile {
    width: 100%;
    box-sizing: border-box;
    padding: 3% 2%;
    background-color: #ffffff;
}

.chef-profile ul {
    padding-left: 0;
    width: 90%;
    margin: 0 auto;
}

.chef-introduce h2 {
    padding: 5% 0;
}

.chef-box p.ft24 {
    text-align: center;
}

.chef-image {
    width: 86%;
    margin: 0 auto;
}

/*-----------------------------------

お見積り、資料請求・お問合せ

------------------------------------*/



.page-id-342 .contact-page h2 {
    padding: 6% 0;
    margin: 4% auto 7%;
    background-color: #00337c;
}



.contact-form table {
    width: 90%;
    margin: 0 auto 8%;
}


.contact-form table tr {
    display: block;
    margin-bottom: 5%;
    border-top: 0.5px solid #dddddd;
}

.contact-form table tr th,.contact-form table tr td {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 4%;
}

.page-id-335 .contact-form table tr th {
    border-right: none;
    background-color: rgba(247,5,1,0.1);
}

.page-id-342 .contact-form table tr th {
    border-right: none;
    background-color: rgba(0, 51, 124, 0.1);
}

.page-id-342 .contact-form table tr th span.red {
    border: 0.5px solid #00337c;
}

.page-id-342 .contact-form .red {
    color: #00337c;
}

.page-id-342 .contact-form table tr th span.white {
    background-color: #00337c;
}


.semi.title {
    display: block;
}

.contact-page .mb1 {
    margin-top: 0;
}

select, option {
    padding: 10px;
}

.page-id-342 .contact-form table tr:nth-child(1) td input[type="text"],.contact-form table tr:nth-child(3) td input[type="text"],.contact-form .inputmail,.mwform-tel-field input[type="text"],.textarea,.contact-form table .long_text   {
    width: 100%;
}


.contact-form table tr:nth-child(2) td input[type="text"] {
    width: 45%;
}

.contact-form table tr:nth-child(2) td input[type="text"],    .page-id-342 .contact-form table tr:nth-child(3) td input[type="text"] {
    width: 37%;
}

input[type="text"].add_number {
    width: 30%;
}


.mwform-tel-field input[type="text"] {
    width: 28%;
}

.page-id-342 .contact-page .table {
    width: 90%;
    margin: 0 auto;
}

.page-id-342 .contact-form table tr:nth-child(12) input[type="text"] {
    width: 30%;
}

.totalprice {
    margin: 0 auto 17%;
}

.contact-form .submit_form input[type="submit"] {
    width: 80%;
    padding-top: 74px;
}

.contact-form {
    width: 100%;
}

.contact-page p.ft14 {
    width: 90%;
    margin: 6% auto;
    text-align: left;
}

.contact-page table {
    width: 90%;
    margin: 0 auto;
}

.contact-form .submit_form input[type="submit"] {
    margin-top: 0;
}

.page-id-342 .contact-form table tr:nth-child(2) td input[type="text"] {
    width: 40%;
}


.mwform-checkbox-field label {
    font-size: 1.3rem;
}


.page-id-2860 .box {
    width: 90%;
    margin: 0 auto;
}



.page-id-2860 .box p br:first-child,.page-id-3058 .box p br:first-child,.page-id-3058 .box p br:nth-child(2) {
    display: none;
}

.page-id-2860 .contact-page h2 {
    background-color: #f70501;
    padding: 6% 0;
    position: relative;
    width: 100%;
}

.page-id-2860 .contact-page h2,.page-id-3058 .contact-page h2 {
    margin: 20% auto 5%;
}


/*-----------------------------------

プラン一覧、各種プラン

------------------------------------*/

.page-id-211 .plan-text {
    width: 90%;
    margin: auto;
    margin-top: 4%;
    margin-bottom: 5%;
}

.plan-top-inner {
    width: 90%;
    margin: 0 auto;
}

.plan-image {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}

.include-box {
    flex-direction: row;
    flex-wrap: wrap;
}

.include-item {
    margin-right: 1%;
    width: 49%;
}

.include-item:nth-child(even) {
    margin-right: 0;
}

.include {
    padding: 10% 0;
}

.include h2 {
    width: 95%;
    margin: 0 auto 6%;
}

.plan-box {
    margin: 6% 0;
}

.plan-item-top {
    width: 90%;
    margin: 0 auto;
}

.plan-item h2 {
    font-size: 2rem;
    padding: 6% 0;
}

.plan-item-text,.plan-item-image {
    width: 100%;
}

.plan-item-image p {
    margin-bottom: 2%;
}

.plan-btn-box .quotation-btn {
    padding: 4%;
}

.plan-menu {
    margin-top: 9%;
}

.plan-menu dl {
    margin:  0 auto 3%;
}

.page-id-282 .plan-menu dl br {
    display: block;
}

.plan-menu dl br {
    display: none;
}

.plan-menu dl dd span {
    margin-right: 0;
    display: block;
}

/* .plan-menu dl:nth-child(4) dd span {
    margin-right: 6%;
    display: inline;
} */
.business-logo {
        width: 76px;
        margin-top: 1%;
        margin-right: 2%;
}
.page-id-278 .business-logo {
        width: 84px;
        margin-top: 1%;
        margin-right: 2%;
}

.plan-item span.ft26 {
    font-size: 1.8rem;
}

.plan-item span.fm {
    font-size: 1.4rem;
}

.plan-title-inner {
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}

.plantitle-left.df {
    flex-direction: row;
    justify-content: center;
    margin: 0 auto 1%;
}

.plantitle-left.df {
        width: 92%;
        margin: auto;
    }

.sp-plantitle-right {
    display: block;
}

.sp-plantitle-right .df {
    display: block;
    flex-direction: row;
    width: 71%;
    text-align: right;
    margin: 0 auto;
}

.page-id-282 .sp-plantitle-right .df {
    display: block;
    flex-direction: row;
    width: 85%;
    text-align: right;
    margin: 0 auto;
    margin-left: 15%;
}

.sp-plantitle-right div.df {
    margin: 0;
    margin-left: 25%;
}

.plantitle-right .df {
    display: none;
}

.plantitle-right span div.df {
    display: flex;
    justify-content: right;
}

.plantitle-right span:nth-child(2) {
    display: block;
}

.plan-item h2:before {
    content: "";
    position: absolute;
    top: 5%;
    width: 100%;
    display: block;
    border-top: 2px solid #ffffff;
}

.plan-item h2:after {
    content: "";
    position: absolute;
    bottom: 5%;
    width: 100%;
    display: block;
    border-bottom: 2px solid #ffffff;
}


.school .plan-item-price, .business .plan-item-price, .drink.food .plan-item-price,.drink .plan-item-price.w70 {
    width: 90%;
    padding: 4% 1%;
    box-sizing: border-box;
    margin: 5% auto 0;
}

.plan-price-inner {
    width: 95%;
}

.plan-item-price p.ft20 {
    margin-top: 1%;
}

.price_box p.ft26 {
    flex-direction: row;
}

.option,.page-id-278 .option {
    padding: 6% 0;
    margin-top: 10%;
}

.option p.dancing {
    font-size: 3.4rem;
}

.option h2 {
    margin-bottom: 15%;
}

.option-box {
    width: 93%;
}

.option-item {
    width: 100%;
    height: auto;
    margin-bottom: 10%;
    padding: 3%;
    box-sizing: border-box;
}

.option-item h3 {
    font-size: 1.9rem;
    border-bottom: 2.5px solid;
    font-weight: 800;
    letter-spacing: 0;
}

.option-item:nth-child(odd) {
    margin-right: 0;
}

.option-top {
    flex-direction: row;
}

.option-image {
    width: 115px;
}

.option-price p:first-child {
    margin-top: 0;
}

.option-price p.df,.option-price p span.ft18.df {
    flex-direction: row;
    display: inline-flex;
}


.school .plan-top h2 {
    position: relative;
    margin-top: 1%;
    font-size: 1.65rem;
    font-weight: 700;
}

section.school p.bottom_text {
    margin-bottom: 11%;
}

section.school .plan-price-inner {
    display: block;
}

.plan-item-description {
    margin: auto;
    width: 90%;
}

.page-id-278 .plan-item-price p.ft20 span {
    display: block;
}

section.school p.ft20 {
    margin-top: 1%;
    text-align: left;
}

section.school p.ft20 span {
    display: block;
}

section.school p.ft20:nth-child(even) {
    text-align: left;
}



.page-id-282 .plan-item {
    margin-bottom: 12%;
}

.page-id-282 .plan-item-text p {
    text-align: left;
    margin-top: 0;
    font-weight:bold;
}

.page-id-282 .plan-item-text p br {
    display: none;
}

.page-id-282 p.ft22 span {
    display: block;
}

.page-id-282 .plan-menu {
    margin-top: 0%;
}

section.school .plan-item-description,section.business .plan-item-description,section.drink .plan-item-description {
    margin: auto;
    width: 90%;
}

.page-id-285 .kaso-header {
    margin-top: 52px;
}

.food-box h2 {
    padding: 6% 0;
    margin-top: 10%;
    margin-bottom: 5%;
}

.drink.food .plan-item-description {
    width: 90%;
    margin: auto;
}

.food .plan-item-image p {
    margin-bottom: 4%;
    margin-top: 0;
}

.main-food {
    width: 95%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.main-food-item {
    width: 48%;
    height: 56vw;
    margin: 0 4% 3% 0;
}

.main-food-item img {
        width: 100%;
        height: 30vw;
}

.main-food-item p.ft14.white {
    padding: 5% 0;
    box-sizing: border-box;
}

.main-food-item:nth-child(odd) {
    margin-right: 4%;
} 

.main-food-item:nth-child(even) {
    margin-right: 0;
}

.food-price-box table {
    width: 93%;
}

.food-price-box table tr {
    display: block;
}

.food-price-box table tr th,.food-price-box table tr td {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.food-price-box table tr th {
    padding: 4% 0 4% 2%;
    border-left:none;
}

.food-price-box table tr td:first-child {
    border-top: none;
}

.food-price-box table tr td {
    border-left: none;
    border-right: none; 
}

.hot-price table tr th.white {
    display: flex;
    justify-content: center;
    padding: 3% 0;
    margin-top: 6%;
}

/*-----------------------------------

お知らせ一覧

------------------------------------*/

#sidebar {
    display: none;
}

.info_list_left {
    width: 90%;
    padding: 0 2%;
    box-sizing: border-box;
}

/*-----------------------------------

ご利用事例

------------------------------------*/

.example-inner {
    width: 90%;
}

.example-text {
    margin: 5.5% 0;
}

.example-text p {
    text-align: left;
}

.example-text p br {
    display: none;
}

#example-list {
    flex-direction: row;
}

.entry_card {
    width: 100%;
    margin: 0 0 7% 0;
}


.entry-thumb-re,.entry-thumb-re img {
    height: 45vw;
}

.page-id-2874 header,.page-id-106 header  {
    position: static;
}

.entry-card-content-re h3 {
    flex-direction: row;
}

.example-image {
    width: 90%;
    margin: auto;
}

.example-image .example-main-image {
    margin-right: 0;
}

.single .article h2 {
    margin: 5% 0;
    padding-left: 0;
    font-size: 1.7rem;
}

.single .example-inner h2 {
    margin: 5% 0;
    padding: 2.5% 6%;
}


.example-add-image {
    flex-direction: row;
}

.single .example-text {
    margin: 0 auto;
}

.single .example-text dl dt,.single .example-text dl dd {
    width: 100%;
    margin: 0;
}

.relation-list {
    margin: 10% auto 0;
}

.relation-list h2 {
    margin-bottom: 14%;
}

.single .example-inner h2 span {
    margin-left: 2%;
}

.example-add-image p {
    width: 32%;
    margin: 0;
}

.example-add-image p:nth-child(2),.example-add-image p:nth-child(5) {
    margin: 0 2% 0;
}

.comment p {
    font-size: 1.4rem;
}

/*-----------------------------------

お知らせ

------------------------------------*/

.navi-image {
    display: none;
}
.navi-right {
    width: 100%;
}
.navi-right .logo {
        width: 18%;
        margin: 5% auto 3%;
}
.main-nav-inner ul li span {
	display: inline;
}
#navi .plan ul > li {
    float: left;
    border-top: 0px;
    border: 0;
    height: auto;
    width: 48%;
    margin: auto 1%;
	text-align: center;
	margin-bottom: 4%;
}
	.about-inner {
    width: 100%;
}
	.plan {
    margin-bottom: 5%;
}
	.main-nav-inner p.title {
    margin-top: 0;
    position: relative;
    background-color: #F70501;
    padding: 5% 5%;
    font-weight: 600;
    width: 90%;
    margin-bottom: 0;
}
	#navi .about ul > li {
    font-size: 3.2rem;
    border-bottom: 1px solid #dddddd;
    margin: auto;
    padding: 2% 10%;
    width: 76%;
}
	#page-top a {
    width: 40px;
    height: 40px;
    line-height: 47px;
    background-color: #F70501;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    z-index: 999999999999999;
}
	    #page-top {
        right: 3%;
        bottom: 2%;
    }
	.other-bottom .contact-btn,.other-bottom .quotation-btn {
    margin: auto auto 3% auto;
}
.main-nav-inner .plan ul li span {
        display: block;
    }
.page-id-2874 .kaso-header {
    margin-top: 0;
}
.other-bottom {
    padding-top: 5%;
    border-top: none;
    position: fixed;
    bottom: 1%;
    width: 100%;
    z-index: 111111111111;
}
.other {
    margin-bottom: 28vh;
}
.info_list_left h2.line_h2 {
    padding: 4% 3% 4%;
    font-weight: 800;
    font-size: 1.8rem;
}

#main .post:first-child {
    margin-top: 5%;
}

#main .post {
    margin-bottom: 5%;
}

.entry-card-content {
    padding-bottom: 3%;
}

.post-meta .post-date,.post-meta .category {
    line-height: 2;
}

.single .kaso-header {
    margin-top: 0;
}

.single-inner .article {
    padding-top: 0;
}

.single-inner .article,.single-post #the-content p {
    width: 100%;
}

.single header {
    position: static;
}

.single-post #main .post {
    width: 90%;
    margin: auto;
    margin-top: 0;
}

.single .article h2 {
    margin: 5% 0;
    padding-left: 0;
    font-size: 1.7rem;
}

.single-title {
    width: 95%;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 500;
}

.single-post #the-content p {
    font-size: 1.4rem;
}

.navigation a {
    color: #231815;
    font-size: 1.3rem;
}

.fa.pull-left:nth-child(2) {
    margin-left: 90%;
    margin-right: 0;
    margin-top: -8%;
}


/*-----------------------------------

よくある質問

------------------------------------*/

.faq p.ft14 {
    width: 90%;
    margin: 5% auto;
}

.accordion {
    padding: 10% 0 15%;
}

.accordion-inner {
    width: 90%;
    margin: 0 auto;
}

dl.js-accordion-title:before {
    border-top: #f70501 3px solid;
    border-right: #f70501 3px solid;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 64%;
    transform: rotate(135deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
}

dl.js-accordion-title dt, dl.accordion-content dt {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

dl.accordion-content dt {
    background-color: #00337c;
    padding: 2.2% 1.1%;
    vertical-align: text-top;
}

dl.js-accordion-title dd {
    margin-left: 0;
    padding: 4% 4.5% 4% 0;
    width: 90%;
}


dl.accordion-content div.df {
    background-color: transparent;
}

dl.accordion-content dd {
    margin: 0 auto;
    width: 90%;
    padding: 4% 0;
}

br.sp-faq {
    display: none;
}




}