@charset "utf-8";
/* CSS Document */
/* --- clearfix --- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
.w960{
    width:960px;
    margin:0 auto;
}
.w1000{
    width:1000px;
    margin:0 auto;
}
.article01{
	margin:0 auto;
	width:800px;
    margin-top:83px; margin-bottom:95px; text-align:center;
    color:#646464;
}
.article01txt{
	line-height:35px!important;
}
.article01cap{
	font-size:13px!important;
}
.article01 h2{
    font-size:35px; width:540px; margin-left:auto; margin-right:auto;
    padding-bottom: 30px ;
}
.article01 p{
    font-size:15px; width:800px; margin-left:auto; margin-
right:auto; line-height:30px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#sonority{
	width:1180px;
	height:650px;
	margin:0 auto;
	background:url(../img/sonority/main.jpg) 0px 0px no-repeat;
}

#sonority_mainbg{
	width:100%;
	background-color:#000;
}

.sonority_wrapper{
    width: 95%;
    margin: 0 auto;
}


/*navibox＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#sonority_navibox{
	width:100%;
	margin:20px auto 0;
	padding:52px 0 48px;
	background-color:#f5f5f5;
}

#sonority_navibox_case{
	width:240px;
	height:55px;
	margin:0 auto;
	padding:0 0 48px;
}

.sonority_navibox_line{
	height:240px;
	width:960px;
	margin:0 auto;
	padding:0 0 24px;
	clear:both;
	overflow:hidden;
}

.sonority_navibox_linebtn{
	height:240px;
	width:468px;
	padding:0 24px 0 0;
	float:left;
}
.sonority_navibox_linebtn2{
	height:240px;
	width:468px;
	float:left;
}

.sonority_navibox_line > div > a:hover {
  opacity: 0.5;
}


/*aboutbox＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#sonority_aboutbox{
	width:100%;
	margin:0px auto 0;
	padding:52px 0 48px;
	background-color:#f5f5f5;
}
#sonority_aboutbox_about{
	width:350px;
	height:54px;
	margin:0 auto;
	padding:0 0 48px;
}
.sonority_aboutbox_line{
	height:396px;
	width:960px;
	margin:0 auto;
	padding:0 0 24px;
	clear:both;
	overflow:hidden;
}
.sonority_aboutbox_photo{
	height:396px;
	width:270px;
	padding:0 90px 0 0;
	float:left;
}
.sonority_aboutbox_txt{
	width:600px;
	float:left;
}
.sonority_aboutbox_txt1{
	font-size:19px;
	font-weight:bold;
	color:#501c10;
	line-height:2;
}
.sonority_aboutbox_txt2{
	font-size:15px;
	color:#646464;
	line-height:2;
	margin:0 0 12px 0;
}
.sonority_aboutbox_txt3{
	font-size:13px;
	color:#646464;
	line-height:2;
}
.sonority_aboutbox2_line{
	width:880px;
	margin:36px auto 0;
	padding:26px 40px;
	clear:both;
	overflow:hidden;
	background-color:#e8e0ce;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
}
.sonority_aboutbox2_txt1{
	font-size:19px;
	font-weight:bold;
	color:#6a4015;
	line-height:2;
}
.sonority_aboutbox2_txt2{
	font-size:15px;
	color:#6a4015;
	line-height:2;
	margin:0 0 12px 0;
}

/*comparisonbox＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#sonority_comparisonbox{
	width:100%;
	margin:0px auto 0;
	padding:52px 0 48px;
	background-color:#f5f5f5;
}
#sonority_comparisonbox_title{
	width:625px;
	height:32px;
	margin:0 auto;
	padding:0 0 48px;
}
#sonority_comparisonbox_txt{
	font-size:15px;
	color:#646464;
	line-height:2;
	width:960px;
	margin:0 auto;
	padding:0 0 48px;
}
#sonority_comparison_txt_l{
	width:440px;
	padding:0 64px 0 0;
	font-size:15px;
	color:#646464;
}
#sonority_comparisonbox_capbox{
	width:960px;
	margin:28px auto 0;
	clear:both;
	overflow:hidden;
}
#sonority_comparisonbox_capbox_illust{
	width:960px;
	height:215px;
	margin:0 auto;
}
#sonority_comparisonbox_cap_l{
	width:450px;
	padding:0 54px 0 0;
	font-size:13px;
	line-height: 1.8;
	color:#888;
	float:left
}
#sonority_comparisonbox_cap_r{
	width:450px;
	font-size:13px;
	line-height: 1.8;
	color:#888;
	float:left
}
#sonority_comparisonbox_capbox_illust2{
	width:689px;
	height:399px;
	margin:72px auto 0;
}
#sonority_comparisonbox_capbox2{
	width:689px;
	margin:18px auto 0;
	font-size:13px;
	line-height: 1.8;
	color:#888;
}
#spec3{
	width:840px;
	margin:120px auto 90px;
	padding:38px 60px;
	clear:both;
	overflow:hidden;
	background-color:#f7f7f7;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
}
#spec3_logo{
	width:299px;
	height:127px;
	float:left;
}
#spec3_capbox{
	width:493px;
	margin:0 0 0 48px;
	float:left;
}
#spec3_cap1{
	font-size:17px;
	color:#646464;
	font-weight:bold;
	padding:12px 0 0 0;
}
#spec3_cap2{
	font-size:15px;
	color:#646464;
	padding:6px 0 0 0;
	line-height:1.6;
}


/*sonority case＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#sonority_casewrapper{
	width:100%;
}

#sonority_casebox{
    background-color: #501c10;
    width: 95%;
    margin: 0 auto;
}

#sonority_caseboxinner{
    width: 960px;
    margin: 0 auto;
	padding:36px 0 70px;
	color:#fff;
}

#sonority_case_main{
	width:960px;
	height:573px;
	margin:0 auto;
	padding:0 0 0 0;
}

.sonority_case_txt_first{
	padding:80px 0 100px;
	font-size:16px;
	line-height:2;
}

.sonority_case_q{
	padding:0px 0 20px;
	font-size:16px;
	font-weight: bold;
	line-height:2;
}

.sonority_case_txt{
	padding:0 0 72px;
	font-size:16px;
	line-height:2;
}

.sonority_case_photo{
	padding:0 0 72px;
}

#sonority_case_navibox{
	width:520px;
	height:46px;
	margin:0 auto;
	padding:72px 0;
	clear:both;
	overflow:hidden;
}

#sonority_case_navi_prev{
	width:221px;
	height:46px;
	float:left;
}

#sonority_case_navi_index{
	width:46px;
	height:46px;
	padding:0 16px;
	float:left;
}

#sonority_case_navi_next{
	width:221px;
	height:46px;
	float:left;
}

#sonority_case_otherbox{
    background-color: #f7f7f7;
    width: 100%;
	height:26px;
    margin: 0 auto;
	padding:36px 0;
}

#sonority_case_other{
    width: 386px;
	height:26px;
    margin: 0 auto;
}

#sonority_case_studybox{
	width:960px;
	height:300px;
	margin:0 auto;
	padding:64px 0 72px;
	clear:both;
	overflow:hidden;
}

.sonority_case_study{
	width:300px;
	height:300px;
	padding:0 30px 0 0;
	float:left;
}

#sonority_case_study_last{
	width:300px;
	height:300px;
	float:left;
}

#sonority_case_navibox > div > a:hover {
  opacity: 0.6;
}
#sonority_case_studybox > div > a:hover {
  opacity: 0.6;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.sono_01 {
	display: block;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	padding-top:50px;
	margin-bottom:68px;
    color: #646464;
	text-align: center;
}
.sono_01 h2{
    padding-bottom: 30px;
}

.sono_05 a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.sono_02 {
	display: block;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:85px;
	text-align: center;
}
.sono_03 {
    width: 507px;
    float: left;
    color:#646464;
}
.sono_03 h3{
    font-size: 16px;
    font-weight: bold;
    
}
.sono_03 img{
    display: block;
}
.sono_03 p{
    padding-top:20px;
    font-size: 13px;
}
.sono_04 {
    color:#646464;
    width: 493px;
    float: left;
}
.sono_04 h3{
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    
}
.sono_04 img{
    display: block;
}
.sono_04 p{
    padding-top:20px;
    padding-left: 20px;
    font-size: 13px;
}

#spec2{
    width: 960px;
    margin:40px auto 0;
	overflow:hidden;
	clear:both;
}
#spec_color{
    width: 275px;
	padding:0 36px 0 0;
	float:left;
}
#spec_cap{
    width: 380px;
    font-size: 13px;
	line-height:1.8;
	float:left;
    color:#888;
}


.spec{
    width: 960px;
    margin:0 auto;
}
.spec h2{
    display: block;
    text-align: center;
    margin-top: 70px;
}
.spec h3{
    display: block;
    width: 944px;
    border-radius: 5px;
    border:1px solid #000;
    color:#000;
    padding:8px;
    font-size: 16px;
    font-weight: bold;
    color:#6F6D6D;
    margin-bottom: 10px;
    margin-top: 50px;
}
.spec table{
    font-size: 13px;
    color:#646464;
    width: 100%;
    text-align:left;
}
.spec table th{
    width:200px;
    
}
.spec table td,
.spec table th{
    border-bottom:1px solid #D1D1D1;
    padding:6px 0;
}
.spec p{
    padding-left: 1em;
    font-size: 13px;
    color:#646464;
    text-indent: -1em;
    padding-top: 10px;
}
.sono_05{
    width: 960px;
    margin:0 auto 60px;
    margin-top: 120px;
}

/*-----sonority2------*/

