@charset "utf-8";
/*
theme Name: BRIGHT inc.
Author: BRIGHT inc.
Description: Theme for portfolio
version： 1.0.0
*/



/*COMMON*/
html {
	-webkit-text-size-adjust:none;
	-webkit-print-color-adjust:exact;
}
body {
	font-family:'游ゴシック','Yu Gothic',YuGothic,'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
	width:100%;
	height:auto;
	-webkit-text-size-adjust:none;	
}
body {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
body,div,span,a,p,img,ul,li,h1,h2 {
	margin:0;
	padding:0;
}
div,a {
	box-sizing:border-box;
}
a {
	text-decoration:none;
	color:#252525;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:focus{
  outline:none;
}
img {
	width:100%;
	height:auto;
	border-style:none;
    -moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-user-drag:none;
	user-drag:none;
	pointer-events:none;
}
.kerning {
	font-feature-settings:"palt";
}
.ja0 { font-family:'HelveticaWorldW01-Bold','秀英角ゴシック金 B','Shuei KakuGo Kin B',sans-serif; }
.ja1 { font-family:'Helvetica World W01','秀英角ゴシック金 L','Shuei KakuGo Kin L',sans-serif; }
.en0 { font-family:'HelveticaWorldW01-Bold',sans-serif; }
.en1 { font-family:'Clarendon BT W01 Light1119362',serif; }
.en2 { font-family:'Futura LT W01 Medium',sans-serif; }
.en3 { font-family:'ClassicalGaramondW01-Ro',serif; }
.en4 { font-family:'Helvetica World W01',sans-serif; }
.hover0 { background-image:linear-gradient(to right,rgba(255,255,255,0) 50%,rgba(255,232,84,1) 50%); }
.hover1 { background-image:linear-gradient(to right,rgba(255,255,255,0) 50%,rgba(240,155,185,1) 50%); }
.hover2 { background-image:linear-gradient(to right,rgba(255,255,255,0) 50%,rgba(183,183,183,1) 50%); }
.hover3 { background-image:linear-gradient(to right,rgba(255,255,255,0) 50%,rgba(130,200,235,1) 50%); }
.color0 { background:rgba(255,232,84,1); }
.color1 { background:rgba(240,155,185,1); }
.color2 { background:rgba(183,183,183,1); }
.color3 { background:rgba(130,200,235,1); }
.border0 { border-color:rgba(255,232,84,1); }
.border1 { border-color:rgba(240,155,185,1); }
.border2 { border-color:rgba(183,183,183,1); }
.border3 { border-color:rgba(130,200,235,1); }
.clear {
	clear:both;
}
.opa {
	opacity:0;
}
.none {
	display:none !important;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
.pc_disp {
	display:inline !important;
}
.tb_disp {
	display:none !important;
}
.sp_disp {
	display:none !important;
}
@media (max-width:1024px){
	.pc_disp { display:none !important; }
	.tb_disp { display:inline !important; }
	.sp_disp { display:none !important; }
}
@media (max-width:640px){
	.pc_disp { display:none !important; }
	.tb_disp { display:none !important; }
	.sp_disp { display:inline !important; }
}



/*LOADING*/
.loading {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}



/*HEADER*/
.header {
	width:100%;
	height:150px;
	position:fixed;
	top:0;
	left:0;
	background:#ffffff;
	z-index:996;
}
.header_bar {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.header_logo {
	display:block;
	width:180px;
	height:22px;
	margin:-11px 0 0 0;
	position:absolute;
	top:50%;
	left:50px;
}
.header_menu {
	width:900px;
	position:absolute;
	top:0;
	left:50px;
	background:#ffffff;
}
.header_work_button {
	display:block;
	margin:-8px 0 0 0;
	position:absolute;
	top:50%;
	right:130px;
	overflow:hidden; 
}
.header_work_button p {
	font-size:16px;
	line-height:16px;
	letter-spacing:2px;
	color:#252525;
	background-position:0 2px;
	background-size:200% 16px;
	background-repeat:repeat-x;	
}
.header_button_on .header_work_button {
  display:none;
}
.header_button {
	display:block;
	width:41px;
	height:41px;	
	margin:-21px 0 0 0;
	position:absolute;
	top:50%;
	right:50px;
	overflow:hidden;
}
.header_button div {
	width:100%;
	height:100%;	
	position:absolute;
	top:0;
	left:0;
}
.header_button div span {
	display:block;
	width:100%;
	height:1px;	
	position:absolute;
	left:0;
	background:#252525;
}
.header_button > div:nth-child(1) { opacity:0; }
.header_button > div:nth-child(1) > span:nth-child(1),
.header_button > div:nth-child(2) > span:nth-child(1) { top:20px; }
.header_button > div:nth-child(1) > span:nth-child(2),
.header_button > div:nth-child(2) > span:nth-child(2) { margin:20px 0 0 0; transform:rotate(90deg); }
.header_button > div:nth-child(3) { border-radius:50%; background:#ffffff; transform:scale(0); }
.header_button > div:nth-child(4) span { top:50%; margin:-1px 0 0 0; }
@media (min-width:1025px){
	.header_menu { height:100% !important; }
}
@media (min-width: 641px) and (max-width:1024px){
	.header_logo { left:6%; }
	.header_menu { width:100%; top:100px; left:0; }
	.header_button { right:6%; }
	.header_work_button {display:none;}
}
@media (max-width:640px){
	.header { height:100px; }
	.header_logo { left:7.5%; }
	.header_menu { width:100%; top:100px; left:0; }
	.header_button { right:7.5%; }
	.header_work_button {display:none;}
}



/*FOOTER*/
.footer {
	width:100%;
	height:180px;
	position:relative;	
}
.footer_menu {
	width:600px;
	height:auto;
	position:absolute;
	bottom:50px;
	left:50px;	
}
.footer_sns {
	width:60px;
	height:auto;
	position:absolute;
	bottom:50px;
	left:640px;		
}
.sns_list {
	display:block;
	width:16px;
	height:16px;
	margin:0 10px 0 0;
	float:left;
}
.sns_list img {
	vertical-align:top;
}
.footer_copyright {
	width:80px;
	height:10px;
	position:absolute;
	bottom:52px;
	right:50px;		
}
.footer_copyright img {
	vertical-align:top;
}
@media (max-width:1024px){
	.footer_menu { display:none; }
	.footer_sns { left:6%; }
	.footer_copyright { right:6%; }
}
@media (max-width:640px){
	.footer { height:120px; }
	.footer_menu { display:none; }
	.footer_sns { width:70px; bottom:33px; left:7.5%; }
	.sns_list { margin:0 15px 0 0; }
	.footer_copyright { bottom:35px; right:7.5%; }
}



/*MENU*/
.menu_inner {
	width:100%;
	height:auto;
}
.menu_list {
	display:block;
	width:auto;
	height:auto;
	float:left;
}
.menu_list p {
	position:relative;
}
.header .menu_inner {
	width:100%;
	height:auto;
	margin:-8px 0 0 0;
	position:absolute;
	top:50%;
	left:0;		
}
.header .menu_list {
	margin:0 25px 0 0;
}
.header .menu_list p {
	font-size:16px;
	line-height:16px;
	letter-spacing:2px;
	color:#252525;
	background-position:0 2px;
	background-size:200% 16px;
	background-repeat:repeat-x;	
}
.footer .menu_list {
	margin:0 15px 0 0;
}
.footer .menu_list p {
	font-size:10px;
	line-height:16px;
	letter-spacing:1px;
	color:#252525;
	background-position:0 3px;
	background-size:200% 10px;
	background-repeat:repeat-x;	
}
.contents_menu .menu_list {
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 0 10px 0;
	float:none;
}
.contents_menu .menu_list p {
	padding:2px 0 0 0;
	font-size:14px;
	line-height:14px;
	color:#252525;
	letter-spacing:1px;
	background-position:0 1px;
	background-size:200% 14px;
	background-repeat:repeat-x;
	position:relative;	
}
@media (max-width:1024px){
	.header .menu_inner {
		margin:-270px 0 0 0;
		padding:0 7.5% 0 7.5%;
		position:relative;	
	}
	.header .menu_list { width:240px; margin:0 auto; margin-top:25px; margin-bottom:25px; float:none; text-align:center; }
	.header .menu_list p {
		display:inline-block;
		font-size:22px;
		line-height:22px;
		background-position:0 4px;
		background-size:200% 22px;
	}
}
@media (max-width:640px){
	.header .menu_inner {
		margin:-240px 0 0 0;
		padding:0 7.5% 0 7.5%;
		position:relative;	
	}
	.header .menu_list { width:240px; margin:0 auto; margin-top:25px; margin-bottom:25px; float:none; text-align:center; }
	.header .menu_list p {
		display:inline-block;
		font-size:22px;
		line-height:22px;
		background-position:0 4px;
		background-size:200% 22px;
	}
}



/*CONTENTS*/
.contents {
	width:100%;
	height:auto;
	padding:0 50px 0 50px;
}
.contents_inner {
	width:100%;
	height:auto;
	position:relative;
}
.contents_inner_block {
	width:100%;
	height:auto;
}
.contents_inner_left {
	width:auto;
	height:auto;
	position:fixed;
	top:175px;
	left:50px;
}
.contents_inner_right {
	width:900px;
	height:auto;
	margin:0 auto;
}
.contents_inner_right > div:nth-last-child(1) {
	margin-bottom:20px !important;
}
.contents_menu {
	width:auto;
	height:auto;
	margin:30px 0 0 0;
}
.contents_detail {
	width:auto;
	height:auto;
	margin:15px 0 0 0;
}
.contents_title {
	display:inline-block;
	width:auto;
	height:auto;
}
.contents_title p {
	font-size:16px;
	line-height:16px;
	letter-spacing:2px;
	color:#252525;
}
.contents_separator {
	width:41px;
	height:41px;
	margin:0 auto;	
	position:relative;
}
.contents_separator span  {
	display:block;
	background:#252525;
	position:absolute;
}
.contents_separator > span:nth-child(1),.contents_separator > span:nth-child(3),.contents_separator > span:nth-child(4) {
	width:100%;
	height:1px;
	top:20px;
	left:0;
}
.contents_separator > span:nth-child(2) {
	width:1px;
	height:100%;
	top:0;
	left:20px;
}
.contents_separator > span:nth-child(3) { transform:rotate(45deg); }
.contents_separator > span:nth-child(4) { transform:rotate(-45deg); }
.contents_popup {
	width:982px;
	height:auto;
	max-height:80%;
	padding:75px 45px 75px 45px;
	position:fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background:#ffffff;
	border:1px solid #252525;
	z-index:997;
}
.contents_popup_inner {
	width:100%;
	max-height:100%;
}
.edge .contents_popup_inner {
	margin-bottom:75px;
}
.contents_popup_header {
	width:100%;
	height:auto;
	margin:0 0 50px 0;	
	padding:0 45px 0 45px;
}
.contents_popup_title {
	width:100%;
	height:auto;
	text-align:center;
}
.contents_popup_title p {
	font-size:30px;
	line-height:46px;
	color:#252525;
	letter-spacing:3px;
	text-indent:3px;
}
.contents_popup_contents {
	width:100%;
	height:auto;
	padding:0 45px 0 45px;
}
.contents_popup_block {
	width:100%;
	height:auto;
}
.contents_popup_contents > div:nth-last-child(1) { margin:0 !important; }
.contents_popup_close {
	width:84px;
	height:84px;
	position:fixed;
	top:0;
	right:0;	
	z-index:999;
}
.contents_popup_close a {
	display:block;
	width:40px;
	height:40px;
	margin:-20px 0 0 -22px;
	position:absolute;
	top:50%;
	left:50%;	
}
.contents_popup_close a span {
	display:block;
	width:100%;
	height:1px;
	background:#252525;
	position:absolute;
	top:50%;
	left:0;	
}
.contents_popup_close a > span:nth-child(1) { transform:rotate(45deg); }
.contents_popup_close a > span:nth-child(2) { transform:rotate(-45deg); }
.contents_detail .detail_list {
	width:auto;
	height:auto;
	margin:0 0 10px 0;
	float:none;
}
.contents_detail .detail_list p {
	font-size:14px;
	line-height:28px;
	color:#252525;
	letter-spacing:1px;
}
.left_button {
	display:block;
	width:90px;
	height:auto;
	margin:0 0 15px 0;
	padding:5px 0 2px 0;
	float:none;
	text-align:center;
	border:1px solid #252525;
	background-image:url(https://brt-inc.jp/brt/wp-content/themes/brt/img/icon2.svg);
	background-size:16px 16px;
	background-position:61px 1px;	
	background-repeat:no-repeat;	
	position:relative;
}
.left_button:before {
	display:block;
	content:"";
	width:100%;
	height:100%;
	background:#252525;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.left_button:after {
	display:block;
	content:"";
	width:100%;
	height:100%;
	background-image:url(https://brt-inc.jp/brt/wp-content/themes/brt/img/icon3.svg);
	background-size:16px 16px;
	background-position:61px 1px;	
	background-repeat:no-repeat;	
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.left_button p {
	font-size:12px;
	line-height:12px;
	color:#252525;
	letter-spacing:1px;
	text-indent:-17px;
	position:relative;
}
.contents_button {
	display:block;
	width:100%;
	height:auto;
	margin:0 0 1px 0;
	text-align:center;
	border:1px solid #252525;
	position:relative;
}
.contents_button:before {
	display:block;
	content:"";
	width:100%;
	height:100%;
	background:#252525;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.contents_button p {
	font-size:14px;
	line-height:50px;
	color:#252525;
	letter-spacing:2px;
	position:relative;
}
.contents_circle {
	display:block;
	width:180px;
	height:180px;
	margin:0 auto;
	border-radius:50%;
	border:1px solid #252525;
	position:relative;
	transform:scale(1.1);
}
.contents_circle p {
	width:100%;
	margin:-7px 0 0 0;
	font-size:14px;
    line-height:14px;
    color:#252525;
    letter-spacing:2px;
    text-indent:2px;
   	text-align:center;
	position:absolute;
	top:50%;
}
@media (max-width:1024px){
	.contents { padding:0 6% 0 6%; }
	.contents_inner { width:100% !important; }
	.contents_inner_left,.contents_inner_right { width:100% !important; margin:0 !important; position:relative !important; top:0 !important; left:0 !important;  }
	.contents_inner_right { margin:90px 0 0 0 !important; }
	.contents_popup { width:88%; max-height:88%; margin:0; }
}
@media (max-width:640px){
	.contents { padding:0 7.5% 0 7.5%; }
	.contents_inner { margin-top:135px !important; }
	.contents_inner_right { margin:80px 0 0 0 !important; }
	.contents_circle { width:130px; height:130px; }
	.contents_popup { width:85%; padding:40px 20px 50px 20px; }
	.edge .contents_popup_inner { margin-bottom:40px; }
	.contents_popup_header { margin:0 0 35px 0; padding:15px 20px 0 20px; }
	.contents_popup_contents { padding:0 10px 0 10px; }
	.contents_popup_close { width:64px; height:64px; }
	.contents_popup_close a { margin:-20px 0 0 -20px; }
	.left_button { padding:4px 0 4px 0; }	
}



/*HOME*/
#home {
	margin:150px 0 0 0;
}
.project_area {
	width:100%;
	height:auto;
	word-break:break-all;
	text-align:justify;
}
.project_list {
	margin:0 0 10px 0;
}
.project_img {
	display:inline-block;
	width:128px;
	height:80px;
	position:relative;
	top:3px;
}
.project_img img,.project_img canvas {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.project_list p {
	display:inline;
	color:#252525;
	background-size:200.5% 80px;
	background-repeat:repeat-x;
}
.project_area a.en0 { font-size:100px; line-height:140px; }
.project_area a.en1 { font-size:110px; line-height:140px; }
.project_area a.en2 { font-size:100px; line-height:140px; }
.project_area a.en3 { font-size:106px; line-height:140px; }
.en0 .project_text { font-size:100px; line-height:140px; background-position:0% 40px; }
.en1 .project_text { font-size:110px; line-height:140px; background-position:0% 27px; }
.en2 .project_text { font-size:100px; line-height:140px; background-position:0% 33px; }
.en3 .project_text { font-size:106px; line-height:140px; background-position:0% 25px; }
@media (max-width:1024px){
	.project_img { width:112px; height:70px; top:2px; }
	.project_list p { background-size:200.5% 70px; }
	.project_area a.en0 { font-size:90px; line-height:130px; }
	.project_area a.en1 { font-size:100px; line-height:130px; }
	.project_area a.en2 { font-size:90px; line-height:130px; }
	.project_area a.en3 { font-size:96px; line-height:130px; }
	.en0 .project_text { font-size:90px; line-height:130px; background-position:0% 37px; }
	.en1 .project_text { font-size:100px; line-height:130px; background-position:0% 26px; }
	.en2 .project_text { font-size:90px; line-height:130px; background-position:0% 31px; }
	.en3 .project_text { font-size:96px; line-height:130px; background-position:0% 24px; }
}
@media (max-width:640px){
	#home { margin:110px 0 0 0 !important; }
	.project_img { width:72px; height:45px; top:1px; }
	.project_list p { background-size:200.5% 45px; }
	.project_area a.en0 { font-size:60px; line-height:80px; }
	.project_area a.en1 { font-size:60px; line-height:80px; }
	.project_area a.en2 { font-size:60px; line-height:80px; }
	.project_area a.en3 { font-size:60px; line-height:80px; }
	.en0 .project_text { font-size:60px; line-height:80px; background-position:0% 26px; }
	.en1 .project_text { font-size:60px; line-height:80px; background-position:0% 14px; }
	.en2 .project_text { font-size:56px; line-height:80px; background-position:0% 19px; }
	.en3 .project_text { font-size:60px; line-height:80px; background-position:0% 14px; }
}



/*WORKS*/
#works {
	margin-top:175px;
}
#works .contents_inner_left {
	z-index:10;
}
#works .contents_inner_block {
	margin-bottom:40px;
}
#works .contents_inner_right {
    width:100%;
    height:auto;
    margin:0;
   	position:relative;
	top:5px;
}
.works_area {
    width:100%;
    height:auto;
}
.works_list {
	display:block;
	height:auto;
    position:relative;
    overflow:hidden;
	-webkit-transition-property:-webkit-transform, opacity;
	-moz-transition-property:-moz-transform, opacity;
	-ms-transition-property:-moz-transform, opacity;
	-o-transition-property:-moz-transform, opacity;
	transition-property:transform, opacity;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
}
.works_list_img {
    width:100%;
    height:auto;
    position:relative;
}
.works_list_img img {
    width:100%;
    height:auto;
    position:absolute;
    top:0;
    left:0;
	z-index:-1;
}
.works_list_img > img:nth-child(1) {
    position:relative;
	vertical-align:bottom;
}
.works_img_on {
	z-index:0 !important;		
}
.works_list_frame {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border-width:10px;
    border-style:solid;
    transform:scale(1.2);
    z-index:5;
    opacity:0;
}
#works .contents_circle {
	margin-top:100px;
}
@media (max-width:1024px){
	#works .menu_inner br { display:none; }
	#works .menu_list { margin:0 15px 0 0; }
}
@media (max-width:640px){	
	.works_area { width: 118%; left: -9%; }
	#works .contents_circle { margin-top:80px; }
	#works .contents_inner_right { margin:60px 0 0 0 !important; }
	#works .menu_list { margin:0 12px 20px 0; }
	#works .menu_inner > a:nth-last-child(1) { margin:0; }
	#works .contents_inner_block { margin-bottom:0; }
	.works_list_frame { border-width:8px; }
}



/*WORKS_DETAIL*/
#works_detail {
	margin-top:175px;
}
#works_detail .contents_title {
	position:relative;
	top:-10px;
}
#works_detail .contents_title p {
	line-height:32px;
}
#works_detail .contents_detail .detail_inner > div:nth-child(2) { width:150px; margin:0 0 40px 0; }
#works_detail .contents_detail .detail_inner > div:nth-child(2) p { float:left; }
#works_detail .contents_detail .detail_inner > div:nth-child(2) > p:nth-child(odd) { width:55px; min-height:1px; }
#works_detail .contents_detail .detail_inner > div:nth-child(2) > p:nth-child(even) { width:95px; }
#works_detail .contents_inner_block {
	margin-bottom:100px;
}
.works_detail_img {
	width:100%;
	height:auto;
	margin:0 0 60px 0;
	text-align:center;
}
.works_detail_img img {
	display:inline-block;
	width:auto;
	max-width:100%;	
	height:auto;
}
#works_detail .contents_popup_block {
	margin-bottom:60px;
}
.works_detail_text {
	width:100%;
	height:auto;
}
.works_detail_text p {
	font-size:14px;
	line-height:34px;
	color:#252525;
	letter-spacing:1px;
}
.works_detail_text > p:nth-child(1) {
	margin-bottom:50px;
}
@media (max-width:1024px){
	#works_detail .contents_title,#works_detail .contents_detail { width:100%; margin:0; }
	#works_detail .contents_detail .detail_inner > div:nth-child(2) { width:100%; }
	#works_detail .contents_detail .detail_inner > div:nth-child(2) > p:nth-child(odd) { width:auto; min-height:0; margin:0 5px 0 0; }
	#works_detail .contents_detail .detail_inner > div:nth-child(2) > p:nth-child(even) { width:auto; margin:0 15px 0 0; }
	#works_detail .contents_inner_right { margin:75px 0 0 0; }
}
@media (max-width:640px){
	#works_detail .contents_detail .detail_inner > div:nth-child(2) > p:nth-child(even) { margin:0 12px 0 0; }
	#works_detail .contents_inner_block { margin-bottom:80px; }
	.works_detail_img { margin: 0 0 50px 0; }
	.works_detail_img img { display:block; width:100%; }
	#works_detail .contents_popup_block { margin-bottom: 50px; }
	.works_detail_text > p:nth-child(1) { margin-bottom: 40px; }	
	#works_detail .contents_inner_right { margin:70px 0 0 0 !important; }
}



