/*TOPページ--------------------------------------------------------------------------------*/
.top_menu_sp{
	display: none;
}
.top_menu_sp a:hover{
	color:#fff;
	text-decoration: none;
}
.sp_btton{
	display: none;
	top:10px;
	right:10px;
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.header h1 {
	    font-size: 30px;
	}	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.header h1 {
	    font-size: 30px;
	}
	.top_menu{
		display: none!important;
	}
	.pc_btton{
		display: none;
	}
	.sp_btton{
		position: fixed;
		display: block;
		z-index: 9999;
	}
	.sp_btton.down *{
		background-color: #000;
	}
	.sp_btton.active_btn *{
		background-color: #fff;
	}
	.top_menu_sp {
	    vertical-align: middle;
	    position: fixed;
	    -webkit-transition: all .5s;
	    transition: all .5s;
	    width: 100%;
	    height: 100%;
	    top:0;
	    left:0;
	    z-index: -9999;
	    opacity: 0;
	   	display: block;
	}

	.top_menu_sp ul {
	    vertical-align: middle;
	    list-style: none;
	    width: 100%;
	    padding-left: 0;
	}

	.top_menu_sp li {
	    height: 80px;
	    line-height: 80px;
	    margin: 0 auto;
	    text-align: center;
	    width: 200px;
	}

	.top_menu_sp li a {
	    display: block;
	    font-size: 18px;
	    color: #fff;
	}

	.top_menu_sp li a:hover {
	    color: #999;
	}

	/* 開閉用ボタンがクリックされた時のスタイル */
	.open.top_menu_sp {
	    -webkit-transition: all .5s;
	    transition: all .5s;
	    visibility: visible;
	    display: block;
	    background-color:rgba(0,0,0,0.9);
	    z-index: 9998;
	    opacity: 1;
	}
	#headbar{
		display: none!important;
	}
	
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.header h1 {
	    font-size: 18px;
	    color: #fff;
	    letter-spacing: 2px;
	    padding: 0 10px;
	}
	.top_menu{
		display: none!important;
	}
	.pc_btton{
		display: none;
	}
	.sp_btton{
		position: fixed;
		display: block;
		z-index: 9999;
	}
	.sp_btton.down *{
		background-color: #000;
	}
	.sp_btton.active_btn *{
		background-color: #fff;
	}
	.top_menu_sp {
	    vertical-align: middle;
	    position: fixed;
	    -webkit-transition: all .5s;
	    transition: all .5s;
	    width: 100%;
	    height: 100%;
	    top:0;
	    left:0;
	    z-index: -9999;
	    opacity: 0;
	   	display: block;
	}

	.top_menu_sp ul {
	    vertical-align: middle;
	    list-style: none;
	    width: 100%;
	    padding-left: 0;
	}

	.top_menu_sp li {
	    height: 40px;
	    line-height: 40px;
	    margin: 0 auto;
	    text-align: center;
	    width: 200px;
	}

	.top_menu_sp li a {
	    display: block;
	    font-size: 18px;
	    color: #fff;
	}

	.top_menu_sp li a:hover {
	    color: #999;
	}

	/* 開閉用ボタンがクリックされた時のスタイル */
	.open.top_menu_sp {
	    -webkit-transition: all .5s;
	    transition: all .5s;
	    visibility: visible;
	    display: block;
	    background-color:rgba(0,0,0,0.9);
	    z-index: 9998;
	    opacity: 1;
	}
	#headbar{
		display: none!important;
	}
	.top_logo{
		position: absolute;
	    top: 10px;
	    left: 10px;
	    width: 40px;
    	height: auto;
	}
	.header.top.active{
		background-size: cover;
	}
	.header.top{
	background-position: center center;
	}
	.top .box_1{
		height:auto!important;
	}
	.top .box_1 h2{
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 20px;
		font-weight: 900;
	}
	.top .box_1_inner{
		background-color: #f3f3f3;
		background-image: none;
		position: static;
		padding-top: 30px;
		padding-bottom: 0;
	}
	.top .box_1_inner .col-sm-4{
		margin-bottom: 30px;
		position: relative;
		overflow-x: hidden;
	}
	.top .box_1_inner .col-sm-4 a .img{
		opacity: 0.3;
	}
	.top .box_1_inner .col-sm-4 a{
		background-color: #fff;
	}
	.top .box_1_inner .col-sm-4 h3{
		font-size: 16px;
		position: absolute;
		top:35%;
		z-index: 999;
		width: 100%;
	}
	.top .box_1_inner .col-sm-4 p{
		position: absolute;
		top:55%;
		z-index: 999;
		width: 100%;
	}
	.top .box_2 .inner,
	.top .box_3 .inner{
		width: 100%;
		display: block;
		float:none;
	}
	.top .box_2,
	.top .box_3{
		overflow:hidden;
	}
	.top .box_2 .container,
	.top .box_3 .container{
		margin-right: -10px;
		margin-left: -10px;
	}
	.top .box_2 .wrap .inner a h4{
		font-size: 16px;
	}
	.top .box_2 .inner:first-child a h4 span{
		margin-bottom: 10px;
	}
	.top .inner{
		margin-bottom: 20px;
	}
	.top .inner a:hover .mask{
		display: none;
	}
	.top .inner a{
		display: block;
	}
	.top h2{
		margin-top:30px;
		margin-bottom: 10px;
	}
	.group_wrap	.group_box {
	    background-size: 110px auto;
	    font-size: 12px;
	}
	.top .box_4_wrap{
		padding-top: 0;
	}
	.top .box_4_wrap .row h2{
		padding-bottom: 10px;
	}
	.footer_inner{
		display: none;
	}
	.copyright{
		margin-top: 0;
	}
	footer{
		padding: 20px 0;
	}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}
