@charset "UTF-8";
/*! ========================================
このCSSファイルはSassから生成しております。
編集する際はSassファイルより編集を行ってください。
========================================= */
.pcCnt {
  display: block;
}

.spCnt {
  display: none;
}

/*===========================================
	wrapper
=============================================*/
html {
  overflow-x: hidden;
  padding: 0;
  margin: 0;
}

#wrapper {
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
}

/*===========================================
	headerArea：ヘッダーエリア
=============================================*/
#headerArea {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 99;
  /* head01Area */
}
#headerArea #head01Area {
  width: 100%;
  background: #585858;
}
#headerArea #head01Area #head01Box {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  line-height: 95%;
  padding-bottom: 3px;
}
/*ヘッダーの文字色　白⇒グレーへ*/
#headerArea #head01Area #head01Box a {
  font-size: 11px;
  color: #555;
}

#headerArea #head01Area #head01Box a:hover {
  color: #333;
}

/* head02Area ナビゲーションの色１*/
#head02Area {
  width: 100%;

background:#fff;
  opacity: 0.9;
 /* ヘッダーの下の影
    box-shadow: 1px 1px 1px -1px rgba(0, 0, 0, 0.9);*/
}
/* naviArea：ナビゲーションナビゲーションの色２パディングtop・bottom15pxを0にした */
#head02Area #head02Box {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  
  background:#fff;
  opacity: 0.9;
  
}
#head02Area #head02Box h1 {
  width: 94px;
}
#head02Area #head02Box #naviArea {
  width: 670px;
}
#head02Area #head02Box #naviArea #naviList {
  font-size: 14px;
  /* サブナビゲーション */
  /*hoverしたら表示*/
  /*ナビゲーションaタグの形状*/
}
#head02Area #head02Box #naviArea #naviList li {
  line-height: 140%;
  text-align: center;
  position: relative;
}
/* naviArea：ナビゲーションナビゲーションの文字色２ */
#head02Area #head02Box #naviArea #naviList li a {
  color: #585858;
}
#head02Area #head02Box #naviArea #naviList li a:hover {
  color: #7f7f7f;
}


#head02Area #head02Box #naviArea #naviList li a i {
  font-size: 80%;
  margin-left: 4px;
}
#head02Area #head02Box #naviArea #naviList li.has-child ul {
  width: 180px;
  padding: 10px 15px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 3px 6px 16px -6px rgba(0, 0, 0, 0.8);
  position: absolute;
  z-index: 92;
  top: 45px;
  left: 0;
  /*はじめは非表示*/
  visibility: hidden;
  height: 0px;
  opacity: 0;
  /*アニメーション設定*/
  transition: all .3s;
}
#head02Area #head02Box #naviArea #naviList li.has-child ul li {
  text-align: left;
  margin-bottom: 15px;
}
#head02Area #head02Box #naviArea #naviList li.has-child:hover > ul,
#head02Area #head02Box #naviArea #naviList li.has-child ul li:hover > ul,
#head02Area #head02Box #naviArea #naviList li.has-child:active > ul,
#head02Area #head02Box #naviArea #naviList li.has-child ul li:active > ul {
  visibility: visible;
  opacity: 1;
  height: auto;
}
#head02Area #head02Box #naviArea #naviList li.has-child ul li a {
  color: #777778;
  border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}
#head02Area #head02Box #naviArea #naviList li.has-child ul li:last-child a {
  border-bottom: none;
}
#head02Area #head02Box #naviArea #naviList li.has-child ul li a:hover,
#head02Area #head02Box #naviArea #naviList li.has-child ul li a:active {
  color: #333;
}

#head02Area.m_fixed {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}

/*===========================================
	pageTitleArea：中ページのタイトル#e96b56
=============================================*/
#pageTitleArea {
  width: 100%;
  background: #f7f7f7;
  padding-top: 20px;
  padding-bottom: 28px;
  /* pageTitleBox */
}
#pageTitleArea #pageTitleBox {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
#pageTitleArea h2 {
  font-size: 28px;
  font-weight: 400;
  margin-top: 5px;
}

/*===========================================
	baseImgArea：中ページのメイン画像
=============================================*/
#baseImgArea {
  width: 100%;
  height: 246px;
  overflow: hidden;
  background: #EDF3F7;
  /* baseImgBox */
}
#baseImgArea #baseImgBox {
  width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
#baseImgArea #baseImgBox img {
  width: 100%;
  height: auto;
  min-width: 1600px;
  text-align: center;
}

/*==========================================
	mainImgArea
=============================================*/
#mainImgArea {
  width: 100%;
  height: 70vh;
  margin-bottom: 100px;
  position: relative;
}


