@charset "utf-8";
/* CSS Document */
/* 目次 
* リセット
* 共通（レイアウト・テキスト・見出し・ボタン・ヘッダー・フッター・ぱんくず・その他)
* TOP
* 下層共通 ※変更不可
* 訪問医療マッサージとは

* サイトマップ
* 説明会・お問い合わせ #briefing
* 説明会予約 #calender
* お問い合わせ #contact
*/
/*=================== TBここから ==================*/
@media screen and (min-width: 700px) {
  /**************************************************
2. 共通（レイアウト・テキスト・見出し・ボタン・ヘッダー・フッター・ぱんくず・その他)
***************************************************/
  /*------------------------------
基本スタイル ※変更不可
------------------------------*/
.sp{
        display: none;
    }
  .tb {
    display: block;
  }
  /* float */
  .tb-float-l {
    float: left;
  }
  .tb-float-r {
    float: right;
  }
  /*------------------------------
レイアウト ※変更不可
------------------------------*/
  /*フッター位置調整*/
  .wrapper {
    min-height: calc(100vh - 500px);
    padding: 0;
  }
  /*wrap共通*/
  /*
.wrap{
  padding: 40px 0;
}
*/
  .wrap-m {
    width: 96%;
  }
  .wrap-s {
    width: 86%;
  }
  /*------------------------------
テキスト ※変更不可
------------------------------*/
  .lead {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .lead .lead-s {
    font-size: 15px;
    font-size: 1.5rem;
  }
  /*------------------------------
見出し h1-h6 ※変更不可
------------------------------*/
  h1 {
    font-size: 30px;
    font-size: 3.0rem;
  }
  h2 {
    font-size: 25px;
    font-size: 2.5rem;
  }
  h3 {
    font-size: 23px;
    font-size: 2.3rem;
  }
  h4 {
    font-size: 21px;
    font-size: 2.1rem;
  }
  h5 {
    font-size: 19px;
    font-size: 1.9rem;
  }
  h6 {
    font-size: 17px;
    font-size: 1.7rem;
  }
/*------------------------------
ボタン ※変更不可
------------------------------*/
  .btn-box {
    margin-top: 60px;
  }
  .btn-box .btn {
    max-width: 324px;
    height: 66px;
  }
/*------------------------------
table共通 ※変更不可
------------------------------*/
  table {
    margin: 60px auto 80px;
  }
  tbody th, tbody td {
    display: table-cell;
  }
  tbody th {
    width: 40%;
    border-bottom: 1px solid #cecece;
  }
  tbody td {
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    margin-bottom: 24px;
  }
  /*------------------------------
SPヘッダー、Gナビ共通 ※変更不可
------------------------------*/
  /*------------------------------
フッター ※変更不可
------------------------------*/
  .f-contactbox .cv-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .f-contactbox .cv-list > li {
    width: calc(100%/2 - 20px);
  }
  .f-contactbox .cv-list > li:first-child {
    margin-right: 24px;
  }
  .f-contactbox .cv-btn {
    display: flex;
    justify-content: center;
  }


/*------------------------------
ぱんくず ※変更不可
------------------------------*/
  .common-bg #breadcrumbs li,
  .common-bg #breadcrumbs li a {
    color: #000000;
    font-size: 13px;
    font-size: 1.3rem;
  }
  #breadcrumbs li,
  #breadcrumbs li a {
    font-size: 13px;
    font-size: 1.3rem;
  }
/**************************************************
3. TOP
***************************************************/
  /*------------------------------
kv
------------------------------*/
  #top .kv {
	  position: relative;
  }
	
#top .kv-img{
		position: absolute;
		height: auto;
    top: 20px;
    left: 20px;
    width: 47%;
	}
  /*------------------------------
con01,con02共通
------------------------------*/
  .con01 .point-list, #top .con02 .menu-list {
    width: calc(50% - 30px /2);
    margin-right: 30px;
    max-width: 440px;
  }
  .con01 .point-list:nth-child(2n), #top .con02 .menu-list:nth-child(2n) {
    margin-right: 0;
  }
  /*------------------------------
con01
------------------------------*/
  .con01 .ttl:first-letter {
    font-size: 43px;
    font-size: 4.3rem;
    margin-right: -6px;
  }
  .con01.bg {
    background-size: 50% auto, 50% auto;
  }

