@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');

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

/* !Reseting
---------------------------------------------------------- */
body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
/*  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;*/
  -webkit-text-size-adjust: none;
  color: #000;
}
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; */ }


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

  共通

--------------------------------------------------------------------------- */
body {
  color: #333;
}
/* リンクカラー */
a {
  outline: none;
  text-decoration: underline;
/*  color: #4472C4;*/
}
a:hover {
  text-decoration: underline;
}

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

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

/* strong */
strong {
  font-weight:bold;
}

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

/* 小文字 */
.small {
  font-size:85%;
}
/* 右寄せ */
.right {
  text-align: right;
}

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

/* strong以外の強調 */
.pointText {
  font-weight: bold;
}
.pointText02 {
  color: #da0015;
}
.number {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* 下線 */
.underLine {
  border-bottom: 1px solid #333;
  font-weight:bold;
}
.underLine02 {
    background: linear-gradient(transparent 60%, #F2F273 50%);
    font-weight: 600;
}

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

/* インデント */
.indent {
  padding-bottom: 0;
  padding-left:1em;
  text-indent:-1em;
}
.indent02 {
  padding-bottom: 0;
  padding-left:2em;
  text-indent:-2em;
  line-height: 170%;
  font-size: 0.9vw;
}

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

/* コンテンツの最終テキスト */
.lastText {
  padding-bottom: 20px!important;
  text-align: center;
  font-size: 26px;
}


/* wpカテゴリーカラー
----------------------------------------------------------*/
.bg2 {
	background: #189de2;
}
.bg3 {
	background: #64b200;
}
.bg4 {
	background: #f28300;
}
.bg5 {
	background: #666;
}
.bg6 {
	background: #cead5e;
}
.bg7 {
	background: #e74f82;
}


/* 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.btnMail {
  text-decoration: unset;
}
a.btn {
  margin:0 auto;
  padding: 4% 0;
  background: #fff;
  border: 1px solid #3266FF;
  text-decoration:none;
  display:block;
  text-align:center;
  width: 70%;
  color:#3266FF;
  font-weight: bold;
  font-size: 1.1vw;
}
a.btn:hover {
  opacity: 0.8;
}
a.btn02 {
  margin:0 auto;
  padding:2% 0;
  background: #fff url(../images/common/arrow11.png) no-repeat 94% 50%;
  background-size: 1.2vw;
  border-radius: 4px;
  border: 1px solid #bbb;
  box-shadow: 2px 5px 4px #ccc;
  text-decoration:none;
  display:block;
  text-align:center;
  width: 70%;
  color:#333;
  font-weight: bold;
  font-size: 1.2vw;
}
a.btn02:hover {
  opacity: 0.8;
}
a.textLink {
  padding-right: 6%;
  background: url(../images/common/arrow11.png) no-repeat 98% 0.1vw;
  background-size: 1.2vw;
  text-decoration: none;
  color: #333;
  font-weight: 600;
}


/* 高さ調整
----------------------------------------*/
.pT20{
  padding-top: 20px !important;
}

.pT30{
  padding-top: 30px !important;
}

.pT60{
  padding-top: 60px !important;
}

.pT80{
  padding-top: 80px !important;
}

.pB10{
  padding-bottom: 10px !important;
}
.pB20{
  padding-bottom: 20px !important;
}

.pB30{
  padding-bottom: 30px !important;
}

.pB60{
  padding-bottom: 60px !important;
}

.pB80{
  padding-bottom: 80px !important;
}

.mT20{
  margin-top: 20px !important;
}

.mT30{
  margin-top: 30px !important;
}

.mT60{
  margin-top: 60px !important;
}

.mT80{
  margin-top: 80px !important;
}

.mB20{
  margin-bottom: 20px !important;
}

.mB30{
  margin-bottom: 30px !important;
}

.mB60{
  margin-bottom: 60px !important;
}

.mB80{
  margin-bottom: 80px !important;
}

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


/* フォーム
----------------------------------------*/
::placeholder {
  color: #aaa;
}
.wpcf7-spinner {
  display: none!important;
}
/*
.screen-reader-response {
  display: none;
}*/
.wpcf7-form label {
  display: block;
}
.wpcf7-list-item-label {
  padding-left: 0.5%;
}
input.short,
input.middle,
input.long,
select,
textarea,
input.wpcf7-text {
  padding: 1.7% 1.5%;
  background: #f3f3f3;
  border: 1px solid #ccc;
  box-sizing: border-box;
  outline: none;/* Chromeなどで、テキストエリアのフォーカス時に枠線を自動付加を解除 */
  font-size: 1.1vw;
}
/* フォーカス時 */
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=url]:focus,
textarea:focus {
  border: 2px solid #333!important;
}
select {
  padding: 1.5% 2%;
  font-size: 1.1vw;
}
input[type=checkbox] {
  margin-right: 0.5%;
  width:      0.7vw;
  height:     0.7vw;
  -moz-transform:   scale(1.4);
  -webkit-transform:  scale(1.4);
  transform:    scale(1.4);
}
input[type=radio] {
  margin-right: 0.5%;
  width:      0.7vw;
  height:     0.7vw;
  -moz-transform:   scale(1.4);
  -webkit-transform:  scale(1.4);
  transform:    scale(1.4);
}
input.short,
select.short {
  width:20%;
}
input.middle,
select.middle {
  width:50%;
}
input.long {
  width:90%;
}
textarea {
  width:90%;
  height: 200px;
}
/* 必須 */
.hissu {
  margin-top: 2%;
  padding: 1% 0 0.5% 0;
  background:#e7133b;
  border:1px solid #e7133b;
  border-radius:4px;
  display:block;
  width: 12%;
  text-align:center;
  float:right;
  color:#fff;
  line-height: 120%;
  font-weight:bold;
  font-size: 0.7vw;
}
/* 任意 */
.nini {
  margin-top: 7px;
  padding:2px 0;
  background:#efefef;
  border:1px solid #ccc;
  border-radius:4px;
  display:block;
  width:40px;
  text-align:center;
  float:right;
  color:#222;
  line-height: 120%;
  font-weight:bold;
  font-size:11px;
}
input.wpcf7-submit,
input.submit {
  margin:0 auto;
  padding: 2% 0;
  background: #FF6E40;
  box-shadow: 2px 5px 4px #ccc;
  border-radius: 50px;
  text-decoration:none;
  display:block;
  text-align:center;
  width:40%;
  color: #fff;
  font-weight: bold;
  font-size: 1.3vw;
}
input.submit:hover {
  opacity: 0.8!important;
}



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

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

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

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


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

body {
  background-size: cover;
  font-size: 16px;
  line-height:170%;
}
.large {
  font-size: 18px;
}
/* P */
p {
  padding-bottom:4%;
}
p.last,
p:last-child {
  padding-bottom: 0;
}
.spaceBox {
  padding-bottom: 4%;
}
.indentBox {
  padding-bottom: 4%;
  padding-left:1em;
  text-indent:-1em;
}


::placeholder {
  font-size: 12px;
}


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

/* インデント */
.indent {
  padding-bottom: 2%;
  line-height: 150%;
}
.indent02 {
  padding-bottom: 2%;
  font-size: 14px;
}

/* 画像回り込み */
.photoL {
  padding-bottom: 20px;
  box-sizing: border-box;
}
.photoR {
  padding-bottom: 20px;
  box-sizing: border-box;
}
.photoL p,
.photoR p {
  padding-top: 5px;
  text-align: center;
}
.photoL img,
.photoR img {
  width: 100%;
}

.small {
  font-size: 11px;
}
.middle {
  font-size: 14px;
}
.big {
  font-size: 20px;
}

/* コンテンツの最終テキスト */
.lastText {
  padding-bottom: 4%!important;
  text-align: center;
  font-size: 18px;
}
a.btn {
  font-size: 16px;
}
a.btn02 {
  padding:3% 0;
  background-size: 20px;
  width: 94%;
  font-size: 16px;
}
a.textLink {
  padding-right: 18px;
  background: url(../images/common/arrow11.png) no-repeat 94% 50%;
  background-size: 12px;
  text-decoration: none;
  color: #333;
  font-weight: 600;
}

/* フォーム
----------------------------------------*/
input::placeholder,
textarea::placeholder {
  font-size: 16px;
}
input.short,
input.middle,
input.long,
select,
textarea,
input.wpcf7-text {
  padding: 8px 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  width:100%;
  font-size: 16px;
}
select {
  font-size: 16px;
}
textarea {
  margin-top: 5px;
  height:150px;
  font-size: 16px;
}
input[type=checkbox] {
  margin-right: 0.5%;
  width:      12px;
  height:     12px;
  -moz-transform:   scale(1.4);
  -webkit-transform:  scale(1.4);
  transform:    scale(1.4);
}
input[type=radio] {
  margin-right: 1.5%;
  width:      12px;
  height:     12px;
  -moz-transform:   scale(1.4);
  -webkit-transform:  scale(1.4);
  transform:    scale(1.4);
}

/* 必須 */
.hissu {
  margin-top: 1.5%;
  font-size: 11px;
}
input.wpcf7-submit,
input.submit {
  padding: 5% 0;
  width: 94%;
  font-size: 18px;
}

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

.spbrNone　br {
  display:none;
}

/* [sp] ベースの横幅
----------------------------------------------------------*/
.innerBox {
  padding: 0 0 10% 0;
}
.innerBox02 {
	margin-bottom: 4%;
  padding:4%;
  background: #fff;
}

.colorBox {
  margin-bottom: 20px;
  padding: 5% 4%;
  background: #f5faea;
}
.colorBox p {
  line-height: 180%;
}
.colorBox a {
  line-height: 180%;
}

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

/* [sp] 背景色
----------------------------------------------------------*/
.innerBoxColor01 {
  background:#F6F6F6;
}
.innerBoxColor01 .innerBox {
  padding-bottom: 4%;
}
.innerBoxColor02 {
  margin-bottom: 4%;
  padding-top: 4%;
  border-top: 1px solid #33B7EF;
  border-bottom: 1px solid #33B7EF;
  background: #EEF8FF;
  color: #fff;
}

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

/* ヘディングタグ
----------------------------------------------------------*/
#h1Box {
  margin: 0 auto;
  padding: 6% 0;
  background: url(../images/h1_bg.png) no-repeat;
  background-size: cover;
  text-align: center;
}
#h1Box h1 {
  color: #fff;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 22px;
}
#h1Box p {
  padding: 0;
  line-height: 100%;
}
#h1Box p span {
  font-size: 10px;
}
h2 {
  padding-bottom: 4%;
  box-sizing: border-box;
  background: none;
  position: relative;
  text-align: center;
  width: 100%;
  color: #000;
  line-height: 100%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 22px;
}
h3 {
  margin-bottom: 4%;
  padding: 1% 0 1% 2%;
  border-left: 2px solid #333366;
  line-height: 150%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 18px;
}
.contentsBox02 h3 {
  margin: 0;
  padding: 0 0 60px 0;
  background: none;
  position: relative;
  text-align:center;
  width: auto;
  color: #666;
  line-height: 100%;
  font-weight: 500;
  font-size: 42px;
}
.contentsBox02 h3:after {
  display: none;
}
h3 span {
}
h3 span.style01 {
  display: inline;
  font-size: 42px;
}
h3.style02 {
  line-height: 100%!important;
}
h3.style02 span {
  margin-left: 20px;
  padding: 5px 20px 2px 20px;
  border: 1px solid #f00;
  display: inline;
  vertical-align: middle;
  color: #f00;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 26px;
}

h4 {
  padding-bottom: 1%;
  font-weight: bold;
}
h4 span {
  padding-left: 20px;
  font-size: 24px;
}

h4.style02 span {
  margin-left: 10px;
  padding: 5px 15px 2px 15px;
  border: 1px solid #f00;
  display: inline;
  vertical-align: middle;
  color: #f00;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 22px;
}

h5 {
  padding: 20px 0 10px 0;
  font-weight: bold;
}
h5:first-child {
  padding-top: 0;
}
h5.style01 {
  color: #ff9900;
}

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

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

/* [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:last-child {
}
.textImgBox01 li .photo {
  padding: 3% 2% 0 0;
  float:left;
  width: 16%;
}
.textImgBox01 li .photo img {
  width:100%;
}
.textImgBox01 li .box {
  float:left;
  width:76%;
}
.textImgBox01 span.date {
  padding: 5px 10px;
  background: #e5eeef;
  line-height:200%;
  font-size:16px;
}
.textImgBox01 p.title {
  padding: 5px 0;
  letter-spacing: -0.7px;
  font-weight:bold;
}
.textImgBox01 p {
}
.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-weight: 600;
  font-size: 18px;
}
.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:76%;
}
.textImgBox04 li .box p {
  padding-bottom:0;
}
.textImgBox04 li p.title {
  padding-bottom:2%;
  font-weight: 600;
  font-size: 18px;
}
.textImgBox04 li p.sub {
  padding-bottom:0;
}
.textImgBox04 li p.catch {
  padding-bottom:4%;
}
.textImgBox04 li a.btn {
	margin-bottom: 4%;
	padding: 2px;
	float: right;
	width: 50%;
	font-size: 11px;
}

/* [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 {
  margin-bottom:5px;
  position: relative;
}
.textImgBox06 li .photo img {
  width:100%;
}
.textImgBox06 li p.title {
  padding-bottom:0;
  text-align:center;
}
/* 拡大ボタン */
.textImgBox06 li .photo img.plusBtn {
  position: absolute;
  right: 0;
  bottom: 0;
}
.textImgBox06 li .photo {
  margin-bottom:5px;
  position: relative;
}
.textImgBox06 li .photo img {
  object-fit: cover;
  width:100%;
  height: 100px;
}
.textImgBox06 li .photo img.plusBtn {
  width: 30px;
  height: 30px;
}

/* [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 {
}
.textImgBox09 .photo {
  padding-bottom:4%;
  text-align:center;
}
.textImgBox09 .photo img {
  width: 40%;
}
.textImgBox09 .box {
}
.textImgBox09 .box p {
}
.textImgBox09 .box p.title {
  padding-bottom: 4%;
  font-weight: bold;
  font-size: 18px;
}
.textImgBox09 .box p.sub {
  padding-bottom:10px;
}
.textImgBox09 .name {
  font-weight: 600;
}
.textImgBox09 .name span {
  padding-right: 4%;
}


/* [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 {
padding-bottom: 4%;
}
.textImgBox13 li:last-child {
  margin-bottom:0;
  border-bottom:none;
}
.textImgBox13 li .photo {
  padding-bottom: 1%;
}
.textImgBox13 li .photo img {
  width:100%;
}
.textImgBox13 p.title {
  padding-bottom:2%;
  font-weight: 600;
}
.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;
  box-sizing: border-box;
  float:left;
  width:48%;
}
.textImgBox16 li:nth-child(2n) {
  padding-right:0;
}
.textImgBox16 li:nth-child(2n+1) {
  clear:both;
}
.textImgBox16 li .photo {
  padding-bottom:5px;
}
.textImgBox16 li .photo img {
  width:100%;
}
.textImgBox16 li .box {
}
.textImgBox16 li .box p {
  padding:0;
  line-height:150%;
}
.textImgBox16 li p.rank {
  display:none;
}
.textImgBox16 li .box p.name {
	font-size: 14px;
}
.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: 55px;
}
.textImgBox20 p.number span {
  padding-left: 4px;
  display: block;
  line-height: 100%;
  font-weight: 600;
  font-size: 14px;
}
.textImgBox20 p.number span.number {
  padding-left: 0;
  color: #DA0015;
  font-weight: 600;
  font-size: 35px;
}
.textImgBox20 li {
  padding: 6% 0;
  border-bottom:1px solid #ccc;
  overflow:hidden;
}
.textImgBox20 li:first-child {
  padding-top: 0;
}
.textImgBox20 li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.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: 5% 0 4% 0;
  font-weight: 600;
  font-size: 19px;
}
.textImgBox20 li .body p.lead {
  clear: both;
}

/* [sp] textImgBox21
----------------------------------------------------------*/
.textImgBox21 {
}
.textImgBox21 li {
  padding-bottom:4%;
}
.textImgBox21 li:last-child {
  padding-bottom: 0;
}
.textImgBox21 li a {
  padding: 4% 0 6% 0;
  background: url(../images/common/arrow08.png) no-repeat 50% 90%;
  border: 2px solid #2B7EE0;
  border-radius: 8px;
  text-align: center;
  display:block;
  text-decoration:none;
  color:#2B7EE0;
  font-weight: bold;
}
.textImgBox21 li a:hover {
  background: url(../images/common/arrow03.gif) no-repeat 50% 90%;
}

