@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;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: "游ゴシック Medium", YuGothic,YuGothicM , "Yu Mincho", "YuMincho" , "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
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,
a:link {
	color: #000;
	text-decoration: none;
	transition: color .6s ease;
}

a:visited {
	color: #000;
}

a:hover {
	color: #999;
}

a:active {
	color: #000;
}

select::-ms-expand { display: none; }

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1100px;
	color: #000;
	font-size: 13px;
	line-height: 1.5;
	text-size-adjust: none;
	font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}

#container {
	text-align: left;
}

#main {

}

a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

.sp {
	display: none !important;
}
.iphone5_br {
	display: none !important;
}
.iphone_br {
	display: none !important;
}

@media all and (min-width: 0) and (max-width: 374px) {
	.iphone5_brno {
		display: none !important;
	}
	.iphone5_br {
		display: block !important;
	}
}
@media all and (min-width: 375px) and (max-width: 750px) {
	.iphone_br {
		display: block !important;
	}
}

@media all and (min-width: 0) and (max-width: 767px) {
	body {
		min-width: inherit;
	}

	a:hover,
	a:hover img {
		color: inherit;
		opacity: 1 !important;
	}

	.sp {
		display: block !important;
	}

	.pc {
		display: none !important;
	}

	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}


}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	position: fixed;
	transition: background .3s ease 0s;
	z-index: 1000005;
}

#gHeader h1 {
	width: 103px;
	position: fixed;
	left: 30px;
	top: 31px;
	z-index: 5;
}

.domReady #gHeader h1 {
	transition: left .3s ease, top .3s ease, width .3s ease, opacity 1.25s ease;
}

#gHeader.scrollHeader h1 {
	top: 15px;
	left: 40px;
	width: 78px;
}

#gHeader h1 img {
	width: 100%;
	display: block;
}

.fadeOvj {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity .8s ease-out, transform .6s ease-out;
  transition: opacity .8s ease-out, transform .6s ease-out;
}

.fadeOvj.animated {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.fadeOvj.noAnimation {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: none;
  transition: none;
}


@media all and (min-width: 0) and (max-width: 767px) {
	#gHeader {
		transition: opacity .5s, background .3s ease .3s;
	}

	#gHeader h1 {
		width: 85px;
		top: 20px;
		left: 20px;
		z-index: 3;
	}

	#gHeader.scrollHeader {
		width: 100%;
		height: 45px;
		top: 0;
		left: 0;
		background-color: #fff;
	}

	#gHeader.scrollHeader h1 {
		width: 60px;
		top: 9px;
		left: 15px;
	}
}
/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
.domReady #gNavi .glyph {
	transition: opacity 1.25s ease;
}

#gNavi .glyph {
	width: 70px;
	height: 75px;
	position: fixed;
	top: 0 !important;
	right: 0;
	z-index: 7;
	cursor: pointer;
	background-color: #000;
	/*background-color: #B2A076;*/
}

#gNavi .glyph span {
	margin: 37px auto 36px;
	width: 30px;
	height: 1.5px;
	display: block;
	position: relative;
	transition: background .5s ease;
	background-color: #fff;
}

#gNavi .glyph span:before,
#gNavi .glyph span:after {
	width: 100%;
	height: 1.5px;
	position: absolute;
	left: 0;
	content: "";
	transition: .35s ease;
	background-color: #fff;
}

#gNavi .glyph span:before {
	top: -6px;
}

#gNavi .glyph span:after {
	top: 6px;
}

#gNavi .glyph:hover {
	opacity: 0.7;
}

#gNavi .headerMenus {
	padding: 0 0 0 103px;
	width: 683px;
	height: 100%;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: -685px;
	overflow-y: auto;
	transition: .8s ease;
	background-color: #f1f4f7;
	z-index: 5;
	display: flex;
	align-items: center;
	opacity: .95;
}
.headerMenusInn {
	margin: auto;
	flex-grow: 1;
}
.headerMenusCover {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.openMeuns .headerMenusCover {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

#gNavi .navs {
	float: left;
}

#gNavi .navs:first-child {
	margin-right: 80px;
}

#gNavi .navs .first {
	padding-left: 0;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 18px;
	letter-spacing: 0.05em;
}

#gNavi .navs li {
	padding: 0 30px 0 12px;
	margin-bottom: 9px;
	position: relative;
	font-size: 14px;
}

#gNavi .navs li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "-";
}

#gNavi .navs .first:before {
	display: none;
}

#gNavi .navs .first.last {
	margin-top: 20px;
}

#gNavi .navs li.menuLi {
	padding-right: 0;
	margin-bottom: 0;
}
#gNavi .navs.btm {
	padding: 20px 109px 0 0;
	clear: both;
	float: none;
}
#gNavi .navs.btm .nLast {
	padding-top: 30px;
	border-top: 1px solid rgba(0, 0, 0, 0.4);
	display: flex;
    align-items: flex-end;
    flex-direction: column;
	position: relative;
}
#gNavi .navs.btm li  {
	min-width:190px;
}
#gNavi .navs.btm .first.last {
	margin: 0;
	position: absolute;
	left: 0;
	top: 28px;
	min-width: initial;
}
#gNavi .hbnr {
	margin-top: 19px;
	max-width: 470px;
}
#gNavi .hbnr a {
	display: block;
	position: relative;
}
#gNavi .hbnr a::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	transition: .6s ease;
}
#gNavi .hbnr a:hover:before {
	opacity: 0.5;
}
#gNavi .hbnr a img {
	width: 100%;
}
#gNavi .hbnr a .logoYoko {
	width: 274px;
	max-width: 58.297%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