#top .con01 .video h2{
    font-size: 18px;
    font-size: 1.8rem;
}
  /*------------------------------
con03
------------------------------*/
  #top .con03 ul {
    flex-direction: row;
    /*	justify-content: center;*/
  }
  #top .con03 li {
    width: 50%;
    display: block;
    border-top: 3px solid #E16939;
  }
  #top .con03 li:first-child {
    border-right: 3px solid #E16939;
  }
  #top .con03 li a {
    padding: 13% 0;
  }
  /**************************************************
* 下層共通
***************************************************/
  /* 見出し */
  .page-title h2 {
    width: 100%;
    padding-top: 40px;
  }
  .page-title h2:before {
    top: 100px;
  }

  
  /* 背景イメージ */
  #company.wrapper,
  #contact.wrapper,
  #thanks-contact.wrapper,
  #about.wrapper,
  #benefit.wrapper {
    background-size: contain;
  }
  .common-bg.wrapper {
    background-repeat: repeat;
    background-size: contain;
  }

  /* リード文 */
  /* .page-wrap h3 {
    width: 40%;
  } */

  /* 枠 */
  .wrapper {
    padding-bottom: 100px;
  }
  .page-wrap .page-wrap-box {
    position: relative;
    top: 0px;
    padding: 78px 60px;
    border-radius: 30px;
    margin: 0;
  }
  .page-wrap .page-wrap-box-inner {
    padding: 0 40px;
  }
  /*------------------------------
.page-linknav ※変更不可
------------------------------*/
  .page-linknav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
  }
  .page-linknav li {
    width: 50%;
    padding: 5px;
  }
  .page-linknav li a > span {
    padding: 25px 0;
    font-size: 20px;
    font-size: 2.0rem;
  }
  /*------------------------------
.page-wrap-box-inner ※変更不可
------------------------------*/
  /* box-wrap01 */
  .page-wrap-box-inner .box-wrap01 .img-box {
    margin: 20px auto;
  }
  /* box-wrap02 */
  .page-wrap-box-inner .box-wrap02 .box {
    padding: 20px 0;
  }
  /* box-wrap03 */
  .page-wrap-box-inner .box-wrap03 {
    padding: 30px;
    margin-bottom: 30px;
  }
  .page-wrap-box-inner .box-wrap03 .text-box .text {
    margin-bottom: 30px;
  }
  /* box-wrap04 */
  .page-wrap-box-inner .box-wrap04 .flex-box .box {
    margin-bottom: 30px;
    padding-bottom: 60px;
    position: relative;
  }
  .page-wrap-box-inner .box-wrap04 .flex-box .box h3 span {
    font-size: 30px;
    font-size: 3.0rem;
  }
  .page-wrap-box-inner .box-wrap04 .flex-box .box .box-inner {
    padding: 15px 30px 30px;
  }
  .page-wrap-box-inner .box-wrap04 .flex-box .box .box-inner p {
    margin-bottom: 15px;
  }
  .page-wrap-box-inner .box-wrap04 .flex-box .box .btn-box {
    position: absolute;
    bottom: 30px;
    width: calc(100% - 60px);
  }
  /*------------------------------
収益モデル共通 ※変更不可
------------------------------*/
  .revenue-model h4.tb-float-l {
    width: 50%;
    text-align: right;
  }
  .revenue-model .con-box {
    display: flex;
    flex-wrap: wrap;
  }
  .revenue-model .model dl {
    width: 50%;
    display: flex;
    align-self: stretch;
  }
  .revenue-model .model dl.tb {
    display: block;
  }
  .revenue-model .model dl.tb dt {
    background: #fff;
    border-right: none
  }
  .revenue-model .model dl:nth-child(2) {
    border-top: 1px solid #bbc6d9;
  }
  .revenue-model .model dl:nth-child(n+3) {
    border-top: none;
  }
  .revenue-model .model dl:nth-child(odd) {
    border-right: none;
  }
  .revenue-model .model dt {
    display: flex;
    flex-direction: column;
    /* align-content: center;
    align-items: center;*/
    align-self: stretch;
    border-bottom: none;
    border-right: 1px solid #bbc6d9;
  }