.content_area1100{
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	height: auto;
    padding:8px;
	
}


.sono2_01 {
	display: block;
	overflow:hidden;
	font-weight:normal;
	width: 963px;
	height:180px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:30px;
	text-align: center;
}
.sono2_01 p {
	
	display: block;
	overflow:hidden;
	
	
}

.sono2_02 {
	display: block;
	width: 1100px;
	height:155px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align: center;
}
.sono2_03 {
	display: block;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:65px;
	text-align: center;
}
.sono2_04 {
	display: block;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:128px;
	text-align: center;
}
.sono2_05 {
	display: block;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	margin-bottom:65px;
	text-align: center;
}.sono2_02 .box2_02 {
	background-image: url(../img/sonority2/c1/02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 477px;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

p{
    font-family: 'wfbl'!important;
}


 .sonority2_01 {
	display: block;
	width: 963px;
	height: 176px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 55px;
}


 .sonority2_02 {
	display: block;
	width: 1100px;
	height: 637px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image:url(../img/sonority2/c1/02.png);
	background-repeat: no-repeat;
	
}

#totopmove > div.sonority2_01 > div > a:hover {
  opacity: 0.5;
}



 .sonority2_02 div .sono2_2 {
	display: block;

}

 .sonority2_03 {
	display: block;
	width: 1100px;
	height: 477px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	clear: both;
	background-image: url(../img/sonority2/c1/02.jpg);
	background-repeat: no-repeat;
	
}
 .sonority2_03 div .sono2_3 {
	display: block;
	height: 401px;
	width: 501px;
	margin-left:70px;
	margin-top:43px;
	
}
 .sonority2_04 {
	display: block;
	overflow: hidden;
	width: 960px;
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-color: #5a1c10;
	padding-left: 70px;
	padding-right: 70px;
	font-size: 16px;
	border-top-color: #FFFFFF;
	border-width: 1px px px 0px;
	padding-bottom: 110px ;
}

 .sonority2_04 p,
 .sonority2_07 p {
	color:#FFF;
	line-height: 32px;
	font-family: "wfli"!important;
	/*src: url("../../../webfont/NotoSansCJKjp-DemiLight.eot?") format('eot'),
    url("../../../webfont/NotoSansCJKjp-DemiLight.woff") format('woff');*/
	
}
	
 .sonority2_05 {
	display: block;
	width: 1100px;
	overflow: hidden;
	height: 155px;
	margin-top: 47px;
	margin-right: auto;
	margin-left: auto;
	clear: both;

	background-image: 
; 	margin-bottom: 0px;
	
}
	
 .sonority2_06 {
	display: block;
	overflow: hidden;
	width: 1100px;
	height: 477px;
	margin-right: auto;
	margin-left: auto;
	clear: both;


	
}
 .sonority2_07 {
	display: block;
	width: 960px;
	overflow: hidden;
	background-color: #5a1c10;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-left: 70px;
	padding-right: 70px;
	font-size: 16px;
	line-height: 32px;
	color: #FFFFFF;
	padding-bottom: 130px;

}
 .sonority2_08 {
	display: block;
	width: 960px;
	overflow: hidden;
	height: 362px;
	background-color: #f7f7f7;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-left: 70px;
	padding-right: 70px;
	color: #5A0C10;
}	
	

 .sonority2_08 .08_01 {
	height: 357px;
	margin-top:60px;
	display: block;
	overflow: hidden;
}



.sonority2_08 .08_01 .08_left {
	width: 409px;
	height: 357px;
	float: left;
	display: block;
	overflow: hidden;


}


.sonority2_08 .08_01 .08_right {
	overflow: hidden;
	width: 534px;
	float: left;
	display: block;
	height: 357px;
}

.sono_q{
	display: block ;
	clear:both;
	overflow: hidden;
	margin-top:57px;
	margin-bottom:47px;
	font-family: "wfbd"!important;
	src: url("../../webfont/NotoSansCJKjp-Bold.eot?") format('eot'),
url("../../webfont/NotoSansCJKjp-Bold.woff") format('woff')!important ;
}



 .sonority2_08 .08_02 {
	height: 357px;
	margin-top: 60px;
	display: block;
	overflow: hidden;
	width: 960px;
}

.08_02{
	width:auto;
	height:360px;
	overflow: hidden;
}

.08_2left {
	width: 409px;
	float: left;	
	overflow: hidden;
	display: block;
	height: 357px;	

}

.08_2right {
	width: auto;
	float: right;
	display: block;
	overflow: hidden;
}

.sono_2q{
	display: block;
	clear:both;
	overflow: hidden;
	margin-top:57px;
	margin-bottom:47px;
	
	
	
}


.sonority2_08 .08_02 .08_2right {
	width: auto;
	float: left;
	display: block;
	overflow: hidden;
	width:534px;
	height: 357px;
}

 .sonority2_09a {
	background-image: url(../img/sonority2/c3_4/13.jpg);
	height: 357px;
	width: 1100px;
	display: block;
	overflow: hidden;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	color:#5a1c11;
}

 .sonority2_09a_box {
	padding:0 0 0 68px;
	 width:408px;
 }

 .sonority2_09a1 {
	 margin:42px 0 0 0;
	 font-size:16px;
}

 .sonority2_09a2{
	 margin:20px 0 0 0;
	 font-size:22px;
	 line-height:1.6;
}

 .sonority2_09a3 {
	 margin:20px 0 0 0;
	 font-size:15px;
	 line-height:1.7;
}







 .sonority2_09b {
	background-image: url(../img/sonority2/c3_4/14.jpg);
	height: 434px;
	width: 1100px;
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	color:#5a1c11;
}
 .sonority2_10 {
	height: 111px;
	width: 960px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 75px;
	margin-top: 70px;
}


 .sonority2_11 {
	background-image: url(../img/sonority2/c3_4/08.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 469px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	*overflow: hidden;
	z-index: 10;
	background-position: center top;
	background-color: #F7F7F7;

	
}



.guide_sonority {
	height: 111px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	display: block;
	overflow: hidden;
		z-index:20;
}


.guide_sonority .guide_btn1 a {
	background-image: url(../img/sonority2/c3_4/09.gif);
	background-repeat: no-repeat;
	width: 471px;
	heigth: 111px;
text-indent:-9999px;
overflow:hidden;
	display: block;
	float: left;
	height: 111px;
}

.guide_sonority .guide_btn2 a {
	background-image: url(../img/sonority2/c3_4/10.gif);
	background-repeat: no-repeat;
	width:471px;
	height:111px;
text-indent:-9999px;
overflow:hidden;
	display: block;
	float: right;
}

.guide_sonority .guide_btn2 a:hover{
filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.guide_sonority .guide_btn1 a:hover{
filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


.casetxt {
	color:#FFF;
	text-indent:100%;
white-space:nowrap;
display: block;
overflow:hidden;
}
.sonority2_11_link {
	display: block;
	height: 220px;
	width: 540px;
	margin-top: 29px;
	margin-left: auto;
	overflow: hidden;
	z-index: 100;
	margin-right: auto;
	margin-bottom: 50px;
}
.sono_link {
	display: block;
	height: 220px;
	width: 540px;
	margin-top: 29px;
	margin-bottom: 50px;
	margin-left: auto;
	overflow: hidden;
	z-index: 100;
	margin-right: auto;
}
.sono_link a {
	display: block;
	height: 220px;
	width: 540px;
	overflow:hidden;
	
}
.mb40{
	margin-bottom:40px;
	}
.mb80{
	margin-bottom:80px;
	}
/* ■■sono_guide■■ */

.sono_guide {
	width:auto;
	display:block;
	overflow:hidden;
	background:#f7f7f7;
	}

.sono_guide div {
	width:1100px;
	margin: 0px auto 0px auto;
	display:block;
	overflow:hidden;
	}

#sono_img{
	width: 516px;
	height: 199px;
	margin: 30px auto 28px;
	font-size: 1px;
	display: block;
}

.sono_guide div ul {
	width: 982px;
	margin:0 auto 75px;
	padding:0;
	display: block;
	overflow: hidden;
	}

.sono_guide div ul li a {
	font-size:1px;
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	}
.sono_guide div p a:hover,
.sono_guide div ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	}

.sono_guide div ul li.guide001 {
	width: 471px;
	height: 111px;
	margin: 0px 20px 20px 0px;
	display: block;
	overflow: hidden;
	float: left;
	}

.sono_guide div ul li.guide001 a {
	width: 471px;
	height: 111px;
	background-repeat: no-repeat;
	background-position: 0px 0px no-repeat;
	background-image: url(../img/sonority/btn_02.jpg);
	}

.sono_guide div ul li.guide002 {
	width:471px;
	height:111px;
	margin: 0px 0px 20px 0px;
	display:block;
	overflow:hidden;
	}

.sono_guide div ul li.guide002 a {
	width:471px;
	height:111px;
	background:url(../img/sonority/btn_03.jpg) 0px 0px no-repeat;
	}

.sono_guide div ul li.guide003 {
	width:960px;
	height:110px;
	margin: 0px 0px 20px 0px;
	display:block;
	overflow:hidden;
	}

.sono_guide div ul li.guide003 a {
	width:960px;
	height:110px;
	background:url(../../sonority/img/guide_btn003.gif) 0px 0px no-repeat;
	}

.sono_guide div ul li.guide004 {
	width:470px;
	height:130px;
	margin: 0px 20px 0px 0px;
	display:block;
	overflow:hidden;
	float:left;
	}

.sono_guide div ul li.guide004 a {
	width:470px;
	height:130px;
	background:url(../../sonority/img/guide_btn004.gif) 0px 0px no-repeat;
	}

.sono_guide div ul li.guide005 {
	width:470px;
	height:130px;
	margin: 0px 0px 0px 0px;
	display:block;
	overflow:hidden;
	}

.sono_guide div ul li.guide005 a {
	width:470px;
	height:130px;
	background:url(../../sonority/img/guide_btn005.gif) 0px 0px no-repeat;
	}

/*plus*/
#sonority_banner_case{
	width:960px;
	height:170px;
	margin:32px auto 0;
	padding:0 0 72px;
	cursor:pointer;
}
#sonority_banner_case:hover{
	opacity:0.7;
	cursor:pointer;
}