#gNavi .hlinks {
	padding-top: 41px;
	clear: both;
}

#gNavi .hlinks ul {
	margin-bottom: 15px;
}

#gNavi .hlinks ul:last-child {
	margin-bottom: 0;
}

#gNavi .hlinks li {
	min-width: 65px;
	padding-right: 30px;
	float: left;
	font-size: 12px;
}

.openMeuns #gNavi .headerMenus {
	right: 0;
}

.openMeuns #gNavi .glyph span {
	background-color: #000;
	/*background-color: #B2A076;*/
}

.openMeuns #gNavi .glyph span:before {
	top: 0;
	transform: rotateZ(45deg);
}

.openMeuns #gNavi .glyph span:after {
	top: 0;
	transform: rotateZ(-45deg);
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gNavi .glyph {
		width: 45px;
		height: 45px;
	}

	#gNavi .glyph span {
		margin: 22px auto;
		height: 1px;
		width: 18px;
	}

	#gNavi .glyph span:before,
	#gNavi .glyph span:after {
		height: 1px;
	}

	#gNavi .headerMenus {
		padding: 32px 34px;
		width: 100%;
		height: 100%;
		right: -100%;
	}

	#gNavi .navs {
		float: none;
	}

	#gNavi .navs:first-child {
		margin-right: 0;
	}

	#gNavi .navs ul {
		margin-bottom: 15px;
	}

	#gNavi .navs .navs2,
	#gNavi .navs .nLast {
		margin-bottom: 15px;

	}

	#gNavi .navs .first {
		margin-bottom: 13px;
		width: auto;
		float: none;
		position: relative;
		font-size: 15px;
	}

	#gNavi .navs .first a {
		padding-left: 0;
	}

	#gNavi .navs .first:before {
		width: 20px;
		height: 1px;
		position: absolute;
		left: -40px;
		top: 50%;
		transform: translataY(-50%);
		display: block;
		content: "";
		background-color: #000;
		display: none;
	}

	#gNavi .navs .first.last {
		margin-top: 0
	}

	#gNavi .navs li {
		margin-bottom: 8px;
		padding: 0 15px 0 8px;
		width: 48%;
		box-sizing: border-box;
		float: left;
		font-size: 11px;
	}
	#gNavi .navs .navs3 {
		margin-bottom: 23px;
	}
	#gNavi .navs .navs3 li {
		margin-right: 6px;
		width: auto;
	}
	#gNavi .headerMenus a {
		display: block;
	}

	#gNavi .nLast li {
		width: 33%;
	}

	#gNavi .hlinks {
		padding-top: 0;
	}

	#gNavi .hlinks ul {
		width: 43%;
		float: left;
	}

	#gNavi .hlinks li {
		padding: 0;
		margin-bottom: 11px;
		float: none;
		font-size: 10px;
	}
	#gNavi .navs.btm {
		padding: 0;
	}
		
	#gNavi .navs.btm .nLast {
		margin-bottom: 18px;
		padding-top: 26px;
		align-items: flex-start;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#gNavi .navs.btm li  {
		min-width: inherit;
		width: 46.5%;
		padding-right: 0;
	}
	#gNavi .navs.btm .first.last {
		margin: 0 0 14px;
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
	}
	#gNavi .navs.btm .first.last + li {
		width: 53.5%;
	}
	#gNavi .hbnr {
		margin: 0 0 38px;
		width: 100%;
		max-width: initial;
	}
	#gNavi .hbnr a::before {
		display: none;
	}
	#gNavi .hbnr a .logoYoko {
		width: 58.297%;
	}
}

@media all and (min-width: 0) and (max-width: 370px) {
	#gNavi .headerMenus {
		padding: 35px 25px;
	}

	#gNavi .navs .first::before {
		left: -32px;
	}

	#gNavi .navs .navs2 li,
	#gNavi .navs .nLast li {
		letter-spacing: -1px;
	}
}

/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
}

#pagePath li {
	display: inline;
	color: #000;
	font-size: 1.2em;
}

#pagePath li a {
}

@media all and (min-width: 0) and (max-width: 767px) {
}
/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {

}

@media all and (min-width: 0) and (max-width: 767px) {
}
/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {

}

@media all and (min-width: 0) and (max-width: 767px) {
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 52px 0 25px 0;
	position: relative;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
	z-index: 1000000;
}

#gFooter .inner {
	margin: 0 auto;
	width: 1100px;
}

#gFooter .friendLink {
	width: 788px;
	float: left;
}

#gFooter .links {
	width: 284px;
	float: right;
}

#gFooter .friendLink .linkItems {
	padding-right: 30px;
	width: 155px;
	box-sizing: border-box;
	float: left;
	letter-spacing: 1px;
}

#gFooter .friendLink .linkItems:nth-child(2) {
	width: 190px;
}

#gFooter .friendLink .linkItems:nth-child(3) {
	width: 230px;
}

#gFooter .friendLink .linkItems:last-child {
	width: 193px;
}

#gFooter .friendLink p {
	font-size: 14px;
}

#gFooter .friendLink li {
	padding-left: 9px;
	margin-top: 12px;
	font-size: 12px;
	position: relative;
}

#gFooter .friendLink li:before {
	display: inline-block;
	content: "-";
	position: absolute;
	left: 0;
	top: 0;
}

#gFooter .friendLink li:first-child {
	margin-top: 23px;
}