/*PHILOSOPHY*/
#philosophy {
	margin-top:175px;
}
#philosophy .contents_inner_right {
	padding:100px 0 0 0;
}
#philosophy .contents_inner_block {
	margin-bottom:100px;
}
#philosophy .contents_inner_right > div:nth-child(1) { margin:0 0 125px 0; }
.philosophy_img {
	width:100%;
	height:150px;
	position:relative;	
}
.philosophy_img div {
	width:150px;
	height:150px;
	position:absolute;
	top:0;
	left:50%;
}
.philosophy_img div span {
	width:100%;
	height:1px;
	background:#252525;	
	position:absolute;
}
.philosophy_img > div:nth-child(1) { margin:0 0 0 -325px; }
.philosophy_img > div:nth-child(2) { margin:0 0 0 -75px; }
.philosophy_img > div:nth-child(3) { margin:0 0 0 165px; }
.philosophy_img > div:nth-child(1) span { top:50%; left:0; }
.philosophy_img > div:nth-child(2) > span:nth-child(1) { top:50%; left:0; }
.philosophy_img > div:nth-child(2) > span:nth-child(2) { width:1px; height:100%; top:0; left:50%; }
.philosophy_img > div:nth-child(3) > span:nth-child(1) { top:50%; left:0; transform:rotate(45deg); }
.philosophy_img > div:nth-child(3) > span:nth-child(2) { top:50%; left:0; transform:rotate(-45deg); }
.philosophy_title {
	width:100%;
	height:auto;
	margin:0 0 50px 0;
}
.philosophy_title p {
	font-size:32px;
	line-height:48px;
	color:#252525;
	letter-spacing:3px;
}
.philosophy_text {
	width:100%;
	height:auto;
}
.philosophy_text p {
	font-size:14px;
	line-height:34px;
	color:#252525;
	letter-spacing:1px;
}
@media (max-width:1024px){
	#philosophy .contents_inner_right { padding:30px 0 0 0; }
	#philosophy .contents_inner_right > div:nth-child(1) { width:100%; }
	#philosophy .contents_inner_right > div:nth-child(3) { width:100%; }
}
@media (max-width:768px){
	.philosophy_img > div:nth-child(1) { left:0; margin:0 0 0 60px; }
	.philosophy_img > div:nth-child(3) { left:100%; margin:0 0 0 -180px; }
}
@media (max-width:640px){
	#philosophy .contents_inner_block { margin-bottom:75px; }
	#philosophy .contents_inner_right > div:nth-child(1) { margin: 0 0 75px 0; }
	#philosophy .contents_inner_right { padding:0; }
	.philosophy_img { width:95%; height:80px; margin:0 auto; }
	.philosophy_img div { width:80px; height:80px; }
	.philosophy_img > div:nth-child(1) { left:0; margin:0; }
	.philosophy_img > div:nth-child(2) { margin:0 0 0 -40px; }
	.philosophy_img > div:nth-child(3) { left:100%; margin:0 0 0 -80px; }
	.philosophy_title p { line-height:52px; }
}



