@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);

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

/* !Reseting
---------------------------------------------------------- */
body {
  /*border-top:5px solid #0058a1;*/
/*  font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;*/
  font-family:"ヒラギノ角ゴ 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;}
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: #000;
  text-decoration:none;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
}
a:hover {
  text-decoration: none;
}

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

/* 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 {
  max-width:100%;
  flex-shrink: 0;

}

/* エラーページ
----------------------------------------------------------*/
#error {
  margin:0 auto;
  padding-bottom:40px;
}
#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 {
  padding5px;
  box-sizing: border-box;
  border:none;
  background:#fff;
  border:1px solid #6b6b6b;
}
input.short {
  width:20%;
}
input.middle {
  width:50%;
}
input.long {
  width:90%;
}
textarea {
  width:90%;
  height:100px;
}
/* 必須 */
.hissu {
  padding:2px 4px;
  background:#e7133b;
  border:1px solid #e7133b;
  border-radius:4px;
  display:block;
  width:40px;
  text-align:center;
  float:right;
  color:#fff;
  font-weight:bold;
  font-size:11px;
}
/* 任意 */
.nini {
  padding: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:#ed1b23;
  border-radius: 6px;
  text-decoration:none;
  display:block;
  text-align:center;
  width:50%;
  color: #fff;
  font-size:18px;
}



/* [共通] 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: 160px;
    font-family: 'Oswald', sans-serif;
    margin: 0 50px 13px;
}

.textImgBox62 .timeBox:before {
    position: absolute;
    content: "";
    background: #c3c3c3;
    width: 1px;
    height: calc(100% - 80px);
    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: 28px;
    transform: rotate(30deg);
}


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

.textImgBox62 .timeText{
  width: 52px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.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"
}













/* [共通] 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;
}

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

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

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


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

body {
  font-size:16px;
  line-height:140%;
}
/* P */
p {
  padding-bottom:4%;
  line-height:160%;
  font-size: 0.9rem;
}
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% 0;
/*  background:#003399;*/
  text-align:center;
  color:#000;
  font-size:1.5rem;
}
h2 span {
  padding-top:2%;
  display:block;
  color:#7291d0;
  font-size:11px;
}
h3 {
  margin-bottom:8%;
  text-align:center;
  font-family: 'Oswald', sans-serif;
  font-size: 1.7rem;
    color: #000;
}
h3 span {
  padding-bottom:5px;
  /*border-bottom:4px solid #003399;*/
  font-size:16px;
}
h4 {
/*
  margin-bottom:4%;
  padding:10px 0 12px 15px;
  background:#e2e9f7;
  border-left:8px solid #003399;
*/
}
h5 {
}


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

/* [sp] パンくずリスト
----------------------------------------------------------*/
#breadcrumbs {
  margin-bottom:8%;
  padding:2% 4%;
  background:#f5f5f5;
  line-height:120%;
  font-size:11px;
  border-bottom: 1px solid #eaeaea;
}
#breadcrumbs .innerBox {
  padding-bottom:0;
}
#breadcrumbs li {
  display:inline;
  font-family: 'Oswald', sans-serif;
}
#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;
}
.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%;
  color:#248aca;
  font-size:22px;
}
.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;
}
.textImgBox36 li p.date {
  padding-bottom:0;
}
.textImgBox36 li p.date span {
  padding:2px 5px;
  background:#efefef;
}
.textImgBox36 li p.title {
  padding-bottom:2%;
  color:#74a917;
  font-size:16px;
}
.textImgBox36 li .box {
  padding:2% 0 8% 0;
  border-top:1px solid #ccc;
  clear:both;
}

/* [sp] textImgBox37
----------------------------------------*/
.textImgBox37 {
  overflow:hidden;
}
.textImgBox37 li {
  padding:0 4% 4% 0;
  float:left;
  width:48%;
}
.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:2%;
  color:#248aca;
  font-size:22px;
}
.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:2%;
}
.textImgBox50 li img {
  width:100%;
}

/* [sp] textImgBox51
----------------------------------------*/
.textImgBox51 {
}
.textImgBox51 li {
  padding-bottom:2%;
}
.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:4%;
  background:#519027;
  border:1px solid #519027;
  display:block;
  vertical-align:top;
  color:#fff;
}
table.style01 th.title {
  background:#efefef;
  color:#333;
}
table.style01 td {
  padding:4%;
  border:1px solid #519027;
  display:block;
  vertical-align:top;
}

/* [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 13px 0;
}

.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] ノスタモ　スマホここから　▼　トップページ
------------------------------------------------------*/
    #wrapper{
        overflow: hidden;
    }
    header h1{
        width: 50%;
        margin: 0 auto;
        padding: 5% 0;
        text-align: center;
    }
    header h1 img{

    }
    header .iconBox{
        width: 95%;
        margin: 0 auto;
        overflow: hidden;
        margin-bottom: 2%;
    }
    header .iconBox li{
        width: 30%;
        float: left;
        padding-right: 3%;
        text-align: center;

    }
    header .iconBox li:last-child{
        padding-right: 0;
    }

    #home .textImgBox57{
        border-top:none;
        margin-bottom: 5%;
        font-size: 0.8rem;

    }
    #home .textImgBox57 a{
        font-weight: 100;
    }
    #home .textImgBox57 .box01 p{

    }
    #home .textImgBox57 .box01{
        font-family: 'Oswald', sans-serif;
        font-size: 2.0rem;
        color: #000;
    }
    #home .textImgBox57 .box02>div>div{
        padding-bottom:0;
    }
    #home .textImgBox57 p{
        padding-bottom:0;
    }
    #home .textImgBox57 .box02>div .title{
        padding-bottom: 3%;
    }
    #home .textImgBox57 .box02 .day{
        font-family: 'Oswald', sans-serif;
        margin-bottom: 2%;
    }

    #home .textImgBox11 .photo img{
        width: 80%;
    }
    #home .textImgBox11 .box p.title{
        text-align: center;
        font-family: 'Oswald', sans-serif;
        font-size: 2.0rem;
        color: #000;
        margin-bottom: 3%;
    }
    #home .textImgBox11 .box p.title a{
        text-decoration: underline;
    }
    #home .textImgBox11 .sub{
        font-size: 1.3rem;
        font-weight: bold;
    }
    #home .textImgBox10 .text{
        line-height: 1.8rem;
        margin:5% 0;
    }
    #home .textImgBox10 .photo img{
        width: 80%;
    }
    #home .textImgBox10 .box p.title{
        text-align: center;
        font-family: 'Oswald', sans-serif;
        font-size: 2.0rem;
        color: #000;
        margin-bottom: 3%;
    }
    #home .textImgBox10 .sub{
        font-size: 1.3rem;
        font-weight: bold;
    }
    #home .textImgBox10 .text{
        line-height: 1.8rem;
    }
    #home h3{
        font-size: 2.0rem;
        font-family: 'Oswald', sans-serif;
        color: #000;
    }
    #home .textImgBox37 li .photo img{
        border: none;
    }
    #home .textImgBox37 .sub{
        text-align: center;
        margin: 5% 0;
    }

    #home .textImgBox37 .body p{
        line-height: 1.5em;
        margin-bottom: 3%;

    }

    #home .worksBox .mainePhoto{
        padding-bottom: 10%;
    }
    #home .worksBox .miniTextBox p{
        margin-bottom: 5%;
        line-height: 1.7em;

    }


/*--------------------------------
　［SP］ノスタモ  トップコンテンツ 背景
----------------------------------*/
#home .topBox{
    position: relative;
}
/*about back*/
#home .bg-gray02{
    width: 100%;
    height:21%;
    position: absolute;
    left: -20vw;
    top:8vw;
    z-index: -1;
    background-color: #f5f5f5;
}
/*message back*/

#home .bg-gray03{
    width: 100%;
    height:24%;
    position: absolute;
    right: -20vw;
/*    top:0;*/
    z-index: -1;
    background-color: #f5f5f5;
}

/*works back*/

/*
#home .bg-gray04{
    width: 100%;
    height:5%;
    position: absolute;
    right: 0;
    top:700vw;
    z-index: -1;
    background-color: #f5f5f5;

}
*/



 /*--------------------------------
　［SP］フッター
----------------------------------*/
    .footerBack{
        background-image: url(../images/common/footerBack.png);
        padding: 10% 0;
        background-size: cover;
    }
	.snsBox02{
		display: none;
	}
    #fNavi ul li {
        padding: 2% 0 2% 5%;
        color:#fff;
        font-size: 1.5rem;
    }
    #fNavi ul li a{
        padding: 2% 0 2% 5%;
        color:#fff;
        font-size: 1.5rem;
    }
    #fNavi ul li:last-child {
        margin-bottom: 3%;
    }
    .rightArea{
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
		margin-top: 5%;
    }
    .rightArea li{
        width: 25%;
        text-align: center;
        padding: 2% 2%;
        float: left;
        background: #fff;
        border: 3px solid #000;
        margin-right: 2%;
    }
    .rightArea li:last-child{
        margin-right: 0;
    }
    .rightArea li a{
        display: block;
        font-size: 1.3rem;
    }
    .copyLogo{
        text-align: center;
        margin: 3% 0;

    }
    .copyL p{
        font-size: 0.5rem;
    }
    .copyLogo img{
        width: 50%;
    }
    .copyL{
        font-size: 0.6rem;
        text-align: center;
        font-family: 'Lora', serif;
    }


/*--------------------------------
　［SP］ボタン
----------------------------------*/
.btnBox{
  width: 200px;
  border: 1px solid #333;
/*  padding:2% 0;*/
  margin:0 auto;
  color: #000;
  display: block;
  text-align: center;
  font-family: 'Lora', serif;
  background: #fff;
  margin-bottom: 10%;
}
.btnBox a{
  width: 200px;
  color: #000;
  display: block;
  /*padding:2% 0;*/
  font-family: 'Lora', serif;
  letter-spacing: 0.1rem;
}
.btnBox a:hover{
  opacity: 0.5;
}
.textImgBox37 .btnBox a{
  padding:2% 0;

}


#contents .btn a{
    background: #000 url(../images/common/arrow02.gif) no-repeat 94% 50%;
    padding:1% 7% 1% 7%;
    color: #fff;
    font-size: 0.8rem;
}
#contents .btn a:hover{
    background: #ccc url(../images/common/arrow01.gif) no-repeat 94% 50%;
    padding:1% 7% 1% 7%;
    color: #000;
    font-size: 0.8rem;
}



