@charset "UTF-8";


/******************************************
*
商品選びのポイント > 介護用ベッドの選び方
*
******************************************/

#bed{
	font-size:1.6rem;
	line-height:155%;
}


ul.innerLinks  > li{
	width:50%;
}

/*ul.innerLinks  > li:nth-child(3){
	border-left:1px solid #cccccc;
	border-right:none;
}*/

/* for Tb --------------------*/
@media screen and (max-width:980px) {

	
} 

/* for Sp --------------------*/
/*@media screen and (max-width: 738px) {
	ul.innerLinks  > li{
		width:100%;
	}
	ul.innerLinks  > li:nth-child(3){
		border-right:1px solid #cccccc;
	}
}
*/

/* ---------------------------------------------
*  機能を活用してできること
--------------------------------------------- */
#s01 table{
	width:100%;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
#s01 table > thead td{
	text-align:center;
}

#s01 table th{
	background-color:#f5f5f5;
	font-weight:bold;
	width:3em;
	/*-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;*/
}

#s01 table th,
#s01 table td{
	padding:1em;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

#s01 table td > .innerImg{
	width:330px;
	margin:0 auto 1em;
}
#s01 table > tbody > tr:nth-child(4) > td > .innerImg{
	width:474px;
	margin:0 1em 0 0;
	float:left;
}

/* for Tb --------------------*/
@media screen and (max-width:980px) {

    

}


/* for Sp --------------------
@media screen and (max-width: 738px) {*/

	/*s01 table > thead{
		display:none;
	}

    #s01 table th,
	#s01 table td{
    	display:block;
    	width:100%;
    }
    #s01 table th{
		width:100%;
	}*/

    #s01 table th,
	#s01 table td{
    	font-size:1.4rem;
    }

	#s01 table td > .innerImg,
	#s01 table > tbody > tr:nth-child(4) > td > .innerImg{
	    width: 100%;
	    max-width:474px;
	    margin: 0 auto 1em;
	}

}


/* for Sp --------------------*/
@media screen and (max-width: 320px) {

    
}


/* ---------------------------------------------
*  ベッドの種類
--------------------------------------------- */
#typeList{
	display:block;
	overflow:hidden;
}

#typeList ul > li{
	width:33%;
	float:left;
	text-align:center;
	padding:30px;
	line-height:200%;
}

*[class^='elm']{
	text-align:center;
}

#typeList .elm_top{
	margin-bottom:2em;
}

#typeList ul > li > span{
	display:block;
	color:#eb7730;
	font-weight:bold;
}


#typeList ul > li > p{
	font-size:1.4rem;
	color:#002169;
	line-height:155%;
	margin-top:1em;
}


/* for Tb --------------------*/
@media screen and (max-width:980px) {
	#typeList ul > li{
		padding:30px 10px;
	}
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    
    #typeList ul > li{
		width:100%;
		float:none;
		text-align:center;
		line-height:200%;
	}
}


/* for Sp --------------------*/
@media screen and (max-width: 320px) {

    
}


/* ---------------------------------------------
*  各部の名称と役割
--------------------------------------------- */
#s03 .elm{
	color:#002169;
	margin-bottom:10px;
	font-weight:bold;
}

#s03 .ancarSection > .innerImg{
	width:100%;
	max-width:683px;
	margin:30px auto;
}

.roles > table tr:nth-child(3) > td > p{
	display:block;
	overflow:hidden;
	width:60%;
	max-width:calc(100% - 380px);
	float:left;
}
.roles > table tr:nth-child(3) > td .innerImg{
	width:40%;
	max-width:351px;
	margin:0;
	float:right;
}


/* for Tb --------------------
@media screen and (max-width:980px) {*/
@media screen and (max-width:1024px) {

	.roles > table tr:nth-child(3) > td > p{
		max-width:60%;
	}
   
	.roles > table tr:nth-child(3) > td .innerImg{
		max-width:40%;
	}

}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

	#s03 .ancarSection > .innerImg{
		width:100%;
	}

	.roles > table tr:nth-child(3) > td > p{
		width:100%;
		max-width:100%;
		float:none;
	}

	.roles > table tr:nth-child(3) > td .innerImg{
		width:60%;
		margin:0 auto;
		float:none;
	}


}


/* for Sp --------------------*/
@media screen and (max-width: 320px) {

    
}


/* ---------------------------------------------
*  特殊寝台 ( 電動ベッド ) の選び方
--------------------------------------------- */

#qaChart{
	display:block;
	width:100%;
	max-width: 800px;
	margin:30px auto 80px;
}

#qaChart a{
	margin:0 1em;
}

.disabled a{
	background-color:#cccccc;
	color:#ffffff;
	pointer-events:none;
}

#qCard,
#aCard{
	display:block;
	padding:30px;

	background-color:#ffffff;
	/*border: 1px solid #cccccc;*/
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -o-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -ms-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

#qaChart h5{
	display:inline-block;
	overflow:hidden;
	line-height:124%;
	font-size:1.8rem;
	padding:0.5em 1.75em;
	color:#ffffff;
}


#qaChart p{
	font-size:1.8rem;
	font-weight:bold;
	padding:1em 2em;
	line-height:155%;
}

#qCard{
	margin-bottom:30px;
}

#qCard > h5{
	background-color:#eb7730; 
}

#qCard > p{
	color:#002169; 
}

#qCard a{
	width: 100px;
	margin:0 10px;
}

#aCard{
	display:none;
}

#aCard h5{
	background-color:#002169; 
}

#aCard > p{
	color:#eb7730; 
}


.alinkBtn > span::before{
	font-family: 'ycota_ift';
    content: "\e911";
    font-size: 0.8em;
    margin-right: 0.5em;
    color: #ec7731;
    float: left;
}


/* for Tb --------------------*/
@media screen and (max-width:980px) {

    
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    #qaChart{
		width: 100%;
	}

	#qCard,
	#aCard{
		padding:15px;
	}

	#qaChart p{
		font-size:1.6rem;
		padding:1em 0;
	}

	#aCard a{
		margin:1em 0;
	}

}


/* for Sp --------------------*/
@media screen and (max-width: 320px) {

    
}


/* ---------------------------------------------
*  おすすめベッド結果表
--------------------------------------------- */
.pointItemList.ctr{
	text-align:center;
}

.pointItemList > ul > li.wide{
	width:66%;
}

.pointItemList > h4{
	clear:both;
	display:block;
	overflow:hidden;
	font-size:2.0rem;
	font-weight:bold;
	line-height:125%;
	color: #eb7730;
	margin:30px 0 10px;
	letter-spacing:normal;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

	.pointItemList > ul > li.wide{
		width:100%;
	}

}