@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}

@font-face {
  font-family: "NotoSansCJKjp-Regular";
  src: url("https://holos-home.co.jp/wp/wp-content/themes/wk_holoshome/fonts/NotoSansCJKjp-Regular.ttf") format("truetype"),
       url("https://holos-home.co.jp/wp/wp-content/themes/wk_holoshome/fonts/NotoSansCJKjp-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "NotoSansCJKjp-Regular";
  src: url("https://holos-home.co.jp/wp/wp-content/themes/wk_holoshome/fonts/NotoSansCJKjp-Medium.ttf") format("truetype"),
       url("https://holos-home.co.jp/wp/wp-content/themes/wk_holoshome/fonts/NotoSansCJKjp-Medium.woff") format("woff");
  font-weight: 600;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: 'NotoSansCJKjp-Regular',sans-serif;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}
a {
	display: inline;
}

a,
a:link {
	color: #282828;
	text-decoration: none;
}

a:visited {
	color: #282828;
	text-decoration: none;
}

a:hover {
	color: #282828;
	text-decoration: underline;
}

a:active {
	color: #282828;
	text-decoration: underline;
}

@font-face {
    font-family: 'NotoSansCJKjp-Regular';
    src: url('../fonts/NotoSansCJKjp-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/NotoSansCJKjp-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'NotoSansCJKjp-Medium';
    src: url('../fonts/NotoSansCJKjp-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'), /* Modern Browsers */
	url('../fonts/NotoSansCJKjp-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'NotoSansCJKjp-Bold';
    src: url('../fonts/NotoSansCJKjp-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'), /* Modern Browsers */
	url('../fonts/NotoSansCJKjp-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'NotoSansCJKjp-Light';
    src: url('../fonts/NotoSansCJKjp-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/NotoSansCJKjp-Light.woff') format('woff'), /* Modern Browsers */
	url('../fonts/NotoSansCJKjp-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}


.pc_none{
	display: none;
}
.sp_none{
	display: inline-block;
}
@media all and (min-width: 0) and (max-width: 767px) {
	.pc_none{
		display: inline-block;
	}
	.sp_none{
		display: none;
	}
}

/* wp */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1280px;
	color: #282828;
	font-size: 13px;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}

#container {
	overflow: hidden;
	text-align: left;
}

#main {
}

.click:hover {
  opacity: 0.7;
  cursor: pointer;
}
.click:hover a {
  opacity: 1.0;
}
.loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1000;
}
.loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 1001;
}
.mt30 {margin-top: 30px;}
.mb30 {margin-bottom: 30px;}
/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
	margin: 0 0 49px 69px;
}

#gNavi li {
	margin-bottom: 27px;
}

#gNavi .home {
	padding: 0;
}

#gNavi .lineUp {
	margin-bottom: 29px;
}

#gNavi .flow {
	margin-bottom: 28px;
}

#gNavi .works {
	margin-bottom: 28px;
}

#gNavi .information {
	margin-bottom: 33px;
}

#gNavi li:last-child {
	margin-bottom: 0;
}

#gNavi li a {
	display: inline-block;
}

#gNavi li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
	margin: 0 auto 116px;
	max-width: 1280px;
	padding: 13px 0 7px;
	text-align: left;
}

#pagePath li {
	margin-right: 10px;
	display: inline-block;
	/* font-size: 12px; */
	vertical-align: top;
}

#pagePath li a {
	margin-right: 10px;
	color: #333;
	display: inline-block;
}

/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {
	width: 320px;
	float: left;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	max-height: 100%;
	overflow: auto;
	box-sizing: border-box;
	background-color: #FFF;
	z-index: 900;
}

#sideBar .logo {
	margin: 60px 0 53px;
	text-align: center;
}

#sideBar .snsLink {
	margin: 0 0 50px 70px;
}

#sideBar .snsLink li {
	float: left;
}

#sideBar .snsLink li + li {
	margin-left: 10px;
}

#sideBar .snsLink li a {
	display: block;
}

#sideBar .snsLink li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#sideBar .linkList {
	padding-bottom: 20px;
}

#sideBar .linkList li {
	margin: 0 auto;
	width: 260px;
}

#sideBar .linkList li:first-child {
	margin-bottom: 20px;
}

#sideBar .linkList li a {
	display: block;
}

#sideBar .linkList li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter .fBg {
	padding: 101px 0 117px;
	background-color: #3D3939;
}

#gFooter .fBox {
	margin: 0 auto;
	width: 1084px;
	position: relative;
}

#gFooter .fBox .fInner {
	width: 565px;
}

#gFooter .fBox .fInner .fImgBox .fLogo {
	margin: 0 18px 21px 0;
	float: left;
}
#gFooter .fBox .fInner .fImgBox .fLogo img {
	height: 70px;
  width: 56px;
}

#gFooter .fBox .fInner .fImgBox .txtBox {
	width: 398px;
	float: left;
}

#gFooter .fBox .fInner .fImgBox .txtBox p {
	color: #fff;
	font-size: 16px;
	line-height: 1.75;
}

#gFooter .fBox .fInner .fImgBox .txtBox p a {
	color: #FFF;
	display: inline-block;
	text-decoration: none;
}

#gFooter .fBox .fInner .fImgBox .txtBox .title {
	margin-bottom: 12px;
}

#gFooter .fBox .fInner .fImgBox .txtBox .snsLink {
	margin-top: -34px;
	width: 110px;
	float: right;
}

#gFooter .fBox .fInner .fImgBox .txtBox .snsLink li {
	float: left;
}

#gFooter .fBox .fInner .fImgBox .txtBox .snsLink li + li {
	margin-left: 10px;
}

#gFooter .fBox .fInner .fImgBox .txtBox .snsLink li a {
	display: block;
}

#gFooter .fBox .fInner .fImgBox .txtBox .snsLink li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#gFooter .fBox .fInner .fImgBox .fLinkList {
	width: 380px;
	position: absolute;
	right: 0;
	top: -4px;
}

#gFooter .fBox .fInner .fImgBox .fLinkList li {
	width: 126px;
	float: left;
	line-height: 2.3;
}

#gFooter .fBox .fInner .fImgBox .fLinkList li a {
	display: inline-block;
	color: #FFF;
	/* font-size: 12px; */
}

#gFooter .fBox .fInner .fImgBox .text {
	clear: both;
	color: #fff;
	font-size: 16px;
	line-height: 2.15;
}

#gFooter .fBox .fInner .fImgBox .text span {
	margin: 0 3px;
}

#gFooter .fBox .fInner .fImgBox .text .first {
	margin-left: 0;
}

#gFooter .fBox .fInner .fImgBox .link {
	position: absolute;
	right: 5px;
	top: -65px;
	color: #FFF;
	font-family: 'NotoSansCJKjp-Light',sans-serif;
	/* font-size: 12px; */
}

#gFooter .fBox .fInner .fImgBox .link a {
	margin-left: 3px;
	color: #ccc;
	display: inline;
}

#gFooter .copyright {
	padding: 11px 0 9px;
	color: #ccc;
	font-size: 10px;
	text-align: center;
	background-color: #000;
}

.sp {
	display: none;
}

@media all and (min-width: 0) and (max-width: 767px) {

	.sp {
		display: block ;
	}

	.pc {
		display: none;
	}

	img {
		display: block;
		width: 80%;
		height: auto;
	}

	a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	/*------------------------------------------------------------
		レイアウト
	------------------------------------------------------------*/
	body {
		min-width: inherit;
	}

	#container {
		padding-top: 68px;
		position: relative;
		overflow: visible;
	}

	#container.renew {
		padding-top: 0;
	}

	/*------------------------------------------------------------
		menuBox
	------------------------------------------------------------*/
	.menuBox {
		width: 100%;
		position: absolute;
		left: 0;
		top: 45px;
		display: none;
		background: url(../images/common/g_navi_bg.png) repeat left top;
	}

	/*------------------------------------------------------------
		gNavi
	------------------------------------------------------------*/
	#gNavi {
		margin: 0;
		padding: 15px 10px 11px;
	}

	#gNavi li {
		margin-bottom: 27px;
		width: 50%;
		float: left;
		box-sizing: border-box;
	}

	#gNavi li a img {
		height: 13px;
		width: auto;
	}

	#gNavi .lineUp {
		margin-bottom: 27px;
		padding-left: 10px;
	}

	#gNavi .flow {
		margin-bottom: 28px;
	}

	#gNavi .works {
		margin-bottom: 27px;
		padding-left: 10px;
	}

	#gNavi .information {
		margin-bottom: 0;
	}

	#gNavi li:last-child {
		margin-bottom: 0;
	}
	#gNavi .company{
		padding-left: 10px;
	}
	#gNavi li a {
		display: block;
	}

	#gNavi li a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	/*------------------------------------------------------------
		pagePath
	------------------------------------------------------------*/
	#main #pagePath {
		margin: 0 0 8px;
		max-width: inherit;
		padding: 10px;
	}

	#pagePath li {
		margin-right: 1px;
		font-size: 10px;
	}

	#pagePath li a {
		margin-right: 1px;
		text-decoration: none;
	}

	/*------------------------------------------------------------
		sideBar
	------------------------------------------------------------*/
	#sideBar {
		padding: 0 10px 5px;
		width: 100%;
		height: auto;
		float: none;
		overflow: visible;
		/* z-index: 10; */
	}

	#sideBar .logo {
		margin: 5px 0 0;
		width: 140px;
	}

	#sideBar .logo img {
		width: 100%;
    height: auto;
	}

	#sideBar .menuBtn {
		width: 45px;
		height: 45px;
		position: absolute;
		right: 0;
		top: 0;
	}

	#sideBar .menuBtn img {
		width: 100%;
    height: auto;
	}

	#sideBar .menuBtn.on {
		background: url(../images/common/menu_close.gif) no-repeat center top;
		background-size: 45px;
	}

	#sideBar .menuBtn.on img {
		visibility: hidden;
	}

	#sideBar .snsLink {
		display: none;
	}

	#sideBar .linkList {
		padding-bottom: 0;
	}

	#sideBar .linkList li {
		width: 50%;
		float: left;
	}

	#sideBar .linkList li:first-child {
		margin-bottom: 0;
	}

	#sideBar .linkList li a img {
		width: 100%;
    height: auto;
	}

	#sideBar .linkList li a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	/*------------------------------------------------------------
		フッター
	------------------------------------------------------------*/
	#gFooter .linkList li {
		width: 50%;
		float: left;
	}

	#gFooter .linkList li a img {
		width: 100%;
    height: auto;
	}

	#gFooter .fBg {
		padding: 35px 0 32px;
	}

	#gFooter .fBox {
		margin: 0 15px;
		width: auto;
	}

	#gFooter .fBox .fInner {
		width: auto;
	}

	#gFooter .fBox .fInner .fImgBox .fLogo {
		margin: 0 auto 20px;
		float: none;
	}

	#gFooter .fBox .fInner .fImgBox .fLogo img {
		margin: 0 auto;
		width: 63px;
    height: auto;
	}

	#gFooter .fBox .fInner .fImgBox .txtBox {
		margin-bottom: 24px;
		width: auto;
		float: none;
		text-align: center;
	}

	#gFooter .fBox .fInner .fImgBox .txtBox p {
		font-size: 10px;
		line-height: 1.5;
	}

	#gFooter .fBox .fInner .fImgBox .txtBox p a {
		color: #FFF;
		text-decoration: none;
	}

	#gFooter .fBox .fInner .fImgBox .txtBox .title {
		margin-bottom: 13px;
	}

	#gFooter .fBox .fInner .fImgBox .txtBox .title img {
		margin: 0 auto;
		width: 210px;
	}

	#gFooter .fBox .fInner .fImgBox .txtBox .snsLink {
		display: none;
	}

	#gFooter .fBox .fInner .fImgBox .fLinkList {
		margin-bottom: 31px;
		width: auto;
		position: static;
		text-align: center;
	}

	#gFooter .fBox .fInner .fImgBox .fLinkList li {
		margin-right: 12px;
		width: auto;
		float: none;
		display: inline-block;
		color: #FFF;
		line-height: 1.6;
	}

	#gFooter .fBox .fInner .fImgBox .fLinkList li:nth-child(3n) {
		width: auto;
	}

	#gFooter .fBox .fInner .fImgBox .fLinkList li a {
		margin-right: 12px;
		font-size: 11px;
		text-decoration: none;
	}

	#gFooter .fBox .fInner .fImgBox .fLinkList li .sp {
		display: inline-block !important;
	}

	#gFooter .fBox .fInner .fImgBox .text {
		margin-bottom: 21px;
		font-size: 9px;
		line-height: 1.7;
		text-align: center;
	}

	#gFooter .fBox .fInner .fImgBox .link {
		position: static;
		color: #fefefe;
		text-align: right;
	}

	#gFooter .fBox .fInner .fImgBox .link a {
		margin-left: 0;
		color: #fefefe;
		text-decoration: none;
	}

	#gFooter .copyright {
		padding: 8px 0 7px;
	}
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/* .comArea 内のテーブル全体に関するスタイル */
.comArea table {
	width: 100%; /* 横幅を100%に設定 */
	border-collapse: collapse; /* 隣接するセルのボーダーを重ねて表示 */
	border: 1px solid rgb(29, 8, 0); /* テーブル全体の枠線 */
  }
  
  /* テーブルヘッダー（th）とテーブルデータ（td）の共通スタイル */
  .comArea th,
  .comArea td {
	padding: 12px 15px; /* 内側の余白を調整 */
	border: 1px solid rgb(29, 8, 0); /* セルの枠線 */
	text-align: left; /* テキストを左揃えに */
  }
  
  /* テーブルヘッダー（th）独自のスタイル */
  .comArea th {
	background-color: rgba(29, 8, 0, 0.8); /* ベースカラーを背景色に設定 */
	color: #ffffff; /* 文字色を白に設定して可読性を確保 */
	font-weight: bold; /* 文字を太字に */
  }
  
  /* テーブルの奇数行（tr）の背景色を交互に変更 */
  .comArea tr:nth-of-type(even) {
	background-color: rgba(29, 8, 0, 0.05); /* ベースカラーを薄くして背景色に */
  }

    /* ▼▼▼ ここからが除外設定 ▼▼▼ */
  /* .mainBox 内のテーブルデザインをリセット（初期化）する */
  .comArea .formarea table,
  .comArea .formarea th,
  .comArea .formarea td,
  .comArea .formarea tr {
	all: revert; /* 適用された全てのスタイルをブラウザのデフォルトに戻す */
  }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	Pintarest pin対策
------------------------------------------------------------*/
span[class^="PIN_"] {
  z-index: 100!important;
}

/*------------------------------------------------------------
	wrap
------------------------------------------------------------*/
#wrap {
	width: 100%;
	/* padding-left: 320px; */
}

/*------------------------------------------------------------
	content
------------------------------------------------------------*/
#conts .content {
	margin: 0 auto;
	width: 1080px;
}

/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
#main .pageTitle {
	height: 300px;
	background: url(../images/flow/bg01.jpg) no-repeat center center;
	background-size: cover;
  position: relative;
  z-index: 101;
}
#main .pageTitle h1,
#main .pageTitle .h1 {
	padding: 15px;
	color: #fff;
	/* font-size: 12px; */
	font-weight: normal;
}

#main .pageTitle h2,
#main .pageTitle .h2 {
	text-align: center;
	padding-top: 42px;
}

/*------------------------------------------------------------
	pageTop
------------------------------------------------------------*/
#main .pageTop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 102;
}

#main .pageTop a {
	display: block;
}

#main .pageTop a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
#conts .headLine01 {
	margin-bottom: 52px;
	text-align: center;
}

.headLine01 {
  font-size: 54px;
  font-weight: bold;
}
.headLine01 .sub {
  font-size: 18px;
  font-weight: bold;
  color: #3d3939;
}

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
#conts .comLink {
	width: 180px;
}

#conts .comLink a {
	display: block;
}

#conts .comLink a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .comLinkEvent {
	width: 300px;
}

/*------------------------------------------------------------
	comCenterTxt
------------------------------------------------------------*/
#conts .comCenterTxt {
	font-size: 16px;
	line-height: 1.7;
	text-align: center;
}

/*------------------------------------------------------------
	comTtlBox
------------------------------------------------------------*/
#conts .comTtlBox {
	padding: 47px 0 45px;
	position: relative;
	background-color: #2b2b2b;
}

#conts .comTtlBox .content {
	margin: 0 auto;
	/*padding: 0 350px;*/
	padding: 0 250px;
	width: auto;
}

#conts .comTtlBox .headLine01 {
	margin-bottom: 24px;
}

#conts .comTtlBox .comCenterTxt {
	color: #FFF;
}

#conts .comTtlBox .comLink {
	position: absolute;
	/*right: 160px;*/
	right: 60px;
	bottom: 50px;
}

/*------------------------------------------------------------
	comImgList
------------------------------------------------------------*/
#conts .comImgList {
	margin-bottom: 60px;
  position: relative;
  background: #fff;
  z-index: 101;
}

#conts .comImgList li {
	width: 25%;
	position: relative;
	float: left;
}

#conts .comImgList li .inn {
	padding-bottom: 45px;
	display: block;
	text-decoration: none;
}

#conts .comImgList li:nth-child(odd) {
	background-color: #f3f3f3;
}

#conts .comImgList li .photo {
	position: relative;
}

#conts .comImgList li .photo img {
	width: 100%;
	height: auto;
}

#conts .comImgList li .photo .ttl {
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
  font-size: inherit;
  padding: 0;
}

#conts .comImgList li .note {
	margin: 20px 0 20px 20px;
	padding: 11px 0 7px;
	width: 200px;
	display: block;
	color: #fff;
	font-family: "メイリオ", "ヒラギノ角ゴ", sans-serif;
	font-size: 15px;
	text-align: center;
}