#gFooter .links ul {
	width: 142px;
	float: left;
}

#gFooter .links ul:last-child {
	width: 120px;
}

#gFooter .links li {
	margin-bottom: 27px;
	font-size: 12px;
}
#gFooter .fBnr {
	margin: 30px -22px 0 0;
	max-width: 306px;
	float: left;
	clear: both;
}
#gFooter .fBnr a {
	display: block;
	position: relative;
}
#gFooter .fBnr a::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	transition: .6s ease;
}
#gFooter .fBnr a:hover:before{
	opacity: 0.5;
}
#gFooter .fBnr a img {
	width: 100%;
}
#gFooter .fBnr a .logoYoko {
	width: 58.297%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}

.copyRight {
	padding-top: 42px;
	font-size: 10px;
	clear: both;
	letter-spacing: 1px
}

@media all and (min-width: 768px) and (max-width: 1170px) {
	#gFooter .fBnr {
		margin-right: 0;
	}
}
@media all and (min-width: 0) and (max-width: 767px) {
	#gFooter {
		padding: 53px 35px 30px;
	}
	#gFooter .inner {
		width: auto;
		padding: 0;
	}

	#gFooter .friendLink,
	#gFooter .links {
		width: 100%;
	}
	#gFooter .friendLink {
		margin-top: -25px;
	}

	#gFooter .friendLink .linkItems {
		padding: 0;
		margin-top: 18px;
		float: left;
		letter-spacing: 0;
	}

	#gFooter .linkItems:last-child {
		margin-bottom: 0;
	}

	#gFooter .friendLink p {
		font-weight: normal
	}

	#gFooter .friendLink a {
		display: block;
		line-height: 1.6;
	}

	#gFooter .links {
		margin-top: 25px;
		display: flex;
		flex-wrap: wrap;
	}
	#gFooter .links::after {
		display: none;
	}

	#gFooter .friendLink .linkItems,
	#gFooter .friendLink .linkItems:nth-child(3),
	#gFooter .friendLink .linkItems:nth-child(2),
	#gFooter .friendLink .linkItems:last-child {
		width: 50%;
	}

	#gFooter .links ul {
		width: 50%;
		float: none;
		box-sizing: border-box;
		order: 1;
	}

	#gFooter .links ul:last-child {
		width: 50%;
	}

	#gFooter .links li {
		margin-bottom: 13px;
	}

	#gFooter .links a {
		padding-right: 20px;
		display: block;
	}
	#gFooter .fBnr {
		margin: 0 0 38px;
		width: 100%;
		max-width: 100%;
		float: none;
	}
	#gFooter .fBnr a {
		padding-right: 0;
	}
	#gFooter .fBnr a::before {
		display: none;
	}

	.copyRight {
		padding-top: 35px;
		letter-spacing: 0;
	}
}

@media all and (min-width: 0) and (max-width: 355px){
	#gFooter {
		padding: 46px 30px 30px;
		letter-spacing: -1px;
	}
}



/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.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; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.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;
}


@font-face {
	font-family: 'BebasNeue';
	src: url('/fonts/BebasNeue-Regular.eot');
	src: url('/fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/BebasNeue-Regular.ttf') format('truetype'),
		 url('/fonts/BebasNeue-Regular.woff') format('woff');
}

.-bebasNeue {
	font-family: 'BebasNeue';
}

.-marcellus {
	font-family: 'Marcellus', serif;
}

#cover {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5;
	background-color: #FFF;
}


@media all and (min-width: 0) and (max-width: 767px) {
	body:not(.spCover) #cover {
		display: none !important;
		opacity: 0;
		visibility: hidden;
	}
}

/*------------------------------------------------------------
	question
------------------------------------------------------------*/
.question {
	margin-bottom: 87px;
	padding: 75px 0;
	background: #f1f4f7;
}

.qusTitle {
	margin-bottom: 20px;
	font-size: 23px;
	text-align: center;
	letter-spacing: 1px;
	font-weight: 600;
	line-height: 1.7;
}

.qusMark {
	margin-bottom: 47px;
	padding: 0 36px;
	font-size: 14px;
	line-height: 2.2;
}

.qusInfo {
	margin: 0 auto;
	width: 815px;
}

.qusTi {
	margin-bottom: 25px;
	font-size: 18px;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	letter-spacing: .5px;
	color: #2e3c59;
	text-align: center;
}

.qusSp span {
	font-size: 14px;
}

.qusImg {
	margin: 0 auto 18px;
	width: 615px;
	text-align: center;
}

.qusImg img {
	width: 100%;
	display: block;
}

.qusRes {
	font-size: 10px;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}

.qusBot {
	padding: 45px 36px 0;
	font-size: 14px;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.85;
}


