@charset "utf-8";
/* CSS Document */
/* -------------------- ヘッダー --------------------*/
header {
width:100%;
display:block;
margin:0;
/*position:fixed;
background-color:#fff;
z-index:pp;*/
}
header p {
font-size:13px;
width:1000px;
margin:20px auto 10px;
}
img.header { width:90%;}
header ul {
width:1000px;
background-color:#fff;
margin:10px auto 30px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}

header ul li:nth-of-type(1) { width:300px; order:1;} /*トラストロゴ*/
header ul li:nth-of-type(1) img { width:200px;} /*トラストロゴ*/
header ul li:nth-of-type(2) { width:700px; order:2;} /*建物名称*/


@media only screen and (max-width: 750px) {
header {
width:90%;
display:block;
margin:0 auto;
}
header p {
font-size:13px;
width:100%;
}
header ul {
width:100%;
display:block;
}
header ul li:nth-of-type(1),
header ul li:nth-of-type(2) { display:block; width:100%; float:none;}
header ul li:nth-of-type(1) img { width:40%;}
header ul li:nth-of-type(2) img { width:100%; margin-top:20px;}
header::after {
content: "";
display: block;
clear: both;
}
}

/* -------------------- メインイメージ --------------------*/
h1 {
line-height:0;
display:block;
overflow: hidden;
max-height:700px;
}
h1 img {
width:100%;
height:auto;
}
h1:after {
content: "";
display: block;
clear: both;
}


/* -------------------- カテゴリータイトル --------------------*/
h2.category-m,
h2.category-k,
h2.category-s,
h2.category-o {
	border-top:#cbcbcb 6px solid;
	position: relative;
	margin:50px 0 10px 0;
	padding: .5em;
	font-weight:bold;
	line-height:1.6;
	letter-spacing:0em;
	text-align:left;
}

h2.category-m:before,
h2.category-k:before,
h2.category-s:before,
h2.category-o:before {
	content:"";
	position:absolute;
	display:block;
	width:18%;
	margin-top:-6px;
	top:0;
	left:0;
}
h2.category-m:before{
	border-top:#8799af 6px solid;
}
h2.category-k:before{
	border-top:#bd824a 6px solid;
}
h2.category-s:before{
	border-top:#607e80 6px solid;
}
h2.category-o:before{
	border-top:#4d5aaf 6px solid;
}


h3.line {
	border-bottom:#cbcbcb 3px dotted;
	line-height:1.4;
}

h3.line span {
	font-size:95%;
font-family: canada-type-gibson, sans-serif;
font-weight: normal;
font-style: normal;
}

#tcc-m h3.line span { color:#8799af; }
#tcc-k h3.line span { color:#bd824a; }
#tcc-s h3.line span { color:#607e80; }
#tcc-o h3.line span { color:#4d5aaf; }

h3.line span:before,
h3.line span:after {
	content:"\3000";
}


#sitemap ul.clmBox2 > li:nth-child(1) { width:65%;}
#sitemap ul.clmBox2 > li:nth-child(2) { width:34%;}

#sitemap ul.clmBox2 img {width:100%; max-width:100%;}


#sitemap dl { width:100%; }

#qccess dl::after{
  content: "";
  display: block;
  clear: both;
}

#sitemap dt { font-weight:bold; }

#sitemap dd { padding-left:1em; line-height:1.8;}

#sitemap dd span { font-size:120%; }

section#tcc-m .w1200,
section#tcc-k .w1200,
section#tcc-s .w1200,
section#tcc-o .w1200 {
	padding-left:3em;
}

h3.line {
	border-bottom:none!important;
	margin-top:30px;
}
#sitemap ul.list {
	margin-top:10px;
}

#sitemap ul.list li {
	margin-left:2em;
	margin-bottom:.8em;
}


#sitemap a.link:link,
#sitemap a.link:visited,
#sitemap a.link:active {
color:#010101;
border-bottom: #010101 1px dotted;
}


#tcc-m a.link_sub:link,
#tcc-m a.link_sub:visited,
#tcc-m a.link_sub:active {
color:#0096ac;
}
#tcc-k a.link_sub:link,
#tcc-k a.link_sub:visited,
#tcc-k a.link_sub:active {
color:#e27603;
}
#tcc-s a.link_sub:link,
#tcc-s a.link_sub:visited,
#tcc-s a.link_sub:active {
color:#099d98;
}
#tcc-o a.link_sub:link,
#tcc-o a.link_sub:visited,
#tcc-o a.link_sub:active {
color:#011ee0;
}

#tcc-m a.link:before,
#tcc-m a.link_sub:before,
#tcc-k a.link:before,
#tcc-k a.link_sub:before,
#tcc-s a.link:before,
#tcc-s a.link_sub:before,
#tcc-o a.link:before,
#tcc-o a.link_sub:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    left: 10px;
    top: 15px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    padding-left: .5em;
}

#tcc-m a.link:before,
#tcc-m a.link_sub:before {
    border-left: 5px solid #0096ac;
}
#tcc-k a.link:before,
#tcc-k a.link_sub:before {
    border-left: 5px solid #e27603;
}
#tcc-s a.link:before,
#tcc-s a.link_sub:before {
    border-left: 5px solid #099d98;
}
#tcc-o a.link:before,
#tcc-o a.link_sub:before {
    border-left: 5px solid #011ee0;
}