/*COMPANY*/
#company {
	margin-top:175px;
}
#company .contents_inner_right {
	position:relative;
	top:-4px;
}
#company .contents_inner_block {
	margin-bottom:100px;
}
.company_text {
	width:100%;
	height:auto;
}
.company_text p {
	font-size:14px;
	line-height:34px;
	color:#252525;
	letter-spacing:1px;
}
#company .contents_menu .menu_inner > a:nth-child(3) {
	margin:0 0 40px 0;
}
#company .contents_popup_block {
	margin-bottom:75px;
}
#company .contents_popup1 .contents_popup_block {
	margin-bottom:55px;
}
#company .contents_popup1 .company_store_text {
	text-align:center;
}
.company_detail {
	width:600px;
	height:auto;	
	margin:0 auto;
}
.company_detail_list {
	width:100%;
	height:auto;
	margin:5px 0 5px 0;	
}
.company_detail_list p {
	font-size:14px;
	line-height:34px;
	color:#252525;
	letter-spacing:1px;
}
.company_detail_list > p,.company_detail_list > a {
	float:left;
}
.company_detail_list > p:nth-child(1) { width:40%; min-height:1px; }
.company_detail_list > p:nth-child(2) { width:60%; }
.company_detail_list a {
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 0 10px 0;
	position:relative;
	overflow:hidden;
}
.company_detail_list a:before {
	content:"";
	width:100%;
	height:1px;
	background:#252525;
	position:absolute;
	bottom:6px;
	left:0;
}
.company_store {
	width:100%;
	height:auto;
}
.company_store_img {
	width:100%;
	margin:0 0 50px 0;
}
.company_store_text {
	width:100%;
	height:auto;
}
.company_store_text p {
	font-size:14px;
	line-height:34px;
	color:#252525;
	letter-spacing:1px;
}
@media (max-width:1024px){
	#company .menu_inner br { display:none; }
	#company .menu_list { margin:0 15px 0 0; }
	#company .contents_menu .menu_inner > a:nth-child(3) { margin: 0 15px 0 0; }
	#company .left_button { display:inline-block; margin:0 15px 0 0; }
	.company_detail { width:500px; }
	#company .contents_popup1 .company_store_text { text-align:left; }
}
@media (max-width:640px){
	#company .contents_inner_block { margin-bottom: 75px; }
	#company .menu_inner > br:nth-child(4) { display:block; }
	#company .menu_list { margin:0 12px 0 0; }
	#company .left_button { margin:20px 12px 0 0; }
	#company .contents_popup_block { margin-bottom:75px; }
	.company_detail { width:100%; }
	.company_detail > div:nth-last-child(1) { margin:25px 0 0 0; }
	.company_detail_list { margin: 25px 0 25px 0; }
	.company_detail_list > p, .company_detail_list > a { float:none; }
	.company_detail_list > p { width:100% !important; line-height: 24px; }
	.company_store_img { height:160px; }
	#company .contents_popup1 .contents_popup_block { margin-bottom:35px; }	
}