#conts .comImgList li .note span {
	padding-left: 31px;
	display: inline-block;
	background: url(../images/common/icon01.png) no-repeat left top;
}

#conts .comImgList li .orange {
	background-color: #f08223;
}

#conts .comImgList li .blue {
	width: 150px;
	background-color: #00a0e9;
}

#conts .comImgList li .title {
	margin: 0 10px 17px;
	display: block;
	color: #000;
	font-family: 'NotoSansCJKjp-Medium',sans-serif;
	font-size: 18px;
	text-align: center;
}

#conts .comImgList li .title a {
	text-decoration: none;
}

#conts .comImgList li .address {
	position: absolute;
	bottom: 25px;
	right: 25px;
	display: block;
	color: #000;
	font-size: 16px;
}

#conts .comImgList li .address span {
	margin-right: 15px;
}

#conts .reportList li .note {
  background: #000;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .comImgList li .address {
		text-align: right;
		padding: 0 20px 5px 0;
		display: block;
		color: #000;
		font-size: 16px;
		position: static;
	}
}
/*------------------------------------------------------------
	comContactBox
------------------------------------------------------------*/
#conts .comContactBox {
	padding: 127px 0 120px;
	border-top: 1px solid #CFCECE;
	background-color: #F3F3F3;
}

#conts .comContactBox .title {
	margin-bottom: 44px;
	text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.0;
  letter-spacing: 0.2em;
  color: #000;
}

#conts .comContactBox .time {
	margin-bottom: 51px;
	text-align: center;
}

#conts .comContactBox .time .tel {
	margin-bottom: 13px;
	display: block;
	text-align: center;
}

#conts .comContactBox .linkItem {
	margin: 0 auto;
	width: 740px;
}

#conts .comContactBox .linkItem li {
	float: left;
}

#conts .comContactBox .linkItem li:first-child {
	margin-right: 20px;
}

#conts .comContactBox .linkItem li a {
	display: block;
}

#conts .comContactBox .linkItem li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*------------------------------------------------------------
	comBtmTtlBox
------------------------------------------------------------*/
#conts .comBtmTtlBox {
	text-align: center;
}

/*------------------------------------------------------------
	wp-pagenavi
------------------------------------------------------------*/
#conts .wp-pagenavi {
	margin: 0 auto ;
	width: auto;
	 clear: both;
	 text-align: center;
	 overflow: hidden;
}

#conts .wp-pagenavi a,
#conts .wp-pagenavi span {
	padding-top: 7px;
	width: 41px;
	height: 40px;
	float: none;
	display: inline-block;
	color: #2b2b2b;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #2B2B2B;
	border-right: none;
  margin: 0;
}

#conts .wp-pagenavi a:hover,
#conts .wp-pagenavi .current {
	color: #FFF;
	background-color: #2B2B2B;
}
#conts .wp-pagenavi span.pages {
	display: none;
}

#conts .wp-pagenavi .previouspostslink,
#conts .wp-pagenavi .nextpostslink {
	width: 119px;
	font-weight: normal;
}

#conts .wp-pagenavi .first,
#conts .wp-pagenavi .last {
	display: none;
}

#conts .wp-pagenavi .nextpostslink {
	border-right: 1px solid #2B2B2B;
}
#conts .wp-pagenavi .extend {
	display: none;
}


/*------------------------------------------------------------
	comBtmBox
------------------------------------------------------------*/
#conts .comBtmBox {
	margin: 0 auto;
	padding: 102px 0 104px;
	border-top: 1px solid #CCCCCC;
}

#conts .comBtmBox .comBtmTtlBox {
  width: 700px;
  padding: 12px 0;
  border: 1px solid;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.06em;
  margin: 0 auto 40px;
  position: relative;
}
#conts .comBtmBox .comBtmTtlBox:before {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 15px 0 15px;
  border-color: #282828 transparent transparent transparent;
}
#conts .comBtmBox .comBtmTtlBox:after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 15px 0 15px;
  border-color: #ffffff transparent transparent transparent;
}

#conts .comBtmBox .comCenterTxt {
	margin-bottom: 34px;
}

#conts .comBtmBox .comLink {
	margin: 0 auto;
	width: 320px;
}

.bnr_ones_cubo + .comBtmBox{
	padding-top: 0;
	border-top: none;
}
/*------------------------------------------------------------
	comArea
------------------------------------------------------------*/
#conts .comArea {
	margin: 0 auto;
	width: 1080px;
}

/* #conts .comArea .mainBox {
	width: 750px;
	float: left;
} */

#conts .comArea .mainBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#conts .comArea .category {
	padding: 39px 25px 44px;
	width: 250px;
	float: right;
	box-sizing: border-box;
	background-color: #F3F3F3;
}

#conts .comArea .category h3 {
	margin-bottom: 35px;
	text-align: center;
}

#conts .comArea .category .linkUl li {
	margin-bottom: 17px;
}

#conts .comArea .category .linkUl li a {
	padding-bottom: 11px;
	display: block;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	border-bottom: 1px dotted #494949;
}

#conts .comArea .category .linkUl li:last-child {
	margin-bottom: 0;
}

#conts .comArea .category .linkUl li:last-child a {
	border-bottom: none;
}

#conts .comArea .category .linkUl li a span {
	margin-left: 15px;
}

#conts .comArea .category .linkUl li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
	/*------------------------------------------------------------
		wrap
	------------------------------------------------------------*/
	#wrap {
		padding-left: 0;
	}

	/*------------------------------------------------------------
		content
	------------------------------------------------------------*/
	#conts .content {
		margin: 0 20px;
		width: auto;
	}

	/*------------------------------------------------------------
		pageTitle
	------------------------------------------------------------*/
	#main .pageTitle {
		padding-bottom: 28px;
		height: auto;
	}

	#main .pageTitle h1 {
		font-size: 11px;
	}

	#main .pageTitle h2,
	#main .pageTitle .h2 {
		padding-top: 12px;
	}

  #main .pageTitle h2 img,
	#main .pageTitle .h2 img {
		margin: 0 auto;
		width: auto;
		height: 85px;
	}

	/*------------------------------------------------------------
		pageTop
	------------------------------------------------------------*/
	#main .pageTop {
		right: 0;
		bottom: 82px;
	}

	#main .pageTop a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	/*------------------------------------------------------------
		headLine01
	------------------------------------------------------------*/
	#main .headLine01 {
		margin-bottom: 18px;
	}

	#main .headLine01 img {
		margin: 0 auto;
		width: auto;
		height: 40px;
	}

	/*------------------------------------------------------------
		comLink
	------------------------------------------------------------*/
	#conts .comLink {
		width: 120px;
	}

	#conts .comLink a img {
		width: 100%;
    height: auto;
	}

	#conts .comLink a:hover img {
		filter: alpha(opacity=100);
		opacity: 1;
	}

  #conts .comLinkEvent {
		width: 210px;
	}
	/*------------------------------------------------------------
		comCenterTxt
	------------------------------------------------------------*/
	#conts .comCenterTxt {
		/* font-size: 12px; */
	}

	/*------------------------------------------------------------
		comTtlBox
	------------------------------------------------------------*/
	#conts .comTtlBox {
		padding: 18px 0 ;
		position: static;
	}

	#conts .comTtlBox .content {
		padding: 0 15px;
		position: relative;
	}

	#conts .comTtlBox .headLine01 {
		margin-bottom: 15px;
	}

	#conts .comTtlBox .comLink {
		margin: 12px auto 0;
		position: static!important;
	}

	/*------------------------------------------------------------
		comImgList
	------------------------------------------------------------*/
	#conts .comImgList {
		margin: -1px 0 20px;
	}

	#conts .comImgList li {
		margin-top: 1px;
		width: 50%;
		float: right;
		box-sizing: border-box;
	}

	#conts .comImgList li .inn {
		padding-bottom: 20px;
	}

	#conts .comImgList li:nth-child(odd) {
		float: left;
	}

	#conts .comImgList li .photo .ttl {
		width: 75px;
	}

	#conts .comImgList li .photo .ttl img {
		width: 100%;
    height: auto;
	}

	#conts .comImgList li .note {
		margin: 10px auto;
		padding: 6px 0;
		width: 150px;
		/* font-size: 12px; */
	}

	#conts .comImgList li .note span {
		padding-left: 22px;
		background: url(../images/common/icon01.png) no-repeat left top;
	}

	#conts .comImgList li .blue {
		width: 120px;
	}

	#conts .comImgList li .title {
		margin: 0 10px 10px;
		font-size: 16px;
	}

	#conts .comImgList li .address {
		bottom: 5px;
		right: 15px;
		/* font-size: 12px; */
	}

	#conts .comImgList li .address span {
		margin-right: 10px;
	}

	/*------------------------------------------------------------
		comContactBox
	------------------------------------------------------------*/
	#conts .comContactBox {
		padding: 24px 0;
	}

	#conts .comContactBox .title {
		margin-bottom: 16px;
	}

	#conts .comContactBox .title img {
		margin: 0 auto;
		width: 310px;
	}

	#conts .comContactBox .time {
		margin-bottom: 18px;
	}

	#conts .comContactBox .time img {
		margin: 0 auto;
		width: 290px;
	}

	#conts .comContactBox .time .tel img {
		width: 280px;
	}

	#conts .comContactBox .linkItem {
		width: auto;
		text-align: center;
	}

	#conts .comContactBox .linkItem li {
		margin: 0 20px;
		float: none;
		display: inline-block;
	}

	#conts .comContactBox .linkItem li a img {
		margin: 0 auto;
	}

	#conts .comContactBox .linkItem li:first-child {
		margin: 0 20px;
	}

	#conts .comContactBox .linkItem li a:hover img {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	/*------------------------------------------------------------
		wp-pagenavi
	------------------------------------------------------------*/
	#conts .wp-pagenavi {
		width: auto;
	}

	#conts .wp-pagenavi a,
	#conts .wp-pagenavi span {
		padding-top: 6px;
		width: 31px;
		height: 30px;
		/* font-size: 12px; */
	}

	#conts .wp-pagenavi a:hover,
	#conts .wp-pagenavi .current {
		color: #2b2b2b;
		background-color: #FFF;
	}

	#conts .wp-pagenavi .nextpostslink,
	#conts .wp-pagenavi .previouspostslink {
		width: 84px;
	}

  #conts .wp-pagenavi .current {
    color: #FFF;
    background-color: #2B2B2B;
  }

	/*------------------------------------------------------------
		comBtmBox
	------------------------------------------------------------*/
	#conts .comBtmBox {
		margin: 0;
		padding: 20px 10px;
		max-width: inherit;
	}

	#conts .comBtmBox .comBtmTtlBox {
		margin-bottom: 24px;
		text-align: center;
	}

	#conts .comBtmBox .comBtmTtlBox img {
		margin: 0 auto;
		width: auto;
		height: 50px;
	}

	#conts .comBtmBox .comCenterTxt {
		margin-bottom: 10px;
		/* font-size: 12px; */
	}

	#conts .comBtmBox .comLink {
		margin: 0 auto;
		width: 200px;
	}

	#conts .comBtmBox .comLink img {
		width: 100%;
		height: auto;
	}

	/*------------------------------------------------------------
		comArea
	------------------------------------------------------------*/
	#conts .comArea {
		margin: 0 20px;
		width: auto;
	}

	#conts .comArea .mainBox {
		width: auto;
		float: none;
	}

	#conts .comArea .category {
		margin-bottom: 25px;
		padding: 20px 15px;
		width: auto;
		float: none;
	}

	#conts .comArea .category h3 {
		margin-bottom: 16px;
	}

	#conts .comArea .category h3 img {
		margin: 0 auto;
		height: 20px;
		width: auto;
	}

	#conts .comArea .category .linkUl li {
		margin-bottom: 10px;
	}

	#conts .comArea .category .linkUl li a {
		padding-bottom: 8px;
		/* font-size: 12px; */
	}

	#conts .comArea .category .linkUl li a span {
		margin-left: 12px;
	}

	#conts .comArea .category .linkUl li a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}
}

/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main .mainVisual {
	/*padding-top: 22px;*/
  width: 100%;
	/*min-height: 900px;*/
	/*background: url(../images/index/main_visual_bg.jpg) no-repeat center top;
	background-size: cover;*/
  display: block;
  position: relative;
}
@-moz-document url-prefix(){
  #main .mainVisual {
  	height: 900px;
  }
}
#main .mainVisual .h1{
	position: absolute;
	top: 15px;
	left: 15px;
	color: #fff;
	/* font-size: 12px; */
	font-weight: normal;
	z-index: 5;
}
@media (max-width: 767px) and (min-width: 0){
	#main .mainVisual .h1 {
		top: 10px;
	  font-size: 10px;
	}
}

#main .mainVisual .mv_ttl {
  display: block;
  width: 90%;
  max-width: 990px;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 280px;
  top: 32%;
  left: 0;
  right: 0;
  /*z-index: 110;*/
}
#main.tab .mainVisual .mv_ttl {
  width: 60%;
}
#main.tab .mainVisual .mv_ttl {
  top: 160px;
}
#main .mainVisual .mv_ttl img {
  width: 100%;
  height: auto;
}

.slick-slide img {
  width: 100%;
  height: auto;
}

.home {
  padding: 112px 0 0;
}

#conts .home .concept {
	/* padding-top: 119px; */
  padding-top: 60px;
}

#conts .home .concept .pTitle {
	font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
	margin-bottom: 68px;
	text-align: center;
  color: #000;
}

#conts .home .concept .textList li {
	padding: 56px 45px 86px;
	width: 33.2%;
	float: left;
	box-sizing: border-box;
	background-color: #F3F3F3;
}

#conts .home .concept .textList li:nth-child(3n-1) {
	margin: 0 0.2%;
}

#conts .home .concept .textList li span {
	display: block;
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: -0.5px;
}

#conts .home .concept .textList li .ttl {
	margin-bottom: 23px;
	text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  color: #000;
}

#conts .home .concept .textList .subList li {
	padding: 0 0 0 11px;
	width: auto;
	height: auto !important;
	float: none;
	line-height: 1.88;
	background: url(../images/common/icon07.png) no-repeat 2px 9px;
}

#conts .home .brand {
	padding: 118px 0 115px;
}

#conts .home .brand .headLine01 {
	margin-bottom: 49px;
}

#conts .home .brand p {
	font-size: 16px;
	line-height: 1.75;
	text-align: center;
}

#conts .home .brand p span {
	font-weight: bold;
}

#conts .home .news {
	padding: 119px 0 119px;
	background-color: #F3F3F3;
}

#conts .home .news .headLine01 {
	margin-bottom: 60px;
}

#conts .home .imgBox {
	margin: 0 auto;
	width: 1080px;
	background-color: #FFF;
}

#conts .home .imgBox .photoBox{
	float: left;
}

#conts .home .imgBox .textBox {
	padding: 82px 30px 0 40px;
	width: 540px;
	position: relative;
	float: right;
	box-sizing: border-box;
}

#conts .home .imgBox .textBox p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.75;
}

#conts .home .imgBox .textBox .note {
	padding: 3px 0;
	width: 100px;
	position: absolute;
	left: 0;
	top: -3px;
}

#conts .home .imgBox .textBox .ttl {
	margin-bottom: 17px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
}

#conts .home .imgBox .textBox .comLink {
	padding: 3px 10px 0 0;
	float: right;
}

#conts .home .news .imgBox {
	margin-bottom: 99px;
}

#conts .home .news dl {
	margin: 0 auto 48px;
	width: 1080px;
}

#conts .home .news dt {
	float: left;
	clear: left;
}

#conts .home .news dt .time {
	color: #000;
	font-size: 16px;
}

#conts .home .news dt .text {
	margin-left: 18px;
	padding: 5px 5px 4px;
	width: auto;
	display: inline-block;
	color: #FFF;
	font-family: "メイリオ", "ヒラギノ角ゴ", sans-serif;
	font-size: 16px;
	text-align: center;
	background-color: #00a0e9;
}

#conts .home .news dt .orange {
	background-color: #f08223;
}

#conts .home .news dd {
	margin-bottom: 20px;
	padding: 7px 0 4px 20.5em;
}

#conts .home .news dd a {
	letter-spacing: -0.5px;
}

#conts .home .news dd:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

#conts .home .news .comLink {
	margin: 0 auto;
}

#conts .home .line {
	padding: 122px 0 150px;
}

#conts .home .line .headLine01 {
	margin-bottom: 50px;
}

#conts .home .line .comCenterTxt {
	margin-bottom: 77px;
}

#conts .home .line .imgBox {
	margin-bottom: 90px;
}

#conts .home .line .imgBox .textBox {
	padding: 70px 0 0 50px;
}

#conts .home .line .imgBox .textBox .note {
  width: 150px;
	left: 50px;
	top: 0;
	padding: 7px 0;
	color: #FFF;
	font-family: "メイリオ", "ヒラギノ角ゴ", sans-serif;
	font-size: 15px;
	text-align: center;
	background-color: #6e7175;
}
#conts .home .line .imgBox .textBox .note.renovation {
  background-color: #acd598;
}

#conts .home .line .imgBox .textBox .note span {
	padding-left: 30px;
	display: inline-block;
	background: url(../images/common/icon01.png) no-repeat left center;
}

#conts .home .line .imgBox .textBox .title {
  margin-bottom: 14px;
  font-size: 34px;
  font-weight: bold;
  color: #000;
  line-height: 1.0;
}
.textBox .title_sub {
  display: inline-block;
  font-size: 18px;
  margin: 24px 0 0;
  line-height: 1.4;
}

#conts .home .line .imgBox .textBox .comLink {
	padding: 34px 0 0;
}