/* [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:4% 0;
  background:#006ebb 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;
  color: #fff;
  font-weight: 600;
}

/* [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: 6% 4%;
  background:#36adc9;
  color:#fff;
}
.textImgBox25 .innerBox {
  padding-bottom:0;
}
.textImgBox25 ul {
  margin: 0 auto;
  width: 90%;
}
.textImgBox25 #telBox {
}
.textImgBox25 #telBox p {
  padding: 5px 0 10px 0;
  text-align: center;
  font-size: 13px;
}
.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 {
  width:100%;
}
.textImgBox26 .box {
}
.textImgBox26 p.rank {
  padding-bottom:2%;
}
.textImgBox26 .rank span {
    margin-right:2%;
    padding:1% 2%;
    background:#006ebb none repeat scroll 0% 0%;
  line-height:220%;
    color:#fff;
}
.textImgBox26 .box p.title {
  padding-bottom:4%;
  font-weight: 600;
  font-size:22px;
}
.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 .photo {
  position: relative;
  width: 100%;
}
.textImgBox26 .thum li img {
  width:100%;
}
.textImgBox26 .thum li img.plusBtn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
}



/* [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-bottom: 4%;
  overflow:hidden;
}
.textImgBox28 li:first-child {
  padding-top: 0;
}
.textImgBox28 p {
  padding-bottom:0;
}
.textImgBox28 p.date {
  margin-right:4%;
  float:left;
  width:15%;
  font-family: 'Oswald', sans-serif;
  font-size:11px;
}
.textImgBox28 p.icon {
  float:left;
  width:20%;
  text-align:center;
  color:#fff;
  font-size:11px;
}
.textImgBox28 p.title {
}

/* アイコンカラー */
.textImgBox28 p.bg01 {
}
.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;
}

/* [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%;
  overflow:hidden;
}
.textImgBox35 .box{
  position: relative;
}
.textImgBox35 p.num {
  display: none;
}
.textImgBox35 li:nth-child(1) p.num {
  right: 10px;
}
.textImgBox35 li:nth-child(2) p.num {
  color: #fff;
}
.textImgBox35 li:last-child {
  margin-bottom: 0;
}
.textImgBox35 li:last-child .box {
  padding-bottom: 0;
}
.textImgBox35 p.sub {
  padding-bottom: 0;
}
.textImgBox35 .sub span {
  padding: 1% 3%;
  background: #333;
  font-weight: 600;
  color: #fff;
  font-size: 13px;
}
.textImgBox35 p.title {
  padding: 1% 0 4% 0;
  position: relative;
  z-index: 10;
  font-weight: 600;
  font-size:20px;
}
.textImgBox35 .photo {
}
.textImgBox35 .photo img {
  width:100%;
}
.textImgBox35 .box {
  padding:4%;
  box-sizing: border-box;
}

/* 偶数行の背景色を変更 */
.textImgBox35 li:nth-child(2n) {
}
.textImgBox35 li:nth-child(2n) .box p.title {
}

/* [sp] textImgBox36
----------------------------------------------------------*/
.textImgBox36 {
}
.textImgBox36 li {
  overflow:hidden;
}
.textImgBox36 li p.date {
  padding-bottom:0;
}
.textImgBox36 li p.date span {
  font-family: 'Oswald', sans-serif;
}
.textImgBox36 li p.title {
  padding:2% 0;
  font-weight: 600;
  font-size:18px;
}
.textImgBox36 li .box {
}

/* [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 {
}
.textImgBox37 li .photo img {
  width:100%;
}
.textImgBox37 p.title {
  padding-bottom:2%;
  color:#248aca;
  font-weight: 600;
}
.textImgBox37 p.sub {
  padding-bottom:2%;
  display:block;
  line-height:120%;
  font-weight:normal;
  font-size:11px;
}
.textImgBox37 .body {
	padding-bottom: 4%;
  font-size:14px;
}
.textImgBox37 .box {
  padding: 4%;
  background: #fff;
}
.textImgBox37 a.btn {
	padding: 3px 0;
	width: 100%;
	font-size: 14px;
}

/* [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: url(../images/common/arrow01.gif) no-repeat 96% 50%;
  display:block;
  text-decoration:none;
}

/* [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 {
  font-weight: bold;
}
.textImgBox46 .photo img {
    width: 100%;
}
.textImgBox46 .photoR img {
    width: 100%;
}
.textImgBox46 .photoL img {
    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:2%;
}
.textImgBox52 li .head {
  padding-bottom:0;
  overflow:hidden;
  font-weight:600;
}
.textImgBox52 li p.sub {
  margin-bottom:2%;
  padding:1% 4%;
  background:#ffd700;
  border-radius:30px;
  font-family: 'Oswald', sans-serif;
  text-align:center;
  width:20%;
  color: #333;
  font-weight:400;
  font-size:14px;
}
.textImgBox52 li p.title {
  padding-bottom:2%;
  color: #248aca;
}
.textImgBox52 p.text {
	font-weight: normal;
	font-size: 16px;
}
	
/*  [sp] textImgBox54
----------------------------------------------------------*/
.textImgBox54 {
}
.textImgBox54 ul li {
  width: 100%;
  margin: 0 auto 8%;
  position: relative;
}
.textImgBox54 p.title {
  padding-bottom:2%;
  font-weight: 600;
  font-size:20px;
}
.textImgBox54 .stepBox {
  background: #333366;
  display: block;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  padding: 4% 0;
  font-size: 18px;
}
.textImgBox54 .textBox {
  display: block;
  vertical-align: middle;
  background: #ebebfe;
  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: #333366 transparent transparent transparent;
  border-width: 12px 12px 0 12px;
}
.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] プライバシーポリシー
----------------------------------------------------------*/
#tos {
}
#tos ol.style01 li {
  padding-bottom: 1%;
}



/* [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: 4% 0 10% 0;
  text-align:center;
}
#pager a {
  padding:10px 15px;
  border:1px solid #333;
  background:#333;
  text-decoration:none;
  color:#fff;
}
#pager a:hover {
  opacity:0.6;
}
/* カレント */
#pager span.current {
  padding:10px 15px;
  border:1px solid #333;
  background:#fff;
  text-decoration:none;
  color:#333;
}


/* [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 {
  padding: 0 4%;
  overflow: hidden;
}
.contentsBox {
  margin-bottom: 8%;
  padding: 4% 4% 0 4%;
  background: #fff;
  box-sizing: border-box;
  box-shadow: -1px 3px 10px -1px #ccc;
}
.contentsBox02 {
}

/* [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;*/
  width: 100%;
  height: 300px;
}
.mapBtn {
  text-align:center;
}
.mapBtn img {
  width:70%;
}

/* [sp] box01
----------------------------------------------------------*/
.box01 {
  overflow:hidden;
}

/* [TABLE] style01
----------------------------------------------------------*/
table.style01 {
  margin-bottom:4%;
  width:100%;
}
table.style01 th {
  padding: 2% 2.5%;
  background: #ebebfe;
  border:1px solid #ccc;
  display: block;
  vertical-align:top;
  font-weight: bold;
}
table.style01 th.title {
  color:#333;
}
table.style01 td {
  padding: 4%;
  background: #fff;
  border:1px solid #ccc;
  border-top: none;
  border-bottom: none;
  display: block;
  vertical-align:top;
}
table.style01 tr:last-child td {
  border-bottom:1px solid #ccc;
}

/* [TABLE] style02
----------------------------------------------------------*/
table.style02 {
  margin-bottom:20px;
  width:100%;
}
table.style02 th {
  padding:15px 20px;
  border: 1px solid #ccc;
  text-align: center;
  font-weight: 600;
}
table.style02 td {
  padding:15px 20px;
  border: 1px solid #ccc;
}

/* 偶数行の背景色を変更 */
table.style02 tr:nth-child(even) th,
table.style02 tr:nth-child(even) td {
  background:#efefef;
}

/* 奇数行の背景色を変更 */
table.style02 tr:nth-child(odd) th,
table.style02 tr:nth-child(odd) td {
  background:#fff;
}

/* [TABLE] style03
----------------------------------------------------------*/
table.style03 {
  margin-bottom:20px;
  width:100%;
}
table.style03 th {
  padding: 2% 2.5%;
  border-bottom :1px solid #ccc;
  vertical-align:top;
}
table.style03 th.title {
  background:#efefef;
}
table.style03 td {
  padding: 2% 2.5%;
  border-bottom :1px solid #ccc;
  vertical-align:top;
}

/* [TABLE] style04
----------------------------------------------------------*/
table.style04 {
  margin-bottom:20px;
  width:100%;
}
table.style04 th {
  padding:15px 20px;
  border: 1px solid #ccc;
}
table.style04 td {
  padding:15px 20px;
  border: 1px solid #ccc;
}
table.style04 .bg01 {
  background:#fce5e7!important;
}
table.style04 .bg02 {
  background:#fef2f3!important;
}

/* 偶数行の背景色を変更 */
table.style04 tr:nth-child(even) th,
table.style04 tr:nth-child(even) td {
  background:#fef2f3;
}

/* 奇数行の背景色を変更 */
table.style04 tr:nth-child(odd) th,
table.style04 tr:nth-child(odd) td {
  background:#fce5e7;
}

/* [TABLE] style05
----------------------------------------------------------*/
table.style05 {
  margin-bottom:20px;
  width:100%;
}
table.style05 th {
  padding:15px 20px;
  border: 1px solid #ccc;
}
table.style05 td {
  padding:15px 20px;
  border: 1px solid #ccc;
}

/* 偶数行の背景色を変更 */
table.style05 tr:nth-child(even) th,
table.style05 tr:nth-child(even) td {
  background:#f5faea;
}

/* 奇数行の背景色を変更 */
table.style05 tr:nth-child(odd) th,
table.style05 tr:nth-child(odd) td {
  background:#e5f5c2;
}

/* [TABLE] style06
----------------------------------------------------------*/
table.style06 {
  margin-bottom:20px;
  width:100%;
}
table.style06 th {
  padding:15px 20px;
  border:1px solid #ccc;
  vertical-align:top;
}
table.style06 td {
  padding:15px 20px;
  border:1px solid #ccc;
  vertical-align:top;
}
table.style06 .bg th,
table.style06 .bg td {
  background: #ffffcb;
}

/* [UL] style01
----------------------------------------------------------*/
ul.style01 {
  margin-bottom: 2%;
}
ul.style01 li {
  padding: 0 0 2% 10px;
  background: url(../images/common/arrow12.png) no-repeat 0 12px;
  background-size: 4px;
  line-height: 150%;
}
ul.style01 li:last-child {
  padding-bottom:0!important;
}

/* [OL] style01
----------------------------------------------------------*/
ol.style01 {
  margin-left: 30px;
  list-style-type:decimal;
}
ol.style01 li {
  padding-bottom: 2%;
  line-height: 150%;
}
ol.style01 li:last-child {
  padding-bottom:0;
}

/* [OL] style02
----------------------------------------------------------*/
ol.style02 {
  counter-reset:num;
  list-style-type: none!important;
  padding:0;
  margin:0;
}
ol.style02 li {
  position: relative;
  padding-left: 1%;
  line-height: 150%;
  padding: 0 0 1% 2.5%;
}

ol.style02 li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display:inline-block;
  background:transparent;
  border:#555 1px solid;
  color: #555;
  font-size: 0.8vw;
  border-radius: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 160%;
  text-align: center;
  top: 8%;
}

/* [OL] style03
----------------------------------------------------------*/
ol.style03 {
}
ol.style03 li {
  padding-bottom:1%;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 150%;
}
ol.style03 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: 2%;
  width: 100%;
  overflow-x: auto;
}
.tableWidthBox01 table {
  width: 600px;
}
.tableWidthBox01 th,
.tableWidthBox01 td {
  display:table-cell;
}
.tableWidthBox01 th.title {
  padding: 1%;
  border-right: 1px solid #E2E9FF;
  background: #3266FF;
  vertical-align: middle;
  color: #fff;
}
.tableWidthBox01 th {
  padding: 1%;
  border-bottom:1px solid #ccc;
  background:#E2E9FF;
  vertical-align:top;
}
.tableWidthBox01 td {
  padding: 1%;
  border-bottom:1px solid #ccc;
  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 footerType01
----------------------------------------------------------*/
footer#footerType01 {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
}
footer#footerType01 .innerBox {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  padding:0;
}
footer#footerType01 a {
  color:#fff;
}
footer#footerType01 .box01 {
  padding:0;
}
/* ロゴ */
footer#footerType01 #footerLogo {
  display:none;
}
/* 住所 */
footer#footerType01 address {
  padding: 4% 4% 6% 4%;
  text-align:center;
  font-size: 14px;
}
footer#footerType01 address .title {
  padding-bottom: 15px;
  line-height: 170%;
  font-weight: normal;
  font-size: 14px;
}
footer#footerType01 address .title img {
  margin: 0 auto;
  padding-bottom: 10px;
  display: block;
  width: 60%;
}
footer#footerType01 address span {
  display: block;
  font-weight: 600;
  font-size: 20px;
}
footer#footerType01 address p {
  padding-bottom: 10px;
}

/* バナー */
footer#footerType01 #bnrList {
  padding:4%;
  overflow:hidden;
}
footer#footerType01 #bnrList li {
  padding-bottom: 4%;
}
footer#footerType01 #bnrList li:last-child {
  padding-bottom:0;
}
footer#footerType01 #bnrList img {
  height: 80px;
}

/* [sp] fNavi */
footer#footerType01 #fNavi {
  margin:0;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
}
footer#footerType01 #fNavi li {
  padding:3% 4%;
  border-top:1px solid #ccc;
}
footer#footerType01 #fNavi a {
  padding:0;
  background:url(../images/common/arrow01.gif) no-repeat 100% 50%;
  display:block;
  text-decoration:none;
  width:100%;
  color:#666;
  font-size: 14px;
}

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

/* [sp] footer footerType02
----------------------------------------------------------*/
footer#footerType02 {
  padding: 8% 0 6% 0;
  background:#a23d75;
  text-align: center;
  color:#fff;
}
footer#footerType02 .innerBox {
  padding-bottom: 0;
}
footer#footerType02 h3.style01 {
  margin-bottom: 4%;
  background: #fff;
  border-color: #ccc;
  color: #333;
}
/* ロゴ */
footer#footerType02 #footerLogo {
  padding: 4% 0;
}
footer#footerType02 #footerLogo img {
  width: 85%;
}
/* 注意書き */
footer#footerType02 p.lead {
  margin-bottom: 6%;
  padding: 10px 0;
  border: 1px solid #fff;
}
/* TEL&MAIL */
footer#footerType02 .large {
  line-height: 120%;
  font-weight: normal;
  font-size: 22px;
}
/* 住所 */
footer#footerType02 th {
  padding: 1% 0;
  background: #b56491;
  text-align: center;
  display: block;
}
footer#footerType02 td {
  padding: 4% 0;
  text-align: center;
  display: block;
}
footer#footerType02 td a {
  text-decoration: none;
  color: #fff;
}

