/*----------------------サブページ全体のボックス横幅※820pxであることに注意-------------------------------------*/
article#sub {
	margin: 0 auto 50px auto;
	max-width: 820px;
}


/*----------------------タイトル背景------------------------------------*/

#h2box{
	width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 120px;
    background-color: #999999;
	background-size: 100% ;
	display: flex;
	justify-content: center;
    align-items: flex-end;
    margin-bottom: 30px;
	text-align-last: left;
}

@media(max-width: 760px){
	#h2box{height: 80px; margin-bottom: 15px;}
}



/*----------------------(問合せページ背景)---------------------------*/
.h2contact{ background-image: url(./img/studio.jpg); background-position: top left;}
/*----------------------(WORKページ背景)---------------------------*/
.h2work{ background-image: url(./img/work-bg.jpg); 	background-position: center;}
/*----------------------(Artistページ背景)---------------------------*/
.h2artist{ background-image: url(./img/artist01-bg.jpg); 	background-position: center;}
.h2artist02{ background-image: url(./img/artist02-bg.jpg); 	background-position: center;}

/*----------------------サブページタイトル（背景のせ）-------------------------------------*/
article#sub h2{
	font-size:38px;
	font-weight: normal;
	color:#ffffff;
	margin:0 20px 0 20px; 
	width: 100%;
max-width:820px;
}




/*----------------------ホームに戻るナビ------------------------------------*/
#back2home a:before{
	font-size:18px;
	content:'＜';
	border:1px solid #D2D2D2;
	padding:5px 10px;
	border-radius: 30px;
	color:#9E9E9E;
	margin-right:10px;
}

#back2home a{
	display: flex; 
	align-items: center;
	margin-bottom:20px;
	color:#232323;
}

@media(max-width: 760px){
	#back2home a{margin-bottom:10px;}
}


/*----------------------サブページH3-------------------------------------*/
article#sub h3{
	font-size:18px;
	font-weight:bold;
	color:#5A5A5A;
	margin-bottom:10px;
	line-height: 120%;
}

/*----------------------------------------------------------*/
/*-----------------------------------------------------------*/
div.workdata{margin-bottom:20px;}
article#sub div.workdata h3{margin-bottom:0px;}
div.workdata p{margin-bottom:0px;}

@media(max-width: 760px){
	div.workdata p{font-size:12px;margin-bottom:1px;}
}

ul.workart{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-around;
}

li.mainart{width:100%;
	display: flex;
	justify-content: space-around;
	
}

.subart{
	
}

.artistbox{display: flex; flex-direction: row; align-items: center; gap:10px; }
.artistbox p{font-size:20px;}

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




/*----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*----------------------問合せ-------------------------------------*/
form{
	margin-top:0px;
	display: flex;
	flex-direction: column;

}

label{
	margin-bottom:5px;
	font-size:14px;
	width: 100%;
	color: #4E4E4E;
}

input.inq{
	margin-bottom:15px;
	width: 50%;
	font-size:18px;
	height: 38px;
	padding:10px;
	border:0px;
	border-radius: 5px;
	background-color: #EEEEEE;
	box-sizing:border-box;/*これがないと親要素をはみ出す*/
}

@media(max-width: 760px){
	input.inq{width: 100%;}
}


textarea{
	width: 100%;
	height: 20em;
	margin-bottom: 10px;
	padding:10px;
	border:0px;
	border-radius: 5px;
	background-color: #EEEEEE;
	font-size:18px;
	box-sizing:border-box;/*これがないと親要素をはみ出す*/
}

input.warning,textarea.warning{
	background-color: #FBE2C6;
}

span.warning{
	font-weight: bold;
	color:#FF4400;
	font-size: 12px;
}

.inq_contents{
	width:100%;
	border: 1px solid #8A8A8A;
	border-radius: 5px;
	padding:20px;
	margin-bottom: 10px;
	box-sizing:border-box;/*これがないと親要素をはみ出す*/
}
.inq_contents p{
		font-size: 20px;
}

.inq_contents p.caption{
	margin-bottom:0px;
	font-size:14px;
	width: 100%;
	color: #818181;
	font-weight: bold;
}


/*----------------------問合せボックス下部の注釈--------------------------------------*/
ul#inq li{
	list-style: disc outside;/*ここと下部の指定で・マークから文章がはみ出さなくなる*/
	margin-left:15px;/*ここと下部の指定で・マークから文章がはみ出さなくなる*/
	font-size:14px;
	color:#5C5C5C;
	line-height: 120%;
	margin-bottom:5px;
}


/*-----------------------内容確認ボタン右寄せ整形ボックス--------------------------------------*/
#confirmbtn{
	margin-bottom:-20px;
	width:100%;
	display:flex;
	flex-direction: column;
	align-items: flex-end;
}


/*-----------------------内容確認ボタン--------------------------------------*/
.button-submit{
	width:160px;
	height:38px;
	background: #FFFFFF;
	border:solid 1px #747474;
	border-radius: 10px;
	color:#3C3C3C;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}

.button-submit:hover{background:#EEEEEE;}

.buttonbox{
	width:100%;
	display: flex;
flex-direction: row; 
	justify-content: flex-end;
	gap:10px;
}

a.button{
padding:10px 20px 10px 20px;
	background: #FFFFFF;
	border:solid 1px #747474;
	border-radius: 10px;
	color:#3C3C3C;
	font-size:16px;
	font-weight:bold;
	display:flex;
	align-items: center;
	justify-content: center;
}

a.normal{
	font-weight: normal;
		color:#8D8D8D;
		border:solid 1px #8F8F8F;}

nav.inq_backhome{
	padding-top:50px;
	width:100%;
	font-size:24px;
	display: flex;
	justify-content: center;
	align-content: center;
}
/*----------------------------------------------------------*/
/*-----------------------------------------------------------*/




img.max{width: 100%;}