@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*-----------------------------------------------------------
    ～768 （Mobile）	リキッド
 769～1023（Tablet）	リキッド
1024～1440（PC）		リキッド
1440～    （PC）		コンテンツ幅固定。左右の余白が広がる

ブレークポイント768px/1024px/1441px
-----------------------------------------------------------*/

/*-----------------------------------  
  common
-----------------------------------*/
.philosophy {
	max-width:1440px;
	margin:0 auto;
	font-size:min(1.6rem,16px);
}
.philosophy section {
	margin-top:6.5em;
}
.philosophy .inner {
	width:min(110rem,1110px);
	margin:0 auto;
}
.philosophy .flex {
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.philosophy h2 {
	text-align: center;
	margin:1em 0;
	font-family: "Roboto", sans-serif;
	font-weight:100;
	letter-spacing: 0;
	font-size:min(4rem,40px);
	
}
.philosophy h2 span{
	position:relative;
}
.philosophy h2 span::after{
	content:"";
	position:absolute;
	width:100%;
	border-bottom: 1px solid #666;
	left:0;
	bottom:0.15em;

}
.philosophy h3 {
	font-size:min(2.4rem,24px);
	margin:3em auto 1em;
}
.philosophy a.text_link{
	text-decoration: underline
}

@media screen and (max-width: 768px) {
	.philosophy {
		font-size:1.5rem;
	}
	.philosophy section {
		margin-top:15rem;
	}
	.philosophy .inner {
		width:26rem;
		margin:0 auto;
	}
	.philosophy .flex {
		display:block;
	}
	.philosophy h2 {
		margin:1em 0;
		font-size:2.6rem;
	}
	.philosophy h3 {
		font-size:2.4rem;
		margin:1.5em auto 1em;
	}
	.philosophy p {
		line-height: 1.8;
	}
}
/*-----------------------------------  
  kv  
-----------------------------------*/
.philosophy .kv img{
	width:100%;
	margin:auto;
}

/*-----------------------------------  
  lead
-----------------------------------*/
.philosophy .lead h3{
	text-align: center;
}
.philosophy .lead p{
	text-align: center;
	margin:0 auto;
}
@media screen and (max-width: 768px) {
	.philosophy .lead{
		margin-top:8rem;
	}
	.philosophy .lead h2{
		font-size:2.2rem;
	}
	.philosophy .lead p{
		width:32rem;
		text-align: left;
	}
}

/*-----------------------------------  
  lifestyle
-----------------------------------*/
.philosophy .lifestyle{
	margin-top:6em;
}
.philosophy .lifestyle .flex {
	margin-top:6em;
	align-items: flex-start
}
.philosophy .lifestyle .col458{
	width:min(45.8rem,458px);
}
.philosophy .lifestyle .col725{
	width:min(72.5rem,725px);
	margin-left: min(11rem,110px)
}
.philosophy .lifestyle h3{
	margin-top: 0;
}
.philosophy .lifestyle a.link_btn {
	display:inline-block;
	font-size:min(2.0rem ,20px);
	padding:0.5em 1.5em;
	border:1px solid;
	margin-top:2em;
	border-radius:1.5em
}
.philosophy .lifestyle a.link_btn::after {
	content:"";
	display:inline-block;
	width:min(3.2rem,32px);
	height:min(2.0rem,20px);
	background:url("../images/ico_arrow.png") no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-left:0.5em;
	margin-bottom:0.2em;
}

@media screen and (max-width: 768px) {
	.philosophy .lifestyle{
		margin-top:8rem;
	}
	.philosophy .lifestyle .flex {
		margin-top:4.2rem;
	}
	.philosophy .lifestyle .col458{
		width:auto;
	}
	.philosophy .lifestyle .col725{
		width:26rem;
		margin:4.5rem auto 0;
	}
	.philosophy .lifestyle h3{
		margin-top: 0;
	}
	.philosophy .lifestyle a.link_btn {
		display:inline-block;
		font-size:min(2.0rem ,20px);
		padding:0.5em 1.5em;
		border:1px solid;
		margin-top:2em;
		border-radius:1.5em
	}
	.philosophy .lifestyle a.link_btn::after {
		content:"";
		display:inline-block;
		width:min(3.2rem,32px);
		height:min(2.0rem,20px);
		background:url("../images/ico_arrow.png") no-repeat;
		background-size: 100%;
		vertical-align: middle;
		margin-left:0.5em;
		margin-bottom:0.2em;
	}
}
	
/*-----------------------------------  
  detail
-----------------------------------*/
.philosophy .detail .dt_img_gap{
	margin-top:6.5em;
}
@media screen and (max-width: 768px) {
	.philosophy .detail .dt_img_gap{
		margin-top:4.2rem;
	}
}
/*-----------------------------------  
  interface
-----------------------------------*/

/*-----------------------------------  
  award
-----------------------------------*/
.philosophy .award h3{
	margin-top:0
}
.philosophy .award h3,
.philosophy .award h3 + p{
	text-align: center;
}
.philosophy .award .award_list{
	margin-top:4.5em;
}
.philosophy .award .award_list > div{
	margin-top:2em;
}
.philosophy .award .col479{
	width:min(47.9rem,479px);
}
.philosophy .award .col580{
	width:min(58rem,580px);
}
.philosophy .award .model_detail{
	padding:0 0.5em;
}
.philosophy .award .model_type{
	font-size:min(1.4rem,14px);
}
.philosophy .award .model_name{
	font-size:min(3.4rem,34px);
}
.philosophy .award .model_award{
	font-size:min(1.7rem,17px);
	margin-top:0.75em;
	line-height: 1.2;
}
.philosophy .award .award_comment{
	border-top:2px solid #999;
	padding-top:1.5em;
	margin-top:1.5em;
	font-size:min(1.4rem,14px);
	line-height: 1.4;
}
.philosophy .award .award_comment p{
	padding:0 0.5em;
}
.philosophy .award .award_logo{
	display:flex;
	justify-content: flex-end;
	align-items: center;
	gap:1em;
} 
.philosophy .award .award_logo .gd2024best100{
	width:min(20.9rem,209px);
}
.philosophy .award .award_logo .gd2024_if2025{
	width:min(26.7rem,267px);
}
.philosophy .award .award_logo .if2025{
	width:min(17rem,170px);
}
.philosophy .award .r9_pro .model_detail,
.philosophy .award .sense9 .model_detail{
	border-top:2px solid #999;
	padding-top:2em;
	margin-top:2em;
}
.philosophy .award .about{
	margin-top:10em;
}
.philosophy .award .about h4{
	text-align: center;
	font-size:min(2.4rem ,24px);
	font-weight:400;
	letter-spacing: 0;
}
.philosophy .award .about p{
	margin:2.5em 1.3em 0;
	line-height: 1.5;
}
@media screen and (min-width: 769px) {
	.philosophy .award .award_comment .btn_more{
		display:none;
	}
}
@media screen and (max-width: 768px) {
	.philosophy .award h3 + p{
		text-align: left;
	}
	.philosophy .award .award_list{
		margin-top:0;
		width:auto;
	}
	.philosophy .award .award_list > div{
		margin-top:6rem;
	}
	.philosophy .award .award_list > div:first-child{
		margin-top: 3rem;
	}
	.philosophy .award .col479{
		width:auto;
	}
	.philosophy .award .col580{
		width:auto;
	}
	.philosophy .award .model_detail{
		width:26rem;
		margin:2.5rem auto 0;
		padding:0;
	}
	.philosophy .award .model_type{
		font-size:1.3rem;
		line-height: 1.5;
	}
	.philosophy .award .model_name{
		font-size:3rem;
		line-height: 1.5;
	}
	.philosophy .award .model_award{
		font-size:1.4rem;
		margin-top:0.75em;
		line-height: 1.2;
	}
	.philosophy .award .award_comment{
		width:26rem;
		border-top:none;
		padding-top:0;
		margin:4rem auto 0;
		font-size:1.4rem;
		position:relative;
	}
	.philosophy .award .award_comment p{
		padding:0;
		line-height: 1.5;
		height: 14rem;
		overflow: hidden;
	}
	.philosophy .award .award_comment .btn_more{
		position: absolute;
		background: linear-gradient(to bottom, transparent, #fff 1rem);
		bottom: 0;
		padding-top: 3rem;
		width: 100%;
		text-decoration: underline;
	}
	.philosophy .award .award_logo{
		display:none;
	}
	.philosophy .award .sense9 {
		margin-top:6rem;
	}
	.philosophy .award .r9_pro .model_detail,
	.philosophy .award .sense9 .model_detail{
		border-top:none;
		padding-top:0;
		margin-top:2.5rem;
	}
	.philosophy .award .about{
		margin-top:8rem;
	}
	.philosophy .award .about .flex >div{
		margin-top:7rem
		
	}
	.philosophy .award .about h4{
		font-size:2rem;
	}
	.philosophy .award .about p{
		margin:2rem  0;
	}
}
/*-----------------------------------  
  link
-----------------------------------*/
.philosophy .link{
	margin-top:8em;
}
.philosophy .link .toLineup {
	text-align: center;
}
.philosophy .link .toLineup a{
	display:inline-flex;
	justify-content: center;
	align-items: center;
	border:1px solid;
	padding:1em 3em;
	border-radius:2em;
}
.philosophy .link .toLineup a::after{}
.arrow_icon{
	margin-left:0.5em;
	width:1em;
	height:1em;
	display: flex;
    align-items: center;
}
@media screen and (max-width: 768px) {
	.philosophy .link{
		margin-top:6rem;
	}
	.philosophy .link .toLineup a{
		padding:1em;
		font-size:1.4rem;
	}
}