/*------------------------------------------
　［SP］ js:流れるギャラリー
-------------------------------------------*/
.photoSlider{
/*
  margin-top:-100px;
  margin-bottom: 10%;
*/
}
.photoSlider .btnBox{
  margin-top:3%;
}
.photoSlider h3{
  text-align: left;
  padding-left:5%;
  line-height: normal;
  margin-bottom: 0;

}
.loopsline{
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  border-bottom: 1px solid #e5e5e5;
/*  padding-bottom: 30px;*/
}
#loopslider {
    margin: 0 auto;
    width: 100%;
    height: 275px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#loopslider ul {
    float: left;
    display: inline;
    overflow: hidden;
}

#loopslider ul li {
    width: 400px;
    height: 250px;
    float: left;
    display: inline;
    overflow: hidden;
}
#loopslider ul li img{
  width:100%;
}
/*--------------------------------
　［SP］ノスタモ  下層コンテンツ：共通
----------------------------------*/
    #contents{
        margin-bottom: 20%;
    }
    #contents #blogArea{
        width: 90%;
        margin: 0 auto;

    }
    #contentsArea{
    }

/*--------------------------------
　［SP］ノスタモ  下層：ブログ
----------------------------------*/

    #blog h3{
        font-size:1.0rem;
        margin-bottom: 2%;

    }
    #blog h4{
        width: 20%;
        margin: 0 auto;
        color: #fff;
        background: #000;
        padding: 1% 0;
        border: none;
        font-family: 'Oswald', sans-serif;
        text-align: center;
        margin-bottom: 5%;
        font-size: 0.8rem;
    }
    #blog .btn{
        text-align: center;
    }
    #blog .miniTextBox{
        margin-bottom: 10%;
        padding-bottom:10%;
        border-bottom: 1px solid #efefef;
    }
	#blog .blogText{
		margin: 8% 0 8% 0;
	}
    #blog .blogText p{

    }
    #blogSide{
        background: #000;
        padding: 5% 5%;
    }
    .blogSideBox ul li{
        padding: 1% 0;
    }
    .blogSideBox .sideTitle{
        font-size: 1.3rem;
        font-family: 'Oswald', sans-serif;
        margin-bottom:5%;
        border-bottom: 1px solid #fff;
        line-height: 3.0em;
        text-align: center;
        color: #fff;
    }
    #blogSide .blogSideBox ul li a{
        color: #fff;
        font-weight: 400;
    }
    #blogSide .blogSideBox ul li a:hover{
        opacity: 0.8;
    }

/* ▼プルダウン▼ */
select {
  /* styling */
  background-color: white;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.minimal {
    width: 100%;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
    font-size: 14px;
}
select option{
    font-size: 14px;
}
select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
/*--------------------------------
　［SP］ ブログのNEWラベル
----------------------------------*/
.new_label_wrap2{
	text-align: center;
	margin-bottom: 1%;
}
#blog h2{
	padding-top: 2%;
}
.new_label{
	background: #dc0000;
    padding: 0.1% 2%;
	font-family: 'Oswald', sans-serif;
	font-size: 0.5rem;
	color: #fff;
}

/*--------------------------------
　［SP］ノスタモ  下層：product
----------------------------------*/
    #product .textImgBox50{
        margin-bottom: 5%;
    }
    #product .textImgBox06 .sub{
        padding-bottom: 1%;
    }
    #product .textImgBox06 .title{
        text-align: left;

    }
	#product .midashi h3{
		float: left;

	}
	#product .midashi h4{
		width: 30%;
		float: right;

	}
	#product .midashi h4 a{
		display: block;
		border: 1px solid #000;
		padding: 4% 5% 3% 5%;
		font-size: 0.8rem;
		background: #000 url(../images/common/arrow02.gif) no-repeat 95% 50%;
		color: #fff;
		letter-spacing: 0.1em;
	}
	#product .midashi h4 a:hover{
		opacity: 0.8;
	}
    #product .textImgBox06 .kana a{
        font-size: 0.5rem;
        font-weight: 100;
        color: #868686;
    }
    #productCategory h3{
        margin-bottom: 2%;
    }
	#productCategory .product_ttl{
		font-size: 1.1rem;
	}
    #productCategory h4{
        text-align: center;
        font-family: 'Oswald', sans-serif;
        font-size: 1.1rem;
        margin-bottom: 1%;

    }
    #productCategory h5{
        text-align: center;
        font-size: 0.8rem;
        margin-bottom: 1%;

    }
    #productCategory .productName{
        margin-bottom: 7%;
        border-bottom: 5px solid #e8e8e8;
    }
    #productCategory .textImgBox26 .photo{
        width: 80%;
        margin: 0 auto;
        margin-bottom: 5%;

    }
    #productCategory .textImgBox26 .photo .thum{
        text-align: center;
    }
    #productCategory .textImgBox26 .thum li{
        width:47%;
        font-size: 0.8rem;
        font-weight: 200;
    }
    #productCategory .textImgBox26 .box p.title{
        color: #000;
        border-bottom: none;
        margin-bottom: 2%;
		font-family: 'Oswald', sans-serif;

    }
    #productCategory .textImgBox26 .box{
        margin-bottom: 5%;
    }
    #productCategory .textImgBox02 p{
        line-height: 110%;
        padding-bottom: 1%;
        font-size: 0.8rem;

    }
    #productCategory .textImgBox02 .number{
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
    }
    #productCategory .textImgBox02 .title{
        font-size: 1.0rem;
    }
    #productCategory .textImgBox02 .title span{
        float: right;
        padding: 1% 2%;
        background: #000;
        color: #fff;
        font-size: 0.8rem;
    }
    #productCategory .textImgBox02 .piece{
        font-size: 0.6rem;
    }
    #productCategory .textImgBox02 .size{
        font-size: 0.6rem;
    }
    #productCategory .textImgBox06 .piece{
        font-size: 0.6rem;
    }
    #productCategory .textImgBox06 .size{
        font-size: 0.6rem;
    }


    #productCategory .textImgBox06 li p.title{
        text-align: left;
    }
    #productCategory .textImgBox06 li p{
        line-height: 110%;
        font-size: 0.8rem;
        padding-bottom: 2%;
    }
    #productCategory .textImgBox06 .number{
        font-family: 'Oswald', sans-serif;
        font-weight: bold;

    }
    #productCategory .textImgBox02{
        margin-bottom: 10%;
    }
    #productCategory .textImgBox06{
        margin-bottom: 10%;
    }
    #productCategory .freeSpace h3{
        border-bottom: 5px solid #e8e8e8;
        padding-bottom: 2%;
        margin-bottom: 5%;
    }
    #productCategory .freeSpace .miniTextBox {
        padding: 3% 3%;
        font-size: 0.9rem;
        text-align: left;
        border: 1px solid #efefef;
        box-shadow: 0 2px 3px rgba(0,0,0,0.2);
        transition: .3s;
        margin-bottom: 5%;
    }
    #productCategory .textImgBox10 .box{
        text-align: center;

    }
    #productCategory .textImgBox10 .box .btn a{
    }
    /*　ボタン  */
    #productCategory .textImgBox26 .thum li a {
        display: block;
        border: 1px solid #000;
        padding: 4% 5% 3% 5%;
        font-size: 0.5rem;
        background: #000 url(../images/common/arrow02.gif) no-repeat 95% 50%;
        color: #fff;
        letter-spacing: 0.1em;
    }
    #productCategory .textImgBox26 .thum li a:hover{
        opacity: 0.8;
    }
    #productCategory .textImgBox06 li p.title{
        font-size: 1.0rem;

    }
	#product .textImgBox06 li p.tiltes{
        font-size: 1.0rem;
        font-weight: 600;
        color: #333;
		font-family: 'Oswald', sans-serif;
		padding-bottom: 0;
    }
	#product .textImgBox06 .tiltesx p {
		letter-spacing: 0.1em;
		padding-bottom: 1%;
		text-align: left;
		font-family: 'Oswald', sans-serif;
	}
	#product .textImgBox06 li p {
		padding-bottom: 0;
		line-height: 1.1em;
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
	}


/*--------------------------------------------------
　［SP］ノスタモ  下層「共通」：SAMPLE & CATALOG & CONTACT
----------------------------------------------------*/
    .invoice{
        width:90%;
        margin: 0 auto;
        padding: 10% 0 0 0;
    }
    .invoice h3{
        border-bottom: 5px solid #efefef;
        padding-bottom: 2%;
        line-height: 120%;

    }
    .invoice .miniTextBox{
        margin-bottom: 5%;
    }
    .invoice .textImgBox42 li a{
        background: #fff url(../images/common/arrow01.gif) no-repeat 95% 50%;
        padding:2% 2% 2% 5%;
    }
    .invoice .textImgBox42 li a:hover{
        background: #efefef url(../images/common/arrow01.gif) no-repeat 95% 50%;
        padding:2% 2% 2% 5%;
    }

 /*--------------------------------------------------
　［SP］ノスタモ  下層「共通」：Sproduct_details
----------------------------------------------------*/

    #productDetails .productName h3{
        margin-bottom:2%;
		font-size: 2.8rem;
    }
    #productDetails .productName h4{
        margin-bottom:1%;
        text-align: center;
        color: #333;
        font-family: 'Oswald', sans-serif;
    }
    #productDetails .productName h5{
        margin-bottom:10%;
        text-align: center;
        color: #333;
    }
    #productDetails .detailsName h3{
        font-size: 3.5rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 2%;
        padding-bottom: 2%;

    }
    #productDetails .detailsName h5{
        font-size: 2.0rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 2%;
        text-align: center;
        border-bottom: 5px solid #efefef;
        margin-bottom: 2%;
    }
    #productDetails .h3{
        margin-bottom: 5%;
    }
    #productDetails .h4{
        margin-bottom: 5%;
    }
    #productDetails .textImgBox38{
        width: 98%;
        margin: 0 auto;
        margin-bottom: 10%;
    }
    #productDetails .textImgBox38 .detailsName{
    }
    #productDetails .textImgBox38 .detailsName h3{
        font-size: 2.5rem;
        margin-bottom:0.5%;
        padding-top: 1%;
		line-height: 115%;
    }
    #productDetails .textImgBox38 .detailsName h5{
        font-size: 0.8rem;
        color: #333;
		margin-bottom: 8%;
    }
    #productDetails .textImgBox38 .photo{
        width: 55%;
    }
    #productDetails .textImgBox38 .lead{
        width: 40%;
        border-bottom: none;
    }
    #productDetails .textImgBox38 .lead h3{
        width:60%;
        font-size: 1.0rem;
        background: #000;
        /*padding: 1% 0;*/
        color: #fff;
        font-size: 0.8rem;
        text-align: center;
		margin-bottom: 2%;
    }
    #productDetails .textImgBox38 .lead .piece{
        padding-bottom: 0;
        font-size: 0.8rem;
    }
    #productDetails .textImgBox38 .lead .size{
        font-size: 0.8rem;
    }
    #productDetails .textImgBox38 .number{
        font-size: 1.5rem;
        font-family: 'Oswald', sans-serif;
        color: #000;
        padding-bottom: 0;
        line-height: 150%;

    }
    #productDetails .textImgBox02{
        width: 98%;
        margin: 0 auto;
    }

    #productDetails .textImgBox02 h3{
        font-size: 2.5rem;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 0.5%;
        padding-top: 1%;
        color: #000;
        margin-bottom: 3%;
        border-bottom: 5px solid #efefef;
        padding-bottom: 5%;
    }
    #productDetails .textImgBox02 p{
        line-height: 100%;
		padding-bottom: 10px;
    }
    #productDetails .textImgBox02 p.sub{
        font-size: 0.8rem;
        font-weight: bold;
        margin-bottom: 2%;
    }
    #productDetails .textImgBox02 p.number{
        font-size: 1.0rem;
        font-family: 'Oswald', sans-serif;
        color: #333;
        font-weight: bold;
        padding-bottom: 2%;
    }
    #productDetails .textImgBox02 p.piece{
        font-size: 0.8rem;
        padding-bottom: 2%;
    }
    #productDetails .textImgBox02 p.size{
        font-size: 0.8rem;
        letter-spacing: 0.1em;
        padding-bottom: 2%;
    }
    #productCategory .textImgBox06 .title span{
        /*float: right;*/
        padding: 1% 2%;
        background: #000;
        color: #fff;
        font-size: 0.7em;
		display: block;

    }
	#productCategory .partsD{
		display: block;
		position: relative;
		/*width: 100%;*/
		padding: 2% 2%;
		text-align: left;
		text-decoration: none;
		font-weight: 400;
		color: #fff;
		background: #000 url(../images/common/arrow02.gif) no-repeat 95% 50%;
		font-size: 0.8rem;
	}

	#productCategory .partsD{
		cursor: pointer;
		text-decoration: none;
		background: #ccc url(../images/common/arrow01.gif) no-repeat 95% 50%;
		color: #000;
	}