#sonority_main_btn{
	width:202px;
	height:45px;
	padding:326px 0 0 53px;
	cursor:pointer;
}
#sonority_main_btn:hover{
	opacity:0.7;
	cursor:pointer;
}

#sonority_btn_rental_wrapper{
    width: 100%;
    padding: 30px 0 136px;
}

#sonority_btn_rentalcap{
	text-align:center;
	font-size:15px;
	color:#646464;
}

#sonority_btn_rental{
	width:436px;
	height:70px;
	margin:24px auto 0;
	cursor:pointer;
}
#sonority_btn_rental:hover{
	opacity:0.7;
	cursor:pointer;
}









/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/* 以下2018.8　朝比奈作業分 */

.sp,
.md{
	display:none;
}
.pc{
	display:block;
}


@media screen and (max-width: 1140px) {

}
@media screen and (max-width: 1030px) {
	.pc{
		display:none;
	}
.md{
	display:block;
}
div{
    	box-sizing: border-box;
}
img{
	max-width:100%;
	height:auto;
	vertical-align:top;
}

#sonority_mainbg {
    background-color: transparent;
}
#sonority{
	position:relative;
	width:100%;
	height:auto;
	background-size:contain;
}
#sonority_main_btn {
    position:absolute;
    padding: 0;
    left:5%;
    top:50%;
    width:30%;
}
.article01,
.article01 p,
.sonority_aboutbox_line,
.sonority_aboutbox2_line,
#sonority_banner_case,
#sonority_comparisonbox_txt,
#sonority_comparisonbox_capbox_illust,
#sonority_comparisonbox_capbox,
.spec,
.spec h3,
#spec2,
#spec3,
.sono_guide div,
.sono_guide div ul{
	max-width:100%;
}

