@charset "utf-8";
@media (max-width:1600px) {
	.concept_txt_r { margin-top:18%; margin-bottom:20%; }
	.section_brand { margin-top:11%; }
}
@media (max-width:1350px) {
	.header_logo { left:30px; }
	.header_group_logo { left:310px; }
	.header_pc { margin-right:20px; }
	.header_pc li { margin:21px 5px }
	#header.header_scroll ul li { margin:4px 5px; }
}
@media (max-width:1200px) {
	/*header*/
	#header { background: #f6f5f0; height: 74px; border-bottom:1px #dcdcdc solid; }
	#header ul li { margin: 8px 10px; }
	#header li:after { content: none; }
	.header_logo { left:30px; }
	.header_pc { display: none; }
	.header_sp {
		width: 200px;
		margin-right: 0;
		position:absolute;
		top:74px;
		right: 0;
	}
	.header_sp li { transition: all .6s ease-out; will-change:transform,opacity; opacity:0; }
	.header_sp li {
		width: 100%;
		margin: 0 !important;
		display: block;
		position: relative;
		-webkit-transform:translateX(100%);
		-moz-transform:translateX(100%);
		transform:translateX(100%);
		overflow: hidden;
	}
	.header_sp { width: 215px; border-bottom:1px #dcdcdc solid; }
	.header_sp li a { background: #f6f5ef; margin-left: 0; padding: 20px 0; border-left:1px #dcdcdc solid; }
	.header_sp li:last-child a { padding-bottom:30px; }
	.header_sp li.animooted { opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0); }
	.sp_header_btn { display: block; }
	/*brand*/
	.section_brand { margin-top:5%; }
}
@media (max-width:1024px) {
	/*footer*/
	.footer_logo { text-align:center; }
	.footer_list { margin-top:40px; position:static; text-align:center; transform:none; }
	.footer_copyright { margin-top:60px; text-align:center; }
}

@media (max-width:1000px) {
/*company*/
	#company { padding:130px 0 170px; }
	.company_intro { background:none; margin-top:80px; }
	.company_intro_img { display:block; position: relative; }
	.company_intro_img_title { padding-left: 10px;  position: absolute; top:51%; left: 10%; 
		transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
		-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 10; }
	.company_intro_img_title p {padding-top: 9px; letter-spacing: 3px; font-size: 30px; font-family: 'Josefin Sans SB'; color:#a28a73; display: inline-block; vertical-align: middle;}
	.company_intro_img_title div {display: inline-block; padding-left: 10px; vertical-align: middle; }
	.company_intro_img_title span { color:#a28a73; font-size: 16px; font-family:'Noto Sans JP'; letter-spacing: 3px;  }
	.company_intro_img img { width:100%; }
	.company_intro_content { width:100%; padding:70px 0 0; }
	.company_content { padding-top:140px; }
	.company_intro:after { display:none; }
}
@media (max-width:960px) {
	/*contact*/
	.contact_list { padding:60px 0 50px; }
	.contact_list > li:nth-child(1),
	.contact_list > li:nth-child(2) { padding:10px 5% 20px 5%; }
	.contact_number_list a { letter-spacing:2px; font-size:23px; }
	
}
@media (max-width: 860px) {
	/* news */
	.news_head { width: 220px; }
	.news_body { width: calc( 100% - 220px); }
	/* brand */
	.brand_list2_sub li { width: 48%; }
	.brand_list2_sub li:nth-child(n+2) { margin-left: 0; }
	.brand_list2_sub li:nth-child(2n+2) { margin-left: 4%; }
	.brand_list2_sub li:nth-child(n+3) { margin-top: 75px; }
}
@media (max-width: 768px) {
	/*header*/
	.header_logo { left: 30px; }
	/* mv */
	.mv_top_txt p { line-height: 1.8; font-size: 16px; }
	.mv_top_txt p:nth-child(n+3) { margin-top: 10px; }
	.scroll_in .scroll_txt { color:#777; }
	.scroll_in .line:before { background:#777; }
	/* concept */
	.section_concept { padding-top:120px; }
	.concept_inner { margin-top:80px; }
	.concept_lr { width: 90%; margin: 0 auto 100px; }
	.concept_lr:last-child { margin-bottom: 0; }
	.concept_lr .concept_lr_content { width: 100%; max-width: none; }
	.concept_txt_r { text-align: left; }
	.concept_lr_content_ttl { margin-bottom:15px; }
	.concept_lr .concept_lr_ttl { width: auto; max-width: none; margin-bottom: 50px; padding-right: 10px; }
	.concept_txt_r .concept_lr_ttl:after { width:100%; }
	.concept_lr_content_copy { margin-bottom:30px; }
	.concept_lr_content_copy_last { margin-bottom:0; }
	.concept_lr_img { width: 100%; max-width: none; margin-bottom: 50px; position: static; }
	.concept_lr_img:after { content: none; }
	.concept_lr_img img { opacity: 1; }
	/* news */
	.section_news { padding-top: 130px; }
	.news_head,
	.news_body { width: 100%; display: block; }
	.news_body { padding: 25px 10px 0; border-left: none; border-top: 1px solid #a28a73; }
	.news_head { margin-bottom: 10px; padding-left: 10px; }
	.news_head_jp { margin-bottom: 14px; }
	.news_date { letter-spacing: 1px; }
	.news_body li { padding-left: 125px; }
	/* brand */
	.section_brand_split { margin:80px 0 117px; }
	.section_brand { margin-top: 0; padding-top: 120px; }
	.brand_list_img_pc { display: none; }
	.brand_list_img_sp { display: block; }
	.brand_list_txt, .brand_list_img { width: 100%; }
	.brand_list_lr_bg { content: ""; width: 116%; height:313px; top: -35px; bottom: auto; opacity: 0.7; }
	/*webshop*/
	.section_webshop { padding: 130px 0 120px; }
	/*company*/
	
/*	#company { padding:130px 0 170px; }
	.company_intro { background:none; margin-top:80px; }
	.company_intro_img { display:block; position: relative; }
	.company_intro_img_title { padding-left: 3px; letter-spacing: 3px; font-size: 30px; font-family: 'Josefin Sans SB'; color:#a28a73; position: absolute; top:50%; left: 10%; 
		transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
		-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 10;}
	.company_intro_img img { width:100%; }
	.company_intro_content { width:100%; padding:70px 0 0; }
	.company_content { padding-top:140px; }
	.company_intro:after { display:none; }*/
	/*recruit*/
	#recruit { padding:120px 0; }
	.recruit_img { width:85%; margin-bottom:-12%; }
	.recruit_content { width:75%; padding:6% 7% 7%; }
	/*contact*/
	#contact { padding:150px 0 180px; }
	.contact_list { padding:50px 20px; }
	.contact_list > li:nth-child(1) { width:100%; padding:0 0 50px; text-align:center; }
	.contact_list > li:nth-child(2) { width:100%; padding:50px 0 0; border-left:none; border-top:1px #666 solid; text-align:center; }
	.contact_number_list a { display:inline-block; }
	/*footer*/
	.footer_list li:nth-child(n+2) { margin-left:20px; }
	.footer_list a:after { display: none; }
	/* sns */
	.sns_list { margin-top: 65px; }
}
@media (max-width:700px) {
	/*footer*/
	.footer_list { width:350px; margin-left:auto; margin-right:auto; }
	.footer_list li { width:33%; text-align:center; }
	.footer_list li:nth-child(n+2) { margin-left:0; }
	.footer_list li:nth-child(n+4) { margin-top:25px; }
}
@media (max-width: 600px) {
	/*header*/
	.header_logo { width:180px; }
	.header_group_logo { width:120px; left:230px; transform:translateY(-50%); }
	/* webshop */
	.web_list li { width: 100%; margin-right: 0; }
	/* brand */
	.section_brand_split { text-align:center; }
	.section_brand_split_l p span { margin-top: 0; display: inline-block; }
	.section_brand_split_l { width: auto; padding: 0 8px 10px; position: relative; display: inline-block; border-bottom: 1px solid #a28a73; }
	.section_brand_split_l:after {
	    content: "";
	    width: 10px;
	    height: 10px;
	    background: #a28a73;
	    position: absolute;
	    bottom: -5px;
	    left: 50%;
	    -webkit-transform: translateX(-50%) rotate(45deg);
	    -moz-transform: translateX(-50%) rotate(45deg);
	    transform: translateX(-50%) rotate(45deg);
	}
	.section_brand_split_sec { margin-bottom: 80px; }
	.section_brand_split_r { width: 100%; padding: 30px 0 0; border-left: none; text-align:justify; letter-spacing:1px; }
	.section_brand_split_r:after { content: none; }
    .brand_list2_list li { width: 100%; margin: 0; }
    .brand_list2_list li:nth-child(n+2) { margin-top: 70px; }
    .brand_list2_sub li { width: 100%; }
	.brand_list2_sub li:nth-child(2n+2) { margin-left: 0; }
	.brand_list2_sub li:nth-child(n+2) { margin-top: 70px; }
	
}
@media (max-width: 550px) {
	.company_intro_img_title p {  font-size: 19px; left: 8%; }
	.company_intro_img_title div { padding-left: 0; display: block; text-align: center; }
	.company_intro_img_title span {font-size: 12px; margin-top: 8px; letter-spacing: 2px; }	
}
@media (max-width: 480px) {
	/*all*/
	.pc { display:none; }
	.sp { display:block; }
	.all_title_sub { padding-left:2px; letter-spacing:2px; font-size:30px; }
	.all_title_main { margin-top:10px; letter-spacing:1px; font-size:15px; }
	.all_external_link { width:42px; line-height:1.5; font-size:12px; }
	.all_page_top { right:14px; bottom:35px; }
	.all_page_top img { width:12px; height:86px; }
	/*mv*/
	.mv_top_txt_ttl { margin-bottom: 30px; letter-spacing: 1px; font-size: 24px; }
	.mv_top_txt p { line-height: 1.6; font-size: 14px; }
	.mv_top_txt p:nth-child(n+3) { margin-top: 8px; }
	.scroll_in { width:60px; height:60px; }
	.scroll_in .scroll_txt { bottom:40px; font-size:12px; }
	.scroll_in .line { width:1px; height:35px; }
	/* br_sp */
	.br_sp { display: none; }
	/* header */
	#header, #header.header_scroll { height:60px; }
	#header ul.menuSp_open { top:59px; }
	.header_logo { width: 150px; left: 20px; }
	.header_group_logo { width:100px; left:190px; top:49%; transform:translateY(-50%);}
	.sp_header_btn span { height:2px; }
	.sp_header_btn { width:30px; right:20px; }
	.sp_header_btn span { width:30px; }
	.sp_header_btn span:nth-child(1) { top:2px; }
	.sp_header_btn span:nth-child(3) { top:25px; }
	/* concept */
	.section_concept { padding-top: 100px; }
	.concept_inner { margin-top: 60px; }
	.concept_lr { margin-bottom: 75px; }
	.concept_lr .concept_lr_ttl { margin-bottom: 35px; padding: 0 10px 4px 55px; letter-spacing:2px; font-size: 20px; }
	.concept_lr_nb { top: -4px; left: -2px; letter-spacing:2px; font-size: 32px; }
	.concept_lr_ttl:before { width: 37px; height:4px; }
	.concept_lr_content_ttl { margin-bottom: 10px; font-size: 18px; }
	.concept_lr_content_copy { margin-bottom: 25px; line-height: 1.7; font-size: 14px; }
	.concept_lr_content_copy_last { margin-bottom:0; }
	.concept_lr_img { margin-bottom: 40px; box-shadow:rgba(0,0,0,0.15) 5px 5px 20px -5px; }
	/* news */
	.news_box { margin: 60px 0 75px; }
	.section_news { padding-top: 100px; }
	.news_body li { padding-left: 0; }
	.news_body li:nth-child(n+2) { margin-top:25px; }
	.news_date { margin-bottom: 5px; display: inline-block; position: static; font-size: 14px; }
	.news_ttl { font-size: 14px; }
	.news_head_jp { margin-bottom: 10px; font-size: 16px; }
	.news_head_en { font-size: 22px; }
	/* brand */
	.section_brand { margin-bottom: 100px; padding-top: 120px; }
	.section_brand_split { margin: 60px 0 80px; }
	.section_brand_split_sec { margin-bottom: 40px; }
	.section_brand_split_l { font-size: 21px; }
	.section_brand_split_l:after { width:8px; height:8px; }
	.section_brand_split_r { padding-top:25px; font-size: 15px; }
	.section_brand_split_r p { letter-spacing:2px; line-height:1.7; }
	.section_brand_split_r span { display:inline; }
	.brand_list { margin-bottom: 100px; }
	.brand_list_txt_copy { line-height: 1.7; font-size: 14px; }
	.brand_list_txt_copy span { display:inline; }
	.brand_list_txt { padding: 35px 6%; font-size: 16px; }
	.brand_list_lr li { box-shadow:rgba(0,0,0,0.15) 5px 5px 20px -5px; }
	.brand_list_lr li:nth-child(n+2) { margin-top: 120px; }
	.brand_list_logo { margin-bottom:20px; }
	.brand_list2_sub li:nth-child(n+2) { margin-top: 55px; }
	.brand_list2_list li:nth-child(n+2) { margin-top: 55px; }
	.brand_list2_txt { line-height: 1.5; font-size: 14px; }
	.brand_list2_sub_ttl { margin: 20px 0 15px; font-size: 18px; }
	.brand_list2_sub_txt { font-size: 13px; }
	.brand_list2_sub { margin-top: 55px; }
	.brand_list2_img,
	.brand_list2_sub_img { box-shadow:rgba(0,0,0,0.15) 5px 5px 20px -5px; }
	.brand_list2_logo { height:auto; padding:25px 0; }
	.brand_list2_logo img { margin-top:0 !important; position:static; -webkit-transform:none; -moz-transform:none; transform:none; }
	.sns_list { margin-top:60px; }
	/* webshop */
	.section_webshop { padding: 120px 0; }
	.web_list { margin-top: 60px; }
	/*company*/
	#company { padding:120px 0; }
	.company_content { padding-top:90px; }
	.company_vision { margin-top:40px; }
	#history { padding-top:60px; }
	.company_title { letter-spacing:5px; font-size:23px; }
	.company_intro { margin-top:50px; }
	.company_intro_content { padding-top:30px; }
	.company_intro_title { font-size:20px; }
	.company_intro_text { margin-top:20px; font-size:14px; }
	.company_intro_text p { line-height:1.8em; }
	.company_intro_text p:nth-child(n+2) { margin-top:12px; }
	.company_intro_president { margin-top:20px; padding-right:0; font-size:15px; }
	.company_intro_president span:nth-child(1) { margin-right:15px; letter-spacing:3px; }
	.company_intro_president span:nth-child(2) { letter-spacing:5px; font-size:18px; }
	.company_vision { transform:translateX(-1%); }
	.company_profile_table { margin-top:45px; font-size:13px; }
	.company_profile_table th { width:100%; margin-top:30px; padding:8px; display:block; }
	.company_profile_table tr:nth-child(1) th { margin-top:0; border-top:2px #a28a73 solid; }
	.company_profile_table tr:last-child th { padding-bottom:10px; }
	.company_profile_table th p { width:auto; margin:0; display:block; text-align:left; }
	.company_profile_table td { width:100%; padding-left:0; display:block; }
	.company_profile_table td div { padding:8px 8px 0 8px; }
	.company_profile_table tr:nth-child(1) td div { border-top:1px #a28a73 solid; }
	.company_profile_address_list li:nth-child(n+2) { margin-top:10px; }
	.company_profile_address_list .all_text_link_line { margin-right:8px; }
	.company_profile_position_list li span:nth-child(1) { width:115px; }
	.company_history_list { margin-top:45px; }
	.company_history_list:after { left:72px; }
	.company_history_list li:nth-child(n+2) { margin-top:20px; }
	.company_history_list li span:nth-child(1) { width:90px; letter-spacing:2px; font-size:13px; }
	.company_history_list li span:nth-child(1):after { width:7px; height:7px; left:69px; }
	.company_history_list li span:nth-child(2) { width:calc(100% - 90px); font-size:13px; }
	.company_privacy { margin-top:45px; }
	.company_privacy:before { width:20px; right:9px; bottom:9px; }
	.company_privacy:after { width:12px; right:6px; bottom:6px; }
	.company_privacy_content { padding:30px 0 0; }
	.company_privacy_inner { padding-bottom:40px; font-size:13px; }
	.company_privacy_list { margin-top:20px; }
	.company_privacy_list > li:nth-child(n+2) { margin-top:20px; }
	.company_privacy_list_title { font-size:15px; }
	.company_privacy_list_sub li:after { top:7px; }
	.company_privacy_foot { margin-top:20px; }
	

	/*recruit*/
	#recruit { padding:120px 0; }
	#recruit .content { width:100%; }
	.recruit_sec { margin-top:60px; }
	.recruit_img { width:100%; margin-bottom:-30px; box-shadow:5px 5px 20px -5px rgba(0,0,0,0.15); }
	.recruit_content { width:90%; margin:0 auto; padding:25px 20px 30px; box-shadow:5px 5px 20px -5px rgba(0,0,0,0.15); }
	.recruit_text { line-height:1.8em; font-size:13px; }
	.recruit_link { margin-top:20px; }
	.recruit_link a { padding:15px 5px; max-width:260px; font-size:13px; }
	/*contact*/
	#contact { padding:120px 0; }
	.contact_list { margin-top:60px; padding:35px 20px; box-shadow:5px 5px 20px -5px rgba(0,0,0,0.15); }
	.contact_list > li:nth-child(1) { padding-bottom:35px; }
	.contact_list > li:nth-child(2) { padding-top:35px; }
	.contact_list_title { letter-spacing:5px; font-size:17px; }
	.contact_list p { margin-top:8px; font-size:15px; }
	.contact_list p span { letter-spacing:1px; }
	.contact_list span span { font-size:16px; }
	.contact_number_list { margin-top:15px; }
	.contact_number_list li:nth-child(2) { margin-top:10px; }
	.contact_number_list a { background-size:32px; padding:5px 0 5px 42px; font-size:19px; }
	.contact_number_list li:nth-child(2) a { background-position:left 1px center; background-size:30px; }
	.contact_link { margin-top:60px; }
	.contact_link a { padding:15px 5px; max-width:260px; font-size:13px; }
	/*footer*/
	.footer_list { width:288px; }
	.footer_list a { font-size:13px; }
	.footer_copyright small { font-size:11px; }
}
@media (max-width:360px) {
	.mv_top_txt_ttl { margin-bottom:15px; font-size:20px; }
	.mv_top_txt p { font-size:12px; }
}
@media (max-width:359px) {
	.header_logo { top:18px; }
	.header_group_logo { top:28px; left:20px; transform:none; }
}