/* footer footerType03
----------------------------------------------------------*/
footer#footerType03 {
  overflow:hidden;
}
footer#footerType03 .innerBox {
  margin: 0 auto;
  padding-bottom:0;
  overflow: hidden;
}
footer#footerType03 .box01 {
  padding: 8% 8% 4% 8%;
  background: #333;
  overflow:hidden;
}
footer#footerType03 #footerLogo img {
  padding-bottom: 4%;
  width: 50%;
}
/* 住所 */
footer#footerType03 address {
  text-align: center;
  color: #fff;
  font-size: 13px;
}
footer#footerType03 address dt {
  padding: 2.5% 0 2% 0;
}
footer#footerType03 address dd {
  padding-bottom: 5%;
  background:none;
  line-height: 150%;
}
footer#footerType03 address dd p {
  padding-bottom: 0;
}
footer#footerType03 address a {
}
/* SNS */
#sns {
  margin: 0 auto 12% auto;
  overflow: hidden;
  width: 24%;
}
#sns li {
  padding: 0 10%;
  box-sizing: border-box;
  float: left;
  width: 50%;
}
#sns li img {
  width: 100%;
}
/* ロゴ */
footer#footerType03 #footerLogo a {
  text-decoration: none;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
}
footer#footerType03 #footerLogo a:hover {
  text-decoration: none;
}
footer#footerType03 #footerLogo span {
  color: #da0015;
}
/* fNavi */
footer#footerType03 #fNavi {
  padding-bottom: 6%;
}
footer#footerType03 #fNavi ul {
  overflow:hidden;
}
footer#footerType03 #fNavi li {
  padding: 0 0 4% 3%;
  box-sizing:border-box;
  float: left;
  line-height: 140%;
}
footer#footerType03 #fNavi li:nth-child(1n) {
  width: 45%;
}
footer#footerType03 #fNavi li:nth-child(2n) {
  width: 55%;
}
footer#footerType03 #fNavi a {
  text-decoration:none;
  color:#fff;
  font-size: 13px;
}
footer#footerType03 #fNavi a:hover {
  text-decoration:underline;
}
footer#footerType03 #fNavi a span {
  display: block;
  font-size: 13px;
}
/* お申込みはこちら */
footer#footerType03 #fNavi .fLink a {
  margin-bottom: 4%;
  padding: 12% 4%;
  background: #DA0015;
  box-sizing: border-box;
  text-align: center;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 1.1vw;
}
footer#footerType03 #fNavi .fLink a:hover {
  background: #e13344;
  text-decoration: none;
  color: #fff;
}
footer#footerType03 #fNavi .fLink {
  display: none;
}

/* コピーライト */
footer#footerType03 #copy {
  padding: 4% 0;
  background: #333;
  text-align:center;
  color: #fff;
  font-size: 11px;
}

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

/* [sp] footerType05
----------------------------------------------------------*/
footer#footerType05 {
  padding: 2% 0;
  background: #333;
  text-align: center;
  color: #fff;
}
footer#footerType05 #copy {
  padding: 0;
  float: none;
  width: 100%;
  text-align: center;
  font-size: 11px;
}

/* [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: 4% 0 2% 0;
	color: #2555a5;
	font-weight: 600;
}

/* [sp] textImgBox56-2
----------------------------------------------------------*/
.textImgBox56-2 .photo {
  width: 100%;
}
.textImgBox56-2 .photo img{
  width: 100%;
}
.textImgBox56-2 .box .title{
    padding: 4% 0 2% 0;
	color: #2555a5;
	font-weight: 600;
}

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

/* プライバシーポリシー
----------------------------------------------------------*/
#privacy,
#tos {
}
#privacy p,
#tos p {
  padding-bottom: 1%;
}
#privacy ol.style01 li,
#tos ol.style01 li {
  padding-bottom: 1%;
}
/* style03 */
#privacy ol.style03,
#tos ol.style03 {
  padding-top: 0.5%;
}
#privacy ol.style03 li,
#tos ol.style03 li {
  padding-bottom: 0.5%;
}
#privacy ol.style01 li ol.style03,
#tos ol.style01 li ol.style03 {
  padding-top: 0.5%;
}
#privacy ol.style01 li ol.style03 li,
#tos ol.style01 li ol.style03 li {
  padding-bottom: 0.5%;
}

/* [sp] header fixedBox
----------------------------------------------------------*/
#headerInner {
  overflow: hidden;
}

/* logo */
header#headerType02 #logo {
  padding: 3% 0 0.5% 3%;
  box-sizing: border-box;
  float:left;
  width: 60%;
}
header#headerType02 #logo img {
  width: 74%;
}
/* [sp] hNavi */
#hNavi {
  padding: 0.2% 2% 0 0;
  float: right;
/*20220606  width: 11.5%;*/
  width: 22.5%;
}
#hNavi li {
  padding-left: 1%;
  box-sizing: border-box;
  float: right;
  width: 50%;
}

#menuBtn {
  display: none;
}
#menuBtn img {
  width:100%;
}

/* 固定 */

/* fixedBoxSp */
#fixedBoxSp {
  background: #fff;
  clear:both;
  display:block;
/*  opacity:0.9;*/
}
.fixed {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
}

/* gNavi */
#gNavi {
  background: #333;
  overflow: hidden;
  clear: both;
}
#gNavi li {
  border-right: 1px solid #999;
  box-sizing: border-box;
  float: left;
  width: 32%;
}
#gNavi li:nth-child(2) {
  width: 36%;
}
#gNavi li:last-child {
  border-right: none;
}
#gNavi li a {
  display:block;
  padding: 2% 0;
  text-decoration:none;
  text-align: center;
  color:#fff;
  font-weight: 600;
  font-size: 12px;
}
#gNavi li a span {
  display:none;
}


/* [sp] header 
----------------------------------------------------------*/
header#headerType02 {
  background: #fff;
  position: fixed;
  z-index: 9;
  width: 100%;
}
header#headerType02 .box01{
  display:none;
}

p.toppageLink {
  padding-bottom: 4%;
  text-align: center;
}



/* トップページ
----------------------------------------*/
#home {
}
#home #contents {
  background: #fff;
  width: auto;
}
#home .contentsBox {
  background: no-repeat;
  width: 86%;
}
#home .innerBox {
  padding-bottom: 2%;
}
#home h2 {
  padding-bottom: 2%;
  font-size: 2.7vw;
}

/* ベース */
#home01,
#home02,
#home03,
#homeColumn {
  padding: 5% 0 0 0;
}

#concept,
#message,
#silicon,
#recruit,
#contact,
#products,
#privacy,
#topics,
#partner,
#company {
  padding-top: 11.5%;
}

#home .contentsBox {
  box-shadow: none;
}


/* --- 全体のBOX定義 ---------------------------------------- */
#mainPhoto .box {
  margin-bottom: ;
  position   : relative;
  width      : 100%;
/*  height     : 450px;*/
  margin     : auto;
  overflow   : hidden;
}

/* --- 背景の指定 ------------------------------------------- */
#mainPhoto .box .bgImg {
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  opacity    : 0;
  animation  : bgAnime 10s infinite;   /* 4画像 × 各4s = 16s */
}

/* --- 段差で背景画像のアニメーションを実行 ----------------- */
#mainPhoto .box .src1 {
  background-image : url(../images/sp/mainphoto01.png);   /* 背景の画像を指定 */
  animation-delay  : 0s;
}
#mainPhoto .box .src2 {
  background-image : url(../images/sp/mainphoto02.png);   /* 背景の画像を指定 */
  animation-delay  : 5s;
}
#mainPhoto .box .src1,
#mainPhoto .box .src2 {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@keyframes bgAnime {
   0% { opacity: 0; }
   7% { opacity: 1; }
  25% { opacity: 1; }
  32% { opacity: 1; }
 100% { opacity: 0; }
}

/* --- 前面の文字定義（サンプルのため変更してください） ----- */
#mainPhoto .box .boxString{
  position   : absolute;
  display    : inline-block;
  padding    : 0;
  background : ;    /* 半透明の青　例　rgba(0, 127, 255, 0.7) */
  color      : #fff;
  bottom     : 0%;  /* 中央寄せ　例　50% */
  left       : 0%;  /* 例　50% */
  transform  : translate(0%,0%);  /* 例 translate(-50%,-50%); */
  z-index    : 11;
}

/* トップページ
----------------------------------------*/
#home {
}
#home #contents {
  padding: 4%;
}
#home h2 {
  margin-bottom: 5%;
  padding: 0 0 1% 0;
  box-sizing: border-box;
  background: none;
  position: relative;
  text-align: center;
  width: 100%;
  line-height: 100%;
  font-weight: 600;
  font-size: 24px;
}
#home h2:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border: 1px solid #333366;
    border-width: 1.5px 8vw;
}
#home .contentsBox {
  background: no-repeat;
}

/* メイン画像
----------------------------------------*/
#mainPhoto {
  margin: 0 -4% 4% -4%;
}

/* news
----------------------------------------*/
#news {
  margin-bottom: 8%;
  padding: 2% 2% 2% 3%;
  background: #f1f1f1;
  line-height: 120%;
  font-size: 15px;
}
#topics #news {
  padding: 0;
  background: #fff;
}
#news .textImgBox36 li {
  padding-bottom: 4%;
}
#topics #news .textImgBox36 li:last-child {
  padding-bottom: 0;
}
#news a {
  text-decoration: none;
}
#news a:hover {
  text-decoration: underline;
}
#news td span.date {
  display: block;
  color: #999;
  font-size: 12px;
}


/* 弊社の特徴 */
#home01 {
  padding-bottom: 8%;
}
#home01 .textImgBox02 .photo img {
  object-fit: cover;
  height: 100px;
}


/* 代表挨拶 */
#home03 .photo {
  margin: 0 auto;
  width: 40%;
}
#home03 .title {
  font-weight: 600;
}
#home03 .sub {
  text-align: right;
}
#home03 .sub img {
  width: 30%;
}

/* 代表挨拶 */
#home02 li {
  padding-bottom: 4%;
}
#home02 .photo {
  padding-bottom: 2%;
}
#home02 .box {
  padding: 0;
}
#home02 .title {
  padding-bottom: 2%;
}
#home02 .sub {
  display: none;
}

/* 弊社の特徴
----------------------------------------*/
#concept {
}
#concept .textImgBox09 {
  padding-bottom: 4%;
}
#concept .textImgBox09 .photo {
}
#concept .textImgBox09 .box {
}

/* 運営会社
----------------------------------------*/
#company {
}
/* 代表挨拶 */
#company .textImgBox09 .photo {
  text-align: center;
}
#company .textImgBox09 .photo img {
  width: 40%;
}
#company .textImgBox09 .box {
}
#company .textImgBox09 .name img {
  width: 30%;
}

/* 経営理念 */
#philosophy {
  text-align: center;
}
#philosophy p {
  line-height: 200%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
}

/* 会社概要 */
#company table.style01 {
  margin-bottom: 2%;
}
#company table.style01 th {
}
#company table.style01 td th {
  padding: 0;
  background: none;
  border: none;
  font-weight: normal;
}
#company table.style01 td td {
  padding: 0 0 2% 0;
  border: none;
  font-size: 13px;
}

/* 写真 */
#company .textImgBox13 li,
#company .textImgBox13 li .photo {
  padding-bottom: 2%;
}

/* 沿革 */
#history table.style03 {
  margin-bottom: 0;
}
#history table.style03 th {
  padding-bottom: 0;
  border-bottom: none;
  display: block;
  font-weight: 600;
}
#history table.style03 td {
  display: block;
}

/* オフィス紹介 */
#company .textImgBox02 {
  padding-bottom: 0;
}
#company .textImgBox02 th {
}

/* スタッフ紹介 */
#staff .textImgBox10 {
  padding-bottom: 4%;
}
#staff .textImgBox10:last-child {
  padding-bottom: 0;
}
#staff .textImgBox10 .photo img {
  width: 50%;
}
#staff .textImgBox10 .box {
}
#staff .textImgBox10 .box th {
  border: none;
  border-top: 1px solid #ccc;
  display: block;
  font-weight: 600;
}
#staff .textImgBox10 .box td {
  border: none;
  border-top: 1px solid #ccc;
  display: block;
}

/* アクセス
----------------------------------------*/
.accessInfo {
  overflow:hidden;
  font-size: 15px;
}
.accessInfo li {
  padding: 4% 0;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.accessInfo li:nth-child(2n) {
  padding-bottom: 0;
  border: none;
}
.accessInfo p.title {
  padding: 0 0 1% 4%;
  background: url(../images/common/arrow06.png) no-repeat 0 7px;
  background-size: 6px;
  font-weight: 700;
}
.accessInfo p.body {
  padding-bottom: 0;
}

/* 代表挨拶
----------------------------------------*/
#profile {
}
#profile ul.style01 li {
  padding-bottom: 0;
}
#profile .photo {
  padding-bottom: 4%;
}
#profile .textImgBox46 .title {
  margin-bottom: 4%;
  padding: 1% 0 1% 2%;
  border-left: 2px solid #f00;
  line-height: 150%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 18px;
}

/* 不動産鑑定士とは
----------------------------------------*/
#kanteishi {
}
#kanteishi .textImgBox09 {
  padding-bottom: 4%;
}
#kanteishi .textImgBox09 .photo {
  float: left;
}
#kanteishi .textImgBox09 .box {
  float: right;
}
#kanteishi .tableWidthBox01 th.title:nth-child(1) {
  width: 16%;
}
#kanteishi .tableWidthBox01 th.title:nth-child(2),
#kanteishi .tableWidthBox01 th.title:nth-child(3) {
  padding: 1.5% 0;
  width: 42%;
  text-align: center;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 20px;
}


/* 業務案内
----------------------------------------*/
#service {
}
#servicePhoto {
  padding-bottom: 6%;
  text-align: center;
}
#servicePhoto img {
  width: 80%;
}

#service .textImgBox09 {
  padding-bottom: 4%;
}
#service .textImgBox09 .photo {
}
#service .textImgBox09 .box {
}


#yrsiCase03 {
}
#yrsiCase03 {
  margin: 0 auto 4% auto;
  padding: 4%;
  border: 5px solid #efefef;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}
#yrsiCase03 .caseList li {
  padding: 0 0 2% 6%;
  background: url(../images/common/icon01.gif) no-repeat 0 5px;
  background-size: 14px;
  box-sizing: border-box;
}
#yrsiCase03 .caseList li:last-child {
  padding-bottom: 0;
}

/* 鑑定業務一覧 */
#service .textImgBox13 ul.style01 li {
  float: none;
  width: 100%;
}
#service .textImgBox13 li:nth-child(4),
#service .textImgBox13 li:nth-child(5) {
  padding-bottom: 0;
}


/* コンサルティング業務
----------------------------------------*/
#service01 {
}
#service01 .textImgBox09 {
  padding-bottom: 10%;
}
#service01 .textImgBox09 .photo {
}
#service01 .textImgBox09 .photo img {
  margin-bottom: 4%;
  padding: 2%;
  background: #efefef;
  box-sizing: border-box;
  width: 30%;
}
#service01 .textImgBox09 .box {
}

/* 不動産鑑定評価業務
----------------------------------------*/
#service02 {
}
#service02 .textImgBox09 {
  padding-bottom: 10%;
}
#service02 .textImgBox09 .photo {
}
#service02 .textImgBox09 .photo img {
  margin-bottom: 4%;
  width: 30%;
}
#service02 .textImgBox09 .box {
}
#service02 .textImgBox09 .box li {
  padding-bottom: 4%;
}
#service02 .textImgBox09 .box li:last-child {
  padding-bottom: 0;
}
#service02 .textImgBox09:last-child {
  padding-bottom: 0;
}


/* ブログ（ベース）
----------------------------------------*/
#library .pankuzu {
  width: 100%;
}
#libraryArea {
  padding: 0;
}
/* メイン */
#libraryMain {
  margin-bottom: 4%;
}
#libraryMain h2 {
  width: 100%;
  color: #fff;
}

/* カテゴリー */
#libraryMain .textImgBox09 {
  overflow: hidden;
}
#libraryMain .textImgBox09 .photo {
  padding: 2% 0 0 0;
  float: left;
  width: 25%;
  text-align: left;
}
#libraryMain .textImgBox09 .photo img {
  width: 83%;
}
#libraryMain .textImgBox09 .box {
/*  float: right;
  width: 76%;*/
  width: 100%;
}
#libraryMain h3 {
  margin-bottom: 2%;
  padding: 0 0 2% 0;
  border-left: none;
  position: relative;
  font-weight: 600;
  font-size: 17px;
}
#libraryMain h3::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
}
#libraryMain h3::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  border-bottom: 2px solid #DA0015;
  width: 30%;
}
#libraryMain h3 span {
  display: inline;
  font-size: 15px;
}

/* サイドバー */
#librarySide {
  margin-bottom: 6%;
}
#librarySide .innerBox {
  margin-bottom: 8%;
  padding: 6% 4%;
  background: #fff;
  box-sizing: border-box;
  box-shadow: -1px 3px 10px -1px #ccc;
  width: 100%;
}
#librarySide .sideTitle {
  margin-bottom: 4%;
  padding: 0 0 1% 0;
  box-sizing: border-box;
  line-height: 130%;
  font-weight: 600;
  font-size: 16px;
}
/* 新着記事 */
#libraryNew li {
  padding: 4% 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
