@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand:700&display=swap');




/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
  border-top: 10px solid #00793a;
  /*  font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;*/
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  -webkit-text-size-adjust: none;
  color: #333;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{border-collapse: collapse;border-spacing: 0;font-size: 100%;width:100%;}
fieldset, img
{ border: 0;}
img
{ /* max-width: 100%; width: 100%; height: auto; */ vertical-align: top;flex-shrink: 0;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight:normal; }
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
input, textarea
{ border-radius: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }
input[type="search"],
input[type="button"],
input[type="text"],
input[type="submit"]
{ -webkit-appearance: none; border-radius:0; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; */ }


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

  共通

--------------------------------------------------------------------------- */
/* リンクカラー */
a {
  outline: none;
  color: #1083b7;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/* チェックボックス・ラジオボタン崩れ用 */
input {
  vertical-align:middle;
}


/* P */
p {
  padding:0 0 20px 0;
  line-height: 180%;
  letter-spacing: 0.5px;
  font-weight: 400;
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

/* table */
table {
  width:100%;
}

/* strong */
strong {
  color:#158a37;
  font-weight:bold;
}

/* 大文字 */
.large {
  font-size:150%;
}

/* 小文字 */
.small {
  font-size:85%;
}

/* 右寄せ */
.right {
  text-align:right;
}

/* センター寄せ */
.center {
  text-align:center;
}

/* strong以外の強調 */
.pointText {
  color:#a10008;
  font-weight:bold;
}

/* 数字Oswald */
.numberText {
  font-family: 'Oswald', sans-serif;
}

/* clearfix */
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

/* img100
----------------------------------------------------------*/
.img100 img {
  width:100%;
}

img {
  width: 100%;
  height: auto;
}

/* エラーページ
----------------------------------------------------------*/
#error {
  margin:0 auto;
  padding-bottom:40px;
  width:960px;
}
#error .title {
  padding-bottom:5px;
  color:#3e73b1;
  font-weight:bold;
  font-size:40px;
}
#error .lead01 {
  margin-bottom:20px;
}
#error .lead02 {
  margin-bottom:10px;
  color:#3e73b1;
}
#error .point {
  margin-bottom:8px;
  padding:5px;
  background:#3e73b1;
  color:#fff;
  font-weight:bold;
}
#error ul {
  padding-bottom:20px;
}
#error ul.point {
  background:#efeded;
  color:#000;
  font-weight:normal;
}


/* リンクボタン （サイズのみ各ページで変更する程度にする）*/
a.btn {
  margin:0 auto 2% auto;
  padding:10px 0 15px 0;
  border:2px solid #006ebb;
  background:#006ebb url(../images/common/arrow02.gif) no-repeat 98% 50%;
  box-sizing: border-box;
  border-radius:50px;
  text-decoration:none;
  display:block;
  text-align:center;
  width:100%;
  color:#fff;
}
a.btn:hover {
  background:#fff url(../images/common/arrow01.gif) no-repeat 98% 50%;
  color: #006ebb;
}
a.btn02 {
  margin:0 auto 2% auto;
  padding:10px 0 15px 0;
  border:2px solid #fff;
  background:#fff url(../images/common/arrow01.gif) no-repeat 98% 50%;
  box-sizing: border-box;
  border-radius:50px;
  text-decoration:none;
  display:block;
  text-align:center;
  width:100%;
  color:#006ebb;
}
a.btn02:hover {
  background:#006ebb url(../images/common/arrow02.gif) no-repeat 98% 50%;
  color: #fff;
}

/* サイズ調整用 */
a.btnSmall {
  width:50%;
}



/* 画像リンクのhover
----------------------------------------------------------*/
.link a:hover img {
  opacity:0.7;
}



/* フォーム
----------------------------------------*/
input.short,
input.middle,
input.long,
textarea {
    padding:10px;
    box-sizing: border-box;
    border:none;
    background: #ffffff;
    border: 2px solid #d0d0d0;
    border-radius: 4px;
}

input:focus,textarea:focus {
    border: 2px solid #6d899f;
    box-shadow: none;
}
input.short {
    width:20%;
}
input.middle {
    width: 100%;
}
input.long {
    width:90%;
}
textarea {
    width: 100%;
    height:100px;
}
/* 必須 */
.hissu {
    padding:3px 4px 2px 4px;
    background:#e7133b;
    border-radius:4px;
    display:block;
    width:40px;
    text-align:center;
    float:right;
    color:#fff;
    font-weight:bold;
    font-size:11px;
}
/* 任意 */
.nini {
    padding:3px 4px 2px 4px;
    background:#efefef;
    border:1px solid #ccc;
    border-radius:4px;
    display:block;
    width:40px;
    text-align:center;
    float:right;
    color:#222;
    font-weight:bold;
    font-size:11px;
}
input.submit {
    margin:0 auto;
    padding: 20px 10px;
    background: #09355b;
    border-radius: 6px;
    text-decoration:none;
    display:block;
    text-align:center;
    width:50%;
    color: #fff;
    font-size:18px;
    letter-spacing: 6px;
    font-weight: 400;
    margin: 50px auto 50px;
}




.swiper-container .swiper-slide {
  position: relative;
}
.swiper-container .swiper-slide .swiper-slide-content {
  position: absolute;
  top: 50%;
  left: 24%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 3s ease 0s;
  width: 800px;
}




/* [共通] textImgBox62
----------------------------------------------------------*/

.textImgBox62 .clockHands img:nth-child(1) {
    width: 3px;
    position: absolute;
    top: 13px;
    left: 25px;
}

.textImgBox62 .clockHands img:nth-child(1) {
    width: 2px;
    position: absolute;
    top: 13px;
    left: 25px;
}

.textImgBox62 .clockHands img:nth-child(2) {
    position: absolute;
    width: 3px;
    top: 12px;
    left: 25px;
}



.textImgBox62 .timeBox {
    position: relative;
    width: 52px;
    float: left;
    height: 77px;
    font-family: 'Oswald', sans-serif;
    margin: 0 50px 13px;
}

.textImgBox62 .timeBox:before {
    position: absolute;
    content: "";
    background: #c3c3c3;
    width: 1px;
    height: calc(100% - 60px);
    left: 25px;
    bottom: 0;
}

.textImgBox62 .timeBox img {
    width: 52px;
}

/*時間スタイル(分)*/
.textImgBox62 .min0 img:nth-child(2) {
    top: 11px;
    left: 25px;
}

.textImgBox62 .min15 img:nth-child(2) {
    top: 21px;
    left: 32px;
    transform: rotate(90deg);
}

.textImgBox62 .min30 img:nth-child(2) {
    top: 29px;
    left: 24px;
    transform: rotate(180deg);
}

.textImgBox62 .min45 img:nth-child(2) {
    top: 20px;
    left: 15px;
    transform: rotate(-90deg);
}

/*時間スタイル(時間)*/

.textImgBox62 .clock1 img:nth-child(1),
.textImgBox62 .clock13 img:nth-child(1) {
    top: 17px;
    left: 29px;
    transform: rotate(30deg);
}

.textImgBox62 .clock2 img:nth-child(1),
.textImgBox62 .clock14 img:nth-child(1) {
    top: 19px;
    left: 31px;
    transform: rotate(55deg);
}

.textImgBox62 .clock3 img:nth-child(1),
.textImgBox62 .clock15 img:nth-child(1) {
    top: 24px;
    left: 31px;
    transform: rotate(266deg);
}

.textImgBox62 .clock4 img:nth-child(1),
.textImgBox62 .clock16 img:nth-child(1) {
    top: 27px;
    left: 31px;
    transform: rotate(120deg);
}

.textImgBox62 .clock5 img:nth-child(1),
.textImgBox62 .clock17 img:nth-child(1) {
    top: 29px;
    left: 28px;
    transform: rotate(-25deg);
}

.textImgBox62 .clock6 img:nth-child(1),
.textImgBox62 .clock18 img:nth-child(1) {
    top: 30px;
    left: 25px;
    transform: rotate(0deg);
}

.textImgBox62 .clock7 img:nth-child(1),
.textImgBox62 .clock19 img:nth-child(1) {
    top: 29px;
    left: 21px;
    transform: rotate(-150deg);
}

.textImgBox62 .clock8 img:nth-child(1),
.textImgBox62 .clock20 img:nth-child(1) {
    top: 27px;
    left: 19px;
    transform: rotate(-120deg);
}

.textImgBox62 .clock9 img:nth-child(1),
.textImgBox62 .clock21 img:nth-child(1) {
    top: 23px;
    left: 18px;
    transform: rotate(90deg);
}

.textImgBox62 .clock10 img:nth-child(1),
.textImgBox62 .clock22 img:nth-child(1) {
    top: 19px;
    left: 18px;
    transform: rotate(-55deg);
}

.textImgBox62 .clock11 img:nth-child(1),
.textImgBox62 .clock23 img:nth-child(1) {
    top: 18px;
    left: 20px;
    transform: rotate(-30deg);
}

.textImgBox62 .clock12 img:nth-child(1),
.textImgBox62 .clock24 img:nth-child(1) {
    top: 16px;
    left: 26px;
    transform: rotate(5deg);
}


/*時間テキスト(時)*/

.textImgBox62 .timeText{
  width: 54px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  left: 71px;
  top: -3px;
}

.textImgBox62 .clock1 .timeText span:nth-child(1):before{
  content: "01"
}

.textImgBox62 .clock2 .timeText span:nth-child(1):before {
  content: "02"
}

.textImgBox62 .clock3 .timeText span:nth-child(1):before {
  content: "03"
}

.textImgBox62 .clock4 .timeText span:nth-child(1):before {
  content: "04"
}

.textImgBox62 .clock5 .timeText span:nth-child(1):before {
  content: "05"
}

.textImgBox62 .clock6 .timeText span:nth-child(1):before {
  content: "06"
}

.textImgBox62 .clock7 .timeText span:nth-child(1):before {
  content: "07"
}

.textImgBox62 .clock8 .timeText span:nth-child(1):before {
  content: "08"
}

.textImgBox62 .clock9 .timeText span:nth-child(1):before {
  content: "09"
}

.textImgBox62 .clock10 .timeText span:nth-child(1):before {
  content: "10"
}

.textImgBox62 .clock11 .timeText span:nth-child(1):before {
  content: "11"
}

.textImgBox62 .clock12 .timeText span:nth-child(1):before {
  content: "12"
}

.textImgBox62 .clock13 .timeText span:nth-child(1):before{
  content: "13"
}

.textImgBox62 .clock14 .timeText span:nth-child(1):before{
  content: "14"
}

.textImgBox62 .clock15 .timeText span:nth-child(1):before{
  content: "15"
}

.textImgBox62 .clock16 .timeText span:nth-child(1):before{
  content: "16"
}

.textImgBox62 .clock17 .timeText span:nth-child(1):before{
  content: "17"
}

.textImgBox62 .clock18 .timeText span:nth-child(1):before{
  content: "18"
}

.textImgBox62 .clock19 .timeText span:nth-child(1):before{
  content: "19"
}

.textImgBox62 .clock20 .timeText span:nth-child(1):before{
  content: "20"
}

.textImgBox62 .clock21 .timeText span:nth-child(1):before{
  content: "21"
}

.textImgBox62 .clock22 .timeText span:nth-child(1):before{
  content: "22"
}

.textImgBox62 .clock23 .timeText span:nth-child(1):before{
  content: "23"
}

.textImgBox62 .clock24 .timeText span:nth-child(1):before{
  content: "24"
}





/*時間テキスト(分)*/

.textImgBox62 .min0 .timeText span:nth-child(2
):before {
  content: "00"
}

.textImgBox62 .min15 .timeText span:nth-child(2
):before {
  content: "15"
}

.textImgBox62 .min30 .timeText span:nth-child(2
):before {
  content: "30"
}

.textImgBox62 .min45 .timeText span:nth-child(2
):before {
  content: "45"
}




.textImgBox62 .title03{
  font-size: 17px;
  position: absolute;
  top: 62px;
}

.textImgBox62 .title03 span {
    font-size: 36px;
    letter-spacing: 3px;
    padding-top: 47px;
    background: url(../images/senior_icon01.gif)no-repeat center top 0px;
    font-weight: 500;
}








/* [共通] textImgBox63
----------------------------------------------------------*/

 .Box63_01 .textBox:after {
    position: absolute;
    content: "01";
    width: 50px;
    color: #FFFF;
    left: -25px;
    top: -16px;
    text-align: center;
    height: 50px;
    font-size: 36px;
    font-family: 'Oswald', sans-serif;
}

.textImgBox63 div:nth-child(1) .Box63_01 .textBox:after {
    content: "01";
    color: #FFFF;
}

.textImgBox63 div:nth-child(2) .Box63_01 .textBox:after {
    content: "02";
}

.textImgBox63 div:nth-child(3) .Box63_01 .textBox:after {
    content: "03";
}

.textImgBox63 div:nth-child(4) .Box63_01 .textBox:after {
    content: "04";
}

.textImgBox63 div:nth-child(5) .Box63_01 .textBox:after {
    content: "05";
}

.textImgBox63 div:nth-child(6) .Box63_01 .textBox:after {
    content: "06";
}

.textImgBox63 div:nth-child(7) .Box63_01 .textBox:after {
    content: "07";
}

.textImgBox63 div:nth-child(8) .Box63_01 .textBox:after {
    content: "08";
}

.textImgBox63 div:nth-child(9) .Box63_01 .textBox:after {
    content: "09";
}

.textImgBox63 div:nth-child(10) .Box63_01 .textBox:after {
    content: "10";
}


.Box63_02 dl{
    display: table;
    width: 100%;
    margin-bottom: 2%;
    border-bottom: 1px solid #000;
    padding-bottom: 2%;
}

.Box63_02 dl:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.Box63_02 dt,
.Box63_02 dd {
    display: table-cell;
    vertical-align: middle;
}

.Box63_02 dt {
    width: 120px;
    background: #000;
    color: #FFF;
    text-align: center;
}

.Box63_02 dd {
    padding-left: 32px;
}



.Box63_01 .textBox:before {
    position: absolute;
    content: "";
    background: #000;
    width: 100px;
    height: 100px;
    border-radius: 50em;
    left: -50px;
    top: -50px;
}


.Box63_02 {
    position: relative;
    background: #efefef;
    width: 80%;
    margin: 5% 0 5% 20%;
    padding: 3%;
    box-sizing: border-box;
}

.Box63_02:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #efefef transparent;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    border-width: 0 27px 27px 27px;
}





/* [共通] textImgBox59
----------------------------------------------------------*/
.textImgBox59 .slick-slide{
  height: auto;
}





h1 {
    float: left;
    width: 240px;
    margin-left: 2%;
    margin-top: 7px;
    margin-bottom: 8px;
    position: relative;
    z-index: 999;
}

header.clearfix {
    margin-top: 5px;
    position: relative;
    top: 0px;
    border-bottom: 1px solid #e4e4e4;
}

.headerBox01_01 {
    float: right;
    width: 454px;
    /* margin-top: 4px; */
    margin-top: -19px;
}


.headerContact{
  position: absolute;
  text-align: center;
  float: left;
  background: #00793a;
  /* top: -10px; */
  top: -30px;
  right: 0;
  padding: 3px 33px 7px 15px;
  font-size: 13px;
  letter-spacing: 2px;
}

.headerContact:before {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 0 40px 39px 0;
    border-color: transparent #00793a transparent transparent;
    /* right: 177px;
    top: -5.1px; */
    right: 173px;
    top: -5.1px;
}

.headerContact a{
  text-decoration: none;
  color: #FFF;
  background: url(../images/common/header_icon01.png)no-repeat center left 10%;
  background-size: 20px;
  padding-left: 40px;
  transition: 0.2s;
}

.headerContact a:hover {
    opacity: 0.7;
}

ul.honyaku li.honyakuText{
  font-size: 12px;
  width: auto;
  position: relative;
  top: -5px;
  letter-spacing: 1px;
  font-weight: 500;
  margin-right: 7px;
}


ul.honyaku li {
    float: left;
    width: 27px;
    margin-right: 15px;
}
.eventsNone{
  pointer-events:none;
}

.hideArea span{
  font-family: serif;
  font-size: 25px;
  letter-spacing: 2px;
}

.navArea {
    position: relative;
}

.navArea span {
    position: absolute;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 10px;
    letter-spacing: 0px;
    background: #d2df3b;
    color: #000;
    border-radius: 50em;
    top: 14px;
    padding: 0 8px;
    left: 50%;
    line-height: 17px;
    font-weight: 600;
}

.navArea p {
    padding-top: 17px;
}

.hideAreaNav li{
  float: left;
  width: 31%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.hideArea>li:nth-child(1){
  width: 200px;
}

.hideArea>li:nth-child(2) {
    width: calc(100% - 200px);
}

ul.hideArea {
    display: flex;
    align-items: center;
}

.hideAreaTitle{
  /* width: 170px; */
  width: 200px;
  float: left;
}

.menu > ul li.hideAreaTitle p a {
    font-size: 12px;
}

li.hideAreaTitle a:before {
    position: absolute;
    content: "";
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #00793a;
    border-right: 1px solid #00793a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    bottom: 0;
    margin: auto;
    right: -40px;
}

.hideAreaBox{
  width: calc(100% - 170px);
  float: left;
}

.hideArea>ul{
  width: 73%;
  display: flex;
  overflow: hidden;
  margin: auto;
  min-width: 850px;
  max-width: 1000px;
  align-items: center;
}

.footerArea01{
  margin: auto;
  background: #ecf0ef;
  display: flex;
  align-items: center;
}

.footerArea01 .footerArea01_01{
  float: left;
  width: 60%;
  border: 2px solid #004320;
}


.footerArea01_01>div{
  max-width: 650px;
  width: 90%;
  float: right;
  /* padding: 31px 0px 30px; */
  padding: 42px 0px;
  padding-left: 137px;
  
}

.footerArea01 .title{
  font-size: 23px;
  font-family: serif;
  color: #004923;
  font-weight: bold;
  padding-bottom: 5px;
}

.footerArea01 .text {
    font-size: 13px;
    color: #004320;
}

footer{
  background: #044c26;
  padding: 40px 0 80px;
}

footer div {
    display: flex;
    align-items: inherit;
    justify-content: center;
}

footer a {
    color: #e6f8ee;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
}

footer a:hover {
    opacity: 0.7;
}

footer li {
    margin-bottom: 3px;
}

footer ul{
  float: left;
  /* width: calc(33.3% - 97px); */
  width: 50%;
  position: relative;
}

footer ul:nth-child(1) {
    /* width: 247px; */
    width: 417px;
}

footer ul:last-child {
    width: 132px;
}

footer ul:before {
  position: absolute;
  content: "";
  background: #528369;
  width: 1px;
  height: 100%;
  /* right: 22%; */
  right: 14%;
}

footer ul:last-child:before {
    background: none;
}

footer ul .mainlist{
  position: relative;
}

footer ul .mainlist{
  position: relative;
}

footer ul .sublist{
  position: relative;
}

footer ul .sublist a {
    font-size: 12px;
    font-weight: 300;
    color: #f2f9f6;
    padding-left: 16px;
}

footer .mainlist a:before {
    position: absolute;
    content: "";
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 3px;
    bottom: 0;
    margin: auto;
    left: -14px;
}

footer .sublist a:before {
    position: absolute;
    content: "";
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(180deg);
    top: 3px;
    bottom: 0;
    margin: auto;
    left: 3px;
}

.footer{
  background: #022111;
  text-align: center;
  color: #c8d5ce;
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: 100;
  padding: 10px 0;
}

.footer .innerBox02 {
    position: relative;
}

#page-top {
    position: absolute;
    top: -44px;
    right: 0;
    left: 0;
    margin: auto;
    padding-bottom: 0;
    width: 71px;
}

#faq h3 span {
    padding: 0px 0;
    background: #285099;
    display: block;
    width: 26px;
    float: left;
    text-align: center;
    margin-right: 18px;
    color: #fff;
    font-family: serif;
    font-size: 17px;
    position: relative;
    top: 1px;
    box-shadow: 4px 4px 0px #c7d5e1;
}

.bellows__content-wrapper span {
    padding: 0px 0;
    background: #d37f9a;
    display: block;
    width: 26px;
    float: left;
    text-align: center;
    margin-right: 10px;
    color: #fff;
    font-family: serif;
    font-size: 17px;
    position: relative;
    top: 1px;
    box-shadow: 3px 3px 0px #e1c7c8;
}

.bellows__content-wrapper p {
  position: relative;
  padding-left: 36px;
}

.bellows__content-wrapper p:before {
  content: "A";
  position: absolute;
  padding: 0px 0;
  background: #d37f9a;
  width: 26px;
  float: left;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  font-family: serif;
  font-size: 17px;
  top: 1px;
  left: 0;
  box-shadow: 3px 3px 0px #e1c7c8;
}





/* [共通] selected
----------------------------------------------------------*/

ul.selected01Box{
  width: 700px;
  margin: 0 auto 80px;
}

.selected01Box li{
  float: left;
  width: 29.3%;
  margin-right: 6%;
}

.selected01Box li:nth-child(3){
  margin-right: 0;
}

h3.h3title{
  text-align: left;
  background: #26764c;
  font-family: serif;
  color: #FFF;
  padding: 30px 50px 27px;
  font-size: 28px;
  letter-spacing: 1px;
  font-weight: bold;
}

h3.h3title02{
  background: #306577;
}

h3.h3title03{
  background: #776430;
}

.h3title span{
  font-size: 50px;
  position: relative;
  top: 3px;
}

h5 {
    font-size: 22px;
    font-family: serif;
    font-weight: bold;
    border-bottom: 1px solid #776430;
    padding: 1px 0 10px;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

h5 span{
    font-size: 75%;
    position: relative;
    top: 3px;
}

#selected table.style01 th{
  background: #c1b698;
  color: #000;
  font-family: serif;
  font-weight: bold;
}

table.style01 td {
    line-height: 180%;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-size: 15px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    font-weight: 400;
}

#selected .textImgBox13{
  margin-top: 40px;
}


#selected .textImgBox1302 p{
  font-size: 13px;
  letter-spacing: 0;
}

.imgBoxArea{
  text-align: center;
  margin: auto;
}



/* [共通] deliverables
----------------------------------------------------------*/

#deliverables .innerBox04{
  margin-bottom: 50px;
}

/*全体*/
.hidden_box {
    margin: 120px auto 0px;/*前後の余白*/
    padding: 0;
    text-align: center;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 1px #09355b;
    cursor :pointer;
    font-family: serif;
    font-weight: bold;
    color: #fff;
    background: #183c5b;
    font-size: 19px;
    letter-spacing: 4px;
    transition: 0.1s;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #042b4d;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    height: auto;
    opacity: 1;
    text-align: left;
}



/* [共通] nivList
----------------------------------------------------------*/
.nivList {
    overflow: hidden;
    width: 800px;
    margin: auto;
}

.nivList a {
    transition: 0.1s;
    position: relative;
    float: left;
    width: 31.6%;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #FFF;
    border-radius: 5px;
    text-decoration: none;
    background: #FFF url(../images/common/arrow06.png)no-repeat;
    background-size: 38px;
    background-position: right bottom;
}

.nivList a:nth-child(3) {
    margin-right: 0;
}

.nivListBox.nivListBox02 .nivList.nivList03 a {
    width: 16.4%;
    font-size: 14px;
    padding: 2% 1%;
}

.nivListBox.nivListBox02 .nivList03 a:nth-child(4n) {
    margin-right: 2%;
}

.nivListBox.nivListBox02 .nivList03 a:nth-child(5n) {
    margin-right: 0;
}

.nivList a:hover {
    opacity: 0.8;
}

.nivList a p {
    font-weight: bold;
}

.nivListBox02.nivList a:nth-child(3n) {
    margin-right: 0;
    width: 15%;
}

.nivList a img {
    float: left;
    width: 40%;
    margin-right: 20px;
}

.nivList a img:hover {
    opacity: 1;
}

.nivListBox{
  background: #776430;
  border: 1px solid #a79971;
  padding-top: 1%;
}

#deliverables .nav01,#message .nav02,
#philosophy .nav03,#company .nav04,#coperative .nav05,
#development .nav01,#faq .nav02,
#glossary .nav03,#service .nav04,#deliverables.nav01
{
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  background: #2d2d2d;
  background-size: 38px;
  background-position: right bottom;
  color: #FFF;
}


.mB50{
  margin-bottom: 50px;
}

.entryBox p {
    padding: 15px 0 0;
}

.entryBox p span {
    font-size: 12px;
}

.entryBox {
    width: 500px;
    margin: auto;
}

#glossary .sub{
  margin-bottom: 30px;
}






/* [共通] recruit
----------------------------------------------------------*/

.oriBox{
  position: relative;
  height: 408px;
}
.oriBox img{
  width: 1200px;
  position: absolute;
  right: 0;
}

.oriBox .innerBox div{
  width: 50%;
  position: relative;
  z-index: 999;
}

.oriBox .innerBox div .title {
    font-size: 20px;
    font-weight: 600;
    padding-top: 50px;
}

.back02{
  padding: 50px 0 ;
  background: -moz-linear-gradient(top left, #e2fce7, #eef8ff);
  background: -webkit-linear-gradient(top left, #e2fce7, #eef8ff);
  background: linear-gradient(to bottom right, #e2fce7, #eef8ff);
}

.back02 .innerBox {
    padding-bottom: 30px;
}

.h3Title02{
  font-weight: 500;
}

.btn01 a{
  display: block;
  background: #319738;
  text-align: center;
  width: 350px;
  margin: auto;
  color: #FFF;
  text-decoration: none;
  padding: 17px 0;
  border-radius: 0.2em;
  box-shadow: 1px 4px 10px rgba(69, 204, 156, 0.39);
  border: 1px solid #227228;
}

.btn01 a:hover {
    opacity: 0.7;
}

.btn01 {
    margin-top: 45px;
}

.textImgBox51 a {
    display: block;
    position: relative;
    text-align: center;
    border: 1px solid #e1e1e1;
    border-radius: 0.2em;
    padding: 20% 0 3%;
    text-decoration: none;
    box-shadow: 3px 3px 10px #e7e7e7;
    transition: 0.2s;
}

.textImgBox51 a:hover {
    box-shadow: 5px 5px 10px #b9b9b9;
}

#recruit .textImgBox51 li img {
    position: absolute;
    width: 33%;
    margin: auto;
    left: 0;
    right: 0;
    top: -30%;
}

#recruit .textImgBox51 {
    margin-top: 120px;
}

.textImgBox51 .sub {
    border-bottom: 6px solid #dad95c;
    padding-bottom: 30px;
    font-size: 14px;
}

.textImgBox51 .title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 11px;
}

.recruitFooter {
    margin: auto;
    text-align: center;
}

.recruitFooter ul {
    margin: 0 auto 80px;
    text-align: center;
    overflow: hidden;
    width: 602px;
}

.recruitFooter ul li {
    float: left;
    font-size: 14px;
}

.recruitFooter ul li p {
    padding-bottom: 7px;
    letter-spacing: 2px;
}

.recruitFooter ul li p span {
    position: relative;
}

.recruitFooter ul li p span:before {
    position: absolute;
    content: "";
    background: #000;
    width: 10px;
    height: 1px;
    transform: rotate(45deg);
    top: 12px;
    left: -10px;
}

.recruitFooter ul li p span:after {
    position: absolute;
    content: "";
    background: #000;
    width: 10px;
    height: 1px;
    transform: rotate(-45deg);
    top: 12px;
    right: -10px;
}

.recruitFooter ul li a {
    background: #000;
    display: block;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 4px;
    padding: 17px 0;
    width: 300px;
    color: #FFF;
    font-weight: 600;
}

.recruitFooter ul li:nth-child(1) a {
    background: #319738;
    border-radius: 0.2em 0 0 0.2em;
    border-right: 1px solid #61b69b;
    /* letter-spacing: 5px; */
}

.recruitFooter {
    border-radius: 0 0.2em 0.2em 0;
    /* margin-bottom: 50px; */
}

.recruitFooter .nivList a {
    background: #ffffff url(../images/common/arrow06.png)no-repeat;
    background-size: 25px;
    background-position: right bottom;
}