#mainImgArea #topPhoto1 {
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_01-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
  opacity: 1;
}
#mainImgArea #topPhoto2 {
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_02-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}

#mainImgArea #topPhoto3 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_03-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto4 {
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_04-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto5 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_05-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto6 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_06-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto7 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_07-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto8 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_08-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto9 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_09-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto10 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_10-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto11 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_11-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto12 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/top_slide_12-min.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}

/*===========================================
	スマホ用　スライドショー
=============================================*/

#mainImgArea #topPhoto111 {
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top00.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
  opacity: 1;
}
#mainImgArea #topPhoto222 {
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top02.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}

#mainImgArea #topPhoto333 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top03.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto444 {
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top04.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto555 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top05.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto666 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top06.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto777 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top07.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto888 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top08.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto999 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top09.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto1000 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top10.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}


/*===========================================
	スマホ用　スライドショーここまで
=============================================*/

#mainImgArea #mainImgBox {
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  z-index: 91;
  text-align: center;
}
#mainImgArea #mainImgBox h2 {
  font-size: 32px;
  text-align: center;
  letter-spacing: 2px;
  color: #666;
  font-weight: 400;
  text-align: center;
}





/*===========================================
	sitePass：中ページのパンくず#e96b56
=============================================*/
#sitePass {
  width: 100%;
  font-size: 14px;
  display: flex;
  flex-flow: wrap;
}
#sitePass li a {
  color: #000;
}
#sitePass li a:hover {
  color: #333;
}
#sitePass li + li {
  padding-left: 10px;
}
#sitePass li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6e6e6e;
  content: "/";
}

/*===========================================
	topPregArea_01
=============================================*/
.topPregArea_01 {
  width: 100%;
  background: #fff;
  padding: 100px;
  box-sizing: border-box;
  position: relative;
}
.topPregArea_01 p {
  line-height: 200%;
}