/**************************************************
* 会社情報
***************************************************/
/* リード文 */
#company .frame-text {
  padding: 10px 30px;
  margin: 10px 0 60px;
}
/*------------------------------
con02
------------------------------*/
/* グループ店舗 */
#company .flex-box .detail {
  width: calc(96%/4 - 10px);
  margin: auto;
}
#company .flex-box .detail:first-child {
  margin-left: 0;
}
#company .flex-box .detail:nth-child(2),
#company .flex-box .detail:nth-child(3){
  margin: auto;
}
#company .flex-box .detail:last-child {
  margin-right: 0;
}

/**************************************************
* 「ぶたもん」の想い
***************************************************/
#about .page-title h2 {
  padding-top: 20px;
}
#about .message-bg {
  background-size: contain;
  height: 400px;
  margin: 0 0 -290px 0;
}

/*------------------------------
con01
------------------------------*/
#about .item {
  flex-wrap: nowrap;
}
#about .kodawari .item:nth-child(2n+1) {
  flex-direction: row-reverse;
}
#about .kodawari .img-box {
  width: 70%;
}
#about .kodawari .item img {
  /* width: 50%;
  height: auto; */
}
#about .text-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#about .kodawari .title {
  display: flex;
  position: relative;
  width: 100%;
  margin: auto 0 0 0;
  padding: 35px 0 0 0;
}
#about .kodawari .item:nth-child(2n) .title {
  justify-content: right;
}
#about .kodawari .caption {
  margin: auto 15px auto 0;
}
#about .kodawari .item:nth-child(2n) .caption {
  margin: auto 15px auto 0;
}
#about .kodawari .title span {
  font-size: 70px;
  font-size: 7rem;
  padding: 15px;
}
#about .kodawari .title:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #000000;
  position: absolute;
  bottom: 10%;
}
#about .kodawari .description {
  margin: 20px 10px 0 0;
}
#about .kodawari .item:nth-child(2n) .description {
  margin: 20px 0 0 10px;
}

/*------------------------------
con02
------------------------------*/
#about .con02 .frame-text {
  margin: 0 0 50px 0;
  padding: 15px 27px
}

/**************************************************
* 「ぶたもん」で独立するメリット
***************************************************/
#benefit .page-title h2 {
  padding-top: 0;
}
/*------------------------------
con01　con02共通
------------------------------*/
#benefit .con01, 
#benefit .con02 {
  border-bottom: solid 3px #F2F2F2;
  margin: 0 0 40px 0;
}
#benefit .merit .item {
  width: 100%;
  margin: 0 0 80px 0;
}
#benefit .merit .text-box,
#benefit .merit .img-box {
  width: calc(96% / 2 - 20px);
  margin: 0 auto auto auto;
}
#benefit .img-box img {
  margin: auto;
}
/*------------------------------
con01
------------------------------*/
#benefit .con01 .lead {
  margin: 0 0 50px 0;
}
#benefit .con01 .merit .item:nth-child(2n) {
  flex-direction: row-reverse;
}
/*------------------------------
con03
------------------------------*/
#benefit .panel {
  width: 100%;
  margin: auto auto 40px auto;
}
#benefit .plan-panel {
  width: 40%;
  margin: auto 25px;
}
#benefit .sub-title {
  margin: 30px 0 40px 0;
}
#benefit .sub-title-open {
  margin: 30px 0 20px 0;
}
#benefit .plan-title {
    margin: 0 0 10px;
    padding: 16px 0 16px 10px;
    font-size: 18px;
    font-size: 1.8rem;
}

/* 開業費用 */
#benefit .table01 {
  width: 60%;
}
#benefit .table01 th,
#benefit .table01 td {
  border-left: none;
  border-right: none;
}
#benefit .table01 td {
  text-align: center;
}