.recruitFooter ul li:nth-child(2) a {
    background: #318c97;
    border-radius: 0 0.2em 0.2em 0;
}

.recruitFooter .nivListBox{
  /* margin: 50px 0 50px; */
  background: #f3f8f5;
  border: none;
}

.recruitBox .footerArea01 {
  display: none;
}

.recruitFooter .line {
    background: -moz-linear-gradient(top left, #1faf0e, #2fa9ff);
    background: -webkit-linear-gradient(top left, #1faf0e, #2fa9ff);
    background: linear-gradient(to bottom right, #1faf0e, #2fa9ff);
    width: 100%;
    height: 4px;
    display: block;
}

.textImgBox51_02
 p.sub {
    text-align: center;
    border: 2px solid #457548;
    width: 143px;
    margin: auto;
    padding: 7px 6px;
    background: #319738;
    border-radius: 50em;
    margin-bottom: 27px;
    color: #FFF;
    letter-spacing: 4px;
}

.textImgBox51_02 li:nth-child(1) p.sub {
    background: #318c97;
    border: 2px solid #85d4de;
}

.textImgBox51_02 li:nth-child(2) p.sub {
    background: #ca792b;
    border: 2px solid #e09c5b;
}

.textImgBox51_02 li:nth-child(3) p.sub {
    background: #cd3c72;
    border: 2px solid #d85c8a;
}




/* [共通] department
----------------------------------------------------------*/

#department{
}

#department .textImgBox37 a{
  display: block;
  background: #319738 url(../images/common/arrow08.png)no-repeat center right 7%;
  background-size: 7px;
  text-align: center;
  width: 191px;
  margin: 20px auto 30px;
  color: #FFF;
  text-decoration: none;
  padding: 11px 0;
  border-radius: 0.2em;
  box-shadow: 1px 4px 10px rgba(69, 204, 156, 0.39);
  border: 1px solid #1c7323;
  transition: 0.2s;
}

#department .textImgBox37 a:hover {
    background: #228029 url(../images/common/arrow08.png)no-repeat center right 5%;
    background-size: 7px;
}

.btn0102 a{
  position: relative;
  background: #319737 url(../images/common/icon01.png)no-repeat left 53px center;
  background-size: 39px;
  padding-left: 40px;
  width: 300px;
}

.textImgBox37 p.title {
    text-align: center;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 5px;
}

.textImgBox37 .body {
    padding: 0 5%;
}

.textImgBox37 .icon{
  position: absolute;
  width: 80px;
  top: -7%;
  left: -7%;
}

.textImgBox64 .sub{
    margin-bottom: 0;
}

.textImgBox64 .title {
    background: #319738;
    padding: 5px;
    color: #FFF;
    letter-spacing: 3px;
    font-weight: 500;
    margin-bottom: 10px;
}

.textImgBox64 .title02 {
    font-size: 17px;
    padding: 0;
    border-bottom: 1px solid #319738;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.lity-container {
    width: 80%;
    background: #FFF;
    height: 80vh;
    overflow-y: scroll;
    padding: 3%;
}

.lity-close02{
  text-align: center;
  display: block;
  margin: 50px auto 20px;
  background: none;
  position: relative;
  font-size: 20px;
  font-weight: 500;
  border: 1px solid #e6e6e6;
  width: 208px;
  padding: 12px;
  transition: 0.2s;
}

.lity-close02:hover {
    background: #1e4498;
    color: #FFF;
}

.lity-close02:hover:before,.lity-close02:hover:after {
    background: #FFF;
}

.lity-close02:before {
    position: absolute;
    content: "";
    background: #1e4498;
    width: 30px;
    height: 5px;
    transform: rotate(45deg);
    left: 20px;
    top: 24px;
}

.lity-close02:after {
    position: absolute;
    content: "";
    background: #1e4498;
    width: 30px;
    height: 5px;
    transform: rotate(-45deg);
    left: 20px;
    top: 24px;
}

.textImgBox64>div>div {
    width: 37%;
}

.textImgBox64>div>div.textBox {
    width: 62%;
}

.textBox02{
  margin: auto;
  border: 1px solid #e6e6e6;
  padding: 3%;
  border-radius: 0.2em;
}

.ptitle{
  background: #e6e6e6;
  padding: 6px;
  letter-spacing: 2px;
  font-weight: 500;
  margin: 22px 0 10px;
}

.body th {
    color: #000;
}

.body p.ptitle {
    margin-top: 0;
}

.textImgBox64 {
    margin-bottom: 50px;
}




/* [共通] senior 先輩紹介
----------------------------------------------------------*/
#senior{
}

#senior .textImgBox37 .icon{
  bottom: 0;
  top: auto;
  right: 0;
  left: auto;
  width: 60px;
}

#senior .tag{
  position: absolute;
  top: -27px;
  left: 4%;
  font-size: 12px;
  color: #FFF;
}

#senior .tag span {
    background: #00a1e6;
    padding: 2px 10px;
    letter-spacing: 1px;
}

#senior .textBox01{
  position: relative;
  text-align: left;
  padding-bottom: 7%;
}

.textImgBox37 p.title {
    text-align: left;
    padding: 0 5%;
}

.textImgBox37 a {
    text-decoration: none;
}

.subH2{
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.seniorinpages .textArea img{
  float: right;
  width: 40%;
  margin-left: 20px;
}

#senior .subTitle{
  padding-bottom: 5px;
  color: #5ea8ae;
  font-size: 14px;
}

#senior .subTitle span{
  font-size: 25px;
  padding-right: 5px;
  font-weight: 400;
}

#senior .title02{
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 6px;
  margin-bottom: 7px;
}

#senior .text{
  padding-bottom: 41px;
}

#senior .back02 .innerBox{
  padding-bottom: 0px;
  width: 66%;
  max-width: 1000px;
}

#senior .back02 .title03{
  padding-bottom: 0px;
  font-family: 'Caveat', cursive;
  position: absolute;
  font-size: 75px;
  transform: rotate(-16deg);
  top: -13px;
  color: #000;
}

#senior .back02 .textImgBox51 {
    margin-top: 0;
}



#senior .back02 {
    position: relative;
    background: -moz-linear-gradient(top left, #e2fce7, #eef8ff);
    background: -webkit-linear-gradient(top left, #e2fce7, #eef8ff);
    background: linear-gradient(to bottom right, #99fbab, #80c1ee);
    margin-bottom: 70px;
}

#senior .textImgBox51 li {
    padding: 0 5% 0px 0;
    width: 30%;
}

#senior .textImgBox51 li:nth-child(3n+1) {
  clear:both;
}

#senior .textImgBox51 li:nth-child(3n) {
  padding-right:0;
}



/* [共通] contact お問い合わせ
----------------------------------------------------------*/


.formBox02 div {
    float: none;
    width: 100%;
}

.formBox {
    border: 2px solid #d0d0d0;
    border-radius: 4px;
    padding: 2% 4%;
}









/* [共通] home トップページ
----------------------------------------------------------*/

.slider{
    margin: 100px auto;
    width: 80%;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}

.main .slider {
    width: 100%;
}

.main .slick-slide {
    margin: 0;
}
.main .slick-prev,.main .slick-next {
    display: none !important;
}
.homeslider02 {
    margin-top: 20px;
    text-align: center;
}

.homeslider02inBox{
  width: calc(100% - 200px);
  margin: auto;
}

.homeslider02 .title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 0px 0 4px;
    color: #000;
}

.homeslider02 p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -1px;
}

.homeslider02 .slick-slide {
  margin: 0 0.4%;
}

.homeslider02 .slick-slide a{
  text-decoration: none;
  background: #FFF url(../images/top/home_icon01.png) no-repeat bottom right;
  background-size: 50px;
  display: block;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.38);
  border-radius: 0.2em;
  position: relative;
  transition: 0.2s;
  top: 0;
}

.homeslider02 .slick-slide a:hover img {
    transform: scale(1.1);
}

.homeslider02 .slick-slide a img {
    transition: 0.2s;
}

.homeslider02 .slick-slide a:hover {
  opacity: 0.7;
}

.homeslider02 .slick-slide a:hover {
    position: relative;
    top: -10px;
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.57);
}



.homeslider02 {
    position: relative;
}

.homeslider02 .slick-slider {
    margin-bottom: 0;
}

.homeslider02:before {
    position: absolute;
    content: "";
    background: #efefef;
    width: 100%;
    height: 43%;
    bottom: 0;
    left: 0;
}

.homeslider02 .inBox{
  padding: 4% 4% 9%;
  min-height: 170px;
}

.homeslider02 .slick-slide img {
    border-radius: 0.2em 0.2em 0 0;
}

.homeslider02 .slick-slide img:hover {
    opacity: 1;
}

.homeslider02 .imgBox{
  overflow: hidden;
  border-radius: 0.2em 0.2em 0 0;
}

.backHome{
  position: relative;
  padding-top: 63px;
}

.backHome .innerBox {
    max-width: 850px;
    margin: auto;
}

.backHome:before {
    position: absolute;
    content: "";
    background: url(../images/top/home_back.png)repeat-x;
    width: 100%;
    height: 10px;
    background-size: 19px;
    top: -3px;
    z-index: -1;
}

.backHome:after {
    position: absolute;
    content: "";
    background: url(../images/top/home_back.png)repeat-x;
    width: 100%;
    height: 10px;
    background-size: 19px;
    bottom: -6px;
    z-index: -1;
}

.backHome p {
    line-height: 30px;
}

.back02Home {
    background: #f3f3f3;
    padding: 80px 0;
}

.back02Home .innerBox {
    padding-bottom: 0;
}

.back02Home .Boxleft>div:nth-child(2) {
    margin-top: 45px;
}

.Boxleft p.titile span {
    font-family: serif;
    font-weight: bold;
    font-size: 24px;
}

.Boxleft p.titile {
    border-bottom: 1px solid #0f5531;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.Boxleft p.titile a {
    display: block;
    float: right;
    text-decoration: none;
    font-size: 14px;
    background: url(../images/top/home_icon02.png) no-repeat center left;
    padding-left: 21px;
    background-size: 12px;
}

.back02Home span.tag {
    background: #000;
    font-size: 12px;
    padding: 0px 12px;
    letter-spacing: 3px;
    display: block;
    float: left;
    margin-right: 16px;
    color: #FFF;
    line-height: 21px;
    position: relative;
    top: 5px;
}

.back02Home p.clearfix {
    padding-bottom: 5px;
    color: #a06011;
    font-size: 14px;
    font-weight: 500;
}

.back02Home .text {
    font-size: 15px;
}

.back02Home a.text {
    padding-right: 36px;
    display: block;
    background: url(../images/common/arrow01.png)no-repeat center right;
    background-size: 26px;
}

.Boxleft article>div {
    margin-bottom: 16px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 16px;
}

.Boxright a {
    display: flex;
    align-items: center;
    text-decoration: none;
    border-radius: 0.2em;
    background: #FFF url(../images/common/arrow03.jpg)no-repeat bottom 9% right 5%;
    margin-bottom: 30px;
    align-items: flex-start;
}

.Boxright a img {
    /* margin-right: 2%; */
    width: 39%;
    border-radius: 0.2em 0 0 0.2em;
    flex-shrink: 0;
}

.Boxright a img:hover {
    opacity: 1;
}

.Boxright a div .title {
    font-size: 20px;
    font-family: serif;
    font-weight: bold;
    padding-bottom: 5px;
}

.Boxright a div {
    padding: 2%;
}

.Boxright a div .text {
    font-size: 14px;
    padding-bottom: 20px;
}

.Boxleft article {
    width: 90%;
    margin: auto;
}


.homeBox>div .title {
    font-size: 20px;
    font-family: serif;
    font-weight: bold;
    padding-bottom: 5px;
    position: relative;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.homeBox>div .title:before {
    position: absolute;
    content: "";
    background: #000;
    width: 33px;
    height: 1px;
    bottom: -1px;
    right: 0;
}

.homeBox>div .box01 {
    display: flex;
    text-decoration: none;
    align-items: flex-start;
}

.homeBox>div img {
    margin-right: 4%;
    width: 40%;
}

.homeBox  a {
    float: right;
    background: url(../images/common/arrow01.png)no-repeat bottom right 2%;
    background-size: 22px;
    padding-right: 29px;
    font-size: 14px;
    letter-spacing: 3px;
    text-decoration: none;
    color: #00793a;
    transition: 0.2s;
}

.homeBox a:hover {
    background: url(../images/common/arrow01.png)no-repeat bottom right 0%;
    background-size: 22px;
    color: #004c24;
}

.homeBox {
    margin: 80px 7%;
}

.homeRecruit {
    border-radius: 0.5em;
    background: #fbfbfb;
    border: 1px solid #00793a;
    padding: 4% 5%;
    text-align: center;
}

.homeRecruit p.title01 {
    font-size: 26px;
    font-family: serif;
    font-weight: bold;
    background: url(../images/top/home_icon03.png) no-repeat center top;
    padding-top: 41px;
    color: #00793a;
    padding-bottom: 0;
}

.homeRecruit p.title01sub {
    font-size: 14px;
    margin-bottom: 20px;
}

.homeRecruit .textImgBox37 li .photo img {
    border: none;
}

.homeRecruit .textImgBox37 p.title {
    text-align: center;
    font-family: serif;
    font-weight: bold;
}

.homeRecruit .textImgBox37 .body {
    text-align: left;
    font-size: 15px;
}

.homeRecruit .textImgBox37 li {
    border: 1px solid #ebebeb;
}

.homeRecruit .textImgBox37 .body a {display: block;width: 150px;margin: auto;text-align: center;color: #FFF;font-size: 14px;letter-spacing: 3px;text-shadow: 0 0 10px #00793a;background: #00793a url(../images/common/arrow08.png) no-repeat center right 5%;background-size: 4px;margin-bottom: 10%;border-radius: 0.2em;padding: 2px 0;transition: 0.2s;}

.homeRecruit .textImgBox37 .body a:hover {
    text-shadow: 0 0 10px #00793a;
    background: #004521 url(../images/common/arrow08.png) no-repeat center right 5%;
    background-size: 4px;
}

.recruitBtn a {
    text-decoration: none;
    background: #172f4b url(../images/common/arrow02.png)no-repeat center right 7%;
    display: block;
    width: 473px;
    margin: auto;
    color: #FFF;
    font-family: serif;
    font-weight: bold;
    font-size: 25px;
    border-left: 130px solid #0d213a;
    padding: 43px 0;
    position: relative;
    letter-spacing: 6px;
    text-align: left;
    padding-left: 50px;
    border-top: 4px solid #0d213a;
    border-right: 4px solid #0d213a;
    border-bottom: 4px solid #0d213a;
    transition: 0.2s;
}

.recruitBtn a:hover {
    border-top: 4px solid #63780e;
    border-right: 4px solid #63780e;
    border-bottom: 4px solid #63780e;
    border-left: 130px solid #63780e;
    background: #93aa37 url(../images/common/arrow02.png)no-repeat center right 5%;
}

.recruitBtn a:before {
    position: absolute;
    content: "";
    background: url(../images/top/home_icon05.png) no-repeat;
    background-size: cover;
    width: 56px;
    height: 57px;
    z-index: 99;
    left: -90px;
    top: 25px;
}





/* [共通] coperative 協力会社募集
----------------------------------------------------------*/
#coperative th{
  width: 122px;
  vertical-align: text-bottom;
  padding-bottom: 40px;
}

#coperative td {
    vertical-align: text-bottom;
}


.coperativeBtn div {
    text-align: center;
}


.coperativeBtn div a {
    background: #000;
    display: block;
    color: #FFF;
    display: block;
    background: #319738 url(../images/common/arrow08.png)no-repeat center right 7%;
    background-size: 7px;
    text-align: center;
    margin: 0px auto 0px;
    color: #FFF;
    text-decoration: none;
    padding: 11px 0;
    border-radius: 0.2em;
    box-shadow: 1px 4px 10px rgba(69, 204, 156, 0.39);
    border: 1px solid #1c7323;
    transition: 0.2s;
    width: 86%;
}

.coperativeBtn p {
    padding-bottom: 10px;
}

.coperativeBtn {
    margin: auto;
    overflow: hidden;
    background: #f9f9f9;
    border: 1px solid #d2d2d2;
    padding: 3% 2%;
    margin-bottom: 50px;
}



/* [共通] service サービス紹介
----------------------------------------------------------*/
#service{
}

#service .textImgBox64 .title {
    background: none;
    color: #333;
    font-family: serif;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 1px;
    line-height: 180%;
}

#service .textImgBox64 p {
    line-height: 32px;
}

.serviceBox .title{
  background: #ededed;
  padding: 2px 14px 5px;
  margin: 20px 0 10px;
}

.serviceBox .innerBox03 {
    margin-bottom: 50px;
}

.mB40{
  margin-bottom: 40px;
}



/* koteiBox
----------------------------------------------------------*/
#koteiBox {
    margin:0 auto;
    /* background: #ffffffa6; */
    display: block;
    position: fixed;
    bottom: 0;
    /*  right: 0;*/
    width: 327px;
    text-decoration:none;
    text-align:center;
    z-index:1000;
    /*  max-width:640px;*/
    color:#fff;
    font-size: 13px;
    position: fixed;
    bottom: 0px;
    font-size: 77%;
    right: 0;
    bottom: 0;
}
#koteiBox a {
    font-size: 12px;
    text-decoration: none;
    display: block;
    color:  #FFFF;
    transition: 0.1s;
    text-align:  left;
}

#koteiBox{
  transition: 0.2s;
}

#koteiBox:hover{
  transition: 0.2s;
}



/* 【共通】 技術・研究開発 development
----------------------------------------------------------*/

#development .textImgBox13 img {
    width: 45px;
    margin-bottom: 10px;
}

#development .textImgBox13 li {
    border: 1px solid #e2e2e2;
    margin: 0 4% 4% 0;
    box-shadow: 0 0 10px #d8d8d8;
    background: url(../images/common/arrow09.gif)no-repeat right 17% bottom 10%;
    background-size: 30px;
  box-sizing: border-box;
}
#development .textImgBox13 li:last-child{
  margin-right:0;
}

#development .textImgBox13 li:nth-child(3n) {
    margin-right: 0;
}

#development .textImgBox13 li a{
  text-decoration: none;
  padding: 10%;
  display: block;
  min-height: 240px;
}

#development .textImgBox13 .body {
    margin-bottom: 7%;
}

.imgBoxArea{
  width: 80%;
  margin: auto;
  padding-bottom:40px;
}

.developmentBox{
  margin-bottom: 50px;
}

#machine h5 span {
    font-size: 39px;
    color: #776430;
}

#development .title02{
  background: #ececec;
  padding: 6px 20px;
  margin-bottom: 15px;
}

div#ui-id-1 {
    border: 1px solid #e9e9e9;
}

.f14{
  font-size: 14px;
}

.pB0{
  padding-bottom: 0px;
}

.innerBox05 {
    max-width: 500px;
    margin: auto;
}

.innerBox06 {
    width: 98%;
    margin: auto;
}

th.thArea {
    background: #c1b698;
    text-align: center;
    border-right: 1px solid #ffffff;
    width: auto;
}

th {
    /* background: #ffffff; */
    color: #319738;
    border-bottom: 1px solid #c9c9c9;
    padding: 14px 0;
}

td {
    padding: 5px 10px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    font-size: 14px;
}

.nivListBox02>div {
    width: 1000px;
    margin: auto;
}

.nivListBox02>div>p {
    color: #fff;
    border-bottom: 1px solid #978962;
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-family: serif;
}

.nivListBox02>div .nivList {
    width: auto;
}

.nivListBox02 .nivList a,.nivListBox02 .nivList a:nth-child(3n) {
    width: 19.5%;
    margin-right: 2%;
    padding: 2%;
    box-shadow: 0 0 10px #5a4b24;
}

.nivListBox02 .nivList a:nth-child(4n) {
    margin-right: 0;
}

.textImgBox06 li p.title {
    padding-bottom: 5px;
    font-size: 20px;
    font-family: serif;
    font-weight: bold;
    text-align: left;
}

.btn02 a {
    display: block;
    background: #319738;
    text-align: center;
    width: 150px;
    margin: auto;
    color: #FFF;
    text-decoration: none;
    padding: 5px 0;
    border-radius: 0.2em;
    box-shadow: 1px 4px 10px rgba(69, 204, 156, 0.39);
    border: 1px solid #227228;
}

.btn02 a:hover {
    opacity: 0.7;
}

.pageslistArea p{
  font-size: 14px;
}


/* 【共通】 募集要項 requirement
----------------------------------------------------------*/
#requirement .style05{
  margin: 0 20px 36px;
  width: calc(100% - 40px);
}

#requirement th.thArea {
    width: 209px;
}




/* 【共通】 募集要項 requirement
----------------------------------------------------------*/
.entryBtn01{
  text-align: center;
  color: #1083b7;
}

.entryBtn01{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    vertical-align: middle;
    font-size: 15px;
}
.entryBtn01::before,
.entryBtn01::after{
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.entryBtn01::before{
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #1083b7;
    border-right: 2px solid #1083b7;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.beautify-marker.circle {
    background: url(../images/common/arrow10.png)no-repeat !important;
    background-size: cover !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    width: 33px !important;
    height: 28px !important;
    border-radius: 0 !important;
}


#senior .mokuhyoubox p.subTitle {
    text-align: center;
    background: url(../images/senior_icon02.gif)no-repeat center top;
    padding-top: 32px;
    font-size: 23px;
    color: #000;
    letter-spacing: 2px;
}

#senior .mokuhyoubox {
    background: #fff;
    width: 62%;
    margin: 50px auto;
    padding: 2%;
    border: 4px solid #93eeb9;
    border-radius: 0.2em;
}

.titleArea{
  position: relative;
  padding-left: 34px;
}

.titleArea :before{
  position: absolute;
  content: "";
  width: 17px;
  height: 100%;
  top: -5px;
  background: -webkit-linear-gradient(top left, #e2fce7, #eef8ff);
  background: linear-gradient(to bottom right, #99fbab, #80c1ee);
  margin-bottom: 70px;
  left: 0;
}

.text01 {
    padding-left: 10px;
}

.textImgBox37 .body span {
    font-size: 12px;
}

.surollText{
  background: #000;
}

.surollText{
  background: #9f9f9f;
  color: #fff;
  padding: 1%;
  margin: 0px auto 20px;
  position: relative;
  width: 80%;
}

#requirement .textImgBox12 {
  text-align: left;
}

#requirement .textImgBox12 img {
    width: 75px;
}

#requirement .textImgBox12 p.title {
    letter-spacing: 4px;
    text-align: left;
    font-weight: 500;
    font-size: 19px;
}

#requirement .textImgBox12 p {
    text-align: left;
    font-size: 14px;
}

.btn03{
  margin: 0 auto 90px;
  text-align: center;
}

.btn03 p {
    padding-bottom: 16px;
    font-size: 17px;
    letter-spacing: 2px;
}

.btn03 a{
    background: #318c97;
    border-radius: 0.2em;
    display: block;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 17px 0;
    width: 300px;
    color: #FFF;
    font-weight: 600;
    margin: auto;
}

.btn03 p span {
    position: relative;
}

.btn03 p span:before {
    position: absolute;
    content: "";
    background: #000;
    width: 18px;
    height: 1px;
    transform: rotate(45deg);
    top: 20px;
    left: -21px;
}

.btn03 p span:after {
    position: absolute;
    content: "";
    background: #000;
    width: 18px;
    height: 1px;
    transform: rotate(-45deg);
    top: 20px;
    right: -18px;
}


/* 【共通】 数字で見る中田製作所 numbers
----------------------------------------------------------*/
#numbers .title01{
  font-size: 18px;
  letter-spacing: 5px;
  font-weight: bold;
}

#numbers p.sub01 span {
    font-size: 60px;
    padding-right: 6px;
    font-family: 'Quicksand', sans-serif;
    letter-spacing: 3px;
}

#numbers p.sub01 {
    font-size: 29px;
    font-weight: bold;
    color: #000;
}

.kokuseki{
  max-width: 800px;
  width: 80%;
  margin: auto;
  border: 2px solid rgb(188, 203, 208);
  padding: 4%;
  border-radius: 0.2em;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.13);
  background: rgba(255, 255, 255, 0.84);
  position: relative;
  top: -206px;
}

.kokuseki p.title {
  position: relative;
    letter-spacing: 5px;
    font-size: 22px;
    font-weight: bold;
}

.kokuseki p.title:after {
    position: absolute;
    content: "";
    background: #c6c6c6;
    height: 1px;
    width: 100%;
    top: 33%;
    left: 0;
    z-index: 0;
}

.kokuseki p.title span{
    position: relative;
    background: #FFF;
    letter-spacing: 5px;
    font-size: 22px;
    font-weight: bold;
    padding-right: 13px;
    z-index: 9;
}

.kokusekiBox li{
  padding-top: 32px;
  background: url(../images/numbers_photo07.jpg)no-repeat top center;
  background-size: 19px;
}



.kokusekiBox li:nth-child(2){
  background: url(../images/numbers_photo08.jpg)no-repeat top center;
  background-size: 19px;
}

.kokusekiBox li:nth-child(3){
  background: url(../images/numbers_photo09.jpg)no-repeat top center;
  background-size: 19px;
}

.kokusekiBox li:nth-child(4){
  background: url(../images/numbers_photo11.jpg)no-repeat top center;
  background-size: 19px;
}

.kokusekiBox li:nth-child(5){
  background: url(../images/numbers_photo10.jpg)no-repeat top center;
  background-size: 19px;
}

.kokusekiBox li:nth-child(6){
  background: url(../images/numbers_photo06.jpg)no-repeat top center;
  background-size: 19px;
}

.kokusekiBox li:nth-child(7){
  background: url(../images/numbers_photo26.jpg)no-repeat top center;
  background-size: 19px;
}

#numbers .kokuseki li p.title01 {
    padding-bottom: 4px;
    font-size: 14px;
    letter-spacing: 3px;
}

#numbers .kokuseki p.sub01 span {
    font-size: 49px;
}

#numbers .kokuseki p.sub01 {
    font-size: 23px;
}

.numbersBox02{
  margin: auto;
}

.numbersBox02 .imagesBox{
  background: #b0d5e6;
  padding-top: 50px;
  background: linear-gradient(#8cdfff, #c4f500);
  border-top: 1px solid #5ad0ee;
}

.back{
  background: #b8f6d2;
  position: relative;
  top: -100px;
  padding: 100px 0 100px;
}

.innerBox.backF{
  background: #FFF;
  padding: 5%;
  border-radius: 0.3em;
  border: 1px solid #91e1b2;
  margin-bottom: 50px;
  box-shadow: 0 0 10px #6bcc94;
  /* width: 70%; */
}

.textImgBox50_01,.textImgBox22 {
    border-bottom: 1px solid #58a377;
    padding-bottom: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.textImgBox50 {
    text-align: center;
}


.textImgBox22 .photo {
    width: 150px;
    margin: auto;
    padding-bottom: 10px;
}

#numbers .h3Title{
  font-weight: 500;
  color: #000;
  letter-spacing: 5px;
  background: #f2f2f2;
  padding: 11px 0;
  margin-bottom: 0;
}

#numbers .fontM01{
    font-size: 60px;
    padding-right: 6px;
    font-family: 'Quicksand', sans-serif;
    letter-spacing: 3px;
    color: #000;
}

#numbers .fontM02 {
    font-size: 30px;
    font-weight: bold;
    color: #000;
}

#numbers .textImgBox64 .box{
  background: #f3f3f3;
  padding: 4%;
  border-radius: 0.2em;
  overflow: hidden;
}


#numbers .textImgBox64 .box>div {
    float: left;
    width: 47%;
    display: flex;
    align-items: center;
    padding-right: 6%;
    height: 53px;
    border-bottom: 1px solid #d4d4d4;
}

#numbers .textImgBox64 .box>div:nth-child(2n) {
    padding-right: 0;
}

#numbers .textImgBox64 .box>div:last-child {
    width: 100%;
}

#numbers .textImgBox64 .box>div .box02 .math_area {
    font-size: 30px;
    padding-right: 5px;
    font-family: 'Quicksand', sans-serif;
    letter-spacing: 3px;
    color: #000;
}

.pB0{
  padding-bottom: 0;
}