/*--------------------------------
　［SP］ノスタモ  下層：specialorders
----------------------------------*/
    #specialOrders #contentsArea{
        width: 90%;
        margin: 0 auto;
    }
    #specialOrders .textImgBox12 .photo a:hover{
        opacity: 0.8;

    }
    #specialOrders .textImgBox12 li p.sub{
        text-align: center;
        font-size: 0.8rem;
    }
/*--------------------------------
　［SP］ノスタモ  下層：works
----------------------------------*/
    #contentsArea{
        width: 90%;
        margin: 0 auto;
    }
    #works .textImgBox12 .photo a:hover{
        opacity: 0.8;

    }
    #works .textImgBox12 li p.title{
        font-size: 0.8rem;
        border-bottom: dashed 1px #ccc;
        font-weight: 600;
        color: #000;
    }
    #works .textImgBox12 li p.sub{
        font-size: 0.7rem;
        text-align: center;

    }
/*--------------------------------
　［SP］ノスタモ  下層：works category
----------------------------------*/
    #works_category .textImgBox06 .photo a:hover{
        opacity: 0.8;
    }
    #works_category .textImgBox06 .title{
        font-size: 0.8rem;
        text-align: center;
        font-weight: bold;
        color: #000;
        border-bottom: dashed 1px #ccc;
    }
    #works_category .textImgBox06 .sub{
        font-size: 0.7rem;
        text-align: center;
    }
    #works_category .textImgBox06{
        margin-bottom: 10%;
    }
    #works_category .blogSideBox li a{
        font-weight: 400;
        line-height: 2.3em;
        color: #333;
        font-size: 0.8rem;

    }
    #works_category .blogSideBox li a:hover{
        opacity: 0.8;

    }
/*--------------------------------
　［SP］ノスタモ  下層：works_details
----------------------------------*/
    #works_category h4{
        font-size: 0.8rem;
        text-align: center;
        margin-bottom: 3%;

    }
    #works_category .textImgBox02{
        margin-bottom: 15%;
    }
    #works_category .textImgBox02 li .photo{
        width: 70%;
        margin: 0 auto;
    }
    #works_category .textImgBox02 p.btn{
        text-align: center;
    }
	#works_details #contentsArea h3{
		border-bottom: 1px dashed #ccc;
		padding-bottom: 5%;
		margin-bottom: 2%;
	}

/*--------------------------------
　［SP］ about COMPANY
----------------------------------*/
    #company #contentsArea{
        margin-bottom: 10%;
    }
    #company .innerBox{
        padding-bottom: 10%;
    }
    #company h3{
        font-family: 'Oswald', sans-serif;
        font-size: 2.5rem;
        color: #000;
        margin-bottom: 3%;
        line-height: 3.5rem;
        text-align: center;
        margin-bottom: 5%;
    }
    #company h3 span{
        border-bottom: 4px solid #000;
    }
    #company p.catch{
        font-size: 1.7rem;
        font-family: 'Lora', serif;
        font-weight: 600;
        letter-spacing: 0.2em;
    }
    #company h3 span{
        display: block;
        font-size: 2.0rem;
    }
    #company .miniTextBox{
        color: #000;
        font-size: 1.2rem;
        font-family: 'Noto Serif JP', serif;
    }
    #company .miniTextBox p{
        line-height: 2.0rem;
    }
    #company p.logoBox{
        text-align: center;
        margin-bottom: 2.5%;
    }
    #company p.nameBox{
        text-align: center;

    }
    #company p.nameBox img{
        width: 25%;
    }
    #company #contentsArea .style01{
        width: 70%;
        margin: 0 auto;
    }
    #company #contentsArea .style01 th{
        border: none;
        border-bottom: 1px solid #000;
        background: #fff;
        color: #000;
        font-size: 0.9rem;
        font-weight: 600;
    }
    #company #contentsArea .style01 td{
        border: none;
        border-bottom: 1px solid #e4e4e4;
        background: #fff;
        color: #000;
        font-size: 0.9rem;
        font-weight: 400;
    }
    #company #contentsArea .style01 td a{
        text-decoration: underline;
        color:#828282;
        font-weight: 400;
    }
    #company #contentsArea .style01 td a:hover{
        opacity: 0.8;

    }
 /*--------------------------------
　［SP］ message #company
----------------------------------*/
    #company .innerBox{
        width: 90%;
        margin: 0 auto;
    }
    #company #contentsArea{

    }
    #company #contentsArea .message-back01{
        /*塗りつぶしの幅*/
        width: 100%;
        /*塗りつぶしの高さ*/
        height:85%;
        position: absolute;
        /*塗りつぶしのスタート位置　左*/
        right: -13vw;
        /*塗りつぶしのスタート位置　上*/
        top:2vw;
        z-index: -1;
        background-color: #f5f5f5;
    }
    #company .textImgBox38{
     position: relative;
    }
    #company .textImgBox38 .box p{
        padding-bottom: 0;
        font-size: 1.5rem;
    }
    #company .textImgBox38 .photo{
        width: 90%;
    }
    #company .textImgBox38 .box{
        width: 100%;
        line-height: 3.5em;
        padding-top: 5.9%;
        font-size: 2.5rem;
        color: #000;
        font-weight: 600;
    }
    #company .textImgBox10{
        margin-top: 5%;
    }
   #company .textImgBox10 .photo{
        padding-top:13%;
        width: 100%;
    }
    #company .textImgBox10 .box{
        width: 100%;
        color: #000;
    }
    #company .textImgBox10 .box p{
        line-height: 2.0em;
        font-size:0.9rem;
    }
    #company .textImgBox10 h3{
        font-size: 2.5rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        border-bottom:1px solid #efefef;
        padding-bottom: 7%;
        text-align: center;
    }
    #company .textImgBox10 h4{
        font-size: 1.5rem;
        line-height: 1.0em;
        color: #000;
        margin-top: 2%;
    }
    #company .textImgBox10 h4 span{
        display: block;
        font-family: 'Oswald', sans-serif;
        font-size: 1.0rem;
        letter-spacing: 0.1em;
        color: #313131;
    }
    #company .photoSlider h3{
        font-size: 2.5rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        padding-left: 0;
        text-align: center;
		margin-top: 30%;
    }
    #company .textImgBox46 h3{
        text-align: center;
        font-size: 2.5rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 10%;
        border-bottom: 1px solid #efefef;
        padding-bottom: 7%;

    }
    #company .textImgBox46 .photoR{
        width: 70%;
        margin: 0 auto;
    }
    #company .textImgBox46 .photoL{
        width: 70%;
        margin: 0 auto;
    }
    #company .textImgBox46 p.title{
        padding-left:0;
        font-size: 1.5rem;
        letter-spacing: 0.1em;
        font-weight: 600;
        color: #000;
        line-height: 2.3rem;
        background: none;
    }

    #company .textImgBox46 p{
        line-height: 2.0em;
    }

/*--------------------------------
　［SP］ privacypolicy
----------------------------------*/
    #privacypolicy #contentsArea .borderBox01{
        border: none;
    }
    #privacypolicy #contentsArea h3{
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 1.2rem;
        color: #000;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        padding: 2% 0;
        margin-bottom: 3%;
    }
    #privacypolicy #contentsArea .borderBox01{
        padding: 0;
        margin-bottom: 5%;
    }
    #privacypolicy #contentsArea .title{
        text-align: left;
        color: #000;
        font-size: 0.9rem;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.1em;
    }
    #privacypolicy #contentsArea .borderBox01 ul{
        padding-bottom: 1%;
        margin: 5% 0;

    }
    #privacypolicy #contentsArea .borderBox01 ul li{
        font-size: 0.9rem;
        margin: 2% 0;
    }
    #privacypolicy #contentsArea .borderBox01 p{
        padding: 1% 0 2% 0;
    }
/*--------------------------------
 ［SP］ FAQ
----------------------------------*/
#faq .faqTitle{
	border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
	font-size: 1.5rem;
	text-align: center;
	padding: 2% 0;
	color: #000;
	margin-bottom: 5%;
}
#faq #contentsArea h2{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.3rem;
    color: #000;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 2% 0;
    margin-bottom: 3%;
}

#faq{
    overflow: hidden;
}
#faq .innerBox{
  width: 100%;
  margin:0 auto;

}
    /*タブ切り替え全体のスタイル*/
#faq .tabs {
  margin-top: 50px;
  padding-bottom: 10%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

/*タブのスタイル*/
#faq .tab_item {
  width: calc(100%/3);
  height: 30px;
  border-bottom: 5px solid #000;
  background-color: #ccc;
  line-height: 15px;
  font-size: 5px;
  text-align:left;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  padding-top: 17px;
}
#faq .tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
#faq input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
#faq .tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
#faq .tabs input:checked + .tab_item {
  background-color: #000;
  color: #fff;
}