@media all and (min-width: 0) and (max-width: 767px) {
	.question {
		margin-bottom: 42px;
		padding: 50px 0;
	}

	.qusInfo {
		width: auto;
	}

	.qusInfo img {
		margin: 0 auto;
		width: auto;
		max-width: 100%;
	}

	.qusTitle {
		margin-bottom: 15px;
		font-size: 15px;
		line-height: 1.6;
	}

	.qusTi {
		margin-bottom: 12px;
		color: #2e3c59;
		letter-spacing: 0;
		font-size: 13px;
	}

	.qusQ {
		float: left;
	}

	.qusSp {
		margin-left: 21px;
		text-align: left;
		display: block;
	}

	.qusSp span {
		font-size: 10px;
	}

	.qusInfo dd {
		margin-left: 24px;
	}

	.qusImg {
		margin-bottom: 10px;
		width: auto;
	}

	.qusRes {
		margin-bottom: 0;
		font-size: 10px;
	}

	.qusMark {
		margin-bottom: 29px;
		padding: 0;
		font-size: 12px;
		line-height: 1.8;
	}

	.qusMark span {
		margin-top: 17px;
	}

	.qusBot {
		padding: 25px 0 0;
		line-height: 1.6;
		font-size: 12px;
		font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

}

/*------------------------------------------------------------
	quTitle
------------------------------------------------------------*/
.picInfo {
	margin: 0 auto;
	width: 1000px;
}

.quTitle {
	width: 500px;
	float: left;
	position: relative;
	line-height: 1.75;
	font-size: 23px;
	font-weight: 600;
}

.quTitle:after {
	width: 30px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -27px;
	content: "";
	background: #9b9b9b;
}

.quWord{
	width: 500px;
	float: left;
	font-size: 14px;
	line-height: 2.3;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.picInfo {
		width: auto;
	}

	.controlPd {
		padding: 0 37px;
	}

	.quTitle {
		width: auto;
		float: none;
		line-height: 1.55;
		font-size: 15px;
		letter-spacing: 0;
	}

	.quTitle:after {
		bottom: -13px;
	}

	.quWord {
		margin-top: 27px;
		width: auto;
		font-size: 12px;
		float: none;
		line-height: 1.65;
		letter-spacing: 1px;
	}
}


/*------------------------------------------------------------
	page footer menu
------------------------------------------------------------*/
.ndList .en {
	margin-bottom: 12px;
	display: block;
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 18px;
}

.ndList .jp {
	font-size: 12px;
	letter-spacing: 5px;
}

.ndList li {
	width: 20%;
	display: table;
	float: left;
}

.ndList li:nth-child(5n) a {
	border-right: 0;
}

.ndList a {
	padding: 32px 5px;
	display: table-cell;
	vertical-align: middle;
	word-break: break-all;
	text-align: center;
	transition: background .6s ease,color .6s ease;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}

.ndList a.nds {
	font-size: 14px;
	color: #999;
	vertical-align: middle;
}

.ndList a:hover,
.ndAction {
	background: #f1f4f7;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.ndList li {
		width: 50%;
	}

	.ndList a {
		padding: 11px 0;
	}

	.ndList li:nth-child(5n) a {
		border-right: 1px solid #e5e5e5;
	}

	.ndList li:nth-child(2n) a {
		border-right: 0;
	}

	.ndList .en {
		margin-bottom: 0;
		font-size: 15px;
		line-height: 18px;
	}

	.ndList .jp {
		font-size: 10px;
		letter-spacing: 2px;
	}

	.ndList a.nds {
		font-size: 10px;
	}

	.ndList a:hover {
		background: none;
	}
}


/*------------------------------------------------------------
	condList
------------------------------------------------------------*/
.condList li {
	width: 20%;
	display: table;
	float: left;
}

.condList a {
	padding: 27px 5px 33px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	word-break: break-all;
	transition: background .6s ease,color .6s ease;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.condList .en {
	font-size: 20px;
	display: block;
	letter-spacing: 2px;
}

.condList .jp {
	margin-top: 5px;
	font-size: 12px;
	letter-spacing: 4px;
	display: block;
}

.condList li:nth-child(5n) a {
	border-right: 0;
}

.condList .condNds a {
	padding: 27px 5px;
	font-size: 14px;
	color: #999999;
}

.condActive,
.condList a:hover {
	background: #f1f4f7;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.condList li {
		width: 50%;
	}

	.condList a {
		padding: 8px 5px 12px;
	}

	.condList .en {
		font-size: 15px;
		letter-spacing: 1.5px;
	}

	.condList .jp {
		margin-top: 0px;
		font-size: 10px;
		letter-spacing: 3px;
	}

	.condList a:hover {
		background: none;
	}

	.condList a.condActive:hover {
		background: #f1f4f7;
	}

	.condList .condNds {
		width: 100%;
	}

	.condList .condNds a {
		padding: 8px 5px;
		font-size: 10px;
	}

}


/*------------------------------------------------------------
	pageBanner
------------------------------------------------------------*/
.banner {
	position: relative;
}

.bannerBg {
	height: 270px;
	box-sizing: border-box;
	background: url(/img/2nd/bg_page_title.jpg) no-repeat center;
	background-size: cover;
}

.banner2 {
    background-image: url(/img/cond/bg_page_title.jpg);
}

.banner3 {
    background-image: url(/img/apart/bg_page_title.jpg);
}

.bannerOffice,
.bannerCompany,
.bannerHistory {
	background-image: url(/img/philosophy/bg_page_title.jpg);
}

.bannerStaff {
	background-image: url(/img/staff/bg_staff.jpg);
}

.bannerUl {
	margin-left: -550px;
	width: 1100px;
	position: absolute;
	bottom: 0;
	left: 50%;
	border-top: 2px solid #000;
	background-color: #fff;
}

.bannerUl li {
	width: 25%;
	height: 100%;
	float: left;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1px;
}