#numbers .textImgBox64 {
    margin-bottom: 0px;
}

.numbersBox .box01{
    border-bottom: 1px solid #58a377;
    display: flex;
    padding: 20px;
}

#numbers .box02 li{
  background: url(../images/numbers_photo20.gif)no-repeat;
  background-size: 65px;
}

#numbers .box02 li:nth-child(2){
  background: url(../images/numbers_photo21.gif)no-repeat;
  background-size: 65px;
}

#numbers .box02_02 li:nth-child(1){
  background: url(../images/numbers_photo22.gif)no-repeat center left;
  background-size: 75px;
}

#numbers .box02_02 li:nth-child(2){
  background: url(../images/numbers_photo23.gif)no-repeat center left;
  background-size: 75px;

}

#numbers .box02_02 li:nth-child(3){
  background: url(../images/numbers_photo24.gif)no-repeat center left;
  background-size: 75px;

}





/* 【共通】 キャリア採用/新卒エントリーフォーム requirement
----------------------------------------------------------*/
.requirementTitle01{
  margin-bottom: 2px;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 500;
  color: #000;
  /* border-bottom: 1px solid #319738; */
  padding-bottom: 6px;
  background: #e0eae1;
  padding: 5px 15px;
}

.requirementTitle02{
  background: #319738;
  padding: 2px 15px;
  margin-bottom: 20px;
  font-size: 23px;
  letter-spacing: 2px;
  font-weight: 500;
  color: #fff;
}

th {
    padding: 14px 0;
    width: auto;
}

td {
    border: none;
    border-bottom: 1px solid #c9c9c9;
}


/* 【共通】 お役立ち情報/お知らせ news useful
----------------------------------------------------------*/


.textImgBox36 li p.title {
    font-size: 14px;
    color: #606060;
}

.textImgBox36 li p.title a {
    color: #1083b7;
}

.textImgBox36 li p.title span {
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    color: #333;
}

.textImgBox36 li p.title a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    vertical-align: middle;
    font-size: 15px;
}

.textImgBox36 li p.title a::before,
.textImgBox36 li p.title a::after{
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.textImgBox36 li p.title a::before{
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #1083b7;
    border-right: 2px solid #1083b7;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* 【共通】 サイトマップ sitemap
----------------------------------------------------------*/
#sitemap .innerBox{
  width: 800px
}

.titlelist a{
  display: block;
  padding: 0px 20px;
  text-decoration: none;
  font-family: serif;
  font-weight: 600;
  position: relative;
  vertical-align: middle;
}

.titlelist{
  border-bottom: 3px solid #00793a;
  font-size: 17px;
  padding-bottom: 0;
  margin-bottom: 20px;
}

.boxArea .titlelist {
    margin-bottom: 7px;
}

.subtitlelist{
  padding-bottom: 3px;
  padding-left: 15px;
  font-size: 14px;
}

.subtitlelist02 {
    padding-bottom: 2px;
    padding-left: 33px;
    font-size: 14px;
}

.subtitlelist a {
    color: #0c51a7;
}

.subtitlelist02 a {
    position: relative;
    color: #0c51a7;
}

.subtitlelist02 a:before {
    position: absolute;
    content: "";
    background: #0c51a7;
    width: 6px;
    height: 6px;
    top: 6px;
    left: -11px;
}

.subtitlelist02 a:after {
    position: absolute;
    content: "";
    background: #fff;
    width: 6px;
    height: 6px;
    top: 4px;
    left: -9px;
}

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

.titlelist a::before{
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.boxArea {
    border: 1px solid #a5b09e;
    padding: 5%;
    margin-bottom: 20px;
}

/* 【共通】 カタログダウンロード catalog
----------------------------------------------------------*/
#catalog .textImgBox02 li{
  padding: 2%;
  border: 1px solid #a5b09e;
  margin-bottom: 4%;
}

#catalog .textImgBox02 li p:nth-child(2) {
    padding-bottom: 0;
}

#catalog .catalogmail .textImgBox02 li {
    padding: 1%;
    border: 1px solid #a5b09e;
    margin-bottom: 2%;
}


.textImgBox55 .box p.title {
    font-size: 23px;
    letter-spacing: 2px;
    font-family: serif;
    font-weight: bold;
    margin-bottom: -10px;
}

.textImgBox55 .box {
    width: 65%;
}

.textImgBox55 .box a{
    display: block;
    background: #319738 url(../images/common/arrow08.png)no-repeat center right 7%;
    background-size: 7px;
    text-align: center;
    width: 140px;
    /* margin: 20px auto 30px; */
    color: #FFF;
    text-decoration: none;
    padding: 3px 0;
    border-radius: 0.2em;
    box-shadow: 1px 4px 10px rgba(69, 204, 156, 0.39);
    border: 1px solid #1c7323;
    transition: 0.2s;
    float: right;
    font-size: 14px;
}

.textImgBox55 .box a:hover {
    background: #228029 url(../images/common/arrow08.png)no-repeat center right 5%;
    background-size: 7px;
}

#catalog .textImgBox02 li .photo {
    position: relative;
    padding-bottom: 0;
    border: 1px solid #ececec;
}

#catalog .textImgBox02 li .photo:before {
    position: absolute;
    content: "";
    background: url(../images/catalog_icon01.png)no-repeat;
    width: 35px;
    height: 32px;
    background-size: contain;
    border-radius: 0.2em;
    bottom: 10px;
    right: 10px;
    opacity: 0.9;
    border: 1px solid #dedede;
}

#catalog .catalogmail .textImgBox02 li .photo:before {
    display: none;
}








/* 【共通】 機器紹介 machine
----------------------------------------------------------*/

#machine #catalog .textImgBox02 li .photo:before {
    background: none;
    border: none;
}

.machineBox h3{
text-align: left;
border-bottom: 1px solid #26764c;
font-family: serif;
padding: 0px 0 10px;
font-size: 28px;
letter-spacing: 1px;
font-weight: bold;
margin-bottom: 15px;
}

.machineBox div {
    margin-bottom: 50px;
}

.machineBox div a {
    margin-right: 50px;
}

.machineBox h3 a {
    font-size: 13px;
    float: right;
    display: block;
    background: #319738;
    text-align: center;
    width: 135px;
    margin: 0 auto 0;
    color: #FFF;
    text-decoration: none;
    padding: 2px 0 1px;
    border-radius: 0.2em;
    box-shadow: 1px 4px 10px rgba(69, 204, 156, 0.39);
    border: 1px solid #227228;
    position: relative;
    top: -5px;
}

.machineBox div a {
  position: relative;
    color: #0c51a7;
}

.machineBox div a:before {
    position: absolute;
    content: "";
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #0c51a7;
    border-right: 1px solid #0c51a7;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 3px;
    bottom: 0;
    margin: auto;
    left: -14px;
}

.parea p.title,.parea p.title01 {
    padding-bottom: 0px;
    letter-spacing: 1px;
}

.parea p.text {
    font-size: 90%;
    margin-left: 17px;
    padding-bottom: 15px;
    color: #3c3c3c;
}

.parea p.text03 {
    font-size: 90%;
    padding-bottom: 0;
}

.parea p.title02 {
    color: #26764c;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
}

.parea p.title04 span {
    background: #26764c;
    padding: 1% 3%;
    color: #FFF;
    margin-bottom: 2px;
    border-radius: 50em;
}

.parea p.title04 {
    padding-bottom: 10px;
}

.parea p.title02 .pB0 {
    padding-bottom: 0;
}

.parea p.title02_02 {
    padding-left: 17px;
}

.parea p.text02 {
    text-indent: -1.4em;
    padding-left: 2em;
    padding-bottom: 10px;
}

.parea .arrowArea p.text02 {
    padding-bottom: 3px;
}

.parea .arrowArea {
    padding-left: 70px;
    position: relative;
}

.parea .arrowArea:before {
    position: absolute;
    content: "";
    background: #d2cbb8;
    width: 17px;
    height: calc(100% - 20px);
    left: 33px;
    top: 10px;
}

.parea .arrowArea:after {
    position: absolute;
    content: "";
    width: 0px;
    /* height: 50px; */
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #d2cbb8 transparent transparent transparent;
    left: 21px;
    bottom: 0;
}

.parea p.text02 span {
    color: #26764c;
}

.parea {
    margin-bottom: 40px;
}

.tableArea05 .title01{
  font-weight: bold;
  color: #224796;
}





.odfBox{
  overflow: hidden;
  margin-bottom: 50px;
}

.odfBox li{
  float: left;
  width: calc(31.3% - 6px);
  text-align: center;
  background: #26764c;
  background: -webkit-linear-gradient(top left, #389936, #26764c);
  background: linear-gradient(to bottom right, #389936, #26764c);
  margin-right: 3%;
  margin-bottom: 1%;
  color: #FFF;
  padding: 1% 0px;
  border-radius: 0.2em;
  border: 3px double #FFF;
}

.developmentBox .tableArea05 th,.developmentBox .tableArea05 td{
  padding: 2px 13px;
  font-size: 13px;
}

table.tableArea05 thead,table.tableArea05 thead th {
    background: #2b7f45;
    color: #FFF;
}

.leaflet-popup-content .image1 {
    margin-top: 5px;
}

.leaflet-popup-content .machine_btn {
  text-align: right;
  margin-top: 6px;
}

.leaflet-popup-content .machine_btn a {
    position: relative;
    padding-left: 15px;
}


.leaflet-popup-content .machine_btn a::before,
.leaflet-popup-content .machine_btn a::after{
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.leaflet-popup-content .machine_btn a::before{
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #316678;
    border-right: 2px solid #316678;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


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

  スマホ（ブラウザの横幅が指定したpx以下の時に適用されます）

--------------------------------------------------------------------------- */
@media screen and (max-width: 1100px) {
h1 {
    float: left;
    width: 240px;
    margin-left: 2%;
    margin-top: 7px;

}
}
/* ---------------------------------------------------------------------------

  スマホ（ブラウザの横幅が指定したpx以下の時に適用されます）

--------------------------------------------------------------------------- */
@media screen and (max-width: 959px) {


/**{overflow:hidden;} /*スマホで閲覧した時にグラグラしなくなる*/

body {
  font-size:16px;
  line-height:140%;
}
/* P */
p {
  padding-bottom:4%;
  line-height:140%;
}
p:last-child {
  padding-bottom:0;
}


/* 注釈 */
p.annotation {
  text-align:right;
  font-size:85%;
}




/* 高さ調整
----------------------------------------*/

.pT20{
  padding-top: 10px;
}

.pT30{
  padding-top: 2%;
}

.pT60{
  padding-top: 4%;
}

.pT80{
  padding-top: 6%;
}

.pB20{
  padding-bottom: 10px;
}

.pB30{
  padding-bottom: 2%;
}

.pB60{
  padding-bottom: 4%;
}

.pB80{
  padding-bottom: 6%;
}

.mT20{
  margin-top: 10px;
}

.mT30{
  margin-top: 2%;
}

.mT60{
  margin-top: 4%;
}

.mT80{
  margin-top: 6%;
}

.mB20{
  margin-bottom: 10px;
}

.mB30{
  margin-bottom: 2%;
}

.mB60{
  margin-bottom: 4%;
}

.mB80{
  margin-bottom: 6%;
}


/* [sp] スマホでは非表示
----------------------------------------*/
.spNone {
  display:none;
}

.spbrNone　br {
  display:none;
}

/* [sp] ベースの横幅
----------------------------------------------------------*/
.innerBox {
  padding:0 4% 4% 4%;
}


/* [sp] borderBox01
----------------------------------------------------------*/
.borderBox01 {
  margin:0 4% 8% 4%;
  padding:4%;
  border-radius:10px;
  border:1px solid #ccc;
}
.borderBox01 p.title {
  padding-bottom:20px;
  font-weight:bold;
  font-size:18px;
}

/* [sp] 背景色
----------------------------------------------------------*/
.innerBoxColor01 {
  margin-bottom:12%;
  padding-top:12%;
  background:#58b530;
  color:#fff;
}
.innerBoxColor01 .innerBox {
  padding-bottom:12%;
}




/* [sp] miniTextBox
----------------------------------------------------------*/
.miniTextBox {
  padding-bottom:4%;
}
.miniTextBox br {
  display:none;
}

/* [sp] ヘディングタグ
----------------------------------------------------------*/
h2 {
  padding: 4% 0 2%;
  text-align:center;
  font-size: 22px;
  font-family: serif;
  font-weight: bold;
}
h2 span {
  padding-top:2%;
  display:block;
  color:#7291d0;
  font-size:11px;
}
h3 {
  margin-bottom: 3%;
  text-align:center;
}
h3 span {
  padding-bottom:5px;
  font-size: 18px;
}
h4 {
  margin-bottom:4%;
  padding:10px 0 12px 15px;
  background:#e2e9f7;
  border-left:8px solid #003399;
}
h5 {font-size: 16px;letter-spacing: 0;margin-bottom: 10px;}


/* [sp] 各ページのメイン画像
----------------------------------------------------------*/
#pageMainPhoto {
  padding-bottom:4%;
  text-align:center;
}
#pageMainPhoto img {
  width:100%;
}

/* [sp] パンくずリスト
----------------------------------------------------------*/
#breadcrumbs {
  margin-bottom:8%;
  padding:2% 4%;
  line-height:120%;
  font-size:11px;
  text-align: center;
}
#breadcrumbs .innerBox {
  padding-bottom:0;
}
#breadcrumbs li {
  display:inline;
}
#breadcrumbs a {
  padding:0 12px 0 0;
  background:url(../images/common/topic_path.gif) no-repeat right;
}

/* [sp] textImgBox01
----------------------------------------*/
.textImgBox01 {
  overflow:hidden;
}
.textImgBox01 li {
  padding:4% 0;
  border-bottom:1px solid #dfdfdf;
  overflow:hidden;
}
.textImgBox01 li:first-child {
  padding-top:0;
}
.textImgBox01 li .photo {
  padding-right:4%;
  float:left;
  width:20%;
}
.textImgBox01 li .photo img {
  width:100%;
}
.textImgBox01 li .box {
  float:left;
  width:76%;
}
.textImgBox01 p.title {
  padding-bottom:5px;
  font-size:16px;
}
.textImgBox01 table {
  border-collapse:separate;
  border-spacing:2px;
}
.textImgBox01 th {
  padding:2px 6px;
  background:#f2f2f2;
  display:block;
}
.textImgBox01 td {
  padding:2px 6px 6px 6px;
  display:block;
}

/* [sp] textImgBox02
----------------------------------------*/
.textImgBox02 {
}
.textImgBox02 li {
  padding-bottom:6%;
}
.textImgBox02 li .photo {
  padding-bottom:5px;
}
.textImgBox02 li .photo img {
  width:100%;
}
.textImgBox02 p.title {
  padding-bottom:2%;
  font-size:20px;
}
.textImgBox02 p.sub {
  padding-bottom:1%;
  font-size:14px;
}

/* [sp] textImgBox03
----------------------------------------*/
.textImgBox03 {
}
.textImgBox03 {
  overflow:hidden;
}
.textImgBox03 li {
  padding:0 4% 6% 0;
  float:left;
  width:48%;
}
.textImgBox03 li:nth-child(2n) {
  padding-right:0;
}
.textImgBox03 li:nth-child(2n+1) {
  clear:both;
}
.textImgBox03 li .photo {
  padding-bottom:5px;
}
.textImgBox03 li .photo img {
  width:100%;
}
.textImgBox03 li p.title {
  padding-bottom:0;
}

/* [sp] textImgBox04
----------------------------------------*/
.textImgBox04 {
  overflow:hidden;
}
.textImgBox04 li {
  padding:4% 0;
  border-bottom:1px solid #dfdfdf;
  overflow:hidden;
}
.textImgBox04 li:first-child {
  padding-top:0;
}
.textImgBox04 li:last-child {
  padding-bottom:0;
  border-bottom:none;
}
.textImgBox04 li .photo {
  padding-right:4%;
  float:left;
  width:20%;
}
.textImgBox04 li .photo img {
  width:100%;
}
.textImgBox04 li .box {
  float:left;
  width:70%;
}
.textImgBox04 li .box p {
  padding-bottom:0;
}
.textImgBox04 li p.title {
  padding-bottom:0;
  font-weight: bold;
  margin: 10px 0 5px;
}
.textImgBox04 li p.sub {
  padding-bottom:0;
}

/* [sp] textImgBox05
----------------------------------------------------------*/
.textImgBox05 {
}
.textImgBox05 {
  overflow:hidden;
}
.textImgBox05 li {
  padding:0 4% 6% 0;
  float:left;
  width:48%;
}
.textImgBox05 li:nth-child(2n) {
  padding-right:0;
}
.textImgBox05 li:nth-child(2n+1) {
  clear:both;
}
.textImgBox05 li .photo {
  padding-bottom:5px;
}
.textImgBox05 li .photo img {
  width:100%;
}
.textImgBox05 li p.title {
  padding-bottom:0;
  text-align:center;
}

/* [sp] textImgBox06
----------------------------------------*/
.textImgBox06 {
}
.textImgBox06 {
  overflow:hidden;
}
.textImgBox06 li {
  padding:0 4% 6% 0;
  float:left;
  width:48%;
}
.textImgBox06 li:nth-child(2n) {
  padding-right:0;
}
.textImgBox06 li:nth-child(2n+1) {
  clear:both;
}
.textImgBox06 li .photo {
  padding-bottom:5px;
}
.textImgBox06 li .photo img {
  width:100%;
}
.textImgBox06 li p.title {
  padding-bottom:0;
  text-align:center;
}

/* [sp] textImgBox07
----------------------------------------------------------*/
.textImgBox07 {
  padding-bottom:20px;
}
.textImgBox07 .box {
  padding-bottom:10px;
}
.textImgBox07 .bnr {
}
.textImgBox07 .bnr img {
  width:100%;
}
/* お知らせなど */
.textImgBox07 .box li {
  padding-bottom:10px;
  overflow:hidden;
}
.textImgBox07 h3.style04 {
  margin-bottom:10px;
  padding:3px 0 3px 10px;
  border-left:5px solid #248aca;
  font-size:20px;
}
.textImgBox07 h3.style04 span {
  display:block;
  color:#aaa;
  font-weight:normal;
  font-size:10px;
}
.textImgBox07 .box li p {
  padding-bottom:0;
}
.textImgBox07 .box li p.date {
  padding:2px 5px;
  background:#f2f2f2;
  font-size:10px;
}
.textImgBox07 .box li p.title {
  padding:5px 0;
}

/* [sp] textImgBox08
----------------------------------------------------------*/
.textImgBox08 {
}
.textImgBox08 li {
  margin-bottom:10px;
}
.textImgBox08 a {
  padding:30px 0;
  display:block;
  text-decoration:none;
  text-align:center;
  color:#fff;
  font-weight:bold;
  font-size:14px;
}
.textImgBox08 span {
  padding-top:10px;
  display:block;
  font-weight:normal;
  font-size:11px;
}

/* btn01 */
.textImgBox08 li#btn01 {
  background:url(../images/top/top_works_btn01.jpg) no-repeat;
  background-size: cover;
}

/* btn02 */
.textImgBox08 li#btn02 {
  background:url(../images/top/top_works_btn02.jpg) no-repeat;
  background-size: cover;
}
/* btn03 */
.textImgBox08 li#btn03 {
  background:url(../images/top/top_works_btn03.jpg) no-repeat;
  background-size: cover;
}

.textImgBox08 a {
  background-color: rgba(0,0,0, 0.5);
}
.textImgBox08 a:hover {
  background-color: rgba(255,255,255, 0);
}


/* [sp] textImgBox09
----------------------------------------------------------*/
.textImgBox09 {
  padding-bottom:4%;
}
.textImgBox09 .photo {
  padding-bottom:4%;
  text-align:center;
}
.textImgBox09 .photo img {
  width:70%;
}
.textImgBox09 .box {
}
.textImgBox09 .box p {
  line-height:200%;
  font-size:14px;
}
.textImgBox09 .box p.title {
  padding-bottom:10px;
  font-size:20px;
}
.textImgBox09 .box p.sub {
  padding-bottom:10px;
  font-style:italic;
}
.textImgBox09 .box .name {
  text-align:right;
}
.textImgBox09 .name span {
  font-size:18px;
}


/* [sp] textImgBox10
----------------------------------------------------------*/
.textImgBox10 {
  padding-bottom:20px;
}
.textImgBox10 .photo {
  padding-bottom:20px;
  text-align:center;
}
.textImgBox10 .photo img {
  width:100%;
}
.textImgBox10 .box {
}
.textImgBox10 .box p {
}
.textImgBox10 .box p.title {
  padding-bottom:4%;
  font-size:18px;
}
.textImgBox10 .box p.sub {
  padding-bottom:2%;
  font-size:16px;
}
.textImgBox10 .box a.btn02 {
  padding:5px 0;
  background:#ca2437;
  display:block;
  text-align:center;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
}
/* テーブル有り */
.textImgBox10 th.title {
  padding:2% 0 2% 2%;
  border-bottom:1px dashed #ccc;
}
.textImgBox10 td.price {
  padding:2% 0 2% 2%;
  border-bottom:1px dashed #ccc;
  text-align:right;
}
.textImgBox10 td.price span {
  text-align:right;
  color:#ae1c1e;
  font-size:22px;
}
.textImgBox10 td.price span.sub {
  display:block;
  color:#444;
  font-size:11px;
}

/* telephone */
.textImgBox10 .telephone {
}
.textImgBox10 .telephone p {
  padding-bottom:0;
}
.textImgBox10 .telephone p.title {
  margin-bottom:4%;
  padding-bottom:2%;
  background:none;
  border-bottom:1px solid #8bc327;
  color:#8bc327;
}
.textImgBox10 .telephone p.tel {
  padding-left:40px;
  background:url(../images/common/arrow_tel02.png) no-repeat;
  background-size:30px;
  font-size:16px;
}
.textImgBox10 .telephone p.tel span {
  display:block;
  color:#f59a17;
  line-height:95%;
  font-weight:bold;
  font-size:30px;
}


/* [sp] textImgBox11
----------------------------------------------------------*/
.textImgBox11 {
  padding-bottom:20px;
}
.textImgBox11 .photo {
  padding-bottom:20px;
  text-align:center;
}
.textImgBox11 .photo img {
  width:100%;
}
.textImgBox11 .box {
}
.textImgBox11 .box p.title {
  padding-bottom:10px;
  font-size:18px;
}

/* [sp] textImgBox12
----------------------------------------*/
.textImgBox12 {
}
.textImgBox12 {
  overflow:hidden;
}
.textImgBox12 li {
  padding:0 4% 6% 0;
  float:left;
  width:48%;
}
.textImgBox12 li:nth-child(2n) {
  padding-right:0;
}
.textImgBox12 li:nth-child(2n+1) {
  clear:both;
}
.textImgBox12 li .photo {
  padding-bottom:5px;
}
.textImgBox12 li .photo img {
  width:100%;
}
.textImgBox12 li p.title {
  padding-bottom:0;
  text-align:center;
}


/* [sp] textImgBox13
----------------------------------------*/
.textImgBox13 {
}
.textImgBox13 li {
  margin-bottom:4%;
  padding-bottom:4%;
  border-bottom:1px solid #d6d6d6;
}
.textImgBox13 li:last-child {
  margin-bottom:0;
  border-bottom:none;
}
.textImgBox13 li .photo {
  padding-bottom:10px;
}
.textImgBox13 li .photo img {
  width:100%;
}
.textImgBox13 p.title {
  padding-bottom:2%;
  font-size: 20px;
  font-family: serif;
  font-weight: bold;
}
.textImgBox13 p.sub {
  padding-bottom:2%;
  display:block;
  line-height:120%;
  font-weight:normal;
  font-size:14px;
}
.textImgBox13 .body {
}
.textImgBox13 .body p {
  padding-bottom:4%;
}

/* [sp] textImgBox14
----------------------------------------*/
.textImgBox14 {
}
.textImgBox14 {
  overflow:hidden;
}
.textImgBox14 li {
  padding-bottom:50px;
}
.textImgBox14 li p.title {
  margin-bottom:5px;
  padding:5px 10px;
  background:#0058a1;
  color:#fff;
  font-weight:bold;
}
.textImgBox14 li .photo {
  margin:0 auto;
  width:80%;
}
.textImgBox14 li .photo img {
  text-align:center;
  width:100%;
}
.textImgBox14 li .body {
  padding:0 20px;
}


/* [sp] textImgBox15
----------------------------------------*/
.textImgBox15 {
}
.textImgBox15 {
  overflow:hidden;
}
.textImgBox15 li {
  padding-bottom:50px;
}
.textImgBox15 li p.title {
  margin-bottom:5px;
  padding:5px 10px;
  background:#0058a1;
  color:#fff;
  font-weight:bold;
}
.textImgBox15 li th,
.textImgBox15 li td {
  padding:5px 10px;
  display:block;
}
.textImgBox15 li th {
  padding-left:28px;
}
.textImgBox15 li th.no01 {
  background:url(../images/common/arrow_no01.gif) no-repeat 0 5px;
  font-weight:bold;
  font-size:14px;
}
.textImgBox15 li th.no02 {
  background:url(../images/common/arrow_no02.gif) no-repeat 0 5px;
  font-weight:bold;
  font-size:14px;
}
.textImgBox15 li th.no03 {
  background:url(../images/common/arrow_no03.gif) no-repeat 0 5px;
  font-weight:bold;
  font-size:14px;
}
.textImgBox15 li td.no01,
.textImgBox15 li td.no02,
.textImgBox15 li td.no03 {
  color:#a10008;
  font-weight:bold;
  font-size:16px;
}
.textImgBox15 li td {
  border-bottom:1px solid #e1e1e1;
  text-align:right;
}
.textImgBox15 li .body {
  padding:20px 20px 0 20px;
}


/* [sp] textImgBox16
----------------------------------------*/
.textImgBox16 {
  overflow:hidden;
}
.textImgBox16 li {
  padding:0 4% 0 0;
  float:left;
  width:30%;
}
.textImgBox16 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox16 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox16 li .photo {
  padding-bottom:5px;
}
.textImgBox16 li .photo img {
  width:100%;
}
.textImgBox16 li .box {
  text-align:center;
}
.textImgBox16 li .box p {
  padding:0;
  line-height:150%;
}
.textImgBox16 li p.rank {
  display:none;
}
.textImgBox16 li .box p.name {
}
.textImgBox16 li .box span {
  display:block;
  font-size:11px;
}
.textImgBox16 li p.catch {
  display:none;
}

/* [sp] textImgBox17
----------------------------------------*/
.textImgBox17 {
  padding-bottom:8%;
}
.textImgBox17 .titleText {
  margin-bottom:4%;
  padding:0 0 0 4%;
  border-left:4px solid #ccc;
  font-size:20px;
}
.textImgBox17 .imgBox01 {
  padding-bottom:8%;
}
.textImgBox17 .imgBox02 {
}
.textImgBox17 li {
  padding:4% 0;
  border-bottom:1px dashed #ccc;
  overflow:hidden;
}
.textImgBox17 li .photo {
  float:left;
  width:26%;
}
.textImgBox17 li .photo img {
  width:100%;
}
.textImgBox17 li .box {
  float:right;
  width:70%;
}
.textImgBox17 li .box p {
  padding:0;
}
.textImgBox17 li .box p.title {
  padding-bottom:2%;
  font-size:18px;
}
.textImgBox17 li p.catch {
  padding-top:5px;
}

/* [sp] textImgBox18
----------------------------------------------------------*/
.textImgBox18 {
}
.textImgBox18 li {
  margin-bottom:2%;
}
.textImgBox18 a {
  padding:10% 0;
  display:block;
  text-decoration:none;
  text-align:center;
  color:#fff;
  font-weight:bold;
  font-size:14px;
}
.textImgBox18 span {
  display:block;
  font-weight:normal;
  font-size:11px;
}

/* btn01 */
.textImgBox18 li#btn01 {
  background:url(../images/sample_btn01.jpg) no-repeat;
  background-size: cover;
}
/* btn02 */
.textImgBox18 li#btn02 {
  background:url(../images/sample_btn02.jpg) no-repeat;
  background-size: cover;
}
/* btn03 */
.textImgBox18 li#btn03 {
  background:url(../images/sample_btn03.jpg) no-repeat;
  background-size: cover;
}