#faq #contentsArea h2{
  width: 100%;
  font-size: 1.1rem;
  margin-top:5%;

}
  #faq .innerBox h3.title{
      font-family: 'Oswald', sans-serif;
      font-size:1.5rem;
      color: #000;
      margin-bottom: 5%;
      text-align: center;
  }
  #faq .innerBox .miniTextBox{
    font-size: 0.8rem;
    line-height: 1.5rem;
  }
    #faq .innerBox{
        padding-left: 0;
    }
    #faq .tab_content{
        width: 90%;
        margin: 0 auto;
        padding: 10px 0 10px 0;
    }
    #faq #contentsArea h2{
        margin: 10% 0;
    }
    #faq #contentsArea .bellows__header h3{
        font-size: 0.8rem;
        text-align: left;
        line-height: 1.2rem;
    }
    #faq .bellows__header::before{
        background: #fff;
    }
    #faq .bellows__header::after{
        background: #fff;
    }
    #faq bellows__content{
        line-height: 1.2rem;
    }
	 #faq bellows__content p{
		 padding-bottom: 0;
	}

/*----------------------------------------------------
    [sp] ノスタモ　FAQ
------------------------------------------------------*/
    #contentsArea .nini {
        padding: 0 4px;
    }
    #contentsArea table.style01 th{
        color: #333;
        font-size: 0.8rem;
        font-weight: bold;
        background: #fff;
        border: none;
    }
    #conatctBox table.style01 td{
        padding-bottom: 20px;
        border-bottom:1px dashed #efefef;
    }
    #conatctBox .hissu{
        background: #000;
        border: 1px solid #000;
        border-radius: 0;
        padding: 0 4px;
    }
    #conatctBox input.submit{
        font-size: 0.8rem;
    }
/*----------------------------------------------------
    [sp] ノスタモ　カタログBOX
------------------------------------------------------*/
    #conatctBox #catalogBox .catalogBoxL{
        width: 100%;
        float:none;
    }
    #conatctBox #catalogBox .catalogBoxR{
        width: 100%;
        float:none;
    }
    #conatctBox #question .checkboxQ li{
        width: 100%;
    }
    #conatctBox #question h4{
        font-size: 0.8rem;
    }
    #conatctBox .catalog .textImgBox02 li{
        font-size: 0.8rem;
        padding-bottom: 0;
    }
    #conatctBox #conatctBox .catalog .textImgBox02{
        width: 100%;
    }

/*----------------------------------------------------
    [sp] ノスタモ　注意事項
------------------------------------------------------*/
    #attention #contentsArea .chuiBox{
      margin-bottom: 8%;
    }
    #attention #contentsArea h2{
        width: 60%;
        margin: 0 auto;
        text-align: center;
        font-size: 1.4rem;
        color: #000;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        padding: 2% 0;
        margin-bottom: 8%;
        font-weight: bold;
    }
    #attention #contentsArea h3{
        font-size:1.0rem;
        color: #000;
        font-weight: 600;
        margin-bottom:3%;
        letter-spacing: 0.2em;
        text-align: left;
    }
    #attention #contentsArea h4{
        font-size: 1.0rem;
        font-weight: bold;
        margin-bottom:2%;
    }
    #attention #contentsArea h5{
        font-size: 1.0rem;
        font-weight: bold;
        margin-bottom:2%;
    }
    #attention #contentsArea .textImgBox02 .title{
        font-size:1.2rem;
        font-weight: bold;
        color: #000;
    }
    #attention #contentsArea .miniTextBox{
      text-align: left;
      padding-bottom: 5px;
    }
    #attention #contentsArea .miniTextBox p{
        font-size:1.0rem;
        padding-bottom: 10px;
    }
    #attention #contentsArea .textImgBox11 .box p{
        font-size:1.0rem;
    }
    #attention #contentsArea .textImgBox11 .photo{
        width:100%;
    }
    #attention #contentsArea .textImgBox11 .box{

    }
    #attention #contentsArea .borderBox01{
        border-radius: 0px;
        margin: 2% 0;
        padding: 1% 1%;
        width: 100%;
        font-size:1.0rem;
    }
    #attention #contentsArea .borderBox01 p{
        padding-bottom: 5px;
    }
    #attention #contentsArea .keisai p{
        font-size: 0.9rem;
        line-height:2.0em;

    }



}




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

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

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

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

}

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

/* P */
p {
  padding:0 0 20px 0;
  line-height:170%;
}
/* よくわからないので消しました*/
/*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:250px;
  width:1200px;
}

/* 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:#f5f5f5;
  color:#fff;
}
.innerBoxColor01 .innerBox {
  padding-bottom:80px;
}
.innerBoxColor02 {
  background:url(../images/common/innerBoxColor04.jpg) no-repeat top center;
}


/* パンくずリスト
----------------------------------------------------------*/
#breadcrumbs {
 /* margin-bottom:50px;*/
  padding:8px 0 5px 0;
 /* background:#cdd9f1;*/
  font-size:16px;
}
#breadcrumbs ul {
  margin:0 auto;
  width:70%;
  text-align: right;
}
#breadcrumbs .innerBox {
  padding-bottom:0;
}
#breadcrumbs li {
  display:inline;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
#breadcrumbs a {
  padding:0 25px 0 0;
  background:url(../images/common/topic_path.gif) no-repeat 90% 50%;
  font-family: 'Oswald', sans-serif;
  color: #000;
  opacity: 0.8;
}

/* ヘディングタグ
----------------------------------------------------------*/
h2 {

}
h2 span {

}
h3 {

}
h3 span {

}
h4 {

}
h4 span {

}
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 {
  padding:0 4% 60px 0;
  float:left;
  width:48%;
}
.textImgBox02 li:nth-child(2n) {
  padding-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 {
  padding:0 2% 20px 0;
  float:left;
  width:23.5%;
}
.textImgBox04 li:nth-child(4n) {
  padding-right:0;
}
.textImgBox04 li:nth-child(4n+1) {
  clear:both;
}
.textImgBox04 li .photo {
  padding-bottom:10px;
}
.textImgBox04 li .photo img {
  width:100%;
}
.textImgBox04 p {
  line-height:140%;
}
.textImgBox04 li p.title {
  padding-bottom:10px;
  border-bottom:1px solid #e0e0e0;
  font-size:16px;
}
.textImgBox04 p.sub {
  padding-bottom:0;
  font-size:12px;
}
.textImgBox04 p.name span {
  padding-left:5px;
  font-size:12px;
}
.textImgBox04 p.catch {
  padding-top:10px;
}

/* 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:30px;
}
.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 {
  overflow:hidden;
}
.textImgBox13 li {
  padding:0 2% 6% 0;
  float:left;
  width:32%;
}
.textImgBox13 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox13 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox13 li .photo {
  margin-bottom:10px;
}
.textImgBox13 li .photo img {
  width:100%;
}
.textImgBox13 p.title {
  margin-bottom:10px;
  padding-bottom:5px;
  border-bottom:1px solid #ccc;
  color:#248aca;
  font-weight:bold;
  font-size:16px;
}
.textImgBox13 p.sub {
  padding-bottom:5px;
  display:block;
  font-weight:normal;
  font-size:12px;
}
.textImgBox13 .body {
}
.textImgBox13 .body p {
  padding-bottom:20px;
  line-height:140%;
}


/* 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 4%;
  border-left:1px solid #ccc;
  box-sizing:border-box;
  float:left;
  width:25%;
}
.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:50px;
}
.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:16px;
}
.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;
}
.textImgBox36 li p.date {
  padding:2px 0;
  background:#8bc327;
  border-radius:2px;
  text-align:center;
  float:left;
  width:16%;
  color:#fff;
}
.textImgBox36 li p.title {
  padding-bottom:10px;
  float:right;
  width:82%;
  color:#74a917;
  font-size:18px;
}
.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 {
  overflow:hidden;
}
.textImgBox37 li {
  padding:0 2% 6% 0;
  float:left;
  width:32%;
}
.textImgBox37 li:nth-child(3n) {
  padding-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;
  padding-bottom:5px;
  border-bottom:1px solid #ccc;
  color:#248aca;
  font-weight:bold;
  font-size:16px;
}
.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;
  /*width:960px;*/
  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;
  width:960px;
  overflow:hidden;
}
.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;
}
.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:20px;
  width:100%;
}
table.style01 th {
  padding:20px 25px;
  border:1px solid #519027;
  background:#7fb15d;
  vertical-align:top;
  color:#fff;
}
table.style01 th.title {
  background:#efefef;
  color:#333;
}
table.style01 td {
  padding:20px 25px;
  border:1px solid #519027;
  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;
}

.textImgBox62 .textBox .title{
  font-size: 120%;
  margin: 15px 0 10px;
}

.textImgBox62 .textBox .img01 {
    position: absolute;
    width: calc(50% - 76px);
    right: 0;
}
.textImgBox62 .boxRight{
  height: 173px;
}

.textImgBox62 .boxRight .textBox {
    position: absolute;
    right: 0;
}

.textImgBox62 .boxRight .timeBoxCover {
    position: absolute;
    width: 152px;
    float: left;
    height: 160px;
    left: 0;
    right: 0;
    margin: auto;
}

.textImgBox62 .img02{
  position: absolute;
  width: calc(50% - 76px);
  bottom: 0;
  left: 0;
}

/* [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;
}
/*--------------------------------
　スライドズーム
----------------------------------*/
.slideshow {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.slideshow .item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: none;
  background-size: cover;
  background-position: center center;
}
.in {
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 2;
}
.out {
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  -webkit-transition: 4s;
  transition: 4s;
  z-index: 1;
}
.wrap {
  position: relative;
}
/*.title {
  position: absolute;
  transform: translate(calc(50vw - 50%),calc(50vh - 50%));
  z-index: 10;
  fill: rgba(255,255,255,0);
  stroke: #333;
  stroke-width: .8;
  stroke-linejoin: round;
}*/

/*--------------------------------
　［PC］ボタン
----------------------------------*/
.btnBox{
  max-width: 200px;
  border: 1px solid #333;
  padding:1% 0;
  margin:0 auto;
  color: #000;
  display: block;
  text-align: center;
  font-family: 'Lora', serif;
  background: #fff;
}
.btnBox a{
  max-width: 200px;
  color: #000;
  display: block;
  padding:2% 0;
  font-family: 'Lora', serif;
  letter-spacing: 0.1rem;
}
.btnBox a:hover{
  opacity: 0.5;
}
.textImgBox37 .btnBox a{
  padding:2% 0;

}
#home .textImgBox57 .btnBox a{
  padding:1% 0;

}