#sonority_aboutbox {
    padding: 52px 20px 48px;
}
#sonority_aboutbox_about{
	margin-bottom:48px;
}
.sonority_aboutbox_photo {
    width: 30%;
    padding: 0;
}
.sonority_aboutbox_txt {
    width: 62.5%;
    float:right;
    padding-right:20px;
}

.flexslider.sonority.second {
    height: auto !important;
}
.flexslider.sonority .flex-control-nav {
    bottom: 20px !important;
}

#sonority_comparisonbox {
    padding: 52px 20px 48px;
}
#sonority_comparisonbox_cap_l{
	width:50%;
	padding-right:27px;
}
#sonority_comparisonbox_cap_r{
	width:50%;
	padding-left:27px;
}

.spec h3{
    	box-sizing: border-box;
}
#spec3_logo {
    width: 35.5%;
    height:auto;
}
#spec3_capbox {
    width: 64.4%;
    margin: 0 auto;
    padding-left:48px;
}
#sonority_btn_rental_wrapper{
	padding:30px 20px 136px;
}

.sono_guide div ul {
    margin: 0 auto 40px;
}
.sono_guide div ul li.guide001,
.sono_guide div ul li.guide002{
    	box-sizing: border-box;
	max-width:50%;
	margin-right:0;
	padding:0 10px;
}
.sono_guide div ul li.guide001 a,
.sono_guide div ul li.guide002 a{
	display:block;
	max-width:100%;
	background-size:contain;
}

}