.bannerUl li:nth-child(2) a {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.bannerUl a {
	padding-top: 8px;
	height: 100%;
	display: block;
	box-sizing: border-box;
	color: #000000;
	letter-spacing: 1px;
}
.bannerUl li:nth-child(3) a {
	border-right: 1px solid #cccccc;
}

.bannerUl span {
	margin-right: 12px;
	font-size: 18px;
	font-weight: normal;
	vertical-align: middle
}
.bannerUl em {
	font-style: normal;
}

.bannerUl a:hover {
	color: #999999;
	background: #f1f4f7;
	transition: 0.3s linear 0s;
	-ms-transition: 0.3s linear 0s;
	-moz-transition: 0.3s linear 0s;
	-webkit-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
}

.bannerUl .cur {
	color: #999999;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.bannerBg {
		height: 75px;
	}

	.bannerUl {
		margin-left: 0;
		width: 100%;
		position: inherit;
		left: 0;
	}

	.bannerUl li {
		width: 25%;
		box-sizing: border-box;
		font-size: 10px;
		font-weight: normal;
	}

	.bannerUl a {
		padding: 10px 10px 7px;
		text-align: center;
		letter-spacing: 0;
		text-indent: -20px;
		line-height: 1.3;
	}

	.bannerUl span {
		margin: -1px auto 0;
		font-size: 13px;
		letter-spacing: 1px;
		display: block;
		text-indent: 0;
	}
	.bannerUl .txt {
		display: none;
	}

	.bannerUl a:hover {
		color: #000000;
		background: #ffffff;
	}

	.bannerUl .cur:hover {
		color: #999999;
	}
	.bannerUl em {
        display: none;
    }

}

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

	.bannerUl a {
		padding: 10px 5px 7px 30px;
		text-indent: -16px;
	}

	.bannerUl span {
		margin-right: 0;
		display: inline;
		float: none;
	}

	.bannerUl br.sp {
		display: none !important;
	}
}


/*------------------------------------------------------------
	comment
------------------------------------------------------------*/
.contactBox {
	padding: 139px 0;
}

.comment {
	margin: 0 auto;
	width: 952px;
}

.comment li {
	width: 50%;
	float: left;
	padding-left: 100px;
	box-sizing: border-box;
}

.comment li:first-child {
    padding: 0 130px 20px 0;
    border-right: 1px solid #e5e5e5;
}

.commentInfo {
	text-align: center;
	box-sizing: border-box;
}

.commentInfo p {
    margin: 30px 10px 40px 48px;
    font-size: 14px;
    text-align: left;
    line-height: 1.8;
	letter-spacing:0.5px;
}

.commentInfo .contactUs {
	letter-spacing: 2px;
}
@media all and (min-width: 0) and (max-width: 767px) {
	.contactBox {
		padding: 73px 35px 76px;
	}

	.comment {
		width: 100%;
		box-sizing: border-box;
	}

	.comment li {
		margin: 0 auto;
		padding: 0;
		width: auto;
		text-align: center;
		float: none;
	}

	.comment li:first-child {
		padding: 0 46px 48px;
		border-right: none;
		border-bottom: 1px solid #e5e5e5;
	}

	.iphone5 .comment li:first-child {
		padding: 0 23px 48px;
	}

	.comment .contact {
		padding: 38px 23px 0;
	}

	.iphone5 .comment .contact {
		padding: 38px 17px 0;
	}

	.commentInfo p {
		margin: 18px auto 28px;
		max-width: 215px;
		font-size: 12px;
	}

	.commentInfo .contactUs {
		padding: 9px 14px;
		font-size: 11px;
		letter-spacing: 1px;
	}

}

/*------------------------------------------------------------
	publicConds
------------------------------------------------------------*/
.publicConds {
	margin: 0 auto;
	max-width: 1000px;
}

.publicConds.tableConds {
	display: table;
}

.publicConds h3 {
	position: relative;
	font-size: 23px;
	letter-spacing: 1px;
}

.publicConds.tableConds h3,
.publicConds.tableConds p {
	width: 50%;
	float: left;
}

.publicConds.tableConds h3 {
	letter-spacing: 0;
	line-height: 1.75;
}

.publicConds.tableConds h3:before {
	left: 0;
	transform: translateX(0);
}

.publicConds h3:before {
	width: 30px;
	height: 1px;
	position: absolute;
	bottom: -26px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	background-color: #9b9b9b;
}

.publicConds p {
	font-size: 17px;
	letter-spacing: 1px;
}

.publicConds.tableConds p {
	font-size: 14px;
	line-height: 2.3;
	letter-spacing: 0;
}