#conts .home .line .imgBoxL+ .imgBox {
	/*margin-bottom: 0;*/
}

#conts .home .line .imgBox:last-child {
	margin-bottom: 0;
}

#conts .home .line .imgBoxL .photoBox {
	float: right;
}

#conts .home .line .imgBoxL .textBox {
	padding: 83px 50px 0 0;
	float: left;
}

#conts .home .line .imgBoxL .textBox .note {
	width: 200px;
	left: 0;
	top: 15px;
	background-color: #58665a;
}

#conts .home .line .imgBoxL .textBox .note.gg {
	background-color: #00a0e9;
}

#conts .home .imgItem {
	margin-bottom: 119px;
}

#conts .home .imgItem li {
	padding: 113px 10px 111px;
	width: 25%;
	float: left;
	box-sizing: border-box;
	background: rgba(0,0,0,0.45);
  position: relative;
}

#conts .home .imgItem li.click:hover {
  opacity: 1.0;
  background: rgba(0,0,0,0.3);
}

#conts .home .imgItem li a {
	display: block;
	text-decoration: none;
  color: #fff;
}

#conts .home .imgItem li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .home .imgItem li:first-child {
	padding: 95px 40px 40px;
	background-color: #2b2b2b;
}

/*#conts .home .imgItem li:nth-child(2) {
	background: url(../images/index/photo04.jpg) no-repeat center top;
	background-size: cover;
}

#conts .home .imgItem li:nth-child(3) {
	background: url(../images/index/photo05.jpg) no-repeat center top;
	background-size: cover;
}

#conts .home .imgItem li:nth-child(4) {
	background: url(../images/index/photo06.jpg) no-repeat center top;
	background-size: cover;
}*/

#conts .home .imgItem li p {
	color: #FFF;
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
}

#conts .home .imgItem li .title {
	margin-bottom: 18px;
	color: #fff;
	font-size: 18px;
	line-height: normal;
	text-align: center;
}

#conts .home .imgItem li .title .bd {
	padding: 2px 10px 1px;
	display: inline-block;
	color: #FFF;
	font-family: "メイリオ", "ヒラギノ角ゴ", sans-serif;
	/* font-size: 12px; */
	letter-spacing: -2px;
	text-align: center;
	border: 1px solid #fff;
}

#conts .home .imgItem li .title .text {
	margin-top: 22px;
	display: block;
	line-height: 1.64;
}

#conts .home .imgItem li .bg {
	position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: -1;
}
#conts .home .imgItem li .bg img{
	position: absolute;
  width: auto;
  height: 100%;
  top: 0;
  left: 50%;
  margin: 0 0 0 -200px;
  /*margin: 0 0 0 -50%;*/
}

#conts .home .imgItem li:first-child .headLine01 {
	margin-bottom: 14px;
}

#conts .home .imgItem li:first-child p {
	line-height: 1.8;
	text-align: left;
}

#conts .home .imgItem li:first-child .comLink {
	margin: 10px auto 0;
}

#conts .home .textItem {
	margin-bottom: 119px;
}

#conts .home .textItem li {
	padding-bottom: 60px;
	width: 33.333%;
	position: relative;
	float: left;
}

#conts .home .textItem li:before {
	margin-top: -95px;
	width: 1px;
	height: 200px;
	position: absolute;
	background-color: #DFDEDE;
	top: 50%;
	right: -1px;
	content: " ";
}

#conts .home .textItem li:last-child:before {
	display: none;
}

#conts .home .textItem li h3 {
	margin-bottom: 41px;
	text-align: center;
  margin-bottom: 41px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.textItem li .textItemSub {
  color: #dfdede;
}

#conts .home .textItem li .photo {
	margin-bottom: 45px;
	text-align: center;
}

#conts .home .textItem li p {
	margin: 0 23%;
	font-size: 16px;
	line-height: 1.8;
}

#conts .home .textItem li .comLink {
	margin-left: -90px;
	position: absolute;
	left: 50%;
	bottom: 0;
}

#conts .home .exhibition {
	/* margin-bottom: 124px; */
	margin-top: 124px;
	padding: 118px 0 120px;
	background: url(../images/index/bg01.jpg) no-repeat center top;
	background-size: cover;
}

#conts .home .exhibition .headLine01 {
	margin-bottom: 49px;
}

#conts .home .exhibition .comCenterTxt {
	margin-bottom: 76px;
	color: #FFF;
	line-height: 1.8;
}

#conts .home .exhibition .imgArea {
	margin: 0 auto 79px;
	width: 1080px;
	background-color: #fff;
}

#conts .home .exhibition .imgArea .photo {
	float: left;
}

#conts .home .exhibition .imgArea .mapBox {
	width: 540px;
	float: right;
	background-color: #FFF;
}

#conts .home .exhibition .imgArea .mapBox .textArea {
	padding: 48px 40px 49px 50px;
}

/*EDGE*/
@supports (-ms-ime-align:auto) {
  #conts .home .exhibition .imgArea .mapBox .textArea {
  	padding: 48px 40px 47px 50px;
  }
}
/*IE11*/
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, #conts .home .exhibition .imgArea .mapBox .textArea {
	padding: 48px 40px 46px 50px\0;
}
}
/*firefox*/
@-moz-document url-prefix() {
  #conts .home .exhibition .imgArea .mapBox .textArea {
  	padding: 48px 40px 46px 50px;
  }
}

#conts .home .exhibition .imgArea .mapBox .textArea .ttl {
	margin-bottom: 2px;
	font-size: 16px;
}

#conts .home .exhibition .imgArea .mapBox .textArea dl {
	font-size: 16px;
	line-height: 1.75;
}

#conts .home .exhibition .imgArea .mapBox .textArea dt {
	float: left;
}

#conts .home .exhibition .imgArea .mapBox .textArea dd {
	padding-left: 6.2em;
}

#conts .home .exhibition .imgArea .mapBox .textArea dd a {
	color: #8d8c8c;
}

#conts .home .exhibition .imgArea .mapBox .textArea .comLink {
	margin-top: -42px;
	float: right;
}

#conts .home .exhibition .imgArea .mapBox .map {
	width: 540px;
	height: 240px;
}

#conts .home .exhibition .imgArea .mapBox .map iframe {
	width: 540px;
	height: 100%;
}

#conts .home .exhibition .contactBox {
	padding: 38px 0 34px;
	background-color: #FFF;
}

#conts .home .exhibition .contactBox p {
	margin-bottom: 46px;
	text-align: center;
  font-size: 28px;
  line-height: 1.0;
  font-weight: bold;
}

#conts .home .exhibition .contactBox .ttl {
	margin-bottom: 26px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.0;
  color: #000;
}

#conts .home .exhibition .contactBox .linkList {
	margin: 0 auto;
	width: 600px;
}

#conts .home .exhibition .contactBox .linkList li {
	float: left;
}

#conts .home .exhibition .contactBox .linkList li:first-child {
	margin: 1px 40px 0 0;
	width: 296px;
}

#conts .home .exhibition .contactBox .linkList li:first-child span {
	display: block;
}

#conts .home .exhibition .contactBox .linkList li:first-child .time {
	margin-top: 8px;
}

#conts .home .exhibition .contactBox .linkList li a {
	display: block;
}

#conts .home .exhibition .contactBox .linkList li .btn {
  width: 260px;
  padding: 20px 0 19px;
  text-align: center;
  padding: 20px 0 19px;
  font-size: 16px;
  line-height: 1.0;
  color: #fff;
  background: #58665a;

}
#conts .home .exhibition .contactBox .linkList li .btn:hover {
  text-decoration: none;
}

#conts .home .exhibition .contactBox .linkList li:last-child a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .home .snsList {
	margin: 0 auto 211px;
	width: 1080px;
}

#conts .home .snsList li {
	width: 500px;
	float: left;
}

#conts .home .snsList li:first-child {
	margin-right: 80px;
}

#conts .home .snsList li .ttl {
	margin-bottom: 29px;
	display: block;
	text-align: center;
}

#conts .home .snsList li:last-child .ttl {
	margin-bottom: 41px;
}

#conts .home .message {
	padding: 27px 0 165px;
	background: url(../images/index/bg02.jpg) no-repeat right top;
}

#conts .home .message .textArea {
	width: 800px;
}

#conts .home .message .textArea .h3Ttl {
	margin-bottom: 47px;
}

.h3TtlSub {
  display: inline-block;
  font-size: 26px;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
  margin: 30px 0 0;
}

#conts .home .message .textArea p {
	color: #000;
	font-size: 16px;
	line-height: 1.75;
}

#conts .home .message .textArea p+ p {
	margin: 20px 0 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#sideBar .logo {
		margin-top: 5px !important;
	}

	#main .mainVisual {
		padding: 0 0 30px;
		min-height: inherit;
	}
  #main .mainVisual .mv_ttl {
    top: 40px;
	}
	#main .mainVisual .mv_ttl img {
    width: 80%;
    height: auto;
		margin: 0 auto;
	}
  .home {
    padding: 0;
  }
	#conts .home .concept {
		padding-top: 20px;
	}

	#conts .home .concept .pTitle {
		margin-bottom: 18px;
	}

	#conts .home .concept .pTitle img {
		margin: 0 auto;
	}

	#conts .home .concept .textList li {
		margin-bottom: 15px;
		padding: 20px 15px;
		width: auto;
		float: none;
	}

	#conts .home .concept .textList li:nth-child(3n-1) {
		margin: 0 0 15px;
	}

	#conts .home .concept .textList li:last-child {
		margin-bottom: 0;
	}

	#conts .home .concept .textList li span {
		/* font-size: 12px; */
		line-height: 1.8;
		letter-spacing: normal;
	}

	#conts .home .concept .textList li .ttl {
		margin-bottom: 15px;
	}

	#conts .home .concept .textList li .ttl img {
		margin: 0 auto;
		width: 170px;
	}

	#conts .home .concept .textList li:nth-child(3n-1) .ttl img {
		width: 270px;
	}

	#conts .home .concept .textList li:last-child .ttl img {
		width: 260px;
	}

	#conts .home .concept .textList .subList li {
		/* font-size: 12px; */
		line-height: 1.8;
	}

	#conts .home .brand {
		padding: 20px 0;
	}

	#conts .home .brand .headLine01 {
		margin-bottom: 14px;
	}

	#conts .home .brand p {
		margin: 0 15px;
		/* font-size: 12px; */
		line-height: 1.7;
		text-align: left;
	}

	#conts .home .news {
		padding: 20px 0;
	}

	#conts .home .news .headLine01 {
		margin-bottom: 18px;
	}

	#conts .home .imgBox {
		width: auto;
		background-color: #F3F3F3;
	}

	#conts .home .imgBox .photoBox {
		margin-bottom: 16px;
		float: none;
	}

	#conts .home .imgBox .photoBox img {
		margin: 0 auto;
	}

	#conts .home .imgBox .textBox {
		margin: 0 15px;
		padding: 26px 0 0;
		width: auto;
		float: none;
	}

	#conts .home .imgBox .textBox p {
		/* font-size: 12px; */
		line-height: 1.7;
	}

	#conts .home .imgBox .textBox .note {
		padding: 2px 0;
		width: 80px;
		top: 0;
	}

	#conts .home .imgBox .textBox .ttl {
		margin-bottom: 8px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}

	#conts .home .imgBox .textBox .comLink {
		padding: 0;
	}

	#conts .home .news .imgBox {
		margin-bottom: 22px;
	}

	#conts .home .news dl {
		margin: 0 15px 18px;
		width: auto;
	}

	#conts .home .news dt {
		margin-bottom: 10px;
		float: none;
	}

	#conts .home .news dt .time {
		/* font-size: 12px; */
	}

	#conts .home .news dt .text {
		margin-left: 10px;
		padding: 3px 5px 2px;
		width: auto;
		font-size: 10px;
	}

	#conts .home .news dd {
		margin-bottom: 15px;
		padding: 0;
	}

	#conts .home .news dd a {
		letter-spacing: normal;
		text-decoration: none;
	}

	#conts .home .line {
		padding: 65px 0 15px;
    margin-top: -45px;
	}

	#conts .home .line .headLine01 {
		margin-bottom: 15px;
	}

	#conts .home .line .comCenterTxt {
		margin: 0 15px 20px;
	}

	#conts .home .line .imgBox {
		margin-bottom: 18px;
		padding: 15px 0;
	}

	#conts .home .line .imgBox .textBox {
		padding: 0;
	}

	#conts .home .line .imgBox .textBox .note {
		margin: 0 auto 12px;
		padding: 4px 0;
		width: 160px;
		position: static;
		font-size: 13px;
	}

	#conts .home .line .imgBox .textBox .note span {
		padding-left: 22px;
	}

	#conts .home .line .imgBox .textBox .title img {
		margin: 0 auto;
		width: 62%;
	}
  #conts .home .line .imgBox+ .imgBox .textBox .title img {
    margin: 0 auto;
    width: 92%;
  }

	#conts .home .line .imgBox .textBox .comLink {
		padding-top: 16px;
	}

  #conts .home .line .imgBoxL+ .imgBox {
		margin-bottom: 0;
		/* padding-bottom: 0; */
	}

	#conts .home .line .imgBoxL .photoBox {
		float: none;
	}

	#conts .home .line .imgBoxL .textBox {
		padding: 0;
		float: none;
	}

	#conts .home .line .imgBoxL .textBox .note {
		width: 120px;
		position: static;
	}

	#conts .home .imgItem {
		margin: -3px 0 43px;
	}

	#conts .home .imgItem li {
		margin-top: 3px;
		padding: 15px 5px;
		width: 49.5%;
		float: left;
	}

	#conts .home .imgItem li:nth-child(even) {
		float: right;
	}

	#conts .home .imgItem li a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#conts .home .imgItem li:first-child {
		padding: 20px 5px;
	}

	#conts .home .imgItem li p {
		font-size: 11px;
		line-height: 1.6;
		text-align: left;
	}

	#conts .home .imgItem li .title {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: normal;
	}

	#conts .home .imgItem li .title .bd {
		padding: 2px 8px 1px;
		font-size: 11px;
		letter-spacing: normal;
	}

	#conts .home .imgItem li .title .text {
		margin-top: 16px;
		line-height: normal;
	}

	#conts .home .imgItem li:first-child .headLine01 {
		margin-bottom: 12px;
	}

	#conts .home .imgItem li:first-child p {
		line-height: 1.6;
	}

	#conts .home .imgItem li:first-child .comLink {
		margin-top: 8px;
	}

	#conts .home .textItem {
		margin-bottom: 0;
	}

	#conts .home .textItem li {
		padding-bottom: 50px;
		width: auto;
		float: none;
	}

	#conts .home .textItem li:before {
		display: none;
	}

	#conts .home .textItem li h3 {
		margin-bottom: 6px;
	}

	#conts .home .textItem li h3 img {
		margin: 0 auto;
		height: 40px;
		width: auto;
	}

	#conts .home .textItem li .photo {
		margin: 0 auto 10px;
		width: 58px;
	}

	#conts .home .textItem li .photo img {
		width: 100%;
    height: auto;
	}

	#conts .home .textItem li p {
		margin: 0 15px;
		/* font-size: 12px; */
	}

	#conts .home .textItem li .comLink {
		margin: 15px auto 0;
		position: static;
	}

	#conts .home .exhibition {
		margin-bottom: 24px;
		padding: 30px 0;
	}

	#conts .home .exhibition .headLine01 {
		margin-bottom: 16px;
	}

	#conts .home .exhibition .comCenterTxt {
		margin-bottom: 18px;
	}

	#conts .home .exhibition .imgArea {
		margin: 0 auto 18px;
		width: auto;
	}

	#conts .home .exhibition .imgArea .photo {
		float: none;
    /* margin: 0 15px; */
	}

	#conts .home .exhibition .imgArea .photo img {
		width: 100%;
	}

	#conts .home .exhibition .imgArea .mapBox {
		/* margin: 0 15px; */
		width: auto;
		float: none;
	}

	#conts .home .exhibition .imgArea .mapBox .textArea {
		padding: 15px;

	}

	#conts .home .exhibition .imgArea .mapBox .textArea dl {
		/* font-size: 12px; */
	}

	#conts .home .exhibition .imgArea .mapBox .textArea dd {
		padding-left: 5.5em;
	}

	#conts .home .exhibition .imgArea .mapBox .textArea dd a {
		text-decoration: none;
	}

	#conts .home .exhibition .imgArea .mapBox .textArea .comLink {
		margin-top: -28px;
	}

	#conts .home .exhibition .imgArea .mapBox {
		width: auto;
		/* height: 240px; */
	}
	

  #conts .home .exhibition .imgArea .mapBox .map {
		max-width: 100%;
	}

	#conts .home .exhibition .contactBox {
		padding: 16px 10px;
	}

	#conts .home .exhibition .contactBox p {
		margin-bottom: 18px;
    color: #000;
	}

	#conts .home .exhibition .contactBox p img {
		margin: 0 auto;
		width: 100%;
	}

	#conts .home .exhibition .contactBox .ttl {
		margin-bottom: 13px;
	}

	#conts .home .exhibition .contactBox .linkList {
		width: auto;
	}

	#conts .home .exhibition .contactBox .linkList li {
		float: none;
	}

	#conts .home .exhibition .contactBox .linkList li img {
		margin: 0 auto;
		width: 260px;
	}

	#conts .home .exhibition .contactBox .linkList li:first-child {
		margin: 0 0 10px;
		width: auto;
	}

	#conts .home .exhibition .contactBox .linkList li:first-child img {
		width: 280px;
	}

	#conts .home .exhibition .contactBox .linkList li:last-child a:hover img {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#conts .home .snsList {
    width: 100%;
		margin-bottom: 28px;
		width: auto;
    overflow: hidden;
	}

	#conts .home .snsList li {
		width: auto;
		float: none;
	}

	#conts .home .snsList li img {
		margin: 0 auto;
	}

	#conts .home .snsList li:first-child {
		margin: 0 0 20px;
	}

	#conts .home .snsList li .ttl {
		margin-bottom: 14px;
	}

	#conts .home .snsList li .ttl img {
		margin: 0 auto;
		width: 190px;
	}

	#conts .home .snsList li:last-child .ttl {
		margin-bottom: 14px;
	}

	#conts .home .message {
		padding: 25px 0 20px;
		background: url(../images/index/bg02.jpg) no-repeat right top;
		background-size: 70% auto;
	}

	#conts .home .message .textArea {
		width: auto;
	}

	#conts .home .message .textArea .h3Ttl {
		margin-bottom: 16px;
	}

	#conts .home .message .textArea p {
		/* font-size: 12px; */
	}
  #conts .home .message .textArea br {
    display: none;
  }
  #conts .home .imgItem li .bg img{
    margin: 0 0 0 -50%;
  }
}