.textImgBox18 a {
  background-color: rgba(0,0,0, 0.5);
}
.textImgBox18 a:hover {
  background-color: rgba(255,255,255, 0);
}

/* [sp] textImgBox19
----------------------------------------------------------*/
.textImgBox19 {
  margin:0 auto;
  padding-bottom:4%;
  overflow:hidden;
}
.textImgBox19 li {
  margin-bottom:8%;
  padding-bottom:10%;
  background:url(../images/yazi.gif) no-repeat center bottom;
  background-size:10%;
  overflow:hidden;
}
.textImgBox19 li:last-child {
  margin-bottom:0;
  padding-bottom:0;
  background:none;
}
.textImgBox19 .photo {
  float:left;
  width:24%;
}
.textImgBox19 .photo img {
  width:100%;
}
.textImgBox19 .box {
  float:right;
  width:72%;
}
.textImgBox19 .box p.title {
  padding-bottom:0;
  font-size:22px;
}
.textImgBox19 .box p.title span {
  color:#ae1c1e;
}

/* [sp] textImgBox20
----------------------------------------------------------*/
.textImgBox20 {
}
.textImgBox20 p.number {
  padding:0;
  float:left;
  width:50%;
  line-height:90%;
  font-size:100px;
}
.textImgBox20 p.number span {
  display:none;
}
.textImgBox20 li {
  padding:20px 0;
  border-bottom:1px dashed #ccc;
  overflow:hidden;
}
.textImgBox20 li .photo {
  padding-bottom:4%;
  float:right;
  width:50%;
}
.textImgBox20 li .photo img {
  width:100%;
}
.textImgBox20 li .body {
  clear:both;
}
.textImgBox20 li .title {
  padding-bottom:4%;
  font-size:22px;
}

/* [sp] textImgBox21
----------------------------------------------------------*/
.textImgBox21 {
  margin-bottom:20px;
}
.textImgBox21 li {
  padding-bottom:10px;
}
.textImgBox21 li a {
  padding:2% 0 2% 30px;
  background:#ffd232 url(../images/common/arrow01.gif) no-repeat 2% 50%;
  display:block;
  text-decoration:none;
  color:#222;
}
.textImgBox21 li a:hover {
  background:#ffe898 url(../images/common/arrow01.gif) no-repeat 2% 50%;
}

/* [sp] textImgBox22
----------------------------------------*/
.textImgBox22 {
  overflow:hidden;
}
.textImgBox22 img {
  width:100%;
}
.textImgBox22 li {
  padding-right:3%;
  float:left;
  width:31%;
}
.textImgBox22 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox22 li:nth-child(3n+1) {
  clear:both;
}

/* [sp] textImgBox23
----------------------------------------------------------*/
.textImgBox23 {
  padding-bottom:4%;
}
.textImgBox23 li {
  margin-bottom:4%;
  padding:8% 0;
  background:#EAE2FA url(../images/bg01.png) no-repeat right bottom;
  background-size:30%;
  text-align:center;
  font-size:16px;
}
.textImgBox23 li:last-child {
  margin-bottom:0;
}
.textImgBox23 span {
  display:block;
  font-size:12px;
}

/* [sp] textImgBox24
----------------------------------------------------------*/
.textImgBox24 {
  padding-bottom:4%;
}

/* textImgBox14 */
.textImgBox24 .textImgBox14 {
  overflow:hidden;
}
.textImgBox24 .textImgBox14 li {
  padding-bototm:4%;
  overflow:hidden;
}
.textImgBox24 .textImgBox14 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox24 .textImgBox14 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox24 .textImgBox14 li p.title {
  margin-bottom:2%;
  padding:0;
  background:none;
  text-indent:inherit;
  color:#fff;
  font-size:16px;
}
.textImgBox24 .textImgBox14 li .photo {
  padding-bottom:2%;
  float:left;
  width:27%;
}
.textImgBox24 .textImgBox14 li .photo img {
  border-radius:10px;
  text-align:center;
  width:100%;
}
.textImgBox24 .textImgBox14 li .body {
  padding:0;
  float:right;
  width:70%;
  text-align:left;
}
/* カラータイトル01 */
.textImgBox24 .textImgBox14 li.bg01 p.title {
  background:#1a889f;
}
/* カラータイトル02 */
.textImgBox24 .textImgBox14 li.bg02 p.title {
  background:#ea5514;
}
/* カラータイトル03 */
.textImgBox24 .textImgBox14 li.bg03 p.title {
  background:#345700;
}

/* 共通 */
.textImgBox24 .box {
  margin:0 auto;
  padding:4% 4% 0 4%;
  border:1px solid #ccc;
  border-radius:10px;
  text-align:center;
}

/* タグ */
.textImgBox24 .type01,
.textImgBox24 .type02,
.textImgBox24 .type03 {
  margin-bottom:4%;
}
.textImgBox24 .type01 span,
.textImgBox24 .type02 span,
.textImgBox24 .type03 span {
  padding:2% 4%;
  color:#fff;
}
.textImgBox24 .type01 span {
  background:#1a889f;
}
.textImgBox24 .type02 span {
  background:#ea5514;
}
.textImgBox24 .type03 span {
  background:#345700;
}


/* stepStart */
.textImgBox24 .stepStart {
  text-align:left;
}
/* 枠線01 */
.textImgBox24 .step01 {
  border:5px solid #1a889f;
}
/* 枠線02 */
.textImgBox24 .step02 {
  border:5px solid #f00;
}
.textImgBox24 .box .title {
  padding-bottom:4%;
  background-position:center;
  font-size:22px;
}

/* 写真テキスト */
.textImgBox24 .photoBox {
  padding-bottom:4%;
  overflow:hidden;
}
.textImgBox24 .photoBox .photo {
  float:left;
  width:27%;
}
.textImgBox24 .photoBox .photo img {
  border-radius:10px;
  width:100%;
}
.textImgBox24 .photoBox .textBox {
  text-align:left;
  float:right;
  width:70%;
}
.textImgBox24 .photoBox dl {
  margin-top:4%;
}
.textImgBox24 .photoBox dt {
  padding-bottom:2%;
  background-size:20px;
  color:#f62837;
}
.textImgBox24 .photoBox dd {
  padding-bottom:8%;
}
/* 矢印 */
.textImgBox24 .yazi {
  padding:4% 0;
  text-align:center;
}
.textImgBox24 .yazi img {
  width:30px;
}

/* [sp] textImgBox25
----------------------------------------------------------*/
.textImgBox25 {
  padding:4%;
  background:#ae1c1e;
  color:#fff;
}
.textImgBox25 .innerBox {
  padding-bottom:0;
}
.textImgBox25 #telBox {
}
.textImgBox25 #telBox p {
  padding-bottom:0;
}
.textImgBox25 #telBox p.tel {
}
.textImgBox25 #telBox .tel span {
  padding:1% 0 2% 12%;
  background:url(../images/common/arrow_tel03.png) no-repeat;
  background-size:10%;
  display:block;
  font-size:34px;
}
.textImgBox25 .photo {
  text-align:center;
}
.textImgBox25 .photo img {
  width:100%;
}
/* リンク */
.textImgBox25 #telBox a {
  color:#fff;
}


/* [sp] textImgBox26
----------------------------------------*/
.textImgBox26 {
  overflow:hidden;
}
.textImgBox26 .photo {
  padding-bottom:4%;
}
.textImgBox26 .photo img {
  margin-bottom:5%;
  width:100%;
}
.textImgBox26 .box {
}
.textImgBox26 p.rank {
  padding-bottom:2%;
}
.textImgBox26 .rank span {
    margin-right:4%;
    padding:2% 4%;
    background:#999 none repeat scroll 0% 0%;
  line-height:220%;
    color:#fff;
}
.textImgBox26 .box p.title {
  margin-bottom:4%;
  padding-bottom:2%;
  border-bottom: 1px solid #CCC;

  font-size:20px;
}
.textImgBox26 .box p.catch {
  padding-bottom:4%;
  line-height:130%;
  font-size:16px;
}
/* thum */
.textImgBox26 .thum {
  overflow:hidden;
}
.textImgBox26 .thum li {
  padding-right:5%;
  float:left;
  width:30%;
}
.textImgBox26 .thum li:last-child {
  padding-right:0;
}
.textImgBox26 .thum li img {
  width:100%;
}

/* [sp] textImgBox27
----------------------------------------*/
.textImgBox27 {
}
.textImgBox27 li {
  margin-bottom:4%;
  padding:4%;
  border:1px solid #ccc;
}
.textImgBox27 li .photo {
  padding-bottom:4%;
  text-align:center;
}
.textImgBox27 li .photo img {
  width:50px;
}
.textImgBox27 p.rank {
  padding-bottom:0;
}
.textImgBox27 p.name {
  padding-bottom:4%;
  text-align:center;
  font-weight:bold;
  font-size:16px;
}
.textImgBox27 p.catch {
  padding-bottom:4%;
}
/* リンク */
.textImgBox27 a.btn {
  margin-bottom:0;
  padding:2% 0;
  width:100%;
  font-size:12px;
}

/* [sp] textImgBox28
----------------------------------------------------------*/
.textImgBox28 {
  overflow:hidden;
}
.textImgBox28 li {
  padding:4%;
  overflow:hidden;
}
.textImgBox28 p {
  padding-bottom:0;
}
.textImgBox28 p.date {
  margin-right:4%;
  float:left;
  width:20%;
  font-size:11px;
}
.textImgBox28 p.icon {
  float:left;
  width:40%;
  text-align:center;
  color:#fff;
  font-size:11px;
}
.textImgBox28 p.title {
  clear:both;
}

/* アイコンカラー */
.textImgBox28 p.bg01 {
  background:#165b64;
}
.textImgBox28 p.bg02 {
  background:#644616;
}
.textImgBox28 p.bg03 {
  background:#641634;
}
.textImgBox28 p.bg04 {
  background:#166446;
}
.textImgBox28 p.bg05 {
  background:#E52E1C;
}
.textImgBox28 p.bg06 {
  background:#0d1e3a;
}

/* 偶数行の背景色を変更 */
.textImgBox28 li:nth-child(2n){
  background:#f3f3f3;
}

/* 奇数行の背景色を変更 */
.textImgBox28 li:nth-child(2n+1) td {
  background:#fff;
}




/* [sp] textImgBox29
----------------------------------------------------------*/
.textImgBox29 {
}

/* 共通 */
.textImgBox29 li {
  padding:4%;
}
.textImgBox29 .title {
  margin-bottom:4%;
  padding-bottom:4%;
  text-align:center;
  line-height:150%;
}
.textImgBox29 .title span {
  padding-bottom:10px;
  display:block;
  font-weight:bold;
  font-size:24px;
}
.textImgBox29 .icon img {
  display:none;
  width:50px;
}
.textImgBox29 .photo {
  padding-bottom:30px;
  text-align:center;
}
.textImgBox29 .photo img {
  width:100%;
}
.textImgBox29 table {
  font-size:12px;
}
.textImgBox29 th {
  padding:5px;
  border-bottom:3px solid #fff;
  display:block;
  font-size:16px;
}
.textImgBox29 td {
  padding:5px;
  border-bottom:3px solid #fff;
  display:block;
}
.textImgBox29 .bg01 th {
  background:#fbedee;
  display:block;
}
.textImgBox29 .bg01 td {
  background:#fff;
  display:block;
}
.textImgBox29 .bg02 th {
  background:#eef0f5;
  display:block;
}
.textImgBox29 .bg02 td {
  background:#fff;
  display:block;
}


/* box01 */
.textImgBox29 .box01 {
  margin-bottom:4%;
  border:5px solid #d0111b;
  border-radius:20px;
  position:relative;
  display:block;
}
.textImgBox29 .box01 .icon {
  position:absolute;
  top:-16px;
  left:20px;
}
.textImgBox29 .box01 .title {
  border-bottom:3px solid #d0111b;
}
.textImgBox29 .box01 .title span {
  color:#d0111b;
}


/* box02 */
.textImgBox29 .box02 {
  margin-bottom:4%;
  border:5px solid #f6ac1d;
  border-radius:20px;
  position:relative;
  display:block;
}
.textImgBox29 .box02 .icon {
  position:absolute;
  top:-16px;
  left:20px;
}
.textImgBox29 .box02 .title {
  border-bottom:3px solid #f6ac1d;
}
.textImgBox29 .box02 .title span {
  color:#f6ac1d;
}


/* box03 */
.textImgBox29 .box03 {
  border:5px solid #183b8c;
  border-radius:20px;
  position:relative;
  display:block;
}
.textImgBox29 .box03 .icon {
  position:absolute;
  top:-16px;
  left:20px;
}
.textImgBox29 .box03 .title {
  border-bottom:3px solid #183b8c;
}
.textImgBox29 .box03 .title span {
  color:#183b8c;
}

/* [sp] textImgBox33
----------------------------------------------------------*/
.textImgBox33 {
  border:4% solid #333;
  background:#333;
  color:#fff;
}
.textImgBox33 li:first-child {
  border-top:1px solid #333;
}
.textImgBox33 li {
  padding:0 4% 8% 4%;
  overflow:hidden;
}
.textImgBox33 li:last-child {
  padding-bottom:4%;
}
.textImgBox33 p.title {
  margin:0 -4% 4% -4%;
  padding:5px 0;
  background:#fff;
  text-align:center;
  color:#333;
  font-size:18px;
}
.textImgBox33 .photo {
  padding-bottom:2%;
}
.textImgBox33 .photo img {
  border-radius:6px;
  width:100%;
}
.textImgBox33 .box {
}



/* [sp] textImgBox35
----------------------------------------------------------*/
.textImgBox35 {
}
.textImgBox35 li {
  margin-bottom:4%;
  background:#eef6df;
  overflow:hidden;
}
.textImgBox35 p.title {
  margin-bottom:4%;
  padding-bottom:2%;
  border-bottom:2px solid #8bc327;
  font-size:18px;
}
.textImgBox35 .photo {
}
.textImgBox35 .photo img {
  width:100%;
}
.textImgBox35 .box {
  padding:4%;
  box-sizing: border-box;
}

/* 偶数行の背景色を変更 */
.textImgBox35 li:nth-child(2n) {
  background:#fcecd5;
}
.textImgBox35 li:nth-child(2n) .box p.title {
  border-bottom:2px solid #f59a17;
}

/* [sp] textImgBox36
----------------------------------------------------------*/
.textImgBox36 {
}
.textImgBox36 li {
  overflow:hidden;
  border-bottom: 1px solid #dbdbdb;
  padding-top: 9px;
}
.textImgBox36 li p.date {
  padding-bottom:0;
}
.textImgBox36 li p.date span {
  padding:2px 5px;
  color: #a06011;
}
.textImgBox36 li p.title {
  padding-bottom:2%;
}
.textImgBox36 li .box {
  padding:2% 0 8% 0;
  border-top:1px solid #ccc;
  clear:both;
}

/* [sp] textImgBox37
----------------------------------------*/
.textImgBox37 {
  /* overflow:hidden; */
}
.textImgBox37 li {
  margin: 0 4% 4% 0;
  float:left;
  width:48%;
  position: relative;
}
.textImgBox37 li:nth-child(2n) {
  padding-right:0;
}
.textImgBox37 li .photo {
  padding-bottom:2%;
}
.textImgBox37 li .photo img {
  border:1px solid #ccc;
  box-sizing: border-box;
  width:100%;
}
.textImgBox37 p.title {
  padding-bottom: 0%;
  /* color:#248aca; */
  font-size: 16px;
}
.textImgBox37 p.sub {
  padding-bottom:2%;
  display:block;
  line-height:120%;
  font-weight:normal;
  font-size:14px;
}
.textImgBox37 .body {
}

/* [sp] textImgBox38
----------------------------------------------------------*/
.textImgBox38 {
  padding-bottom:4%;
  overflow:hidden;
}
.textImgBox38 .photo {
  float:left;
  width:48%;
}
.textImgBox38 .photo img {
  width:100%;
}

/* lead */
.textImgBox38 .lead {
  padding-top:4%;
  float:right;
  width:48%;
}
.textImgBox38 .lead p.title {
  padding-bottom:2%;
  font-weight:bold;
  font-size:20px;
}
.textImgBox38 .lead p.title span {
  display:block;
  font-size:14px;
}

/* box */
.textImgBox38 .box {
  padding-top:4%;
  clear:both;
}
.textImgBox38 .box p.title {
  padding-bottom:2%;
  font-weight:bold;
  font-size:20px;
}
.textImgBox38 .box a.btn02 {
  padding:5px 0;
  background:#ca2437;
  display:block;
  text-align:center;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
}

/* [sp] textImgBox42
----------------------------------------------------------*/
.textImgBox42 {
}
.textImgBox42 li {
  padding-bottom:4%;
}
.textImgBox42 li a {
  padding:2% 0 2% 4%;
  border:1px solid #ccc;
  background:#ffd232 url(../images/common/arrow01.gif) no-repeat 96% 50%;
  display:block;
  text-decoration:none;
  color:#222;
}

/* [sp] textImgBox43
----------------------------------------------------------*/
.textImgBox43 {
  margin:0 auto;
  padding-bottom:4%;
  overflow:hidden;
}
.textImgBox43 li {
  overflow:hidden;
  color:#000;
  text-align: center;
}
.textImgBox43 .photo {
  float:left;
  width:24%;
}
.textImgBox43 .photo img {
  width:100%;
}
.textImgBox43 .box {
  float:right;
  width:72%;
}
.textImgBox43 p.title {
  padding-bottom:2%;
  color:#003B90;
  font-size:22px;
}
.textImgBox43 .bgBox01 {
  border:5px solid #003B90;
  padding: 4%;
}
.textImgBox43 .bgBox02 img {
    width: 10%;
}
/* last-chile */
.textImgBox43 li:last-child .bgBox01 {
  margin-bottom:0;
  padding-bottom:4%;
  background:#003B90;
  color:#fff;
}
.textImgBox43 li:last-child .bgBox01 p.title {
  color:#fff;
}


/* [sp] textImgBox45
----------------------------------------------------------*/
.textImgBox45 {
}
.textImgBox45 .photo img {
  padding-bottom: 8%;
  width: 100%;
}
.textImgBox45 .photoL img {
  padding-bottom: 8%;
  width: 100%;
}
.textImgBox45 .photoR img {
  padding-bottom: 8%;
  width: 100%;
}
.textImgBox45 .box {
  padding: 0 4% 4% 4%;
  color: #fff;
}
.textImgBox45 p {
  padding-bottom:2%;
}
.textImgBox45 p.sub {
  font-size: 12px;
}
.textImgBox45 p.title {
  line-height:120%;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight:600;
  font-size: 30px;
}
.textImgBox45 p.title span {
  display:block;
  font-size: 12px;
}


/* [sp] textImgBox46
----------------------------------------------------------*/
.textImgBox46 {
}
.textImgBox46 .title {
  padding-left: 8%;
  background: url(../images/icon02.png) no-repeat left 6%;
  font-weight: bold;
}
.textImgBox46 .photo img {
    padding-bottom: 8%;
    width: 100%;
}
.textImgBox46 .photoR img {
    padding-bottom: 8%;
    width: 100%;
}
.textImgBox46 .photoL img {
    padding-bottom: 8%;
    width: 100%;
}


/* [sp] textImgBox47
----------------------------------------------------------*/
.textImgBox47 {
}
.textImgBox47 .photo img {
    width: 100%;
    padding-bottom: 8%;
}
.textImgBox47 dl {
  background:url(../images/line.png) repeat-y 20px 0;
}
.textImgBox47 dt {
  padding:3% 16% 4%;
  background:url(../images/clock.png) no-repeat;
  font-size:22px;
}
.textImgBox47 dd {
  padding:0 16% 4%;
}
.textImgBox47 dd:last-child {
  background:#fff;
}


/* textImgBox49
----------------------------------------------------------*/
.textImgBox49 {
}
.textImgBox49 li {
  padding-bottom:2%;
}
.textImgBox49 li img {
  width:100%;
}

/* [sp] textImgBox50
----------------------------------------*/
.textImgBox50 {
}
.textImgBox50 li {
  padding-bottom: 4%;
  font-size: 14px;
  text-align: left;
}
.textImgBox50 li img {
  width:100%;
}

/* [sp] textImgBox51
----------------------------------------*/
.textImgBox51 {
}
.textImgBox51 li {
  margin-bottom: 6%;
}
.textImgBox51 li img {
  width:100%;
}

/* [sp]  textImgBox52
----------------------------------------*/
.textImgBox52 {
}
.textImgBox52 li {
  padding-bottom:8%;
}
.textImgBox52 li .head {
  padding-bottom:0;
  overflow:hidden;
  font-weight:600;
  font-size:20px;
}
.textImgBox52 li p.sub {
  margin-bottom:2%;
  padding:1% 4%;
  background:#CD0000;
  border-radius:30px;
  font-family: 'Oswald', sans-serif;
  text-align:center;
  width:30%;
  color:#fff;
  font-weight:400;
  font-family: 'Oswald', sans-serif;
  font-size:14px;
}
.textImgBox52 li p.title {
  padding-bottom:2%;
}

/*  [sp] textImgBox54
----------------------------------------------------------*/
.textImgBox54 {
}
.textImgBox54 ul li {
  width: 100%;
  margin: 0 auto 8%;
  position: relative;
}
.textImgBox54 p.title {
  padding-bottom:2%;
  font-size:20px;
}
.textImgBox54 .stepBox {
  background: #49a5d7;
  display: block;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  padding: 4% 0;
}
.textImgBox54 .textBox {
  display: block;
  vertical-align: middle;
  background: #eef9ff;
  padding: 4%;
}
.textImgBox54 li:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #49a5d7 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
.textImgBox54 .stepBox p span {
  font-family: 'Oswald', sans-serif;
  font-size: 22px;
}
.textImgBox54 li:last-child:after {
  border: none;
}


/* [sp] textImgBox55
----------------------------------------------------------*/
.textImgBox55 {
  padding-bottom:4%;
  overflow:hidden;
}
.textImgBox55 .photo {
  float:left;
  width:35%;
  text-align:center;
}
.textImgBox55 .photo img {
  width:100%;
}
.textImgBox55 .box {
  float:right;
  width:61%;
}
.textImgBox55 .box p {
}
.textImgBox55 .box p.title {
  padding-bottom:10px;
  font-size:20px;
}


/* LINE@ページのQR
----------------------------------------------------------*/
#line {
  background:#fff;
}
#line h3 {
  margin-bottom:4%;
  padding-bottom:2%;
  font-size:20px;
}
#line h3 span {
  border-bottom:5px solid #4db848;
}
#line h4 {
  margin-bottom:4%;
  padding:2%;
  border-left:7px solid #126c0e;
  background:#4db848;
  text-align:left;
  font-size:16px;
}
#line h4 span {
  color:#fff;
}


/* borderBox01 */
#line .textImgBox10 {
}
#line .textImgBox10 p.title {
  margin-bottom:4%;
  padding-bottom:2%;
  border-bottom:3px solid #4db848;
  color:#4db848;
  font-size:20px;
}

/* borderBox01 */
#line .borderBox01 {
  margin-bottom:0;
  border:none;
  background:#e5efd2;
}

/* QRコード */
.linePcQrBox {
  display:none;
}
.lineSpQrBox {
  padding-bottom:4%;
  text-align:center;
}

/* [sp] 求める人材像
----------------------------------------------------------*/
#policyBox {
}

#policyBox p.catch {
  margin-bottom:4%;
  padding:2%;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
#policyBox ul {
  margin:4% 0;
}
#policyBox li {
  margin-bottom:2%;
  padding:4%;
  background:#094DB1;
  color:#fff;
}

/* [sp] プライバシーポリシー
----------------------------------------------------------*/
#privacyBox {
  overflow:auto;
  height:300px;
}
#privacyBox p.title {
  font-weight:bold;
  font-size:18px;
}



/* [sp] メールでのお問い合わせ
----------------------------------------------------------*/
#contactBg {
  padding:4%;
  border-radius:6px;
  background:#b58c67;
}
#contactBg02 {
  padding:0 4% 4% 4%;
  background:#fff;
  position:relative;
}
#contactBg02 .icon {
  text-align:center;
}
#contactBg02 .icon img {
  width:50%;
}
/* 5つのお約束 */
#contactBg ol.style01 {
  margin-left:20px;
}



/* [sp] box_switch01
----------------------------------------------------------*/
.box_switch01 {
}
  .switchNav01 {
    display: block;
    width: 100%;
    height: auto;
    border-left: none;
  }
    .switchNav01 li {
      display: block;
      float: none;
      margin-top: 10px;
      border: none;
      background: none;
    }
    .switchNav01.col2 li { width: 100%; }
      .switchNav01 li .tit {
        background-color: #333;
        background-image: url(../img/ico/ico_open01_sp.png);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: 15px center;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
      }
      .switchNav01 li.open .tit {
        background-color: #333;
        background-image: url(../img/ico/ico_close01_sp.png);
      }
        .switchNav01 li .tit a,
        .switchNav01 li .tit a:hover,
        .switchNav01 li .tit a:focus,
        .switchNav01 li.current .tit a {
          padding: 20px 45px;
          background-color: transparent;
          color: #fff;
          font-size: 128.57%;
          text-align: center;
        }
    .switchNav01 li .content {
      padding: 15px;
      border: 4px solid #333;
    }
    .box_switch01 .contentBox01 {
      display: none;
    }

/* [sp] googleMapBox
----------------------------------------------------------*/
.googleMapBox {
}
.googleMapBox iframe {
  display:none;
}
.googleMapBox .spMap {
  text-align:center;
}

/* [sp] textList01
----------------------------------------*/
.textList01 {
}
.textList01 li {
  padding:10px 0;
  border-bottom:1px dotted #ccc;
}
.textList01 li p {
  padding-bottom:0;
}
.textList01 li .date {
  font-size:11px;
}
.textList01 li .title {
}


/* pager
----------------------------------------------------------*/
#pager {
  margin:8% 0;
  text-align:center;
}
#pager a {
  margin-right:5px;
  padding:5px 15px;
  border:1px solid #ed1b23;
  background:#ed1b23;
  text-decoration:none;
  color:#fff;
}
#pager a:hover {
  opacity:0.6;
}
/* カレント */
#pager span.current {
  margin-right:5px;
  padding:5px 15px;
  border:1px solid #ed1b23;
  background:#fff;
  text-decoration:none;
  color:#ed1b23;
}


/* [sp] topNews01
----------------------------------------------------------*/
#topNews01 {
}
#topNews01 p.newsTitle {
  margin:0 -4%;
  padding:2% 4%;
  background:#345700;
  color:#fff;
}
#topNews01 ul {
}
#topNews01 p {
  padding-bottom:0;
}
#topNews01 li {
  padding:4%;
  border-bottom:1px solid #c7c7c7;
  overflow:hidden;
}
#topNews01 .date {
  float:left;
  width:20%;
  font-size:12px;
}
#topNews01 .cate {
  padding:1% 0;
  background:#222;
  float:left;
  width:30%;
  text-align:center;
  line-height:1.0;
  color:#fff;
  font-size:11px;
}
#topNews01 .body {
  clear:both;
}
/* お知らせ */
#topNews01 .cate01 {
  background:#222;
}
/* 施工事例 */
#topNews01 .cate02 {
  background:#345700;
}
/* イベント */
#topNews01 .cate03 {
  background:#ff9900;
}

/* [sp] bnrLink01
----------------------------------------------------------*/
.bnrLink01 {
  padding-bottom:20px;
  text-align:center;
}
.bnrLink01 img {
  width:100%;
}

/* [sp] アコーディオン
----------------------------------------------------------*/
.trigger {
  margin-bottom:15px;
  padding:10px 15px;
  border:1px solid #ccc;
  -webkit-box-shadow: 0 7px 6px -6px #777;
     -moz-box-shadow: 0 7px 6px -6px #777;
          box-shadow: 0 7px 6px -6px #777;
}
.open-close {
  padding:0 7px;
  background:rgb(202,36,55);
  border-radius:50%;
  float:right;
  color:#fff;
}

/* [sp] contents
----------------------------------------*/
#contents {
}