#libraryNew li .photo {
  float: left;
  width: 20%;
}
#libraryNew li .box {
  float: right;
  width: 76%;
}
#libraryNew a {
  text-decoration: none;
  color: #333;
  font-weight: 600;
}
#libraryNew p {
  padding-bottom: 0;
  line-height: 140%;
}
#libraryNew p.cate {
  color: #999;
  font-size: 0.8vw;
}
#libraryTemplate a.btn {
  margin-bottom: 2%;
  padding: 4% 0;
  background-size: 16px;
  width: 100%;
  font-size: 18px;
}

/* カテゴリー */
#libraryCate li {
  padding: 2.5% 0;
  border-bottom: 1px solid #E8E8E8;
  overflow: hidden;
}
#libraryCate li:last-child {
  padding-bottom: 1%;
  border-bottom: none;
}
#libraryCate li .photo {
  float: left;
  width: 18%;
}
#libraryCate li .photo img {
  object-fit: contain;
  width: 100%;
}
#libraryCate li .box {
  padding-top: 5%;
  float: right;
  width: 76%;
}
#libraryCate a {
  text-decoration: none;
  color: #333;
}


/* ［士業専門］格安ホームページ制作 */
#libraryTemplate {
}
#librarySide .sideTitle {
  margin-bottom: 0;
  font-size: 20px;
}
#libraryTemplate .innerBox {
  padding: 6% 4%;
}
#libraryTemplate .sideTitle .sub {
  font-size: 15px;
}
#libraryTemplate .sideTitle .sub02 {
  color: #DA0015;
  font-size: 26px;
}
#libraryTemplate li {
  padding-bottom: 4%;
}
#libraryTemplate #mainphoto {
  width: 100%;
}
#libraryTemplate #mainphoto #mainBox {
  margin-bottom: 4%;
  float: none;
  width: 94%;
}
#libraryTemplate #mainphoto #mainBox th {
  width: 26%;
  text-align: right;
  line-height: 150%;
  font-size: 13px;
}
#libraryTemplate #mainphoto #mainBox td.priceTd02 {
  padding-right: 0;
  width: auto;
}
#libraryTemplate #mainphoto #mainBox td {
  padding-bottom: 0;
  font-weight: 600;
}
#libraryTemplate #mainphoto #mainBox .price {
  font-size: 26px;
}
#libraryTemplate #mainphoto #mainBox .kakko {
  font-size: 10px;
}
#libraryTemplate #mainphoto #mainBox .small {
  font-size: 10px;
}
#libraryTemplate #mainphoto #mainBox .price02 {
  font-size: 13px;
}
#libraryTemplate #mainphoto #mainBox td.priceTd {
  padding-right: 1%;
  width: 42%;
  font-size: 11px;
}
#libraryTemplate #mainphoto #mainBox td.priceTd .en {
  font-size: 12px;
}
#libraryTemplate #mainphoto #mainBox .en02 {
  font-size: 10px;
}
#libraryTemplate .photo {
  margin: 0 auto;
  padding: 3% 0 3% 0;
  width: 94%;
}
/* タイトル */
#libraryTemplate .title {
  text-align: center;
  font-size: 0.8vw;
}
#libraryTemplate .title span {
  font-weight: 600;
  font-size: 1.0vw;
}
#libraryTemplate a.btn {
  margin-bottom: 2%;
  padding: 4% 0;
  width: 94%;
}

/* ブログ（一覧）
----------------------------------------*/
#libraryList {
}
#libraryList li {
  padding: 4% 0 4% 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
#libraryList li:first-child {
  padding-top: 0;
}
#libraryList .titleData {
  margin-bottom: 2%;
  padding: 0.5% 0;
}
#libraryList p.title {
  padding-bottom: 1.5%;
  line-height: 150%;
}
#libraryList p.title a {
  text-decoration: none;
  color: #333;
  font-weight: 600;
  font-size: 17.5px;
}
/* 日付・カテゴリ */
p.dataBox {
  color: #B1B1B1;
  line-height: 100%;
  font-size: 13px;
}
.dataBox .cate:before {
/*  padding: 0 5px;
  content: "｜";*/
}
.dataBox .cate a {
  text-decoration: none;
  color: #999;
}
#libraryList .text {
  padding-bottom: 0;
  line-height: 150%;
  color: #999;
  font-size: 14px;
}
#libraryList .btn02 {
  padding: 5px 0 3px 0;
  background: #FF8100;
  float: right;
  text-align: center;
  width: 100px;
  color: #fff;
  font-size: 12px;
}
#libraryList a.btn02:hover {
  opacity: 0.7;
}
#h1Box .dataBox .date:before,
#h1Box .dataBox .cate:before {
content: "■";
}
#h1Box .dataBox .cate {
  padding-left: 2%;
}

/* ページャー */
#library #pager {
  margin: 8% 0 1% 0;
}

/* ブログ（個別）
----------------------------------------*/
#libraryShow {
  margin: 0 auto;
/*  padding: 4% 0;
  width: 90%;*/
}
#libraryShow .innerBoxShow {
  padding: 0 1% 8% 1%;
}
#libraryShow .innerBoxShow:first-child {
  padding-top: 2%;
}
#libraryShow .innerBoxShow p {
  padding-bottom: 6%;
}
#libraryShow .libraryTitle {
  padding-bottom: 1.5%!important;
  line-height: 130%;
  font-weight: 600;
  font-size: 19px;
}
#libraryShow .textImgBox09 {
  padding-top: 2%;
}
#libraryShow .textImgBox09 .photo {
  float: none;
  width: 100%;
  text-align: center;
}
#libraryShow .textImgBox09 .photo img {
  width: 60%;
}
#libraryShow .textImgBox09 .photo a.btn {
  margin-top: -15px;
  background-image: none;
  border-radius: 50px;
  width: 60%;
  font-size: 13px;
}
#libraryShow .textImgBox09 .box {
  float: none;
  width: 100%;
}
#libraryShow .textImgBox09 .box p.title {
  padding-bottom: 0;
  line-height: 110%;
  font-weight: 600;
  font-size: 18px;
}
#libraryShow .textImgBox09 .box .sub {
  margin-bottom: 2%;
  padding-bottom: 2%;
  border-bottom: 1px solid #ccc;
  font-weight: 600;
  font-size: 15px;
}
#libraryShow .textImgBox09 .box .profile {
  line-height: 160%;
  font-size: 13px;
}
#libraryShow .textImgBox09 .box .sub02 {
  padding-bottom: 0;
  font-weight: 600;
  font-size: 13.5px;
}

/* 続きを読む */
#libraryShow .grad-wrap {
  line-height: 150%;
  font-size: 13px;
}
#libraryShow .grad-btn {
  /*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ。*/
}
#libraryShow .grad-btn::before {
  display: block;
  text-align: center;
  content: "続きを読む";
  color: #00f;
}
#libraryShow .grad-item {
  position: relative;
  overflow: hidden;
  height: 80px; /*隠した状態の高さ*/
}
#libraryShow .grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
#libraryShow .grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
#libraryShow .grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/
}
#libraryShow .grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
#libraryShow .grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

/* 印象に残った言葉【引用】 */
#libraryMain blockquote {
  margin-bottom: 3.5%;
  padding: 4% 8%;
  background: #f3f3f3;
  position: relative;
}
#libraryMain blockquote:first-of-type {
  margin-top: 4%;
}
#libraryMain blockquote:last-of-type {
  margin-bottom: 0;
}
#libraryMain blockquote::before {
  content: "“";
  position: absolute;
  top: 10%;
  left: 2%;
  color: #999;
  font-size: 30px;
}
#libraryMain blockquote::after {
  content: "”";
  position: absolute;
  bottom: -4%;
  right: 2%;
  color: #999;
  font-size: 30px;
}

/* SNSボタン */
#libraryMain #socialBtn {
  overflow: hidden;
}
#libraryMain #socialBtn li {
  padding-right: 2%;
  float: left;
  width: 22%;
}
#libraryMain #socialBtn a {
  padding: 6px 0 5px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  line-height: 150%;
  font-weight: 600;
  font-size: 12px;
}
#libraryMain #socialBtn li#twitter a {
  background: #1ea1f2;
}
#libraryMain #socialBtn li#fb a {
  background: #4267b2;
}
#libraryMain #socialBtn li#line a {
  background: #01b833;
}

/* この記事を書いた人 */
#libraryProfile {
  margin-bottom: 4%;
  padding: 20px;
  border: 1px solid #ccc;
  overflow: hidden;
}
#libraryProfile .photo {
  margin: 0 auto;
  width: 100px;
}
#libraryProfile .photo img {
  width: 100%;
}
#libraryProfile .box {
  font-size: 12px;
}
#libraryProfile .box p {
  line-height: 150%;
}
#libraryProfile .box p.title {
  text-align: center;
  color: #aaa;
  font-size: 12px;
}
#libraryProfile .box p.sub {
  padding-bottom: 2%;
  text-align: center;
  font-size: 16px;
}

/* あわせて読みたい記事 */
#libraryAwasete {
}
#libraryAwasete .contentsBox {
  padding-top: 1%;
}
h3.style01 {
  padding-left: 20px;
}
#libraryAwasete ul {
  margin: 0 1%;
}
#libraryAwasete li {
  padding: 4% 0 4% 5%;
  background: url(../images/common/arrow12.png) no-repeat 1% 22px;
  background-size: 1.5%;
  border-bottom: 1px solid #ccc;
  list-style-type: none;
  overflow: hidden;
  line-height: 140%;
}
#libraryAwasete li a {
  text-decoration: none;
}
#libraryAwasete li .date {
  color: #aaa;
  font-size: 12px;
}
#libraryAwasete li .title {
}
#libraryAwasete li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}


/* シリコン洗浄
----------------------------------------*/
#silicon {
}
#silicon th {
}
#silicon table p.title {
  padding-bottom: 0;
  font-weight: 600;
}
#silicon table ol {
  margin: 0 0 2% 12%;
}
#silicon table li {
  padding-bottom: 0;
}
#silicon .textImgBox06 li .photo {
  margin-bottom: 2%;
}
#silicon .textImgBox06 .title {
  padding-bottom: 0;
  font-weight: 600;
}
#silicon .textImgBox13 li .photo {
}
#silicon .textImgBox13 .title {
  padding-bottom: 0;
  text-align: center;
}

/* お問い合わせエリア
----------------------------------------*/
#contactArea {
  padding: 8% 4%;
  background: #33B7EF;
  color: #fff;
}
#contactArea h3 {
  padding: 0 0 4% 0;
  color: #fff;
  font-size: 19px;
}
#contactArea .box {
}
#contactArea .textBox {
  padding-bottom: 4%;
}
#contactArea .textBox li {
  padding: 0 0 5px 20px;
  background: url(../images/common/arrow09.png) no-repeat 0 2px;
  background-size: 15px;
}
#contactArea .contactAreaBox {
  text-align: center;
}
#contactArea .title {
  padding-bottom: 2%;
  line-height: 100%;
  font-weight: bold;
  font-size: 19px;
}
#contactArea .tel {
  padding-bottom: 5px;
}
/* 2行目 */
.contactCheckbox {
  float: left;
  width: 5%;
}
.contactCheckboxText {
  float: right;
  width: 95%;
}
td.block label {
  overflow: hidden;
  display: block;
}
td.block br {
  display: none;
}

/* お問い合わせ
----------------------------------------*/
#contact {
}
#contact h2 {
  color: #fff;
}
#contact .innerBox {
  padding-bottom: 0;
}
#contact #h2Box {
  margin-bottom: 4%;
}
#contact #h2Box .photo {
  right: 5px;
}
#contact .contentsBox {
  padding-bottom: 4%;
}
/* 電話番号 */
#contact .contactTelBox02 {
  text-align: center;
}
#contact .contactTelBox02 .time {
  padding: 5px 0 4% 0;
  display: block;
  line-height: 140%;
  font-size: 14px;
}

/* メールフォーム */
#contactForm {
  margin-bottom: 4%;
  padding: 4%;
  border: 5px solid #efefef;
}
#contact th {
  padding-top: 2%;
  background: #fff;
  display: block;
  font-weight: bold;
  color: #333;
}
#contact th span {
}
#contact table span.small {
  line-height: 140%;
  font-weight: normal;
  font-size: 12px;
}
#contact td span.small {
  margin-top: 10px;
}
#contact td {
  padding: 1.5% 0 4% 0;
  display: block;
  line-height: 170%;
}
#contact tr:last-child td {
  border-bottom: none;
}
#contact td p {
  padding-top: 5px;
  padding-bottom: 0;
  line-height: 170%;
}
#contact td .underLine {
  border-color: #f00;
}
#contact td.plan {
  font-size: 15px;
}
#contact td.submit {
  padding-top: 2%;
  text-align: center;
  font-size: 14px;
}
#contact td.submit p {
  padding-bottom: 6%;
}

/* koteiBox
----------------------------------------------------------*/
#koteiBox {
  margin:0 auto;
  display: none;
  position: fixed;
  bottom: 0;
/*  right: 0;*/
  text-decoration:none;
  text-align:center;
  z-index:1000;
  opacity:1.0;
  width: 100%;
}
#koteiBox .innerBox {
  padding: 0;
}
#koteiBox .box {
  background: #da0015;
  clear: both;
  width: 100%;
}
#koteiBox ul {
  overflow:hidden;
}
#koteiBox li span.sub {
  display: block;
  line-height: 140%;
  font-size: 14px;
}
#koteiBox li img {
  width:100%;
}
#koteiBox .menu {
  padding: 0 2% 2% 0;
  float: right;
  width: 54px;
  height: 54px;
}
#koteiBox .innerBox {
  overflow:visible;
}

/* contactBtnArea */
/*
#home #contactBtnArea {
  padding: 4% 0 8% 0;
}
#contactBtnArea {
  padding: 0 0 8% 0;
  background: #f3f3f3;
  text-align: center;
}
#contactBtnArea p {
  padding-bottom: 2%;
  line-height: 150%;
  font-weight: 600;
  font-size: 16px;
}
#contactBtnArea a.btn {
  margin: 0 auto;
  padding: 4.5% 0;
  background: #da0015 url(../images/common/arrow05.png) no-repeat 94% 50%;
  background-size: 20px;
  box-shadow: none;
  display: block;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  width: 92%;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
*/


/* contactBtnArea
----------------------------------------------------------*/
#contactBtnArea {
  padding: 4%;
  background: #333 url(../images/common/contact_bg.jpg) no-repeat;
  text-align: center;
}
#contactBtnArea p.title {
  padding-bottom: 4%;
  color: #fff;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 22px;
}
#contactBtnArea p.lead {
  padding-bottom: 2%;
  text-align: left;
  color: #fff;
  line-height: 170%;
}
#contactBtnArea ul {
  margin: 0 auto;
  padding: 4% 4% 0 4%;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
#contactBtnArea li {
  padding-bottom: 4%;
}
#contactBtnArea li p.tel {
  padding-bottom: 0;
  line-height: 120%;
}
#contactBtnArea li .tel a {
  padding-left: 9%;
  background: url(../images/common/icon_tel.png) no-repeat 0 20%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 24px;
}
#contactBtnArea li p.date {
  font-size: 14px;
}
#contactBtnArea a.btn {
  margin: 0 auto;
  padding: 6% 0;
  box-sizing: border-box;
  background: #da0015 url(../images/common/arrow05.png) no-repeat 94% 50%;
  background-size: 20px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}




}



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

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

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

body {
  font-size: 1.2vw;
  line-height: 180%;
}

.large {
  font-size: 26px;
}

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

.small {
  font-size: 0.9vw;
}
.middle {
  font-size: 1.0vw;
}
.big {
  font-weight: 600;
  font-size: 1.4vw;
}
/* P */
p {
  padding:0 0 4% 0;
  line-height: 180%;
}
p.last,
p:last-child {
  padding-bottom: 0;
}
.spaceBox {
  padding-bottom: 20px;
}
.indentBox {
  padding-bottom: 20px;
  padding-left:1em;
  text-indent:-1em;
}

/* PC版の発信リンクを無効にする */
a.telLink {
  pointer-events:none;
  text-decoration:none;
}
a[href*="tel:"] {
  pointer-events: none;
  text-decoration: none;
  color: #333;
}