/*JOURNAL*/
#journal {
	margin-top:175px;
}
#journal .contents_inner_right {
	position:relative;
	top:3px;
}
#journal .contents_inner_block {
	margin-bottom:125px;
}
.journal_list {
	width:100%;
	height:auto;
}
.journal_header {
	width:100%;
	height:auto;
	margin:0 0 60px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #252525;
}
.journal_cat {
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 15px 0 0;
	padding:2px 4px 3px 6px;
	float:left;	
}
.journal_cat p {
	font-size:12px;
	line-height:12px;
	color:#252525;
	letter-spacing:1px;
}
.journal_date {
	display:inline-block;
	width:auto;
	height:auto;
	float:left;	
}
.journal_date p {
	font-size:14px;
	line-height:17px;
	color:#252525;
	letter-spacing:1px;
}
.journal_contents {
	width:100%;
	height:auto;
}
.journal_title {
	width:100%;
	height:auto;
	margin:0 0 55px 0;
}
.journal_title p {
	font-size:26px;
	line-height:52px;
	color:#252525;
	letter-spacing:3px;
}
.journal_img {
	width:100%;
	height:auto;
	margin:0 0 60px 0;
}
.journal_text {
	width:100%;
	height:auto;
	font-size:14px;
	line-height:34px;
	color:#252525;
	letter-spacing:1px;
}
.journal_text img {
	width:auto;
	max-width:100%;
	height:auto;
}
#journal .contents_more {
	margin-top:-30px;
}
#journal .contents_inner_right > .contents_inner_block:nth-last-child(2) { margin-bottom:50px; }
@media (max-width:1024px){
	#journal .menu_inner br { display:none; }
	#journal .menu_list { margin:0 15px 0 0; }
}
@media (max-width:640px){
	#journal .menu_list { margin:0 12px 0 0; }
	#journal .contents_inner_block { margin-bottom: 100px; }
	.journal_header { margin:0 0 50px 0; }
	.journal_title { margin:0 0 50px 0; }
	.journal_title p { font-size:20px; line-height:40px; }
	#journal .contents_more { margin-top:-20px; }
}