/* [sp] YouTube
----------------------------------------------------------*/
.videoContainer {
  margin-bottom:4%;
  position:relative;
  padding:30px 0 56.25% 0;
  height:0;
  overflow:hidden;
}
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* [sp] GoogleMap埋込み
----------------------------------------------------------*/
.iframeMap {
  display:none;
}
.mapBtn {
  text-align:center;
}
.mapBtn img {
  width:70%;
}

/* [sp] box01
----------------------------------------------------------*/
.box01 {
  padding:20px 0 20px 0;
  overflow:hidden;
}

/* [sp] [TABLE] style01
----------------------------------------------------------*/
table.style01 {
  margin-bottom:4%;
  width:100%;
}
table.style01 th {
  padding: 3%;
  display:block;
  vertical-align:top;
}
table.style01 th.title {
  background:#efefef;
  color:#333;
}
table.style01 td {
  padding: 1% 3% 3%;
  display:block;
  vertical-align:top;
  border: none;
}

/* [sp] [TABLE] style02
----------------------------------------------------------*/
table.style02 {
  margin-bottom:4%;
  width:100%;
}
table.style02 th {
  padding:4%;
  background:#519027;
  display:block;
  vertical-align:top;
}
table.style02 td {
  padding:4%;
  display:block;
  vertical-align:top;
}

/* [sp] [TABLE] style03
----------------------------------------------------------*/
table.style03 {
  margin-bottom:4%;
  width:100%;
}
table.style03 th {
  padding:4%;
  border-bottom:1px solid #519027;
  display:block;
  vertical-align:top;
  color:#519027;
}
table.style02 th.title {
  background:#efefef;
}
table.style03 td {
  padding:4%;
  border-bottom:1px solid #519027;
  display:block;
  vertical-align:top;
}

/* [sp] [UL] style01
----------------------------------------------------------*/
ul.style01 {
  margin-left:4%;
  list-style-type:disc;
}
ul.style01 li {
  padding-bottom:4%;
}
ul.style01 li:last-child {
  padding-bottom:0;
}

/* [sp] [OL] style01

----------------------------------------------------------*/
ol.style01 {
  margin-left:4%;
  list-style-type:decimal;
}
ol.style01 li {
  padding-bottom:4%;
}
ol.style01 li:last-child {
  padding-bottom:0;
}

/* [sp] [DL] style01
----------------------------------------------------------*/
dl.style01 {
}
dl.style01 dt {
  padding:4% 0 2% 0;
  font-size:18px;
}
dl.style01 dd {
  padding-bottom:4%;
  border-bottom:1px solid #ccc;
}
dl.style01 dt:first-child {
  padding-top:0;
}


/* [sp] パンくずリスト
----------------------------------------------------------*/
#breadcrumb {
  padding:10px 0 30px 0;
}
#breadcrumb li {
  display:inline;
}
#breadcrumb a {
  padding:0 12px 0 0;
  background:url(../images/common/topic_path.gif) no-repeat right;
}

/* [sp] tableWidthBox01
----------------------------------------------------------*/
.tableWidthBox01 {
  margin-bottom:30px;
  width: 100%;
  overflow-x: auto;
}
.tableWidthBox01 table {
  width: 960px;
}
.tableWidthBox01 th,
.tableWidthBox01 td {
  display:table-cell;
}
.tableWidthBox01 th {
  padding:2%;
  border-bottom:1px solid #dfdfdf;
  background:#fff;
  vertical-align:top;
}
.tableWidthBox01 td {
  padding:2%;
  border-bottom:1px solid #dfdfdf;
  vertical-align:top;
}

/* [sp] tableWidthBox02
----------------------------------------------------------*/
.tableWidthBox02 {
}
.tableWidthBox02 table.style01 {
  border-collapse: collapse;
  border-spacing:0 !important;
  display: block;
  position: relative;
}
.tableWidthBox02 table.style01 thead {
  display: block;
  float: left;
}
.tableWidthBox02 table.style01 tbody {
  display: block;
  position: relative;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
}
.tableWidthBox02 table.style01 thead th {
  background: #ffc;
  display: block;
}
.tableWidthBox02 table.style01 tbody td {
  display: block;
}
.tableWidthBox02 table.style01 tbody tr {
  display: inline-block;
}
.tableWidthBox02 table.style01 th:not(:last-child) {
  border-bottom: none;
}
.tableWidthBox02 table.style01 td:not(:last-child) {
  border-bottom: none;
}
.tableWidthBox02 table.style01 td {
  border-left: none;
}
/* デザイン */
.tableWidthBox02 table.style01 th {
  padding:5px 10px;
  border:1px solid #dfdfdf;
  vertical-align:top;
  font-weight:bold;
}
.tableWidthBox02 table.style01 td {
  padding:5px 10px;
  border:1px solid #dfdfdf;
  vertical-align:top;
}

/* [sp] dateBox（共通）
----------------------------------------------------------*/
.dateBox {
  margin-bottom:4%;
  padding:4%;
  background:#efefef;
  overflow:hidden;
  line-height:170%;
  font-size:12px;
}
.dateBox li.date {
  padding-right:4%;
  float:left;
}
.dateBox li.icon {
  margin-right:4%;
  padding:0 4%;
  border-radius:2px;
  float:left;
}
.dateBox li.bg01 {
  border:1px solid #ccc;
}



/* [sp] footerBnrList
----------------------------------------------------------*/
#footerBnrList {
    width: 100%;
  overflow:hidden;
  background:#333;
  padding:3% 0;
}
#footerBnrList ul {
  width:94%;
  margin:0 auto;
}
#footerBnrList li:first-child {
    width: 100%;
  float:left;
  padding:0 0 1%;
}
#footerBnrList li:first-child img {
    width: 100%;
}
#footerBnrList li {
  width:32%;
  float:left;
  padding:0 2% 0 0 ;
}
#footerBnrList li img {
    width: 100%;
}
#footerBnrList li:last-child {
  padding:0 0 0 0 ;
}
/* [sp] footer footerType03
----------------------------------------------------------*/
#footerType03 {
}
#footerType03 #footerLogo {
  width: 100%;
  padding-bottom:4%;
}
#footerLogo img {
  width: 100%;
}
#footerType03 address {
  padding-bottom: 4%;
}
#footerType03 address dt {
  padding-bottom: 4%;
  font-weight: bold;
  font-size: 14px;
}
#footerType03 #fNavi p {
  padding: 2%;
  border-top: 1px solid #005ac9;
}
#footerType03 #fNavi p a {
  display: block;
  background:url(../images/common/arrow01.gif) no-repeat 96% 50%;
}
#footerType03 a {
  text-decoration:none;
}


/* [sp] footer footerType02
----------------------------------------------------------*/
footer#footerType02 {
  margin-bottom:4%;
  overflow:hidden;
  color:#fff;
}
footer#footerType02 a {
  color:#fff;
}
footer#footerType02 .box01 {
  background:#444;
  display:block;
}
footer#footerType02 .inner {
  padding:0 4%;
}
/* facebookページ */
footer#footerType02 #photoBox {
  padding-bottom:4%;
}
/* 住所 */
footer#footerType02 address {
}
footer#footerType02 address dt {
  padding-bottom:2%;
  border-bottom:1px solid #ccc;
}
footer#footerType02 address dd {
  padding:2% 0 4% 0;
}
/* あああああ株式会社 */
footer#footerType02 address .style01 {
  margin-bottom:4%;
  padding:4%;
  background:#6c6c6c;
  font-size:12px;
}
footer#footerType02 address .style01 dt {
  padding-bottom:2%;
  border-bottom:1px solid #ccc;
}
footer#footerType02 address .style01 dd {
  padding:2% 0;
  background:none;
}
/* ロゴ */
footer#footerType02 #footerLogo {
  padding-bottom:4%;
  font-size:16px;
}
/* footerBox */
footer#footerType02 #footerBox {
  padding-bottom:4%;
  font-size:16px;
}
footer#footerType02 #footerLogo img {
  width:100%;
}
/* fNavi */
footer#footerType02 #fNavi {
  margin-bottom:4%;
}
footer#footerType02 #fNavi li {
  border-bottom:1px solid #ccc;
}
footer#footerType02 #fNavi a {
  padding:2% 4%;
  background:url(../images/common/arrow01.gif) no-repeat 96% 50%;
  display:block;
  text-decoration:none;
  color:#333;
}
/* コピーライト */
footer#footerType02 #copy {
  padding:4%;
  text-align:center;
  font-size:11px;
}



/* [sp] footer footerType01
----------------------------------------------------------*/
footer#footerType01 {
  margin-bottom:4%;
  background:#78ba1d;
  color:#fff;
}
footer#footerType01 .innerBox {
  padding:0;
}
footer#footerType01 a {
  color:#fff;
}
footer#footerType01 .box01 {
  padding:0;
}
/* ロゴ */
footer#footerType01 #footerLogo {
  display:none;
}
/* 住所 */
footer#footerType01 address {
  padding:4%;
  text-align:center;
}

/* バナー */
footer#footerType01 #bnrList {
  padding:4%;
  overflow:hidden;
}
footer#footerType01 #bnrList li {
  padding:0 2% 2% 0;
  float:left;
  width:49%;
}
footer#footerType01 #bnrList li:nth-child(2n) {
  padding-right:0;
}
footer#footerType01 #bnrList li:last-child {
  padding-bottom:0;
}
footer#footerType01 #bnrList img {
  width:100%;
}

/* [sp] fNavi */
footer#footerType01 #fNavi {
  margin:0;
}
footer#footerType01 #fNavi li {
  padding:2% 4%;
  border-bottom:1px solid #fff;
}
footer#footerType01 #fNavi a {
  padding:0;
  background:url(../images/common/arrow02.gif) no-repeat 100% 50%;
  display:block;
  text-decoration:none;
  width:100%;
  color:#fff;
}
/* コピーライト */
#copy {
  padding:4%;
  text-align:center;
  font-size:10px;
}



/* [sp] footer footerType04
----------------------------------------------------------*/
footer#footerType04 {
  margin-bottom:4%;
}
footer#footerType04 .innerBox {
  padding:0;
}
footer#footerType04 a {
}
footer#footerType04 .box01 {
  padding:0;
}

/* [sp] fNavi */
footer#footerType04 #fNavi {
  margin:0;
}
footer#footerType04 #fNavi li {
  padding:2% 4%;
  border-top:1px solid #ccc;
}
footer#footerType04 #fNavi li:last-child {
  border-bottom:1px solid #ccc;
}
footer#footerType04 #fNavi a {
  padding:0;
  background:url(../images/common/arrow01.gif) no-repeat 100% 50%;
  display:block;
  text-decoration:none;
  width:100%;
}

/* バナー */
footer#footerType04 #bnrList {
  padding:4%;
  overflow:hidden;
}
footer#footerType04 #bnrList li {
  padding:0 2% 2% 0;
  float:left;
  width:49%;
}
footer#footerType04 #bnrList li:nth-child(2n) {
  padding-right:0;
}
footer#footerType04 #bnrList li:last-child {
  padding-bottom:0;
}
footer#footerType04 #bnrList img {
  width:100%;
}

/* ロゴ */
footer#footerType04 #footerLogo {
  text-align:center;
}
footer#footerType04 #footerLogo img {
  width:50%;
}
/* 住所 */
footer#footerType04 address {
  padding:4%;
  text-align:center;
}

/* コピーライト */
#copy {
  padding:4%;
  border-top:1px solid #ccc;
  text-align:center;
  font-size:10px;
}

/* [sp] pageTop
----------------------------------------------------------*/
#pageTop {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #ed1b23;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}



/* [sp] textImgBox56
----------------------------------------------------------*/



.textImgBox56 .photo {
  width: 100%
}

.textImgBox56 .photo img{
  width: 100%;
}

.textImgBox56 .box .title{
    padding: 10px 0;
    font-size: 20px;
}





/* [sp] textImgBox57
----------------------------------------------------------*/

.textImgBox57 .box02>div>div {
  overflow: hidden;
  padding-bottom: 10px;
}

.textImgBox57 .box02>div .title{
  margin-bottom: 6%;
  padding-bottom: 6%;
  border-bottom: 1px dotted #000;
}

.textImgBox57 .box02>div:last-child .title{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.textImgBox57 .box02>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.textImgBox57 .atag {position: relative;font-size: 14px;float: right;bottom: -5px;}

.textImgBox57 {
    position: relative;
    padding: 30px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.textImgBox57 .box01 {
   overflow: hidden;
   font-size: 20px;
   border-bottom: 1px solid #000;
   margin-bottom: 6%;
   padding-bottom: 2%;
}

.textImgBox57 .box01 p{
  float: left;
}

.textImgBox57 .box02 {
}

.textImgBox57 .box02 .day {
  position: relative;
  float: left;
  margin-right: 20px;
}

.textImgBox57 .box02 .cat {
    float: left;
    margin-right: 0;
    background: #000;
    font-size: 12px;
    padding: 1px 9px 3px;
    color: #FFF;
}



/* [sp] textImgBox58
----------------------------------------------------------*/

.textImgBox58 .box02>div>div {
  overflow: hidden;
  padding-bottom: 10px;
}

.textImgBox58 .box02>div .title{
  margin-bottom: 6%;
  padding-bottom: 6%;
  border-bottom: 1px dotted #000;
}

.textImgBox58 .box02>div:last-child .title{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.textImgBox58 .box02>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.textImgBox58 .atag {
  position: relative;
  font-size: 14px;
  float: right;
  bottom: -5px;
}

.textImgBox58 {
    position: relative;
    padding: 30px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.textImgBox58 .box01 {
   overflow: hidden;
   font-size: 20px;
   border-bottom: 1px solid #000;
   margin-bottom: 6%;
   padding-bottom: 2%;
}


/* [sp] textImgBox59
----------------------------------------------------------*/
.textImgBox59 .photo img {
    width: auto;
}

.textImgBox59 img {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -webkit-touch-callout: none;
}

.textImgBox59 .slick-slide>article img {
    object-fit: contain;
    height: auto;
    width: 100%;
    max-width: 100%;
    border: none;
}

.textImgBox59 .thumbnail-list img {
    width: 100%;
    margin-bottom: 10px;
}

.textImgBox59 .slick-slider {
    background: #efefef;
    border: 1px solid #ccc;
}

.textImgBox59 .slick-slider {
    background: #efefef;
    border: 1px solid #ccc;
}


/* [sp] textImgBox60
----------------------------------------------------------*/


.textImgBox60 img {
    width: 100%;
}

.textImgBox60 li {
    margin-bottom: 30px;
}


/* [sp] textImgBox61
----------------------------------------------------------*/

.textImgBox61 {
    padding: 0;
}

.textImgBox61 li {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 16%;
}
.textImgBox61 .on{
  display: none;
}


.textImgBox61 li a div {
    width: 83%;
    position: absolute;
    bottom: -10%;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.8784313725490196);
    padding: 3%;
    border: 1px solid #ddd;
    z-index: 3;
    color: #333;
}

.textImgBox61 li a .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2%;
  margin: 0;
}

.textImgBox61 li a .text {
    margin: 0;
}

.textImgBox61_02 li:nth-child(2n) {
    margin-right: 0;
}




/* [sp] textImgBox62
----------------------------------------------------------*/

.textImgBox62 .timeBox {
    margin: 0 12px 7px 0;
    height: 66px;
}

.textImgBox62 .textBox {
    float: right;
    width: calc(100% - 70px);
}

.textImgBox62 .img03 {
    margin-bottom: 4%;
}



/* [sp] textImgBox63
----------------------------------------------------------*/

.textImgBox63 .Box63_01 {
    position: relative;
    border: 1px solid #c8c8c8;
}

.Box63_01 .textBox:before {
    width: 50px;
    height: 50px;
    left: -10px;
    top: -29px;
}

.Box63_01 .textBox:after {
    width: 25px;
    height: 25px;
    left: 3px;
    top: -18px;
    font-size: 22px;
}

.Box63_01 .textBox .title {
    margin-left: 56px;
    font-weight: bold;
    padding-top: 4%;
    padding-bottom: 2%;
}

.Box63_01 .textBox .sub {
    padding: 0 2% 4%;
}

.textImgBox63>div {
    margin-bottom: 16%;
}

.Box63_02 {
    width: 100%;
    margin: 5% 0 5% 0%;
}

.Box63_02title {
    background: #000;
    color: #FFF;
    text-align: center;
    padding: 1% 0;
    margin-bottom: 2%;
}



/* [sp] textImgBox64
----------------------------------------------------------*/

.textImgBox64>div {
    margin-bottom: 6%;
}

.textImgBox64 .imgBox {
    margin-bottom: 4%;
}

.textImgBox64>div:last-child {
    margin-bottom: 0;
}

.textImgBox64 .title {
    font-weight: bold;
    padding-bottom: 1%;
}




/* 【SP】 トップページ home
----------------------------------------------------------*/


h1 {
    width: 140px;
    z-index: 1;
}

body {
    border-top: 6px solid #00793a;
}

.headerContact {
    display: none;
}

.menu-container {
  display: none;
}

body{
  margin: 0;
}

.header {
  /* position: relative; */
  left: 0;
  top: 0;
  width: 100%;
  /* height: 40px; */
  /* background-color: #fff; */
  box-shadow: 0 2px 6px rgba(0,0,0,.16);
  z-index: 9999;
}
.global-nav {
  position: fixed;
  right: -320px; /* これで隠れる */
  top: 47px;
  height: 100vh;
  background-color: #fff;
  transition: all .6s;
  z-index: 99999;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}
.hamburger {
  position: absolute;
  right: 0px;
  top: 6px;
  width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 100; /*999にするとバツが表示されるようになる*/
  background: #d9d9d9;
}
.hamburger__line {
  position: absolute;
  left: 11px;
  width: 18px;
  height: 1px;
  background-color: #111;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 20px;
}
.hamburger__line--3 {
  top: 26px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #97e39dba;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}

/* アコーディオンメニュー */
.accordion-container .accordion-title,.accordion-container .accordion-title02 {
  position: relative;
  margin: 0;
  padding: 0.825em 0.625em 0.825em 2em;
  /* background-color: #000; */
  font-weight: normal;
  /* color: #fff; */
  cursor: pointer;
  display: block;
  text-decoration: none;
  font-size: 15px;
  border-bottom: 1px solid #e4e4e4;
}

.accordion-container  a.accordion-title02 {
    background: url(../images/common/arrow13.png)no-repeat center right 27px;
    background-size: 10px;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,.accordion-container .accordion-title02:hover,
.accordion-title.open {
  /* background-color: #00aaa7; */
}

.accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 26px;
  width: 10px;
  height: 1px;
  /*縦線に*/
  transform: rotate(90deg);
  background: #00793a;
  transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  /*横線*/
  width: 12px;
  height: 1px;
  background: #00793a;
  transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
  opacity: 0;
}

.accordion-content {
    /* padding-left: 53px; */
    margin-top: 0;
    font-size: 0.8em;
    background: #f4f4f4;
}

.accordion-content li {
    margin-bottom: 5px;
    border-bottom: 1px solid #e4e4e4;
}

.accordion-content li a {
    padding: 0.825em 0.625em 0.825em 4em;
    display: block;
    background: url(../images/common/arrow13.png)no-repeat center left 32px;
    background-size: 10px;
    text-decoration: none;
}

.accordion-container {
  width: 243px;
  margin: 0 auto 60px;
}

.homeslider02inBox {
    width: calc(100% - 50px);
    margin: auto;
}

.inBox p:nth-child(2) {
    /* display: none; */
    text-align: left;
    font-size: 12px;
}

.homeslider02 .title {
    font-size: 14px;
    height: 34px;
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 4px;
}

.homeslider02 .title {}

.homeslider02 {
    margin-top: 0;
}

.slick-slider {
    margin-bottom: 0 !important;
}

.homeslider02 .slick-slide a {
    background: #FFF url(../images/top/home_icon01.png) no-repeat bottom right;
    background-size: 25px;
    box-shadow: none;
    border: 1px solid #ddd;
}

.homeslider02 .slick-prev {
    left: -25px;
    top: 40%;
}


.homeslider02 .slick-prev:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/common/arrow12.gif)no-repeat;
    position: absolute;
    top: 30%;
    background-size: contain;
}

.homeslider02 .slick-next {
    right: -12px;
    top: 40%;
}


.homeslider02 .slick-next:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/common/arrow11.gif)no-repeat;
    position: absolute;
    top: 30%;
    background-size: contain;
}

.Boxleft p.titile span {
    font-size: 20px;
}

.Boxright a div .title {
    font-size: 18px;
}

.back02Home {
    padding: 20px 0;
}

.homeBox {
    margin: 40px 0;
}

.homeRecruit .textImgBox37 li {
    margin: 0 0 6% 0;
    float: none;
    width: 99.2%;
}

.homeRecruit p.title01 {
    background: url(../images/top/home_icon03.png) no-repeat center top;
    background-size: 33px;
    padding-top: 30px;
    font-size: 24px;
}

.recruitFooter ul {
    width: 100%;
    margin: 0 auto 30px;
}

.recruitFooter ul li:nth-child(1) a,.recruitFooter ul li:nth-child(2) a {
    border-radius: 0.2em;
}

.recruitFooter ul li:nth-child(1) a {
    margin-bottom: 6%;
}


.footerArea01 .footerArea01_01 {
    float: none;
    width: 92%;
    border: none;
    padding: 0 4%;
    margin-bottom: 10px;
}

.footerArea01_01>div {
    width: auto;
    float: none;
    padding: 0;
    padding-left: 0;
}

.footerArea01 .footerArea01_02 {
    float: none;
    width: 91%;
    margin: auto;
}

.footerArea01 {
    display: block;
    padding: 20px 0;
}

.footerArea01 .title {
    font-size: 20px;
}


.footerArea01_02 a {
    background: #076433 url(../images/sp/footer_icon01.png)no-repeat center left 20px;
    display: block;
    background-size: 20px;
    color: #FFF;
    text-decoration: none;
    padding: 2%;
    padding-left: 50px;
    font-size: 17px;
    float: left;
    width: calc(37% - 23px);
    margin-right: 4%;
    border-radius: 3em;
    box-shadow: 0 2px 0px #054a26;
}

.footerArea01_02 a:nth-child(2) {
    margin-right: 0;
    background: #076433 url(../images/sp/footer_icon02.png)no-repeat center left 20px;
    background-size: 20px;
}

footer{
  display:none;
}

.footer {
    margin-top: 50px;
}

ul.selected01Box {
    width: 90%;
    margin: 0 auto 40px;
}

h3.h3title {
    padding: 10px 10px 8px;
    font-size: 16px;
}

.h3title span {
    font-size: 27px;
}


/* [SP] 選ばれる理由 selected
----------------------------------------------------------*/

#selected .textImgBox13 {
    margin-top: 20px;
}


/* 【SP】 機器紹介 machine
----------------------------------------------------------*/
.machineBox h3{
    font-size: 18px;
}

.machineBox h3 a {
    width: 87px;
    font-size: 10px;
}

.machineBox div {
    width: 80%;
    margin: 0 auto 40px;
}

.machineBox div a {
    margin-right: 0;
    display: block;
    margin-bottom: 10px;
}

.nivListBox02>div {
    width: 90%;
    margin: 10px auto 10px;
}

.nivListBox02 .nivList a, .nivListBox02 .nivList a:nth-child(3n) {
    width: 96%;
    margin-bottom: 10px;
}

.nivList a {
    background: #f7f6f3 url(../images/common/arrow06.png)no-repeat;
    background-size: 25px;
    background-position: right bottom;
}

.nivListBox.nivListBox02 .nivList.nivList03 a {
    width: 96%;
    padding: 2% 2%;
}

.nivListBox02>div>p {
    margin-bottom: 10px;
}

.innerBox03 {
    width: 96%;
    margin: auto;
}

.developmentBox
 .body {
    margin-bottom: 20px;
}

.developmentBox {
    margin-bottom: 20px;
}

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

h5.gyou02 {
    text-indent: -42px;
    padding-left: 42px;
}

.parea .arrowArea:before {
    left: 15px;
}

.parea .arrowArea:after {
    left: 3px;
}

.parea .arrowArea {
    padding-left: 34px;
    margin-bottom: 10px;
}

.parea p.title02 {
    font-size: 16px;
}







/* 【SP】 会社案内 companylist
----------------------------------------------------------*/
.imgBoxArea {
    width: 90%;
}

.nivList {
    width: 90%;
    margin: 15px auto 10px;
}

.nivList a {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

#faq h3 span {
    position: absolute;
    left: 0;
}

.bellows__header h3 {
    position: relative;
}

.textImgBox64>div>div {
    width: 100%;
}

.textImgBox64>div>div.textBox {
    width: 100%;
}

#service .textImgBox64 .title {
    font-size: 18px;
}






/* 【SP】 採用情報 recruit
----------------------------------------------------------*/

.oriBox {
    /* overflow: hidden; */
}

.oriBox img {
    width: 100%;
    top: -50px;
}

.oriBox .innerBox div {
    width: 90%;
    background: rgba(255, 255, 255, 0.85);
    margin-top: 23%;
    padding: 3% 3% 3% 0%;
}

.oriBox .innerBox div .title {
    padding-top: 0;
    font-size: 16px;
}

.oriBox {
    height: auto;
}

#recruit .textImgBox51_02 {
    margin-top: 20px;
}

#recruit .textImgBox51 {
    margin-top: 80px;
}

#recruit .textImgBox51_02 p.sub {
    margin-bottom: 10px;
}

#recruit .textImgBox51 .title {
    text-align: center;
}

#recruit .textImgBox51_02.textImgBox51 li {
    border: 1px solid #c5d5cd;
    padding: 4%;
}

#recruit .textImgBox04 li .photo {
    padding-right: 4%;
    float: none;
    width: 100%;
}

#recruit .textImgBox04 li .box {
    float: none;
    width: 100%;
}

.btn01 a {
    width: 280px;
}

#recruit .textImgBox51 li img {
    width: 27%;
    top: -23%;
}

#recruit .textImgBox51 li {
    margin-bottom: 20%;
}

.recruitFooter ul li {
    float: none;
}

.recruitFooter ul li a {
    margin: auto;
}



/* 【SP】 数字で見る中田製作所 numbers
----------------------------------------------------------*/
.textImgBox06 li {
  text-align: center;
}
#numbers .kokuseki li p.title01 {
    padding-top: 10px;
    letter-spacing: 0;
}

.kokusekiBox li {
    width: 33%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}

#numbers .kokuseki p.sub01 {
    font-size: 17px;
}

#numbers .kokuseki p.sub01 span {
    font-size: 30px;
}

.kokuseki li {
    float: left;
    width: 33%;
    text-align: center;
    margin-bottom: 20px;
}

.kokuseki {
    top: -50px;
}

.numbersBox02 {
    margin: 0 auto 80px;
}

.back {
    padding: 30px 0 30px;
}

.backF {
    width: 79%;
    margin: auto;
    padding: 4%;
}

.backF02 {
    margin-top: 30px;
}

.textImgBox50_01, .textImgBox22 {
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#numbers .textImgBox22 li {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px;
}

.textImgBox50 {
    text-align: center;
}

#numbers .title01 {
    text-align: center;
    display: block;
}

#numbers .textImgBox64 .imgBox {
    width: 50%;
    margin: auto;
}

#numbers .textBox .title01 {
    margin: 10px 0;
}

#numbers .textImgBox64 .box>div {
    width: 100%;
    display: block;
    overflow: hidden;
}

#numbers .textImgBox64 .box>div .box02 {
    float: right;
    padding: 20px 0 20px 0;
}

#numbers .textImgBox64 .box>div .box01 {
    float: left;
}

.numbersBox .box01 {
    display: block;
}

#numbers .box02 li {
    float: left;
    padding-left: 15%;
    background-size: 50px;
    width: 31%;
}

#numbers .box02 li:nth-child(2) {
    background-size: 50px;
    margin-left: 8%;
}

#numbers .fontM01 {
    font-size: 40px;
    padding-right: 0px;
}

ul.box03 li {
    float: left;
    width: 33.3%;
    text-align: center;
    margin-bottom: 10px;
    line-height: 29px;
}

#numbers .box02_02 li {
    padding-left: 0;
    width: 33.3%;
}

#numbers .box02 li:nth-child(2) {
    margin-left: 0;
}