/* サイズ調整用 */
a.btn,
a.btn02 {
  padding: 0.8vw 0;
  width: 25%;
  font-size: 1.2vw;
}
a.btn30 {
  width:30%;
}
a.btn40 {
  width:40%;
}
a.btn50 {
  width:50%;
}
a.btn60 {
  width:60%;
}
a.btn70 {
  width:70%;
}


/* 画像回り込み */
.photoL {
  padding: 0 30px 30px 0;
  box-sizing: border-box;
  width: 38%;
  float: left;
}
.photoR {
  padding: 0 0 30px 30px;
  box-sizing: border-box;
  width: 38%;
  float: right;
}
.photoL p,
.photoR p {
  padding-top: 5px;
  text-align: center;
}
.photoL img,
.photoR img {
  width: 100%;
}


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

.pcbrNone br{
  display:none;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼　必ず設定する　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
------------------------------------------------------------------------------------------------------------------------------------------*/
/* ベースの横幅
----------------------------------------------------------*/
.innerBox {
  margin: 0 auto;
  padding-bottom: 10%;
}
.innerBox02 {
  margin:0 auto;
  padding:50px 70px 35px 70px;
  box-sizing: border-box;
  background: #fff;
  width:1450px;
}
.innerBox02 h3 {
  padding-bottom: 30px;
}
.colorBox {
  margin-bottom: 20px;
  padding: 30px 40px;
  background: #f5faea;
}

/* borderBox01
----------------------------------------------------------*/
.borderBox01 {
  padding: 2% 3%;
  box-sizing: border-box;
  border:1px solid #ccc;
}
.borderBox01 p.title {
  padding-bottom:20px;
  text-align:center;
  font-weight:bold;
  font-size:24px;
}



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


/* 背景色
----------------------------------------------------------*/
.innerBoxColor01 {
  background: #F6F6F6;
}
.innerBoxColor01 .innerBox {
  padding-bottom: 40px;
}
.innerBoxColor02 {
  margin-bottom: 60px;
  padding: 10px 0;
  border-top: 1px solid #33B7EF;
  border-bottom: 1px solid #33B7EF;
  background: #EEF8FF;
  color: #fff;
}


/* パンくずリスト
----------------------------------------------------------*/
#breadcrumbs {
  font-weight: 500;
  font-size: 0.8vw;
}
#breadcrumbs {
  margin:0 auto;
  padding: 0.5% 0 4% 0;
  text-align: right;
}
#breadcrumbs .innerBox {
  padding-bottom:0;
}
#breadcrumbs li {
  display:inline;
}
#breadcrumbs a {
  padding:0 1.5% 0 0;
  background:url(../images/common/topic_path.gif) no-repeat 97% 50%;
  text-decoration: none;
  color: #333;
}

/* ヘディングタグ
----------------------------------------------------------*/
#h1Box {
  margin: 0 auto;
  padding: 6% 0 4% 0;
  background: url(../images/h1_bg.png) no-repeat;
  background-size: cover;
  text-align: center;
}
#h1Box h1 {
  color: #fff;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 2.9vw;
}
#h1Box p {
  padding: 0;
  line-height: 100%;
}
#h1Box p span {
  color: #fff;
  font-size: 0.8vw;
}
h2 {
  padding-bottom: 4%;
  box-sizing: border-box;
  background: none;
  position: relative;
  text-align: center;
  width: 100%;
  color: #000;
  line-height: 100%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 2.3vw;
}
h3 {
  margin-bottom: 1.5vw;
  padding: 0.7vw 0 0.7vw 1.0vw;
  border-left: 0.2vw solid #333366;
  line-height: 150%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 1.6vw;
}
.contentsBox02 h3 {
  margin: 0;
  padding: 0 0 60px 0;
  background: none;
  position: relative;
  text-align:center;
  width: auto;
  color: #666;
  line-height: 100%;
  font-weight: 500;
  font-size: 42px;
}
.contentsBox02 h3:after {
  display: none;
}
h3 span {
}
h3 span.style01 {
  display: inline;
  font-size: 42px;
}
h3.style02 {
  line-height: 100%!important;
}
h3.style02 span {
  margin-left: 20px;
  padding: 5px 20px 2px 20px;
  border: 1px solid #f00;
  display: inline;
  vertical-align: middle;
  color: #f00;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 26px;
}

h4 {
  padding-bottom: 1%;
  font-weight: bold;
}
h4 span {
  padding-left: 20px;
  font-size: 24px;
}

h4.style02 span {
  margin-left: 10px;
  padding: 5px 15px 2px 15px;
  border: 1px solid #f00;
  display: inline;
  vertical-align: middle;
  color: #f00;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 22px;
}

h5 {
  padding: 20px 0 10px 0;
  font-weight: bold;
}
h5:first-child {
  padding-top: 0;
}
h5.style01 {
  color: #ff9900;
}

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

/* textImgBox01
----------------------------------------*/
.textImgBox01 {
  overflow:hidden;
}
.textImgBox01 li {
  padding:0 4% 3% 0;
  float:left;
  width:48%;
}
.textImgBox01 li:nth-child(2n) {
  padding-right:0;
}
.textImgBox01 li:nth-child(2n+1) {
  clear:both;
}
.textImgBox01 li .photo {
  float:left;
  width: 26%;
}
.textImgBox01 li .photo img {
  width:100%;
}
.textImgBox01 li .box {
  float:right;
  width: 70%;
}
.textImgBox01 li .box a.btn {
  float: right;
}
.textImgBox01 span.date {
  padding: 5px 10px;
  background: #e5eeef;
  line-height:200%;
  font-size:16px;
}
.textImgBox01 p.title {
  padding:15px 0 5px 0;
  line-height:140%;
  font-weight:bold;
  font-size:22px;
}
.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: 2%;
}
.textImgBox02 li .photo img {
  width:100%;
}
.textImgBox02 p.title {
  padding-bottom: 2%;
  line-height: 150%;
  font-weight: 600;
  font-size: 1.4vw;
}
.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 {
  margin-bottom:15px;
  border: 10px solid #fff;
  box-sizing: border-box;
}
.textImgBox04 li .photo img {
  width:100%;
}
.textImgBox04 p {
  line-height:140%;
}
.textImgBox04 li p.title {
  padding-bottom: 10px;
  font-weight: 600;
}
.textImgBox04 p.sub {
  padding-bottom:0;
  font-size:12px;
}
.textImgBox04 p.name span {
  padding-left:5px;
  font-size:12px;
}
.textImgBox04 p.catch {
}

/* 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 {
  margin-bottom:5px;
  position: relative;
}
.textImgBox06 li .photo img {
  width:100%;
}
.textImgBox06 li p.title {
  padding-bottom:0;
  text-align:center;
}
/* 拡大ボタン */
.textImgBox06 li .photo img.plusBtn {
  position: absolute;
  right: 0;
  bottom: 0;
  width:40px;
}
/* body */
.textImgBox06 li .body {
  background: #333;
  color: #fff;
}
.textImgBox06 li .body {
}

/* 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:right;
  width:38%;
  text-align: center;
  font-weight: bold;
}
.textImgBox09 .photo img {
  width:100%;
}
.textImgBox09 .box {
  float:left;
  width: 59%;
}
.textImgBox09 .box p.title {
  padding-bottom: 3%;
  line-height: 150%;
  font-weight: bold;
  font-size: 1.4vw;
}
.textImgBox09 .box p.sub {
  padding-bottom:2%;
  font-weight: 600;
  font-size: 1.1vw;
}
.textImgBox09 .name {
  text-align:right;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 1.6vw;
}
.textImgBox09 .name span {
  padding-right: 2%;
  font-size: 0.9vw;
}

/* 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: 1%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
  font-size: 1.6vw;
}
.textImgBox10 .box p.sub {
  padding-bottom:10px;
	font-weight: 600;
  font-size:20px;
}
.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: 1%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 1.6vw;
}
.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: 15px;
}
.textImgBox12 li .photo img {
  width:100%;
}
.textImgBox12 li p.title {
  padding-bottom: 8px;
  text-align:center;
  font-weight: bold;
}
.textImgBox12 li p.text {
  text-align: center;
  line-height: 140%;
  font-size:17px;
}


/* textImgBox13
----------------------------------------*/
.textImgBox13 {
  overflow:hidden;
}
.textImgBox13 li {
  padding:0 2% 30px 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: 7%;
}
.textImgBox13 li .photo img {
  width:100%;
}
.textImgBox13 p.title {
  padding-bottom: 4%;
  line-height: 170%;
  font-weight:600;
  font-size:1.3vw;
}
.textImgBox13 p.sub {
  padding-bottom:5px;
  display:block;
  font-weight:normal;
  font-size:12px;
}
.textImgBox13 .body {
}
.textImgBox13 .body p {
  padding-bottom: 4%;
  line-height: 140%;
}


/* textImgBox14
----------------------------------------*/
.textImgBox14 {
  overflow:hidden;
}
.textImgBox14 li {
	margin-right: 2%;
	padding: 60px 60px;
	box-sizing: border-box;
	background: #fff;
  float:left;
  width:32%;
}
.textImgBox14 li:nth-child(3n) {
  margin-right:0;
}
.textImgBox14 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox14 li p.title {
  margin-bottom:40px;
	padding: 2px 0;
	background: #333;
	border-radius: 30px;
  text-align:center;
  color:#fff;
  font-weight:bold;
  font-size:20px;
}
.textImgBox14 li .photo {
  text-align:center;
}
.textImgBox14 li .photo img {
  text-align:center;
  width:100%;
}
.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% 20px 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;
  line-height: 100%;
  font-size:14px;
}
.textImgBox16 li .box p.name {
  line-height: 140%;
  font-weight: 500;
  font-size:22px;
}
.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: 15%;
  text-align: center;
  font-weight: 600;
}
.textImgBox20 p.number span.number {
  color: #da0015;
  line-height:90%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 4vw;
}
.textImgBox20 p.number span {
  display:block;
  color: #666;
  line-height:140%;
  font-size: 1.5vw;
}
.textImgBox20 li {
  padding:2% 0;
  border-bottom:1px solid #ccc;
  overflow:hidden;
}
.textImgBox20 li:first-child {
  padding-top: 0;
}
.textImgBox20 li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
/*
.textImgBox20 li .photo {
  float:right;
  width:25%;
}
.textImgBox20 li .photo img {
  width:100%;
}*/
.textImgBox20 li .body {
  float:right;
  width: 83%;
}
.textImgBox20 li .title {
  padding-bottom: 1%;
  font-weight: 600;
  font-size: 1.5vw;
}


/* 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: 15px 0 20px 0;
  background: url(../images/common/arrow08.png) no-repeat 50% 86%;
  border: 2px solid #2B7EE0;
  border-radius: 8px;
  text-align: center;
  display:block;
  text-decoration:none;
  color: #2B7EE0;
  font-weight: bold;
}
.textImgBox21 li a:hover {
  opacity: 0.9;
}

/* 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:#006ebb url(../images/bg01.png) no-repeat right bottom;
  background-size:50%;
  float:left;
  text-align:center;
  width:32%;
}
.textImgBox23 li:nth-child(3n) {
  margin-right:0;
}
.textImgBox23 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox23 span {
  display:block;
  color: #fff;
  font-weight: 600;
  font-size:22px;
}


/* 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 {
  padding: 50px 0;
  background:#36adc9;
}
.textImgBox25 ul {
  margin: 0 auto;
  overflow:hidden;
  width: 90%;
}
.textImgBox25 li {
  padding-right: 2%;
  float:right;
  width:46%;
}
.textImgBox25 li#telBox {
  float:left;
  width:50%;
}
.textImgBox25 li:nth-child(2n) {
  padding-right:0;
}
.textImgBox25 li:nth-child(2n+1) {
  clear:both;
}
.textImgBox25 li .photo {
}
.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 {
  margin: 0 auto;
  padding-bottom:0;
  width:1450px;
}
.textImgBox25 a:hover {
  background: #fff;
  border-radius: 10px;
  display: block;
}

/* 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:2px 5px;
    background:#006ebb none repeat scroll 0% 0%;
    line-height:220%;
    color:#fff;
}
.textImgBox26 .box p.title {
  padding-bottom:10px;
  font-weight: bold;
  font-size:32px;
}
.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 .photo {
  position: relative;
  width: 100%;
}
.textImgBox26 .thum li img {
  width:100%;
}
.textImgBox26 .thum li img.plusBtn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
}
.textImgBox26 .thum li p.title {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
  clear: both;
  line-height: 120%;
  font-size: 12px;
}


/* 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 {
  padding-bottom: 20px;
}
.textImgBox28 li {
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
  overflow:hidden;
}
.textImgBox28 li:first-child {
  padding-top: 0;
}
.textImgBox28 li:last-child {
  border-bottom:none;
}
.textImgBox28 p {
  padding-bottom:0;
}
.textImgBox28 p.date {
  float:left;
  width:13%;
  font-family: 'Oswald', sans-serif;
}
.textImgBox28 p.icon {
	margin-top: 2px;
  float:left;
  width:20%;
  text-align:center;
  color:#fff;
}
.textImgBox28 p.title {
  float:right;
  width: 84%;
}

/* 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 {
  padding-bottom: 4%;
  overflow:hidden;
}
.textImgBox35 p.num {
  padding: 0;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 2;
  color: #efefef;
  line-height: 100%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 9.0vw;
}
.textImgBox35 li:nth-child(2) p.num,
.textImgBox35 li:nth-child(3) p.num {
  color: #fff;
}
.textImgBox35 p.sub {
  padding-bottom: 4%;
  line-height: 100%;
}
.textImgBox35 .sub span {
  color: #ccc;
  font-weight: 600;
  font-size: 0.7vw;
}
.textImgBox35 p.title {
  padding-bottom: 0;
  position: relative;
  z-index: 5;
  line-height: 100%;
  font-weight: 600;
  font-size: 1.7vw;
}
.textImgBox35 .photo {
  float:left;
  width: 52%;
}
.textImgBox35 .photo img {
  width:100%;
}
.textImgBox35 .box {
  padding: 1.5% 6% 2.5% 4%;
  background: url(../images/bg02.png) no-repeat bottom;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 42%;
}
.textImgBox35 .box a.btn {
  width: 50%;
}

/* 偶数行の背景色を変更 */
.textImgBox35 li:nth-child(2n) {
}
.textImgBox35 li:nth-child(2n) .photo {
  float:right;
}
.textImgBox35 li:nth-child(2n) .box {
  padding: 1.5% 4% 2.5% 12%;
  width: 48%;
}

/* textImgBox36
----------------------------------------------------------*/
.textImgBox36 {
  margin:0 auto;
  width:760px;
}
.textImgBox36 li {
  overflow:hidden;
}
.textImgBox36 li p.date {
  margin-top: 30px;
  padding:4px 0 0 0;
  background:#e5eeef;
  border-radius:2px;
  text-align:center;
  float:left;
  width:12%;
  font-family: 'Oswald', sans-serif;
  line-height: 200%;
}
.textImgBox36 li p.title {
  padding: 30px 0 10px 0;
  float:right;
  width:86%;
  color:#355ca7;
  font-weight: 600;
  font-size:20px;
}
.textImgBox36 li .box {
  padding-bottom: 30px;
  border-bottom: 1px dashed #ccc;
  clear:both;
}

.textImgBox36 li:first-child p.date,
.textImgBox36 li:first-child p.title {
  margin-top: 0;
  padding-top: 0;
}
.textImgBox36 li:last-child .box {
  padding-bottom:0;
  border-bottom: none;
}

/* textImgBox37
----------------------------------------*/
.textImgBox37 {
  overflow:hidden;
}
.textImgBox37 li {
  padding:0 2% 4% 0;
  float:left;
  width:32%;
}
.textImgBox37 li:nth-child(3n) {
  padding-right:0;
}
.textImgBox37 li:nth-child(3n+1) {
  clear:both;
}
.textImgBox37 li .photo {
}
.textImgBox37 li .photo img {;
  width:100%;
}
.textImgBox37 p.title {
  padding-bottom:5px;
  color:#248aca;
  font-weight:bold;
  font-size:20px;
}
.textImgBox37 p.sub {
  padding-bottom:0;
  display:block;
  line-height: 100%;
  font-weight:normal;
  font-size:12px;
}
.textImgBox37 .body {
  padding-bottom: 10px;
}
.textImgBox37 .box {
  padding: 30px 30px 20px 30px;
  background: #fff;
}

