@charset "utf-8";

div.Gnavi ul li:nth-child(4) {
    background: #97a97c;
}


/* Design
-------------------------------------------------------------- */
.DesTitle{
	margin:30px auto;
	font-family: 'Noto Serif JP', serif;
	padding-top:40px;
	text-align:center;
	max-width:800px;
}
.DesTitle div{
	width:120px;
	height:2px;
	margin:30px auto;
	background:#fff;
}
.DesTitle img{
	display:block;
	height: 100px;
	margin:auto;
	margin-bottom: 40px;
}
.DesTitle h3{
	font-weight:bold;
	font-size:32px;
	margin-bottom:30px;
	color:#555555;
	letter-spacing:3px;
	line-height:165%;
}
.DesTitle p{
	font-size:18px;
	line-height:175%;
	color:#444444;
}


.bg02{
    background: #000;
    padding: 60px 0;
    margin-bottom: 60px;
    margin-top: 60px;
}

@media screen and (max-width: 860px) {
	.DesTitle img{
		height: 100px;
	}
	.DesTitle h3{
		font-size:26px;
	}
	.DesTitle p{
		font-size:16px;
	}
}
@media screen and (max-width: 600px) {
	.DesTitle div{
		width:90px;
		margin:16px auto;
	}

	.DesTitle img{
		height: 65px;
		margin-bottom:12px;
	}
	.DesTitle h3{
		font-size:18px;
		letter-spacing:1px;
		margin-bottom:10px;
	}
	.DesTitle p{
		font-size:14px;
	}

	.bg02 {
        background: #000;
        padding: 40px 0;
        margin-bottom: 40px;
        margin-top: 40px;
    }
}


.Des_Area1{
	width:100%;
	background: #000;
	padding-top: 0.1px;
	padding-bottom: 60px;
}
.Des_Area1 .Img{
	width:100%;
	position:relative;
	max-width: 880px;
	margin: 0 auto;
}
.Des_Area1 .Img img{
	width:100%;
	display:block;
}
.Des_Area1 .Img span{
	font-size:10px;
	color:#FFFFFF;
	font-family: 'Noto Serif JP', serif;
	position:absolute;
	right:6px;
	bottom:6px;
	letter-spacing:1px;
	text-shadow:0 0 2px rgba(0,0,0,0.65),0 0 4px rgba(0,0,0,0.65);
}

.Des_Area1 .Tx{
	width:100%;
	padding: 80px 0 50px 0;
	background:url(../_img/design/txbg.jpg) no-repeat center center;
	background-size:cover;
	border-top: unset;
	border-bottom: unset;
}
.Des_Area1 .Tx.o{
	background:url(../_img/design/arcbg.jpg) no-repeat center center;
	background-size:cover;
	border-top:none;
	padding-bottom: 90px;
}
.Des_Area1 .Tx h4{
	font-size:46px;
	font-family: 'Noto Serif JP', serif;
	color: #fff;
	text-align:center;
	margin-bottom:20px;
	font-weight:bold;
	letter-spacing:4px;
}
.Des_Area1 .Tx p{
	font-size:18px;
	font-family: 'Noto Serif JP', serif;
	color: #fff;
	text-align:center;
	letter-spacing:1px;
	width:92%;
	max-width: 1200px;
	margin:auto;
	line-height:185%;
}
.Des_Area1 .Tx p.SubTit{
	font-size:28px;
	font-weight:bold;
	letter-spacing:2px;
	color: #555555;
	margin:20px auto;
}

.Des_Area1 .br460{
	display: none;
}
.Des_Area1 .Tx p.arch_subttl{
	font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
}