/*CONTACT*/
#contact {
	margin-top:175px;
}
#contact .contents_inner_right {
	position:relative;
	top:5px;
}
#contact .contents_inner_block {
	margin-bottom:80px;
}
.contact_map {
	width:100%;
	height:500px;
}
.contact_detail {
	width:350px;
	height:auto;
	float:left;
}
.contact_detail_ja {
	margin:0 50px 0 0;
}
.contact_detail p {
	font-size:14px;
	line-height:28px;
	color:#252525;
	letter-spacing:1px;
}
.contact_caption {
	width:100%;
	height:auto;
	margin:30px 0 0 0;
}
.contact_caption p {
	font-size:12px;
	line-height:12px;
	color:#252525;
	letter-spacing:1px;
}
@media (max-width:1024px){
	.contact_detail { width:100%; }
	.contact_detail_en { margin:75px 0 0 0; }
}
@media (max-width:640px){
	.contact_map { width:118%; height:360px; position:relative; left:-9%; }
}






/*RECRUIT*/
#recruit {
	margin-top:175px;
}
#recruit .contents_inner_right {
	position:relative;
	top:5px;
}
#recruit .contents_inner_block {
	margin-bottom:80px;
}
.recruit_text {
	width:100%;
	margin-bottom: 80px;
}
.recruit_text p {
	font-size:18px;
	line-height:36px;
	color:#252525;
	letter-spacing:1px;
	font-weight: bold;
	margin-bottom: 35px;
}
.recruit_detail {
  border-bottom: 1px solid #252525;
  margin-bottom: 100px;
}
.recruit_detail dl {
  border-top: 1px solid #333;
  display: table;
  width: 100%;
}
.recruit_detail dt,.recruit_detail dd {
  padding: 30px 0 15px;
  display: table-cell;
  font-size: 16px;
  line-height: 32px;
 letter-spacing: 1px;
}
.recruit_detail dt {
  width: 20%;
}
.recruit_detail dd {
  width: 80%;
}
.recruit_btn_area ul {
  display: table;
  width: 100%;
  list-style-type: none;
}
.recruit_btn_area ul li {
  display: table-cell;
  width: 50%;
  padding: 0 20px;
}
.recruit_btn_area ul li a {
  padding: 30px 0;
  background: #252525;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
}
.recruit_btn_area ul li a:hover {
  background: #333333;
}