/*--------------------------------
　［PC］ノスタモ  共通
----------------------------------*/
#home{
  margin-top: 1.5%;
}
#wrapper{
  color: #000;
  overflow: hidden;
}
header{
    /*position: fixed;*/
    width: 100%;
    top: 0;
    z-index: 1000;
    background: rgba(255,255,255,0.8);
    padding: 1% 0;
    overflow: hidden;
    position: relative;
    transition: 0.3s;
    transition-duration:1s;
    transition-timing-function:ease-in-out;
}

header.is-fixed {
    position: fixed;
    -webkit-animation: faded 1s linear;
    -moz-animation: faded  1s linear;
    -o-animation: faded 1s linear;
    -ms-animation: faded 1s linear;
    animation: faded 1s linear;
    border-bottom: 1px solid #efefef;
}
header h1{
  float: left;
    padding-left: 11%;
/*  padding-left: 200px;*/
  text-align: center;
  padding-right: 8%;
}
header .iconBox{
  padding-top: 13px;
}
header .iconBox ul{
	overflow: hidden;
  	text-align: center;
	display: flex;

}
header .iconBox ul li{
    float: left;
    padding: 0 2.5%;
}
header.is-fixed .iconBox ul li {

}
header .topBox{
  width: 90%;
  margin: 0 auto;
}


@keyframes faded {

  0% {
   animation-timing-function: ease-out;
   opacity: 0;
   -webkit-transform: translate3d(0%, -10%, 0);
   transform: translate3d(0%, -10%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
  }
}

/* =======================================
★バーガーメニュ
========================================== */

.spnav_btn {
    width: 30px;
    margin: 0 auto;
    font-size: 0;
    position: absolute;
    right: 25px;
    top: 28px;
    transition: 0.3s;
    display: none;
}

.is-fixed .spnav_btn {
    display: block;
}

.menu-trigger, .menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 30px;
  height: 24px;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000;
  border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}

.menu-trigger span:nth-of-type(2) {
  top: 11px;
}

.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}


/*--------------------------------
　［PC］ノスタモ  トップメイン
----------------------------------*/

#mainnav{
  float: left;
  padding-left: 11%;
  position: relative;
  transition: 0.3s;
  transition-duration:1s;
  transition-timing-function:ease-in-out;
  margin-top: 1%;
}


#mainnav li {
  width: 220px;
  padding:15px 0;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 30px;
  color:#000;
}
#mainnav li a{
  width: 200px;
  color: #000;
  font-size: 30px;
}
#mainnav li a:fover{
  font-size: 30px;
  opacity: 0.8;
}
#mainnav li.company01 a{
  color: #333;
  font-size:25px;
  font-weight: 600;
}


 #mainnav.is-fixed {
  position: fixed;
  opacity: 0;
  z-index: -10;
  transition: 0.3s;
  float: none;
  box-sizing: border-box;
  top: 80px;
  right: -250px;
  padding: 20px;
  background: rgba(255,255,255,0.8);
  margin: 0 auto;
  float: none;
  max-width: 210px;
}

 #mainnav.is-fixed li {
    width: 190px;
    padding: 8px 0;
    font-size: 23px;
}

#mainnav.is-fixed li a {
    width: 190px;
    font-size: 23px;
}

#mainnav.is-fixed li.company01 a {
    font-size: 23px;
    font-weight: 600;
}

#mainnav.is-fixed li {
   width: 190px;
   padding: 8px 0;
   font-size: 25px;
}

#mainnav.is-fixed.active {
    right: 0;
    opacity: 1;
    z-index: 100;
}

.snsBox{
  width: 220px;
  overflow: hidden;
  margin-top: 20px;
}
.snsBox .fb{
  width: 50px;
  float: left;
}
.snsBox .insta{
  width: 50px;
  float: left;
}

.snsBox.is-fixed.active {
    width: 190px;
    overflow: hidden;
    margin-top: 10px;
}

#maineBox{
  overflow: hidden;
　position: relative;
}
#maineBox .maine-bg{
    /*塗りつぶしの幅*/
    width: 100%;
    /*塗りつぶしの高さ*/
    height: 74%;
    position: absolute;
    /*塗りつぶしのスタート位置　左*/
    left: -20vw;
    /*塗りつぶしのスタート位置　上*/
    top:27vw;
    z-index: -1;
    background-color: #f5f5f5;
}

#maineBox #pageMainPhoto{
/*    width: calc(100% - 110px);*/
    float: right;
    padding-right: 7%;

}
#maineBox .textImgBox57{
  width: 95%;
  margin:0 auto;

}

/* nav追記 */

.mainnav{
  float: left;
  padding-left: 11%
}

/*--------------------------------
　［PC］ノスタモ  h2下層共通
----------------------------------*/
#maineBox .h2-bg{
    /*塗りつぶしの幅*/
    width: 100%;
    /*塗りつぶしの高さ*/
    height:38%;
    position: absolute;
    /*塗りつぶしのスタート位置　左*/
    left: -9.3vw;
    /*塗りつぶしのスタート位置　上*/
    top:19vw;
    z-index: -1;
    background-color: #f5f5f5;
}



/*--------------------------------
　［PC］ノスタモ  フッター
----------------------------------*/

.innerBoxColor04{
  background-image: url(../images/common/footerBack.png);
  padding: 3% 0;
  background-size: cover;
}
footer{
  width: 1200px;
  overflow: hidden;
  color: #fff;
  margin:0 auto;
  font-weight: 600;
  font-size: 30px;
  color: #fff;
  font-family: 'Oswald', sans-serif;
  line-height: 3.5rem;
}
footer a{
  color: #fff;
}
footer .leftArea div{
  width: 300px;
  float: left;
}
footer .rightArea{
  float: right;
}
footer .rightArea li{
  width: 200px
  /* ▼ 囲線(右)がみえないので調整*/
  padding-left:1px;
}
footer .rightArea li a{
  width: 200px;
  display: block;
  line-height: 2.0rem;
  background: #fff;
  font-size:20px;
  border: 1px solid #000;
  color: #151515;
  padding:2% 0;
  margin-bottom: 7%;
  text-align: center;
}
footer .rightArea li a:hover{
  opacity: 0.8;
}

.copyL{
  width: 1200px;
  margin:0 auto;
  overflow: hidden;
  margin-top: 20px;
}
.copyL .copyLogo{
  width: 250px;
  float: left;
  text-align:left;
}
.copyL p{
  width: 700px;
  float: left;
  text-align: center;
  font-family: 'Lora', serif;
  font-size:0.8rem;
  margin-top: 10px;
}
.copyL .snsBox02{
  float: right;
  width: 250px;
  overflow: hidden;
}
.copyL .snsBox02 p{
  width: 50px;
  text-align: center;;
  float: right;
}
/*--------------------------------
　［PC］ノスタモ  トップコンテンツ 背景
----------------------------------*/
#home .topBox{
    position: relative;
}
/*about back*/
#home .bg-gray02{
    width: 100%;
    height:15%;
    position: absolute;
    left: -40vw;
    top:8vw;
    z-index: -1;
    background-color: #f5f5f5;
}
/*company back*/
#home .bg-gray03{
    width: 100%;
    height: 18%;
    position: absolute;
    right: -40vw;
    top: 8vw;
    z-index: -1;
    background-color: #f5f5f5;
}
/*message back*/
/*#home .bg-gray03{
    width: 100%;
    height:15%;
    position: absolute;
    right: -40vw;
    top:59vw;
    z-index: -1;
    background-color: #f5f5f5;
}*/
/*works back*/
#home .bg-gray04{
    width: 100%;
    height: 13%;
    position: absolute;
    right: 0;
    top: 160vw;
    z-index: -1;
    background-color: #f5f5f5;
}

/*--------------------------------
　［PC］ノスタモ  トップコンテンツ
----------------------------------*/
#home h3{
    line-height: normal;
}
#home .pr h3{
    text-align: center;
    margin-bottom: 3%;
}
#home .textImgBox57 .box01{
    padding-right: 2%;
}
#home .textImgBox57{
    border: none;
    margin-top: 4%;
    font-family: 'Oswald', sans-serif;
}
#home .textImgBox57 .box01 p{
    font-size: 2.5rem;
    padding-top: 25%;
    padding-left: 25%;

}
#home .textImgBox57 .box02 .cat{
    background: #272727;
}
#home .textImgBox57 .box02{
    width:70%;
    margin-left: 10%;
    border-left: 1px solid #000;
}
#home .textImgBox57 a{
    color: #000;
    font-weight: 400;
    text-decoration: underline;
}
#home .textImgBox57 a:hover{
    opacity: 0.8;
}
#home .textImgBox57 .box02 .day{
    font-weight: 600;
    padding-left: 10%;
    letter-spacing: 0.1rem;

}
#home .textImgBox57 .box02>div{
  padding-bottom:0;
}
#home .textImgBox10 .box p.title{
  font-size:3.5rem;
  font-family: 'Oswald', sans-serif;
  text-align: center;
  padding-bottom: 5%;
}
#home .textImgBox10 .box{
  margin-top: 100px;

}
#home .textImgBox10 .text{
  margin-bottom: 60px;
}
#home .textImgBox10 .box p.sub{
  padding-bottom:5%;
	font-weight: 600;
}
#home .textImgBox11 .box p.sub{
  padding-bottom: 5%;
}

#home .textImgBox11 .box p.title{
  font-size:3.5rem;
  font-family: 'Oswald', sans-serif;
  text-align: center;
  padding-bottom: 5%;
}
#home .textImgBox11 .text{
  margin-bottom: 60px;
}

#home .textImgBox11 .box{
  margin-top: 100px;

}
#home .textImgBox37 li .photo img{
    border: none;
}
#home h3{
    font-size:3.5rem;
    font-family: 'Oswald', sans-serif;
}

#home .textImgBox37 li{
  width: 28%;
  padding: 0 2.5%;
}
#home .textImgBox37 .sub{
  text-align: center;
  margin:10% 0;
}
#home .textImgBox37 .body p{
  margin-bottom:60px;
	height: 130px;
}

#home h3.worksTitle{
  text-align: left;
  padding-bottom: 0;
  margin-bottom: 0;
}
#home .worksBox .mainePhoto{
  margin-bottom: 5%;
}
#home .worksBox .miniTextBox{
  width: 90%;
  margin:0 auto;
  text-align: left;
  margin-bottom: 5%;
}
#home .worksBox .miniTextBox p{
  font-size:1.0rem;
  line-height: 2.3rem;
  margin-bottom:30px;
}
#home .worksBox .btnBox{
  text-align: center;
  padding: 0;
}


/*--------------------------------
　［PC］ js:流れるギャラリー
----------------------------------*/