@media all and (min-width: 0) and (max-width: 767px) {
	.publicConds {
		padding: 0 37px;
		max-width: auto;
	}

	.publicConds h3 {
		font-size: 15px;
	}

	.publicConds.tableConds h3,
	.publicConds.tableConds p {
		width: auto;
		display: block;
	}

	.publicConds h3:before {
		bottom: -14px;
		left: 15px;
	}

	.publicConds.tableConds h3 {
		/*letter-spacing: -1px;*/
		line-height: 1.55;
	}

	.publicConds p {
		margin-top: 27px;
		font-size: 13px;
	}

	.publicConds.tableConds p {
		font-size: 12px;
		line-height: 1.6;
		letter-spacing: 1px;
	}
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.pageTop {
	width: 28px;
	position: fixed;
	right: 30px;
	bottom: 23px;
	z-index: 1;
	visibility: visible;
	transition: transform .8s ease;
}

.pageTop a {
	display: block;
}

.pageTop svg {
	width: 28px;
	height: 15px;
	fill: #b6b6b6;
	transition: fill 1s ease;
}

.pageTop a:hover svg {
	fill: #797979;
}

.pageDown.pageTop {
	transform: rotate(180deg);
}

.sectionMore {
	padding: 14px;
	min-width: 172px;
	min-height:20px;
	position: relative;
	display: inline-block;
	font-size: 13px;
	color: #000;
	text-align: center;
	font-family: 'Marcellus', serif;
	transition: background 1s ease, color 1s ease;
	letter-spacing: 1px;
	font-weight: bold;
	border: 1px solid #000;
}

.sectionMore,
.sectionMore:link {
	transition: background 1s ease, color 1s ease;
}

.sectionMore:before,
.sectionMore:after {
	width: 1px;
	height: 14px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	transition: background 1s ease;
	background-color: #fff;
}

.sectionMore:before {
	left: -1px;
}

.sectionMore:after {
	right: -1px;
}

.sectionMore:hover {
	color: #fff;
	background-color: #000;
}

.sectionMore:hover:before,
.sectionMore:hover:after {
	background-color: #000;
}

.sectionMore.moreBtn span {
	margin-top: -7px;
	position: absolute;
	top: 50%;
	left: 68px;
}

.sectionMore.moreBtn svg {
	width: 13px;
	height: 15px;
	fill: #000;
	transition: fill .5s ease;
}

.sectionMore.moreBtn:hover svg {
	fill: #fff;
}


/*MORE*/
.gallery .sectionMore,
#btn-track-more.sectionMore {
	padding: 14px 4px 13px 24px;
}


/*coie*/
.sectionMore.coiebtn {
	margin-top: 22px;
	padding: 14px 25px 14px 2px;
	letter-spacing: 1px;
	background: url(/img/2nd/img_icon_1.png) no-repeat 114px 18px;
	background-size: 13px 10px;
}

.sectionMore.coiebtn:hover {
	color: #fff;
	transition: 0.3s linear 0s;
	-ms-transition: 0.3s linear 0s;
	-moz-transition: 0.3s linear 0s;
	-webkit-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
	background: #000000 url(/img/2nd/img_icon_2.png) no-repeat 114px 18px;
	background-size: 13px 10px;
}

/*Mansion List*/
.sectionMore.mlbtn {
	margin-top: 22px;
	padding: 14px 25px 14px 2px;
	letter-spacing: 1px;
	background: url(/img/2nd/img_icon_1.png) no-repeat 140px 18px;
	background-size: 13px 10px;
}

.sectionMore.mlbtn:hover {
	color: #fff;
	transition: 0.3s linear 0s;
	-ms-transition: 0.3s linear 0s;
	-moz-transition: 0.3s linear 0s;
	-webkit-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
	background: #000000 url(/img/2nd/img_icon_2.png) no-repeat 140px 18px;
	background-size: 13px 10px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.pageTop {
		right: 20px;
	}

	.pageTop svg {
		height: 11px;
	}

	.pageTop a:hover svg {
		fill: #b6b6b6;
	}

	.headLine01 {
		font-size: 30px;
		letter-spacing: 1px;
		font-weight: normal;
	}

	.headLine01 .jp {
		padding-top: 0;
		font-size: 10px;
		letter-spacing:3px;
	}

	.headLine02 {
		font-size: 30px;
		letter-spacing: 3px;
	}

	.headLine02 .jp {
		padding-top: 0;
		font-size: 10px;
	}

	.sectionMore {
		padding: 10px;
		min-width: 110px;
		min-height:0px;
		font-size: 11px;
		font-weight: normal;
	}

	.sectionMore:before,
	.sectionMore:after {
		height: 11px;
	}

	.sectionMore:hover {
		color: #000;
		background-color: #fff;
	}

	.sectionMore:hover:before,
	.sectionMore:hover:after {
		background-color: #fff;
	}

	.staffBox .peopleList ul {
		width: 100%;
	}

	.staffBox .peopleList ul li {
		width: 33.3333%;
	}

	.staffBox .peopleList li img {
		width: 100% !important;
	}

	.sectionMore.moreBtn span {
		left: 37px;
	}

	.sectionMore.moreBtn svg {
		transform: scale(.85)
	}

	.sectionMore.moreBtn:hover svg {
		fill: #000;
	}

	/*MORE*/
	.gallery .sectionMore,
	#btn-track-more.sectionMore {
		padding: 9px 6px 9px 24px;
	}

	/*coie*/
	.sectionMore.coiebtn {
		margin-top: 18px;
		padding: 9px 23px 9px 6px;
		background-position: 79px 12px;
	}

	.sectionMore.coiebtn:hover {
		color:#000;
		background: #fff url(/img/2nd/img_icon_1.png) no-repeat  74px 12px;
		background-size: 13px 10px;
	}

	/*Mansion List*/
	.sectionMore.mlbtn {
		margin-top: 18px;
		padding: 9px 23px 9px 6px;
		background-position: 103px 12px;
	}

	.sectionMore.mlbtn:hover {
		color:#000;
		background: #fff url(/img/2nd/img_icon_1.png) no-repeat  74px 12px;
		background-size: 13px 10px;
	}
}



/*------------------------------------------------------------
	Slider
------------------------------------------------------------*/
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
/*.slick-slide img {
	width: 270px;
    display: block;
}*/

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*------------------------------------------------------------
	commonTitle
------------------------------------------------------------*/
.commonTitle {
	margin: 85px auto 0;
	max-width: 1000px;
	text-align: center;
}

.commonTitle h2 {
	position: relative;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: 6px;
	font-weight: normal;
}

.commonTitle h2::after {
   width: 40px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -29px;
	transform: translateX(-50%);
	content: "";
	background: #000000;
}