/* 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:4% 0 4% 6%;
  border:1px solid #ccc;
  background:#fff url(../images/common/arrow01.gif) no-repeat 96% 50%;
  display:block;
  text-decoration:none;
  font-weight: 600;
}
.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-bottom: 2%;
  padding: 0.3% 0 0.3% 1.5%;
  border-left: 4px solid #DA0015;
  overflow:hidden;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 1.6vw;
}
.textImgBox46 p.title:first-child {
  margin-top:0;
}

/* 左画像 */
.textImgBox46 .photoL {
  width: 50%;
  float: left;
  padding: 0 2% 2% 0;
}
.textImgBox46 .photoL img {
  width: 100%;
}

/* 右画像 */
.textImgBox46 .photoR {
  width: 50%;
  float: right;
  padding: 0 0 2% 2%;
}
.textImgBox46 .photoR img {
  width: 100%;
}

/* 横幅いっぱい画像 */
.textImgBox46 .photo {
  padding-bottom: 2%;
  width: 100%;
}
.textImgBox46 .photo img {
  width: 100%;
}

.textImgBox46 .box {
    width: 50%;
    float: right;
    color: #fff;
  margin-top: 50px;
}
.textImgBox46 ul.style01 {
  margin-bottom: 3.5%;
}



/* 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;
  padding-bottom: 20px;
  width: 1100px;
  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;
  padding-bottom: 20px;
  width: 1100px;
  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:#ffd700;
  border-radius:30px;
  box-sizing: border-box;
  float:left;
  text-align:center;
  width:12%;
  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%;
  color: #248aca;
}
.textImgBox52 p.text {
	float: right;
	clear: both;
	width: 86%;
	font-weight: normal;
	font-size: 16px;
}

/* 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: #333366;
  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: #ebebfe;
  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: #333366 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 {
  text-align:center;
  font-size: 1.0vw;
}
#pager a {
  margin: 0;
  padding: 1.2% 1.7%;
  border:1px solid #333;
  background:#333;
  display: inline-flex;
  text-decoration:none;
  color:#fff;
  font-size: 1.2vw;
}
#pager a:hover {
  opacity:0.9;
}
/* カレント */
#pager span.current {
  margin: 0;
  padding: 1.2% 1.7%;
  border:1px solid #333;
  background:#fff;
  display: inline-flex;
  text-decoration:none;
  color:#333;
  font-size: 1.2vw;
}

/* 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 {
  padding-bottom: 3%;
  text-align:center;
}

/* アコーディオン
----------------------------------------------------------*/
.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: 4%;
  width:100%;
}
table.style01 th {
  padding: 1.5% 2%;
  background: #ebebfe;
  border:1px solid #ccc;
  vertical-align:top;
  font-weight: bold;
}
table.style01 th.title {
  color:#333;
}
table.style01 td {
  padding: 1.5% 2%;
  background: #fff;
  border:1px solid #ccc;
  vertical-align:top;
}

/* [TABLE] style02
----------------------------------------------------------*/
table.style02 {
  margin-bottom:20px;
  width:100%;
}
table.style02 th {
  padding:15px 20px;
  border: 1px solid #ccc;
  text-align: center;
  font-weight: 600;
}
table.style02 td {
  padding:15px 20px;
  border: 1px solid #ccc;
}

/* 偶数行の背景色を変更 */
table.style02 tr:nth-child(even) th,
table.style02 tr:nth-child(even) td {
  background:#efefef;
}

/* 奇数行の背景色を変更 */
table.style02 tr:nth-child(odd) th,
table.style02 tr:nth-child(odd) td {
  background:#fff;
}

/* [TABLE] style03
----------------------------------------------------------*/
table.style03 {
  margin-bottom: 4%;
  width:100%;
}
table.style03 th {
  padding: 1%;
  border-bottom :1px solid #ccc;
  vertical-align:top;
  font-weight: 600;
}
table.style03 th.title {
  background:#efefef;
}
table.style03 td {
  padding: 1%;
  border-bottom :1px solid #ccc;
  vertical-align:top;
}

/* [TABLE] style04
----------------------------------------------------------*/
table.style04 {
  margin-bottom:20px;
  width:100%;
}
table.style04 th {
  padding:15px 20px;
  border: 1px solid #ccc;
}
table.style04 td {
  padding:15px 20px;
  border: 1px solid #ccc;
}
table.style04 .bg01 {
  background:#fce5e7!important;
}
table.style04 .bg02 {
  background:#fef2f3!important;
}

/* 偶数行の背景色を変更 */
table.style04 tr:nth-child(even) th,
table.style04 tr:nth-child(even) td {
  background:#fef2f3;
}

/* 奇数行の背景色を変更 */
table.style04 tr:nth-child(odd) th,
table.style04 tr:nth-child(odd) td {
  background:#fce5e7;
}

/* [TABLE] style05
----------------------------------------------------------*/
table.style05 {
  margin-bottom:20px;
  width:100%;
}
table.style05 th {
  padding:15px 20px;
  border: 1px solid #ccc;
}
table.style05 td {
  padding:15px 20px;
  border: 1px solid #ccc;
}

/* 偶数行の背景色を変更 */
table.style05 tr:nth-child(even) th,
table.style05 tr:nth-child(even) td {
  background:#f5faea;
}

/* 奇数行の背景色を変更 */
table.style05 tr:nth-child(odd) th,
table.style05 tr:nth-child(odd) td {
  background:#e5f5c2;
}

/* [TABLE] style06
----------------------------------------------------------*/
table.style06 {
  margin-bottom:20px;
  width:100%;
}
table.style06 th {
  padding:15px 20px;
  border:1px solid #ccc;
  vertical-align:top;
}
table.style06 td {
  padding:15px 20px;
  border:1px solid #ccc;
  vertical-align:top;
}
table.style06 .bg th,
table.style06 .bg td {
  background: #ffffcb;
}

/* [UL] style01
----------------------------------------------------------*/
ul.style01 {
  margin-left: 0.5%;
  list-style-type: none;
}
ul.style01 li {
  padding: 0 0 0.5vw 0.7vw;
  background: url(../images/common/arrow12.png) no-repeat 0 0.8vw;
  background-size: 0.2vw;
  line-height: 180%;
}

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

/* [OL] style02
----------------------------------------------------------*/
ol.style02 {
  counter-reset:num;
  list-style-type: none!important;
  padding:0;
  margin:0;
}
ol.style02 li {
  position: relative;
  padding-left: 1%;
/*  line-height: 1.5em;*/
  padding: 0 0 1% 2.5%;
}

ol.style02 li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display:inline-block;
  background:transparent;
  border:#555 1px solid;
  color: #555;
  font-size: 0.8vw;
  border-radius: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 160%;
  text-align: center;
  top: 8%;
}

/* [OL] style03
----------------------------------------------------------*/
ol.style03 {
}
ol.style03 li {
  padding-bottom:1%;
  padding-left:2%;
  text-indent:-2%;
}
ol.style03 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 {
  margin-bottom: 20px;
  width:100%;
}
.mapBtn {
  display:none;
  text-align:center;
}
.mapBtn img {
  width:70%;
}

/* contents
----------------------------------------*/
#contents {
  margin: 0 auto;
  width: 75%;
}
.contentsBox {
  margin: 0 auto 3% auto;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
  width: 75%;
}
.contentsBox02 {
  margin: 0 auto 3% auto;
  box-sizing: border-box;
  width: 70%;
}
#template .contentsBox02,
#work .contentsBox02 {
  padding-top: 0;
}
#home02work #work .contentsBox02 {
  padding-top: 2.5%;
}

/* パンくずリスト
----------------------------------------------------------*/
#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;
}


/* tableWidthBox01
----------------------------------------------------------*/
.tableWidthBox01 {
    width: 100%;
    overflow-x: auto;
}
.tableWidthBox01 table{
    width: 100%;
}
.tableWidthBox01 th.title {
  padding: 0.5% 0;
  border:1px solid #fff;
  background:#3266FF;
  text-align: center;
  color:#fff;
}
.tableWidthBox01 th {
  padding: 1%;
  border:1px solid #3266FF;
  background:#E2E9FF;
  font-weight: 600;
}
.tableWidthBox01 td {
  padding: 1%;
  border:1px solid #3266FF;
  vertical-align:top;
}
/* 注釈 */
p.annotation {
  display:none;
}


/* プライバシーポリシー
----------------------------------------------------------*/
#privacy,
#tos {
}
#privacy p,
#tos p {
  padding-bottom: 1%;
}
#privacy ol.style01 li,
#tos ol.style01 li {
  padding-bottom: 1%;
}
/* style03 */
#privacy ol.style03,
#tos ol.style03 {
  padding-top: 0.5%;
}
#privacy ol.style03 li,
#tos ol.style03 li {
  padding-bottom: 0.5%;
}
#privacy ol.style01 li ol.style03,
#tos ol.style01 li ol.style03 {
  padding-top: 0.5%;
}
#privacy ol.style01 li ol.style03 li,
#tos ol.style01 li ol.style03 li {
  padding-bottom: 0.5%;
}


/* dateBox（共通）
----------------------------------------------------------*/
.dateBox {
  margin:0 auto 1% auto;
  overflow:hidden;
  line-height:170%;
  font-size: 0.8vw;
}
.dateBox li.date {
  padding-right:30px;
  float:left;
}
.dateBox li.icon {
  float:left;
}
.dateBox li.icon a {
  padding: 2px 20px 1px 20px;
}


/* 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% 4% 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;
}
footer#footerType03 .innerBox {
  margin: 0 auto;
  padding-bottom:0;
  overflow: hidden;
  width: 80.7%;
}
footer#footerType03 .box01 {
  padding: 4% 0 2.5% 0;
  background: #111;
  overflow:hidden;
}
footer#footerType03 #footerLogo {
  padding-bottom: 8%;
  width: 90%;
}
/* 住所 */
footer#footerType03 address {
  float:left;
  width: 25%;
  color: #fff;
}
footer#footerType03 address dt {
  padding-bottom: 8%;
  font-size: 0.9vw;
}
footer#footerType03 address dd {
  padding-bottom: 4%;
  background:none;
  line-height: 150%;
  font-size: 1.1vw;
}
footer#footerType03 address dd p {
  padding-bottom: 0;
}
footer#footerType03 address a {
}
/* SNS */
#snd {
  overflow: hidden;
}
#sns li {
  padding-right: 1%;
  float: left;
}
#sns li img {
  width: 70%;
}
/* ロゴ */
footer#footerType03 #footerLogo a {
  text-decoration: none;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 1.8vw;
}
footer#footerType03 #footerLogo a:hover {
  text-decoration: none;
}
footer#footerType03 #footerLogo span {
  color: #da0015;
}
/* fNavi */
footer#footerType03 #fNavi {
  padding-bottom: 6%;
  float:right;
  width:58%;
  overflow:hidden;
  font-size: 1.0vw;
}
footer#footerType03 #fNavi ul {
  float:left;
  overflow:hidden;
  padding-bottom: 25px;
}
footer#footerType03 #fNavi ul:nth-child(1) {
  width:32%;
}
footer#footerType03 #fNavi ul:nth-child(2) {
  width:32%;
}
footer#footerType03 #fNavi ul:nth-child(3) {
  width:36%;
}

footer#footerType03 #fNavi li {
  padding-bottom: 10%;
  box-sizing:border-box;
  line-height: 140%;
}
footer#footerType03 #fNavi a {
  text-decoration:none;
  color:#fff;
  font-size: 1.1vw;
}
footer#footerType03 #fNavi a:hover {
  text-decoration:underline;
}
footer#footerType03 #fNavi a span {
  display: block;
  font-size: 13px;
}
/* お申込みはこちら */
footer#footerType03 #fNavi .fLink a {
  margin-bottom: 4%;
  padding: 12% 4%;
  background: #DA0015;
  box-sizing: border-box;
  text-align: center;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 1.1vw;
}
footer#footerType03 #fNavi .fLink a:hover {
  background: #e13344;
  text-decoration: none;
  color: #fff;
}
footer#footerType03 #fNavi .fLink {
  text-align: center;
  color: #fff;
  font-size: 0.9vw;
}



/* footer footerType01
----------------------------------------------------------*/
footer#footerType01 {
}
footer#footerType01 .innerBox {
  margin: 0 auto;
  padding-bottom:10px;
  width: 1450px;
}
/* ロゴ */
footer#footerType01 #footerLogo {
  float:right;
  width: 300px;
}
/* 住所 */
footer#footerType01 address {
	padding-bottom: 30px;
}
footer#footerType01 address a {
  text-decoration:none;
}
/* タイトル */
footer#footerType01 p.title {
  padding-bottom: 10px;
  line-height: 200%;
}
footer#footerType01 p.title span {
  display: block;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  font-size: 30px;
}
/* バナー */
footer#footerType01 #bnrList {
  float:right;
}
footer#footerType01 #bnrList li {
  padding-left: 10px;
  float: left;
}
footer#footerType01 #bnrList li:last-child {
  padding-bottom:0;
}
footer#footerType01 #bnrList img {
  height: 80px;
}
/* fNavi */
footer#footerType01 #fNavi {
  margin-bottom: 40px;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  overflow:hidden;
  font-weight: 500;
}
footer#footerType01 #fNavi ul {
  margin: 0 auto;
  width: 1450px;
}
footer#footerType01 #fNavi li {
  padding: 0 29px;
  border-left:1px solid #8ea0c3;
  box-sizing: border-box;
  text-align: center;
  float:left;
  line-height: 100%;
}
footer#footerType01 #fNavi li:first-child {
  border-left: none;
}
footer#footerType01 #fNavi a {
  text-decoration:none;
  color:#666;
}
footer#footerType01 #fNavi a:hover {
  text-decoration:underline;
}
/* コピーライト */
#copy {
  padding: 20px 0;
  text-align:center;
}
#copy span {
  padding-right: 5px;
}

/* footer footerType02
----------------------------------------------------------*/
footer#footerType02 {
  padding: 90px 0 70px 0;
  background:#a23d75;
  text-align: center;
  color:#fff;
}
footer#footerType02 .innerBox {
  padding-bottom:10px;
}
footer#footerType02 h3.style01 {
  margin-bottom: 50px;
  background: #fff;
  border-color: #ccc;
  color: #333;
}
/* ロゴ */
footer#footerType02 #footerLogo {
  padding-bottom: 20px;
}
/* 注意書き */
footer#footerType02 p.lead {
  margin: 0 auto 20px auto;
  padding: 5px 0;
  border: 1px solid #fff;
  width: 600px;
}
/* TEL&MAIL */
footer#footerType02 .large {
  line-height: 120%;
  font-weight: normal;
  font-size: 40px;
}
footer#footerType02 .large a {
  color: #fff;
  text-decoration: none;
}
footer#footerType02 .large a:hover {
  opacity: 0.9;
}
/* 住所 */
footer#footerType02 address {
  font-weight: bold;
}

#fNavi02 {
  float: left;
  width: 80%;
}
#fNavi02 li {
  padding-right: 2%;
  float: left;
}
#fNavi02 a {
  text-decoration: none;
  color: #fff;
  font-size: 0.9vw;
}
#fNavi02 a:hover {
  text-decoration: underline;
}
/* コピーライト */
#copy {
  padding: 0;
  clear: both;
  text-align: right;
  color: #fff;
  font-size: 1.1vw;
}

/* footer footerType05
----------------------------------------------------------*/
footer#footerType05 {
  padding: 1% 0;
  background: #333;
  text-align: center;
  color: #fff;
}
footer#footerType05 #copy {
  float: none;
  width: 100%;
  text-align: center;
}

/* 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 {
  margin-bottom: 60px;
  position: relative;
}
.textImgBox56 .photo {
  float: left;
  width: 60%;
  max-width: 100%;
}
.textImgBox56 .photo img{
  width: 100%;
}
.textImgBox56 .box {
    position: absolute;
    width: 40%;
    background: #FFF;
    padding: 3%;
    right: 0;
    bottom: 10%;
}
.textImgBox56 .box .title{
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
}


/* [pc] textImgBox56-2
----------------------------------------------------------*/
.textImgBox56-2 {
  margin-bottom: 60px;
  position: relative;
}
.textImgBox56-2 .photo {
  float: right;
  width: 60%;
  max-width: 100%;
}
.textImgBox56-2 .photo img{
  width: 100%;
}
.textImgBox56-2 .box {
    position: absolute;
    width: 40%;
    background: #FFF;
    padding: 3%;
    bottom: 10%;
}
.textImgBox56-2 .box .title{
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
}


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