.photoSlider{
  margin-top:-100px;
  margin-bottom: 10%;
}
.photoSlider .btnBox{
  padding: 8px 0;
}
.photoSlider h3{
  text-align: left;
  padding-left:18%;
    line-height: normal;
}
.loopsline{
  border-top: 1px solid #e5e5e5;
  padding-top: 50px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
}
#loopslider {
    margin: 0 auto;
    width: 100%;
    height: 275px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#loopslider ul {
    float: left;
    display: inline;
    overflow: hidden;
}

#loopslider ul li {
    width: 400px;
    height: 250px;
    float: left;
    display: inline;
    overflow: hidden;
}
#loopslider ul li img{
  width:100%;
}

/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

#loopslider ul {
    display: inline-block;
    overflow: hidden;
}

/*--------------------------------
　［PC］ 下層コンテンツ：共通
----------------------------------*/


/*--------------------------------
　［PC］ blog
----------------------------------*/
#blogArea{
  width: 70%;
  margin:0 auto;
  overflow: hidden;
  margin-top:10%;
  border-top: 1px solid #ccc;
  padding-top: 5%;
}
#blogArea #blog{
    width: 75%;
    float: left;
    margin-right:5%;
    padding-bottom: 5%;
    margin-bottom: 5%;
}
#blogArea #pageMainPhoto img{
    width: 60%;
}
#blogArea #blogSide{
    width: 20%;
    float: right;
    padding: 35px;
    box-sizing: border-box;
    background: #000;
    color: #fff;
}
#blogArea #blog h2{
  font-size: 2.5rem;
  margin-bottom:2%;
}
#blogArea #blog h3{
  width: 12%;
  margin:0 auto;
  font-size: 1.0rem;
  background: #000;
  padding: 0 2%;
  color: #fff;
  margin-bottom: 0.8%;
}
#blogArea #blog h4{
  font-family: 'Oswald', sans-serif;
  font-size: 1.0rem;
    margin-bottom:5%;
}
#blogArea p.blogText{
    width: 50%;
    margin: 0 auto;
    text-align: left;
    line-height: 1.8em;
    font-size: 0.9rem;
    margin-bottom: 3%;
}
#blog .miniTextBox{
    padding-bottom: 0;
    margin-bottom: 7%;
    padding-bottom: 7%;
    border-bottom: 1px solid #efefef;

}
#blogSide .blogSideBox .sideTitle{
    font-size: 1.3rem;
    font-family: 'Oswald', sans-serif;
    margin-bottom:13%;
    border-bottom: 1px solid #fff;
    line-height: 3.0em;
    text-align: center;
}
#blogSide .blogSideBox ul li a{
    color: #fff;
    font-weight: 400;
}
#blogSide .blogSideBox ul li a:hover{
    opacity: 0.8;
}
/* ▼プルダウン▼ */
select {
  /* styling */
  background-color: white;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.minimal {
    width: 100%;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
    font-size: 14px;
}
select option{
    font-size: 14px;
}
select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/*--------------------------------
　［PC］ ブログのNEWラベル
----------------------------------*/
.new_label_wrap2{
	margin-bottom: 1%;
}
.new_label{
	background: #dc0000;
    padding: 0.1% 2%;
	font-family: 'Oswald', sans-serif;
	font-size: 0.5rem;
	color: #fff;
}


/*--------------------------------
　［PC］ 詳細ページなどボタン
----------------------------------*/
#works_details .textImgBox02 p{
  text-align: center;
}
#works_details .btn a{
    background: #000 url(../images/common/arrow02.gif) no-repeat 94% 50%;
    padding:2% 2%;
    color: #fff;
    font-size: 0.8rem;

}
#works_details .btn a:hover{
    background: #ccc url(../images/common/arrow01.gif) no-repeat 94% 50%;
    padding:1% 2% 1% 2%;
    color: #000;
    font-size: 0.8rem;
}

#contents .btn a{
    background: #000 url(../images/common/arrow02.gif) no-repeat 94% 50%;
    padding:1% 2% 1% 2%;
    color: #fff;
    font-size: 0.8rem;
}
#contents .btn a:hover{
    background: #ccc url(../images/common/arrow01.gif) no-repeat 94% 50%;
    padding:1% 2% 1% 2%;
    color: #000;
    font-size: 0.8rem;
}
/*--------------------------------
　［PC］ 下層コンテンツ：一部・共通
----------------------------------*/
    #contentsArea{
        width: 80%;
        margin: 0 auto;
        margin-top:10%;
        border-top: 1px solid #ccc;
        padding-top: 5%;
    }
    #contentsArea .innerBox{
        width: 70%;
        margin: 0 auto;
    }
/*--------------------------------
　［PC］ specialOrders
----------------------------------*/
    #specialOrders #pageMainPhoto{
        margin-bottom:2%;

    }
    #specialOrders .miniTextBox{
        width: 70%;
        margin-bottom:5%;
    }
    #specialOrders .miniTextBox p{
        font-size: 0.9rem;
        text-align: left;
        line-height: 2.2em;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5%;
    }
    #specialOrders h3{
        font-family: 'Oswald', sans-serif;
        font-size: 2.5rem;
        color: #000;
        margin-bottom: 5%;
    }

    #specialOrders .textImgBox12 li{
        margin-bottom: 3%;
    }
    #specialOrders .textImgBox12 li p.title{
        font-size: 1.0rem;
        border-bottom: dashed 1px #ccc;
        letter-spacing: 0.2em;
        font-weight: 600;
        color: #2f2f2f;
    }
    #specialOrders .textImgBox12 li p.sub{
        font-size: 0.9rem;
        text-align: center;
    }
/*--------------------------------
　［PC］ works
----------------------------------*/
    #works #pageMainPhoto{
        margin-bottom:2%;

    }
    #works .miniTextBox{
        width: 70%;
        margin-bottom:5%;
    }
    #works .miniTextBox p{
        font-size: 0.9rem;
        text-align: left;
        line-height: 2.2em;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5%;
    }
    #works h3{
        font-family: 'Oswald', sans-serif;
        font-size: 2.5rem;
        color: #000;
        margin-bottom: 5%;
    }
    #works .textImgBox12 .photo img{
        width: 200px;
        height: 180px;
        object-fit: cover; /* この一行を追加するだけ！ */
    }
    #works .textImgBox12 li{
        margin-bottom: 3%;
    }
    #works .textImgBox12 li p.title{
        font-size: 0.8rem;
        border-bottom: dashed 1px #ccc;
        font-weight: 600;
        color: #2f2f2f;
    }
    #works .textImgBox12 li p.sub{
        font-size: 0.7rem;
        text-align: center;
    }
/*--------------------------------
　［PC］ works_category
----------------------------------*/
    #works_category #contentsArea{
        width: 70%;
        overflow: hidden;
        margin-bottom: 10%;
    }
    #works_category h3{
        font-family: 'Oswald', sans-serif;
        font-size: 2.5rem;
        color: #000;
        margin-bottom: 3%;
        line-height: 3.0rem;
    }
    #works_category .textImgBox06{
        width:75%;
        float: left;
        border-right: 1px solid #efefef;
        padding-right: 3%;

    }

    #works_category #works_c_Side{
        width:18%;
        float: right;
    }
    #works_category .textImgBox06 .photo{
        text-align: center;
    }
    #works_category .textImgBox06 .photo img{
        width: 200px;
        height: 180px;
        object-fit: cover; /* この一行を追加するだけ！ */
    }
    #works_category .textImgBox06 li{
        margin-bottom: 3%;
    }
    #works_category .textImgBox06 li p.title{
        font-size: 0.8rem;
        border-bottom: dashed 1px #ccc;
        font-weight: 600;
        color: #2f2f2f;
    }

    #works_category .textImgBox06 li p.sub{
        font-size: 0.7rem;
        text-align: center;
    }
    #works_category .textImgBox06 li .photo{
        text-align: center;
    }
    #works_category #works_c_Side h3{
        font-family: 'Oswald', sans-serif;
        font-size: 1.5rem;
        margin-bottom: 10%;
        padding-bottom: 10%;
        border-bottom: dashed 1px #ccc;
        text-align: center;
    }
    #works_category .blogSideBox li a{
        font-weight: 400;
        line-height: 2.3em;
        color: #333;
        font-size: 0.8rem;

    }
    #works_category .blogSideBox li a:hover{
        opacity: 0.8;

    }
 /*--------------------------------
　［PC］ works_details
----------------------------------*/
    #works_details #contentsArea{
        margin-bottom: 10%;
    }
    #works_details #contentsArea h3{
        border-bottom: 1px dashed #ccc;
        padding-bottom: 2%;
        margin-bottom: 2%;
    }
    #works_details #contentsArea h4{
        font-size: 1.2rem;
        font-weight: 600;
        color: #000;
        margin-bottom: 2%;
    }
    #works_details .textImgBox02{
        width:75%;
        float: left;
        border-right: 1px solid #efefef;
        padding-right: 3%;
    }
 /*--------------------------------
　［PC］ about #company
----------------------------------*/
    #company #contentsArea{
        margin-bottom: 10%;
    }
    #company .innerBox{
        padding-bottom: 10%;
    }
    #company h3{
        font-family: 'Oswald', sans-serif;
        font-size: 3.5rem;
        color: #000;
        margin-bottom: 3%;
        line-height: 3.5rem;
        text-align: center;
        margin-bottom: 5%;
    }
    #company p.catch{
        font-size: 1.7rem;
        font-family: 'Lora', serif;
        font-weight: 600;
        letter-spacing: 0.2em;
    }
    #company h3 span{
        display: block;
        font-size: 2.0rem;
    }
    #company .miniTextBox{
        color: #000;
        font-size: 1.2rem;
        font-family: 'Noto Serif JP', serif;
    }
    #company .miniTextBox p{
        line-height: 3.5em;
    }
    #company p.logoBox{
        text-align: center;
        margin-bottom: 2.5%;
    }
    #company p.nameBox{
        text-align: center;

    }
    #company p.nameBox img{
        width: 25%;
    }
    #company #contentsArea .style01{
        width: 80%;
        margin: 0 auto;
    }
    #company #contentsArea .style01 th{
        border: none;
        border-bottom: 1px solid #333;
        background: #fff;
        color: #000;
        font-size: 1.0rem;
        font-weight: 600;
    }
     #company #contentsArea .style01 td{
        border: none;
        border-bottom: 1px solid #e4e4e4;
        background: #fff;
        color: #000;
        font-size: 1.0rem;
        font-weight: 400;
    }
    #company #contentsArea .style01 td a{
        text-decoration: underline;
        color:#828282;
        font-weight: 400;
    }
    #company #contentsArea .style01 td a:hover{
        opacity: 0.8;

    }
	#company .textImgBox50{
		width: 1000px;

	}
	#company .photoSlider{
		margin-top: 5%;

	}
 /*--------------------------------
　［PC］ message
----------------------------------*/
    #company .innerBox{
        width: 90%;
        margin: 0 auto;
    }
    #company #contentsArea{

    }
    #company #contentsArea .message-back01{
        /*塗りつぶしの幅*/
        width: 100%;
        /*塗りつぶしの高さ*/
        height:85%;
        position: absolute;
        /*塗りつぶしのスタート位置　左*/
        right: -13vw;
        /*塗りつぶしのスタート位置　上*/
        top:2vw;
        z-index: -1;
        background-color: #f5f5f5;
    }
    #company .textImgBox38{
		width: 90%;
		margin: 0 auto;
		position: relative;
    }
    #company .textImgBox38 .box p{
        padding-bottom: 0;
    }
    #company .textImgBox38 .photo{
        width: 47%;
    }
    #company .textImgBox38 .box{
        width: 50%;
		line-height: 2.5rem;
		padding-top: 5.9%;
		font-size: 2.2rem;
		color: #000;
		font-weight: 600;
    }
    #company .textImgBox10{
		width: 85%;
		margin: 0 auto;
        margin-top: 5%;
    }
    #company .textImgBox10 .photo{
        padding-top:13%;
        width: 40%;
    }
    #company .textImgBox10 .box{
        width: 55%;
        color: #000;
    }
    #company .textImgBox10 .box p{
        line-height: 2.0em;
        font-size: 1.1rem;
    }
    #company .textImgBox10 h3{
        font-size: 3.5rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        border-bottom:1px solid #efefef;
        padding-bottom: 7%;
		text-align: left;
    }
    #company .textImgBox10 h4{
        font-size: 2.2rem;
        line-height: 1.0em;
        color: #000;
        margin-top: 2%;
    }
    #company .textImgBox10 h4 span{
        display: block;
        font-family: 'Oswald', sans-serif;
        font-size: 1.2rem;
        letter-spacing: 0.1em;
        color: #313131;
    }
    #company .photoSlider h3{
        font-size: 3.5rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        padding-left: 0;
        text-align: center;
    }
    #company .textImgBox46 h3{
        text-align: center;
        font-size: 3.5rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 10%;
        border-bottom: 1px solid #efefef;
        padding-bottom: 2%;

    }
    #company .textImgBox46 .photoR{
        width: 30%;
    }
    #company .textImgBox46 .photoL{
        width: 30%;
    }
    #company .textImgBox46 p.title{
        padding-left:0;
        font-size: 1.8rem;
        letter-spacing: 0.1em;
        font-weight: 600;
        color: #000;
    }
    #company .textImgBox46 p{
        line-height: 2.5em;
    }
 /*--------------------------------
　［PC］ privacypolicy
----------------------------------*/
    #privacypolicy #contentsArea .borderBox01{
        border: none;
    }
    #privacypolicy #contentsArea h3{
        width: 40%;
        margin: 0 auto;
        text-align: center;
        font-size: 2.0rem;
        color: #000;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        padding: 2% 0;
        margin-bottom: 3%;
    }
    #privacypolicy #contentsArea .borderBox01{
        padding: 0;
        margin-bottom: 5%;
    }
    #privacypolicy #contentsArea .title{
        text-align: left;
        color: #000;
        font-size: 1.1rem;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.1em;
    }
    #privacypolicy #contentsArea .borderBox01 ul{
        padding-bottom: 1%;

    }
    #privacypolicy #contentsArea .borderBox01 p{
        padding: 1% 0 2% 0;
    }
 /*--------------------------------
　［PC］ FAQ
----------------------------------*/
    #faq #contentsArea h2{
        width: 40%;
        margin: 0 auto;
        text-align: center;
        font-size: 2.0rem;
        color: #000;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        padding: 2% 0;
        margin-bottom: 3%;
    }