/* 収支表 */
#benefit .supple {
  display: none;
}
/* フォントサイズ */
#benefit .table02 th,
#benefit .table02 td {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 2%;
}
#benefit .table02 .accordion-a,
#benefit .table02 .accordion-b {
  display: table-row;
}

/* セル幅 */
#benefit .table02 .sales th:first-child,
#benefit .table02 .royalty th:first-child {
  width: 10%;
}
#benefit .table02 th {
  width: 30%;
}
#benefit .table02 td:not(:last-child) {
  width: 15%;
}
#benefit .table02 td:last-child {
  width: 15%;
}

/* 売上・粗利*/
/* ロイヤリティ */
#benefit .table02 .sales th:first-child, 
#benefit .table02 .royalty th:first-child {
  display: table-cell;
}/* 単位 */
#benefit .table02 .unit th,
#benefit .table02 .unit td {
  background-color: #ffffff !important;
  border-left: none;
  border-right: none;
  border-top: none;
}
#benefit .table02 .unit th {
  visibility: visible;
}

/* 営業利益 */
#benefit .table02 .profit th,
#benefit .table02 .profit td {
  font-size: 18px;
  font-size: 1.8rem;
}

/**************************************************
* 1日のスケジュール
***************************************************/
#oneday .page-title h2 {
  padding-top: 0;
}
/*------------------------------
con01
------------------------------*/
#oneday .con01 .lead {
  margin: 0 0 80px 0;
}

/* 時系列 */
#oneday .timeline .item {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0 0 65px 0;
}
#oneday .timeline .item:before{
  content: "";
  position: relative;
  left: 12px;
  border-left: solid 6px #E6E6E6;
  margin: -20px 0 -65px 0;
  z-index: 1;

}
#oneday .timeline .item:first-child:before {
  padding: 20px 0 65px 0;
}
#oneday .timeline .item:last-child:before {
  height: 65px;
}

#oneday .timeline .time {
  margin: 0;
  z-index: 1;
  width: 20px;
	height: 20px;
	border: solid 3px #000000;
	box-sizing: border-box;
  border-radius: 30px;
  background-color: #ffffff;
}
#oneday .timeline .time p {
  margin: -33px -12px -25px 35px;
}
#oneday .timeline .time:before {
  left: 25px;
}
#oneday .timeline .time:after {
  margin: -19px 0px 17px 15px;
}
#oneday .timeline .text-box {
  width: 60%;
  margin: -8px 0 0 18%;
  flex: 1;
}
#oneday .timeline .description {
  width: 100%;
  margin: 0;
}
#oneday .timeline .img-box {
  width: 40%;
  margin: 0;
}

#oneday .timeline .img-box .schedule-img1 {
  margin: -50% -10% 0 10%;
}
#oneday .timeline .img-box .schedule-img1 img {
  width: 100%;
}
#oneday .timeline .img-box .schedule-img2 {
  margin: -55% -10% 0 10%;
}
#oneday .timeline .img-box .schedule-img2 img {
  width: 100%;
}
#oneday .timeline .img-box .schedule-img3 {
  margin: 10% -10% -30% 10%;
}
#oneday .timeline .img-box .schedule-img3 img {
  width: 100%;
}

/**************************************************
* 開業の流れ
***************************************************/
/*------------------------------
con01
------------------------------*/
#flow .flow .img-box {
  width: calc(96% / 3 - 20px);
}

#flow .flow .img-box .support {
  width: calc(96% / 3 - 20px);
  margin: auto;
}


/**************************************************
* 研修制度
***************************************************/
/*------------------------------
con01
------------------------------*/
/* 合計期間 */
#training .total {
  border-radius: 50%;
  width: 60%;
  max-width: 200px;
  margin: 30px auto 40px;
}
#training .training .item {
  display: flex;
}
#training .training .title {
  width: 100%;
  max-width: 140px;
  min-height: 200px;
  text-align: center;position: relative;
}
#training .training .title:before {
  content: none;
}
#training .training .title:after {
  content: "";
  border-style: solid;
  border-color:  #E16939 transparent transparent transparent;
  border-width: 35px 70px 0;
  position: absolute;
  left: 0;
  height: 0;
  bottom: -35px;
  width: 0;
}
#training .training .title span {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  width: 85px;
  height: 85px;
  text-align: center;
  padding: 24% 0;
  margin: auto;
  border-radius: 50%;
}
#training .training .title span:before {
  content: "";
  background: url(../images/training/icon-pig-orange.svg)  no-repeat;
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 23px;
  background-size: contain;
  vertical-align: middle;
  width: 40px;
  height: 40px;
}

