@charset "utf-8";
.flex{display: flex;}
.title_box{ text-align: center;}
.title_box h3{font-size: 20px; font-family: 'Noto-Sans-JP-Medium'; line-height: 160%;}
.title_box h3 span{font-size: 105px; font-family: "alternate-gothic-no-3-d", sans-serif; font-weight: 400; font-style: normal;}
.title_box p{text-align: center; font-size: 16px; line-height: 225%; }
main{padding: 100px 0 0;}
.inner_mini{width: 1100px; margin: 0 auto;}

.link_btn{width: 360px; height: auto;}
.link_btn a{display: block; background: #000; position: relative; color: #fff; text-align: center; font-size: 18px; font-family: 'Noto-Sans-JP-Medium'; line-height: 145%; padding: 21px 0;}
.link_btn a:before{content: ""; display: block; position: absolute; right: 21px; top: 50%; transform: translateY(-50%); width: 8px; height: 15px; background: url(../images/common/aro_icn.svg) no-repeat center center; background-size: 100%;}
/* ----------------------------- #fv ------------------------------- */
#fv{background: url(../images/company/fv_bg.jpg?var=123456) no-repeat center center; background-size: cover; padding: 426px 50px 32px; position: relative; width: 100%;}
#fv h2{font-family: 'Noto-Sans-JP-Medium'; color: #fff; letter-spacing: 0.03em; font-size: 22px; line-height: 153%;}
#fv h2 span{letter-spacing: 0; font-size: 94px; font-family: "alternate-gothic-no-3-d", sans-serif; font-weight: 400; font-style: normal; color: #fff; line-height: 116%; display: inline-block;}
#fv p{font-family: neue-haas-grotesk-display, sans-serif; font-weight: 500; font-style: normal; color: #fff; font-size: 12px;transform: rotateZ(-90deg) translateY(-50%); top: 50%; right: -50px; position: absolute;}

/* ----------------------------- #philosophy ------------------------------- */
#philosophy{padding: 120px 0px 0px 0px;}
#philosophy .bg_box{background: url(../images/company/philosophy_bg_1.jpg?var=123456) no-repeat center center; background-size: cover; padding: 105px 0 109px;}
#philosophy .bg_box .title_box p{padding: 30px 0 0; }
#philosophy .bg_box .flex{padding: 84px 0 0; justify-content: space-between;align-items: flex-start;}
#philosophy .bg_box .flex img{margin: 54px 0 0;}
#philosophy .bg_box .flex ul{width: 475px; height: auto;}
#philosophy .bg_box .flex ul li:not(:last-child){border-bottom: 1px solid #919191; }
#philosophy .bg_box .flex ul li:nth-child(1){padding: 0 0 29px;}
#philosophy .bg_box .flex ul li:nth-child(2){padding: 42px 0 29px;}
#philosophy .bg_box .flex ul li:nth-child(3){padding: 42px 0 29px;}
#philosophy .bg_box .flex ul li:nth-child(4){padding: 42px 0 0;}
#philosophy .bg_box .flex ul li h4{font-size: 27px; font-family: 'Noto-Sans-JP-Medium'; }
#philosophy .bg_box .flex ul li h4 span{font-size:40px; font-family: "alternate-gothic-no-3-d", sans-serif; font-weight: 400; font-style: normal; }
#philosophy .bg_box .flex ul li p{font-size: 18px; line-height: 200%; padding: 20px 0 0;}
#philosophy .bg_box .flex ul li:nth-child(2) p{padding: 12px 0 0;}
#philosophy .bg_box .flex ul li:nth-child(3) p{padding: 12px 0 0;}

/* ----------------------------- #company ------------------------------- */
#company{padding: 120px 0 0;}
#company .tbe_box{padding: 60px 0 0;}
#company .tbe_box table{width: 100%; height: auto;}
#company .tbe_box table tr:first-child th,
#company .tbe_box table tr:first-child td{border-top: 1px solid #E8E8E8;}
#company .tbe_box table th{width: 242px; height: auto; font-size: 16px; font-family: 'Noto-Sans-JP-Medium'; line-height: 156.2%; padding: 33px 0 30px 30px; text-align: left; border-bottom: 1px solid #E8E8E8;}
#company .tbe_box table td{font-size: 16px; line-height: 156.2%; width: calc(100% - 242px); height: auto; border-bottom: 1px solid #E8E8E8; padding: 33px 0 30px;}

/* ----------------------------- #access ------------------------------- */
#access{padding: 120px 0 110px;}
#access .ifram_box{margin: 50px 0 0;position: relative; padding: 43.46% 0 0; position: relative;}
#access .ifram_box iframe{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#access p{line-height: 163%; padding: 32px 0 0;}


@media only screen and (max-width: 768px) {
	.flex{display: block;}
	.title_box h3{font-size: 16px; line-height: 160%;}
	.title_box h3 span{font-size: 60px; }
	.title_box p { font-size: 13px; line-height: 200%;}
	main{padding: 58px 0 0;}
	.inner_mini{width: 90%; }
	
	.link_btn{width: 82.35%; height: auto;}
	.link_btn a{font-size: 16px; line-height: 150%; padding: 9px 0;}
	.link_btn a:before{right: 21px; width: 8px; height: 15px;}
	/* ----------------------------- #fv ------------------------------- */
	#fv{background: url(../images/company/fv_bg_sp.jpg?var=123456) no-repeat center center; background-size: cover; padding: 32.7% 5% 5%;}
	#fv h2{font-size: 16px; line-height: 100%;}
	#fv h2 span{font-size: 47px; line-height: 122%; padding: 0px;}
	#fv p{display: none;}
		

	/* ----------------------------- #philosophy ------------------------------- */
	#philosophy{padding: 60px 0px 0px;}
	#philosophy .bg_box{background: url(../images/company/philosophy_bg_1.jpg?var=123456) no-repeat center center; background-size: cover; padding: 50px 0;}
	#philosophy .bg_box .title_box p{padding: 30px 0 0; }
	#philosophy .bg_box .flex{padding: 42px 0 0; }
	#philosophy .bg_box .flex img{margin: 0 0 30px; width: 100%; height: auto;}
	#philosophy .bg_box .flex ul{width: 100%; height: auto;}
	#philosophy .bg_box .flex ul li:nth-child(1){padding: 0 0 19px;}
	#philosophy .bg_box .flex ul li:nth-child(2){padding: 16px 0 19px;}
	#philosophy .bg_box .flex ul li:nth-child(3){padding: 16px 0 19px;}
	#philosophy .bg_box .flex ul li:nth-child(4){padding: 16px 0 0;}
	#philosophy .bg_box .flex ul li h4{font-size: 20px; }
	#philosophy .bg_box .flex ul li h4 span{font-size: 30px; }
	#philosophy .bg_box .flex ul li p{font-size: 14px; padding: 10px 0 0;}
	#philosophy .bg_box .flex ul li:nth-child(2) p{padding: 10px 0 0;}
	#philosophy .bg_box .flex ul li:nth-child(3) p{padding: 10px 0 0;}

	
	/* ----------------------------- #company ------------------------------- */
	#company{padding: 60px 0 0;}
	#company .tbe_box{padding: 30px 0 0;}
	#company .tbe_box table{width: 100%; height: auto;}
	#company .tbe_box table tr:first-child th,
	#company .tbe_box table tr:first-child td{border-top: 1px solid #E8E8E8;}
	#company .tbe_box table th{width: 140px; font-size: 13px; padding: 16px 0 15px 15px; }
	#company .tbe_box table td{font-size: 13px; width: calc(100% - 140px); padding: 16px 0 15px;}
	
	/* ----------------------------- #access ------------------------------- */
	#access{padding: 60px 0 50px;}
	#access .ifram_box{margin: 25px 0 0; padding: 100% 0 0; }
	#access p{line-height: 163%; padding: 15px 0 0; font-size: 13px;}

	
}