/*--------------------------------
　［PC］ ATTENTION
----------------------------------*/
    #attention #contentsArea .chuiBox{
      margin-bottom: 8%;
    }
    #attention #contentsArea h2{
        width: 40%;
        margin: 0 auto;
        text-align: center;
        font-size: 2.0rem;
        color: #000;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        padding: 2% 0;
        margin-bottom: 8%;
    }
    #attention #contentsArea h3{
        font-size: 1.4rem;
        color: #000;
        font-weight: 600;
        margin-bottom:3%;
        letter-spacing: 0.2em;
    }
    #attention #contentsArea h4{
        font-size: 1.2rem;
        font-weight: bold;
        margin-bottom:2%;
    }
    #attention #contentsArea h5{
        font-size: 1.0rem;
        font-weight: bold;
        margin-bottom:2%;
    }
    #attention #contentsArea .textImgBox02 .title{
        font-size:1.2rem;
        font-weight: bold;
        color: #000;
    }
    #attention #contentsArea .miniTextBox{
      text-align: left;
      padding-bottom: 5px;
    }
    #attention #contentsArea .miniTextBox p{
        font-size:1.0rem;
        padding-bottom: 10px;
    }
    #attention #contentsArea .textImgBox11 .box p{
        font-size:1.0rem;
    }
    #attention #contentsArea .textImgBox11 .photo{
        width:28%;
    }
    #attention #contentsArea .textImgBox11 .box{
        width: 70%;
    }
    #attention #contentsArea .borderBox01{
        border-radius: 0px;
        margin: 2% 0;
        padding: 1% 1%;
        width: 100%;
        font-size:1.0rem;
    }
    #attention #contentsArea .borderBox01 p{
        padding-bottom: 5px;
    }
    #attention #contentsArea .keisai p{
        font-size: 0.9rem;
        line-height:2.3em;

    }
/*--------------------------------
　［PC］ product
----------------------------------*/
    #product .textImgBox50{
        background: #000;
        padding: 2% 5% 0 5%;

    }
    #product .innerBox h3{
        font-family: 'Oswald', sans-serif;
        font-size: 2.5rem;
        color: #000;
        margin-bottom: 5%;
    }

    #product .textImgBox50 .minimal option{
        padding-left: 3%;
        font-family: 'Oswald', sans-serif;

    }
    #product .textImgBox06{
        text-align: left;
        margin-bottom:
    }
    #product .textImgBox06 .sub{
        letter-spacing: 0.1em;
        padding-bottom: 1%;
        font-size: 2.0rem;
        font-weight: 600;
    }
    #product .textImgBox06 .sub a{
        font-size: 0.8rem;
        color: #000;
    }
    #product .textImgBox06 li p{
        padding-bottom:0;
        line-height: 1.1em;
		font-family: 'Oswald', sans-serif;
    }
    #product .textImgBox06 .title{
        letter-spacing: 0.1em;
        padding-bottom: 1%;
        text-align: left;
    }
	#product .textImgBox06 .tiltesx p{
        letter-spacing: 0.1em;
        padding-bottom: 1%;
        text-align: left;
		font-family: 'Oswald', sans-serif;
    }
    #product .textImgBox06 .title a{
        font-size: 0.8rem;
        color: #000;
        font-weight: 400;

    }

	#product .textImgBox06 li p.tiltes{
        font-size: 1.0rem;
        font-weight: 600;
        color: #333;
		font-family: 'Oswald', sans-serif;
		margin-bottom: 1%;
    }
	#product .textImgBox06 li p.tiltes2{
        font-size: 1.0rem;
        font-weight: 600;
        color: #333;
		font-family: 'Oswald', sans-serif;

    }
    #product .textImgBox06 .kana{
        letter-spacing: 0.1em;
        padding-bottom: 2%;
        text-align: left;
        margin-top: 2%;
    }
    #product .textImgBox06 .kana a{
        font-size: 0.7rem;
        font-weight: 400;
        color: #868686;
        font-weight: bold;
    }
    #product .categoryList{
        margin-top: 5%;
    }
	#product .midashi{
		overflow: hidden;
		padding-top: 3%;

	}
	#product .midashi h3{
		float: left;

	}
	#product .midashi h4{
		width: 15%;
		float: right;

	}
	#product .midashi h4 a{
		display: block;
		border: 1px solid #000;
		padding: 4% 5% 3% 5%;
		font-size: 0.8rem;
		background: #000 url(../images/common/arrow02.gif) no-repeat 95% 50%;
		color: #fff;
		letter-spacing: 0.1em;
	}
	#product .midashi h4 a:hover{
		opacity: 0.8;
	}
/*--------------------------------
　［PC］ product 請求　inc
----------------------------------*/
    .invoice{
        width: 75%;
        margin: 0 auto;
    }
    .invoice h3{
        font-family: 'Oswald', sans-serif;
        font-size: 2.5rem;
        color: #000;
        margin-bottom: 5%;
        text-align: center;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        padding: 3% 0;
    }
    .invoice .textImgBox42 li a{
        background: #fff url(../images/common/arrow01.gif) no-repeat 90% 50%;
        padding:10% 10%;
    }
    .invoice .textImgBox42 li a:hover{
        background: #efefef url(../images/common/arrow01.gif) no-repeat 90% 50%;
        padding:10% 10%;
    }
    .invoice .miniTextBox{
        width: 70%;
        margin: 0 auto;
        font-size: 1.0rem;
        text-align: left;
        padding-bottom: 5%;
    }
    .invoice .miniTextBox a{
        text-decoration: underline;
    }
    .invoice .miniTextBox a:hover{
        text-decoration: underline;
        opacity: 0.8;
    }
/*-----------------------------------------------
　［PC］ productCategory 中カテゴリー・小カテゴリー
-------------------------------------------------*/
/* ▼ product　中カテゴリー・小カテゴリー ▼ */
    .productName h3{
        font-size: 3.5rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 2%;
    }
    .productName h4{
        font-size: 2.0rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 0.2%;
    }
    .productName h5{
        font-size: 0.8rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        color: #333;
    }
    .productName{
        margin-bottom: 5%;
        padding: 1%;
        border-bottom: 5px solid #e8e8e8;
    }

