@charset "UTF-8";

@media screen and (min-width:480px) {
 	#nav-drawer, #saijij_imgsp, #lonej_imgsp, .voice_imgsp{
   		display:none;
	}
}

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

/*　レスポンシブ　*/

	body{
		width: 100%;
		font-size: 0.9rem;
	}
	#navi{
		display: none;
	}

	/*　ドロワーメニュー　*/
	#nav-drawer {
		position: relative;
	}
	.nav-unshown {
		display:none;
	}
	#nav-open {
		display: inline-block;
		width: 30px;
		height: 22px;
		vertical-align: middle;
		padding: 10px;
	}
	#nav-open span, #nav-open span:before, #nav-open span:after{
		position: absolute;
 		height: 3px;
  		width: 35px;
  		border-radius: 3px;
  		background: #003461;
  		display: block;
  		content: '';
  		cursor: pointer;
	}
	#nav-open span:before {
  		bottom: -10px;
	}
	#nav-open span:after {
  		bottom: -20px;
	}
	#nav-close {
 		display: none;/*�͂��߂͉B���Ă���*/
  		position: fixed;
  		z-index: 99;
  		top: 0;/*�S�̂ɍL����悤��*/
  		left: 0;
  		width: 100%;
  		height: 100%;
  		opacity: 0;
  		transition: .3s ease-in-out;
	}
	#nav-content {
  		overflow: auto;
  		position: fixed;
  		top: 0;
  		left: 0;
  		z-index: 999;
  		width: 50%;/*�E���Ɍ��Ԃ����i�‚���J�o�[��\���j*/
  		max-width: 330px;/*�ő啝*/
		height: 100%;
  		background: #fff;
  		transition: .3s ease-in-out;
  		-webkit-transform: translateX(-105%);
  		transform: translateX(-105%);/*���ɉB���Ă���*/
		font-size: 0.9rem;
		opacity: 0.9;
	}
	.nav-menu{
		text-align: center;
		padding: 15px;
		border-bottom: solid 1px black;
	}
	/*�`�F�b�N����������������\��*/
	#nav-input:checked ~ #nav-close {
  		display: block;/*�J�o�[��\��*/
	}
	#nav-input:checked ~ #nav-content {
  		-webkit-transform: translateX(0%);
  		transform: translateX(0%);
  		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	.menu-close{
		font-family: 'Yu Mincho', '游明朝';
		font-size: 2.3rem;
		padding-left: 80%;
		position: relative;
		top: 10px;
	}
	.nav-menu_close{
		text-align: center;
		padding-left: 70%;
		position: relative;
		top: 15px;
	}

	/*　ロゴ　*/
	#logo{
		height: 300px;
	}
	#logo img{
		width: 50%;
		height: auto;
	}
	.space{
		height: 70px;
	}
	/* what's new */
	#wn, #wrap{
		width: 90%;
	}
	dt{
		float: none;
	}
	dd, #wn .kokuchi{
		margin-left: 10px;
	}
	/*　スライダー　*/
	#slider{
		width: 100%;
		height: 100%;
	}
	.slide-item{
		width: 100%;
		height: 100%;
	}
	.slide-item img{
		width: 100%;
		height: auto;
	}

	/*　共通やらまとめてやら　*/
	#company, #news, #footer{
		width: 100%;
	}
	.cnt_title{
		width: 100%;
	}
	.cnt_title-e{
		font-size: 1.8rem;
	}
	.company_title{
		height: auto;
	}
	.company_title, .v_title, .ks-spt_title{
		font-size: 1.2rem;
	}
	.sannyuum, .voiceml, .voicemr, .ks-spt02m{
		font-size: 1.1rem;
	}

	/*　会社情報、社員の声　*/
	table{
		line-height: 180%;
		text-align: center;
	}
	th, td{
		display : block;
		width: 90%;
		margin: auto;
		text-align: justify;
	}
	th{
		padding: 3px 8px;
	}
	td{
		padding: 3px 0;
	}
	#saijij_imgsp, #lonej_imgsp, .voice_imgsp{
		display: block;
		text-align: center;
	}
	#saijij_imgsp img, #lonej_imgsp img, .voice_imgsp img{
		width: 90%;
		height: auto;
	}
	#saijij_imgpc, #lonej_imgpc, .voice_imgpc{
		display: none;
	}
	#brandj-p{
		position: relative;
		top: 0;
		left: 0;
		padding: 20px 0 0;
		text-align: right;
	}
	#saijij_imgpc, #lonej_img, .voice_img01, .voice_img02{
		float: none;
	}
	#sakajilink{
		position: relative;
		top: 0;
		left: 0;
		text-align: right;
	}
	#lonelink{
		padding-top: 20px;
	}
	.voice_img01{
		margin-left: 0;
	}
	.voice_img02{
		margin-right: 0;
	}

	/*　店舗情報　*/
	.shop-photo{
		display: block;
		height: 50%;
	}
	.shop-photo_main, .shop-photo_sum{
		width: 90%;
		margin: auto;
	}
	@media screen and (max-width: 330px){
		.midashi{
			margin: 15px 0;
		}
		.instaicon{
			padding: 8px 5px;
		    margin: 15px 0;
		}
	}
	@media screen and (max-width: 310px){
		.instaicon{
			display: block;
			margin: 0;
		}
	}
	.shop-photo_sum{
		justify-content: center;
	}
	.shop-photo_sum li{
		margin: 10px 15px;
	}
	.shop-photo_sum li, .shop-photo_sum li img{
		width: 50px;
		height: 50px;
	}
	.map{
		width: 95%;
		height: 100%;
		padding-top: 0;
	}
	.map iframe, .map object, .map embed{
		position: relative;
		width: 100%;
		height: 250px;
	}
	/*　ギャラリー　*/
	#iconBr, #iconDi, #iconCS, #iconIt, #iconP{
		margin: 20px 5px;
	}
	.icon img{
		width: 90px;
		height: auto;
	}

	/*　ニュース、採用　*/
	.n_list{
		line-height: 200%;
	}
	#saiyo{
		width: 100%;
	}
	.s_text{
		padding-bottom: 20px;
	}

	/*　フッタ―　*/
	#copyright{
		width: 95%;
		padding: 20px 0;
		font-size: 0.7rem;
	}
	#submenu{
		width: 95%;
		padding: 80px 0 20px;
		font-size: 0.8rem;
	}
	.pagetop{
		bottom: 10px;
		right: 10px;
		opacity: 0.8;
	}

}

.titleks{
    width:100%;
    height: 2.5rem;
    background-color: #003461;
    color: #ffffff;
    text-align: center;
    font-size: 1rem;
	margin-top: 40px;
    margin-bottom: 0.5rem;
}
.titlesa{
    width:100%;
    height: 2.5rem;
    background-color: #932d44;
    color: #ffffff;
    text-align: center;
    font-size: 1rem;
	margin-top: 40px;
    margin-bottom: 0.5rem;
}