@media screen and (max-width: 860px) {
	.Des_Area1 .Tx{
		padding: 70px 0 40px 0;
	}
	.Des_Area1 .Tx h4{
		font-size:38px;
	}
	.Des_Area1 .Tx p{
		font-size:16px;
	}
	.Des_Area1 .Tx p.SubTit{
		font-size:22px;
	}
	.Des_Area1 .Tx p.arch_subttl {
		font-size: 20px;
	}

	.Des_Area1{
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 600px) {
	.Des_Area1 .Tx{
		padding: 40px 0 20px 0;
	}
	.Des_Area1 .Tx h4{
		font-size:32px;
		margin-bottom:12px;
	}
	.Des_Area1 .Tx p{
		font-size:14px;
	}
	.Des_Area1 .Tx p.SubTit{
		font-size:18px;
	}
}


.Des_List{
	margin:30px auto 0 auto;
	width:92%;
	max-width: 1200px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.Des_List li{
	width: 18%;
	font-size:13px;
	letter-spacing:0;
	text-align:left;
	font-family: 'Noto Serif JP', serif;
	color:#333333;
	line-height:160%;
}
.Des_List.six li{
	width:15%;
	font-size:12px;
}
.Des_List li img{
	display:block;
	width:100%;
	margin-bottom:6px;
}
@media screen and (max-width: 600px) {
	.Des_List li{
		width:48%;
		font-size:12px;
		margin-bottom:20px;
	}
	.Des_List.six li{
		width:31%;
		margin:10px 0;
	}
}



.Des_Area1 .EntWrap{
	width:92%;
	max-width:1000px;
	margin:20px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.Des_Area1 .EntWrap div.l{
	width:56%;
}
.Des_Area1 .EntWrap div.r{
	width:40%;
}
.Des_Area1 .EntWrap div.r img{
	display:block;
	width:100%;
}
.Des_Area1 .EntWrap h4{
	text-align: left;
}
.Des_Area1 .EntWrap p{
	text-align: left;
	width:100%;
}
@media screen and (max-width: 600px) {
	.Des_Area1 .EntWrap div.l{
		width:100%;
		margin-bottom:20px;
	}
	.Des_Area1 .EntWrap div.r{
		width:100%;
	}
	.Des_Area1 .EntWrap h4{
		text-align: center;
	}
	.Des_Area1 .EntWrap p{
		text-align: center;
		width:100%;
	}
}



.Des_Area1 .Archi{
	width:92%;
	max-width: 700px;
	padding:20px;
	background:rgba(255,255,255,0.48);
	margin: 50px auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.Des_Area1 .Archi div.l{
	width:64%;
}
.Des_Area1 .Archi div.r{
	width:32%;
}
.Des_Area1 .Archi div.r img{
	display:block;
	width:100%;
}
.Des_Area1 .Archi i{
	font-family: 'Noto Serif JP', serif;
	font-size:16px;
	color:#333;
	display:block;
	font-style:normal;
}
.Des_Area1 .Archi i span{
	font-size:12px;
	display:block;
	margin-top: 12px;
}
.Des_Area1 .Archi h5{
	font-family: 'Noto Serif JP', serif;
	font-size:32px;
	color:#333;
}
.Des_Area1 .Archi h5 span{
	font-size:14px;
	display:block;
	letter-spacing:2px;
}
.Des_Area1 .Archi h6{
	margin-top:20px;
	font-family: 'Noto Serif JP', serif;
	font-size:18px;
	padding-bottom: 5px;
	border-bottom:solid 1px #333;
	margin-bottom: 10px;
}

.Des_Area1 .Archi h6 + p{
	font-size:14px;
	text-align: left;
	width:100%;
}
.perth_bg{
	padding: 20px 0;
	background: url(../_img/top/cont_bg.jpg) repeat-y top center;
	background-size: cover;
}


@media screen and (max-width: 900px) {
	.perth_bg{
		background: unset;
		padding: 0;
	}
	.Des_Area1 .Img{
		max-width: unset;
	}
}



@media screen and (max-width: 600px) {
.Des_Area1 .Archi{
	width:86%;
	max-width:none;
	padding:15px;
	flex-direction: column-reverse;
	margin: 20px auto 0;
}
.Des_Area1 .Archi div.l{
	width:100%;
}
.Des_Area1 .Archi div.r{
	width: 70%;
	margin:10px auto 20px auto;
}
.Des_Area1 .Archi h5{
	font-size: 28px;
}
.Des_Area1 .Archi h5 span{
	font-size:13px;
}
.Des_Area1 .Archi h6{
	margin-top:18px;
	font-size:16px;
}
.Des_Area1 .Archi h6 + p{
	font-size:13px;
}
}


@media screen and (max-width: 600px) {
	.Des_Area1 .br460{
		display: block;
	}
}








/* br */
.br1200{
	display: none;
}
.br900{
	display: none;
}
.br650{
	display: none;
}
@media screen and (max-width: 1200px) {
	.br1200{
		display: block;
	}
}
@media screen and (max-width: 900px) {
	.br900{
		display: block;
	}
}
@media screen and (max-width: 600px) {
	.br650{
		display: block;
	}
}




/* machiya */
.parth_kawagoe {
	max-width: 620px;
	margin: 0 auto;
}
.cap_b01 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 10px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0;
    background: rgba(0,0,0,0.6);
    padding: 5px;
    z-index: 1;
}
.human_flex {
	display: flex;
	justify-content: space-between;
	max-width: 400px;
	margin: 50px auto 0;
}
.human_flex_left {width: 35%;display: flex;}
.Des_Area1 .Tx.o .com_inner .human_flex_left p {font-size: 15px;letter-spacing: 6px;}
.human_flex_right {width: 55%;}
.Des_Area1 .Tx.o .com_inner .human_flex_right .min_txt {font-size: 12px;letter-spacing: 2px;}
.Des_Area1 .Tx.o .com_inner .human_flex_right .name {
	font-size: 30px;
	letter-spacing: 28px;
	width: 100%;
	margin-left: 11px;
}
@media screen and (max-width: 600px) {
	.Des_Area1 .Tx.o {
		padding-bottom: 50px;
	}
	.human_flex {
		flex-wrap: wrap;
		margin: 30px auto 0;
	}
	.human_flex_left {
		width: 100%;
		margin-bottom: 15px;
	}
	.human_flex_right {
		width: 100%;
	}
}