@media all and (min-width: 0) and (max-width: 374px) {
  #conts .home .exhibition .imgArea .mapBox .textArea .comLink {
    margin-top: -18px;
  }
  #conts .home .imgItem li .bg img{
    margin: 0 0 0 -60%;
  }
  #main .mainVisual .mv_ttl {
    top: 30px;
  }
}

/* Google Mapを囲う要素 */
.gmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 44%; /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------------------------------------
	lineup.html
------------------------------------------------------------*/
#conts .lineup #pagePath {
	margin-bottom: 112px;
}

#conts .lineup .headLine01 {
	margin-bottom: 45px;
}

#conts .lineup .comImgList {
	margin-bottom: 60px;
}

#conts .lineup .txtTtl {
	margin-bottom: 56px;
	text-align: center;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.0;
  color: #000;
}

#conts .lineup .topTxt {
	margin-bottom: 49px;
	padding: 12px 0 0;
	text-align: center;
}

#conts .lineup .topTxt .ttl {
	margin-bottom: 30px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.0;
  color: #000;
}

#conts .lineup .topTxt p {
	font-size: 16px;
}

#conts .lineup .topPho {
	margin-bottom: 150px;
	text-align: center;
}

#conts .lineup .topPho span {
	margin-top: 50px;
	display: block;
	text-align: center;
}

#conts .lineup .sec01 {
	margin: 0 auto 99px;
	max-width: 1080px;
}

#conts .lineup .sec01 p {
	font-size: 16px;
	line-height: 1.71;
}

#conts .lineup .sec02 {
	padding-bottom: 120px;
}

#conts .lineup .bnr_ones_cubo {
	display: block;
	margin-bottom: 120px;
}
#conts .lineup .bnr_ones_cubo > img{
	width: 100%;
	height: auto;
}
#conts .lineup .sec02 .headLine01 {
	margin-bottom: 86px;
}


#conts .lineup .sec02 .imgBoxL {
	margin: 0 auto;
	max-width: 1080px;
}

#conts .lineup .sec02 .imgBoxL .photoBox {
	float: left;
}

#conts .lineup .sec02 .imgBoxL .textBox {
	width: 490px;
	float: right;
}

#conts .lineup .sec02 .imgBoxL .textBox p {
	margin-bottom: 20px;
	font-size: 16px;
	color: #282828;
	line-height: 1.75;
}

#conts .lineup .sec02 .imgBoxL .textBox .ttl {
	margin-bottom: 22px;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  color: #000;
}

#conts .lineup .sec02 .imgBoxL .textBox .ttl01 {
	margin-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
}

#conts .lineup .sec03 p {
	margin: 0 auto 77px;
	max-width: 1080px;
	font-size: 16px;
	color: #282828;
	line-height: 1.75;
}

#conts .lineup .sec03 .innerList li {
	padding: 29px 20px 46px;
	width: 50%;
	float: left;
	box-sizing: border-box;
	background: #F9ECF1;
}

#conts .lineup .sec03 .innerList li .ttl {
	margin: 0 auto 41px;
	padding: 7px 0 6px;
	width: 200px;
	color: #fff;
	text-align: center;
	font-size: 22px;
	background: #EB2E72;
	position: relative;
}

#conts .lineup .sec03 .innerList li .ttl:after {
	margin-left: -10px;
	width: 0;
	height: 0;
	content:"";
	position: absolute;
	left: 50%;
	bottom: -20px;
	border: 10px solid transparent;
	border-top: 10px solid #EB2E72;

}

#conts .lineup .sec03 .innerList li .pho {
	margin-bottom: 24px;
	text-align: center;
}

#conts .lineup .sec03 .innerList li .pho img {
  max-width: 500px;
  height: auto;
}

#conts .lineup .sec03 .innerList .sub p {
	margin-bottom: 0;
}

#conts .lineup .sec03 .innerList .sub {
	margin: 0 auto;
	width: 500px;
}

#conts .lineup .sec03 .innerList .bg01 {
	background: #FEFAED;
}

#conts .lineup .sec03 .innerList .bg01 .ttl {
	background: #FDD23E;
}

#conts .lineup .sec03 .innerList .bg01 .ttl:after {
	border-top-color: #FDD23E;
}

#conts .lineup .sec03 .innerList .bg02 {
	background: #F1F9DF;
}

#conts .lineup .sec03 .innerList .bg02 .ttl {
	background: #9FCC3A;
}

#conts .lineup .sec03 .innerList .bg02 .ttl:after {
	border-top-color: #9FCC3A;
}

#conts .lineup .sec03 .innerList .bg03 {
	background: #F0F7FD;
}

#conts .lineup .sec03 .innerList .bg03 .ttl {
	background: #0080ED;
}

#conts .lineup .sec03 .innerList .bg03 .ttl:after {
	border-top-color: #0080ED;
}

#conts .lineup .sec04 {
	padding-top: 121px;
}

#conts .lineup .sec04 .headLine01 {
	margin-bottom: 39px;
}

#conts .lineup .sec04 > p {
	margin: 0 auto 81px;
	max-width: 1080px;
	font-size: 16px;
	color: #282828;
	line-height: 1.75;
}

#conts .lineup .sec04 .txtTtl {
	margin-bottom: 49px;
}

#conts .lineup .sec04 .imgList {
	margin-bottom: 123px;
}

#conts .lineup .sec04 .imgList > li {
	padding: 0 40px;
	width: 25%;
	float: left;
	box-sizing: border-box;
}

#conts .lineup .sec04 .imgList > li .ttl {
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 8px;
  text-align: center;
  margin-bottom: 25px;
  position: relative;
}

#conts .lineup .sec04 .imgList > li .ttl:after {
	margin-left: -30px;
	width: 60px;
	height: 2px;
	position: absolute;
	left: 50%;
	bottom: 0;
	content: "";
	background: #000;
}

#conts .lineup .sec04 .imgList > li .kind {
	margin-bottom: 11px;
	text-align: center;
}

#conts .lineup .sec04 .imgList > li .kindTxt {
	margin-bottom: 43px;
	text-align: center;
}

#conts .lineup .sec04 .imgList > li .pho {
	margin-bottom: 27px;
	text-align: center;
}

#conts .lineup .sec04 .imgList > li .start {
	margin-bottom: 12px;
	text-align: center;
}

#conts .lineup .sec04 .imgList > li .start span {
	margin: 0 5px;
	display: inline-block;
}

#conts .lineup .sec04 .imgList > li p {
	color: #282828;
	font-size: 16px;
	line-height: 1.75;
}

#conts .lineup .sec04 .blackBox {
	padding: 120px 0 53px;
	background: #F3F3F3;
}

#conts .lineup .sec04 .blackBox .txtTtl {
	margin-bottom: 78px;
}

#conts .lineup .sec04 .blackBox .innerBox {
	margin: 0 auto;
	max-width: 1080px
}

#conts .lineup .sec04 .blackBox .lBox {
	width: 490px;
	float: left;
}

#conts .lineup .sec04 .blackBox .lBox .ttl {
	margin-bottom: 10px;
  font-size: 18px;
	font-weight: bold;
  line-height: 1.0;
  color: #000;
}

#conts .lineup .sec04 .blackBox .rBox {
	width: 555px;
	float: right;
}

#conts .lineup .sec04 .blackBox .innerBox p {
	font-size: 16px;
	color: #282828;
	line-height: 1.86;
}

#conts .lineup .sec04 .blackBox .rBox dt {
	padding: 0 0 7px 40px;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/lineup/icon13.png) no-repeat left top;
  color: #000;
}

#conts .lineup .sec04 .blackBox .rBox dd {
	padding: 0 0 8px 40px;
}

#conts .lineup .sec04 .blackBox .rBox .tabBox {
	margin: 32px 0 23px;
}

#conts .lineup .sec04 .blackBox .rBox .tabBox table {
	width: 100%;
	border-collapse: collapse;
}

#conts .lineup .sec04 .blackBox .rBox .tabBox th,
#conts .lineup .sec04 .blackBox .rBox .tabBox td {
	padding: 15px 27px 17px;
	text-align: left;
	font-size: 16px;
	color: #282828;
	font-weight: normal;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #CCC;
}
#conts .lineup .sec04 .blackBox .rBox .tabBox td span {
	font-size: 18px;
}

#conts .lineup .sec04 .blackBox .rBox .tabBox th {
	padding: 17px 15px 15px;
	color: #fff;
	text-align: center;
	background: #000;
}

#conts .lineup .sec04 .blackBox .rBox .tabBox th.color01 {
	background: #F08223;
}

#conts .lineup .sec04 .blackBox .rBox .pTtl {
	margin-bottom: 6px;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCCCCC;
}

#conts .lineup .sec04 .blackBox .rBox .txtBox .lTxt {
	margin-right: -10%;
	width: 60%;
	float: left;
}

#conts .lineup .sec04 .blackBox .rBox .txtBox .rTxt {
	width: 50%;
	float: right;
}

#conts .lineup .sec04 .blackBox .rBox .txtBox li {
	font-size: 16px;
	color: #282828;
	line-height: 1.71;
}

#conts .lineup .sec05 {
	margin: 0 auto 120px;
	padding-top: 115px;
	max-width: 1080px;
}

#conts .lineup .sec05 .headLine01 {
	margin-bottom: 85px;
}

#conts .lineup .sec05 .imgBoxR {
}

#conts .lineup .sec05 .imgBoxR .photoBox {
	float: right;
}

#conts .lineup .sec05 .imgBoxR .textBox {
	width: 490px;
	float: left;
}

#conts .lineup .sec05 .imgBoxR .textBox p {
	margin-bottom: 13px;
	font-size: 16px;
	color: #282828;
	line-height: 1.75;
}

#conts .lineup .sec05 .imgBoxR .textBox .indentTxt {
	margin-bottom: 0;
}

#conts .lineup .sec05 .imgBoxR .textBox .indentTxt span {
	display: block;
	margin-left: 13em;
}

#conts .lineup .sec05 .imgBoxR .textBox .textImg {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

#conts .lineup .sec05 .imgBoxR .textBox .ttl {
  margin-bottom: 45px;
  font-size: 26px;
  font-weight: bold;
  color: #000;
}

#conts .lineup .sec06 + .bnr_ones_cubo{
	margin-bottom: 0;
}

#conts .lineup .sec06 {
	padding: 121px 0 126px;
	background: #F3F3F3;
}

#conts .lineup .sec06 .subBox {
	margin: 0 auto;
	max-width: 1080px;
}

#conts .lineup .sec06 .txtTtl {
	margin-bottom: 54px;
}

#conts .lineup .sec06 p {
	font-size: 16px;
	color: #282828;
	line-height: 1.86;
}

#conts .lineup .sec06 .subBox > p {
	margin-bottom: 75px;
}

#conts .lineup .sec06 .phoUl li {
	width: 31.7%;
	float: left;
}

#conts .lineup .sec06 .phoUl li:nth-child(3n-1) {
	margin: 0 2.45%;
}

#conts .lineup .sec06 .phoUl li .pho {
	margin-bottom: 29px;
}

#conts .lineup .sec06 .phoUl li .pho img {
	width: 100%;
  height: auto;
}

#conts .lineup .sec06 .phoUl li p {
	margin: 0 20px;
	line-height: 1.8;
}

#conts .lineup .sec07 {
	margin: 0 auto;
	padding: 121px 0 186px;
	max-width: 1080px;
}

#conts .lineup .sec07 .headLine01 {
	margin-bottom: 37px;
}

#conts .lineup .sec07 p {
	font-size: 16px;
	color: #282828;
	line-height: 1.86;
}

#conts .lineup .sec07 .txtTtl {
	margin-bottom: 70px;
  font-size: 32px;
  letter-spacing: 0.08em;
  font-weight: bold;
  line-height: 1.0;
}
#conts .lineup .sec07 .txtTtl .sub {
  display: inline-block;
  font-size: 18px;
  margin: 0 0 20px;
  letter-spacing: 0;
}

#conts .lineup .sec07 .typeUl {
}

#conts .lineup .sec07 .typeUl > li {
	margin-top: 67px;
}

#conts .lineup .sec07 .typeUl > li:first-of-type {
	margin-top: 0;
}

#conts .lineup .sec07 .typeUl .typeDl {
	margin-bottom: 30px;
	background: #F3F3F3;
}

#conts .lineup .sec07 .typeUl .typeDl dt {
	float: left;
}

#conts .lineup .sec07 .typeUl .typeDl dd {
	padding: 10px 30px 0  510px;
}

#conts .lineup .sec07 .typeUl .typeDl dd p {
	margin: 0;
}

#conts .lineup .sec07 .typeUl .imgBoxL {
	margin-bottom: 30px;
}

#conts .lineup .sec07 .typeUl .imgBoxL .photoBox {
	float: left;
}

#conts .lineup .sec07 .typeUl .imgBoxL .textBox {
	width: 540px;
	float: right;
}

#conts .lineup .sec07 .typeUl .imgBoxL .textBox table {
	width: 100%;
	border-collapse: collapse;
}

#conts .lineup .sec07 .typeUl .imgBoxL .textBox th,
#conts .lineup .sec07 .typeUl .imgBoxL .textBox td {
	padding: 11px 27px 7px;
	width: 79%;
	background: #fff;
	font-size: 16px;
	color: #282828;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	border: 1px solid #CCCCCC;
}

#conts .lineup .sec07 .typeUl .imgBoxL .textBox th {
	padding: 11px 20px 7px;
	width: 21%;
	text-align: center;
	background: #F3F3F3;
}

#conts .lineup .sec07 .typeUl .imgBoxL .textBox td dt {
	float: left;
}

#conts .lineup .sec07 .typeUl .imgBoxL .textBox td dd {
	margin-bottom: 19px;
}

#conts .lineup .sec07 .typeUl .imgBoxL .textBox td dd:last-child {
	margin-bottom: 0;
}

#conts .lineup .sec07 .typeUl .florUl {
	margin-bottom: 13px;
}

#conts .lineup .sec07 .typeUl .type02 .florUl {
	margin-bottom: 28px;
}

#conts .lineup .sec07 .typeUl .type03 .florUl {
	margin-bottom: 18px;
}

#conts .lineup .sec07 .typeUl .florUl li {
	width: 490px;
	float: left;
}

#conts .lineup .sec07 .typeUl .florUl .rLi {
	float: right;
}

#conts .lineup .sec07 .typeUl .florUl li .ttl {
	margin-bottom: 23px;
}

#conts .lineup .sec07 .typeUl .type02 .florUl li .ttl {
	margin-bottom: 26px;
}

#conts .lineup .sec07 .typeUl .type03 .florUl li .ttl {
	margin-bottom: 25px;
}

#conts .lineup .sec07 .typeUl .txtUl li {
	padding: 10px 10px 3px 35px;
	font-size: 16px;
	color: #282828;
	line-height: 1.8;
	position: relative;
	letter-spacing: -1px;
	border-bottom: 1px solid #E9E9E9;
}

#conts .lineup .sec07 .typeUl .txtUl li:not(:first-child) {
	padding-bottom: 10px;
}

#conts .lineup .sec07 .typeUl .type01 .txtUl li:first-child {
	padding-bottom: 9px;
}

#conts .lineup .sec07 .typeUl .txtUl li .num {
	margin-top: -12px;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 50%;
}

#conts .lineup .sec07 .typeUl .type01 .txtUl li:first-child .num {
	margin-top: -7px;
}

#conts .lineup .sec07 .typeUl .txtUl li:first-child .num {
	margin-top: -12px;
}

#conts .lineup .sec08 {
	padding: 119px 0 113px;
	background: #F3F3F3;
}

#conts .lineup .sec08 .headLine01 {
	margin-bottom: 27px;
}

#conts .lineup .sec08 .subBox {
	margin: 0 auto;
	max-width: 1080px;
}

#conts .lineup .sec08 p {
	font-size: 16px;
	color: #282828;
	line-height: 1.86;
}

#conts .lineup .sec08 .topTxt {
	margin-bottom: 70px;
}

#conts .lineup .sec08 .imgUl li {
	margin-right: 4%;
	width: 22%;
	float: left;
}

#conts .lineup .sec08 .imgUl li:last-of-type {
	margin-right: 0;
}

#conts .lineup .sec08 .imgUl li .pho {
	margin-bottom: 15px;
}

#conts .lineup .sec08 .imgUl li .pho img {
	width: 100%;
  height: auto;
}

#conts .lineup .sec08 .imgUl li p {
	text-align: right;
}

#conts .lineup .sec08 .imgUl li .pTtl {
	margin-bottom: 3px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