#training .training .contents {
  width: 100%;
}
/*#training .training .ojt .img-box,*/
/*
#training .training .text-box {
  width: calc(96% / 2 - 20px);
  margin: auto;
}
#training .training .text-box {
  width: calc(96% / 2 - 20px);
  margin: auto;
}
*/
    #training .training .ojt .img-box{
        margin: 0;
        margin-left: 20px;
        margin-bottom: 20px;
        
    }
    #training .training .ojt .text-box {
        margin-left: 20px;
 }
#training .training .description {
    margin: 0 ;
}

    
/* オープン前後 */
#training .training .open .text-box {
  width: 100%;
}
#training .training .support .text-box  {
  margin: auto auto auto 20px;
}
#training .training .support .text-box .description {
    margin: 0 0 20px;
}
#training .training .open .text-box .flex-box {
  flex-wrap: nowrap;
  width: 90%;
  margin: 30px auto;
}
#training .training .open .text-box .choice {
  width: 50%;
  margin: auto;
  padding: 10px;
}
#training .training .text-box .or {
  width: 20%;
  margin: auto;
}


#training .training .support .title {
  height: 280px;
  border-bottom-right-radius: 90px;
}
#training .training .support .title::after {
  content: none;
}

/* 開業後のフォロー体制 （テンプレパーツ） */
/*
#training .training .support .after-follow .img-box {
  width: calc(96% / 3 - 20px);
  margin: 20px auto 20px auto;
}
#training .training .support .after-follow .img-box:nth-child(4) {
  margin: auto auto 40px 17%;
}
#training .training .support .after-follow .img-box:last-child {
  margin: auto 17% 40px auto;
}

*/

    
    
    
/**************************************************
* 開業後のフォロー体制 （テンプレパーツ）
***************************************************/
/* 開業後のサポート */
.after-follow .img-box {
  width: calc(100% / 3 - 20px);
  margin-right: 20px;
    margin-bottom: 30px;
}
.after-follow .img-box:nth-child(even) {
  margin-right: 20px;
}
.after-follow .img-box:nth-child(3n) {
  margin-right: 0;
}
    
    
    
    
    