@media screen and (max-width: 681px) {
	.pc,
	.md{
		display:none;
	}
	.sp{
		display:block;
	}
	img.sp{
		display:inline-block;
	}
	
	.article01 h2,
	#sonority_aboutbox_about,
	#sonority_comparisonbox_title,
	#sonority_comparisonbox_capbox_illust2,
	#sonority_comparisonbox_capbox2,
	#sonority_btn_rental{
		max-width:100%;
	}
	
	.article01 {
    margin-top: 41px;
    margin-bottom: 47px;
}
	.article01 p {
    font-size: 14px;
    line-height: 1.7 !important;
}

#sonority_aboutbox {
    padding: 26px 10px 24px;
}
#sonority_aboutbox_about {
    margin-bottom: 24px;
}
.sonority_aboutbox_line{
	height:auto;
}
.sonority_aboutbox_txt {
    padding-right: 0;
}
.sonority_aboutbox_txt1 {
    font-size: 16px;
    line-height: 1.7;
    padding-bottom:5px;
}
.sonority_aboutbox_txt2 {
    font-size: 13px;
    line-height: 1.7;
}
.sonority_aboutbox2_line {
    margin: 18px auto 0;
    padding: 13px 20px;
}

.sonority_aboutbox2_txt1 {
    font-size: 16px;
    line-height: 1.7;
    padding-bottom:5px;
}
.sonority_aboutbox2_txt2 {
    font-size: 13px;
    line-height: 1.7;
}