/*===========================================
	topPregArea_02
=============================================*/
.topPregArea_02 {
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}
.topPregArea_02 a {
  color: #777778;
}
.topPregArea_02 .topPregBox {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.topPregArea_02 .titleBox_02 {
  display: block;
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0;
  transition: all  0.5s ease;
}
.topPregArea_02 .titleBox_02:hover {
  color: #777778;
  background: #EAECF2;
}

/*===========================================
	baseCntArea_01
=============================================*/
.baseCntArea_01 {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
  /* baseCntBox_01 */
}
.baseCntArea_01 .baseCntBox_01 {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/*===========================================
	mainImgTxtArea
=============================================*/
.mainImgTxtArea {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /* txtArea */
}
.mainImgTxtArea .txtArea {
  top: 50px;
  left: 50px;
  font-size: 30px;
  font-weight: 400;
  line-height: 170%;
  position: absolute;
  z-index: 80;
}

/*===========================================
	pageLink
=============================================*/
.pageLink a {
  color: #777778;
}
.pageLink a:before {
  display: inline-block;
  padding-right: 10px;
  color: #6e6e6e;
  content: "｜";
}
.pageLink a:last-child:after {
  display: inline-block;
  padding-right: 10px;
  color: #6e6e6e;
  content: "｜";
}

/*===========================================
	threeListArea：3カラム
=============================================*/
.threeListArea {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.threeListArea li {
  width: 33.3%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}
.threeListArea li a {
  padding: 30px;
  box-sizing: border-box;
  color: #777778;
  display: block;
}
.threeListArea li a img {
  width: 100%;
  height: auto;
}
.threeListArea li a p {
  font-size: 16px;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.threeListArea li a .txtBox {
  height: 105px;
}
.threeListArea li:hover {
  background: #EAECF2;
}

.threeListArea::after {
  content: "";
  display: block;
  width: 33.3%;
}

/*===========================================
	fourListArea：4カラム
=============================================*/
.fourListArea {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.fourListArea li {
  width: 25%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}
.fourListArea li a {
  padding: 30px;
  box-sizing: border-box;
  color: #777778;
  display: block;
}
.fourListArea li a img {
  width: 100%;
  height: auto;
}
.fourListArea li a p {
  font-size: 16px;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.fourListArea li:hover {
  background: #EAECF2;
}

/*===========================================
	sort-btn：並び替えボタン#e96b56
=============================================*/
.sort-btn {
  margin-left: auto;
  margin-right: auto;
}
.sort-btn li {
  cursor: pointer;
  background: #f2f2f2;
  padding: 2px 14px;
  border-radius: 5px;
  font-size: 14px;
  color: #333333;
  box-sizing: border-box;
}
.sort-btn li.active {
  background: #333;
  color: #fff;
}

/*===========================================
	staffList：社員さん紹介
=============================================*/
.staffList {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.staffList li {
  width: 350px;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  /* caption */
}
.staffList li .imgStaff {
  width: 350px;
  height: auto;
}
.staffList li .caption {
  width: 100%;
  height: 100%;
  padding: 30px 15px 15px 15px;
  box-sizing: border-box;
  visibility: hidden;
  /* 文字を表示しない */
  font-size: 130%;
  color: #fff;
  top: 0;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.4s step-end;
  transition: all 0.4s step-end;
}
.staffList li .caption a {
  color: #fff;
}
.staffList li:hover .caption {
  visibility: visible;
  /* 文字を表示する */
}
.staffList li .caption p {
  font-size: 15px;
  line-height: 160%;
  color: #fff;
  opacity: 0;
  /* ホバーが解除された時すぐ消えるように、文字を表示しない */
}
.staffList li:hover .caption p {
  opacity: 1;
  /* 文字を表示する */
}
.staffList li .mask1, .staffList li .mask2 {
  width: 100%;
  height: 50%;
  /* 高さは半部のサイズ */
  position: absolute;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.staffList li .mask1 {
  top: -50%;
  /* 枠の上に置いて表示させない */
}
.staffList li:hover .mask1 {
  top: 0;
  /* 下にずらして表示する */
}
.staffList li .mask2 {
  bottom: -50%;
  /* 枠の下に置いて表示させない */
}
.staffList li:hover .mask2 {
  bottom: 0;
  /* 上にずらして表示する */
}

/*===========================================
	staffList2：社員さん紹介
=============================================*/
.staffList2 {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.staffList2 li {
  width: 350px;
  /*横並びで3つ表示*/
  display: block;
  position: absolute;
  z-index: 1;
  list-style: none;
  box-sizing: border-box;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  /*内側のボックスの高さが崩れないように維持*/
  /* caption */
}
.staffList2 li .item-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.staffList2 li img {
  width: 100%;
  height: auto;
}
.staffList2 li .caption {
  width: 100%;
  height: 100%;
  padding: 30px 15px 15px 15px;
  box-sizing: border-box;
  visibility: hidden;
  /* 文字を表示しない */
  font-size: 130%;
  color: #fff;
  top: 0;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.4s step-end;
  transition: all 0.4s step-end;
}
.staffList2 li .caption a {
  color: #fff;
}
.staffList2 li:hover .caption {
  visibility: visible;
  /* 文字を表示する */
}
.staffList2 li .caption p {
  font-size: 15px;
  line-height: 160%;
  color: #fff;
  opacity: 0;
  /* ホバーが解除された時すぐ消えるように、文字を表示しない */
}
.staffList2 li:hover .caption p {
  opacity: 1;
  /* 文字を表示する */
}
.staffList2 li .mask1, .staffList2 li .mask2 {
  width: 100%;
  height: 50%;
  /* 高さは半部のサイズ */
  position: absolute;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.staffList2 li .mask1 {
  top: -50%;
  /* 枠の上に置いて表示させない */
}
.staffList2 li:hover .mask1 {
  top: 0;
  /* 下にずらして表示する */
}
.staffList2 li .mask2 {
  bottom: -50%;
  /* 枠の下に置いて表示させない */
}
.staffList2 li:hover .mask2 {
  bottom: 0;
  /* 上にずらして表示する */
}

/*===========================================
	titleArea_01
=============================================*/
.titleArea_01 {
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  background: url("/img/career.png") center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  z-index: 90;
}
.titleArea_01::before {
  content: '';
  background-color: rgba(127, 127, 127, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.titleArea_01 h2 {
  font-size: 32px;
  font-weight: 200;
  color: #fff;
  position: relative;
  z-index: 91;
  text-align: center;
  line-height: 140%;
}

/*===========================================
	faqArea：よくある質問 729#777778
=============================================*/
.faqArea {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 120px;
  position: relative;
    
}
.faqArea a {
  color: #777778;
}
.faqArea .topPregBox {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/*===========================================
	faqList  752行　白へ　background: #F7F7F7;
=============================================*/
.faqList {
  width: 100%;
  border-top: solid 1px #E7E7E7;
  border-left: solid 1px #E7E7E7;
  border-right: solid 1px #E7E7E7;
  border-radius: 5px;
  box-sizing: border-box;
    padding-left: 0;
  /* qAreq */
  /* ansArea */
}
.faqList .qAreq {
  font-size: 16px;
  background: #fff;
  padding: 20px 30px;
  box-sizing: border-box;
  border-bottom: solid 1px #E7E7E7;
}
.faqList .qAreq img.iconFaq {
  margin-right: 5px;
}
.faqList .qAreq a {
  /*color: #007bff;　FAQの質問の青色*/
    
}
.faqList .qAreq a:hover {
  padding-bottom: 3px;
 /* border-bottom: solid 1px #007bff;*/
    border-bottom: solid 1px #ccc;
}
.faqList .ansArea {
  font-size: 16px;
  padding: 20px 30px;
  box-sizing: border-box;
  background: #fff;
  display: none;
  border-bottom: solid 1px #E7E7E7;
}

/*=================================
	スライダーのためのcss
===================================*/
.slider {
  width: 1140px;
  position: relative;
  z-index: 1;
}
.slider li {
  width: 100%;
  /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
  height: 600px;
  /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  background-repeat: no-repeat;
  /*背景画像をリピートしない*/
  background-position: center;
  /*背景画像の位置を中央に*/
  background-size: cover;
  /*背景画像が.slider-item全体を覆い表示*/
}
.slider li img {
  width: 100%;
  /*スライダー内の画像を横幅100%に*/
  height: auto;
}
.slider li .interviewTxt01 {
  margin-top: 10px;
  font-size: 0.8vw;
  color: #999999;
}
.slider li .interviewTxt02 {
  margin-top: 10px;
  font-size: 1vw;
}
.slider .slick-prev {
  /*戻る矢印の位置と形状*/
  width: 100px;
  left: -3%;
  transform: rotate(-135deg);
}
.slider .slick-next {
  /*次へ矢印の位置と形状*/
  width: 100px;
  right: -3%;
  transform: rotate(45deg);
}
.slider .slick-prev, .slider .slick-next {
  position: absolute;
  z-index: 3;
  top: 48%;
  cursor: pointer;
  outline: none;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  height: 25px;
  width: 25px;
}

/*=================================
	slider2：写真3枚スライダー
===================================*/
.slider2 {
  width: 1140px;
  position: relative;
  z-index: 1;
}
.slider2 li {
  padding-left: 10px;
  padding-right: 10px;
}
.slider2 li img {
  width: 100%;
  /*スライダー内の画像を横幅100%に*/
  height: auto;
}
.slider2 li .interviewTxt01 {
  margin-top: 10px;
  font-size: 0.8vw;
  color: #999999;
}
.slider2 li .interviewTxt02 {
  margin-top: 10px;
  font-size: 1vw;
}

/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
  position: absolute;
  /*絶対配置にする*/
  top: 42%;
  cursor: pointer;
  /*マウスカーソルを指マークに*/
  outline: none;
  /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #666;
  /*矢印の色*/
  border-right: 2px solid #666;
  /*矢印の色*/
  height: 15px;
  width: 15px;
}

.slick-prev {
  /*戻る矢印の位置と形状*/
  left: -1.5%;
  transform: rotate(-135deg);
}

.slick-next {
  /*次へ矢印の位置と形状*/
  right: -1.5%;
  transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/
.slick-dots {
  text-align: center;
  margin: 20px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 8px;
  /*ドットボタンのサイズ*/
  height: 8px;
  /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #ccc;
  /*ドットボタンの色*/
}

.slick-dots .slick-active button {
  background: #333;
  /*ドットボタンの現在地表示の色*/
}

/*===========================================
	businessList
=============================================*/
.businessList li {
  width: 25%;
  border-top: solid 1px #DEE2E2;
  border-left: solid 1px #DEE2E2;
  border-bottom: solid 1px #DEE2E2;
  box-sizing: border-box;
  /* photo */
  /* txtArea */
  /* btnArea */
}
.businessList li .photo img {
  width: 100%;
  height: auto;
}
.businessList li .txtArea {
  padding: 15px;
  box-sizing: border-box;
  border-bottom: solid 1px #DEE2E2;
}
.businessList li .btnArea {
  padding: 15px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.03);
}
.businessList li:last-child {
  border-right: solid 1px #DEE2E2;
}

/*===========================================
	businessList_3cnt
=============================================*/
.businessList_3cnt {
  width: 100%;
}
.businessList_3cnt li {
  width: 33.3%;
  border-top: solid 1px #DEE2E2;
  border-left: solid 1px #DEE2E2;
  border-bottom: solid 1px #DEE2E2;
  box-sizing: border-box;
  /* photo */
  /* txtArea */
  /* btnArea */
}
.businessList_3cnt li .photo img {
  width: 100%;
  height: auto;
}
.businessList_3cnt li .txtArea {
  padding: 15px;
  box-sizing: border-box;
  border-bottom: solid 1px #DEE2E2;
}
.businessList_3cnt li .btnArea {
  padding: 15px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.03);
}
.businessList_3cnt li:last-child {
  border-right: solid 1px #DEE2E2;
}

/*===========================================
	モーダル対応：modaal.min.jsとセット
=============================================*/
/*全て共通：hideエリアをはじめは非表示*/
.hide-area {
  display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after,
.modaal-close:before {
  background: #ccc;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title {
  font-size: 1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper {
  padding: 0;
}

/*===========================================
	footerArea
=============================================*/
#footerArea {
  width: 100%;
  background: #CCCCCC;
  padding: 25px;
  box-sizing: border-box;
  font-family: 'Yu Mincho';
}
#footerArea p {
  color: #7F7F7F;
  font-size: 14px;
}

/*===========================================
	タイトル
=============================================*/
.bgBlackTitle {
  padding: 7px 10px;
  background: #484848;
  color: #fff;
  box-sizing: border-box;
  border-radius: 8px;
}

/*===========================================
	pageNavi
=============================================*/
.pageNavi {
  width: 490px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

/*===========================================
	ボックスデザイン
=============================================*/
.c_box {
  padding: 1em 4%;
  background: #F4F4F4;
  border: 3px solid #dddddd;
  border-radius: 10px;
}

.c_box.intitle {
  padding-top: 0;
  padding-bottom: 1.4em;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.c_box.intitle .box_title span {
  position: relative;
  top: -0.95em;
  padding: 5px 20px 5px 20px;
  background: #6d6d6d;
  color: #ffffff;
  font-weight: bold;
  border-radius: 30px;
  display: inline-block;
  vertical-align: bottom;
  letter-spacing: 3px;
}

.c_box.blue_box {
  background: #FFF;
  border-color: #1848AB;
}

.c_box.blue_box .box_title span {
  background: #1848AB;
}

.c_box.green_box {
  background: #FFF;
  border-color: #649033;
}

.c_box.green_box .box_title span {
  background: #649033;
}

.c_box.red_box {
  background: #FFF;
  border-color: #D7000F;
}

.c_box.red_box .box_title span {
  background: #D7000F;
}

.c_box.feature_box {
  background: #F3F3F3;
  border-color: #E4D8CF;
}

.c_box.feature_box .box_title span {
  color: #333333;
  background: #E4D8CF;
}

.c_box.use_box {
  background: #E5E7ED;
  border-color: #BCC3D5;
}

.c_box.use_box .box_title span {
  color: #333333;
  background: #BCC3D5;
}

/*===========================================
	photoMax：画像を最大値に
=============================================*/
.photoMax {
  width: 100%;
  height: auto;
}

/*===========================================
	スマホ対応
=============================================*/
@media (max-width: 700px) {
  .pcCnt {
    display: none;
  }

  .spCnt {
    display: block;
  }

  /*===========================================
  	mainCntArea
  =============================================*/
  .mainCntArea {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
  .mainCntArea .mainTxt {
    font-size: 16px;
    line-height: 200%;
  }

  /*===========================================
  	tblContact
  =============================================*/
  table.tblContact th {
    width: 100%;
    display: block;
    padding: 7px;
  }

  table.tblContact td {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  table.tblContact td input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  table.tblContact td select {
    font-size: 14px;
  }

  table.tblContact td textarea#formTextArea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .formText {
    width: 100%;
  }

  /* tblBrown */
  table.tblBrown th {
    width: 100%;
    display: block;
  }
  table.tblBrown td {
    width: 100%;
    display: block;
  }

  /* tblBrown2 */
  table.tblBrown2 .w70 {
    width: 40px;
  }
  table.tblBrown2 .font_20 {
    font-size: 16px;
  }
  table.tblBrown2 .font_18 {
    font-size: 14px;
  }

  /* tblBlue */
  table.tblBlue th {
    width: 100%;
    display: block;
  }
  table.tblBlue td {
    width: 100%;
    display: block;
  }

  /*===========================================
  	テーブルの横スクロール
  =============================================*/
  .scroll {
    overflow: auto;
    white-space: nowrap;
  }

  .scroll::-webkit-scrollbar {
    height: 5px;
  }

  .scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
  }

  .scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }

  .sp_font_14 {
    font-size: 14px;
  }

  /*===========================================
  	headerArea：ヘッダーエリアスマホ：スマホ
  =============================================*/
  #headerArea {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 99;
    /* head01Area */
  }
  #headerArea #head01Area {
    width: 100%;
    background: #585858;
  }
  #headerArea #head01Area #head01Box {
    width: 96%;
  }

  /* head02Area */
  #head02Area {
    width: 100%;
    background: #fff;
  }
  #head02Area #head02Box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box;
    /* naviArea：ナビゲーション */
  }
  #head02Area #head02Box h1 {
    width: 94px;
  }
  #head02Area #head02Box #naviArea {
    display: none;
    width: 100%;
    height: 100%;
      background: rgba(228, 216, 187, 0.9);
    /*background: rgba(127, 127, 127, 0.9);*/
    top: 0;
    left: 0;
    position: fixed;
    padding-top: 80px;
    z-index: 99;
  }
  #head02Area #head02Box #naviArea #naviList {
    width: 90%;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    /* サブナビゲーション */
  }
  #head02Area #head02Box #naviArea #naviList li {
    width: 100%;
    line-height: 150%;/*メニュー行間*/
    text-align: left;
    position: relative;
    margin-bottom: 20px;
  }
  #head02Area #head02Box #naviArea #naviList li.has-child ul,
  #head02Area #head02Box #naviArea #naviList li.has-child ul ul {
    position: relative;
    height: auto;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    /*JSで制御するため一旦表示*/
    opacity: 1;
    /*JSで制御するため一旦表示*/
    display: none;
    /*JSのslidetoggleで表示させるため非表示に*/
    transition: none;
    /*JSで制御するためCSSのアニメーションを切る*/
  }

  /*===========================================
  	spMenu：ハンバーガーメニュー
  =============================================*/
  #spMenu {
    width: 10%;
    text-align: right;
    top: 37px;
    right: 10px;
    position: fixed;
    z-index: 160;
    /* gnavi_btn_sp */
  }
  #spMenu .gnavi_btn_sp {
    display: block !important;
    z-index: 999;
    position: relative;
    top: 0px;
    right: 5px;
    position: relative;
    z-index: 160;
  }
  #spMenu .gnavi_btn_sp .gnavi_btn_sp_in {
    position: relative;
    width: 26px;
    height: 24px;
    cursor: pointer;
    z-index: 2;
  }
  #spMenu .gnavi_btn_sp_in,
  #spMenu .gnavi_btn_sp_in span {
    display: inline-block;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #spMenu .gnavi_btn_sp_in span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #333333;/*ハンバーガ色*/
    border-radius: 4px;
  }
  #spMenu .gnavi_btn_sp_in span:nth-of-type(1) {
    top: 0;
  }
  #spMenu .gnavi_btn_sp_in span:nth-of-type(2) {
    top: 10px;
  }
  #spMenu .gnavi_btn_sp_in span:nth-of-type(3) {
    top: 20px;
  }
  #spMenu .gnavi_btn_sp.active .gnavi_btn_sp_in span:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
    -ms-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
    top: -4px;
    background-color: #fff;
  }
  #spMenu .gnavi_btn_sp.active .gnavi_btn_sp_in span:nth-of-type(2) {
    opacity: 0;
  }
  #spMenu .gnavi_btn_sp.active .gnavi_btn_sp_in span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    -ms-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
    top: 28px;
    background-color: #fff;
  }

  #spMenu.spMenuChosei {
    top: 22px !important;
  }

  /*===========================================
  	タイトル：スマホ
  =============================================*/
  /* mainT */
  .mainT .enT {
    margin-bottom: 3vw;
    font-size: 20px;
  }
  .mainT .jpT {
    font-size: 24px;
  }

  /* mainT2 */
  .mainT2 {
    width: 92%;
  }
  .mainT2 .enT {
    margin-bottom: 3vw;
    font-size: 20px;
  }
  .mainT2 .jpT {
    font-size: 24px;
  }
  .mainT2 #top_cut_06 {
    width: 100px;
    top: -30px;
    right: 0px;
  }
  .mainT2 #top_cut_06 img {
    width: 100%;
    height: auto;
  }

  /* normalTitle */
  .normalTitle {
    line-height: 300%;
  }
  .normalTitle .enT {
    font-size: 30px;
  }
  .normalTitle .jpT {
    font-size: 22px;
  }

  .normalTitle.titleonly {
    padding-top: 0px;
  }

  /* glayT */
  .glayT {
    font-size: 18px;
    padding: 10px 15px;
  }

  /*===========================================
	スマホ用　スライドショー
=============================================*/