#numbers .box02_02 li:nth-child(1),
#numbers .box02_02 li:nth-child(2),
#numbers .box02_02 li:nth-child(3){
  background-size: 55px;
  padding-top: 42px;
  background-position: top center;
  text-align: center;
  line-height: 34px;
}


#numbers .fontM01 {
}

.textImgBox37 .icon {
    width: 70px;
}

#department .textImgBox37 a {
    width: 140px;
    font-size: 14px;
}

.textImgBox37 li {
    float: none;
    width: 100%;
    margin-right: 0;
    border: 1px solid #f2f2f2;
    margin-bottom: 40px;
}

div#department .textImgBox37 {
    width: 88%;
    margin: auto;
}

.btn0102 a {
    width: 201px;
    background: #319737 url(../images/common/icon01.png)no-repeat left 28px center;
    background-size: 28px;
}

.lity-container {
    width: 90%;
}

.textImgBox62 .title03 {
    position: relative;
    text-align: center;
    font-size: 13px;
    margin-bottom: 78px;
}

.textImgBox62 .title03 span {
    font-size: 28px;
}

#senior .mokuhyoubox {
    margin-bottom: 20px;
}

.textImgBox62 .textBox {
    margin-top: 19px;
    width: calc(100% - 80px);
}

#senior .back02 .innerBox {
    width: 92%;
}

#senior .back02 {
    margin-bottom: 30px;
    padding: 50px 0 20px;
}


.style05 tr, .style05 th, .style05 td {
    display: block;
    width: 100%;
    border-bottom: 0;
    padding-bottom: 0;
}

.style05 td {
    padding: 5px 0 10px;
    border-bottom: 1px solid #c9c9c9;
}

.entryBox {
    width: 90%;
}

#requirement .textImgBox12 img {
    width: 55px;
}

.requirementTitle02 {
    font-size: 20px;
}




#sitemap .innerBox {
    width: 100%;
}

#sitemap .textImgBox16 li {
    padding: 0;
    float: none;
    width: 90%;
}

.homeslider02 .inBox{
  height: 134px;
}

.pageslistArea li {
    padding: 0 0 9% 0;
    float: none;
    width: 100%;
}


.backHome{
  position: relative;
  padding-top: 20px;
}



.odfBox li {
    width: calc(48.3% - 6px);
}

.odfBox li:nth-child(2n) {
    margin-right: 0;
}



.headerBox01_01 {
    float: none;
    width: 100%;
}

.headerBox01 {
    display: block;
}

ul.honyaku li.honyakuText {
    float: none;
    top: 1px;
}


ul.honyaku {
    float: right;
    position: absolute;
    top: -8px;
    right: 37px;
}



#company .textImgBox55_02 .photo,
#company .textImgBox55_02 .box {
    float: none;
    width: 100%;
}

#company .textImgBox55_02 th{
    width: 104px;
}



/* [SP] coperative 協力会社募集
----------------------------------------------------------*/
.coperativeBtn div:nth-child(1){
  margin-bottom: 20px;
}


}

/* [SP] textImgBox59
----------------------------------------------------------*/
@media screen and (max-width: 767px){
.textImgBox59 .slick-initialized .slick-slide article {
    height: 201px; /*高さ調整*/
    padding: 0;
}

}


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

  パソコン（ブラウザの横幅が指定したpx以上の時に適用されます）

--------------------------------------------------------------------------- */
@media screen and (min-width: 960px) {

body {
  font-size: 16px;
  line-height:150%;
  position: relative;
}

/* a */
a img:hover {
  opacity:0.6;
}

p:last-child {
  padding-bottom:0;
}


/* PC版の発信リンクを無効にする */
a.telLink {
  pointer-events:none;
  text-decoration:none;
}


/* 高さ調整
----------------------------------------*/

.pT20{
  padding-top: 20px;
}

.pT30{
  padding-top: 30px;
}

.pT60{
  padding-top: 60px;
}

.pT80{
  padding-top: 80px;
}

.pB20{
  padding-bottom: 20px;
}

.pB30{
  padding-bottom: 30px;
}

.pB60{
  padding-bottom: 60px;
}

.pB80{
  padding-bottom: 80px;
}

.mT20{
  margin-top: 20px;
}

.mT30{
  margin-top: 30px;
}

.mT60{
  margin-top: 60px;
}

.mT80{
  margin-top: 80px;
}

.mB20{
  margin-bottom: 20px;
}

.mB30{
  margin-bottom: 30px;
}

.mB60{
  margin-bottom: 60px;
}

.mB80{
  margin-bottom: 80px;
}



/* PCでは非表示
----------------------------------------*/
.pcNone {
  display:none;
}

.pcbrNone br{
  display:none;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼　必ず設定する　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
------------------------------------------------------------------------------------------------------------------------------------------*/
/* ベースの横幅
----------------------------------------------------------*/
.innerBox {
  margin:0 auto;
  padding-bottom: 50px;
  width: 1000px;
}

.innerBox02 {
  margin:0 auto;
  width: 1000px;
}

.innerBox03 {
    padding: 0 50px;
}

.innerBox04 {
    padding: 0 30px;
}

/* borderBox01
----------------------------------------------------------*/
.borderBox01 {
  margin:0 auto 100px auto;
  padding:60px;
  border-radius:20px;
  box-sizing: border-box;
  border:1px solid #ccc;
  width:960px;
}
.borderBox01 p.title {
  padding-bottom:20px;
  text-align:center;
  font-weight:bold;
  font-size:24px;
}



/* ----------------------------------------------------------------------------------------------------------------------------------------
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲
--------------------------------------------------------------------------------------------------------------------------------------- */


/* 背景色
----------------------------------------------------------*/
.innerBoxColor01 {
  margin-bottom:80px;
  padding-top:80px;
  background:#58b530;
  color:#fff;
}
.innerBoxColor01 .innerBox {
  padding-bottom:80px;
}
.innerBoxColor02 {
  background:url(../images/common/innerBoxColor04.jpg) no-repeat top center;
}


/* パンくずリスト
----------------------------------------------------------*/
#breadcrumbs {
  margin-bottom:50px;
  padding:5px 0;
  font-size:11px;
}
#breadcrumbs ul {
  margin:0 auto;
  width:960px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
}
#breadcrumbs .innerBox {
  padding-bottom:0;
}
#breadcrumbs li {
  display:inline;
}
#breadcrumbs a {
  padding:0 25px 0 0;
  background:url(../images/common/topic_path.gif) no-repeat 90% 50%;
  background-size: 4px;
}

/* ヘディングタグ
----------------------------------------------------------*/
h2 {
  padding:45px 0 20px 0;
  text-align:center;
  color: #000;
  font-size:34px;
  font-family: serif;
  font-weight: bold;
  line-height: 52px;
}
h2 span {
  padding:20px 0;
  background:url(../images/h2_bg.gif) no-repeat center bottom;
  display:block;
  color:#7291d0;
  font-size:14px;
}
h3 {
  margin-bottom: 40px;
  padding-bottom:5px;
  text-align:center;
}
h3 span {
  font-size:28px;
}
h4 {
  margin-bottom: 15px;
  font-family: serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 150%;
}
h4 span {
  font-size:20px;
}
h5 {
}

/* YouTube
----------------------------------------------------------*/
.videoContainer {
  text-align:center;
}
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
  width:100%;
}


/* 各ページのメイン画像
----------------------------------------------------------*/
#pageMainPhoto {
  padding-bottom:40px;
  text-align:center;
}

/* textImgBox01
----------------------------------------*/
.textImgBox01 {
  overflow:hidden;
}
.textImgBox01 li {
  padding:0 6% 40px 0;
  float:left;
  width:47%;
}
.textImgBox01 li:nth-child(2n) {
  padding-right:0;
}
.textImgBox01 li:nth-child(2n+1) {
  clear:both;
}
.textImgBox01 li .photo {
  float:left;
  width:20%;
}
.textImgBox01 li .photo img {
  width:100%;
}
.textImgBox01 li .box {
  float:right;
  width:76%;
}
.textImgBox01 p.title {
  padding-bottom:5px;
  line-height:140%;
  font-weight:bold;
  font-size:18px;
}
.textImgBox01 table {
  border-collapse:separate;
  border-spacing:2px;
}
.textImgBox01 th {
  padding:2px 6px;
  background:#f2f2f2;
  width:60px;
}
.textImgBox01 td {
  padding:2px 6px;
}

/* textImgBox02
----------------------------------------*/
.textImgBox02 {
  overflow:hidden;
}
.textImgBox02 li {
  margin: 0 3% 60px 0;
  float:left;
  width:48%;
}
.textImgBox02 li:nth-child(2n) {
  margin-right: 0;
}
.textImgBox02 li:nth-child(2n+1) {
  clear:both;
}
.textImgBox02 li .photo {
  padding-bottom:10px;
}
.textImgBox02 li .photo img {
  width:100%;
}
.textImgBox02 p.title {
  padding-bottom:10px;
  font-size:24px;
}
.textImgBox02 p.sub {
  padding-bottom:0;
  font-size:18px;
}

/* textImgBox03
----------------------------------------*/
.textImgBox03 {
  overflow:hidden;
}
.textImgBox03 li {
  padding:0 2% 20px 0;
  float:left;
  width:23.5%;
}
.textImgBox03 li:nth-child(4n) {
  padding-right:0;
}
.textImgBox03 li:nth-child(4n+1) {
  clear:both;
}
.textImgBox03 li .photo {
  padding-bottom:5px;
}
.textImgBox03 li .photo img {
  width:100%;
}
.textImgBox03 li p.title {
  padding-bottom:0;
}

/* textImgBox04
----------------------------------------*/
.textImgBox04 {
  overflow:hidden;
}
.textImgBox04 li {
  margin: 0 3% 30px 0;
  float:left;
  width: 22.6%;
  background: #FFF;
  overflow: hidden;
  border-radius: 0.2em;
}
.textImgBox04 li:nth-child(4n) {
  margin-right:0;
}
.textImgBox04 li:nth-child(4n+1) {
  clear:both;
}
.textImgBox04 li .photo {
  /* padding-bottom:10px; */
}

.textImgBox04 li .box {
    padding: 6%;
    min-height: 150px;
}
.textImgBox04 li .photo img {
  width:100%;
}
.textImgBox04 p {
  line-height:140%;
}
.textImgBox04 li p.title {
  font-size:16px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 0;
}
.textImgBox04 p.sub {
  padding-bottom:0;
  font-size:12px;
}
.textImgBox04 p.name span {
  padding-left:5px;
  font-size:12px;
}
.textImgBox04 p.catch {
  padding-top: 5px;
  font-size: 14px;
}

/* textImgBox05
----------------------------------------------------------*/
.textImgBox05 {
  overflow:hidden;
}
.textImgBox05 li {
  padding:0 2% 20px 0;
  float:left;
  width:15%;
}
.textImgBox05 li:nth-child(6n) {
  padding-right:0;
}
.textImgBox05 li:nth-child(6n+1) {
  clear:both;
}
.textImgBox05 li .photo {
  padding-bottom:5px;
}
.textImgBox05 li .photo img {
  width:100%;
  height:100%;
}
.textImgBox05 li p.title {
  padding-bottom:0;
  text-align:center;
}

/* textImgBox06
----------------------------------------------------------*/
.textImgBox06 {
  overflow:hidden;
}
.textImgBox06 li {
  padding:0 2% 20px 0;
  float:left;
  width:23.5%;
}
.textImgBox06 li:nth-child(4n) {
  padding-right:0;
}
.textImgBox06 li:nth-child(4n+1) {
  clear:both;
}
.textImgBox06 li .photo {
  padding-bottom:5px;
}
.textImgBox06 li .photo img {
  width:100%;
}
.textImgBox06 li p.title {
  padding-bottom:0;
  text-align:center;
  font-size:18px;
}

/* textImgBox07
----------------------------------------------------------*/
.textImgBox07 {
  overflow:hidden;
}
.textImgBox07 .box {
  float:left;
  width:48%;
}
/* ボタンリンク */
.textImgBox07 .bnr {
  float:right;
  width:48%;
}
.textImgBox07 .bnr img {
  width:100%;
}
/* お知らせなど */
.textImgBox07 .box li {
  padding-bottom:10px;
  overflow:hidden;
}
.textImgBox07 h3.style04 {
  margin-bottom:15px;
  padding:7px 0 7px 20px;
  border-left:5px solid #248aca;
  font-size:24px;
}
.textImgBox07 h3.style04 span {
  display:block;
  color:#aaa;
  font-size:10px;
}
.textImgBox07 .box li p {
  padding-bottom:0;
}
.textImgBox07 .box li p.date {
  padding-bottom:0;
  float:left;
  width:12%;
}
.textImgBox07 .box li p.title {
  padding-bottom:0;
  float:right;
  width:84%;
}


/* textImgBox08
----------------------------------------------------------*/
.textImgBox08 {
  overflow:hidden;
}
.textImgBox08 li {
  margin:0 2% 20px 0;
  float:left;
  width:32%;
}
.textImgBox08 li:nth-child(3n) {
  margin-right:0;
}
.textImgBox08 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox08 a {
  padding:130px 0 30px 0;
  display:block;
  text-decoration:none;
  text-align:center;
  color:#fff;
  font-weight:bold;
  font-size:18px;
}
.textImgBox08 span {
  padding-top:10px;
  display:block;
  font-weight:normal;
  font-size:11px;
}
/* btn01 */
.textImgBox08 li#btn01 {
  background:url(../images/sample_photo.jpg) no-repeat;
  background-size:cover;
}
/* btn02 */
.textImgBox08 li#btn02 {
  background:url(../images/sample_photo.jpg) no-repeat;
  background-size:cover;
}
/* btn03 */
.textImgBox08 li#btn03 {
  background:url(../images/sample_photo.jpg) no-repeat;
  background-size:cover;
}
.textImgBox08 a {
  background-color: rgba(0,0,0, 0.5);
}
.textImgBox08 a:hover {
  background-color: rgba(255,255,255, 0);
}

/* textImgBox09
----------------------------------------------------------*/
.textImgBox09 {
  overflow:hidden;
}
.textImgBox09 .photo {
  float:left;
  width:30%;
}
.textImgBox09 .photo img {
  width:100%;
}
.textImgBox09 .box {
  float:right;
  width:67%;
}
.textImgBox09 .box p.title {
  padding-bottom:10px;
  font-size:30px;
}
.textImgBox09 .box p.sub {
  padding-bottom:10px;
  font-size:24px;
}
.textImgBox09 .name {
  padding-top:20px;
  text-align:right;
}
.textImgBox09 .name span {
  font-size:22px;
}

/* textImgBox10
----------------------------------------------------------*/
.textImgBox10 {
  overflow:hidden;
}
.textImgBox10 .photo {
  float:left;
  width:48%;
}
.textImgBox10 .photo img {
  width:100%;
}
.textImgBox10 .box {
  float:right;
  width:48%;
}
.textImgBox10 .box p.title {
  padding-bottom:10px;
  font-size:30px;
}
.textImgBox10 .box p.sub {
  padding-bottom:10px;
  font-size:24px;
}
.textImgBox10 .box a.btn02 {
  margin-right:0;
  padding:10px 0;
  display:block;
  width:200px;
  text-align:center;
  text-decoration:none;
  font-size:14px;
}
/* テーブル */
.textImgBox10 th.title {
  padding:20px 0 5px 5px;
  border-bottom:1px dashed #ccc;
  font-size:22px;
}
.textImgBox10 td.price {
  padding:10px 0 5px 5px;
  border-bottom:1px dashed #ccc;
  text-align:right;
}
.textImgBox10 td.price span {
  text-align:right;
  color:#ae1c1e;
  font-size:26px;
}
.textImgBox10 td.price span.sub {
  display:block;
  color:#444;
  font-size:12px;
}

/* telephone */
.textImgBox10 .telephone {
}
.textImgBox10 .telephone p {
}
.textImgBox10 .telephone p.title {
  margin-bottom:15px;
  padding-bottom:5px;
  background:none;
  border-left:none;
  border-bottom:1px solid #345700;
  color:#345700;
  font-weight:bold;
  font-size:18px;
}
.textImgBox10 .telephone p.tel {
  padding-left:85px;
  background:url(../images/common/arrow_tel02.png) no-repeat;
  background-size:70px;
  font-size:16px;
}
.textImgBox10 .telephone p.tel span {
  display:block;
  color:#E60012;
  line-height:95%;
  font-weight:bold;
  font-size:50px;
}


/* textImgBox11
----------------------------------------------------------*/
.textImgBox11 {
  overflow:hidden;
}
.textImgBox11 .photo {
  float:right;
  width:48%;
}
.textImgBox11 .photo img {
  width:100%;
}
.textImgBox11 .box {
  float:left;
  width:48%;
}
.textImgBox11 .box p.title {
  padding-bottom:10px;
  font-size: 25px;
  font-family: serif;
  font-weight: bold;
  margin-bottom: 6px;
}
.textImgBox11 .box p.sub {
  padding-bottom:10px;
  font-size:24px;
}
.textImgBox11 .box a.btn02 {
  padding:5px 0;
  background:#ca2437;
  display:block;
  width:150px;
  text-align:center;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
  font-size:16px;
}

/* textImgBox12
----------------------------------------------------------*/
.textImgBox12 {
  overflow:hidden;
}
.textImgBox12 li {
  padding:0 2% 20px 0;
  float:left;
  width:18.4%;
}
.textImgBox12 li:nth-child(5n) {
  padding-right:0;
}
.textImgBox12 li:nth-child(5n+1) {
  clear:both;
}
.textImgBox12 li .photo {
  padding-bottom:5px;
}
.textImgBox12 li .photo img {
  width:100%;
}
.textImgBox12 li p.title {
  padding-bottom:0;
  text-align:center;
  font-size:18px;
}


/* textImgBox13
----------------------------------------*/
.textImgBox13 {
  margin-top: 20px;
}
.textImgBox13 li {
  margin: 0 4% 4% 0;
  float:left;
  width: 48%;
}
.textImgBox13 li:nth-child(3n) {
  margin-right: 0;
}
.textImgBox13 li:nth-child(3n+1) {
  clear:both;
}

#company .textImgBox13 li {
    margin: 0 4% 4% 0;
    float: left;
    width: 29.3%;
}

#selected .textImgBox13 li {
    margin: 0 4% 4% 0;
    float: left;
    width: 29.3%;
}

.textImgBox13 li .photo {
  margin-bottom:10px;
}
.textImgBox13 li .photo img {
  width:100%;
}
.textImgBox13 p.title {
  padding-bottom:5px;
  font-size: 20px;
  font-family: serif;
  font-weight: bold;
}
.textImgBox13 p.sub {
  padding-bottom: 0;
  display:block;
  font-weight:normal;
  font-size: 15px;
  font-family: serif;
  font-weight: bold;
}
.textImgBox13 .body {
}
.textImgBox13 .body p {
  padding-bottom:20px;
  line-height:140%;
  font-size: 15px;
}


/* textImgBox14
----------------------------------------*/
.textImgBox14 {
  overflow:hidden;
}
.textImgBox14 li {
  padding:0 2% 70px 0;
  float:left;
  width:32%;
}
.textImgBox14 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox14 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox14 li p.title {
  margin-bottom:20px;
  padding-bottom:5px;
  border-bottom:1px solid #e1e1e1;
  text-align:center;
  color:#0058a1;
  font-weight:bold;
  font-size:20px;
}
.textImgBox14 li .photo {
  text-align:center;
}
.textImgBox14 li .photo img {
  text-align:center;
  width:80%;
}
.textImgBox14 li .body {
  padding:0 30px;
}


/* textImgBox15
----------------------------------------*/
.textImgBox15 {
  overflow:hidden;
}
.textImgBox15 li {
  padding:0 2% 70px 0;
  float:left;
  width:32%;
}
.textImgBox15 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox15 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox15 li p.title {
  margin-bottom:20px;
  padding-bottom:5px;
  border-bottom:1px solid #e1e1e1;
  text-align:center;
  color:#0058a1;
  font-weight:bold;
  font-size:20px;
}
.textImgBox15 li th,
.textImgBox15 li td {
  padding:15px 10px 5px 10px;
  border-bottom:1px solid #e1e1e1;
}
.textImgBox15 li th {
  padding-left:28px;
}
.textImgBox15 li th.no01 {
  background:url(../images/common/arrow_no01.gif) no-repeat 0 15px;
  font-weight:bold;
  font-size:14px;
}
.textImgBox15 li th.no02 {
  background:url(../images/common/arrow_no02.gif) no-repeat 0 15px;
  font-weight:bold;
  font-size:14px;
}
.textImgBox15 li th.no03 {
  background:url(../images/common/arrow_no03.gif) no-repeat 0 15px;
  font-weight:bold;
  font-size:14px;
}
.textImgBox15 li td.no01,
.textImgBox15 li td.no02,
.textImgBox15 li td.no03 {
  color:#a10008;
  font-weight:bold;
  font-size:16px;
}
.textImgBox15 li td {
  text-align:right;
  vertical-align:bottom;
  width:50px;
}
.textImgBox15 li .body {
  padding:10px 20px 0 20px;
}


/* textImgBox16
----------------------------------------*/
.textImgBox16 {
  overflow:hidden;
}
.textImgBox16 li {
  padding:0 4% 80px 0;
  float:left;
  width:30.666%;
}
.textImgBox16 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox16 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox16 li .photo {
  float:left;
  width:30%;
}
.textImgBox16 li .photo img {
  width:100%;
}
.textImgBox16 li .box {
  float:right;
  width:66%;
}
.textImgBox16 li .box p {
  padding:0;
}
.textImgBox16 li .box p.rank {
  padding-top:10px;
  font-size:14px;
}
.textImgBox16 li .box p.name {
  padding-bottom:5px;
  border-bottom:1px solid #e0e0e0;
  font-size:16px;
}
.textImgBox16 li .box span {
  font-size:11px;
}
.textImgBox16 li p.catch {
  padding-top:5px;
}

/* textImgBox17
----------------------------------------*/
.textImgBox17 {
  overflow:hidden;
}
.textImgBox17 .titleText {
  text-align:center;
  font-weight:bold;
  font-size:24px;
}
.textImgBox17 .imgBox01 {
  float:left;
  width:47%;
}
.textImgBox17 .imgBox02 {
  float:right;
  width:47%;
}
.textImgBox17 li {
  padding:20px 0;
  border-bottom:1px dashed #ccc;
  overflow:hidden;
}
.textImgBox17 li .photo {
  float:left;
  width:30%;
}
.textImgBox17 li .photo img {
  width:100%;
}
.textImgBox17 li .box {
  float:right;
  width:66%;
}
.textImgBox17 li .box p {
  padding:0;
}
.textImgBox17 li .box p.title {
  padding-bottom:5px;
  font-size:18px;
}
.textImgBox17 li p.catch {
  padding-top:5px;
}

/* textImgBox18
----------------------------------------------------------*/
.textImgBox18 {
}
.textImgBox18 li {
  margin-bottom:20px;
}
.textImgBox18 a {
  padding:80px 0;
  display:block;
  text-decoration:none;
  text-align:center;
  color:#fff;
  font-size:30px;
}
.textImgBox18 span {
  display:block;
  font-weight:normal;
  font-size:22px;
}

/* btn01 */
.textImgBox18 li#btn01 {
  background:url(../images/sample_btn01.jpg) no-repeat;
  background-size: cover;
}
/* btn02 */
.textImgBox18 li#btn02 {
  background:url(../images/sample_btn02.jpg) no-repeat;
  background-size: cover;
}
/* btn03 */
.textImgBox18 li#btn03 {
  background:url(../images/sample_btn03.jpg) no-repeat;
  background-size: cover;
}

.textImgBox18 a {
  background-color: rgba(0,0,0, 0.5);
}
.textImgBox18 a:hover {
  background-color: rgba(255,255,255, 0);
}


/* textImgBox19
----------------------------------------------------------*/
.textImgBox19 {
  margin:0 auto;
  overflow:hidden;
  width:60%;
}
.textImgBox19 li {
  margin-bottom:30px;
  padding-bottom:60px;
  background:url(../images/yazi.gif) no-repeat center bottom;
  background-size:30px;
  overflow:hidden;
}
.textImgBox19 li:last-child {
  margin-bottom:0;
  padding-bottom:0;
  background:none;
}
.textImgBox19 .photo {
  float:left;
  width:36%;
}
.textImgBox19 .photo img {
  width:100%;
}
.textImgBox19 .box {
  float:right;
  width:60%;
}
.textImgBox19 .box p.title {
  padding-bottom:0;
  font-size:22px;
}
.textImgBox19 .box p.title span {
  color:#ae1c1e;
}

/* textImgBox20
----------------------------------------------------------*/
.textImgBox20 {
}
.textImgBox20 p.number {
  padding:0;
  float:left;
  width:20%;
  line-height:100%;
  font-size:150px;
}
.textImgBox20 p.number span {
  padding-left:15px;
  display:block;
  line-height:20%;
  color:#aaa;
  font-size:12px;
}
.textImgBox20 li {
  padding:20px 0;
  border-bottom:1px dashed #ccc;
  overflow:hidden;
}
.textImgBox20 li .photo {
  float:right;
  width:25%;
}
.textImgBox20 li .photo img {
  width:100%;
}
.textImgBox20 li .body {
  padding-top:20px;
  float:left;
  width:51%;
}
.textImgBox20 li .title {
  padding-bottom:10px;
  font-size:24px;
}


/* textImgBox21
----------------------------------------------------------*/
.textImgBox21 {
  overflow:hidden;
}
.textImgBox21 li {
  padding:0 2% 2% 0;
  float:left;
  width:23.5%;
}
.textImgBox21 li:nth-child(4n) {
  padding-right:0;
}
.textImgBox21 li:nth-child(4n+1) {
  clear:both;
}
.textImgBox21 li a {
  padding:7px 0 7px 30px;
  border-radius:4px;
  background:#ffd232 url(../images/common/arrow01.gif) no-repeat 15px 50%;
  display:block;
  text-decoration:none;
  color:#222;
  font-size:18px;
}
.textImgBox21 li a:hover {
  background:#ffe898 url(../images/common/arrow01.gif) no-repeat 15px 50%;
}

/* textImgBox22
----------------------------------------*/
.textImgBox22 {
  overflow:hidden;
}
.textImgBox22 li {
  padding-right:2%;
  float:left;
  width:32%;
}
.textImgBox22 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox22 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox22 img {
  width:100%;
}

/* textImgBox23
----------------------------------------------------------*/
.textImgBox23 {
  overflow:hidden;
}
.textImgBox23 li {
  margin:0 2% 2% 0;
  padding:50px 0;
  background:#EAE2FA url(../images/bg01.png) no-repeat right bottom;
  background-size:50%;
  float:left;
  text-align:center;
  width:32%;
  font-size:22px;
}
.textImgBox23 li:nth-child(3n) {
  margin-right:0;
}
.textImgBox23 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox23 span {
  display:block;
  font-size:16px;
}


/* textImgBox24
----------------------------------------------------------*/
.textImgBox24 {
  padding:40px;
  background:#ccc;
}

/* textImgBox14 */
.textImgBox24 .textImgBox14 {
  overflow:hidden;
}
.textImgBox24 .textImgBox14 li {
  padding:0 2% 30px 0;
  float:left;
  width:32%;
}
.textImgBox24 .textImgBox14 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox24 .textImgBox14 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox24 .textImgBox14 li p.title {
  margin-bottom:10px;
  padding:5px 0;
  border-radius:10px;
  background:none;
  text-indent:inherit;
  color:#fff;
  font-size:16px;
}
.textImgBox24 .textImgBox14 li .photo {
  padding-bottom:10px;
  width:auto;
}
.textImgBox24 .textImgBox14 li .photo img {
  border-radius:10px;
  text-align:center;
  width:100%;
}
.textImgBox24 .textImgBox14 li .body {
  padding:0;
  text-align:left;
}

/* カラータイトル01 */
.textImgBox24 .textImgBox14 li.bg01 p.title {
  background:#1a889f;
}

/* カラータイトル02 */
.textImgBox24 .textImgBox14 li.bg02 p.title {
  background:#ea5514;
}

/* カラータイトル03 */
.textImgBox24 .textImgBox14 li.bg03 p.title {
  background:#345700;
}


