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

#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;*/
    max-width: 960px;
    width: 95%;
    margin: 0 auto;
	padding:36px 0 70px;
	color:#fff;
}

#sonority_case_main{
/*	width:960px;
	height:573px;*/
	width:100%;
	height:auto;
	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;*/
	max-width:550px;
	height:46px;
	margin:0 auto;
	padding:72px 0;
	clear:both;
	overflow:hidden;
}

#sonority_case_navi_prev{
/*	width:221px;*/
	width:40%;
	height:46px;
	float:left;
	margin:0 0 0 20px;
}

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

#sonority_case_navi_next{
/*	width:221px;*/
	width:40%;
	height:46px;
	float:left;
}

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

#sonority_case_other{
/*    width: 386px;*/
    width: 100%;
/*	height:26px;*/
    margin: 0 auto;
	text-align: center;
}

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

.sonority_case_study{
/*	width:300px;*/
	max-width:300px;
	height:300px;
	padding:0 30px 0 0;
	float:left;
}

#sonority_case_study_last{
/*	width:300px;*/
	max-width:300px;
	height:300px;
	padding:0 30px 0 0;
	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;*/
	max-width:1100px;
	width:100%;
	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;*/
	max-width: 982px;
	width: 90%;
	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;*/
	max-width: 471px;
	width: 45%;
/*	height: 111px;*/
	margin: 0px 20px 20px 0px;
	display: block;
	overflow: hidden;
	float: left;
	}

.sono_guide div ul li.guide001 a {
/*	width: 471px;*/
	max-width: 471px;
	width: 100%;
	height: 111px;
	background-repeat: no-repeat;
	background-position: 0px 0px no-repeat;
	background-image: url(../img/sonority_case/btn_02.jpg);
	background-size:contain;
	}

.sono_guide div ul li.guide002 {
/*	width:471px;*/
	max-width:471px;
	width:45%;
/*	height:111px;*/
	margin: 0px 0px 20px 0px;
	display:block;
	overflow:hidden;
	}

.sono_guide div ul li.guide002 a {
/*	width:471px;*/
	max-width:471px;
	width:100%;
	height:111px;
	background:url(../img/sonority_case/btn_03.jpg) 0px 0px no-repeat;
	background-size:contain;
	}

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


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


/* 以下2019.3　jip作業分 */

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


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


}

@media screen and (max-width: 681px) {
.sono_guide div ul li.guide001 {
	max-width: 471px;
	width: 100%;
	margin: 0px 20px 10px 0px;
	}

.sono_guide div ul li.guide001 a {
	height: 80px;
	}


.sono_guide div ul li.guide002 {
	max-width:471px;
	width:100%;
	margin: 0px 0px 10px 0px;
	}

.sono_guide div ul li.guide002 a {
	height:80px;
	}
	
#sono_img{
/*	width: 516px;*/
	width: 80%;
	height:auto;
/*	height: 199px;*/
	margin: 30px auto 20px;
	font-size: 1px;
	display: block;
}
}

.swiper{
	height: 416px;
	width: 623px;
	margin: 0 auto;
}

.swiper-slide{
	height: 100%;
	aspect-ratio: 623/415;
}

.swiper-slide img{
	width: 100%;
	object-fit: cover;
}

.swiper-pagination{
	display: flex;
	gap: 2rem;
	margin-top: 8px;
	justify-content: center;
}

.swiper-pagination-bullet:nth-last-of-type(n+6){
	display: none;
}

.swiper-pagination-bullet{
	display: block;
	width: 15px;
	height: 15px;
	background: #ffffff;
	border-radius: 9999px;
	border: #333;
	margin: 0;
}
/* .swiper-pagination-bullet-active{
	background-color: #a05e5e;
} */

@media screen and (max-width: 681px) {
	.swiper{
		width: 100%;
		height: 227px;
	}
}