@charset "UTF-8";


/******************************************
*
様々な場面で使うことができる便利な手すり
*
******************************************/

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



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

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

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

} */

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

ul.suppotItemList{
    display: flex;
    display: -webkit-flex;
	width:100%;
    max-width: inherit;
    background-color: transparent;
    margin: 30px 0;
    padding: 0;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

ul.suppotItemList li{
	display:block;
	width:49%;
    list-style: none;
    margin: 0;
}


ul.suppotItemList li .innerFrame{
	display:block;
	padding:30px;
	text-align:center;

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

ul.suppotItemList li .innerFrame h3{
	margin: 0 0 1em 0;
    padding: 0;
	color:#012169;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5em;
}

ul.suppotItemList li .innerFrame h3::before{
	display: none;
}

ul.suppotItemList li .innerFrame .innerImg{
	margin: 0 0 1em 0;
}

ul.suppotItemList li .innerFrame .innerImg img{
	max-height: 300px;
}

ul.suppotItemList li .innerFrame h5{
	margin: 0 0 15px;
}


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

	ul.suppotItemList li{
		width:100%;
        margin-bottom: 20px;
	}
    
    ul.suppotItemList li:last-child{
		width:100%;
        margin-bottom: 0;
	}

	ul.suppotItemList li .innerFrame{
		padding:15px;
	}
    
    ul.suppotItemList li .innerFrame h3{
        margin: 0 0 1em 0;
        font-size: 1.0em;
        line-height: 1.5em;
    }
}

/* ---------------------------------------------
*  あがりかまち用手すり
--------------------------------------------- */
#s07{
}

#s07 dl {
    display: flex;
    display: -webkit-flex;
	width:100%;
    margin: 0 0 30px 0;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#s07 dl dt{
    width: calc(100% - 400px);
    font-weight: normal;
}

#s07 dl dt a.boxBtn{
    margin-top: 1em;
}

#s07 dl dd{
    width: 362px;
}

#s07 .grayBox{
    display: flex;
    display: -webkit-flex;
    width: 100%;
	margin:15px 0 60px;
	padding:30px;
	background-color:#f5f5f5;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#s07 .grayBox p.idtbox {
    width: calc(100% - 220px); 
    margin-top: 0;
    font-size: 100%;
}

#s07 .grayBox .innerImg{
	width:171px;
}


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

}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    
    #s07 dl {
	    width:100%;
        margin: 0 0 30px 0;
    }

    #s07 dl dt{
        width:100%;
        margin-bottom: 20px;
    }
    
    #s07 dl dt a.boxBtn{
        display: block;
        width: 250px;
        min-width: inherit;
        margin: 1em auto 0 auto;
    }


    #s07 dl dd{
        width:100%;
    }

    #s07 .grayBox{
        width:100%;
    	margin:15px 0 30px;
    	padding:15px;
    }

    #s07 .grayBox p.idtbox {
        width:100%;
        margin-bottom: 20px;
    }

    #s07 .grayBox .innerImg{
	    width:100%;
    }
    
}


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

    
}


/* ---------------------------------------------
*  立ち上がり補助椅子
--------------------------------------------- */
#s08{
}

#s08 .innerFrame{
	display:block;
	overflow:hidden;
}


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

}


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

}

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

    
}