#conts .lineup .comTtlBox .headLine01 {
	margin-bottom: 24px;
}

#conts .lineup .sec08 + .bnr_ones_cubo{
	margin-bottom: 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	/*------------------------------------------------------------
		トープページ
	------------------------------------------------------------*/
	#conts .lineup .bnr_ones_cubo {
		margin-bottom: 50px;
	}

	#conts .lineup #pagePath {
		margin-bottom: 8px;
	}

	#conts .lineup .headLine01 img {
		height: 40px;
		margin: 0 auto;
		width: auto;
	}

	#conts .lineup .comImgList {
		margin-bottom: 20px;
	}

	#conts .lineup .txtTtl {
		margin-bottom: 20px;
	}

	#conts .lineup .txtTtl .sp {
		margin: 0;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
	}

	#conts .lineup .txtTtl img {
		width: auto;
		height: 12px;
	}

	#conts .lineup .topTxt {
		margin-bottom: 20px;
		padding: 0 10px;
	}

	#conts .lineup .topTxt .ttl {
		margin-bottom: 14px;
	}

	#conts .lineup .topTxt .ttl img {
		margin: 0 auto;
		width: auto;
		height: 11px;
	}

	#conts .lineup .topTxt p {
		/* font-size: 12px; */
	}

	#conts .lineup .topPho {
		margin-bottom: 22px;
	}

	#conts .lineup .topPho img {
		margin: 0 auto;
	}

	#conts .lineup .topPho span {
		margin-top: 10px;
	}

	#conts .lineup .headLine01 {
		margin-bottom: 18px;
	}

	#conts .lineup .sec01 {
		margin: 0 10px 20px;
		max-width: inherit;
	}

	#conts .lineup .sec01 p {
		/* font-size: 12px; */
	}

	#conts .lineup .sec02 {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	#conts .lineup .sec02 .headLine01 {
		margin-bottom: 20px;
	}


	#conts .lineup .sec02 .imgBoxL {
		margin: 0 20px;
		max-width: inherit;
	}

	#conts .lineup .sec02 .imgBoxL .photoBox {
		margin-bottom: 15px;
		float: none;
	}

	#conts .lineup .sec02 .imgBoxL .photoBox img {
		margin: 0 auto;
	}

	#conts .lineup .sec02 .imgBoxL .textBox {
		width: auto;
		float: none;
	}

	#conts .lineup .sec02 .imgBoxL .textBox p {
		margin-bottom: 10px;
		/* font-size: 12px; */
	}

	#conts .lineup .sec02 .imgBoxL .textBox .ttl {
		margin-bottom: 20px;
	}

	#conts .lineup .sec02 .imgBoxL .textBox .ttl img {
		width: auto;
		height: 40px;
	}

	#conts .lineup .sec02 .imgBoxL .textBox .ttl01 {
		margin-bottom: 10px;
	}

	#conts .lineup .sec02 .imgBoxL .textBox .ttl01 img {
		width: auto;
		height: 12px;
	}

	#conts .lineup .sec03 .txtTtl {
		margin: 0 10px 10px;
	}

	#conts .lineup .sec03 p {
		margin: 0 20px;
		max-width: inherit;
		/* font-size: 12px; */
	}

	#conts .lineup .sec03 .innerList {
		margin: 20px 0 0;
	}

	#conts .lineup .sec03 .innerList li {
		padding: 20px 0;
		width: auto;
		float: none;
	}

	#conts .lineup .sec03 .innerList li .ttl {
		margin: 0 auto 20px;
		padding: 5px 0;
		width: 150px;
		font-size: 16px;
	}

	#conts .lineup .sec03 .innerList li .pho {
		margin-bottom: 20px;
		text-align: center;
	}

	#conts .lineup .sec03 .innerList .sub {
		margin: 0 20px;
		width: auto;
	}

	#conts .lineup .sec03 .innerList .sub img {
		margin: 0 auto;
	}

	#conts .lineup .sec04 {
		padding-top: 20px;
	}

	#conts .lineup .sec04 .headLine01 {
		margin-bottom: 18px;
	}

	#conts .lineup .sec04 .txtTtl {
		margin: 0 10px 10px;
	}

	#conts .lineup .sec04 .txtTtl img {
		width: auto;
		height: 17px;
	}

	#conts .lineup .sec04 > p {
		margin: 0 10px 20px;
		max-width: inherit;
		/* font-size: 12px; */
	}

	#conts .lineup .sec04 .imgList {
		margin-bottom: 0;
	}

	#conts .lineup .sec04 .imgList > li {
		padding: 0 20px 20px;
		width: auto;
		float: none;
	}

	#conts .lineup .sec04 .imgList > li .ttl {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	#conts .lineup .sec04 .imgList > li .ttl img {
		margin: 0 auto;
		width: auto;
		height: 15px;
	}

	#conts .lineup .sec04 .imgList > li .ttl:after {
		margin-left: -15px;
		width: 30px;

	}

	#conts .lineup .sec04 .imgList > li .kind {
		margin-bottom: 10px;
	}

	#conts .lineup .sec04 .imgList > li .kind img {
		margin: 0 auto;
		width: auto;
		height: 20px;
	}

	#conts .lineup .sec04 .imgList > li .kindTxt {
		margin-bottom: 20px;
	}

	#conts .lineup .sec04 .imgList > li .kindTxt img {
		margin: 0 auto;
		width: auto;
		height: 12px;
	}

	#conts .lineup .sec04 .imgList > li .pho {
		margin-bottom: 10px;
		text-align: center;
	}

	#conts .lineup .sec04 .imgList > li .pho img {
		margin: 0 auto;
		width: auto;
		height: 100px;
	}

	#conts .lineup .sec04 .imgList > li .start span {
		margin: 0 3px;
	}

	#conts .lineup .sec04 .imgList > li p {
		color: #282828;
		font-size: 16px;
		line-height: 1.75;
	}

	#conts .lineup .sec04 .blackBox {
		padding: 20px 10px;
	}

	#conts .lineup .sec04 .blackBox .txtTtl {
		margin: 0 0 10px;
	}

	#conts .lineup .sec04 .blackBox .innerBox {
		margin: 0 auto;
		max-width: inherit
	}

	#conts .lineup .sec04 .blackBox .lBox {
		width: auto;
		float: none;
	}

	#conts .lineup .sec04 .blackBox .lBox .ttl {
		margin-bottom: 10px;
	}

	#conts .lineup .sec04 .blackBox .lBox .ttl img {
		width: auto;
		height: 15px;
	}

	#conts .lineup .sec04 .blackBox .rBox {
		margin-top: 10px;
		width: auto;
		float: none;
	}

	#conts .lineup .sec04 .blackBox .innerBox p {
		/* font-size: 12px; */
	}

	#conts .lineup .sec04 .blackBox .rBox dt {
		padding: 0 0 5px 20px;
		/* font-size: 12px; */
		font-weight: bold;
		background: url(../images/lineup/icon13.png) no-repeat left 2px;
		background-size: 15px auto;
	}

	#conts .lineup .sec04 .blackBox .rBox dd {
		padding: 0 0 10px 20px;
	}

	#conts .lineup .sec04 .blackBox .rBox .tabBox {
		margin: 10px 0;
	}

	#conts .lineup .sec04 .blackBox .rBox .tabBox th,
	#conts .lineup .sec04 .blackBox .rBox .tabBox td {
		padding: 10px;
		text-align: left;
		/* font-size: 12px; */
	}

	#conts .lineup .sec04 .blackBox .rBox .tabBox td span {
		font-size: 16px;
	}

	#conts .lineup .sec04 .blackBox .rBox .tabBox th {
		padding: 10px;
	}

	#conts .lineup .sec04 .blackBox .rBox .txtBox .lTxt {
		margin-right: 0;
		width: auto;
		float: none;
	}

	#conts .lineup .sec04 .blackBox .rBox .txtBox .rTxt {
		width: auto;
		float: none;
	}

	#conts .lineup .sec04 .blackBox .rBox .txtBox li {
		/* font-size: 12px; */
	}

	#conts .lineup .sec05 {
		margin: 0 10px 20px;
		padding-top: 28px;
		max-width: inherit;
	}

	#conts .lineup .sec05 .headLine01 {
		margin-bottom: 20px;
	}

	#conts .lineup .sec05 .imgBoxR {
	}

	#conts .lineup .sec05 .imgBoxR .photoBox {
		margin-bottom: 15px;
		float: none;
	}

	#conts .lineup .sec05 .imgBoxR .photoBox img {
		margin: 0 auto;
	}

	#conts .lineup .sec05 .imgBoxR .textBox {
		width: auto;
		float: none;
	}

	#conts .lineup .sec05 .imgBoxR .textBox p {
		margin-bottom: 10px;
		/* font-size: 12px; */
	}

	#conts .lineup .sec05 .imgBoxR .textBox .indentTxt span {
		margin-left: 0;
		display: inline;
	}

	#conts .lineup .sec05 .imgBoxR .textBox .textImg {
		margin-bottom: 10px;
	}

	#conts .lineup .sec05 .imgBoxR .textBox .textImg img {
		width: auto;
		height: 30px;
	}

	#conts .lineup .sec05 .imgBoxR .textBox .ttl {
		margin-bottom: 10px;
	}

	#conts .lineup .sec05 .imgBoxR .textBox .ttl img {
		width: auto;
		height: 40px;
	}

	#conts .lineup .sec06 {
		padding: 20px 0;
	}

	#conts .lineup .sec06 .subBox {
		margin: 0 20px;
		max-width: inherit;
	}

	#conts .lineup .sec06 p {
		/* font-size: 12px; */
	}

	#conts .lineup .sec06 .subBox > p {
		margin-bottom: 20px;
	}

	#conts .lineup .sec06 .phoUl li:nth-child(3n-1) {
		margin: 0 0 20px;
	}

	#conts .lineup .sec06 .phoUl li {
		margin: 0 0 20px;
		width: auto;
		float: none;
	}

	#conts .lineup .sec06 .phoUl li .pho {
		margin-bottom: 20px;
	}

	#conts .lineup .sec06 .phoUl li .pho img {
		margin: 0 auto;
		width: 80%;
	}

	#conts .lineup .sec06 .phoUl li p {
		margin: 0 20px;
	}

	#conts .lineup .sec07 {
		margin: 0 20px;
		padding: 20px 0;
		max-width: inherit;
	}

	#conts .lineup .sec07 .headLine01 {
		margin-bottom: 18px;
	}

	#conts .lineup .sec07 p {
		/* font-size: 12px; */
	}

	#conts .lineup .sec07 .txtTtl {
		margin-bottom: 20px;
	}

	#conts .lineup .sec07 .typeUl > li {
		margin-top: 20px;
	}

	#conts .lineup .sec07 .typeUl > li:first-of-type {
		margin-top: 0;
	}

	#conts .lineup .sec07 .typeUl .typeDl {
		margin-bottom: 10px;
	}

	#conts .lineup .sec07 .typeUl .typeDl dt {
		margin-bottom: 0;
		float: none;
		background: #000;
	}

	#conts .lineup .sec07 .typeUl .typeDl dd {
		padding: 10px;
	}

	#conts .lineup .sec07 .typeUl .typeDl dd p {
		margin: 0;
	}

	#conts .lineup .sec07 .typeUl .imgBoxL {
		margin-bottom: 10px;
	}

	#conts .lineup .sec07 .typeUl .imgBoxL .photoBox {
		margin-bottom: 15px;
		float: none;
	}

	#conts .lineup .sec07 .typeUl .imgBoxL .photoBox img {
		margin: 0 auto;
	}

	#conts .lineup .sec07 .typeUl .imgBoxL .textBox {
		width: auto;
		float: none;
	}

	#conts .lineup .sec07 .typeUl .imgBoxL .textBox th,
	#conts .lineup .sec07 .typeUl .imgBoxL .textBox td {
		padding: 10px;
		width: 70%;
		/* font-size: 12px; */
		line-height: 1.5;
	}

	#conts .lineup .sec07 .typeUl .imgBoxL .textBox th {
		width: 30%;
	}

	#conts .lineup .sec07 .typeUl .florUl {
		margin-bottom: 8px;
	}

	#conts .lineup .sec07 .typeUl .florUl li {
		width: auto;
		float: none;
	}

	#conts .lineup .sec07 .typeUl .florUl .rLi {
		float: none;
	}

	#conts .lineup .sec07 .typeUl .florUl li .ttl {
		margin-bottom: 10px;
	}

	#conts .lineup .sec07 .typeUl .florUl li .ttl img {
		width: auto;
		height: 14px;
	}

	#conts .lineup .sec07 .typeUl .florUl li .pho img {
		margin: 0 auto;
	}

	#conts .lineup .sec07 .typeUl .txtUl li {
		padding: 10px 10px 10px 30px;
		/* font-size: 12px; */
	}

	#conts .lineup .sec08 {
		padding: 20px 0;
	}

	#conts .lineup .sec08 .subBox {
		margin: 0 20px;
		max-width: inherit;
	}

	#conts .lineup .sec08 .headLine01 {
		margin-bottom: 20px;
	}

	#conts .lineup .sec08 p {
		/* font-size: 12px; */
	}

	#conts .lineup .sec08 .topTxt {
		margin-bottom: 16px;
	}

	#conts .lineup .sec08 .imgUl li {
		margin: 0 0 12px;
		width: auto;
		float: none;
	}

	#conts .lineup .sec08 .imgUl li:last-of-type {
		margin-bottom: 0;
	}

	#conts .lineup .sec08 .imgUl li .pho {
		margin-bottom: 15px;
	}

	#conts .lineup .sec08 .imgUl li .pho img {
		margin: 0 auto;
		width: 80%;
	}

	#conts .lineup .sec08 .imgUl li p {
		text-align: right;
	}

	#conts .lineup .sec08 .imgUl li .pTtl {
		font-size: 16px;
	}

	#conts .lineup .comTtlBox .headLine01 {
		margin-bottom: 15px;
	}
}

/*------------------------------------------------------------
	flow.html
------------------------------------------------------------*/
#conts .flow .topTxt {
	margin-bottom: 114px;
	font-size: 16px;
	line-height: 1.88;
	text-align: center;
}

#conts .flow .headLine01 {
	margin-bottom: 0;
}

#conts .flow .comTtlBox .headLine01 {
	margin-bottom: 24px;
}

#conts .flow .comLink {
  margin-top: 45px;
	width: auto;
	text-align: center;
}

#conts .flow .comLink a {
	display: inline-block;
}

#conts .flow .section {
	padding: 83px 0 121px;
	background: #fff url(../images/flow/arrow02.jpg) no-repeat center top;
}

#conts .flow .section01 {
	/*padding: 79px 0 82px;*/
  padding: 79px 0 52px;
	background: #F3F3F3 url(../images/flow/arrow01.jpg) no-repeat center top;
}

#conts .flow .section02 {
	padding: 79px 0 121px;
}

#conts .flow .section:first-of-type {
	background: #fff;
}

#conts .flow .section .photoBox {
	box-sizing: border-box;
	width: 50%;
}

#conts .flow .section .photoBox img {
	width: 100%;
  height: auto;
}

#conts .flow .section .textBox {
	width: 50%;
}

#conts .flow .section .textBox .ttl {
	margin-bottom: 18px;
}

#conts .flow .section01 .textBox .ttl {
	margin-bottom: 15px;
}

#conts .flow .section .textBox p {
	font-size: 16px;
	line-height: 1.75;
}

#conts .flow .section .imgBoxL,
#conts .flow .section .imgBoxR {
	margin: 0 auto;
	max-width: 1080px;
}

#conts .flow .section .imgBoxL .photoBox {
	padding-right: 60px;
	float: left;
}

#conts .flow .section .imgBoxL .textBox {
	padding-top: 1px;
	float: right;
}

#conts .flow .section02 .imgBoxL .textBox {
	padding-top: 0;
}

#conts .flow .section .imgBoxR .photoBox {
	padding-left: 59px;
	float: right;
}

#conts .flow .section .imgBoxR .textBox {
	float: left;
}

#conts .flow .section03 {
	padding-bottom: 120px;
}

#conts .flow .section03 .imgBoxR .textBox {
	padding-top: 2px;
}

#conts .flow .section04 {
	padding-top: 79px;
}

#conts .flow .section05 {
	padding-bottom: 106px;
}

#conts .flow .section06 {
	padding-top: 79px;
}

#conts .flow .section07 {
	padding-bottom: 120px;
}

#conts .flow .section07 .imgBoxR .textBox {
	padding-top: 4px;
}

#conts .flow .warrantyBox {
	margin: 0 auto;
	padding: 120px 0 106px;
	max-width: 1080px
}

#conts .flow .warrantyBox > p {
	margin-bottom: 57px;
	font-size: 16px;
	line-height: 1.7;
}

#conts .flow .warrantyBox .headLine01 {
	margin-bottom: 37px;
}

#conts .flow .warrantyBox .imgUl li {
	float: left;
	width: 31%;
}

#conts .flow .warrantyBox .imgUl li:nth-child(3n-1) {
	margin: 0 3.5%;
}

#conts .flow .warrantyBox .imgUl li .pho {
	margin-bottom: 9px;
	position: relative;
	text-align: center;
}

#conts .flow .warrantyBox .imgUl li .pho span {
	position: absolute;
	left: 0;
	top: 17px;
	font-size: 18px;
	width: 100%;
	font-weight: bold;
	text-align: center;
}

#conts .flow .warrantyBox .imgUl li p {
	margin: 0 20px;
	font-size: 16px;
	line-height: 1.75;
}