#sonority_banner_case {
    height: auto;
    margin: 16px auto 0;
    padding: 0 0 36px;
}

#sonority_comparisonbox_capbox_illust{
    height: auto;
}
#sonority_comparisonbox_capbox_illust2 {
    height: auto;
    margin: 36px auto 0;
}

#spec2 {
    margin: 20px auto 0;
}
#spec_color {
    width: 100%;
    padding: 0 0 10px;
    float: none;
}
#spec_cap{
    width: 100%;
    float: none;
}

#spec3 {
    margin: 60px auto 45px;
    padding: 19px 30px;
}
#spec3_logo {
    width: 100%;
    padding-bottom:10px;
}
#spec3_capbox {
    width: 100%;
    padding-left: 0;
}

#sono_img {
    width: 100%;
    height: auto;
    margin: 15px auto 14px;
    padding:0 10px;
}

#sonority_btn_rental_wrapper {
    padding: 15px 10px 68px;
}
#sonority_btn_rental {
    margin: 12px auto 0;
}

.sono_guide div ul {
    margin: 0 auto 20px;
}
.sono_guide div ul li.guide001,
.sono_guide div ul li.guide002{
    	box-sizing: border-box;
	max-width:50%;
	height:auto;
}
.sono_guide div ul li.guide001 a,
.sono_guide div ul li.guide002 a{
	max-height:55px;
}
}