/* 共通 */
.textImgBox24 .box {
  margin:0 auto;
  padding:20px 4% 0 4%;
  border-radius:18px;
  background:#fff;
  text-align:center;
  width:92%;
}

/* タグ */
.textImgBox24 .type01,
.textImgBox24 .type02,
.textImgBox24 .type03 {
  margin-bottom:10px;
}
.textImgBox24 .type01 span,
.textImgBox24 .type02 span,
.textImgBox24 .type03 span {
  padding:7px 10px;
  border-radius:6px;
  color:#fff;
  font-size:16px;
}
.textImgBox24 .type01 span {
  background:#1a889f;
}
.textImgBox24 .type02 span {
  background:#ea5514;
}
.textImgBox24 .type03 span {
  background:#345700;
}


/* stepStart */
.textImgBox24 .stepStart {
  text-align:left;
}
/* 枠線01 */
.textImgBox24 .step01 {
  border:5px solid #1a889f;
}
/* 枠線02 */
.textImgBox24 .step02 {
  border:5px solid #f00;
}
.textImgBox24 .box .title {
  padding-bottom:20px;
  background-position:center;
  font-weight:bold;
  font-size:30px;
}

/* 写真テキスト */
.textImgBox24 .photoBox {
  padding-bottom:40px;
  overflow:hidden;
}
.textImgBox24 .photoBox .photo {
  float:left;
  width:34%;
}
.textImgBox24 .photoBox .photo img {
  border-radius:10px;
  width:100%;
}
.textImgBox24 .photoBox .textBox {
  margin-top:10px;
  text-align:left;
  float:right;
  width:64%;
}
.textImgBox24 .photoBox dl {
  margin-top:20px;
}
.textImgBox24 .photoBox dt {
  padding-bottom:10px;
  background-size:20px;
  color:#f62837;
  font-weight:bold;
  font-size:16px;
}

/* リスト */
.textImgBox24 ul {
  margin:20px 0;
}
.textImgBox24 li {
  padding:0 0 5px 16px;
  background:url(../images/common/arrow03.png) no-repeat 0 6px;
  background-size:12px;
}

/* 注意書き */
.textImgBox24 .pointBox {
  padding:10px 20px;
  border-radius:6px;
  background:#efefef;
  font-size:13px;
}

/* 矢印 */
.textImgBox24 .yazi {
  padding:30px 0;
  text-align:center;
}
.textImgBox24 .yazi img {
  width:30px;
}


/* textImgBox25
----------------------------------------------------------*/
.textImgBox25 {
  background:#AE1C1E;
  overflow:hidden;
}
.textImgBox25 li {
  padding:20px 2% 20px 0;
  float:left;
  width:49%;
}
.textImgBox25 li:nth-child(2n) {
  padding-right:0;
}
.textImgBox25 li:nth-child(2n+1) {
  clear:both;
}
.textImgBox25 li .photo {
  padding-bottom:10px;
}
.textImgBox25 li .photo img {
  width:100%;
}
.textImgBox25 li p.title {
  padding-bottom:5px;
  font-size:16px;
}
.textImgBox25 #telBox {
  color:#fff;
}
.textImgBox25 #telBox p {
  padding-bottom:0;
}
.textImgBox25 #telBox p.title {
  margin-bottom:15px;
  padding-bottom:5px;
  border-bottom:1px solid #fff;
  font-size:22px;
}
.textImgBox25 #telBox p.tel {

  padding-left:85px;
  background:url(../images/common/arrow_tel03.png) no-repeat;
  background-size:70px;
  font-weight:bold;
  font-size:16px;
}
.textImgBox25 #telBox p.tel span {
  display:block;
  line-height:95%;
  font-weight:bold;
  font-size:50px;
}
.textImgBox25 .innerBox {
  padding-bottom:0;
}

/* textImgBox26
----------------------------------------*/
.textImgBox26 {
  overflow:hidden;
}
.textImgBox26 .photo {
  float:left;
  width:48%;
}
.textImgBox26 .photo img {
  margin-bottom:5%;
  width:100%;
}
.textImgBox26 .box {
  float:right;
  width:48%;
}
.textImgBox26 p.rank {
  padding-bottom:5px;
}
.textImgBox26 .rank span {
    margin-right:10px;
    padding:5px 10px;
    background:#999 none repeat scroll 0% 0%;
  line-height:220%;
    color:#fff;
}
.textImgBox26 .box p.title {
  margin-bottom:20px;
  padding-bottom:5px;
  border-bottom: 1px solid #CCC;
  font-size:40px;
}
.textImgBox26 .box p.catch {
  padding-bottom:20px;
  line-height:130%;
  font-size:26px;
}
/* thum */
.textImgBox26 .thum {
  overflow:hidden;
}
.textImgBox26 .thum li {
  padding-right:5%;
  float:left;
  width:30%;
}
.textImgBox26 .thum li:last-child {
  padding-right:0;
}
.textImgBox26 .thum li img {
  width:100%;
}

/* textImgBox27
----------------------------------------*/
.textImgBox27 {
  overflow:hidden;
}
.textImgBox27 li {
  padding: 0 2%;
  border-left:1px solid #ccc;
  box-sizing:border-box;
  float:left;
  width: 25%;
  position: relative;
}

.textImgBox27 li:before {content: "";background: url(../images/common/arrow07.gif)no-repeat;width: 30px;height: 30px;position: absolute;background-size: contain;right: -12%;top: 43%;z-index: 9;}
.textImgBox27 li:nth-child(4n) {
  border-right:1px solid #ccc;
}
.textImgBox27 li:nth-child(4n+1) {
  clear:both;
}
.textImgBox27 li .photo {
  padding-bottom:20px;
  text-align:center;
}
.textImgBox27 li .photo img {
  width: 68px;
}
.textImgBox27 p {
  padding:0 10px;
}
.textImgBox27 p.rank {
  padding-bottom:0;
}
.textImgBox27 p.name {
  padding-bottom:15px;
  text-align:center;
  font-weight:bold;
  font-size: 18px;
}
.textImgBox27 p.catch {
  padding-bottom:10px;
}
/* リンク */
.textImgBox27 a.btn {
  margin-bottom:0;
  padding:5px 0;
  width:100%;
  font-size:12px;
}

/* textImgBox28
----------------------------------------------------------*/
.textImgBox28 {
}
.textImgBox28 li {
  padding:15px 0;
  border-bottom:1px dashed #163464;
  overflow:hidden;
}
.textImgBox28 li:last-child {
  border-bottom:none;
}
.textImgBox28 p {
  padding-bottom:0;
}
.textImgBox28 p.date {
  float:left;
  width:12%;
  text-align:center;
}
.textImgBox28 p.icon {
  margin-left:2%;
  float:left;
  width:12%;
  text-align:center;
  color:#fff;
}
.textImgBox28 p.title {
  float:right;
  width:72%;
}

/* アイコンカラー */
.textImgBox28 p.bg01 {
  background:#165b64;
}
.textImgBox28 p.bg02 {
  background:#644616;
}
.textImgBox28 p.bg03 {
  background:#641634;
}
.textImgBox28 p.bg04 {
  background:#166446;
}
.textImgBox28 p.bg05 {
  background:#E52E1C;
}
.textImgBox28 p.bg06 {
  background:#0d1e3a;
}


/* 偶数行の背景色を変更 */
.textImgBox28 li:nth-child(2n){
  background:#f3f3f3;
}

/* 奇数行の背景色を変更 */
.textImgBox28 li:nth-child(2n+1) td {
  background:#fff;
}



/* textImgBox29
----------------------------------------------------------*/
.textImgBox29 {
}

/* 共通 */
.textImgBox29 li {
  padding:50px;
}
.textImgBox29 .title {
  margin-bottom:30px;
  padding-bottom:10px;
  text-align:center;
  line-height:200%;
  font-size:20px;
}
.textImgBox29 .title span {
  padding-bottom:10px;
  display:block;
  font-weight:bold;
  font-size:40px;
}
.textImgBox29 .icon img {
  width:70px;
}
.textImgBox29 .photo {
  padding-bottom:30px;
  text-align:center;
}
.textImgBox29 .photo img {
  width:450px;
}
.textImgBox29 th {
  padding:15px;
  border-bottom:3px solid #fff;
  width:230px;
  font-size:16px;
}
.textImgBox29 td {
  padding:15px;
  border-bottom:3px solid #fff;
}
.textImgBox29 .bg01 th {
  background:#fbedee;
}
.textImgBox29 .bg01 td {
  background:#fbedee;
}
.textImgBox29 .bg02 th {
  background:#eef0f5;
}
.textImgBox29 .bg02 td {
  background:#eef0f5;
}


/* box01 */
.textImgBox29 .box01 {
  margin-bottom:50px;
  border:5px solid #d0111b;
  border-radius:20px;
  position:relative;
}
.textImgBox29 .box01 .icon {
  position:absolute;
  top:-16px;
  left:70px;
}
.textImgBox29 .box01 .title {
  border-bottom:3px solid #d0111b;
}
.textImgBox29 .box01 .title span {
  color:#d0111b;
}


/* box02 */
.textImgBox29 .box02 {
  margin-bottom:50px;
  border:5px solid #f6ac1d;
  border-radius:20px;
  position:relative;
}
.textImgBox29 .box02 .icon {
  position:absolute;
  top:-16px;
  left:70px;
}
.textImgBox29 .box02 .title {
  border-bottom:3px solid #f6ac1d;
}
.textImgBox29 .box02 .title span {
  color:#f6ac1d;
}


/* box03 */
.textImgBox29 .box03 {
  border:5px solid #183b8c;
  border-radius:20px;
  position:relative;
}
.textImgBox29 .box03 .icon {
  position:absolute;
  top:-16px;
  left:70px;
}
.textImgBox29 .box03 .title {
  border-bottom:3px solid #183b8c;
}
.textImgBox29 .box03 .title span {
  color:#183b8c;
}

/* textImgBox33
----------------------------------------------------------*/
.textImgBox33 {
  border:30px solid #333;
  background:#333;
  color:#fff;
}
.textImgBox33 li {
  padding:0 2% 50px 2%;
  overflow:hidden;
}
.textImgBox33 li:last-child {
  padding-bottom:0;
}
.textImgBox33 p.title {
  margin:0 -2% 20px -2%;
  padding:5px 0;
  background:#fff;
  text-align:center;
  color:#333;
  font-weight:bold;
  font-size:22px;
}
.textImgBox33 .photo {
  float:left;
  width:48%;
}
.textImgBox33 .photo img {
  border-radius:6px;
  width:100%;
}
.textImgBox33 .box {
  float:right;
  width:48%;
}

/* 偶数行の背景色を変更 */
.textImgBox33 li:nth-child(2n) .photo {
  float:right;
}
.textImgBox33 li:nth-child(2n) .box {
  float:left;
}

/* textImgBox35
----------------------------------------------------------*/
.textImgBox35 {
}
.textImgBox35 li {
  margin-bottom:2px;
  background:#eef6df;
  overflow:hidden;
}
.textImgBox35 li:nth-child(4n) .box {
  padding-top:60px;
}
.textImgBox35 p.title {
  margin-bottom:10px;
  padding-bottom:5px;
  border-bottom:2px solid #8bc327;
  font-size:20px;
}
.textImgBox35 .photo {
  float:left;
  width:46%;
}
.textImgBox35 .photo img {
  width:100%;
}
.textImgBox35 .box {
  padding:80px 4% 0 4%;
  box-sizing: border-box;
  float:right;
  width:54%;
}

/* 偶数行の背景色を変更 */
.textImgBox35 li:nth-child(2n) {
  background:#fcecd5;
}
.textImgBox35 li:nth-child(2n) .photo {
  float:right;
}
.textImgBox35 li:nth-child(2n) .box {
  float:left;
}
.textImgBox35 li:nth-child(2n) .box p.title {
  border-bottom:2px solid #f59a17;
}

/* textImgBox36
----------------------------------------------------------*/
.textImgBox36 {
  margin:0 auto;
  width:760px;
}
.textImgBox36 li {
  overflow:hidden;
  border-top: 1px solid #d6d6d6;
  padding: 20px 0 10px;
}
.textImgBox36 li p.date {
  padding:2px 0;
  border-radius:2px;
  text-align:center;
  float:left;
  width:16%;
  color: #a06011;
}
.textImgBox36 li p.title {
  padding-bottom:10px;
  float:right;
  width:82%;
}
.textImgBox36 li .box {
  padding:15px 0 30px 0;
  border-top:1px solid #ccc;
  clear:both;
}
.textImgBox36 li:last-child .box {
  padding-bottom:0;
}

/* textImgBox37
----------------------------------------*/
.textImgBox37 {
}
.textImgBox37 li {
  margin: 0 4% 6% 0;
  float:left;
  width: 30.3%;
  border: 1px solid #f2f2f2;
  border-radius: 0.3em;
  position: relative;
}
.textImgBox37 li:nth-child(3n) {
  margin-right:0;
}
.textImgBox37 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox37 li .photo {
  margin-bottom:10px;
}
.textImgBox37 li .photo img {
  border:1px solid #ccc;
  box-sizing: border-box;
  width:100%;
}
.textImgBox37 p.title {
  margin-bottom:10px;
  font-size: 18px;
  padding-bottom: 0;
}
.textImgBox37 p.sub {
  padding-bottom:5px;
  display:block;
  font-weight:normal;
  font-size:12px;
}
.textImgBox37 .body {
}


/* textImgBox38
----------------------------------------------------------*/
.textImgBox38 {
  overflow:hidden;
}
.textImgBox38 .photo {
  float:left;
  width:48%;
}
.textImgBox38 .photo img {
  width:100%;
}

/* lead */
.textImgBox38 .lead {
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #ccc;
  float:right;
  width:48%;
}
.textImgBox38 .lead p.title {
  padding-bottom:10px;
  line-height:120%;
  font-size:30px;
}
.textImgBox38 .lead p.title span {
  display:block;
  font-size:20px;
}

/* box */
.textImgBox38 .box {
  float:right;
  width:48%;
}
.textImgBox38 .box p.title {
  padding-bottom:10px;
  line-height:120%;
  font-size:24px;
}

/* textImgBox42
----------------------------------------------------------*/
.textImgBox42 {
  overflow:hidden;
}
.textImgBox42 li {
  padding:0 2% 2% 0;
  float:left;
  width:32%;
}
.textImgBox42 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox42 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox42 li a {
  padding:25px 0 25px 6%;
  border:1px solid #ccc;
  background:#ffd232 url(../images/common/arrow01.gif) no-repeat 96% 50%;
  display:block;
  text-decoration:none;
  color:#222;
  font-size:18px;
}
.textImgBox42 li a:hover {
  opacity:0.6;
}

/* textImgBox43
----------------------------------------------------------*/
.textImgBox43 {
  margin:0 auto 100px;
  overflow:hidden;
  width: 740px;
}
.textImgBox43 li {
  width: 740px;
}
.textImgBox43 li:last-child {
  margin-bottom:0;
  color:#fff;
    text-align: center;
}
.textImgBox43 li:last-child p.title {
  padding-bottom:15px;
  font-size:24px;
  font-weight: 600;
  line-height: 100%;
}
.textImgBox43 li:last-child .bgBox01 {
    background: #000;
    text-align: center;
    padding: 40px;
}
.textImgBox43 .bgBox01 p.title {
  padding-bottom:15px;
  font-size:24px;
  font-weight: 600;
  line-height: 100%;
}
.textImgBox43 .bgBox01 {
    background: #e0e0e0;
    text-align: center;
    padding: 40px;
}
.textImgBox43 .bgBox02 {
    width: 5%;
    margin: 15px auto;
}
.textImgBox43 .bgBox02 img {
    width: 100%;
}


/* textImgBox45
----------------------------------------------------------*/
.textImgBox45 {
  background: #1b1b1b;
    overflow: hidden;
  margin-bottom: 30px;
}
.textImgBox45 .photoL {
  width: 60%;
  float: left;
}
.textImgBox45 .photoL img {
  width: 100%;
}

.textImgBox45 .box {
  padding:45px;
  box-sizing: border-box;
    width: 40%;
    float: right;
    color: #fff;
}
.textImgBox45 p.cate {
  margin-bottom:10px;
  padding-bottom:5px;
  border-bottom:1px solid #fff;
}
.textImgBox45 p.sub {
  padding-bottom:5px;
  font-size:14px;
}
.textImgBox45 .box p.title {
  font-size:30px;
}
.textImgBox45 .box p.title span {
  display:block;
  line-height:170%;
  font-size:16px;
}
.textImgBox45 .box p.catch {
}


/* textImgBox46
----------------------------------------------------------*/
.textImgBox46 {
}
.textImgBox46 p.title {
  margin-top:40px;
  padding:2px 0 20px 50px;
  background:url(../images/icon02.png) no-repeat;
  overflow:hidden;
  color:#094db1;
    font-size: 20px;
}
.textImgBox46 p.title:first-child {
  margin-top:0;
}

/* 左画像 */
.textImgBox46 .photoL {
  width: 50%;
  float: left;
  padding: 0 40px 40px 0;
}
.textImgBox46 .photoL img {
  width: 100%;
}

/* 右画像 */
.textImgBox46 .photoR {
  width: 50%;
  float: right;
  padding: 0 0 40px 40px;
}
.textImgBox46 .photoR img {
  width: 100%;
}

/* 横幅いっぱい画像 */
.textImgBox46 .photo {
  padding-bottom:20px;
  width: 100%;
}
.textImgBox46 .photo img {
  width: 100%;
}

.textImgBox46 .box {
    width: 50%;
    float: right;
    color: #fff;
  margin-top: 50px;
}



/* textImgBox47
----------------------------------------------------------*/
.textImgBox47 {
  overflow:hidden;
}
.textImgBox47 .photo {
  float:left;
  width:48%;
}
.textImgBox47 .photo img {
  width:100%;
}
.textImgBox47 .box {
  float:right;
  width:48%;
}
.textImgBox47 dl {
  background:url(../images/line.png) repeat-y 20px 0;
}
.textImgBox47 dt {
  font-size:24px;
  padding:5px 70px 15px;
  background:url(../images/clock.png) no-repeat;
}
.textImgBox47 dd {
  padding:0px 70px 20px;
}
.textImgBox47 dd:last-child {
  background:#fff;
}

/* textImgBox49
----------------------------------------------------------*/
.textImgBox49 {
  text-align:center;
}
.textImgBox49 li {
  padding-bottom:20px;
}

/* textImgBox50
----------------------------------------*/
.textImgBox50 {
  margin:0 auto;
  overflow:hidden;
}
.textImgBox50 li {
  margin:0 4% 20px 0;
  float:left;
  width:48%;
}
.textImgBox50 li:nth-child(2n) {
  margin-right:0;
}
.textImgBox50 li:nth-child(2n+1) {
  clear:both;
}
.textImgBox50 li img {
  width:100%;
}

/* textImgBox51
----------------------------------------*/
.textImgBox51 {
  margin:0 auto;
}
.textImgBox51 li {
  padding:0 2% 20px 0;
  float:left;
  width:32%;
}
.textImgBox51 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox51 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox51 li img {
  width:100%;
}

/* textImgBox52
----------------------------------------*/
.textImgBox52 {
}
.textImgBox52 li {
  padding-bottom:30px;
}
.textImgBox52 li .head {
  padding-bottom:10px;
  overflow:hidden;
  font-weight:600;
  font-size:24px;
}
.textImgBox52 li p.sub {
  padding:0 30px;
  background:#de241e;
  border-radius:30px;
  box-sizing: border-box;
  float:left;
  text-align:center;
  width:12%;
  color:#fff;
  font-weight:400;
  font-family: 'Oswald', sans-serif;
  font-size:18px;
}
.textImgBox52 li p.title {
  padding-top:5px;
  float:right;
  width:86%;
  line-height:120%;
}


/* textImgBox53
----------------------------------------------------------*/
.textImgBox53 {
}
.textImgBox53 li {
  margin-bottom:2px;
  padding:40px 0;
  background:#efefef;
  overflow:hidden;
}
.textImgBox53 li .bg {
  margin:0 auto;
  width:960px;
}
.textImgBox53 li:nth-child(4n) .box {
  padding-top:60px;
}
.textImgBox53 p.sub {
  padding-bottom:5px;
  font-size:16px;
}
.textImgBox53 p.title {
  margin-bottom:10px;
  padding-bottom:5px;
  border-bottom:1px solid #ccc;
  font-size:20px;
}
.textImgBox53 .photo {
  float:left;
  width:46%;
}
.textImgBox53 .photo img {
  width:100%;
}
.textImgBox53 .box {
  padding:80px 4% 0 4%;
  box-sizing: border-box;
  float:right;
  width:54%;
}

/* 偶数行の背景色を変更 */
.textImgBox53 li:nth-child(2n) {
  background:#fff;
}
.textImgBox53 li:nth-child(2n) .photo {
  float:right;
}
.textImgBox53 li:nth-child(2n) .box {
  float:left;
}

/* textImgBox54
----------------------------------------------------------*/
.textImgBox54 {
}
.textImgBox54 ul li {
  display: table;
  width: 90%;
  padding: 0 0 40px 0;
  margin: 0 auto;
}
.textImgBox54 p.title {
  padding-bottom:0;
  font-size:20px;
}
.textImgBox54 .stepBox {
  background: #49a5d7;
  width: 25%;
  display: table-cell;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  position: relative;
}
.textImgBox54 .textBox {
  width: 75%;
  display: table-cell;
  vertical-align: middle;
  background: #eef9ff;
  padding: 50px;
}
.textImgBox54 .stepBox:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #49a5d7 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
.textImgBox54 .stepBox p span {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
}
.textImgBox54 li:last-child .stepBox:after {
  border: none;
}


/* textImgBox55
----------------------------------------------------------*/
.textImgBox55 {
  overflow:hidden;
  margin-bottom: 50px;
}
.textImgBox55 .photo {
  float:left;
  width:30%;
}

.textImgBox55 .photo img {
  width:100%;
}
.textImgBox55 .box {
  float:right;
  width:67%;
}
.textImgBox55 .box p.title {
  padding-bottom:10px;
  font-size:30px;
}



/* LINE@ページのQR
----------------------------------------------------------*/
#line {
  background:#fff;
}
#line h3 {
  margin-bottom:40px;
  padding-bottom:20px;
  font-size:30px;
}
#line h3 span {
  border-bottom:5px solid #4db848;
}
#line h4 {
  margin-bottom:40px;
  padding:20px;
  border-left:7px solid #126c0e;
  background:#4db848;
  text-align:left;
  font-size:24px;
}
#line h4 span {
  border-bottom:none;
  color:#fff;
}

/* borderBox01 */
#line .textImgBox10 {
}
#line .textImgBox10 p.title {
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom:3px solid #4db848;
  color:#4db848;
  font-size:24px;
}

/* borderBox01 */
#line .borderBox01 {
  margin-bottom:0;
  border:none;
  background:#e5efd2;
}

/* QRコード */
#line .lineSpQrBox {
  display:none;
}
#line .linePcQrBox {
}
#line .linePcQrBox .photo {
  padding-bottom:20px;
  text-align:center;
}

/* 求める人材像
----------------------------------------------------------*/
#policyBox {
  margin:0 auto;
  text-align:center;
  width:760px;
}

#policyBox p.catch span {
  margin-bottom:40px;
  padding:30px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  line-height:5;
  font-size:26px;
}
#policyBox ul {
  margin:20px 0 40px 0;
}
#policyBox li {
  margin-bottom:10px;
  padding:20px;
  background:#094DB1;
  color:#fff;
  font-size:20px;
}

/* メールでのお問い合わせ
----------------------------------------------------------*/
#contactBg {
  padding:20px;
  border-radius:10px;
  background:#b58c67;
}
#contactBg02 {
  padding:0 50px 50px 50px;
  background:#fff;
}
#contactBg02 .icon {
  text-align:center;
}
#contactBg02 .icon img {
  margin-top:-10px;
}
#contactBg h3 {
  margin-top:40px;
  background:none;
}
#contactBg table.style02 th {
  width:200px;
}

/* box_switch01
----------------------------------------------------------*/
.box_switch01 {
}
  .box_switch01 .contentBox01 {
    padding: 30px 0;
  }
  .switchNav01 {
    width: 100%;
  }
    .switchNav01 li {
      float: left;
      width: 100%;
      border-bottom: 3px solid #248b9a;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    }
    .switchNav01.col2 li { width: 50%; }
      .switchNav01 li .tit {
        width: 100%;
      }
        .switchNav01 li .tit a {
          display: block;
          background-color: #dbdad6;
          color: #333;
          text-decoration: none;
          text-align: center;
          vertical-align: middle;
          padding: 11px 10px;
        }
        .switchNav01 li .tit a:hover,
        .switchNav01 li .tit a:focus {
          background-color: #248b9a;
          color: #fff;
        }
        .switchNav01 li.current .tit a { background-color: #248b9a; color: #fff; }
    .switchNav01 li .content {
      display: none;
    }

/* googleMapBox
----------------------------------------------------------*/
.googleMapBox {
}
.googleMapBox .spMap {
  display:none;
}

/* pager
----------------------------------------------------------*/
#pager {
  margin-top:80px;
  text-align:center;
  font-size:22px;
}
#pager a {
  margin-right:5px;
  padding:5px 15px;
  border:1px solid #ed1b23;
  background:#ed1b23;
  text-decoration:none;
  color:#fff;
}
#pager a:hover {
  opacity:0.6;
}
/* カレント */
#pager span.current {
  margin-right:5px;
  padding:5px 15px;
  border:1px solid #ed1b23;
  background:#fff;
  text-decoration:none;
  color:#ed1b23;
}

/* topNews01
----------------------------------------------------------*/
#topNews01 {
  padding-right:20px;
  border:1px solid #345700;
  background:url(../images/top/news_bg.gif) repeat-y;
  overflow:hidden;
}
#topNews01 p.newsTitle {
  padding-bottom:40px;
  background:#345700 url(../images/top/news_title.png) no-repeat 30px 20px;
  float:left;
  width:20%;
  height:100px;
  text-indent:-9999px;
}
#topNews01 ul {
  margin-top:17px;
  float:right;
  width:78%;
}
#topNews01 p {
  padding-bottom:0;
}
#topNews01 li {
  padding-bottom:10px;
  overflow:hidden;
}
#topNews01 li:last-child {
  padding-bottom:0;
}
#topNews01 .date {
  padding:5px 0;
  float:left;
  width:10%;
  line-height:100%;
}
#topNews01 .cate {
  padding:5px 0;
  float:left;
  width:15%;
  text-align:center;
  line-height:100%;
  color:#fff;
  font-size:12px;
}
#topNews01 .body {
  padding:5px 0;
  float:right;
  width:72%;
  line-height:1.5;
}
#topNews01 .title {
  padding-bottom:10px;
  line-height:120%;
  font-weight:bold;
}
/* カテゴリ名01 */
#topNews01 .cate01 {
  background:#222;
}
/* カテゴリ名02 */
#topNews01 .cate02 {
  background:#345700;
}
/* カテゴリ名03 */
#topNews01 .cate03 {
  background:#ff9900;
}


/* textList01
----------------------------------------*/
.textList01 {
}
.textList01 li {
  padding:15px 0;
  border-bottom:1px dotted #ccc;
  overflow:hidden;
}
.textList01 li p {
  padding-bottom:0;
}
.textList01 li .date {
  float:left;
  width:10%;
}
.textList01 li .title {
  float:right;
  width:88%;
}

/* bnrLink01
----------------------------------------------------------*/
.bnrLink01 {
  padding-bottom:40px;
  text-align:center;
}

/* miniTextBox
----------------------------------------------------------*/
.miniTextBox {
  margin:0 auto;
  padding-bottom:50px;
  text-align:center;
  font-size:120%;
}

/* アコーディオン
----------------------------------------------------------*/
.trigger {
  margin-bottom:20px;

  padding:10px 15px;
  border:1px solid #ccc;
  -webkit-box-shadow: 0 7px 6px -6px #777;
     -moz-box-shadow: 0 7px 6px -6px #777;
          box-shadow: 0 7px 6px -6px #777;
  font-size:16px;
}
.open-close {
  padding:0 10px;
  background:rgb(202,36,55);
  border-radius:50%;
  float:right;
  color:#fff;
  font-weight:bold;
  font-size:13px;
}