@media all and (min-width: 0) and (max-width: 767px) {
	/*------------------------------------------------------------
		トープページ
	------------------------------------------------------------*/
	#conts .flow .topTxt {
		margin: 0 10px 50px;
		/* font-size: 12px; */
	}

	#conts .flow .headLine01 {
		margin-bottom: 0;
	}

	#conts .flow .headLine01 img {
		margin: 0 auto;
		width: auto;
		height: 40px;
	}

	#conts .flow .comTtlBox .headLine01 {
		margin-bottom: 15px;
	}

	#conts .flow .comLink {
		margin-top: 15px;
		width: auto;
		text-align: center;
	}

	#conts .flow .comLink img {
		width: auto;
		height: 32px;
	}

	#conts .flow .section {
		padding: 22px 0;
		background-size: 30px auto;
	}

	#conts .flow .section01 {
		padding-bottom: 22px;
		background-size: 30px auto;
	}

	#conts .flow .section:first-of-type {
		background: #fff;
	}

	#conts .flow .section .photoBox {
		margin: 0 10px 15px;
		box-sizing: border-box;
		width: auto;
	}

	#conts .flow .section .photoBox img {
		margin: 0 auto;
		width: 80%;
	}

	#conts .flow .section .textBox {
		margin: 0 20px;
		width: auto;
	}

	#conts .flow .section .textBox .ttl {
		margin-bottom: 15px;
	}

	#conts .flow .section .textBox .ttl img {
		width: 37px;
		height: 60px;
    display: inline-block;
	}

	#conts .flow .section .textBox p {
		/* font-size: 12px; */
	}

	#conts .flow .section .imgBoxL,
	#conts .flow .section .imgBoxR {
		margin: 0;
		max-width: inherit;
	}

	#conts .flow .section .imgBoxL .photoBox {
		padding-right: 0;
		float: none;
	}

	#conts .flow .section .imgBoxL .textBox {
		float: none;
	}

	#conts .flow .section .imgBoxR .photoBox {
		padding-left: 0;
		float: none;
	}

	#conts .flow .section .imgBoxR .textBox {
		float: none;
	}

	#conts .flow .warrantyBox {
		margin: 0 auto;
		padding: 40px 10px;
		max-width: inherit
	}

	#conts .flow .warrantyBox > p {
		margin-bottom: 20px;
		/* font-size: 12px; */
	}

	#conts .flow .warrantyBox .headLine01 {
		margin-bottom: 15px;
	}

	#conts .flow .warrantyBox .imgUl li {
		margin: 10px 0 0;
		float: none;
		width: auto;
	}

	#conts .flow .warrantyBox .imgUl li:nth-child(3n-1) {
		margin: 10px 0 0;
	}

	#conts .flow .warrantyBox .imgUl li .pho span {
		font-size: 16px;
	}

	#conts .flow .warrantyBox .imgUl li .pho img {
		margin: 0 auto;
		width: 80%;
		height: auto;
	}

	#conts .flow .warrantyBox .imgUl li p {
		margin: 0 20px;
		/* font-size: 12px; */
	}

	#conts .flow .section03 {
		padding-bottom: 22px;
	}

	#conts .flow .section03 .imgBoxR .textBox {
		padding-top: 0;
	}

	#conts .flow .section04 {
		padding-top: 22px;
	}

	#conts .flow .section05 {
		padding-bottom: 22px;
	}

	#conts .flow .section06 {
		padding-top: 22px;
	}

	#conts .flow .section07 {
		padding-bottom: 22px;
	}

	#conts .flow .section07 .imgBoxR .textBox {
		padding-top: 0;
	}
}

/*------------------------------------------------------------
	works.html
------------------------------------------------------------*/
#conts .works #pagePath {
	margin-bottom: 122px;
}

#conts .works .headLine01 {
	margin-bottom: 82px;
  font-size: 28px;
  color: #000;
  letter-spacing: 0.1em;
}

#conts .works .headLine01 {
	margin-bottom: 82px;
  font-size: 28px;
  color: #000;
  letter-spacing: 0.1em;
}

#conts .works .chooseList {
	margin: 0 auto 89px;
	width: 710px;
}

#conts .works .chooseList li {
	width: 340px;
	float: left;
	background-color: #2B2B2B;
  margin: 0 0 30px 0;
}

#conts .works .chooseList li:nth-child(2n) {
	margin-left: 30px;
}

#conts .works .chooseList li a {
	padding-bottom: 20px;
	position: relative;
	display: block;
	text-decoration: none;
}

#conts .works .chooseList li a:before {
	margin-left: -6px;
	width: 12px;
	height: 9px;
	position: absolute;
	background: url(../images/common/icon08.png) no-repeat left top;
	bottom: 5px;
	left: 50%;
	content: " ";
}

#conts .works .chooseList li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .works .chooseList li .txt {
	padding: 26px 0 20px;
	display: block;
	color: #2c2c2b;
	font-size: 16px;
	text-align: center;
	background-color: #F3F3F3;
}

#conts .works .comImgList {
	margin: -1px 0 112px;
}

#conts .works .comImgList li {
	margin-top: 1px;
}

#conts .works .comImgList li .inn {
	display: block;
	text-decoration: none;
}

#conts .works .comImgList li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .works .wp-pagenavi {
	margin-bottom: 80px;
}

#conts .works .comContactBox {
	border-top: 1px solid #CFCECE;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .works #pagePath {
		margin-bottom: 8px;
	}

	#conts .works .headLine01 {
		margin-bottom: 18px;
	}

	#conts .works .headLine01 img {
		margin: 0 auto;
		height: 13px;
		width: auto;
	}

	#conts .works .chooseList {
		margin: 0 10px 20px;
		width: auto;
	}

  #conts .works .chooseList li {
		width: 49%;
		float: left;
    margin: 0 0 15px;
	}
	#conts .works .chooseList li:nth-child(2n) {
		width: 49%;
		float: right;
    margin-left: 0;
	}

	#conts .works .chooseList li a {
		padding-bottom: 15px;
	}

	#conts .works .chooseList li a:before {
		bottom: 2px;
	}

	#conts .works .chooseList li a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#conts .works .chooseList li .txt {
		padding: 12px 0 8px;
		/* font-size: 12px; */
	}

	#conts .works .comImgList {
		margin-bottom: 22px;
	}

	#conts .works .comImgList li a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#conts .works .wp-pagenavi {
		margin-bottom: 24px;
	}
	/*2022-10-26　Youtube埋め込みを全面表示に修正（SPのみ）*/
	figure.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube.wp-embed-aspect-16-9.wp-has-aspect-ratio{
		margin-inline-start: 0;
		margin-inline-end: 0;
		margin: 0 -15px auto;
	}
}
/*------------------------------------------------------------
	worksDetail.html
------------------------------------------------------------*/
#conts .worksDetail #pagePath {
	margin-bottom: 100px;
}

#conts .worksDetail .imgBox {
	margin-bottom: 120px;
	background-color: #F3F3F3;
}

#conts .worksDetail .imgBox .photoBox {
	margin-right: 50px;
	width: 50%;
	float: left;
}

#conts .worksDetail .imgBox .photoBox img {
	width: 100%;
  height: auto;
}

#conts .worksDetail .imgBox .textBox {
	padding: 70px 10px 20px 0;
	max-width: 488px;
	width: 44%;
	float: left;
	box-sizing: border-box;
}

#conts .worksDetail .imgBox .textBox h3,
#conts .worksDetail .imgBox .textBox .h3 {
	margin-bottom: 30px;
}

#conts .worksDetail .imgBox .textBox p {
	color: #000;
	font-size: 16px;
	line-height: 1.72;
}

#conts .worksDetail .imgBox .textBox .ttl {
  font-size: 30px;
  line-height: 1.4;
  font-weight: bold;
	margin-bottom: 30px;
}

#conts .worksDetail .section {
	margin: 0 auto 78px;
	width: 1080px;
}

#conts .worksDetail .section .photo {
	margin-bottom: 79px;
  text-align: center;
}

#conts .worksDetail .section .photo img {
	max-width: 100%;
  height: auto;
}

#conts .worksDetail .section .headLine01 {
	margin-bottom: 77px;
}

#conts .worksDetail .section .tabBox {
	width: 540px;
	float: left;
}

#conts .worksDetail .section .tabBox table {
	width: 100%;
	border-collapse: collapse;
}

#conts .worksDetail .section .tabBox th,
#conts .worksDetail .section .tabBox td {
	width: 29%;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CCC;
}

#conts .worksDetail .section .tabBox th {
	width: 21%;
	padding: 1px;
	font-weight: normal;
  background-color: #F3F3F3;
}

#conts .worksDetail .section .tabBox th span {
	padding: 10px 0 6px;
	display: block;
	background-color: #F3F3F3;
}

#conts .worksDetail .section .tabBox td {
	padding: 10px 20px 6px 28px;
	text-align: left;
}

#conts .worksDetail .section .rBox {
	margin-top: -11px;
	width: 480px;
	float: right;
}

#conts .worksDetail .section .rBox p {
	color: #000;
	font-size: 16px;
	line-height: 2.55;
	letter-spacing: -2px;
}

#conts .worksDetail .section01 {
	margin-bottom: 112px;
	/* width: 720px; */
}

#conts .worksDetail h2{
	color: #000;
  font-family: 'NotoSansCJKjp-Medium', sans-serif;
  font-size: 18px;
  font-weight: normal;
  padding: 15px 20px;
  background: #F5F5F5;
  border-left: 3px solid #499fe3;
	margin: 10px 0 14px;
}

#conts .worksDetail h3{
	color: #58B6DD;
  font-family: 'NotoSansCJKjp-Medium', sans-serif;
  margin: 50px auto 30px;
  clear: both;
  line-height: 1.3;
  font-size: 16px;
  font-weight: bold;
}

#conts .worksDetail .section01 .picture,
#conts .worksDetail .section01 img {
	margin-bottom: 24px;
  max-width: 100%;
  height: auto;
}

#conts .worksDetail .section01 p {
	margin-bottom: 21px;
	font-size: 16px;
	line-height: 1.8;
}

#conts .worksDetail .section01 .last {
	margin-bottom: 0;
}

#conts .worksDetail .comBtmBox {
	padding: 68px 0;
}

#conts .worksDetail .comBtmBox .comLink {
	width: 260px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .worksDetail #pagePath {
		margin-bottom: 18px;
	}

	#conts .worksDetail img {
		margin: 0 auto;
	}

	#conts .worksDetail h2{
		padding: 12px 15px;
    font-size: 16px;
    background: #F5F5F5;
    border-left: 3px solid #499fe3;
		margin: 5px 0 7px;
	}

	#conts .worksDetail h3{
		font-size: 15px;
    margin: 25px auto 15px;
	}

	#conts .worksDetail .imgBox {
		margin-bottom: 20px;
		padding: 15px 0;
	}

	#conts .worksDetail .imgBox .photoBox {
		margin: 0 0 16px;
		width: auto;
		float: none;
	}

	#conts .worksDetail .imgBox .photoBox img {
		width: 100%;
	}

	#conts .worksDetail .imgBox .textBox {
		padding: 0 10px;
		width: auto;
		float: none;
	}

	#conts .worksDetail .imgBox .textBox h3 {
		margin-bottom: 14px;
	}

	#conts .worksDetail .imgBox .textBox h3 img {
		height: 20px;
		width: auto;
	}

	#conts .worksDetail .imgBox .textBox p {
		/* font-size: 12px; */
		line-height: 1.6;
	}

	#conts .worksDetail .imgBox .textBox .ttl {
		margin-bottom: 15px;
	}

	#conts .worksDetail .imgBox .textBox .ttl img {
		height: 32px;
		width: auto;
	}

	#conts .worksDetail .section {
		margin: 0 15px 18px;
		width: auto;
	}

	#conts .worksDetail .section .photo {
		margin-bottom: 16px;
	}

  #conts .worksDetail .section .photo img {
    max-width: 100vw;
    width: calc(100% + 30px);
    height: auto;
    margin: 0 0 0 -15px;
  }

	#conts .worksDetail .section .headLine01 {
		margin-bottom: 20px;
	}

	#conts .worksDetail .section .tabBox {
		margin-bottom: 16px;
		width: auto;
		float: none;
	}

	#conts .worksDetail .section .tabBox th,
	#conts .worksDetail .section .tabBox td {
		/* font-size: 12px; */
	}

	#conts .worksDetail .section .tabBox th span {
		padding: 17px 0 18px;
	}

	#conts .worksDetail .section .tabBox td {
		padding: 10px;
	}

	#conts .worksDetail .section .rBox {
		margin-top: 0;
		width: auto;
		float: none;
	}

	#conts .worksDetail .section .rBox p {
		/* font-size: 12px; */
		line-height: 1.8;
		letter-spacing: normal;
	}

	#conts .worksDetail .section01 {
		margin-bottom: 22px;
		width: auto;
	}

	#conts .worksDetail .section01 .picture {
		margin-bottom: 12px;
	}

  #conts .worksDetail .section01 .picture,
  #conts .worksDetail .section01 img {
    max-width: 100vw;
    width: calc(100% + 30px);
    height: auto;
    margin: 0 0 24px -15px;
  }

  #conts .worksDetail .section01 .mailForm img {
    max-width: 38px;
    width: 80%;
    height: auto;
    margin: 0 10px 0 0;
  }

	#conts .worksDetail .section01 p {
		margin-bottom: 16px;
	}

	#conts .worksDetail .comBtmBox {
		padding: 19px 10px;
	}

	#conts .worksDetail .comBtmBox .comLink {
		width: 210px;
	}

	#conts .worksDetail .comBtmBox .comLink img {
		width: 100%;
    height: auto;
	}
}

/*------------------------------------------------------------
	blog.html
------------------------------------------------------------*/
#conts .blog #pagePath {
	margin-bottom: 117px;
}

#conts .blog .comCenterTxt {
	margin-bottom: 114px;
	color: #000;
	font-size: 16px;
	line-height: 1.86;
}

#conts .blog .comArea .mainBox .imgBox {
	position: relative;
	margin: 0 20px 60px 0;
	width: calc((100% - 60px) / 4);
}
#conts .blog .comArea .mainBox .imgBox:nth-child(4n){
	margin: 0 0 60px;
}

#conts .blog .comArea .mainBox .imgBox .photoBox {
	/* float: left; */
	width: 100%;
	margin: 0 0 15px;
}
#conts .blog .comArea .mainBox .imgBox .photoBox img {
	width: 100%;
	height: auto;
}

#conts .blog .comArea .mainBox .imgBox .textBox {
    width: 100%;
}

#conts .blog .comArea .mainBox .imgBox .textBox p {
	color: #000;
	font-size: 16px;
	line-height: 1.8;
}

#conts .blog .comArea .mainBox .imgBox .textBox .note {
  margin-bottom: 5px;
	color: #000;
	font-family: "メイリオ", "ヒラギノ角ゴ", sans-serif;
	font-size: 16px;
	line-height: normal;
	text-align: right;
}

#conts .blog .comArea .mainBox .imgBox .textBox .note span {
	padding-left: 24px;
	display: inline-block;
	background: url(../images/common/icon09.png) no-repeat left top;
}

#conts .blog .comArea .mainBox .imgBox .textBox .ttl {
	margin-bottom: 4px;
	color: #000;
	font-family: 'NotoSansCJKjp-Medium', sans-serif;
	font-size: 20px;
	line-height: 1.4;
}

#conts .blog .comArea .mainBox .imgBox .textBox .ttl .time {
	margin-right: 18px;
}

#conts .blog .comArea .mainBox .imgBox .textBox .comLink {
	/* position: absolute;
	bottom: 0;
	right: 0; */
}

#conts .blog .comArea .mainBox .imgBox01 {
	margin-bottom: 118px;
}

#conts .blog .wp-pagenavi {
	margin-bottom: 125px;
}

#conts .blog .comTtlBox .comCenterTxt {
	margin-bottom: 0;
	color: #FFF;
	font-size: 16px;
	line-height: 1.7;
}

#conts .blog .comLink {
	margin: 20px auto 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .blog #pagePath {
		margin-bottom: 18px;
	}

	#conts .blog .comCenterTxt {
		margin: 0 10px 18px;
		font-size: 13px;
		line-height: 1.7;
	}

	#conts .blog .comArea .mainBox .imgBox {
		margin: 0 20px 20px 0;
		width: calc((100% - 20px) / 2);
	}
	#conts .blog .comArea .mainBox .imgBox:nth-child(2n),
	#conts .blog .comArea .mainBox .imgBox:nth-child(4n){
		margin: 0 0 20px 0;
	}



	#conts .blog .comArea .mainBox .imgBox .photoBox {
		margin: 0 auto 10px;
		width: 100%;
	}

	#conts .blog .comArea .mainBox .imgBox .photoBox img {
		width: 100%;
    height: auto;
	}

	#conts .blog .comArea .mainBox .imgBox .textBox {
		min-height: 140px;
		width: auto;
    max-width: 100%;
    float: none;
    background: #fff;
	}

	#conts .blog .comArea .mainBox .imgBox .textBox p {
		font-size: 11px;
		line-height: 1.4;
	}

	#conts .blog .comArea .mainBox .imgBox .textBox .note {
		margin-bottom: 10px;
		font-size: 10px;
	}

	#conts .blog .comArea .mainBox .imgBox .textBox .note span {
		padding-left: 14px;
		background-position: left center;
		background-size: 10px 9px;
	}

	#conts .blog .comArea .mainBox .imgBox .textBox .ttl {
		margin-bottom: 8px;
		font-size: 15px;
	}

	#conts .blog .comArea .mainBox .imgBox .textBox .ttl .time {
		margin-right: 10px;
	}

	#conts .blog .comArea .mainBox .imgBox .textBox .comLink {
		margin-top: 8px;
		position: static;
		float: right;
	}

	#conts .blog .comArea .mainBox .imgBox01 {
		margin-bottom: 24px;
	}

	#conts .blog .wp-pagenavi {
		margin-bottom: 25px;
	}

	#conts .blog .comTtlBox .comCenterTxt {
		/* font-size: 12px; */
	}
}