/**************************************************
* お知らせ詳細
***************************************************/
#news.wrapper {
  padding-bottom: 100px;
}
#news .wrap_blog {
  padding: 4%;
}


  /**************************************************
* サイトマップ
***************************************************/

  /**************************************************
* お問い合わせ #contact
***************************************************/
  /*------------------------------
フォーム 共通 ※変更不可
------------------------------*/
  /*iosフォーカス防止*/
  form input[type=text], form input[type=tel], form input[type=email], form select, form textarea {
    font-size: 15px !important;
    transform: scale(1.0);
  }
  /*------------------------------
form-area 共通 ※変更不可
------------------------------*/
  .form-area tbody:first-child {
    border-top: none;
  }
  .form-area tbody tr {
    display: table;
    width: 100%;
    border: 1px solid #DCDCDC;
  }
  .form-area tbody tr {
    margin-top: -1px
  }
  .form-area tbody th, .form-area tbody td {
    height: 100%;
    border: none;
    display: table-cell;
  }
  .form-area tbody th {
    display: block;
    min-width: 220px;
    width: 30%;
    padding: 25px 15px;
    border-right: 1px solid #DCDCDC;
    line-height: 2.5em;
  }
  .form-area tbody tr:last-child th {
    line-height: 10em;
  }
  .form-area tbody td {
    padding: 15px;
    width: 100%;
  }
  .form-area .pad {
    width: 100%;
  }
  .form-area .pad br {
    display: none;
  }
  .form-area .form-text-125 {
    height: 30px;
    vertical-align: bottom;
  }
} /*=================== TBここまで ==================*/
/*=================== PCここから==================*/
@media screen and (min-width: 1000px) {
  /**************************************************
2. 共通（レイアウト・見出し・その他・table・header<strong></strong>・footer・ハンバーガー・btn・戻るボタン)
**************************************************/
  /*------------------------------
基本スタイル ※変更不可
------------------------------*/
  .sp {
    display: none;
  }
  .tb {
    display: none;
  }
  .pc {
    display: block;
  }
  /* float */
  .pc-float-l {
    float: left;
  }
  .pc-float-r {
    float: right;
  }
  /*------------------------------
  レイアウト ※変更不可
  ------------------------------*/
  #contents {
    padding-top: 128px;
  }
  /*------------------------------
  見出し h1-h6 ※変更不可
  ------------------------------*/
  h1 {
    font-size: 30px;
    font-size: 3.0rem;
  }
  h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  h4 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  h5 {
    font-size: 20px;
    font-size: 2.0rem;
  }
  h6 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  /*------------------------------
  PCヘッダー、Gナビ共通 ※変更不可
  ------------------------------*/
  /*========= スクロール途中でヘッダーが表示＆非表示するためのCSS ===============*/
  /*スマホハンバーガー非表示*/
  .fd-tb{
    display: none;
  }
  #header {
    /*fixedで上部固定*/
    position: fixed;
    height: 128px;
    width: 100%;
    z-index: 999; /*最前面へ*/
    color: #fff;
    padding: 0 0 20px 0;
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }


  /*　上に上がる動き　*/

  #header.UpMove{
  animation: UpAnime 0.5s forwards;
  }

  @keyframes UpAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 0;
  transform: translateY(-100px);
  }
  }

  /*　下に下がる動き　*/

  #header.DownMove{
  animation: DownAnime 0.5s forwards;
  }
  @keyframes DownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
  }

    
  /* レイアウト用CSS*/

  #header .fd-r{
  width: 46%;
  max-width: 530px;
  }
  #header .fd-l{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 10px;
  width: 50%;
  }

  #header .logo {
    padding-left: 14px;

  }
  #header .logo .img-box {
  width: 34%;
  max-width: 230px;
  }
    
  #header .logo h1 {
    color: #1A1A1A;
    font-size: 13px;
    font-size: 1.3rem;
  }
  #header .telbox{
    width: 50%;
  max-width: 320px;
      margin-right: 10px;
  }

  #header .fd-con-box{
  width:160px;
  }
  #header .fd-con-box a{
  height: 60px;
    display: flex;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    transition: .3s;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin: 10px;
  }
  #header .fd-con-box a.requ-btn{
        background: #fff;
    border: 2px solid #203774;
    color: #203774;
  }
  #header .fd-con-box a.rese-btn{
        background: #A82D09;
    border: 2px solid #A82D09;
    color: #fff;
  }


  #header .fd-con-box a:hover {
    transition: .3s;
  }
  #header .fd-con-box a.requ-btn:hover{
        background: #203774;
    border: 2px solid #203774;
    color: #fff;
  }
  #header .fd-con-box a.rese-btn:hover{
        background: #fff;
    border: 2px solid #A82D09;
    color: #A82D09;
  }


  /*Gmenu*/

  #header .gnav,#header .gnav ul {
    background: #1A1A1A;
          height: 48px;
          width: 100%;
  }
  #header .gnav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;

  }
  #footer .nav-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  #header .gnav ul li:not(:first-child)::before, #footer .nav-list li:not(:first-child)::before {
    content: '/';
    color: #fff;
    font-weight: 600;
  }
  #header .gnav ul li a {
    color: #fff;
    font-weight: 600;
    padding: 0 10px;
  }
  #header .gnav ul li a:hover, #footer .nav-list li a:hover {
    color: #E16939;
    transition: .3s
  }
  .sp-nav{
  display: none!important;
  }
  /*------------------------------
  フッター ※変更不可
  ------------------------------*/
  #footer.f-nav ul li {
    margin-bottom: 0;
  }
  #footer.f-nav ul li a {
    padding: 0 5px;
  }
  /**************************************************
  3. TOP
  ***************************************************/
  .con01 h2, #top .con04 h2, #top .con05 h2 {
    margin-bottom: 40px;
  }
  /*------------------------------
  kv
  ------------------------------*/

    #top .kv .img-box.tb{
        display: block;
    }
  /*------------------------------
  .con01,con02共通
  ------------------------------*/
 #top .con02, #top .con04, #top .con05,#top .video{
    padding: 5% 0;
  }