@media (max-width:640px){
.recruit_detail {margin-bottom: 80px;}
.recruit_detail dt,.recruit_detail dd {display: block; width: 100%;font-size: 14px;}
.recruit_detail dt {padding: 30px 0 0;}
.recruit_detail dd {padding: 20px 0;margin: 0;}
.recruit_btn_area ul li {display: block;width: 100%;padding: 0;margin: 0 0 30px;}
.recruit_btn_area ul li a {font-size:14px; padding: 20px 0;}
}

/*PEOPLE*/
#people .contents_inner_right {
  padding-top:200px;
}
#people .contents_inner_right p {
    font-size: 14px;
    line-height: 32px;
    color: #252525;
    letter-spacing: 1px;
}
.people_title_wrap {
  margin-bottom: 40px;
}
#people .contents_inner_right .people_title_wrap h3 {
  margin-bottom: 0.3em;
  font-size:1.3em;
}
#people .contents_inner_right .people_title_wrap p {
  font-size: 1.3em;
}
#people .contents_inner_right .people_title02_wrap {
  margin-bottom:20px;
}
#people .contents_separator {
  margin: 8.5% auto 8%;
}

/*NEW YEAR*/
#newyear {
	margin-top:200px;
	background-image:url(https://brt-inc.jp/brt/wp-content/themes/brt/img/newyear/newyear_bg_icon.svg);
	background-size:230px 230px;
	background-position:right 50px top;	
	background-repeat:no-repeat;	
}
#newyear .contents_inner_right {
	position:relative;
	top:130px;
}
#newyear .contents_inner_block {
	margin-bottom:80px;
}
.newyear_text {
	padding: 0 0 20% 0;
}
.newyear_text p {
	font-size:24px;
	margin-bottom: 46px;
	line-height:3em;
	color:#252525;
	letter-spacing:0.15em;
	transform: scaleY(0.95);
	font-family: 'TsukuNewsMinPr6-LB','游明朝','Yu Mincho','YuMincho','Hiragino Mincho ProN','HGS明朝E','メイリオ','Meiryo',serif;
}
.newyear_text_bottom {
  margin: 0 auto 200px;
}
.newyear_text_bottom ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type:none;
}
.newyear_text_bottom ul li {
  width: calc(100%/4);
  box-sizing: border-box;
  padding-right: 20px;
  padding-left:20px;
  padding-bottom: 30px;
}
.newyear_text_bottom ul li a {
  display: block;
}
.newyear_text p:first-child {
  margin-bottom: 100px;
}


@media (min-width: 641px) and (max-width:1024px){
  #people .contents_inner_right {padding-top: 100px;}
}

@media (max-width:640px){
#people .contents_separator {margin: 80px auto;}
#people .contents_inner_right .people_title_wrap p {font-size: 1em;}
#people .contents_inner_right .people_title_wrap h3 {font-size:1.1em;}
#people .contents_inner_right  { padding-top: 0 !important; }
#newyear { background-size: 130px 130px;background-position: right 0 top;}
#newyear .contents_inner_right { margin-top: 25px !important; }
.newyear_text p { font-size: 16px; line-height:2.4em; letter-spacing:0.1em; }
.newyear_text_bottom { width: 80%; margin: 0 auto 70px;}
.newyear_text_bottom ul li {width: calc(100%/2);}
}