/*　このCSSは会社案内用のスタイルシート（スマートフォン向け）です　*/
@charset "Shift_JIS";

/*　スマートフォン用CSS　*/
@media screen and (max-width: 480px) {
img {max-width: 100%; height: auto; width /***/:auto;}
 /*　以下にスタイルを記述。最終行に「}」を入れていることに注意　*/

/*　ローカルメニュー　*/
.companymenu {margin-bottom:20px; padding:0;}
.companymenu a {display:block; height:50px; font-weight:bold; font-size:1.6rem; line-height:3.2; padding-left:10px; text-decoration:none;}
.companymenu label {display:block; height:50px; font-size:1.6rem; font-weight:bold; line-height:3.2; padding-left:10px; margin-bottom:2px; color:#fff; background:#0074b3; cursor:pointer;}
.companymenu input {display:none;}
.companymenu ul {margin:0; padding:0; list-style: none;}
.companymenu li {max-height:0; overflow-y:hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
#companymenutitle:checked ~ #companymenu01 li {max-height:50px; opacity:1;}
.companymenu li a {background:#ddd url(../../product/imagessp/submenu_arrow_off.png) right center no-repeat; color:#006598; overflow-y:hidden;}
.companymenu li a:hover {background:#93c2dc url(../../product/imagessp/submenu_arrow_on.png) right center no-repeat; color:#333; overflow-y:hidden;}
.companymenu li a.company_on {background:#93c2dc url(../../product/imagessp/submenu_arrow_on.png) right center no-repeat; color:#333; overflow-y:hidden;}	

/*　会社案内テーブル　*/
.table_company {border-collapse: collapse; border: 1px #ccc solid; line-height:1.2; font-size:1.6rem;} 
.table_company th {border: 1px #ccc solid; background:#f6f3e9; padding:5px; font-weight:bold; text-align:center;}
.table_company td {border:1px #ccc solid; padding:5px; text-align:left;}
.table_company li {list-style:none;}
	
/*　社長ご挨拶写真　*/
.msgphoto {text-align:center; margin:0 auto 20px auto;}
	
/*　事業概要ラインナップ　*/
.companylineup {list-style:none; margin-top:10px; font-size:1.6rem;}
.companylineup li span {font-weight:bold;}
	
/*　事業所写真　*/
.officephoto {float:left; margin: 0 20px 10px 0;}
.officelist {list-style:none; font-size:1.6rem;}
.officemap {width:320px; border: solid 1px #ccc; text-align:center; margin:10px auto;}
.officemaplink {width:320px; text-align:center; margin:20px auto;}
.officemaplink a {display:block; width:320px; height:32px; font-size:1.6rem; padding-top:18px; line-height:1; font-weight:bold; text-align:center; color:#006598; text-decoration:none; background:#dddddd;}

	
}/*　@mediaの綴じ括弧。削除しないでください　*/