#top .con01{
  padding: 30px 0 5%;  
}
    
  #top .con01 .point-list, #top .con02 .menu-list {
    max-width: 460px;
  }
  /*------------------------------
  area-1
  ------------------------------*/
  #top .con01.bg {
    background-size: 49% auto, 42% auto;
  }
    
#top .con01 .video h2{
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 28px;;
}
    
    
  #top .con01 .ttl {
    font-size: 40px;
    font-size: 4.0rem;
  }
  #top .con01 .ttl:first-letter {
    font-size: 46px;
    font-size: 4.6rem;
    margin-right: -6px;
  }
  #top .con01 .ttl span {
    font-size: 26px;
    font-size: 2.6rem;
  }
  #top .con01 .ttl.bubble {
    margin-top: 90px;
  }
  #top .con01 .ttl.bubble::before {
    width: 200px;
    height: 108px;
    top: -114px;
  }
    
    #top .con01 .txt-1 {
    margin-bottom: 30px;
}
  #top .con01 .point-list {
    margin-bottom: 2em;
  }
  #top .con01 .point-list .poi-ttl {
    font-size: 40px;
    font-size: 4.0rem;
      margin-left: 0px;
    margin-top: 37px;
    position: absolute;
    left: 28px;
    top: 48px;
   width: 100%;   
  }
  .font-m {
    font-size: 30px;
    font-size: 3.0rem;
  }
  /*------------------------------
  area-2
  ------------------------------*/
  #top .con02 .menu-list {
    width: calc(50% - 40px /2);
    margin-right: 40px;
    /*	max-width: 440px;*/
  }
  #top .con02 .menu-list:nth-child(2n) {
    margin-right: 0;
  }
  #top .con02 .menu-list.bubble {
    margin-top: 80px;
  }
  #top .con02 .menu-list.bubble:nth-child(1+2) {
    margin-top: 40px;
  }
  #top .con02 .menu-list.bubble::before, #top .con02 .menu-list.bubble:last-child::before {
    width: 160px;
    height: 90px;
    top: -60px;
  }
  #top .con02 .menu-list .menu-text {
    padding-top: 50px;
  }
  #top .con02 .menu-list .menu-ttl-sub {
    padding: 4px 16px;
  }
  #top .con02 .menu-list .menu-ttl {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #top .con02 .menu-list .arrow-cir {
    max-width: 54px;
  }
  /*------------------------------
  area-3
  ------------------------------*/
  #top .con03 li a::after, #top .con03 li a:hover::after {
    right: 7rem;
  }
  /**************************************************
  * newsList共通
  ***************************************************/
  .newsList li {
    padding: 2.4rem 1em;
  }
  .newsList li a {
    display: flex;
  }
  .newsList .date {
    margin-right: 14px;
  }
  .newsList li:hover {
    background: #F6D1C3;
    transition: all .5s;
  }
  /**************************************************
* 下層共通
***************************************************/
  /* 枠 */
  .page-wrap .page-wrap-box-inner {
    padding: 0 50px;
  }
  /*------------------------------
.page-linknav ※変更不可
------------------------------*/
  .page-linknav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
  }
  .page-linknav li {
    width: 25%;
    padding: 5px;
  }
	
  /*------------------------------
.page-wrap-box-inner ※変更不可
------------------------------*/
  /* box-wrap01 */
  /* box-wrap02 */
  .page-wrap-box-inner .box-wrap02 .box {
    padding: 20px 0;
  }
  .page-wrap-box-inner .box-wrap02 .box .float-box .text-box, .page-wrap-box-inner .box-wrap02 .box .float-box .img-box {
    width: 49%;
    margin: 0;
  }
  .page-wrap-box-inner .box-wrap02 .box .img-box02 {
    max-width: 250px;
    width: 26%;
    margin: 0 auto;
  }
  .page-wrap-box-inner .box-wrap02 .box .text-box02 {
    width: 72%;
  }
  /* box-wrap03 */
  .page-wrap-box-inner .box-wrap03 {
    padding: 30px;
    margin-bottom: 30px;
  }
  .page-wrap-box-inner .box-wrap03 .img-box, .page-wrap-box-inner .box-wrap03 .text-box {
    width: 49%;
    margin: 0;
  }
  .page-wrap-box-inner .box-wrap03 .text-box .text {
    margin-bottom: 30px;
  }
  .page-wrap-box-inner .box-wrap03 .img-box02 {
    max-width: 250px;
    width: 26%;
    margin: 0;
  }
  .page-wrap-box-inner .box-wrap03 .text-box02 {
    width: 72%;
  }
  /* box-wrap04 */
  .page-wrap-box-inner .box-wrap04 .flex-box .box {
    width: 49%;
  }
  /* box-wrap05 */
  .page-wrap-box-inner .box-wrap05 .flex-box .box {
    width: 33%;
  }
 