/* [TABLE] style01
----------------------------------------------------------*/
table.style01 {
  margin-bottom: 40px;
  width:100%;
}
table.style01 th {
  padding:20px 25px;
  border-top: 1px solid #d6d6d6;
  vertical-align:top;
  border-bottom: 1px solid #d6d6d6;
  font-family: serif;
  font-weight: bold;
  color: #000;
  font-size: 19px;
  letter-spacing: 2px;
  width: 104px;
}
table.style01 th.title {
  background:#efefef;
  color:#333;
}
table.style01 td {
  padding:20px 25px;
  vertical-align:top;
}

/* [TABLE] style02
----------------------------------------------------------*/
table.style02 {
  margin-bottom:20px;
  width:100%;
}
table.style02 th {
  padding:20px 25px;
  vertical-align:top;
  font-weight:bold;
}
table.style02 td {
  padding:20px 25px;
  vertical-align:top;
}

/* 偶数行の背景色を変更 */
table.style02 tr:nth-child(even) th,
table.style02 tr:nth-child(even) td {
  background:#fff;
}

/* 奇数行の背景色を変更 */
table.style02 tr:nth-child(odd) th,
table.style02 tr:nth-child(odd) td {
  background:#efefef;
}

/* [TABLE] style03
----------------------------------------------------------*/
table.style03 {
  margin-bottom:20px;
  width:100%;
}
table.style03 th {
  padding:20px 25px;
  border-bottom:1px solid #519027;
  vertical-align:top;
  color:#519027;
}
table.style03 th.title {
  background:#efefef;
}
table.style03 td {
  padding-bottom:20px 25px;
  border:1px solid #519027;
  vertical-align:top;
}

/* [UL] style01
----------------------------------------------------------*/
ul.style01 {
  margin-left:20px;
  list-style-type:disc;
}
ul.style01 li {
  padding-bottom:20px;
}
ul.style01 li:last-child {
  padding-bottom:0;
}

/* [OL] style01
----------------------------------------------------------*/
ol.style01 {
  margin-left:20px;
  list-style-type:decimal;
}
ol.style01 li {
  padding-bottom:20px;
}
ol.style01 li:last-child {
  padding-bottom:0;
}

/* [DL] style01
----------------------------------------------------------*/
dl.style01 {
}
dl.style01 dt {
  padding:30px 0 10px 0;
  font-size:20px;
}
dl.style01 dd {
  padding-bottom:30px;
  border-bottom:1px solid #ccc;
}
dl.style01 dt:first-child {
  padding-top:0;
}

/* GoogleMap埋込み
----------------------------------------------------------*/
.iframeMap {
  width:100%;
  height:500px;
}
.mapBtn {
  display:none;
  text-align:center;
}
.mapBtn img {
  width:70%;
}

/* contents
----------------------------------------*/
#contents {
}


/* パンくずリスト
----------------------------------------------------------*/
#breadcrumb {
  margin:0 auto;
  padding:10px 0 40px 0;
  width:960px;
}
#breadcrumb li {
  display:inline;
}
#breadcrumb a {
  padding:0 12px 0 0;
  background:url(../images/common/topic_path.gif) no-repeat right;
}



/* requestArea
----------------------------------------------------------*/
#requestArea .textImgBox02 li,
#requestArea .textImgBox02 .photo {
  padding-bottom:0;
}
#requestArea .textImgBox02 .telText04 {
  background:url(../images/bnr05.png) no-repeat;
  text-indent: -9999px;
  width:460px;
  height:159px;
}





/* tableWidthBox01
----------------------------------------------------------*/
.tableWidthBox01 {
    width: 100%;
    overflow-x: auto;
}
.tableWidthBox01 table{
    width: 100%;
}
.tableWidthBox01 th {
  border:1px solid #fff;
  background:#002056;
  color:#fff;
}
.tableWidthBox01 td {
  border:1px solid #002056;
  vertical-align:top;
}
/* 注釈 */
p.annotation {
  display:none;
}





/* プライバシーポリシー
----------------------------------------------------------*/
#privacyBox {
  overflow:auto;
  height:200px;
}
#privacyBox p.title {
  font-weight:bold;
  font-size:18px;
}


/* dateBox（共通）
----------------------------------------------------------*/
.dateBox {
  margin:0 auto 30px auto;
  padding:10px 20px;
  background:#efefef;
  overflow:hidden;
  width:920px;
  line-height:170%;
  font-size:14px;
}
.dateBox li.date {
  padding-right:30px;
  float:left;
}
.dateBox li.icon {
  margin-right:10px;
  padding:0 20px 2px 20px;
  border-radius:2px;
  float:left;
}
.dateBox li.bg01 {
  border:1px solid #ccc;
}


/* footerBnrList
----------------------------------------*/
#footerBnrList {
  padding:20px 0;
  background:#333;
  box-sizing: border-box;
}
#footerBnrList ul {
  margin:0 auto;
  width:960px;
  overflow:hidden;
}
#footerBnrList li {
  padding-right:16px;
  float:left;
  width:15%;
}
#footerBnrList li:first-child {
  width:50%;
}
#footerBnrList li:last-child {
  padding-right:0;
}
#footerBnrList li img {
  width:100%;
}







/* footer footerType04
----------------------------------------------------------*/
footer#footerType04 {
  padding-top:30px;
  overflow:hidden;
}
footer#footerType04 .innerBox {
  padding-bottom:0;
}

/* fNavi */
footer#footerType04 #fNavi {
  padding-bottom:20px;
  overflow:hidden;
}
footer#footerType04 #fNavi li {
  border-left:1px solid #ccc;
  box-sizing: border-box;
  float:left;
  width:14.28%;
}
footer#footerType04 #fNavi li:last-child {
  border-right:1px solid #ccc;
}
footer#footerType04 #fNavi a {
  padding:0 8%;
  display:block;
  text-decoration:none;
  text-align:center;
  color:#1c1b1b;
  font-size:14px;
}
footer#footerType04 #fNavi a:hover {
  text-decoration:underline;
}

/* バナー */
footer#footerType04 #bnrList {
  margin:0 auto;
  width:80%;
  overflow:hidden;
}
footer#footerType04 #bnrList li {
  padding:0 2% 6% 0;
  float:left;
  width:32%;
}
footer#footerType04 #bnrList li:nth-child(3n) {
  padding-right:0;
}
footer#footerType04 #bnrList li:nth-child(3n+1) {
  clear:both;
}
footer#footerType04 #bnrList img {
  width:100%;
}

/* ロゴ */
footer#footerType04 #footerLogo {
  padding-bottom:40px;
  text-align:center;
}

/* 住所 */
footer#footerType04 address {
  padding-bottom:20px;
  text-align:center;
}
footer#footerType04 address a {
  text-decoration:none;
}

/* コピーライト */
footer#footerType04 #copy {
  padding-top:20px;
  border-top:1px solid #ccc;
  text-align:center;
  font-size:12px;
}


/* footer footerType03
----------------------------------------------------------*/
footer#footerType03 {
  overflow:hidden;
  border-bottom: 25px solid #313131;
}
footer#footerType03 .innerBox {
  padding-bottom:20px;
}
footer#footerType03 .box01 {
  margin-bottom:20px;
  padding:50px 0 0 0;
  overflow:hidden;
}
/* 住所 */
footer#footerType03 address {
  float:left;
  width:55%;
}
footer#footerType03 address dt {
  padding-bottom:5px;
  font-weight:bold;
  font-size:14px;
}
footer#footerType03 address dd {
  padding:10px 0 30px 0;
  background:none;
  font-size: 13px;
}
footer#footerType03 address a {
  color:#fff;
}
/* ロゴ */
footer#footerType03 #footerLogo {
  padding-bottom:30px;
  font-weight:bold;
  font-size:24px;
}
/* fNavi */
footer#footerType03 #fNavi {
  float:right;
  width:45%;
  overflow:hidden;
  font-size:12px;
}
footer#footerType03 #fNavi ul {
  overflow:hidden;
  padding-bottom: 70px;
}

footer#footerType03 #fNavi li {
  padding:0 2%;
  float:left;
  width:33%;
  box-sizing:border-box;
}
footer#footerType03 #fNavi a {
  text-decoration:none;
  color:#333;
}
footer#footerType03 #fNavi a:hover {
  text-decoration:underline;
}


/* footer footerType02
----------------------------------------------------------*/
footer#footerType02 {
  margin-bottom:20px;
  overflow:hidden;
  color:#fff;
}
footer#footerType02 .innerBox {
  padding-bottom:20px;
}
footer#footerType02 .box01 {
  margin-bottom:20px;
  padding:50px 0 50px 0;
  background:#444;
  overflow:hidden;
}
/* facebookページ */
footer#footerType02 #photoBox {
  float:left;
  width:49%;
}
/* 住所 */
footer#footerType02 address {
  float:right;
  width:49%;
}
footer#footerType02 address dt {
  padding-bottom:5px;
  border-bottom:1px solid #b6b6b6;
  font-weight:bold;

  font-size:14px;
}
footer#footerType02 address dd {
  padding:10px 0 30px 0;
  background:none;
}
footer#footerType02 address a {
  color:#fff;
}
/* ロゴ */
footer#footerType02 #footerLogo {
  padding-bottom:30px;
  font-weight:bold;

  font-size:24px;
}
/* footerBox */
footer#footerType02 #footerBox {
  padding-bottom:20px;
  overflow:hidden;
}
/* fNavi */
footer#footerType02 #fNavi {
  float:left;
  width:60%;
  overflow:hidden;
  font-size:12px;
}
footer#footerType02 #fNavi li {
  padding:0 2%;
  border-left:1px solid #ccc;
  float:left;
}
footer#footerType02 #fNavi li:last-child {
  border-right:1px solid #ccc;
}
footer#footerType02 #fNavi a {
  text-decoration:none;
  color:#333;
}
footer#footerType02 #fNavi a:hover {
  text-decoration:underline;
}

/* あああああ株式会社 */
footer#footerType02 dl.style01 {
  margin-bottom:20px;
  padding:20px;
  background:#6c6c6c;
  color:#fff;
}
footer#footerType02 dl.style01 dt {
  padding-bottom:0;
  border-bottom:none;
  font-size:12px;
}
footer#footerType02 dl.style01 dd {
  padding:0;
  line-height:150%;
  font-size:11px;
}
footer#footerType02 dl.style01 a {
  text-decoration:underline;
  color:#fff;
}

/* コピーライト */
footer#footerType02 #copy {
  float:right;
  width:40%;
  text-align:right;
  color:#333;
  font-size:12px;
}



/* footer footerType01
----------------------------------------------------------*/
footer#footerType01 {
  margin-bottom:20px;
  padding:20px 0;
  background:#0058a1;
  overflow:hidden;
  color:#fff;
}
footer#footerType01 .innerBox {
  padding-bottom:10px;
}
/* ロゴ */
footer#footerType01 #footerLogo {
  padding-right:4%;
  float:left;
}
/* 住所 */
footer#footerType01 address {
  float:left;
}
footer#footerType01 address a {
  text-decoration:none;
  color:#fff;
}
/* バナー */
footer#footerType01 #bnrList {
  float:right;
  width:270px;
}
footer#footerType01 #bnrList li {
  padding-bottom:10px;
}
footer#footerType01 #bnrList li:last-child {
  padding-bottom:0;
}
footer#footerType01 #bnrList img {
  width:100%;
}
/* fNavi */
footer#footerType01 #fNavi {
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #5080a7;
  overflow:hidden;
  font-size:12px;
}
footer#footerType01 #fNavi li {
  padding-right:4%;
  float:left;
}
footer#footerType01 #fNavi a {
  text-decoration:none;
  color:#fff;
}
footer#footerType01 #fNavi a:hover {
  text-decoration:underline;
}
/* コピーライト */
#copy {
  text-align:center;
  font-size:12px;
}




/* pageTop
----------------------------------------------------------*/
#pageTop {
  background: #ed1b23;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-decoration:none;
  font-size: 13px;
  text-align:center;
  z-index:1000;
  color:#fff;
}



/* [pc] textImgBox56
----------------------------------------------------------*/

.textImgBox56 {
    position: relative;
}

.textImgBox56 .photo {
  float: right;
  width: 60%;
  max-width: 100%;
}

.textImgBox56 .photo img{
  width: 100%;
}

.textImgBox56 .box {
    position: absolute;
    width: 40%;
    background: #FFF;
    padding: 3%;
    bottom: -11%;
}

.textImgBox56 .box .title{
    padding-bottom: 10px;
    font-size: 30px;
}




/* [pc] textImgBox57
----------------------------------------------------------*/

.textImgBox57 .box02>div {
    /* border-bottom: 1px dotted #000; */
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.textImgBox57 .box02>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.textImgBox57 .atag {
    position: absolute;
    bottom: 30px;
    font-size: 14px;
}

.textImgBox57 {
    position: relative;
    padding: 30px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.textImgBox57
 .box01 {
    float: left;
    width: 150px;
    font-size: 25px;
}

.textImgBox57 .box02 {
    float: left;
    width: calc(100% - 150px);
}

.textImgBox57 .box02 .day {
    float: left;
    margin-right: 40px;
    position: relative;
}

.textImgBox57 .box02 .cat {
    float: left;
    margin-right: 40px;
    background: #000;
    font-size: 14px;
    padding: 1px 9px 3px;
    color: #FFF;
}



/* [pc] textImgBox58
----------------------------------------------------------*/

.textImgBox58 .box02>div {
    /* border-bottom: 1px dotted #000; */
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.textImgBox58 .box02>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.textImgBox58 .atag {
    position: absolute;
    bottom: 30px;
    font-size: 14px;
}

.textImgBox58 {
    position: relative;
    padding: 30px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.textImgBox58
 .box01 {
    float: left;
    width: 150px;
    font-size: 25px;
}

.textImgBox58 .box02 {
    float: left;
    width: calc(100% - 150px);
}

.textImgBox58 .box02 .day {
    float: left;
    margin-right: 40px;
    padding-right: 40px;
    position: relative;
}

.textImgBox58 .box02 .day:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 1px;
    background: #b3b3b3;
    right: -15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.textImgBox58 .box02 .cat {
    float: left;
    margin-right: 40px;
    background: #000;
    font-size: 14px;
    padding: 1px 9px 3px;
    color: #FFF;
}



/* [pc] textImgBox59
----------------------------------------------------------*/

.textImgBox59 .slick-initialized .slick-slide article {
    position: relative;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.textImgBox59 .slick-initialized .slick-slide>article img {
    object-fit: contain;
    height: 328px;
    width: 100%;
    max-width: 100%;
    border: none;
}

.textImgBox59 img{
  user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;

}
.textImgBox59 .thumbnail-item img {
    height: auto;
    width: 100%;
}

.textImgBox59 .slick-slider {
    background: #efefef;
    border: 1px solid #ccc;
}



/* [pc] textImgBox60
----------------------------------------------------------*/

.textImgBox60 {
    display: -webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    flex-wrap: wrap;
}

.textImgBox60 img {
    width: 100%;
}

.textImgBox60 li {
    margin-right: 4%;
    margin-bottom: 30px;
    width: 44%;
    background: #ebebeb;
    padding: 2%;
}

.textImgBox60_03 li {
    width: 26%;
}

.textImgBox60_04 li {
    width: 18%;
}

.textImgBox60 li:nth-child(2n) {
    margin-right: 0;
}

.textImgBox60_03 li:nth-child(2n) {
    margin-right: 4%;
}

.textImgBox60_04 li:nth-child(2n) {
    margin-right: 4%;
}

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

.textImgBox60_04 li:nth-child(4n) {
    margin-right: 0;
}

.textImgBox60 .title{
  font-size: 20px;
}

.textImgBox60 .sub{
  font-size: 18px;
}


/* [pc] textImgBox61
----------------------------------------------------------*/

.textImgBox61 li {
    position: relative;
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 8%;
}

.textImgBox61 a {
    transition: 0.3s;
    color: #333;
    text-decoration: none;
    display: block;
}

.textImgBox61 li .on {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s;
    z-index: 2;
}

.textImgBox61 li a:hover .on {
  opacity: 1;
}

.textImgBox61 li a div {
    width: 83%;
    position: absolute;
    bottom: -10%;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.8784313725490196);
    padding: 3%;
    border: 1px solid #ddd;
    z-index: 3;
}

.textImgBox61 li a .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 2%;
}

.textImgBox61_02 li:nth-child(2n) {
    margin-right: 0;
}

.textImgBox61_02 li:nth-last-child(-n+2) {
    /*margin-bottom: 4%;*/
}

.textImgBox61_03 li {
    width: 31.3%;
    margin-right: 3%;
    margin-bottom: 6%;
}

.textImgBox61_03 li:nth-child(3n) {
    margin-right: 0;*/
}

.textImgBox61_03 li:nth-last-child(-n+3) {
    /*margin-bottom: 4%;*/
}

.textImgBox61_04 li {
    width: 22.7%;
    margin-right: 3%;
    margin-bottom: 6%;
}

.textImgBox61_04 li:nth-child(4n) {
    margin-right: 0;
}

.textImgBox61_04 li:nth-last-child(-n+4) {
    /*margin-bottom: 4%;*/
}

.textImgBox61_04 li a div{
    bottom: -25%;
}















/* [pc] textImgBox62
----------------------------------------------------------*/
.textImgBox62{
  position: relative;
}

.textImgBox62 .textBox {
    /* float: left; */
    /* width: calc(50% - 76px); */
    /* height: 160px; */
    left: 127px;
}

.textImgBox62 .textBox .title{
  font-size: 120%;
  margin: 15px 0 0px;
  padding-bottom: 5px;
  font-weight: 500;
}

.textImgBox62 .textBox .img01 {
    position: absolute;
    width: calc(50% - 76px);
    right: 0;
}
.textImgBox62 .boxRight{
  height: 82px;
  padding-left: 212px;
}

.textImgBox62 .boxRight .textBox {
    position: absolute;
    left: 340px;
}

.textImgBox62 .boxRight .timeBoxCover {
    position: absolute;
    width: 152px;
    float: left;
    height: 85px;
    /* left: 0; */
    /* right: 0; */
    margin: auto;
}

.textImgBox62 .img02{
  position: absolute;
  width: calc(50% - 76px);
  bottom: 0;
  left: 0;
}

.textImgBox62innerBox{
  width: 604px;
  padding-bottom: 40px;
}
/* [pc] textImgBox63
----------------------------------------------------------*/
.textImgBox63>div {
  margin-bottom: 5%;
}


.Box63_01>div {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Box63_01 {
  display: flex;
  border: 1px solid #000;
}



.Box63_01>div>div {
  width: 70%;
}


.Box63_01>.textBox .title {
    font-size: 20px;
    margin-bottom: 20px;
}


.Box63_02 .Box63_02title {
    text-align: center;
    background: #000;
    padding: 1% 0px;
    color: #FFF;
    margin: 0;
    margin-bottom: 10px;
}

.pcNone{
  display: none;
}


/* [PC] textImgBox64
----------------------------------------------------------*/
.textImgBox64>div>div {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.imgBox img {
    width: 100%;
}

.textImgBox64>div>div:nth-child(1) {
  margin-right: 3%;
}

.textImgBox64>div {
  display: flex;
}

.textImgBox64 .textImgBox64Box02 {
  display: flex;
  flex-direction: row-reverse;
}

.textImgBox64 .textImgBox64Box02>div:nth-child(1) {
  margin-left: 3%;
  margin-right: 0%;
}

.textImgBox64 .title {
    font-weight: bold;
    font-size: 18px;
}

.textImgBox64>div:last-child {
    margin-bottom: 0;
}




/* [pc] home トップページ
----------------------------------------------------------*/

.back02Home .innerBox>div {
    float: left;
    width: 47%;
}

.back02Home .Boxleft {
    margin-right: 6%;
    width: 50%;
}


.homeBox>div {
    float: left;
    width: 47%;
}

.homeBox>div:nth-child(1) {
    margin-right: 6%;
}




/* [pc] footer フッター
----------------------------------------------------------*/

.footerArea01 .footerArea01_02{
  float: left;
  width: 40%;
}

.footerArea01_02 a {
    display: block;
    text-decoration: none;
    padding: 6.5px 0px;
    border-top: 2px solid #004320;
    font-size: 24px;
    font-family: serif;
    font-weight: bold;
    color: #004320;
}

.footerArea01_02 a:nth-child(1) {
    /* width: 94px; */
    pointer-events: none;
    cursor: default;
}

.footerArea01_02 a:nth-child(2) {
    border-bottom: 2px solid #004320;
    transition: 0.2s;
}

.footerArea01_02 a:nth-child(2):hover {
    background: #ffffff;
}

.footerArea01_02 a div {
    width: 350px;
    padding-left: 66px;
    background: url(../images/common/footer_icon01.png)no-repeat center left 10px;
    background-size: 46px;
    margin-left: 14px;
}

.footerArea01_02 a:nth-child(1) div {
    font-size: 34px;
}

.footerArea01_02 a:nth-child(1) div p,.footerArea01_02 a:nth-child(2) div p {
    line-height: 41px;
    letter-spacing: 3px;
    padding: 11px;
}

.footerArea01_02 a:nth-child(2) div {
    background: url(../images/common/footer_icon02.png)no-repeat center left 10px;
    background-size: 46px;
}

div {}


/* [pc] company 会社概要
----------------------------------------------------------*/
table.style01_01 th{
  width: 240px;
}


/* 【pc】 経営理念 philosophy
----------------------------------------------------------*/
#philosophy .imgBoxArea {
    width: 841px;
    margin: auto;
}



.textImgBox51_02 li {
    float: left;
    width: 30%;
    padding: 0 5% 20px 0;
}

.textImgBox51_02 .title{
  text-align: center;
}


/* 【pc】 サービス紹介 service
----------------------------------------------------------*/
.textImgBox64>div>div {
    width: 26%;
}

.textImgBox64>div>div.textBox {
    width: 82%;
}

#service .developmentBox .imgBox {
    width: 30%;
}

#service .developmentBox .body{
  float: left;
  width: 68%;
}


/* 【pc】 数字で見る中田製作所 numbers
----------------------------------------------------------*/
#numbers .textImgBox06 li {
    padding: 0 4% 20px 0;
    float: left;
    width: 21.5%;
    text-align: center;
}
#numbers .textImgBox06 li:nth-child(4n) {
    padding-right: 0;
}

#numbers .textImgBox06 li .photo {
    width: 121px;
    margin: 10px auto 15px;
}

#numbers .textImgBox06 {
    width: 780px;
    margin: 35px auto 10px;
}

.kokuseki li{
  float: left;
  width: 16%;
  text-align: center;
  margin-bottom: 20px;
}

.kokusekiBox li {
    width: 14.2%;
}

#numbers .textImgBox64>div>div {
    width: 48%;
}

#numbers .textImgBox64>div>div.textBox {
    width: 85%;
    margin-left: 5%;
}

#numbers .textImgBox64>div>div.textBox>div {
  width: 100%;
}

#numbers .textImgBox64 .box>div .box01{
  float: left;
  width: calc(100% - 100px);
  font-weight: 500;
}

#numbers .textImgBox64 .box>div .box02 {
    text-align: right;
    width: 90px;
}

.box02 li{
  float: left;
  width: 156px;
  padding-left: 76px;
  line-height: 1;
  letter-spacing: 2px;
  font-size: 17px;
  font-weight: 500;
}

#numbers .box01 .title01 {
    width: 100px;
}

#numbers .box02,#numbers .box03 {
    width: calc(100% - 100px);
}

#numbers .box03 li {
    float: left;
    width: 19.3%;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
}




/* 【PC】 カタログダウンロード catalog
----------------------------------------------------------*/

#machine #catalog .textImgBox02 li{
  width: 95%;
  margin-right: 0;
}

.textImgBox55 .photo {
  float:left;
  width: 25%;
}

.textImgBox55 .box {
    float: right;
    width: 71%;
}

#catalog .textImgBox55 .box p.title {
    padding-bottom: 10px;
    font-size: 25px;
}


#catalog .catalogmail .textImgBox55 .box p.title {
    padding-bottom: 10px;
    font-size: 18px;
}

#catalog .catalogmail .textImgBox55 .box p.title.letter0 {
    letter-spacing: 0;
}

#catalog .textImgBox55 .box p {
    padding-bottom: 10px;
    font-size: 13px;
}

/* 【PC】 機器紹介 machine
----------------------------------------------------------*/

.developmentBox .imgBox{
  float: right;
  width: 38%;
  font-size: 14px;
}

.developmentBox02 .imgBox{
  width: 30%;
}

.developmentBox .body{
  float: left;
  width: 60%;
}

.developmentBox02 .body{
  width: 68%;
}


/* 【PC】 製品紹介 productlist
----------------------------------------------------------*/
.pageslistArea03 li {
    padding: 0 3% 20px 0;
    float: left;
    width: 31%;
}

.pageslistArea03 li:nth-child(3) {
    padding-right: 0;
}


.machineBox div a {
    float: left;
    width: 50%;
    display: block;
    margin-right: 0;
    margin-bottom: 5px;
}


.machineBox div {
    overflow: hidden;
}

#machine #catalog .textImgBox55 .box p.title {
    padding-bottom: 10px;
    font-size: 20px;
}


/* [PC] contact お問い合わせ
----------------------------------------------------------*/
.formBox div{
  float: left;
  width: 33%;
  margin-bottom: 6px;
}

.formBox article:nth-child(2) div,
.formBox article:nth-child(5) div{
    width: 50%;
}

.formBox article:nth-child(2)>p,
.formBox article:nth-child(5)>p,
.entryBox .formBox div {
    width: 100%;
    overflow: hidden;
}

.entryBox p.title span {
    color: #26764c;
}

.entryBox article p{
  padding-top: 0;
}

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


#catalog .textImgBox02 li{
  width: 44.2%;
}

#catalog .catalogmail .textImgBox02 li:nth-child(2n+1) {
    clear: none;
}

#catalog .catalogmail .textImgBox02 li:nth-child(3n) {
    margin-right: 0;
}

#catalog .catalogmail .textImgBox02 li {
    width: 29.6%;
    margin: 0 2% 2% 0;
    min-height: 168px;
}



/* 【PC】 会社案内 companylist
----------------------------------------------------------*/
#companylist .pageslistArea p:nth-child(3) {
    min-height: 108px;
}

/* [PC] coperative 協力会社募集
----------------------------------------------------------*/
.coperativeBtn div {
    float: left;
    width: 350px;
}

.coperativeBtn {
    width: 700px;
}


img.imgLeft {
    float: right;
    width: 23%;
    margin-left: 10px;
}

}



.glossaryBox li {
    overflow: hidden;
    border-top: 1px solid #d6d6d6;
    padding: 20px 0 10px;
}

.glossaryBox .textImgBox02 li {
    border: none;
}

.glossaryBox .textImgBox02 li img {
    width: 100%;
    margin-left: 0;
}

.glossaryBox li:last-child {
    border-bottom: 1px solid #d6d6d6;
    font-size: 15px;
}

.glossaryBox li .title {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    padding-bottom: 6px;
    color: #417145;
}

.glossaryBox li .btn01 a {
    float: right;
    width: 210px;
    padding: 2px 0;
}

.glossaryBox li .btn01 {
    margin: 20px 0 15px;
    overflow: hidden;
}

.glossaryBox {
    overflow: hidden;
    margin-bottom: 50px;
}

.glossaryBox img {
    float: right;
    width: 30%;
    margin-left: 20px;
}



/* [共通]  リクナビバナー　seno
----------------------------------------------------------*/
.rikunabi {
    width: 298px;
    height: auto;
    /* text-align: center; */
    margin: 0 auto;
    padding-bottom: 45px;
}


/* [共通]  健康宣言
----------------------------------------------------------*/
div.innerBox04.hStyle dl dt::before {
  content: "\025c6";
  display: inline-block;
}
div.hStyle dl dd::before{
  content: "\02022";
  display: inline-block;
}
div.innerBox04.hStyle dl {
  margin-bottom: 20px;
  line-height: 180%;
}
dl {
  margin-bottom: 20px;
}
.l-flo {
  text-align: right;
}