.commonTitle p {
	margin-top: 53px;
	font-size: 14px;
	line-height: 2.3;
	letter-spacing: 2px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.commonTitle {
		margin: 45px auto 0;
	}

	.commonTitle h2 {
		padding: 0 10px;
		font-size: 24px;
		letter-spacing: 1px;
	}

	.commonTitle h2::after {
		width: 20px;
		bottom: -8px;
	}

	.commonTitle p {
		margin-top: 20px;
		font-size: 10px;
		line-height: 1.9;
		letter-spacing: 1px;
	}

	.iphone5 .commonTitle p {
		letter-spacing: 0;
	}

	.commonTitle span {
		margin: 5px auto 12px;
		width: 18px;
	}
}

/*------------------------------------------------------------
	headLine
------------------------------------------------------------*/
.headLine {
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	text-align: center;
}

.headLine .topText {
	margin-bottom: 15px;
	font-size: 15px;
	letter-spacing: 2px;
}

.headLine h2,
.headLine h3 {
	font-size: 38px;
	letter-spacing: 4px;
	font-weight: 400;
	font-family: 'Marcellus', serif;
}

.bottomText {
	margin-top: 30px;
	font-size: 14px;
	letter-spacing:1.5px;
    line-height: 2;
}

.headLine .jp {
	padding-top: 4px;
	display: block;
	font-size: 12px;
	letter-spacing: 3px;
	font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
}

.headLine .headLine02 {
	font-size: 42px;
	letter-spacing: 2.5px;
}

.headLine .headLine02 .jp {
	padding-top: 1px;
	font-size: 14px;
}

.headLine .headLine03 {
	font-size: 26px;
	letter-spacing: 2px;
}


/*history,office,recruit,contact*/
.historyHeadLine,
.officeHeadLine,
.recruitHeadLine,
.recuitEntryHeadLine,
.recuitFinHeadLine {
	margin: 0 auto;
	padding: 85px 0 0;
	max-width: 900px;
}
.historyHeadLine .headLine02,
.officeHeadLine .headLine02,
.recruitHeadLine .headLine02,
.recuitIndexHeadLine .headLine02,
.contactHeadLine .headLine02 {/*ー*/
	position: relative;
}
.historyHeadLine .headLine02:after,
.officeHeadLine .headLine02:after,
.recruitHeadLine .headLine02:after,
.recuitIndexHeadLine .headLine02:after,
.contactIndexHeadLine .headLine02::after {/*ー*/
	display: block;
	width: 40px;
	height: 1px;
	content: "";
	position: absolute;
	bottom: -26px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #000;
}
.historyHeadLine .bottomText,
.officeHeadLine .bottomText,
.recruitHeadLine .bottomText,
.recuitEntryHeadLine .bottomText,
.contactIndexHeadLine .bottomText {/*bottomText*/
	margin-top: 50px;
}