/* header headerType02
----------------------------------------------------------*/
header#headerType02 {
  box-shadow: 2px 5px 4px #efefef;
}
#headerInner {
}

/* h1専用 */
#headerH1 {
  margin-bottom:45px;
  padding:2px 0 5px 0;
  background:#519027;
}
#headerH1 h1 {
  margin:0 auto;
  text-align:right;
  width:1100px;
  color:#fff;
  font-size:13px;
}

/* logo */
header#headerType02 #logo {
  padding: 1.6% 0 0 2%;
  box-sizing: border-box;
  float:left;
  width: 20%;
}
header#headerType02 #logo img {
  max-width: 80%;
}
/* box01 */
header#headerType02 .box01 {
  padding-top: 5px;
  float:right;
  overflow:hidden;
}
header#headerType02 .box01 li {
  padding-left:15px;
  float:right;
}
header#headerType02 .box01 .tel {
  background:url(../images/common/header_tel.png) no-repeat;
  width:180px;
  height:40px;
  text-indent:-9999px;
}
header#headerType02 .box01 .mail a {
  margin:15px 20px 0 0;
  padding:2px 30px;
  border-radius:4px;
  background:#E60012 url(../images/common/arrow02.gif) no-repeat 96% 50%;
  text-align:center;
  text-decoration:none;
  display:block;
  color:#fff;
  font-weight:bold;
  font-size:14px;
}
header#headerType02 .box01 .mail a:hover {
  opacity:0.9;
}

#headerBox {
  position: relative;
  float: right;
  width: 80%;
}

/* fixedBox */
header#headerType02 #menuBtn {
  display:none;
}
header#headerType02 #fixedBox {
  clear:both;
  display:block;
/*  opacity:0.9;*/
}
header#headerType02 #fixedBox nav ul {
  float: right;
  width: 84%;
}
header#headerType02 #fixedBox nav li {
  float:left;
}
header#headerType02 #fixedBox nav li.contactList a {
  background: #DA0015;
  color: #fff;
  font-size: 1.0vw;
}
header#headerType02 #fixedBox nav li.contactList a:hover {
  color: #fff;
  opacity: 0.8;
}
header#headerType02 #fixedBox nav li a {
  padding: 2.0vw 0 1.8vw 0;
  display:block;
  text-align:center;
  text-decoration:none;
  color: #333;
  line-height: 100%;
  font-weight: 600;
  font-size: 1.0vw;
}

/* プルダウン本体 */
.menu {
  margin: 0 auto;
  list-style-type:none;
  width: 100%;
/*  font-size: 0; 余白処理用 */
}
.menu > li {
  border-left: 1px solid #fff;
  box-sizing: border-box;
  display:inline-block;
  position:relative;
}
.menu > li:nth-child(1) {
  width: 8%;
}
.menu > li:nth-child(2) {
  width: 11%;
}
.menu > li:nth-child(3) {
  width: 11%;
}
.menu > li:nth-child(4) {
  width: 13%;
}
.menu > li:nth-child(5) {
  width: 9%;
}
.menu > li:nth-child(6) {
  width: 11%;
}
.menu > li:nth-child(7) {
  width: 20%;
}
.menu > li:nth-child(8) {
  width: 17%;
}
.menu > li > ul {
  display:none;
  z-index: 9999;
}
.menu > li:hover ul {
  display:block;
  position:absolute;
  padding:0;
  margin:0;
  top: 90%;
  left: -60%;
  list-style-type:none;
}

/* プルダウン */
.menu ul.subNavi {
  float: none;
}
.menu ul.subNavi li {
  float: none;
}
.menu ul.subNavi a {
  padding: 6% 0!important;
  background: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  display: block;
  width: 280px;
  font-size: 0.9vw;
}
.menu ul.subNavi a:hover {
  background: #efefef;
  text-decoration: none;
}

/* tel */
.menu > li.telList {
  line-height: 100%;
}
.menu > li span.tel {
  padding: 9% 0 0 14%;
  background: url(../images/common/arrow_tel01.png) no-repeat 4% 88%;
  background-size: 8%;
  display: block;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #333;
  font-weight: 600;
  font-size: 1.7vw;
}
.menu > li span.date {
  padding: 0 0 0 14%;
  font-size: 0.6vw;
}


/* OFF */
header#headerType02 #fixedBox a#navi01 {
}
/* ON */
header#headerType02 #fixedBox a.on,
header#headerType02 #fixedBox a:hover {
  color:#999;
}
.fixed {
  box-shadow: 2px 5px 4px #efefef;
  background: #fff;
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
}
header#headerType02 #fixedBox li.topLink {
  display:none; /* タブレットとパソコンでは非表示にする */
}

/* トップページ
----------------------------------------*/
#home {
}
#home #contents {
  background: #fff;
  width: auto;
}
#home .contentsBox {
  background: no-repeat;
  width: 86%;
}
#home .innerBox {
  padding-bottom: 2%;
}
#home h2 {
  padding-bottom: 2%;
  font-size: 2.7vw;
}

/* ベース */
#home01,
#home02,
#home03,
#homeColumn {
  padding: 5% 0 0 0;
}

#error403,
#error404,
#error500,
#concept,
#message,
#silicon,
#recruit,
#contact,
#products,
#privacy,
#topics,
#partner,
#company {
  padding-top: 4.8%;
}

#home .contentsBox {
  box-shadow: none;
}



/* --- 全体のBOX定義 ---------------------------------------- */
#mainPhoto .box {
  margin-bottom: ;
  position   : relative;
  width      : 100%;
/*  height     : 750px;*/
  margin     : auto;
  overflow   : hidden;
}

/* --- 背景の指定 ------------------------------------------- */
#mainPhoto .box .bgImg {
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  opacity    : 0;
  animation  : bgAnime 10s infinite;   /* 4画像 × 各4s = 16s */
}

/* --- 段差で背景画像のアニメーションを実行 ----------------- */
#mainPhoto .box .src1 {
  background-image : url(../images/top/mainphoto01.png);   /* 背景の画像を指定 */
  animation-delay  : 0s;
}
#mainPhoto .box .src2 {
  background-image : url(../images/top/mainphoto02.png);   /* 背景の画像を指定 */
  animation-delay  : 5s;
}
#mainPhoto .box .src1,
#mainPhoto .box .src2 {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@keyframes bgAnime {
   0% { opacity: 0; }
   7% { opacity: 1; }
  25% { opacity: 1; }
  32% { opacity: 1; }
 100% { opacity: 0; }
}

/* --- 前面の文字定義（サンプルのため変更してください） ----- */
#mainPhoto .box .boxString{
  position   : absolute;
  display    : inline-block;
  padding    : 0;
  background : ;    /* 半透明の青　例　rgba(0, 127, 255, 0.7) */
  color      : #fff;
  bottom     : 0%;  /* 中央寄せ　例　50% */
  left       : 0%;  /* 例　50% */
  transform  : translate(0%,0%);  /* 例 translate(-50%,-50%); */
  z-index    : 11;
}


/* お知らせ
----------------------------------------*/
#news {
  margin-bottom: 4%;
  padding: 2% 0 0.5% 0;
  background: #F6F6F2;
}
#topics #news {
  padding: 0 0 8% 0;
  background: #fff;
}
#topics #news .textImgBox36 {
  width: 80%;
}
#news .innerBox {
  padding-bottom: 0;
}
#news .textImgBox36 {
  margin:0 auto;
  width: 60%;
}
#news .textImgBox36 li {
  padding-top: 2%;
  overflow:hidden;
}
#news .textImgBox36 li:first-child {
  padding-top: 0;
}
#news .textImgBox36 li p.date {
  margin-top: 0;
  padding: 0;
  background: none;
  border-radius:2px;
  text-align: left;
  float:left;
  width: 10%;
}
#news .textImgBox36 li p.title {
  padding: 0;
  float: right;
  width: 90%;
  color: #333;
  font-weight: 600;
  font-size: 1.3vw;
}
#news .textImgBox36 li .box {
  padding-bottom: 30px;
  border-bottom: 1px dashed #ccc;
  clear:both;
}
#news .textImgBox36 li:first-child p.date,
#news .textImgBox36 li:first-child p.title {
  margin-top: 0;
  padding-top: 0;
}
#news .textImgBox36 li:last-child .box {
  border-bottom: none;
}
#topics #news .textImgBox36 li:last-child .box {
  padding-bottom: 0;
}


/* 技研工業6大特長
----------------------------------------*/
#home .textImgBox54 {
  margin: 0 auto;
  width: 60%;
}
#home .textImgBox54 .stepBox {
  width: 10%;
}
#home .textImgBox54 .stepBox span {
  font-size: 50px;
}
#home .textImgBox54 .title {
  font-weight: 600;
  font-size: 30px;
}


/* 業務案内
----------------------------------------*/
#home02 .contentsBox02 {
  margin-bottom: 0;
}
#home02 li:last-child {
  padding-bottom: 3%;
}
#home02 .textImgBox35 li {
  padding-bottom: 3%;
  overflow:hidden;
}
#home02 .textImgBox35 li:last-child {
  padding-bottom: 0;
}
#home02 .textImgBox35 p.num {
  padding: 0;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 2;
  color: #efefef;
  line-height: 100%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 9.0vw;
}
#home02 .textImgBox35 li:nth-child(2) p.num,
#home02 .textImgBox35 li:nth-child(3) p.num {
  color: #fff;
}
#home02 .textImgBox35 p.sub {
  padding-bottom: 4%;
  line-height: 100%;
}
#home02 .textImgBox35 .sub span {
  color: #ccc;
  font-weight: 600;
  font-size: 0.7vw;
}
#home02 .textImgBox35 p.title {
  padding-bottom: 0;
  position: relative;
  z-index: 5;
  line-height: 100%;
  font-weight: 600;
  font-size: 1.7vw;
}
#home02 .textImgBox35 .photo {
  float:left;
  width: 52%;
}
#home02 .textImgBox35 .photo img {
  width:100%;
}
#home02 .textImgBox35 .box {
  padding: 1.5% 6% 2.5% 4%;
  background: url(../images/bg02.png) no-repeat bottom;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 42%;
}
#home02 .textImgBox35 .box a.btn {
  width: 50%;
}

/* 偶数行の背景色を変更 */
#home02 .textImgBox35 li:nth-child(2n) {
}
#home02 .textImgBox35 li:nth-child(2n) .photo {
  float:right;
}
#home02 .textImgBox35 li:nth-child(2n) .box {
  padding: 1.5% 4% 2.5% 12%;
  width: 48%;
}
#home02 .textImgBox35 .num {
  display: none;
}

/* 代表挨拶
----------------------------------------*/
#home03 {
  background: url(../images/profile_bg.jpg) no-repeat;
}
#home03 .innerBox {
  padding-bottom: 0;
}
#home03 .textImgBox11 {
  padding: 6% 0 0 0;
  position: relative;
  overflow:hidden;
}
#home03 .textImgBox11 .photo {
  float:right;
  width: 44%;
}
#home03 .textImgBox11 .photo img {
  width: 100%;
}
#home03 .textImgBox11 .box {
  padding: 4%;
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 63%;
}
#home03 .textImgBox11 .box p.title {
  padding-bottom: 2%;
  font-weight: 600;
  font-size: 1.4vw;
}
#home03 .textImgBox11 .box p.sub {
  padding-bottom: 8%;
  text-align: right;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 1.2vw;
}
#home03 .textImgBox11 .box p.sub span {
  padding-left: 2%;
  font-size: 1.6vw;
}
#home03 .textImgBox11 .box img {
  width: 20%;
}
#home03 .textImgBox11 .box a.btn {
  width: 50%;
}

/* 最新のコラム記事
----------------------------------------------------------*/
#homeColumn .contentsBox02 {
  width: 52%;
}
#homeColumn .textImgBox28 {
  padding: 2% 0 4% 0;
}
#homeColumn .textImgBox28 li {
  padding: 2% 0;
  border-bottom: 1px solid #e5e5e5;
  overflow:hidden;
}
#homeColumn .textImgBox28 li:first-child {
  padding-top: 0;
}
#homeColumn .textImgBox28 li:last-child {
  border-bottom:none;
}
#homeColumn .textImgBox28 p {
  padding-bottom:0;
}
#homeColumn .textImgBox28 p.date {
  float:left;
  width:10%;
}
#homeColumn .textImgBox28 p.title {
  float:right;
  width:86%;
}

/* 弊社の特徴
----------------------------------------*/
#concept {
}
#concept .textImgBox09 {
  padding-bottom: 4%;
}
#concept .textImgBox09 .photo {
  float: left;
}
#concept .textImgBox09 .box {
  float: right;
}

/* ご挨拶
----------------------------------------*/
#message {
}
/* 代表挨拶 */
#message .textImgBox09 .photo {
  width: 20%;
}
#message .textImgBox09 .box {
  width: 78%;
}
#message .textImgBox09 .name {
  padding-top: 4%;
  text-align: center;
}

/* 会社案内
----------------------------------------*/
/* 経営理念 */
#philosophy {
  text-align: center;
}
#philosophy p {
  line-height: 200%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 1.4vw;
}

/* 会社概要 */
#company table.style01 {
  margin-bottom: 2%;
}
#company table.style01 th {
  width: 18%;
}
#company table.style01 td th {
  padding: 0;
  background: none;
  border: none;
  width: 30%;
  font-weight: normal;
}
#company table.style01 td td {
  padding: 0;
  border: none;
}

/* 写真 */
#company .textImgBox13 li,
#company .textImgBox13 li .photo {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* 沿革 */
#company table.style03 {
  margin-bottom: 0;
}

/* オフィス紹介 */
#company .textImgBox02 {
  padding-bottom: 0;
}
#company .textImgBox02 th {
  width: 14%;
}

/* スタッフ紹介 */
#staff .textImgBox10 {
  padding-bottom: 4%;
}
#staff .textImgBox10:last-child {
  padding-bottom: 0;
}
#staff .textImgBox10 .photo {
  width: 30%;
}
#staff .textImgBox10 .box {
  width: 67%;
  font-size: 1.0vw;
}
#staff .textImgBox10 .box th {
  width: 16%;
  font-weight: 600;
}
#staff .textImgBox09 .photo {
  float: left;
  width: 30%;
}
#staff .textImgBox09 .box {
  float: right;
  width: 67%;
}

/* アクセス
----------------------------------------*/
.accessInfo {
  overflow:hidden;
}
.accessInfo li {
  padding: 0.5% 0;
  box-sizing: border-box;
  float:left;
  width:50%;
}
.accessInfo li:nth-child(2n) {
  padding-left: 3%;
  border-left: 1px solid #ccc;
}
.accessInfo p.title {
  padding-bottom: 1%;
  line-height: 140%;
  font-weight: 600;
}
.accessInfo p.body {
  padding-bottom: 0;
  line-height: 160%;
}

/* 代表挨拶
----------------------------------------*/
#profile {
}
#profile ul.style01 li {
  padding-bottom: 0;
}


/* 不動産鑑定士とは
----------------------------------------*/
#kanteishi {
}
#kanteishi .textImgBox09 {
  padding-bottom: 4%;
}
#kanteishi .textImgBox09 .photo {
  float: left;
}
#kanteishi .textImgBox09 .box {
  float: right;
}
#kanteishi .tableWidthBox01 th.title:nth-child(1) {
  width: 16%;
}
#kanteishi .tableWidthBox01 th.title:nth-child(2),
#kanteishi .tableWidthBox01 th.title:nth-child(3) {
  padding: 1.5% 0;
  width: 42%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 1.6vw;
}


/* 業務案内
----------------------------------------*/
#service {
}
#servicePhoto {
  padding-bottom: 6%;
  text-align: center;
}
#servicePhoto img {
  width: 45%;
}

#service .textImgBox09 {
  padding-bottom: 4%;
}
#service .textImgBox09 .photo {
  float: left;
}
#service .textImgBox09 .box {
  float: right;
}


#yrsiCase03 {
}
#yrsiCase03 {
  margin: 0 auto 4% auto;
  padding: 4%;
  border: 10px solid #efefef;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}