/*==================================================
20221005DA
==================================================*/
.sonorityCase {
width: 100%;
border-bottom: #D1D1D1 1px solid;
margin-bottom: 50px;
padding-bottom: 70px;
}
.sonorityCase h2 {
color: #646464;
font-size: 32px;
line-height: 1.4em;
text-align: center;
padding: 2em 0 0.5em;
}
.sonorityCase .txt {
font-size: 15px;
line-height: 1.4em;
color: #646464;
text-align: center;
padding: 0 1em 1em;
}
.sonorityCase .caseList {
max-width: 980px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.sonorityCase .caseList li {
width: calc(100% / 3 - 20px);
list-style: none;
padding: 0 10px;
}
@media (max-width: 681px) {
	.sonorityCase {
	margin-bottom: 0;
	padding-bottom: 12%;
	}
	.sonorityCase h2 {
	font-size: 7.5vw;
	line-height: 1.4em;
	padding: 1em 0 0;
	}
	.sonorityCase .txt {
	font-size: 13px;
	line-height: 1.7em;
	text-align: left;
	padding: 0 1em 1em;
	}
	.sonorityCase .caseList {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
	.sonorityCase .caseList li {
	width: 49%;
	list-style: none;
	margin-bottom: 4%;
	padding: 0;
	}
}