/*下層ページ COMPANY--------------------------------------------------------------------------------*/

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.overview .bg_gray .container{
		width: 900px;
	}
	ul.history_list:before{
		height: 3015px;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.code-of-conduct .bg_gray .container{
		width: 100%;
	}
	.message section .row{
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
	}
	.box_right{
		width: 100%;
		float: none;
		
		padding:200px 10px 10px;
		background-color: rgba(255,255,255,0.8);
		
	}
	.box_left{
		display: none;
	}
	.overview .table_css_wrap,
	.overview .box_css{
		width: 100%;
		float: none;
	}
	.overview .box_css{
		border-left: none;
		padding-left: 0;
	}
	.overview .bg_gray .container{
		width: 100%;
	}
	ul.history_list:before{
		height: 3185px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.top_text{
		margin-top: 30px;
		margin-bottom: 10px;
		font-size: 18px;
	}
	#contents h3{
		font-size: 18px;
		margin-bottom: 10px;
	}
	#contents h4{
		font-size: 16px;
		margin-bottom: 10px;
	}
	#contents h5{
		font-size: 16px;
		margin-bottom: 10px;
	}
	#contents h6{
		font-size: 16px;
		margin-bottom: 10px;
	}
	#contents p{
		font-size: 14px;
	}
	.company .contents_under{
		padding: 20px 0;
	}
	.company .row .col-sm-4{
		padding-top: 20px;
	}
	.company .row,
	.philosophy .bg_gray,
	.code-of-conduct .bg_gray .container{
		padding-bottom: 50px;
		margin-bottom: 0px;
	}
	.statement .container p{
		font-size: 12px;
		line-height: 1.8;
		margin-bottom: 40px;
	}
	.philosophy_inner p{
		font-size: 12px;
	}
	.philosophy_inner{
		margin-bottom: 30px;
	}
	.code-of-conduct .code-of-conduct_bg{
		background-image: none;
	}
	.code-of-conduct .bg_gray .container{
		width: 100%;
	}
	.code-of-conduct_inner {
		padding: 20px 0;
	}
	.code-of-conduct .list_box{
		padding: 10px 10px;
	}
	.code-of-conduct .list_box ol li{
		font-size: 12px;
		margin-bottom: 5px;
	}
	.code-of-conduct .list_box{
		margin-top: 20px;
	}
	.box_left,
	.box_right{
		width: 100%;
		float: none;
	}
	.message section .row{
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
	}
	.message p{
		text-align: center;
	}
	.box_right{
		width: 100%;
		float: none;
		padding:180px 10px 10px;
		background-color: rgba(255,255,255,0.8);
		
	}
	.box_left{
		display: none;
	}
	.box_right p{
		font-size: 12px;
		line-height: 1.4;
	}
	.message .sign{
		margin-top: 10px;
		width: 150px;
		margin-left: auto;
	}
	.overview .table_css_wrap,
	.overview .box_css{
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}
	.overview .box_css{
		border-left: none;
		padding-left: 0;
	}
	.overview .bg_gray .container{
		width: 100%;
	}
	.history .history_list li{
		padding-left: 40px;
		float: none;
		width: 400px;
	}
	.history .history_list li:before {
	    content: '';
	    width: 15px;
	    height: 2px;
	    left:20px;
	}
	.history .history_list li:after{
		left:5px;
	}
	.history_list li:nth-child(even),
	.history_list li:nth-child(odd){
		text-align: left;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.line-border {
	    left: 14px;
	    top: 13px;
	}
	ul.history_list{
		margin-top: 30px;
	}
	.group .sub_table th,
	.group .sub_table td{
		padding:10px;
		width: 100%;
		display: block;
		border:none;
	}
	.group .sub_table th{
		padding-bottom: 0;
	}
	.group .main_table > tbody > tr > th,
	.group .main_table > tbody > tr > td{
		display: block;
		width: 100%;
	}
	.group .main_table > tbody > tr > th{
		padding-top: 20px;

		border-bottom: none;
	}
	.group .sub_table tbody *{
		font-size: 14px;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.message section .row{
		background-size: cover;
	}
	.border_table tr td{
		width: 100%;
		display: block;
	}
	.border_table tr td:last-child{
		padding-bottom: 20px;
	}
	ul.history_list:before{
		height: 2600px;
	}
	.history .history_list li{
		width: 280px;
	}
}
/*下層ページ strength--------------------------------------------------------------------------------*/
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.strength .box_1_inner p{
		font-size: 16px;
		line-height: 1.5;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.strength .box_1_inner p{
		font-size: 14px;
		line-height: 1.5;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.strength .container .box_1_inner p{
		font-size: 14px;
		line-height: 2;
		width: 100%;
		padding:0 15px;
	}
	.strength .container{
		padding: 0 0;
		overflow-x: hidden;
	}
	.strength .box_1_inner .img_wrap{
		display: none;
	}
	.strength .box_1_inner{
		background-size: contain;
		background-repeat: no-repeat;
	}
	.strength .box_1 .box_1_inner:first-child{
		background-image: url('image/page/strength/box_1_1.jpg');
		background-position: left center;	
	}
	.strength .box_1 .box_1_inner:nth-child(2){
		background-image: url('image/page/strength/box_1_2.jpg');
		background-position: right center;	
	}
	.strength .box_1 .box_1_inner:nth-child(3){
		background-image: url('image/page/strength/box_1_3.jpg');
		background-position: left center;	
	}
	.strength .box_2 .box_1_inner:first-child{
		background-image: url('image/page/strength/box_2_1.jpg');
		background-position: left center;	
	}
	.strength .box_2 .box_1_inner:nth-child(2){
		background-image: url('image/page/strength/box_2_2.jpg');
		background-position: right center;	
	}
	.strength .box_2 .box_1_inner:nth-child(3){
		background-image: url('image/page/strength/box_2_3.jpg');
		background-position: left center;	
	}
	.strength .box_3 .box_1_inner:first-child{
		background-image: url('image/page/strength/box_3_1.jpg');
		background-position: left center;	
	}
	.strength .box_3 .box_1_inner:nth-child(2){
		background-image: url('image/page/strength/box_3_2.jpg');
		background-position: right center;	
	}
	.strength .box_3 .box_1_inner:nth-child(3){
		background-image: url('image/page/strength/box_3_3.jpg');
		background-position: left center;	
	}
	.strength .title_belt{
		margin-bottom: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 0;
	}
	.strength .title_belt h2{
		font-size: 30px;
	}
	.strength .box_3{
		padding-bottom: 50px;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.strength .container .box_1_inner p{
		font-size: 12px;
		line-height: 1.6;
	}
}
/*下層ページ license ブランド コンタクト--------------------------------------------------------------------------------*/
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.license .box_4 .row{
		width: 820px;
	}
	.contact .container{
		width: 920px;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.license .box_4 .row{
		width: 720px;
	}
	.contact .container{
		width: 720px;
	}
	.contact .container .inner{
		padding: 10px;
	}
	.contact .container h4{
		font-size: 20px;
	}
	.contact .container h3{
		font-size: 15px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.license .box_4 .row{
		width: 100%;
	}
	.license .box_4{
		padding-bottom: 50px;
	}
	.license section .box_2 h2{
		font-size: 16px;
	}
	.license .box_4 h3{
		margin-top: 20px;
	}
	.count_table ul li{
		width: 100%;
		display: block;
		font-size: 20px;
		border-right: 0;
	}
	.brand .col-sm-4{
		padding-bottom: 30px;
		text-align: center;
	}
	.brand_wrap{
		margin-bottom: 20px;
	}
	.contact .container{
		width: 100%;
	}
	.contact .container .inner{
		padding: 10px;
	}
	.contact .container h4{
		font-size: 20px;
		padding-top: 10px;
	}
	.contact .container h3{
		font-size: 15px;
	}
	.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{
		width: 100%!important;
	}
	.wpcf7-form{
		width: 100%;
	}
	.contact select{
		width: auto;
	}
	.contact .bg_gray{
		padding-bottom: 50px;
	}
	.license .box_4 img{
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.license .btn_area{
		text-align: center;
	}
	
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}
/*下層ページ license ブランド コンタクト 企業紹介--------------------------------------------------------------------------------*/
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	ul.area_1_list li{
		width: 160px;
	}
	.business_box{
		display: none;
	}
	.business_box_sp{
		display: block;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.brand_btn_area ul{
		width: auto;
	}
	.brand_btn_area ul li{
		width: 500px;
		float: none;
		margin:0 auto 20px;
	}
	ul.area_1_list li {
	    width: 147px;
	}
	.business_box{
		display: none;
	}
	.business_box_sp{
		display: block;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.photo_gallery ul li{
		width: 50%;
	}
	.brand_btn_area ul{
		width: auto;
	}
	.photo_gallery ul{
		margin-bottom: 20px;
	}
	.photo_gallery ul li a{
		height: 150px;
	}
	.top_text_detail{
		margin-bottom: 30px;
	}
	ul.area_1_list li{
		width: 23%; 
		margin-right: 1%;
		margin-left: 1%;
		font-size: 14px;
	}
	.area_box{
		padding: 20px 10px;
	}
	.brand_btn_area ul li{
		width: 300px;
		float: none;
		font-size: 14px;
		margin:0 auto 20px;
	}
	.brand_btn_area ul li a::after {
	    right: 15px;
	}
	.brand_btn_area{
		margin-top: 30px;
		margin-bottom: 0;
	}
	.area_box{
		margin-top: 10px;
	}
	.brand_data{
		margin-top: 0;
	}
	.business_box{
		display: none;
	}
	.business_box_sp{
		display: block;
	}
	.privacy p:last-child{
		margin-bottom: 20px;
	}
	.business .box_1{
		padding-bottom: 50px;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.photo_gallery ul li a{
		height: 100px;
	}
	ul.area_1_list li{
		width: 31.333333%; 
		margin-right: 1%;
		margin-left: 1%;
		font-size: 13px;
	}
}

/*下層ページ ブランド詳細--------------------------------------------------------------------------------*/
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.detail_wrap{
		width: 440px;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.detail_wrap{
		width: auto;
		float: none;
	}
	.store_detail_list .btn_area{
		position: static;
		top:auto;
		right:auto;
		-webkit-transform: translate(0, 0);
    	transform: translate(0, 0);
	}
	.store_detail_list li{
		padding-right:10px;
	}
	.detail_img_wrap{
		max-width: 290px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		float: none;
	}
	.btn_area{
		width: 100%;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.store_detail_img{
		margin-right: 0;
		float: none;
	}
	.brand_btn_area .col-sm-6{
		margin-top: 30px
	}
	.btn_area_wrap a{
		font-size: 16px;
	}
	.media_area,
	.info_news{
		height: 200px;
	}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	
}


/*下層ページ recruit--------------------------------------------------------------------------------*/
.p-top-head{
	background-position: center top;
}
.p-top-garden-pics-wrapper, .p-top-voice-pics-wrapper, .p-top-recruit-pics-wrapper,.p-top-recruit-banner{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
.p-top-recruit-pic-wrapper img{
	box-shadow:3px 2px 6px 1px #aaa;
}


/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1299px) {
	.p-top-garden-pics-wrapper, .p-top-voice-pics-wrapper, .p-top-recruit-pics-wrapper,.p-top-recruit-banner{
		padding: 0 100px;
		
	}
	.p-top-recruit-pics-wrapper{
		max-width: 1000px;
	}
	.p-about-head{
		min-width: 992px;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.p-top-garden-pics-wrapper, .p-top-voice-pics-wrapper, .p-top-recruit-pics-wrapper,.p-top-recruit-banner{
		padding: 0 15px;
	}
	.p-about-head{
		min-width: 768px;
		height: 400px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.p-about-head{
		min-width: 100%;
		height: 360px;
	}

	.p-top-garden-pics-wrapper, .p-top-voice-pics-wrapper, .p-top-recruit-pics-wrapper,.p-top-recruit-banner{
		padding: 0 15px;
		display: block;
	}
	.p-top-recruit-pics-wrapper > a{
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	.p-top-recruit-pic-wrapper{
		width: 235px;
		margin: 0 auto;
	}
	.fix_contact_btn{
		position: fixed;
		bottom:0;
		left:0;
		width: 100%;
		background-color: #000;
		text-align: center;
		display: block;
	}
	.fix_contact_btn:after {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 15px;
	    margin: auto;
	    content: "";
	    width: 12px;
	    height: 12px;
	    border-top: 2px solid #fff;
	    border-right: 2px solid #fff;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.fix_contact_btn a{
	 	color:#fff;
	 	font-size: 18px;
	 	display: block;
	 	width: 100%;
	 	padding:10px 12px;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	
}