/**************************************************
* 「ぶたもん」の想い
***************************************************/
#about .message-bg {
  background-size: cover;
  height: 400px;
  margin: 0 0 -160px 0;
}

/*------------------------------
con01
------------------------------*/
#about .con01 .page-wrap-box {
  padding: 78px 120px;
}
#about .con01 {
  margin: 0 0 100px 0;
}
#about .kodawari .title {
  padding: 0;
}
#about .kodawari .title:after {
  bottom: 20%;
}
#about .kodawari .caption {
  font-size: 22px;
  font-size: 2.2rem;
/*  margin: auto 30px auto 0;*/
}
#about .kodawari .title span {
  font-size: 80px;
  font-size: 8rem;
  padding: 40px;
}
#about .kodawari .title span:first-child {
  margin: auto -12px auto auto;
}
#about .kodawari .title span:last-child {
  margin: auto auto auto -12px;
}
/* #about .kodawari .item:nth-child(2n) .caption {
  margin: auto 15px auto 85px;
} */
#about .kodawari .description {
  margin: 20px 30px 0 0;
}
#about .kodawari .item:nth-child(2n) .description {
  margin: 20px 0 0 30px;
}




/**************************************************
* 1日のスケジュール
***************************************************/
#oneday .timeline .text-box {
  margin: -8px 0 0 15%;
}
#oneday .timeline .description {
  width: 94%;
}
#oneday .timeline .img-box .schedule-img1 {
  margin: -33% -20% 0 20%;
}
#oneday .timeline .img-box .schedule-img1 img {
  width: 78%;
}
#oneday .timeline .img-box .schedule-img2 {
  margin: -32% -10% 0 10%;
}
#oneday .timeline .img-box .schedule-img2 img {
  width: 100%;
}
#oneday .timeline .img-box .schedule-img3 {
  margin: -5% 90% 0 -90%;
}
#oneday .timeline .img-box .schedule-img3 img {
  width: 90%;
}

/**************************************************
* 開業の流れ
***************************************************/


/**************************************************
* 研修制度
***************************************************/
/*------------------------------
con01
------------------------------*/
#training .training .ojt .text-box {
    width: 64%;
}

  /**************************************************
* よくあるご質問
***************************************************/
  /*アコーディオン*/
  .acobox .acolist dt {
    padding: 20px 40px 20px 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .acobox .acolist dd {
    padding: 20px;
  }
  /* ∨Λ */
  .aco_icon:after, .aco_icon.active:after {
    top: 45%;
    right: 0;
  }

  
  /**************************************************
* サイトマップ
***************************************************/

  /**************************************************
* お問い合わせ #contact
***************************************************/

} 
/*================== PC(min-width: 1000px)ここまで ==================*/