/*--------------------------------
　［PC］ productCategory
----------------------------------*/
    #productCategory{

    }
    #productCategory .textImgBox26{
        margin-bottom: 5%;
    }
    #productCategory .textImgBox26 .thum li:first-child{
        padding-right: 4%;
    }
    #productCategory .textImgBox26 .thum li{
        width: 48%;
        padding-right: 0;
    }
    #productCategory .textImgBox26 .thum li a{
        display: block;
        border: 1px solid #000;
        padding: 4% 5% 3% 5%;
        font-size: 0.8rem;
        background: #000 url(../images/common/arrow02.gif) no-repeat 95% 50%;
        color: #fff;
        letter-spacing: 0.1em;
    }
    #productCategory .textImgBox26 .photo img{
        margin-bottom: 4%;
        /*height: 600px;*/
    }
    #productCategory .textImgBox26 .imagesBox img{
        height: 80px;
    }
    #productCategory .textImgBox26 .imagesBox li{
        margin-bottom: 2%;
    }
    #productCategory .textImgBox26 .imagesBox li a{
        background: none;
        border: none;
        padding: 0;

    }
    #productCategory .textImgBox26 .thum li a:hover{
        opacity: 0.8;
    }
    #productCategory .textImgBox26 .box .title{
        font-size: 2.0rem;
        color: #000;
        border: none;
		font-family: 'Oswald', sans-serif;
		margin-bottom: 0;

    }
    /*----　パーツB　　---*/
    #productCategory .textImgBox02 p{
        padding-bottom: 0;
    }
    #productCategory .textImgBox02 li{
        overflow: hidden;

    }
    #productCategory .textImgBox02 p.title{
        padding-bottom: 0;
        font-size: 1.3rem;

    }
    #productCategory .textImgBox02 p.title a:hover{
        opacity: 0.5;
    }
    #productCategory .textImgBox02 p.sub{
        font-size: 0.8rem;
        font-weight: bold;
    }
    #productCategory .textImgBox02 p.title span{
        width: 15%;
        text-align: center;
        background: #333;
        font-size: 0.8rem;
        padding: 0 1%;
        color: #fff;
        float:right;
    }
    #productCategory .textImgBox02 p.number{
        font-size: 1.0rem;
        font-family: 'Oswald', sans-serif;
        color: #333;
        font-weight: bold;
    }
    #productCategory .textImgBox02 p.piece{
        font-size: 0.7rem;
        letter-spacing: 0.1em;
    }
    #productCategory .textImgBox02 p.size{
        font-size: 0.7rem;
        letter-spacing: 0.1em;
    }
    /*----　パーツC　　---*/
    #productCategory .textImgBox06{
        margin-bottom: 5%;
    }
    #productCategory .textImgBox06 p{
        padding-bottom: 0;

    }
    #productCategory .textImgBox06 li{
        overflow: hidden;

    }
    #productCategory .textImgBox06 p.title{
        padding-bottom: 0;
        font-size: 1.3rem;
        text-align: left;

    }
    #productCategory .textImgBox06 p.title a:hover{
        opacity: 0.5;
    }
    #productCategory .textImgBox06 p.sub{
        font-size: 0.8rem;
        font-weight: bold;
    }
    #productCategory .textImgBox06 p.title span{
        width: 25%;
        text-align: center;
        background: #333;
        font-size: 0.8rem;
        padding: 0 1%;
        color: #fff;
        /*float:right;*/
		vertical-align: bottom;
    }
    #productCategory .textImgBox06 p.number{
        font-size: 1.0rem;
        font-family: 'Oswald', sans-serif;
        color: #333;
        font-weight: bold;
    }
    #productCategory .textImgBox06 p.piece{
        font-size: 0.7rem;
        letter-spacing: 0.1em;
    }
    #productCategory .textImgBox06 p.size{
        font-size: 0.7rem;
        letter-spacing: 0.1em;
    }
    /*----　パーツD　　---*/
    #productCategory .freeSpace{
        margin-bottom: 5%;

    }
    #productCategory .freeSpace .miniTextBox{
        padding: 3% 3%;
        font-size: 0.9rem;
        text-align: left;
        border: 1px solid #efefef;
        box-shadow: 0 2px 3px rgba(0,0,0,0.2);
        transition: .3s;
    }
    #productCategory .freeSpace h3{
        font-size: 2.0rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 2%;
        padding: 1%;
        border-bottom: 5px solid #e8e8e8;
    }
    #productCategory .partsD {
        display: block;
        position: relative;
        width:100%;
        padding: 2% 2% ;
        text-align: left;
        text-decoration: none;
        font-weight: 400;
        color: #fff;
        background: #000 url(../images/common/arrow02.gif) no-repeat 95% 50%;
        font-size: 0.8rem;
    }
    #productCategory .partsD:hover {
        cursor: pointer;
        text-decoration: none;
        background: #ccc url(../images/common/arrow01.gif) no-repeat 95% 50%;
        color: #000;

    }

/*--------------------------------
　［PC］ ProductDetails
----------------------------------*/
    #productDetails .productName{

    }
    #productDetails .detailsName h3{
        font-size: 3.5rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 2%;
    }
    #productDetails .detailsName h5{
        font-size: 2.0rem;
        color: #000;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 2%;
    }
    #productDetails .h3{
        margin-bottom: 5%;
    }
    #productDetails .h4{
        margin-bottom: 5%;
    }
    #productDetails .textImgBox38{
        width: 98%;
        margin: 0 auto;
        margin-bottom: 10%;
    }
    #productDetails .textImgBox38 .detailsName{
    }
    #productDetails .textImgBox38 .detailsName h3{
        font-size: 1.8rem;
        margin-bottom:0.5%;
        padding-top: 1%;
    }
    #productDetails .textImgBox38 .detailsName h5{
        font-size: 0.8rem;
        color: #333;
    }
    #productDetails .textImgBox38 .photo{
        width: 55%;
    }
    #productDetails .textImgBox38 .lead{
        width: 40%;
        border-bottom: none;
    }
    #productDetails .textImgBox38 .lead h3{
        width: 15%;
        font-size: 1.0rem;
        background: #000;
        /*padding: 1% 0;*/
        color: #fff;
        font-size: 0.8rem;
        text-align: center;
    }
    #productDetails .textImgBox38 .lead .piece{
        padding-bottom: 0;
        font-size: 0.8rem;
    }
    #productDetails .textImgBox38 .lead .size{
        font-size: 0.8rem;
    }
    #productDetails .textImgBox38 .number{
        font-size: 2.5rem;
        font-family: 'Oswald', sans-serif;
        color: #000;
        padding-bottom: 0;
        line-height: 150%;

    }
    #productDetails .textImgBox02{
        width: 98%;
        margin: 0 auto;
    }

    #productDetails .textImgBox02 h3{
        font-size: 2.5rem;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 0.5%;
        padding-top: 1%;
        color: #000;
        margin-bottom: 3%;
        border-bottom: 5px solid #efefef;
        padding-bottom: 2%;
    }
    #productDetails .textImgBox02 p{
        line-height: 100%;
		padding-bottom: 10px;
    }
    #productDetails .textImgBox02 p.sub{
        font-size: 0.8rem;
        font-weight: bold;
        margin-bottom: 2%;
    }
    #productDetails .textImgBox02 p.number{
        font-size: 1.0rem;
        font-family: 'Oswald', sans-serif;
        color: #333;
        font-weight: bold;
        padding-bottom: 2%;
    }
    #productDetails .textImgBox02 p.piece{
        font-size: 0.8rem;
        padding-bottom: 2%;
    }
    #productDetails .textImgBox02 p.size{
        font-size: 0.8rem;
        letter-spacing: 0.1em;
        padding-bottom: 2%;
    }

/*--------------------------------
　［PC］よくあるご質問　FAQ
----------------------------------*/
#faq .innerBox{
  width: 75%;
  margin:0 auto;

}
#faq .faqTitle{
	border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
	font-size: 1.8rem;
	text-align: center;
	padding: 2% 0;
	color: #000;
	margin-bottom: 5%;

}

    /*タブ切り替え全体のスタイル*/
#faq .tabs {
  margin-top: 50px;
  padding-bottom: 10%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

/*タブのスタイル*/
#faq .tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 5px solid #000;
  background-color: #ccc;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
#faq .tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
#faq input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
#faq .tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
#faq .tabs input:checked + .tab_item {
  background-color: #000;
  color: #fff;
}

#faq #contentsArea h2{
  width: 60%;
  font-size: 1.3rem;
  margin-top:5%;

}
  #faq .innerBox h3.title{
      font-family: 'Oswald', sans-serif;
      font-size: 2.5rem;
      color: #000;
      margin-bottom: 5%;
      text-align: center;
  }
  #faq .innerBox .miniTextBox{
    font-size: 1.0rem;
    line-height: 2.0rem;
  }
	#faq .bellows__content p{
		padding-bottom: 0;
	}
/*--------------------------------
　［PC］お問い合わせ　CONTACT
----------------------------------*/
  #conatctBox .innerBox h3{
      font-family: 'Oswald', sans-serif;
      font-size: 2.5rem;
      color: #000;
      margin-bottom: 5%;
      text-align: center;
  }
  #conatctBox .innerBox .miniTextBox{
    font-size: 1.0rem;
    line-height: 2.0rem;
  }
  #conatctBox table.style01 th {
    padding: 2% 2%;
    border: none;
    border-bottom: 1px solid #efefef;
    background: #fff;
    vertical-align: top;
    color: #000;
    font-size: 0.8rem;
}
 #conatctBox .hissu {
    padding: 2px 4px;
    background: #000;
    border: 1px solid #000;
    border-radius: 0px;
    float: right;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 200;
}
  }
  #conatctBox .nini{
    border-radius: 0;
    background: #fff;
    border: 1px solid #333;
    font-size: 0.8rem;
    color: #000;
    border-radius: 0px;
  }
  #conatctBox table.style01 td{
    border:none;
    border-bottom:1px solid #ccc;
    font-size: 0.8rem;
  }
  #conatctBox table.style01 .btn{
    border-bottom:none;

  }
  #conatctBox table.style01 .submit{
    margin-top:5%;
    border-radius: 0px;
    background: #000;
    padding:2% 2%;
  }
  #contactBox input .submit a:hover{
    opacity: 0.8;
  }

/*----------------------------------------
　［PC］カタログ 請求　CATALOG  ベース：CONTACT
------------------------------------------*/
#catalogBox{
  overflow: hidden;
  margin-bottom: 8%;
}
#catalogBox .catalogBoxL{
  width: 48%;
  float: left;
}
#catalogBox .catalogBoxR{
 width: 48%;
  float: right;
}
#question{
  margin-bottom: 8%;
}
#question h4{
  font-size: 1.0rem;
  font-weight: bold;
  margin-bottom: 2%;
  color: #333;
  margin-top:5%;
}
#question .checkboxQ{
  overflow: hidden;
}
#question .checkboxQ li{
  padding-right: 0 22px;
  float: left;
  font-size: 0.7rem;
}
#question .checkboxQ .long{
  width: 15%;
}
#question .checkboxQ .long02{
  width: 20%;
}
#question .miniTextBox{
  padding-bottom:0;
}
#question .miniTextBox textarea{
  width: 100%;
  border: 1px solid #ccc;
}
#question .checkboxQ02 li{
 padding-right: 0 15px;

}
#conatctBox .catalog .textImgBox02 {
  width: 50%;
  margin:0 auto;
}
/*----------------------------------------
　［PC］エラーページ
------------------------------------------*/
#error .title{
	font-family: 'Oswald', sans-serif;
    font-weight: 600;
	font-size: 2.5rem;
	color: #000:

}



}