@charset "UTF-8";
.waku_sub{
	background-color:#efefef;
	border-radius:10px;
	padding:2%;
}
.copy-01{
	font-size:140%;
	color:#7C73D7;
	font-weight:bold;
}

.copy-02{
	font-size:120%;
	color:#000;
	font-weight:bold;
}
.copy-02 span{
	font-size:150%;
	font-weight:bold;
}
.c-ora{
	color:#ff9900;
}
li.ore{
	margin-left:2em;
	text-indent:-1.2em;
}
li.ore i{
	color:#ff9900;
}
li.gree i{
	color:#A3D200;
}
li.ya-p{
	margin-left:2em;
	text-indent:-1.2em;
	padding:1.5% 0;
	border-bottom:1px dotted #ccc;
}
li.ya-p i{
	color:#D271A3;
}
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }

/*----- 一覧タイトル ---*/
.k-copy{
    font-size:30px;border-bottom:3px solid #dadada;position: relative;padding:.5em 0;line-height:1.4em; margin-top:3%;margin-bottom:3%;color:#7C73D7;
 }
@media screen and (max-width: 599px){
.k-copy{
    font-size: 22px;
}
}
.k-copy:after{
content:"";display:block;width:20%;border-bottom:3px solid #7C73D7;position:absolute;bottom:0;margin-bottom:-3px;
}

.common-inner{
	padding:0 2%;
}

.fClear:after{
	content:"";
	display:block;
	clear:both;
}
.device-list{
	background-color:#efefef;
	padding:3%;
	border-radius:6px;
}
.device-list ul{
	margin-left:30px;
}
.device-12{
	margin-bottom:3%;
	width:100%;
}
.device-4{	
	width:31%;
	margin:0 1%;
	float:left;
}
@media screen and (max-width:599px){
.device-4{	
	width:98%;
	margin:0 1% 3% 1%;
	float:left;
}
}

.pc-clear{
	display:block;
}

@media screen and (max-width:768px){
.pc-clear{
	display:inline;
}
}
/*---------------------------------------------------------------------
画像
---------------------------------------------------------------------*/
.left-image{
	float:left;
	margin-right:2%;
	margin-bottom:3%;
}

@media screen and (max-width:768px){
    .left-image{
	    width:100%;
	    float:auto;
	    text-align:center;
	    margin-right:0%;
	    margin-bottom:5%;
    }

}
.right-image{
	float:right;
	margin-left:2%;
	margin-bottom:3%;
}

@media screen and (max-width:768px){
    .right-image{
	    width:100%;
	    float:auto;
	    text-align:center;
	    margin-left:0%;
	    margin-bottom:5%;
    }

}
/*---------------------------------------------------------------------
table
---------------------------------------------------------------------*/

/* -- table -- */
.table-01{
	margin: 0 0 0px 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}
.table-01 th{
	padding: 1%;
	width: 20%;
	text-align: left;
	vertical-align: top;
	background: #E9E9FE;
	border: #ccc 1px solid;
}
.table-01 td{
	padding: 1%;
	vertical-align: top;
	background: #ffffff;
	border: #ccc 1px solid;
}

.center{
	text-align:center;
}
.bold{font-weight:bold;}
.c-wh{
	color:#fff !important;
}

.c-yel{
	color:#ffdd00 !important;
}
.c-pnk{
	color:#FF76A4 !important;
}
.box-pnk{
	background-color:#FF76A4 !important;
	color:#fff;
	padding:15px;
}
.c-blue{
	color:#6463C6 !important;
}
.bg-wh{
	background-color:#fff !important;
}

.font14{font-size:14px;}

.font20{font-size:20px;}

.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.margin_B30,
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb80{margin-bottom:8% !important;}

/*page-title*/
.page-title{
	font-size:32px;
	margin:30px 0;
	color:#fff;
	padding:10px 20px;
	border-radius:5px;
	background-color:#7C73D7;color:#fff;
}

@media screen and (max-width:599px){    
    .page-title{
	font-size:24px;
    }
}


/*title-01*/
.title-01{
	font-size:32px;
	line-height:1.4em;
	margin-bottom:0;
	color:#6463C6;
	padding:0px 0 40px 0;
	text-align:center;
}
.title-01 span{
	display:block;
}

