@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */
*, body { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; letter-spacing:1px; color: #666; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix { display:inline-block; } /* For Windows IE7 and Mac IE5 */
* html .clearfix{ height:1px; } /* For Windows IE5/IE6: Hides from IE-mac */
.clearfix { display:block; }
.clear { clear:both; } /* End hide from IE-mac */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none; }
a.hover { text-decoration:none; opacity:0.7; }
html,body { height:100%; }

/* wrapper  ----------------------- */
#wrapper { position: relative; }
#container { padding-top:100vh; }
#content { background:#fff; position:relative; z-index:2; }

/* color  ----------------------- */

/* font  ----------------------- */
@font-face {
	font-family:'Josefin Sans';
	src:url("../fonts/JosefinSans-Regular.ttf") format("truetype");
}
@font-face {
	font-family:'Josefin Sans SB';
	src:url("../fonts/JosefinSans-SemiBold.ttf") format("truetype");
}
@font-face {
	font-family:'Stretch B';
	src:url("../fonts/bwstretch-bold-webfont.eot") format("eot"), url("../fonts/bwstretch-bold-webfont.woff") format("woff"), url("../fonts/bwstretch-bold-webfont.ttf") format("truetype");
}

/* animation  ----------------------- */
.tran {
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/*共通  ----------------------- */
.all_new_line { display:inline-block; letter-spacing:inherit; font-family:inherit; }
.all_no_click { pointer-events:none; }
.pc { display:block; }
.sp { display:none; }

/*all  ----------------------- */
.content_big { width: 90%; max-width: 1200px; margin: 0 auto; }
.content { width: 90%; max-width: 1000px; margin: 0 auto; }
.content_small { width: 90%; max-width: 800px; margin: 0 auto; }
.all_section { width: 100%; max-width: 1600px; margin: 0 auto; }
.all_red { color:#bc272d; }
.all_title { text-align:center; }
.all_title_sub { padding-left:3px; letter-spacing:3px; font-size:36px; font-family:'Josefin Sans SB'; color:#a28a73; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.all_title_main { margin-top:20px; letter-spacing:2px; font-size:18px; font-family:'Noto Sans JP'; color:#a28a73; }
.all_external_link { background:#3994b7; width:46px; display:inline-block; border-radius:4px; text-align:center; line-height:1.6; font-size:14px; color:#fff; }
.all_text_link_line { text-decoration:underline; }
.all_page_top { position:fixed; right:25px; bottom:25px; z-index:10; display:none; }
.all_page_top a { width:40px; display:block; text-align:right; }
.all_page_top span { background:rgba(255,255,255,0.7); padding:15px 10px; display:inline-block; border-radius:15px; }
.all_page_top img { width:13px; height:94px; }

/* #header ヘッダー
=========================================== */
#header {
	background: transparent;
    width: 100%;
    height: 100px;
	position: fixed;
	top: 0;
	left: 0;
    z-index: 5;
	text-align: right;
	transition: all .4s;
}
.header_logo { width: 250px; position:absolute; top:49%; left:55px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); line-height: 0; }
.header_logo img { width: 100%; vertical-align:baseline; }
.header_group_logo {
	width:170px;
	position:absolute;
	left:350px;
	top:50%;
	transform:translateY(-40%);
}
.header_group_logo img { width: 100%; vertical-align:baseline; }

.header_sp { display: none; }
.header_inner { height: 100%; }
#header ul { letter-spacing: 0; font-size: 0; }
.header_pc { margin-right: 60px; display: inline-block; }
.header_pc li { margin: 21px 10px; position: relative; display: inline-block; text-align: center; }
.header_pc li a,
.header_sp li a { padding: 21px 10px; display: block; line-height: 1.3; letter-spacing: 3px; text-align: center; font-family: 'Josefin Sans', sans-serif; font-weight: 400; font-size: 15px; color: #666; }
.header_pc li:after {
	content: "";
	background: #666;
	height: 2px;
	width: 0;
	position: absolute;
	bottom: 15px;
	left: -2px;
	transition: all .4s;
}
.header_pc li a.hover { opacity:1; }
.header_pc li:hover:after { width: 100%; }
#header.header_scroll { background: #f6f5f0; height: 66px; border-bottom:1px #dcdcdc solid; }
#header.header_scroll ul li { margin: 4px 10px; }
.sp_header_btn { display: none; height: 30px; width: 35px; position:absolute; top:50%; right:30px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index: 50; }
.sp_header_btn span { background: #999; width: 35px; height: 3px; position: absolute; left: 0; transition: all .4s; }
.sp_header_btn span:nth-child(1) { top: 0; }
.sp_header_btn span:nth-child(2) { top: 13.5px; }
.sp_header_btn span:nth-child(3) { top: 27px; }
#header ul.menuSp_open {
	display: block;
	position:absolute;
	top: 65px;
	right: 0;
}

/* #mv
=========================================== */
.mv_top {
	height: 100vh;
	width: 100%;
	position:fixed;
	z-index:1;
	left:0;
	top:0;
	overflow: hidden;
}
.mv_top.zindex { z-index:0; }
.mv_top_txt {
	width: 90%;
	max-width: 700px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%) translate3d(0,0,0) perspective(1px);
	-moz-transform:translate(-50%,-50%) translate3d(0,0,0) perspective(1px);
	transform:translate(-50%,-50%) translate3d(0,0,0) perspective(1px);
	opacity: 0;
	text-align: center;
	font-family: 'Noto Sans JP';
	backface-visibility: hidden;
  	-webkit-font-smoothing: subpixel-antialiased;
  	transition: all 1.5s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-filter:blur(10px);
    filter:blur(10px);
}
.mv_top_txt.isVisible {
	opacity: 1;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-filter:blur(0px);
    filter:blur(0px);
}
.mv_top_txt_ttl { margin-bottom: 50px; letter-spacing: 5px; font-family: 'Noto Sans JP'; font-size: 30px; color:#555; }
.mv_top_txt p { line-height: 2.2; font-size: 17px; font-family: 'Noto Sans JP'; color:#333; }
.mv_top_txt p:nth-child(n+3) { margin-top: 12px; }
.mv_top_txt p span { color:#333; }
.mv_top_video {
	min-width:100%;
	min-height:100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity:0;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.2, 0.15, 0.3, 1);
    -webkit-filter:blur(10px);
    filter:blur(10px);
}
.mv_top_video.isVisible {
	opacity:1;
	-webkit-filter:blur(0px);
    filter:blur(0px);
}

.fadeAnim {
	opacity: 0;
    transform: translate3d(0, 25px, 0);
    transition-property: opacity, transform;
    transition-duration: 1.8s;
    transition-timing-function: cubic-bezier(0.2, 0.15, 0.3, 1);
}
.fadeAnim_txt { transition-duration: .8s; }
.fadeAnim.isVisible{ opacity: 1; transform: none; }


/* #concept
=========================================== */
.section_concept { padding-top: 155px; }
.concept_inner { margin-top: 140px; }
.concept_lr { position: relative; }
.concept_txt_l { margin-left: 12.516%; }
.concept_txt_r { margin: 290px 12.516% 320px 0; text-align: right; }
.concept_lr .concept_lr_ttl { max-width: 480px; padding-right:10px; display: inline-block; text-align: left; letter-spacing:3px; }
.concept_txt_r .concept_lr_ttl { width:37%; }
.concept_txt_r .concept_lr_ttl:after { width:312px; }
.concept_lr .concept_lr_content { width: 37%; max-width: 480px; display: inline-block; }
.concept_lr_img { width: 53.6%; max-width: 750px; position: absolute; top: 0; z-index: 1; }
.concept_lr_img p { position: relative; z-index: 1; box-shadow: rgba(0,0,0,0.15) 5px 5px 20px; }
.concept_lr_img_l.concept_lr_img { left: 0; }
.concept_lr_img_r.concept_lr_img { right: 0; }
.concept_lr_img img { width: 100%; }
.concept_lr_img:after { content: ""; background: #f9f3ef; width: 100%; height: 100%; position: absolute; z-index: -1; top: 12%; }
.concept_lr_img_l.concept_lr_img:after { left: 9.5%; }
.concept_lr_img_r.concept_lr_img:after { right: 9.5% }
.concept_lr_ttl { margin-bottom: 100px; padding: 0 0 12px 75px; position: relative; font-family: 'Noto Sans JP'; font-size: 25px; }
.concept_lr_ttl:after { content: ""; background: #a28a73; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; }
.concept_lr_ttl:before { content: ""; background: #a28a73; width: 44px; height: 5px; position: absolute; bottom: -2px; left: 0; }
.concept_lr_nb { width: 44px; position: absolute; bottom:12px; left: 1px; display: inline-block; letter-spacing:3px; line-height: 1; text-align: center; font-family:'Stretch B'; font-size: 42px; color: #a28a73; }
.concept_lr_content_ttl { margin-bottom: 25px; letter-spacing:2px; font-size: 20px; font-family: 'Noto Sans JP'; }
.concept_lr_content_copy { margin-bottom: 65px; line-height: 2; text-align:justify; font-size: 16px; font-family: 'Noto Sans JP'; }
.concept_lr_content_copy_last { margin-bottom: 0; }
.concept_lr_inner { position: relative; }
.concept_lr.concept_txt_r .concept_lr_content { text-align: left; }

/* #brand
=========================================== */
.section_brand { margin: 180px auto 145px; padding-top: 130px; overflow: hidden; }
.section_brand_split { margin: 105px 0 117px; position: relative; letter-spacing: 0; font-size: 0; }
.section_brand_split_sec { margin:105px 0 100px; }
.section_brand_split_l,
.section_brand_split_r{ display: inline-block; vertical-align: middle; }
.section_brand_split_l p,
.section_brand_split_r p { line-height: 1; font-family: 'Noto Sans JP'; }
.section_brand_split_r p { line-height: 1.5; letter-spacing: 3px; }
.section_brand_split_l p span { margin-top: 13px; display: block; }
.section_brand_split_l { width: 205px; text-align: center; font-size: 25px; }
.section_brand_split_r {
	width: calc(100% - 205px);
	padding: 20px 0;
    padding-left: 50px;
    position: relative;
	border-left: 1px solid #a28a73;
	letter-spacing: 2px;
	font-size: 18px;
}
.section_brand_split_r:after {
	content: "";
	width: 10px;
	height: 10px;
	background: #a28a73;
	position:absolute;
	top: 50%;
	left: -6px;
	-webkit-transform:translateY(-50%) rotate(45deg);
	-moz-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
.brand_list { margin-bottom: 200px; }
.brand_list img { width: 100%; }
.brand_list_lr {  }
.brand_list_lr li { background: #FFF; position: relative; box-shadow:rgba(0,0,0,0.15) 5px 5px 20px; letter-spacing: 0; font-size: 0; }
.brand_list_lr li:nth-child(n+2){ margin-top: 180px; }
.brand_list_lr_bg { content: ""; width: 50%; position: absolute; top: -70px; bottom: 45px; z-index: -1; }
.brand_list_lr li:nth-child(1) .brand_list_lr_bg { background: url(../images/brand_bg_moment.jpg) no-repeat center center / cover; right: -10%; }
.brand_list_lr li:nth-child(2) .brand_list_lr_bg { background: url(../images/brand_bg_mma.jpg) no-repeat center center / cover; left: -10%; }
.brand_list_lr li:nth-child(1) .brand_list_img_pc { background: url(../images/brand_img_moment.jpg) no-repeat center center / cover; }
.brand_list_lr li:nth-child(2) .brand_list_img_pc { background: url(../images/brand_img_mma.jpg) no-repeat center center / cover; }
.brand_list_txt,
.brand_list_img { width: 50%; display: inline-block; vertical-align: top; }
.brand_list_txt { background: #FFF; padding: 62px 6%; font-size: 16px; }
.brand_list_txt_copy { line-height: 1.8; letter-spacing: 0px; font-family: 'Noto Sans JP'; font-size: 16px; }
.brand_list_logo { margin-bottom: 30px; }
.brand_list_lr li:nth-child(1) .brand_list_logo { width: 181px; }
.brand_list_lr li:nth-child(2) .brand_list_logo { width: 152px; }
.brand_list_img_sp { display: none; }
.brand_list2_img { box-shadow:rgba(0,0,0,0.15) 5px 5px 20px; }
.brand_list2_list img { width: 100%; }
.brand_list2_list { letter-spacing: 0; font-size: 0; }
.brand_list2_list li { width: 46.5%; margin-right: 7%; display: inline-block; vertical-align: top; text-align: center; }
.brand_list2_list li:nth-child(n+3) { margin-top: 85px; }
.brand_list2_list li:nth-child(2n+2) { margin-right: 0; }
.brand_list2_logo { width: 100%; height: 112px; margin: 0 auto; position: relative; vertical-align: middle; }
.brand_list2_logo img {
	width: 100%;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
}
.brand_list2_list li:nth-child(1) .brand_list2_logo { max-width: 135px; }
.brand_list2_list li:nth-child(1) .brand_list2_logo img { margin-top: 47px; }
.brand_list2_list li:nth-child(2) .brand_list2_logo { max-width: 191px; }
.brand_list2_list li:nth-child(2) .brand_list2_logo img { margin-top: 42px; }
.brand_list2_list li:nth-child(3) .brand_list2_logo { max-width: 111px; }
.brand_list2_list li:nth-child(3) .brand_list2_logo img { margin-top: 42px; }
.brand_list2_list li:nth-child(4) .brand_list2_logo { max-width: 135px; }
.brand_list2_list li:nth-child(4) .brand_list2_logo img { margin-top: 25px; }
.brand_list2_list li:nth-child(5) .brand_list2_logo { max-width: 271px; }
.brand_list2_list li:nth-child(5) .brand_list2_logo img { margin-top: 24px; }
.brand_list2_txt { line-height: 1.6; text-align: justify; font-family: 'Noto Sans JP'; font-size: 15px; }
.brand_list2_sub { margin-top: 120px; letter-spacing: 0; font-size: 0; }
.brand_list2_sub li { width: 29.3%; display: inline-block; vertical-align:top; }
.brand_list2_sub li:nth-child(n+2) { margin-left: 6%; }
.brand_list2_sub li:nth-child(3n-2) { margin-left:0; }
.brand_list2_sub li:nth-child(n+4) { margin-top:60px; }
.brand_list2_sub_img { box-shadow: rgba(0,0,0,0.15) 5px 5px 20px; }
.brand_list2_sub_img img { width: 100%; }
.brand_list2_sub_ttl { margin: 27px 0 22px; font-family: 'Noto Sans JP'; font-size: 20px; }
.brand_list2_sub_txt { line-height:1.5; font-family: 'Noto Sans JP'; font-size: 14px; text-align: justify; }

/* #webshop
=========================================== */
.section_webshop { background: #efede6; padding: 130px 0; }
.web_list { margin-top: 60px; }
.web_list ul { letter-spacing: 0; font-size: 0; }
.web_list li { display: inline-block; width: 48%; margin-right: 4%; }
.web_list li:nth-child(2n+2) { margin-right: 0; }
.web_list li:nth-child(-n+4) { margin-bottom: 5.6%; }
.web_list li img { width: 100%; }

/* #showroom
=========================================== */
.section_news { padding-top: 150px; }
.news_box { margin: 87px 0 90px; letter-spacing: 0; font-size: 0; }
.news_box:last-child { margin: 0; }
.news_head { width: 28%; display: inline-block; vertical-align: middle; }
.news_head_jp { margin-bottom: 16px; line-height: 1; font-family: 'Noto Sans JP'; font-size: 17px; }
.news_head_en { letter-spacing:2px; line-height: 1; font-family:'Josefin Sans'; font-size: 26px; }
.news_body { width: 72%; padding: 17px 0 17px 6%; display: inline-block; vertical-align: middle; border-left: 1px solid #a28a73; letter-spacing: 0; font-size: 0; }
.news_body li { position: relative; padding-left: 145px; }
.news_body li:nth-child(n+2) { margin-top: 29px; }
.news_date { position: absolute; top: 0; left: 0; letter-spacing: 3px; font-family: 'Noto Sans JP'; font-size: 15px; }
.news_ttl { font-family: 'Noto Sans JP'; font-size: 16px; }

/* #catalog
=========================================== */
.section_news { padding-top: 150px; }
.news_box { margin: 87px 0 90px; letter-spacing: 0; font-size: 0; }
.news_box:last-child { margin: 0; }
.news_head { width: 28%; display: inline-block; vertical-align: middle; }
.news_head_jp { margin-bottom: 16px; line-height: 1; font-family: 'Noto Sans JP'; font-size: 17px; }
.news_head_en { letter-spacing:2px; line-height: 1; font-family:'Josefin Sans'; font-size: 26px; }
.news_body { width: 72%; padding: 17px 0 17px 6%; display: inline-block; vertical-align: middle; border-left: 1px solid #a28a73; letter-spacing: 0; font-size: 0; }
.news_body li { position: relative; padding-left: 145px; }
.news_body li:nth-child(n+2) { margin-top: 29px; }
.news_date { position: absolute; top: 0; left: 0; letter-spacing: 3px; font-family: 'Noto Sans JP'; font-size: 15px; }
.news_ttl { font-family: 'Noto Sans JP'; font-size: 16px; }

/* #news
=========================================== */
.section_news { padding-top: 150px; }
.news_box { margin: 87px 0 90px; letter-spacing: 0; font-size: 0; }
.news_box:last-child { margin: 0; }
.news_head { width: 28%; display: inline-block; vertical-align: middle; }
.news_head_jp { margin-bottom: 16px; line-height: 1; font-family: 'Noto Sans JP'; font-size: 17px; }
.news_head_en { letter-spacing:2px; line-height: 1; font-family:'Josefin Sans'; font-size: 26px; }
.news_body { width: 72%; padding: 17px 0 17px 6%; display: inline-block; vertical-align: middle; border-left: 1px solid #a28a73; letter-spacing: 0; font-size: 0; }
.news_body li { position: relative; padding-left: 145px; }
.news_body li:nth-child(n+2) { margin-top: 29px; }
.news_date { position: absolute; top: 0; left: 0; letter-spacing: 3px; font-family: 'Noto Sans JP'; font-size: 15px; }
.news_ttl { font-family: 'Noto Sans JP'; font-size: 16px; }

/* #company 会社情報
=========================================== */
#company { padding:160px 0 215px; }
.company_intro { background:url(../images/company_bg_president.jpg) no-repeat right 30% top 20% / cover; margin-top:90px; position:relative; }
.company_intro:after {
	content:"";
	background:#a28a73;
	width:21.8%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0.1;
}
.company_intro_content { width:54.3%; padding:100px 0 90px; position:relative; z-index:2; }
.company_intro_img { display:none; }
.company_intro_title { font-size:24px; font-family:'Noto Sans JP'; }
.company_intro_text { margin-top:40px; font-size:16px; }
.company_intro_text p { letter-spacing:2px; line-height:2.1em; font-family:'Noto Sans JP'; }
.company_intro_text p:nth-child(n+2) { margin-top:17px; }
.company_intro_president { margin-top:35px; padding-right:35px; text-align:right; font-size:18px; }
.company_intro_president span { vertical-align:middle; font-family:'Noto Sans JP'; }
.company_intro_president span:nth-child(1) { margin-right:30px; letter-spacing:5px; }
.company_intro_president span:nth-child(2) { letter-spacing:8px; font-size:21px; }
.company_content { padding-top:170px; }
.company_title { text-align:center; letter-spacing:12px; font-size:34px; font-family:'Noto Sans JP'; color:#8b6239; }
.company_vision { width:560px; max-width:100%; margin:70px auto 0; transform:translateX(-2%); text-align:center; }
.company_vision img { width:100%; }
.company_profile_table { width:100%; max-width:641px; margin:50px auto 0; font-size:15px; }
.company_profile_table th { width:151px; min-width:151px; padding:17px 0; border-top:2px #a28a73 solid; text-align:center; vertical-align:top; }
.company_profile_table tr:nth-child(1) th { border-top:none; }
.company_profile_table tr:last-child th { padding-bottom:0; }
.company_profile_table th p { width:90px; margin:0 auto; display:flex; justify-content:space-between; }
.company_profile_table th span { font-family:'Noto Sans JP'; }
.company_profile_table td { padding-left:28px; }
.company_profile_table td div { padding:17px 0 17px 22px; border-top:1px #a28a73 solid; }
.company_profile_table tr:nth-child(1) td div { border-top:none; }
.company_profile_table tr:last-child td div { padding-bottom:0; }
.company_profile_table td p,
.company_profile_table td a { font-family:'Noto Sans JP'; }
.company_profile_address_list li { font-family:'Noto Sans JP'; }
.company_profile_address_list li:nth-child(n+2) { margin-top:32px; }
.company_profile_address_list .all_text_link_line { margin-right:10px; }
.company_profile_position_list li:nth-child(n+2) { margin-top:3px; }
.company_profile_position_list span { display:inline-block; font-family:'Noto Sans JP'; }
.company_profile_position_list li span:nth-child(1) { width:135px; }
.company_history_list { width:100%; max-width:715px; margin:70px auto 0; padding-bottom:25px; position:relative; overflow:hidden; }
.company_history_list:after {
	content:"";
	background:#a28a73;
	width:1px;
	height:100%;
	position:absolute;
	left:115px;
	top:10px;
	display:block;
}
.company_history_list li { -webkit-font-feature-settings:"palt"; font-feature-settings:"palt"; letter-spacing:0; font-size:0; }
.company_history_list li:nth-child(n+2) { margin-top:30px; }
.company_history_list li span:nth-child(1) { width:160px; position:relative; display:inline-block; vertical-align:top; letter-spacing:3px; font-size:15px; }
.company_history_list li span:nth-child(1):after {
	content:"";
	background:#fff;
	width:9px;
	height:9px;
	border:1px #a28a73 solid;
	border-radius:50%;
	position:absolute;
	left:111px;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
}
.company_history_list li span:nth-child(2) { width:calc(100% - 160px); display:inline-block; vertical-align:top; font-size:15px; }
.company_privacy { height:372px; margin-top:60px; position:relative; border:1px #666 solid; border-radius:5px; }
.company_privacy_content { height:100%; padding:60px 0 0; position:relative; overflow:auto; -webkit-overflow-scrolling : touch; }
.company_privacy:before {
	content:"";
	background:#666;
	width:27px;
	height:1px;
	position:absolute;
	bottom:13px;
	right:13px;
	z-index:2;
	display:block;
	transform:translate(50%,50%) rotate(-45deg);
	backface-visibility:hidden;
}
.company_privacy:after {
	content:"";
	background:#666;
	width:18px;
	height:1px;
	position:absolute;
	bottom:9px;
	right:9px;
	z-index:2;
	display:block;
	transform:translate(50%,50%) rotate(-45deg);
	backface-visibility:hidden;
}
.company_privacy .ps__thumb-y { background:rgba(204, 173, 156, 0.6); }
.company_privacy_inner { width:90%; max-width:800px; margin:0 auto; padding-bottom:60px; font-size:15px; -webkit-font-feature-settings:"palt"; font-feature-settings:"palt"; }
.company_privacy_list { margin-top:30px; }
.company_privacy_list_title { letter-spacing:2px; font-size:17px; font-family:'Noto Sans JP'; }
.company_privacy_list > li:nth-child(n+2) { margin-top:30px; }
.company_privacy_inner p { line-height:1.8; font-family:'Noto Sans JP'; }
.company_privacy_list > li p { margin-top:8px; }
.company_privacy_list_sub { margin-top:5px; }
.company_privacy_list_sub li { padding-left:15px; position:relative; line-height:1.8; }
.company_privacy_list_sub li:nth-child(n+2) { margin-top:2px; }
.company_privacy_list_sub li:after {
	content:"";
	width:10px;
	height:10px;
	position:absolute;
	left:0;
	top:0.6em;
	border:1px #a28a73 solid;
	border-radius:50%;
}
.company_privacy_foot { margin-top:40px; text-align:right; }

/* #recruit 採用情報
=========================================== */
#recruit { background:url(../images/recruit_bg.jpg) no-repeat center / cover; padding:150px 0 130px; }
.recruit_sec { margin-top:70px; }
.recruit_img { width:59.9%; margin-bottom:-25%; box-shadow:5px 5px 20px 0 rgba(0,0,0,0.15); }
.recruit_img img { width:100%; }
.recruit_content { background:#3994b7; width:46.7%; margin-left:auto; padding:5% 6% 6%; position:relative; z-index:2; box-shadow:5px 5px 20px 0 rgba(0,0,0,0.15); }
.recruit_text { line-height:2em; letter-spacing:0.7px; font-size:15px; font-family:'Noto Sans JP'; color:#fff; }
.recruit_link { margin-top:35px; }
.recruit_link a { width:100%; max-width:287px; margin:0 auto; padding:18px 5px; position:relative; display:block; border:1px #fff solid; text-align:center; font-size:15px; font-family:'Noto Sans JP'; color:#fff; transition:all 0.4s; }
.recruit_link a.hover { background:#fff; color:#3994b7; opacity:1; }
.recruit_link a:after {
	content:"";
	width: 0;
	height: 0;
	position:absolute;
	right:0;
	bottom:0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #fff transparent;
}
.recruit_link span { font-family:'Noto Sans JP'; color:#fff; transition:all 0.4s; }
.recruit_link a.hover span { color:#3994b7; }

/* #contact お問い合せ
=========================================== */
#contact { padding:215px 0 240px; }
.contact_list { background:#fff; margin-top:80px; padding:78px 0 58px; box-shadow:5px 5px 20px 0 rgba(0,0,0,0.15); letter-spacing:0; font-size:0; }
.contact_list > li { display:inline-block; vertical-align:top; }
.contact_list > li:nth-child(1) { width:50%; padding:10px 5% 20px 10%; }
.contact_list > li:nth-child(2) { width:50%; padding:10px 5% 20px 8%; border-left:1px #666 solid; }
.contact_list_title { letter-spacing:7px; font-size:20px; font-family:'Noto Sans JP'; }
.contact_list p { margin-top:18px; line-height:1.6; font-size:18px; font-family:'Noto Sans JP'; }
.contact_list p span { vertical-align:middle; letter-spacing:2px; font-family:'Noto Sans JP'; }
.contact_list span span { font-size:19px; }
.contact_number_list { margin-top:20px; }
.contact_number_list li:nth-child(2) { margin-top:12px; }
.contact_number_list a { background:url(../images/contact_img_tel.png) no-repeat left center / 43px; padding:10px 0 10px 60px; display:block; letter-spacing:3px; font-size:25px; font-family:'Noto Sans JP'; color:#3994b7; }
.contact_number_list li:nth-child(2) a { background:url(../images/contact_img_fax.png) no-repeat left 2px center / 39px; }
.contact_link { margin-top:90px; }
.contact_link a { background:#3994b7; width:100%; max-width:287px; margin:0 auto; padding:18px 5px; position:relative; display:block; border:1px #3994b7 solid; text-align:center; font-size:15px; font-family:'Noto Sans JP'; color:#fff; transition:all 0.4s; }
.contact_link a.hover { background:#fff; color:#3994b7; opacity:1; }
.contact_link a:after {
	content:"";
	width: 0;
	height: 0;
	position:absolute;
	right:0;
	bottom:0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #fff transparent;
}
.contact_link span { font-family:'Noto Sans JP'; color:#fff; transition:all 0.4s; }
.contact_link a.hover span { color:#3994b7; }

/* #footer フッター
=========================================== */
#footer { background:#666; position:relative; z-index:2; }
#footer .content_big { padding:60px 0 20px; }
.footer_content { position:relative; }
.footer_logo { line-height:1; }
.footer_logo img { vertical-align:middle; }
.footer_list { position:absolute; right:0; top:50%; transform:translateY(-50%); letter-spacing:0; font-size:0; }
.footer_list li { display:inline-block; vertical-align:middle; }
.footer_list li:nth-child(n+2) { margin-left:35px; }
.footer_list a { position:relative; display:block; letter-spacing:2px; font-size:15px; font-family:'Josefin Sans', sans-serif; color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.footer_list a:after {
	content:"";
	background:#fff;
	width:0;
	height:2px;
	position:absolute;
	left:0;
	bottom:-3px;
	display:block;
	transition:all 0.3s;
}
.footer_list a.hover { opacity:1; }
.footer_list a.hover:after { width:100%; }
.footer_copyright { margin-top:25px; text-align:right; line-height:1; }
.footer_copyright small { letter-spacing:2px; font-size:13px; font-family:'Josefin Sans', sans-serif; color:#c7c7c7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.footer_copyright span { color:#c7c7c7; }


/* Animations
=========================================== */

@-webkit-keyframes scrollLine {
	0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	5%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	45%{-webkit-transform:translateY(0);transform:translateY(0)}
	55%{-webkit-transform:translateY(0);transform:translateY(0)}
	95%{-webkit-transform:translateY(100%);transform:translateY(100%)}
	100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}
@keyframes scrollLine{
	0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	5%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	45%{-webkit-transform:translateY(0);transform:translateY(0)}
	55%{-webkit-transform:translateY(0);transform:translateY(0)}
	95%{-webkit-transform:translateY(100%);transform:translateY(100%)}
	100%{-webkit-transform:translateY(100%);transform:translateY(100%)}
}
.scroll {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.scroll_in .scroll_txt {
    position: absolute;
    left: 50%;
    bottom: 60px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    letter-spacing: 2px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color:#888;
}
.scroll_in {
    position: relative;
    width: 80px;
    height: 80px;
    cursor: pointer;
}
.scroll_in .line {
    width: 2px;
    height: 50px;
    margin: auto;
    position: absolute;
    bottom: 0;
	left: 50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
    overflow: hidden;
}
.scroll_in .line:before {
    content: '';
    background: #888;
    width: 100%;
    height: 120%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation-name: scrollLine;
    animation-name: scrollLine;
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s;
    -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.sns_list { margin-top: 120px; text-align: center; letter-spacing: 0; font-size: 0; }
.sns_list li { width: 51px; display: inline-block; }
.sns_list li:nth-child(n+2) { margin-left: 5%; }
.sns_list li img { width: 100%; }