/*------------------------------------------------------------
	blogDetail.html
------------------------------------------------------------*/
#conts .blogDetail #pagePath {
	margin-bottom: 120px;
}

#conts .blogDetail .comArea .mainBox {
	padding: 6px 0 184px;
}

#conts .blogDetail p {
	margin-bottom: 21px;
	color: #000;
	font-size: 15px;
	line-height: 1.8;
}

#conts .blogDetail .comArea .mainBox img {
	max-width: 100%;
  height: auto;
}

#conts .blogDetail .text {
	/*margin-bottom: 70px;*/
  display: inline-block;

}

#conts .blogDetail .note {
	margin-bottom: 26px;
	font-family: "メイリオ", "ヒラギノ角ゴ", sans-serif;
	line-height: normal;
	letter-spacing: normal;
}

#conts .blogDetail .note a {
	padding-left: 30px;
	display: inline-block;
	text-decoration: none;
	background: url(../images/common/icon09.png) no-repeat left top;
}

#conts .blogDetail .note a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .blogDetail .ttl {
	margin-bottom: 42px;
	font-family: 'NotoSansCJKjp-Medium', sans-serif;
	font-size: 30px;
	line-height: 1.3;
	letter-spacing: normal;
  background: #F8F8F8;
  padding: 10px 30px 8px;
}

#conts .blogDetail .ttl .time {
	margin-right: 30px;
	font-size: 16px;
}

#conts .blogDetail .photo {
	margin-bottom: 24px;
}

#conts .blogDetail .photo img {
	max-width: 100%;
	height: auto;
}

#conts .blogDetail .photo01 {
	margin-bottom: 135px;
}

#conts .blogDetail h2 {
	color: #000;
	font-family: 'NotoSansCJKjp-Medium', sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 15px 20px;
  background: #F5F5F5;
  border-left: 3px solid #499fe3;
	margin: 25px auto 15px;
}
#conts .blogDetail p+ h2,
#conts .blogDetail h3+ h2 {
	margin: 10px 0 24px;
}

#conts .blogDetail h3 {
	font-size: 16px;
  color: #58B6DD;
	font-family: 'NotoSansCJKjp-Medium', sans-serif;
	margin: 50px auto 30px;
  clear: both;
  line-height: 1.3;
  font-size: 16px;
  font-weight: bold;
}

#conts .blogDetail h4 {
	font-size: 16px;
	font-family: 'NotoSansCJKjp-Medium', sans-serif;
	margin: 20px 0;
  clear: both;
  line-height: 1.3;
  font-weight: bold;
}

#conts .blogDetail ul {
  font-size: 15px;
	margin: 20px 0;
}

#conts .blogDetail ul.toc_list {
	margin: 1em;
}
#conts .blogDetail ul.toc_list ul {
	margin: 1em 1em 1em 1.5em;
}

#conts .blogDetail ul li {
  margin: 0 0 8px;
}

#conts .blogDetail .pageNavi {
	margin: 50px auto;
	width: auto;
	text-align: center;
}

#conts .blogDetail .pageNavi li {
	width: 119px;
	display: inline-block;
	border-top: 1px solid #2B2B2B;
	border-bottom: 1px solid #2B2B2B;
	border-left: 1px solid #2B2B2B;
}

#conts .blogDetail .pageNavi li:last-child {
	border-right: 1px solid #2B2B2B;
}

#conts .blogDetail .pageNavi li a {
	padding: 9px 0 5px;
	display: block;
	color: #2c2c2b;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
}

#conts .blogDetail .pageNavi li a span {
	/* font-size: 12px; */
}

#conts .blogDetail .pageNavi .on a,
#conts .blogDetail .pageNavi li a:hover {
	color: #FFF;
	background-color: #2B2B2B;
}

#conts .blogDetail .comBtmBox {
	padding: 68px 0;
}

#conts .blogDetail .comBtmBox .comLink {
	width: 260px;
}

#conts .comTtlBox p {
	margin-bottom: 0;
	line-height: 1.7;
	letter-spacing: normal;
}

a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
	opacity: 1;
	filter: alpha(opacity=100);
}

@media all and (min-width: 0) and (max-width: 767px) {

	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	#conts .blogDetail #pagePath {
		margin-bottom: 0;
	}

	#conts .blogDetail .comArea .mainBox {
		padding: 0 0 22px;
	}

	#conts .blogDetail p {
		margin-bottom: 16px;
		font-size: 16px;
		line-height: 1.7;
		letter-spacing: normal;
	}

	#conts .blogDetail p img {
		margin: 0 auto;
	}

  #conts .blogDetail .comArea .mainBox img {
    max-width: 100vw;
    width: calc(100% + 20px);
    height: auto;
    margin: 0 0 24px -10px;
  }


  #conts .blogDetail .comArea .mainBox .mailForm img {
    max-width: 38px;
    width: 80%;
    height: auto;
    margin: 0 10px 0 0;
  }

	#conts .blogDetail .text {
		margin-bottom: 16px;
	}

	#conts .blogDetail .note {
		margin-bottom: 13px;
	}

	#conts .blogDetail .note a {
		padding-left: 15px;
		background: url(../images/common/icon09.png) no-repeat left center;
		background-size: 10px 9px;
	}

	#conts .blogDetail .note a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#conts .blogDetail .ttl {
		margin-bottom: 16px;
		font-size: 17px;
		padding: 10px 15px 0;
    background: #F8F8F8;
    line-height: 1.4;
	}

	#conts .blogDetail .ttl .time {
		margin-right: 15px;
		font-size: 16px;
	}

	#conts .blogDetail .photo {
		margin-bottom: 15px;
	}

	#conts .blogDetail .photo img {
		margin: 0 auto;
		max-width: 80%;
	}

	#conts .blogDetail .comImgList li .photo img {
		max-width: 100%;
    height: auto;
	}

	#conts .blogDetail .photo01 {
		margin-bottom: 18px;
	}

	#conts .blogDetail h2 {
		padding: 12px 15px;
		font-size: 16px;
		background: #F5F5F5;
		border-left: 3px solid #499fe3;
	}

	#conts .blogDetail h3{
		font-size: 15px;
		margin: 25px auto 15px;
	}

  #conts .blogDetail h4{
		font-size: 14.5px;
		margin: 25px auto 15px;
	}

  #conts .blogDetail ul {
    font-size: 16px;
    line-height: 1.7;
    margin: 16px 0;
  }
  #conts .blogDetail ul li {
    margin: 0 0 4px;
  }

	#conts .blogDetail .pageNavi {
		width: 258px;
	}

	#conts .blogDetail .pageNavi li {
		width: 82px;
	}

	#conts .blogDetail .pageNavi li a {
		padding-top: 6px;
		font-size: 11px;
	}

	#conts .blogDetail .pageNavi li a span {
		font-size: 10px;
	}

	#conts .blogDetail .pageNavi li a:hover {
		color: #2c2c2b;
		background-color: #FFF;
	}

	#conts .blogDetail .pageNavi .on a:hover {
		color: #FFF;
		background-color: #2b2b2b;
	}

	#conts .blogDetail .comBtmBox {
		padding: 24px 0;
    margin: 0 20px;
	}

	#conts .blogDetail .comBtmBox .comLink {
		width: 170px;
	}
}

.blogDetail .blog_sns_list{
	overflow: hidden;
	padding-top: 40px;
}
.blogDetail .blog_sns_list .list_item{
	float: left;
}
.blogDetail .blog_sns_list .list_item + .list_item{
	margin-left: 7px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.blogDetail .blog_sns_list{
		padding-top: 20px;
	}
}
/*------------------------------------------------------------
	company.html
------------------------------------------------------------*/
#conts .company #pagePath {
	margin-bottom: 100px;
}

#conts .company .message {
	padding-bottom: 120px;
	/* border-bottom: 1px solid #3D3939; */
}

#conts .company .message .headLine01 {
	margin-bottom: 75px;
}

#conts .company .message .imgBox {
	margin: 0 auto;
	width: 1080px;
}

#conts .company .message .imgBox .photoBox {
	float: left;
}

#conts .company .message .imgBox .textBox {
	margin-top: -2px;
	width: 620px;
	float: right;
}

#conts .company .message .imgBox .textBox p {
	color: #000;
	/* font-size: 16px; */
	line-height: 1.57;
}
#conts .company .message .imgBox .textBox p+ p {
	margin: 20px 0 0;
}

#conts .company .message .imgBox .textBox .note {
	margin-top: 45px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

#conts .company .message .imgBox .textBox .note .name {
	margin-top: 2px;
	display: block;
}

#conts .company .message .imgBox .textBox .note .name .txt {
	margin-right: 16px;
	font-size: 16px;
	font-weight: normal;
}

#conts .company .profile {
	padding: 118px 0;
	/* border-bottom: 1px solid #3D3939; */
}

#conts .company .profile .headLine01 {
	margin-bottom: 80px;
}

#conts .company dl {
	margin: 0 auto;
	width: 1080px;
	font-size: 16px;
	border-top: 1px dotted #CCC;
}

#conts .company dt {
	margin-top: 15px;
	width: 152px;
	float: left;
	text-align: center;
}

#conts .company dd {
	padding: 10px 0 9px 10.8em;
	border-bottom: 1px dotted #CCC;
}

#conts .company dd a {
    text-decoration: underline;
}

#conts .company dd span {
	padding: 5px 0 4px 45px;
	display: block;
	position: relative;
}

#conts .company dd span:before {
	width: 4px;
	height: 30px;
	position: absolute;
	border-left: 4px solid #CCC;
	top: 0;
	left: 0;
	content: " ";
}

#conts .company .history {
	padding: 119px 0 120px;
}

#conts .company .history .headLine01 {
	margin-bottom: 80px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .company #pagePath {
		margin-bottom: 18px;
	}

	#conts .company .message {
		padding-bottom: 56px;
	}

	#conts .company .message .headLine01 {
		margin-bottom: 18px;
	}

	#conts .company .message .imgBox {
		margin: 0 20px;
		width: auto;
	}

	#conts .company .message .imgBox .photoBox {
		margin-bottom: 10px;
		float: none;
	}

	#conts .company .message .imgBox .photoBox img {
		margin: 0 auto;
	}

	#conts .company .message .imgBox .textBox {
		margin-top: 0;
		width: auto;
		float: none;
	}

	#conts .company .message .imgBox .textBox p {
		/* font-size: 12px; */
		line-height: 1.6;
	}

	#conts .company .message .imgBox .textBox .note {
		margin-top: 15px;
		font-size: 16px;
	}

	#conts .company .message .imgBox .textBox .note .name .txt {
		/* font-size: 12px; */
	}

	#conts .company .profile {
		padding: 22px 0;
	}

	#conts .company .profile .headLine01 {
		margin-bottom: 18px;
	}

	#conts .company dl {
		margin: 0 20px;
		width: auto;
		/* font-size: 12px; */
	}

	#conts .company dt {
		width: auto;
		float: none;
		text-align: left;
	}

	#conts .company dd {
		padding-left: 0;
	}

	#conts .company dd span {
		padding: 0;
	}

	#conts .company dd span:before {
		display: none;
	}

	#conts .company .history {
		padding: 52px 0;
	}

	#conts .company .history .headLine01 {
		margin-bottom: 18px;
	}
}

/*------------------------------------------------------------
	contact.html
------------------------------------------------------------*/
#conts .contact .comCenterTxt {
	margin-bottom: 74px;
	color: #000;
	font-size: 16px;
	line-height: 1.87;
}

#conts .contact .telBox {
	margin: 0 auto 121px;
	padding: 1px;
	width: 1080px;
	box-sizing: border-box;
	border: 1px solid #CCC;
}

#conts .contact .telBox .txtBox {
	padding: 44px 0 43px;
	background-color: #F3F3F3;
}

#conts .contact .telBox .txtBox p {
	text-align: center;
}

#conts .contact .telBox .txtBox .ttl {
	margin-bottom: 27px;
}

#conts .contact .telBox .txtBox .tel .time {
	margin: 13px 0 0 18px;
	display: inline-block;
}

#conts .contact .section {
	padding: 119px 0 120px;
	border-top: 1px solid #CCC;
}

#conts .contact .section .text {
	margin: 0 auto 49px;
	width: 465px;
	font-size: 16px;
	line-height: 1.75;
}

#conts .contact .section .screen-reader-response li,
#conts .contact .section .screen-reader-response li a
{
	color: #F00;
	line-height: 1.6;
}

.section .mailForm table {
	width: 100%;
	border-collapse: collapse;
}

.section .mailForm th,
.section .mailForm td {
	padding: 15px 0;
	width: 77%;
	font-size: 16px;
	text-align: left;
	vertical-align: middle;
}

.section .mailForm th {
	width: 23%;
	font-weight: normal;
}

.section .mailForm th span {
	margin-right: 20px;
  margin-bottom: 0!important;
	display: inline-block;
	vertical-align: baseline;
}

.section .mailForm .vTop th {
	vertical-align: top;
}

.section .mailForm .trStyle td {
	padding-bottom: 5px;
}

.section .mailForm td .checkList {
	margin-top: -4px;
}

.section .mailForm td .checkList li {
	line-height: 2.2;
}

.section .mailForm td input[type=text] ,
.section .mailForm td input[type=email],
.section .mailForm td input[type=tel],
.section .mailForm td select,
.section .mailForm td input[type=date] {
	padding: 0 30px;
	width: 100%;
	height: 40px;
	color: #282828;
	font-size: 16px;
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #B2B2B2;
}

.section .mailForm td input[type=date] {
	width: 100%;
	height: 38px;
  position: relative;
	border: 0;
  z-index: 1;
}
label.date_wrap {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	padding: 0;
  width: 50%;
	height: 40px;
	/* border: 1px solid #B2B2B2; */
}
label.date_wrap::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 12px;
  background-image: url(../images/common/icon10.png);
  background-repeat: no-repeat;
  z-index: 2;
  right: 29px;
  top: 14px;
  pointer-events: none;
}
label.date_wrap:hover::before {
  cursor: pointer;
}
input[type="date"]::-webkit-calendar-picker-indicator{
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  width: 70%;
  height: 40px;
  background: transparent;
  color: transparent;
  cursor: pointer;
  z-index: 10;
}

@media all and (min-width: 0) and (max-width: 767px) {
  label.date_wrap {
    width: 100%;
    height: 30px;
  }
  .section .mailForm td input[type=date] {
    height: 28px;
  	padding: 0 15px;
  }
  label.date_wrap::before {
    width: 7px;
    height: 6px;
    background-image: url(../images/common/icon10.png);
    background-repeat: no-repeat;
    background-size: 7px 6px;
    right: 15px;
    top: 11px;
  }
  input[type="date"]::-webkit-calendar-picker-indicator{
    width: 100%;
    height: 30px;
  }
}

.section .mailForm td .answer {
	margin: 0 0 8px 3px;
}

.section .mailForm td .time {
	width: 100%;
	overflow: hidden;
}

.section .mailForm td .customSelect {
	padding: 0 28px;
	width: 50% !important;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	color: #282828;
	font-size: 16px;
	vertical-align: middle;
	box-sizing: border-box;
	-webkit-appearance: none;
	border: 1px solid #B2B2B2;
	border-radius: 0;
	background: #FFF url(../images/common/select_img.png) no-repeat right center;
	white-space: nowrap;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .section .mailForm td .customSelect {
  	width: 100% !important;
  }
}

/*.section .mailForm td .customSelect .customSelectInner {
	width: 100% !important;
	box-sizing: border-box;
}*/

.section .mailForm .trStyle01 td {
	padding: 18px 0 6px;
}

.section .mailForm td .wpcf7-form-control-wrap {
	display: block;
}

.section .mailForm td .jspVerticalBar {
	width: 8px;
}

.section .mailForm td .jspTrack {
	background: #F5F5F5;
}

.section .mailForm td .jspDrag {
	background: #757575;
}

.section .mailForm td .jspVerticalBar .jspArrow {
	height: 8px;
	background: #282828;
}

.section .mailForm td textarea {
	padding: 10px 30px;
	width: 100%;
	height: 120px;
	color: #282828;
	font-size: 16px;
	overflow: visible;
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #B2B2B2;
	vertical-align: top;
}

.section .mailForm td .scrollBdBox {
	margin-bottom: 20px;
	border: 1px solid #B2B2B2;
}

.section .mailForm td .scrollBox {
	margin-bottom: 0;
	margin-right: -1px;
	border: 0px solid #B2B2B2;
	height: 240px;
	overflow-y: auto;
}

.section .mailForm td .txtBox {
	margin-bottom: 24px;
	padding: 20px 25px 24px;
	width: 100%;
	height: auto;
	overflow-x: hidden;
	box-sizing: border-box;
}

.section .mailForm td .txtBox p {
	margin-bottom: 28px;
	line-height: 1.7;
}

.section .mailForm td .txtBox .title {
	margin-bottom: 25px;
}

.section .mailForm td .txtBox .txtList li span {
	display: block;
}

.section .mailForm td .txtBox .txtList li .ttl {
	margin-bottom: 3px;
	padding-left: 13px;
	background: url(../images/common/icon11.gif) no-repeat left center;
}
.pplist {
  margin-bottom: 28px;
}
.txt_last {
  margin-bottom: 28px;
}

.section .mailForm td .checkList {
}

.section .mailForm td .checkList  .wpcf7-list-item {
	margin-bottom: 10px;
	display: block;
}

.section .mailForm td .checkList  .wpcf7-list-item label {
	/*padding-left: 28px;*/
	display: inline-block;
	/*background: url(../images/common/check_img.png) no-repeat left center;*/
}