@media screen and (max-width:599px){    
    .title-01{
	font-size:24px;
	text-align:left;
	padding:0px 0 25px 0;
	font-weight:bold;
	text-align: justify;
	text-justify: inter-ideograph;
    }
    .title-01 span{
	display:inline;
	font-weight:bold;
    }
}




/*title-02*/
.title-02{
	font-size:26px;
	line-height:1.4em;
	margin-bottom:0;
	color:#6463C6;
	padding:0px 0 30px 0;
	text-align:center;
}
.title-02 span{
	display:block;
}

@media screen and (max-width:599px){   
    .title-02{
	font-size:24px;
	text-align:left;
	padding:0px 0 15px 0;
	font-weight:bold;
    } 
	/*title 改行解除*/
    .title-02 span{
	display:inline;
	font-weight:bold;
    }
}




/*title-03*/
.title-03{
	font-size:24px;
	line-height:1.4em;
	margin-top:5%;
	margin-bottom:3%;
	padding:1% 2%;
	border-left:10px solid #ff9900;
	font-weight:bold;
	background-color:#ffffcc;
}

@media screen and (max-width:599px){   
    .title-03{
	font-size:22px;
    } 
}



.lead{
	margin-bottom:60px;
	text-align:center;
	font-size:20px;
}
.lead span.bloc{
	display:block;
}
@media screen and (max-width:599px){  
.lead{
	font-size:16px;
	text-align:left !important;
	margin-bottom:30px;
	text-align: justify;
	text-justify: inter-ideograph;
    }
    .lead span.bloc{
	display:inline;
    }
}

/* General button style (reset) */
.btn-gnav {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 2px 25px;
	display: inline-block;
	margin: 0px 5px 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-gnav:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn-gnav:before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}


/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 2px 40px;
	display: inline-block;
	margin: 15px 0 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn:before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

/* Button 4 */
.btn-4 {
	border-radius: 50px;
	color: #fff;
	overflow: hidden;
	background:#8B8BF6;
	font-size:14px;
}

.btn-4:active {
	border-color: #17954c;
	color: #17954c;
}

.btn-4:hover {
	background: #6463C6;
	color: #ffffff;
}