/*recruit,contactのエントリー系*/
.recuitEntryHeadLine .bottomText .tips,
.contactIndexHeadLine .bottomText .tips {/*※テキスト*/
	margin-top: 10px;
	display: block;
	font-size:12px;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.recuitFinHeadLine .bottomText,
.contactFinHeadLine .bottomText,
.condFinHeadLine .bottomText {/*完了文言*/
	margin-top: 70px;
	font-size: 17px;
	text-align: center;
	letter-spacing:1px;
}


/*2nd下層*/
.twoNdHeadLine {
	margin: 85px auto 70px;
}
.headLine.netTitle1 {/*network*/
	padding: 0 10px;
	word-break: break-all;
}
.faqHeadLine {/*faq*/
	margin: 85px auto 35px;
}


/*cond*//*company*/
.condHeadLine,
.comHeadLine {
	margin: 85px auto 70px;
}
.condEntryHeadLine {
	margin: 85px auto 35px;
}


/*staff*/
.staffHeadLine {
	margin-top: 85px;
}


/*information,pp*/
.informationHeadLine {
	margin: 100px auto 70px;
}


/*contact*/
.contactHeadLine {
	margin: 100px auto 0;
}


/*top、2ndtop、2ndquality、condtopのgallery*/
.galleryHeadLine {
	margin-bottom: 50px;
}


/*2ndtop,condtop,aparttop途中の見出し*/
.towNdTrack,
.condInHeadLine,
.apartHeadLine {
	margin-bottom: 50px;
}


/*company途中の見出し*/
.comHeadLine .headLine02 {
	word-break: break-all;
}


/*historyのHISTORY見出し*/
.historyHeadLine02 {
	margin: 115px auto 35px;
}



@media all and (min-width: 0) and (max-width: 767px) {
	.headLine .topText {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 1.7;
	}

	.headLine h2,
	.headLine h3 {
		font-size: 30px;
		letter-spacing: 2px;
		font-weight: normal;
	}

	.bottomText {
		margin-top: 20px;
		font-size: 12px;
		line-height: 1.7;
		letter-spacing: 1px;
	}

	.headLine01 .jp {
		padding-top: 0;
		font-size: 10px;
		letter-spacing:3px;
	}

	.headLine .headLine02 {
		font-size: 30px;
		letter-spacing: 3px;
		line-height:1.1;
	}

	.headLine .headLine02 .jp {
		font-size: 10px;
		padding-top: 10px;
	}

	.headLine .headLine03 {
		margin-bottom: 0;
		font-size: 18px;
		font-weight: normal;
		line-height: 1;
	}

	.headLine .headLine03 .jp {
		padding-top: 6px;
	}


	/*history,office,recruit,contact*/
	.historyHeadLine,
	.officeHeadLine,
	.recruitHeadLine,
	.recuitEntryHeadLine,
	.recuitFinHeadLine{
		margin: 45px 0 0;
		padding-top:0;
	}
	.historyHeadLine .headLine02::after,
	.officeHeadLine .headLine02::after,
	.recruitHeadLine .headLine02::after,
	.recuitIndexHeadLine .headLine02:after,
	.contactIndexHeadLine .headLine02::after {/*ー*/
		width: 20px;
		bottom: -15px;
	}
	.historyHeadLine .bottomText,
	.officeHeadLine .bottomText,
	.recruitHeadLine .bottomText,
	.recuitEntryHeadLine .bottomText,
	.contactIndexHeadLine .bottomText {/*bottomText*/
		margin: 25px 0 0;
	}


	/*recruit,contactのエントリー系*/
	.recuitEntryHeadLine .bottomText .tips,
	.contactIndexHeadLine .bottomText .tips {/*※テキスト*/
		margin-top: 2px;
		font-size: 10px;
	}
	.recuitFinHeadLine .bottomText,
	.contactFinHeadLine .bottomText,
	.condFinHeadLine .bottomText {/*完了文言*/
		margin-top: 35px;
		font-size: 13px;
		line-height:1.8;
		letter-spacing:0.5px;
	}
	.iphone5 .recuitFinHeadLine .bottomText,
	.iphone5 .contactFinHeadLine .bottomText
	.iphone5 .condFinHeadLine .bottomText {/*完了文言iphone5*/
		letter-spacing:0;
	}


	/*2nd下層*/
	.twoNdHeadLine {
		padding: 0 5px;
		margin: 45px 0 40px;
	}
	.faqHeadLine {
		margin: 45px auto 20px;
	}


	/*cond*//*company*/
	.condHeadLine,
	.comHeadLine {
		margin: 45px auto 40px;
	}
	.condEntryHeadLine {
		margin: 45px auto 0;
	}


	/*staff*/
	.staffHeadLine {
		margin: 45px 0 0;
	}


	/*information,pp*/
	.informationHeadLine {
		margin: 90px auto 35px;
	}


	/*contact*/
	.contactHeadLine {
		margin: 90px 0 0;
	}


	/*top、2ndtop、2ndquality、condtopのgallery*/
	.galleryHeadLine {
		margin-bottom: 25px;
	}


	/*2ndtop,condtop,aparttop途中の見出し*/
	.towNdTrack,
	.condInHeadLine,
	.apartHeadLine {
		margin-bottom: 25px;
	}


	/*company途中の見出し*/
	.comHeadLine01 .headLine01 {
		font-size: 26px;
	}


	/*historyのHISTORY見出し*/
	.historyHeadLine02 {
		margin: 50px auto 30px;
	}
	.historyHeadLine02 .headLine01,
	.perforBox .headLine01 {
		font-size: 26px;
	}

	/*iphone5*/
	.iphone5 .officeHeadLine .bottomText,
	.iphone5 .faqHeadLine .bottomText,
	.iphone5 .recruitHeadLine .bottomText{
		letter-spacing:0;
	}

	.seekHeadLine h3 {
		font-size: 26px;
	}


}

.comLinkList {
	display: flex;
	flex-wrap: wrap;
}
.comLinkList li {
	width: 50%;
	border-top: 1px solid #fff;
	box-sizing: border-box;
}
.comLinkList li.areaLi {
	border-left: 1px solid #fff;
}
.comLinkList li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 150px;
	box-sizing: border-box;
	background: #4A4A4A;
	position: relative;
	transition: all ease 0.6s;
}
.comLinkList li a::after {
	position: absolute;
	right: 50px;
	top: 50%;
	content: "";
	width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	transform: translateY(-50%) rotate(45deg);
}
.comLinkList li.areaLi a {
	background: #2C2C2C;
}
.comLinkList li a:hover{
	opacity: 0.7;
}
.comLinkList li dl {
	padding-right: 92px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.comLinkList li dt {
	margin-right: 30px;
	width: 84px;
}
.comLinkList li dd p {
	color: #fff;
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	line-height: 1;
    letter-spacing: 0.1em;
}
.comLinkList li dd p.sml {
	font-size: 13px;
	letter-spacing: 0.08em;
    margin-top: 10px;
}
@media all and (min-width: 768px) and (max-width: 1125px) {
	.comLinkList li dd p.big {
		letter-spacing: 0.06em;
	}
}
@media all and (min-width: 0) and (max-width: 767px) {
	.comLinkList li {
		width: 100%;
	}
	.comLinkList li.areaLi {
		border-left: none;
	}
	.comLinkList li a {
		min-height: 96px;
	}
	.comLinkList li a::after {
		right: 27px;
		width: 8px;
		height: 8px;
	}
	.comLinkList li dl {
		padding-right: 50px;
	}
	.comLinkList li dt {
		margin-right: 10px;
		width: 47px;
	}
	.comLinkList li dd p {
		font-size: 16px;
	}
	.comLinkList li dd p.sml {
		font-size: 10px;
		letter-spacing: 0;
	}
}
@media all and (min-width: 0) and (max-width: 320px) {
	.comLinkList li dl {
		padding-right: 20px;
	}
	.comLinkList li dt {
		margin-right: 10px;
	}
	.comLinkList li a::after {
		right: 15px;
	}
}