/*.section .mailForm td .checkList  .wpcf7-list-item label.on {
	background-image: url(../images/common/check_img_on.png);
}*/

.section .mailForm td .checkList  .wpcf7-list-item input[type="checkbox"] {
	/*display: none;*/
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  vertical-align: top;
}

.section .mailForm .submit {
	margin-top: 59px;
	text-align: center;
}

.section .mailForm .submit li {
	margin: 0 20px;
	width: 260px;
	display: inline-block;
}

.section .mailForm .submit li input {
	width: 100%;
	height: 60px;
	border: none;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
	-webkit-appearance: none;
	background: url(../images/contact/sendBtn.gif) no-repeat center top;
}

.section .mailForm .submit li input:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .contact .comCenterTxt {
		margin: 0 10px 22px;
		font-size: 16px;
		line-height: 1.7;
	}

	#conts .contact .telBox {
		margin: 0 10px 18px;
		width: auto;
	}

	#conts .contact .telBox .txtBox {
		padding: 20px 0;
	}

	#conts .contact .telBox .txtBox p img {
		margin: 0 auto;
	}

	#conts .contact .telBox .txtBox .ttl {
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 1.0;
    font-weight: bold;
	}

	#conts .contact .telBox .txtBox .ttl img {
		width: 280px;
	}

	#conts .contact .telBox .txtBox .tel .time {
		margin: 12px 0 0;
		display: block;
	}

	#conts .contact .telBox .txtBox .tel .time img {
		width: 275px;
	}

	#conts .contact .telBox .txtBox .tel a,
	#conts .contact .telBox .txtBox .tel span {
		display: block;
	}

	#conts .contact .telBox .txtBox .tel a img {
		width: 250px;
	}

	#conts .contact .section {
		padding: 22px 0;
	}

	#conts .contact .section .text {
		margin: 0 10px 16px;
		width: auto;
		/* font-size: 12px; */
	}

	.section .mailForm th,
	.section .mailForm td {
		padding: 8px 0;
		width: auto;
		display: block;
		font-size: 13px;
	}

	.section .mailForm th {
		width: auto;
	}

	.section .mailForm th span {
		margin-right: 10px;
		vertical-align: bottom;
	}

	.section .mailForm .trStyle td {
		padding-bottom: 8px;
	}

	.section .mailForm td .checkList {
		margin-top: 0;
	}

	.section .mailForm td input[type=text],
	.section .mailForm td input[type=email],
	.section .mailForm td input[type=tel] {
		padding: 0 15px;
		height: 30px;
		font-size: 13px;
	}

	.section .mailForm td .customSelect {
		padding: 0 15px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		background-size: auto 20px;
	}

	.section .mailForm td .answer {
		margin: 0 0 5px;
	}

	.section .mailForm .trStyle01 td {
		padding: 8px 0;
	}

	.section .mailForm td textarea {
		padding: 5px 15px;
		font-size: 13px;
	}

	.section .mailForm td .txtBox {
		margin-bottom: 18px;
		padding: 10px 15px;
		height: 200px;
	}

	.section .mailForm td .txtBox p {
		margin-bottom: 14px;
	}

	.section .mailForm td .txtBox .title {
		margin-bottom: 14px;
	}

	.section .mailForm td .txtBox .txtList li .ttl {
		margin-bottom: 14px;
		padding-left: 13px;
	}

	.section .mailForm .submit {
		margin: 18px 0;
	}

	.section .mailForm .submit li {
		width: 180px;
	}

	.section .mailForm .submit li input {
		height: 42px;
		border-radius: 0;
		-webkit-appearance: none;
		background-size: 180px auto;
	}

	.section .mailForm .submit li input:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}
}

/*------------------------------------------------------------
	thanks.html
------------------------------------------------------------*/
#conts .thanks {
	padding-bottom: 124px;
}

#conts .thanks #pagePath {
	margin-bottom: 126px;
}

#conts .thanks .ttl {
	margin-bottom: 56px;
	color: #000;
	font-size: 30px;
	text-align: center;
}

#conts .thanks .comCenterTxt {
	color: #000;
	font-size: 16px;
	line-height: 1.8;
}

#conts .thanks .comCenterTxt span {
	margin-bottom: 32px;
	display: block;
}

#conts .thanks .comLink {
	margin: 85px auto 0;
	width: 130px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .thanks {
		margin: 0 20px;
		padding-bottom: 24px;
	}

	#conts .thanks #pagePath {
		margin-bottom: 18px;
	}

	#conts .thanks .ttl {
		margin-bottom: 24px;
		font-size: 15px;
	}

	#conts .thanks .comCenterTxt {
		/* font-size: 12px; */
	}

	#conts .thanks .comCenterTxt span {
		margin-bottom: 16px;
	}

	#conts .thanks .comLink {
		margin-top: 16px;
		width: 100px;
	}
}
@media all and (min-width: 768px){
	.menuBox {
		display: block !important;
	}

}

.screen-reader-response {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin: 0 0 30px;
}
.wpcf7-validation-errors {
  font-size: 18px;
  font-weight: bold;
  color: #f00;
  text-align: center;
  margin: 50px 0 0;
}
.wpcf7-not-valid-tip {
  font-size: 16px;
  font-weight: bold;
  color: #f00;
}

/* スピンボタン（上下ボタン）を非表示 */
input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.reserv,
.add {
  display: none;
}
.reserv.active,
.add.active {
  display: table-row;
}
.error_ms {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.error_ms p {
  color: #f00!important;
  margin: 0 0 5px!important;
}
input.error,
.time.error {
  outline: 2px solid #f00;
}

.invisiblebtn {
  display: none;
}

.dots {
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.dots li {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #fff;
  border-radius: 5px;
  opacity: 0.5;
}
.dots li:hover {
  cursor: pointer;
}
.dots li+ li {
  margin: 0 0 0 12px;
}
.dots li.slick-active {
opacity: 1;
}

/*------------------------------------------------------------
	modal
------------------------------------------------------------*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/common/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/common/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/common/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/common/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/common/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/common/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/common/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/common/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/common/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/common/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/common/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/common/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/common/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/common/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


.ttl_sub {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  margin: 24px 0 0 20px;
  letter-spacing: -0.02em;
  color: #000;
}
.ttl_sub_2line {
  margin: 5px 0 0 20px;
  letter-spacing: -0.046em;
}

@media all and (min-width: 0) and (max-width: 767px) {
  #conts .home .concept .pTitle {
    font-size: 11.5px;
    letter-spacing: -0.06em;
  }
  #conts .home .concept .textList li .ttl {
    font-size: 16px;
  }
  #conts .home .exhibition .contactBox .ttl {
    /* font-size: 12px; */
  }
  #conts .home .exhibition .contactBox p {
    font-size: 18px;
  }
  #conts .home .exhibition .contactBox .linkList li .btn {
    width: 100%;
  }
  #conts .comContactBox .title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.4;
    margin: 0 12% 20px;
  }

  #conts .lineup .topTxt .ttl {
    font-size: 18px;
    line-height: 1.2;
  }
  #conts .lineup .txtTtl {
    font-size: 18px;
    line-height: 1.2;
  }
  #conts .lineup .sec02 .imgBoxL .textBox .ttl {
    font-size: 18px;
  }
  #conts .lineup .sec02 .imgBoxL .textBox .ttl01 {
    font-size: 16px;
  }
  #conts .lineup .sec04 .imgList > li .ttl {
    font-size: 16px;
  }
  #conts .lineup .sec04 .blackBox .lBox .ttl {
    font-size: 12.5px;

  }
  #conts .lineup .sec05 .imgBoxR .textBox .ttl {
    font-size: 18px;
  }
  #conts .lineup .sec05 .imgBoxR .textBox .textImg {
    /* font-size: 12px; */
  }
  #conts .lineup .sec04 .txtTtl {
    font-size: 18px;
    line-height: 1.2;
  }
  #conts .lineup .sec04 .blackBox .txtTtl {
    margin: 0 0 15px;
  }
  #conts .lineup .sec06 .txtTtl {
    margin-bottom: 24px;
  }
  #conts .lineup .sec07 .txtTtl {
    font-size: 22px;
    letter-spacing: 0.08em;
    margin: 0 10px 20px;
  }
  #conts .lineup .sec07 .txtTtl .sub {
    font-size: 18px;
    margin: 0 10px 20px;
  }
  #conts .comBtmBox .comBtmTtlBox {
    width: 100%;
    font-size: 18px;
  }
  #conts .comBtmBox .comBtmTtlBox:before {
    bottom: -15px;
    border-width: 14px 12px 0 12px;
  }
  #conts .comBtmBox .comBtmTtlBox:after {
    bottom: -14px;
    border-width: 18px 15px 0 15px;
  }

  .ttl_sub {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin: 12px 0 0 15px;
    letter-spacing: -0.02em;
  }
  .ttl_sub_2line {
    font-size: 18px;
    margin: 0 0 0 15px;
    letter-spacing: -0.02em;
  }

  #conts .works .headLine01 {
    font-size: 16px;
    margin: 0 10px 18px;
  }

  #conts .home .line .imgBox .textBox .title {
    font-size: 22px;
  }
  .textBox .title_sub {
    font-size: 16px;
    margin: 10px 0 0;
  }
  #conts .home .textItem li h3 {
    font-size: 16px;
  }
  .textItem li .textItemSub {
    font-size: 16px;
  }

  #conts .home .message .textArea .h3Ttl img {
    width: auto;
    height: auto
  }
  .h3TtlSub {
    font-size: 18px;
    margin: 16px 0 0;
  }
}

.page404 {

}
#main .page404 .pageTitle h2 {
  font-size: 56px;
  padding-top: 62px;
  color: #fff;
}
.page404 .page404text {
  padding: 80px 0 200px;
  font-size: 18px;
  text-align: center;
}

@media (max-width: 767px) and (min-width: 0){
	#conts .blog .imgBox .comLink {
        position: relative;
        margin-top: 10px;
        float: none;
	}
}

#toc_container {
  margin-bottom: 40px!important;
}
.toc_number::after {
  content: ".";
  display: inline-block;
  margin: 0 2px 0 0;
}
.toc_number.toc_depth_2::after,
.toc_number.toc_depth_3::after {
  content: "";
}
@media all and (min-width: 0) and (max-width: 767px) {
  #toc_container {
    width: 85%!important;
    margin-bottom: 30px!important;
  }
}

#main .reportTitle {
  background: url(../images/report/bg01.jpg) no-repeat center center;
  background-size: cover;
}
#conts .reportList li {
  width: calc((100% - 40px) / 3);
}
#conts .reportListM li {
  width: 25%;
}
#conts .reportList li .title {
  margin: 17px 10px 17px;
}
#conts .reportDetail .section {
    margin: 0 auto 78px;
    width: 1080px;
}
.reportDetailTitle {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 10px;
}
.reportDetailInfo {
  background: #e4e4e4;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 30px;
  margin: 0 0 10px;
}
.reportDetailIn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  counter-reset: number 0;
}
.reportDetailBox {
  width: calc((100% - 40px) / 2);
  border-top: 1px solid #838383;
  padding: 35px 0;
}
.reportDetailBox:nth-child(1),
.reportDetailBox:nth-child(2) {
  border-top: 0;
}
.reportDetailBoxTop {
  font-size: 16px;
  position: relative;
  padding: 6px 0 4px 52px;
}
.reportDetailBoxTop:before {
  counter-increment: number 1;
  content: counter(number);
  width: 34px;
  height: 34px;
  background: #000;
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}
.reportDetailBoxImg img {
  width: 100%;
  height: auto;
}
.reportDetailBoxTitle {
  font-size: 22px;
  padding: 20px 20px 10px;
}
.reportDetailBoxText {
  padding: 0 20px;
}
.reportDetailBack {
  text-align: center;
  margin: 90px 0 0;
}
.reportDetailBack a {
  display: inline-block;
}
.reportSearch {
  max-width: 1080px;
  margin: 0 auto 50px;
  display: flex;
  justify-content: space-between;
}
.reportSearchBox {
  width: calc( (100% - 60px) / 3 );
  position: relative;
}
.reportSearchBox a,
.reportSearchBox label {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  border: 2px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  position: relative;
}
.reportSearchBox a:hover {
  text-decoration: none;
}
.reportSearchBox label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
  z-index: 2;
}
.reportSearchBox select {
  position: relative;
  width: 100%;
  height: 50px;
  font-size: 18px;
  border: 2px solid #000;
  background: #fff;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  z-index: 1;
  opacity: 0;
}


@media all and (min-width: 0) and (max-width: 767px) {
  #conts .reportDetail .section {
    margin: 0 15px 18px;
    width: auto;
  }
  #conts .reportList li {
    margin-top: 1px;
    width: 50%;
  }
  #conts .reportListM li {
    margin-top: 1px;
    width: 50%;
  }
  .reportDetailTitle {
    font-size: 26px;
  }
  .reportDetailInfo {
    font-size: 18px;
    padding: 10px 20px;
    margin: 0 0 10px;
  }
  .reportDetailIn {
    display: block;
  }
  .reportDetailBox {
    width: 100%;
  }
  .reportDetailBox:nth-child(2) {
    border-top: 1px solid #838383;
  }
  .reportDetailBoxTop {
    font-size: 16px;
    position: relative;
    padding: 1px 0 2px 40px;
  }
  .reportDetailBoxTop:before {
    width: 24px;
    height: 24px;
    font-size: 16px;
  }
  .reportDetailBoxImg img {
    width: 100%;
    height: auto;
  }
  .reportDetailBoxTitle {
    font-size: 20px;
    padding: 10px 10px 5px;
  }
  .reportDetailBoxText {
    padding: 0 10px;
  }
  .reportSearchBox {
    width: 100%;
    position: relative;
  }
  .reportSearch {
    max-width: 100%;
    margin: 0 auto 40px;
    display: block;
    padding: 0 20px;
  }
  .reportSearchBox+ .reportSearchBox {
    margin: 15px 0 0;
  }
  .reportSearchBox a,
  .reportSearchBox label {
    height: 44px;
    font-size: 15px;
  }
  .reportSearchBox select {
    height: 44px;
    font-size: 15px;
  }
}
@charset "UTF-8";
/* CSS Document */

.cf7-event-description {
	font-size: 16px;
	margin-bottom: 1em;
}

@media (min-width: 0) and (max-width: 767px) {
	.cf7-event-description {
		font-size: 16px;
	}	
}

/* 20250227 */
.cmn-visual-title {
	color: #fff;
	font-size: 42px;
	font-weight: bold;
}

.cmn-works {
	padding: 90px 0 130px;
}

.cmn-works .cmn-holos-home-h2 {
    margin-bottom: 80px;
}

@media (max-width: 896px) {
    .cmn-works .cmn-holos-home-h2 {
        margin-bottom: 35px;
    }
}

.cmn-works#conts .works .comImgList {
	margin: 80px 0px;
}

@media(max-width:767px) {
	.cmn-visual-title {
		font-size: 30px;
	}
}

@media(max-width:896px) {
	.cmn-holos-home-h2.holos-home-h2 {
		font-size: 36px;
	}
}

@media(max-width:767px) {
	.cmn-works#conts .works .cmnComImgList.comImgList {
		margin: 35px 0px 80px;

	}
}

.cmn-voice-area {
	margin: 80px 0px 0px;
}

.cmn-voice-box {
	margin-bottom: 40px;
	padding: 40px 40px 60px 40px;
	box-sizing: border-box;
	border: 1px solid #58665a;
}

.cmn-voice-item {
	position: relative;
}

.cmn-voice-item-text {
	height: 230px;
	overflow: hidden;
}

.cmn-voice-item-more {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	padding-top: 60px;
	text-align: center;
	line-height: 30px;
	background: linear-gradient(180deg,
			rgb(255, 255, 255, 0) 0%,
			rgb(255, 255, 255, 1) 70%);
	cursor: pointer;
	transition: bottom 0.2s;
}

.cmn-voice-item-active {
	background: none;
	bottom: -40px;
}

@media(max-width:767px) {

	.cmn-voice-area {
		margin: 35px 0px 0px;
	}

	.cmn-voice-box {
		margin-bottom: 20px;
		padding: 20px 20px 40px 20px;
	}
}

/* 20250526 */
.section5 {
    padding-bottom: 0;
}

.question {
    max-width: 1100px;
    padding: 150px 10px 130px;
    margin: 0 auto;
}

.faq_list {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-top: 30px;
}

.faq_list_item {
    margin-bottom: 20px;
}

.faq-q {
    background-color: #F4F4F4;
    padding: 10px;
    cursor: pointer;
    position: relative;
}

.faq-q::before {
    background-color: #000;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
}

.faq-q::after {
    background-color: #000;
    content: "";
    display: block;
    height: 11px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    transition: 0.5s;
}

.faq-q.active::after {
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}

.faq-q_text {
    align-items: center;
    display: flex;
    gap: 10px;
}

.faq-q_text>span {
    width: calc(100% - 70px);
    padding-right: 30px;
}

.faq-q_text::before {
    content: "Q";
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    width: 60px;
}

.faq-a {
    display: none;
}

.faq-a_text {
    align-items: start;
    display: flex;
    gap: 10px;
    padding-top: 10px;
}

.faq-a_text>span {
    width: calc(100% - 70px);
    padding-top: 15px;
    padding-right: 30px;
}

.faq-a_text::before {
    content: "A";
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
    height: 60px;
    line-height: 56px;
    padding-left: 12px;
    text-align: center;
    width: 60px;
}

@media(max-width:767px) {
	.cmn-holos-home-h2-catch.holos-home-h2-catch {
		text-align:center;
	}
}