.btn-4:before {
	position: absolute;
	height: 100%;
	font-size: 125%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-4:active:before {
	color: #17954c;
}

/* Button 4a */
.btn-4a:before {
	left: 130%;
	top: 0;
}

.btn-4a:hover:before {
	left: 80%;
}









/*吹き出し見出し*/

.arrow-title-01 {
	font-size:30px;
	line-height:1.4em;
	position: relative;
	background-color:#9696F7;
	border-top: 4px solid #9696F7;
	margin-bottom:40px;
	padding:30px 20px;
	color:#fff;
	text-align:center;
	z-index:3;
}
@media screen and (max-width:599px){    
    .arrow-title-01 {
	font-size:22px;
	padding:15px 10px;
    }
}
.arrow-title-01:after, .arrow-title-01:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-title-01:after {
	border-color: rgba(150, 150, 247, 0);
	border-top-color: #6463C6;
	border-width: 20px;
	margin-left: -20px;
}
.arrow-title-01:before {
	border-color: rgba(150, 150, 247, 0);
	border-top-color: #6463C6;
	border-width: 26px;
	margin-left: -26px;
}






/*===================================================================================*/
/*  エリア                                                             */ 
/*===================================================================================*/

.area-block:after{
	content:"";
	display:block;
	clear:both;
}
.area-left{
	margin-right:-420px;
	width:400px;
	float:left;
	
}
.area-right{
	width:100%;
	float:right;
	
}
.area-right-inner{
	margin-left:420px;
	
}

@media screen and (max-width:768px){ 
.area-left{
	margin-right:0px;
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:3%;
	
}
.area-right-inner{
	margin-left:0px;
	
}
}
table.area {
    border-collapse: collapse;
    border-spacing: 0;
    height: auto;
    margin-bottom: 20px;
    font-size: 14px;
    background-color: #F7F7FF;
    border: 1px solid #5A5ABD;
    width:100%;
}
table.area td{
    padding:3% 2%;
}

/*===================================================================================*/
/* 　BLOGナビ                                                                    */ 
/*===================================================================================*/

.blog-nav{
	display:table;
	table-layout: fixed;
	width:100%;
}	
.blog-nav div{
	width: 25%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.blog-nav div.nav-center{
	width: 50%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}	


/*===================================================================================*/
/*  QA                                                     */ 
/*===================================================================================*/
ul.news {
  margin-bottom:40px;
}
ul.news li.qa {
  font-weight: bold;
  font-size: 20px;
  background-image: url(../images-new/qa/icn-q.png);
  background-position: 20px center;
  background-repeat: no-repeat;
  padding: 15px 15px 15px 90px;
  line-height: 20px;
  color: #000;
  display: block;
  border-bottom: 2px dotted #ccc;
}
@media screen and (max-width:599px){   
	ul.news li.qa {
	font-weight: bold;
	font-size: 20px;
	background-position: 5px center;
	background-repeat: no-repeat;
  	padding: 15px 15px 15px 60px;
	}

}

.qa-question {
  background-image: url(../images-new/qa/icn-q.png);
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  line-height: 30px;
  padding: 15px 15px 15px 55px;
  margin-top: 20px;
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 22px;
  border-bottom: 2px dotted #ccc;
}
.qa-answer {
  clear: both;
  font-size:18px;
  padding: 5px 15px 15px 55px;
  background-image: url(../images-new/qa/icn-a.png);
  background-position: left top;
  background-repeat: no-repeat;
}


/*===================================================================================*/
/*  寄贈                                                           */ 
/*===================================================================================*/
.kizou-copy{
    background-image:url(../images-new/kizou/copy-bg.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    padding:0 0 3% 0;
}

@media screen and (max-width:768px){ 
.kizou-copy{
    background-size:cover;
}
}
.kizou-copy p{
	font-size:120%;
	margin-bottom:2%;
	text-shadow: 1px 1px 1px #FFF;
}
/*===================================================================================*/
/*  ゆくえ                                                            */ 
/*===================================================================================*/
.yukue-copy{
    background-image:url(../images-new/yukue/copy-bg.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    padding:3% 0;
    background-size:contain;
}

@media screen and (max-width:768px){ 
.yukue-copy{
    background-size:cover;
}
}
.yukue-copy p{
	font-size:120%;
	margin-bottom:2%;
	text-shadow: 1px 1px 1px #FFF;
}
.c_blue{
	font-size:160% !important;
	color:#6463C6;
}


.waku_sub_r{
	background-color: #FFFFE1;
	height: auto;
	width: auto;
	padding:2%;
	border: 1px dotted #F90;
	margin: 3% 0 6% 0;
	clear: both;
	line-height: 20px;
	font-weight: bold;
	padding-right: 5px;
}
.txt-center{
	text-align:center;
}
@media screen and (max-width:768px){ 
.txt-center{
	text-align:left;
}
}
/*===================================================================================*/
/*  ピアノの修復  コピー                                                            */ 
/*===================================================================================*/
.saisei-copy{
    background-image:url(../images-new/saisei/copy-bg.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    padding:3% 0;
    background-size:contain;
}
@media screen and (max-width:768px){ 
.saisei-copy{
    background-size:cover;
}
}
.saisei-copy p{
	font-size:120%;
	margin-bottom:2%;
	text-shadow: 1px 1px 1px #FFF;
}



/*===================================================================================*/
/*  ピアノの修復                                                              */ 
/*===================================================================================*/

.syufuku-wrap{
	display: table;
	 width: 100%;
	
}



.syufuku-icon{
	display: table-cell;
   	 padding: 0.5em 0 0.5em 0;
   	 vertical-align: middle;
	width:60px;
}
.syufuku-icon img{
	width:45px;
}
.syufuku-txt{
	display: table-cell;
   	 padding:  0.5em 0em 0.5em 0em;
   	 vertical-align: middle;
}
.syufuku-txt h3 {
	line-height:1.3em;
	font-weight:bold;
	font-size:20px;
}
@media screen and (max-width:599px){
	.syufuku-icon{
	    width:60px;
	}
	.syufuku-icon img{
	    width:35px;
	}
	.syufuku-txt{
	font-size:20px;
}
}

/*===================================================================================*/
/*  会社概要                                                              */ 
/*===================================================================================*/
.company-tbl{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex; /* Safari */
	display: -webkit-box-flex; /* Safari */
	display: flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-ms-justify-content:space-between;/*--- IE10用 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;    
}
.company-tbl li{
    width: 32%;
    text-align: center;
}
@media screen and (max-width:599px){
    .company-tbl li{
        width: 100%;
    }
}