#yrsiCase03 .caseList li {
  padding: 0 0 1.5% 3%;
  background: url(../images/common/icon01.gif) no-repeat 0 5px;
  background-size: 1.5vw;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 1.2vw;
}
#yrsiCase03 .caseList li:last-child {
  padding-bottom: 0;
}

/* 鑑定業務一覧 */
#service .textImgBox13 ul.style01 li {
  float: none;
  width: 100%;
  font-size: 1.1vw;
}
#service .textImgBox13 li:nth-child(4),
#service .textImgBox13 li:nth-child(5) {
  padding-bottom: 0;
}


/* コンサルティング業務
----------------------------------------*/
#service01 {
}
#service01 .textImgBox09 {
  padding-bottom: 6%;
}
#service01 .textImgBox09 .photo {
  float: left;
  width: 20%;
}
#service01 .textImgBox09 .photo img {
  margin-bottom: 4%;
  padding: 10%;
  background: #efefef;
  box-sizing: border-box;
}
#service01 .textImgBox09 .box {
  float: right;
  width: 76%;
}

/* 不動産鑑定評価業務
----------------------------------------*/
#service02 {
}
#service02 .textImgBox09 {
  padding-bottom: 4%;
}
#service02 .textImgBox09 .photo {
  float: left;
  width: 20%;
}
#service02 .textImgBox09 .photo img {
  margin-bottom: 4%;
}
#service02 .textImgBox09 .box {
  float: right;
  width: 76%;
}
#service02 .textImgBox09 .box li {
  padding-bottom: 4%;
}
#service02 .textImgBox09 .box li:last-child {
  padding-bottom: 0;
}
#service02 .textImgBox09:last-child {
  padding-bottom: 0;
}


/* まほろば文庫（ベース）
----------------------------------------*/
#libraryArea {
  margin: 0 auto 2.5% auto;
  overflow: hidden;
}

/* 「まほろば文庫」について */
#libraryArea .textImgBox09 .photo {
  float: left;
  width: 12%;
}
#libraryArea .textImgBox09 .box {
  float: right;
  width: 85%;
}

/* メイン */
#libraryMain {
  padding-bottom: 2%;
  box-sizing: border-box;
  float: left;
  width: 68%;
}
#libraryMain .contentsBox {
  width: 100%;
}
#libraryMain .innerBox {
  width: 94%;
}
#libraryMain h2 {
  padding-left: 3%;
  width: 100%;
  font-size: 1.2vw;
}
#libraryMain h3 {
  margin-bottom: 2%;
  padding: 0 0 2% 0;
  border-left: none;
  position: relative;
  font-weight: 600;
  font-size: 1.7vw;
}
#libraryMain h3::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
}
#libraryMain h3::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  border-bottom: 2px solid #DA0015;
  width: 20%;
}
#libraryMain h3 span {
  display: inline;
  font-size: 1.1vw;
}
/* サイドバー */
#librarySide {
  box-sizing: border-box;
  float: right;
  width: 30%;
}
#librarySide .innerBox {
  margin-bottom: 6%;
  padding: 2% 8% 6% 8%;
  background: #F6F6F2;
  box-sizing: border-box;
  width: 100%;
}
#librarySide .sideTitle {
  padding: 6% 0 1.5% 0;
  box-sizing: border-box;
  line-height: 130%;
  font-weight: 600;
  font-size: 1.3vw;
}
/* 新着記事 */
#libraryNew li {
  padding: 4% 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
#libraryNew li .photo {
  float: left;
  width: 20%;
}
#libraryNew li .box {
  float: right;
  width: 76%;
}
#libraryNew a {
  text-decoration: none;
  color: #333;
  font-weight: 600;
}
#libraryNew p {
  padding-bottom: 0;
  line-height: 140%;
}
#libraryNew p.cate {
  color: #999;
  font-size: 0.8vw;
}

/* カテゴリー */
#libraryCate li {
  padding: 4% 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
#libraryCate li:last-child {
  padding-bottom: 2%;
  border-bottom: none;
}
#libraryCate li .photo {
  float: left;
  width: 18%;
}
#libraryCate li .photo img {
  width: 100%;
}
#libraryCate li .box {
  padding-top: 4%;
  float: right;
  width: 76%;
}
#libraryCate a {
  text-decoration: none;
  color: #333;
  font-size: 1.0vw;
}

/* まほろば文庫（一覧）
----------------------------------------*/
#libraryList {
}
#libraryList li {
  padding: 3% 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
#libraryList li:first-child {
  padding-top: 1%;
}
#libraryList .titleData {
  margin-bottom: 2%;
  padding: 0.5% 0 0.5% 1.5%;
  border-left: 3px solid #DA0015;
}
#libraryList p.title {
  padding-bottom: 0.5%;
  line-height: 150%;
  font-weight: 600;
}
#libraryList p.title a {
  text-decoration: none;
  color: #333;
  font-size: 1.4vw;
}
/* 日付・カテゴリ */
p.dataBox {
  color: #999;
  line-height: 100%;
  font-size: 0.9vw;
}
/*
.dataBox .cate:before {
  content: "｜";
}*/
.dataBox .cate a {
  text-decoration: none;
  color: #999;
}
#libraryList .text {
  padding-bottom: 0;
  color: #999;
  line-height: 140%;
  font-size: 0.9vw;
}
#libraryList .btn02 {
  padding: 0.5% 0;
  background-size: 10%;
  float: right;
  width: 20%;
  font-size: 1.0vw;
}
#h1Box .dataBox .date:before,
#h1Box .dataBox .cate:before {
content: "■";
}
#h1Box .dataBox .cate {
  padding-left: 2%;
}

/* ページャー */
#library #pager a {
  margin: 4.5% 0 0.5% 0;
  padding: 0.5% 1.8%;
  font-size: 1.0vw;
}
#library #pager span.current {
  margin: 4.5% 0 0.5% 0;
  padding: 0.5% 1.8%;
  font-size: 1.0vw;
}

/* まほろば文庫（個別）
----------------------------------------*/
#libraryShow {
}
#libraryMain .innerBoxShow:first-child {
  padding: 1% 0 1% 0;
}
#libraryMain .innerBoxShow:last-child {
  padding-bottom: 4.5%;
}
#libraryMain .innerBoxShow {
  margin: 0 auto;
  padding-bottom: 4%;
  width: 90%;
}
#libraryMain .innerBoxShow p {
  padding-bottom: 4%;
}
#libraryShow .innerBox:nth-child(2) {
  margin-top: -3%;
}
.libraryTitle {
  padding-bottom: 1%!important;
  line-height: 120%;
  font-size: 2.1vw;
}
#libraryShow .textImgBox09 {
  padding-top: 2%;
}
#libraryShow .textImgBox09 .photo {
  width: 26%;
}
#libraryShow .textImgBox09 .photo a.btn {
  margin-top: -7%;
  padding: 2.5% 0;
  background-image: none;
  border-radius: 50px;
  width: 100%;
  font-size: 0.85vw;
}
#libraryShow .textImgBox09 .box {
  width: 70%;
}
#libraryShow .textImgBox09 .box .title {
  padding-bottom: 0;
  font-weight: 500;
  font-size: 1.4vw;
}
#libraryShow .textImgBox09 .box .sub {
  margin-bottom: 2.5%;
  padding-bottom: 2%;
  border-bottom: 1px solid #ccc;
  font-weight: 500;
  font-size: 1.1vw;
}
#libraryShow .textImgBox09 .box .profile {
  padding-bottom: 4%;
  line-height: 150%;
  font-size: 0.9vw;
}
#libraryShow .textImgBox09 .box .sub02 {
  padding-bottom: 0;
  font-weight: 500;
  font-size: 1.0vw;
}
#libraryShow .textImgBox09 .box .sub02:before {
  content: "～";
}
#libraryShow .textImgBox09 .box .sub02:after {
  content: "～";
}

/* 続きを読む */
#libraryShow .grad-wrap {
  line-height: 150%;
  font-size: 0.9vw;
}
#libraryShow .grad-btn {
  /*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ。*/
}
#libraryShow .grad-btn::before {
  display: block;
  text-align: center;
  content: "続きを読む";
  color: #00f;
}
#libraryShow .grad-item {
  position: relative;
  overflow: hidden;
  height: 6vw; /*隠した状態の高さ*/
}
#libraryShow .grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
#libraryShow .grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
#libraryShow .grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/
}
#libraryShow .grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
#libraryShow .grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

/* 印象に残った言葉【引用】 */
#libraryMain blockquote {
  margin-bottom: 2%;
  padding: 4%;
  background: #f3f3f3;
  position: relative;
}
#libraryMain blockquote:first-of-type {
  margin-top: 2.5%;
}
#libraryMain blockquote:last-of-type {
  margin-bottom: 0;
}
#libraryMain blockquote::before {
  content: "“";
  position: absolute;
  top: 16%;
  left: 2%;
  color: #999;
  font-size: 2.0vw;
}
#libraryMain blockquote::after {
  content: "”";
  position: absolute;
  bottom: 0;
  right: 2%;
  color: #999;
  font-size: 2.0vw;
}

/* SNSボタン */
#libraryMain #socialBtn {
  overflow: hidden;
}
#libraryMain #socialBtn li {
  padding-right: 1%;
  float: left;
  width: 10%;
}
#libraryMain #socialBtn a {
  padding: 0.5% 0;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  font-size: 0.7vw;
}
#libraryMain #socialBtn li#twitter a {
  background: #1ea1f2;
}
#libraryMain #socialBtn li#fb a {
  background: #4267b2;
}
#libraryMain #socialBtn li#line a {
  background: #01b833;
}

/* libraryProfile */
#libraryProfile {
  margin-bottom: 4%;
  padding: 4%;
  border: 1px solid #ccc;
  overflow: hidden;
}
#libraryProfile .photo {
  float: left;
  width: 10%;
}
#libraryProfile .box {
  float: right;
  width: 86%;
}
#libraryProfile .box p.title {
  font-weight: 600;
  font-size: 1.2vw;
}
#libraryProfile .box p.title span {
  margin-right: 1.5%;
  padding: 0.5% 2%;
  background: #333;
  color: #fff;
  font-size: 0.9vw;
}

/* あわせて読みたい記事 */
#libraryAwasete {
}
#libraryAwasete .contentsBox {
  padding-top: 1%;
}
#libraryAwasete .innerBox {
  padding-bottom: 1.5%;
}
#libraryAwasete li {
  padding: 2% 0 2% 4%;
  background: url(../images/common/arrow12.png) no-repeat 2% 50%;
  background-size: 0.8%;
  border-bottom: 1px solid #ccc;
  list-style-position: inside;
}
#libraryAwasete li:last-child {
  border-bottom: none;
}
#libraryAwasete a {
  text-decoration: none;
}


/* 営業品目
----------------------------------------*/
#products {
}
#products .textImgBox02 img {
/*  background: #efefef;
  width: 100%;
  height: 350px;
  object-fit: contain;*/
}

/* シリコン洗浄
----------------------------------------*/
#silicon {
}
#silicon th {
  width: 20%;
}
#silicon table p.title {
  padding-bottom: 0;
  font-weight: 600;
}
#silicon table ol {
  margin: 0 0 2% 5%;
}
#silicon table li {
  padding-bottom: 0;
}
#silicon .textImgBox06 li .photo {
  margin-bottom: 2%;
}
#silicon .textImgBox06 .title {
  padding-bottom: 0;
  font-weight: 600;
}
#silicon .textImgBox13 li .photo {
  margin-bottom: 2%;
}
#silicon .textImgBox13 .title {
  padding-bottom: 0;
  text-align: center;
}

/* お問い合わせエリア
----------------------------------------*/
#contactArea {
  padding-bottom: 4%;
  background: #f3f3f3;
  text-align: center;
}
#contactArea p {
  padding-bottom: 1%;
  font-weight: 600;
  font-size: 1.2vw;
}
#contactArea .box {
  margin: 0 auto;
  overflow: hidden;
  width: 80.7%;
}
#contactArea .textBox {
  float: left;
  width: 50%;
}
#contactArea .textBox li {
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 22px;
}
#contactArea .textBox li:before {
  content: '● ';
}
#contactArea .contactAreaBox {
  float: right;
  text-align: center;
  width: 50%;
}
#contactArea .title {
  padding-bottom: 0;
  line-height: 100%;
  font-weight: bold;
  font-size: 22px;
}
#contactArea .tel {
  padding-bottom: 10px;
}

/* お問い合わせ
----------------------------------------*/
#contact {
  border-bottom: 1px solid #ccc;
}
#contact .innerBox {
  padding-bottom: 4%;
}
#contact p {
  padding-bottom: 0;
}
#contact .contentsBox table td span.small {
  display: inline;
}
/* 電話番号 */
#contact .contactTelBox {
  padding-left: 60px;
  background: url(../images/common/arrow_tel02.png) no-repeat 0 30px;
  overflow: hidden;
}
#contact .contactTelBox .number {
  float: left;
  color: #d54444;
  font-weight: 500;
  font-size: 3.6vw;
}
#contact .contactTelBox .time {
  padding: 2.5% 0 0 1.5%;
  float: left;
  line-height: 140%;
  font-size: 1.0vw;
}
/* 送信する */
#contact .submit {
  text-align: center;
}
#contact td.submit {
  padding-bottom: 2.5%;
  font-size: 1.0vw;
}
#contact td.submit p {
  padding-bottom: 2.5%;
}

/* メールフォーム */
#contactForm {
  margin: 30px 0 60px 0;
  padding: 40px 100px;
  border: 10px solid #efefef;
}
#contact table {
/*  margin-top: 2%;*/
}
#contact th {
  padding: 2.5% 2.5%;
  border-bottom: 1px dashed #ccc;
  text-align: right;
  vertical-align: top;
  width: 30%;
  font-weight: bold;
  color: #333;
}
#contact th span {
  margin-left: 2%;
}
#contact table span.small {
  display: block;
  line-height: 150%;
  font-weight: normal;
}
#contact td span.small {
  margin-top: 10px;
}
#contact td {
  padding: 2% 2.5%;
  border-bottom: 1px dashed #ccc;
  line-height: 170%;
}
#contact tr:last-child td {
  padding: 2.5% 0;
  border-bottom: none;
}
#contact td p {
  padding-top: 1%;
}
#contact td .underLine {
  border-color: #DA0015;
}
/* 2行目 */
.contactCheckbox {
  float: left;
  width: 3%;
}
.contactCheckboxText {
  float: right;
  width: 97%;
}
td.block label {
  overflow: hidden;
  display: block;
}
td.block br {
  display: none;
}
#contact tr:first-child td textarea {
  margin-top: 1%;
}
p.thanks {
  padding-bottom: 0;
}

/* koteiBox
----------------------------------------------------------*/
#koteiBox {
  margin:0 auto;
  display: none;
  position: fixed;
  bottom: 25px;
  right: 15px;
  text-decoration:none;
  text-align:center;
  z-index:1000;
  opacity:1.0;
}
#koteiBox img {
  box-shadow: 0px 3px 10px 0 #ccc;
  width: 85%;
}
#koteiBox .innerBox {
  overflow:visible;
}


/* contactBtnArea
----------------------------------------------------------*/
#contactBtnArea {
  padding: 5% 0 4% 0;
  background: #333366 url(../images/common/contact_bg.jpg) no-repeat;
  text-align: center;
}
#contactBtnArea p.title {
  padding-bottom: 1%;
  color: #fff;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 2.1vw;
}
#contactBtnArea p.lead {
  padding-bottom: 2%;
  color: #fff;
  line-height: 170%;
  font-weight: 600;
}
#contactBtnArea ul {
  margin: 0 auto;
  padding: 4% 3% 2.5% 3%;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  width: 64%;
}
#contactBtnArea li {
  float: left;
  width: 50%;
}
#contactBtnArea li p.tel {
  padding-bottom: 0;
  line-height: 120%;
}
#contactBtnArea li .tel a {
  padding-left: 9%;
  background: url(../images/common/icon_tel.png) no-repeat 0 40%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  font-size: 3.1vw;
}
#contactBtnArea li p.date {
  font-size: 0.9vw;
}
#contactBtnArea a.btn {
  margin: -5% auto 0 auto;
  padding: 6% 0;
  background: #da0015 url(../images/common/arrow05.png) no-repeat 94% 50%;
  background-size: 20px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 92%;
  color: #fff;
  font-weight: 600;
  font-size: 1.4vw;
}



}