#mainImgArea #topPhoto111 {
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top00.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
  opacity: 1;
}
#mainImgArea #topPhoto222 {
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top02.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}

#mainImgArea #topPhoto333 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top03.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto444 {
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top04.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto555 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top05.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto666 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top06.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto777 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top07.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto888 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top08.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto999 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top09.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}
#mainImgArea #topPhoto1000 {
  width: 100%;
   height: 100vh;
  padding-top: 100px;
  background: url("/img/sp_top10.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 90;
}


/*===========================================
	スマホ用　スライドショーここまで
=============================================*/
    
  #mainImgArea #mainImgBox {
    width: 92%;
    top: 30%;
    margin-left: auto;
    margin-right: auto;
  }
  #mainImgArea #mainImgBox h2 {
    font-size: 6vw;
    line-height: 160%;
  }

  /*===========================================
  	topPregArea_01：スマホ
  =============================================*/
  .topPregArea_01 {
    width: 100%;
    padding: 50px 2%;
  }
  .topPregArea_01 p {
    line-height: 200%;
  }

  /*===========================================
  	topPregArea_02：スマホ
  =============================================*/
  .topPregArea_02 {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }
  .topPregArea_02 .topPregBox {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
  .topPregArea_02 .titleBox_02 {
    display: block;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0;
    transition: all  0.5s ease;
  }
  .topPregArea_02 .titleBox_02:hover {
    color: #777778;
    background: #EAECF2;
  }

  /*=================================
  	スライダーのためのcss：スマホ
  ===================================*/
  .slider {
    width: 100%;
  }
  .slider li {
    width: 100%;
    /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: auto;
    /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  }
  .slider li img {
    width: 100%;
    /*スライダー内の画像を横幅100%に*/
    height: auto;
  }
  .slider li .interviewTxt01 {
    margin-top: 10px;
    font-size: 0.8vw;
    color: #999999;
  }
  .slider li .interviewTxt02 {
    margin-top: 10px;
    font-size: 1vw;
  }

  .slick-prev {
    /*戻る矢印の位置と形状*/
    width: 100px;
    left: 3%;
    transform: rotate(-135deg);
  }

  .slick-next {
    /*次へ矢印の位置と形状*/
    width: 100px;
    right: 3%;
    transform: rotate(45deg);
  }

  .slick-prev, .slick-next {
    position: absolute;
    z-index: 3;
    top: 48%;
    cursor: pointer;
    outline: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 20px;
    width: 20px;
  }

  /*=================================
  	slider2：写真3枚スライダー
  ===================================*/
  .slider2 {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .slider2 li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .slider2 .slick-prev {
    /*戻る矢印の位置と形状*/
    width: 100px;
    left: 5%;
    transform: rotate(-135deg);
  }
  .slider2 .slick-next {
    /*次へ矢印の位置と形状*/
    width: 100px;
    right: 5%;
    transform: rotate(45deg);
  }
  .slider2 .slick-prev, .slider2 .slick-next {
    position: absolute;
    z-index: 3;
    top: 33%;
    cursor: pointer;
    outline: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 20px;
    width: 20px;
  }

  /*===========================================
  	businessList：スマホ 
  =============================================*/
  .businessList {
    width: 100%;
    padding-left: 0;
  }
  .businessList li {
    width: 50%;
    border-left: solid 1px #DEE2E2;
    border-right: solid 1px #DEE2E2;
    /* txtArea */
    /* btnArea */
  }
  .businessList li h4.font_20 {
    font-size: 18px;
  }
  .businessList li .txtArea {
    padding: 10px;
  }
  .businessList li .btnArea {
    padding: 10px;
  }
  .businessList li:last-child {
    border-right: solid 1px #DEE2E2;
  }
 
    
  /*===========================================
  	businessList_3cnt：スマホ
  =============================================*/
  .businessList_3cnt {
    width: 100%;
  }
  .businessList_3cnt li {
    width: 50%;
    border-left: solid 1px #DEE2E2;
    border-right: solid 1px #DEE2E2;
    /* txtArea */
    /* btnArea */
  }
  .businessList_3cnt li .txtArea {
    padding: 10px;
  }
  .businessList_3cnt li .btnArea {
    padding: 10px;
  }
  .businessList_3cnt li:last-child {
    border-right: solid 1px #DEE2E2;
  }

  /*===========================================
  	footerArea：スマホ
  =============================================*/
  #footerArea {
    width: 100%;
  }
  #footerArea p {
    font-size: 13px;
  }

  /*===========================================
  	pageNavi
  =============================================*/
  .pageNavi {
    width: 100%;
  }
  .pageNavi .w220 {
    width: 44%;
    font-size: 4vw;
  }

  /*===========================================
  	titleArea_01：スマホ
  =============================================*/
  .titleArea_01 {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .titleArea_01 h2 {
    font-size: 28px;
  }

  /*===========================================
  	threeListArea：3カラム：スマホ
  =============================================*/
  .threeListArea {
    width: 100%;
  }
  .threeListArea li {
    width: 100%;
  }
  .threeListArea li a .txtBox {
    height: auto;
  }

  /*===========================================
  	sort-btn：並び替えボタン
  =============================================*/
  .sort-btn {
    width: 100%;
  }
  .sort-btn li {
    width: 49%;
    margin-bottom: 10px;
    text-align: center;
  }

  /*===========================================
  	staffList：スマホ
  =============================================*/
  .staffList {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
  .staffList li {
    width: 100%;
    margin-bottom: 30px;
    /* caption */
  }
  .staffList li .imgStaff {
    width: 100%;
    height: auto;
  }
  .staffList li .caption {
    width: 100%;
    height: 100%;
    padding: 30px 15px 15px 15px;
    box-sizing: border-box;
    visibility: hidden;
    /* 文字を表示しない */
    font-size: 130%;
    color: #fff;
    top: 0;
    left: 0;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.4s step-end;
    transition: all 0.4s step-end;
  }
  .staffList li:active .caption {
    visibility: visible;
    /* 文字を表示する */
  }
  .staffList li .caption p {
    font-size: 15px;
    line-height: 160%;
    color: #fff;
    opacity: 0;
    /* ホバーが解除された時すぐ消えるように、文字を表示しない */
  }
  .staffList li:active .caption p {
    opacity: 1;
    /* 文字を表示する */
  }
  .staffList li .mask1, .staffList li .mask2 {
    width: 100%;
    height: 50%;
    /* 高さは半部のサイズ */
    position: absolute;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .staffList li .mask1 {
    top: -50%;
    /* 枠の上に置いて表示させない */
  }
  .staffList li:active .mask1 {
    top: 0;
    /* 下にずらして表示する */
  }
  .staffList li .mask2 {
    bottom: -50%;
    /* 枠の下に置いて表示させない */
  }
  .staffList li:active .mask2 {
    bottom: 0;
    /* 上にずらして表示する */
  }

  /*===========================================
  	staffList2：社員さん紹介
  =============================================*/
  .staffList2 {
    width: 100%;
  }
  .staffList2 li {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    /* caption */
  }
  .staffList2 li .caption {
    padding: 30px 15px 15px 15px;
  }
  .staffList2 li .caption p {
    font-size: 14px;
    line-height: 140%;
  }

  /*===========================================
  	fourListArea：4カラム
  =============================================*/
  .fourListArea {
    width: 92%;
  }
  .fourListArea li {
    width: 100%;
    margin-bottom: 30px;
  }
  .fourListArea li a {
    padding: 15px;
  }
  .fourListArea li a p {
    font-size: 16px;
  }
  .fourListArea li:active {
    background: #EAECF2;
  }

  /*===========================================
  	faqArea
  =============================================*/
  .faqArea {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .faqArea .topPregBox {
    width: 92%;
  }

  /*===========================================
  	sitePass：中ページのパンくず：スマホ
  =============================================*/
  #sitePass {
    font-size: 12px;
  }

  /*===========================================
  	pageTitleArea：中ページのタイトル：スマホ
  =============================================*/
  #pageTitleArea {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 18px;
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box;
    /* pageTitleBox */
  }
  #pageTitleArea #pageTitleBox {
    width: 100%;
  }
  #pageTitleArea h2 {
    font-size: 24px;
  }

  /*===========================================
  	baseImgArea：中ページのメイン画像：スマホ
  =============================================*/
  #baseImgArea {
    width: 100%;
    height: auto;
    overflow: hidden;
    /* baseImgBox */
  }
  #baseImgArea #baseImgBox {
    width: 100%;
  }
  #baseImgArea #baseImgBox img {
    width: 100%;
    height: auto;
    min-width: 100%;
    text-align: center;
  }

  /*===========================================
  	baseCntArea_01
  =============================================*/
  .baseCntArea_01 {
    width: 100%;
    /* baseCntBox_01 */
  }
  .baseCntArea_01 .baseCntBox_01 {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
  }
  .baseCntArea_01 .w340,
  .baseCntArea_01 .w720 {
    width: 100%;
  }
  .baseCntArea_01 .w340 .font_22,
  .baseCntArea_01 .w720 .font_22 {
    font-size: 18px;
  }

  /*===========================================
  	mainImgTxtArea
  =============================================*/
  .mainImgTxtArea {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    /* txtArea */
  }
  .mainImgTxtArea .txtArea {
    top: 15px;
    left: 15px;
    font-size: 3.8vw;
    line-height: 180%;
  }
}

/*===========================================
  	ページ内リンクのずれを防ぐ
  =============================================*/

    a.jump_point {height: 1px;
display: block;
padding-top: 40px;
margin-top: -40px;
}