@charset "utf-8";




@media screen and (min-width:768px){
/*pc・タブレットcss*/

.philosophy-box{
	position:relative;
	margin-bottom:12vw;
}
.philosophy-box .ttl{
	text-align:center;
	margin-bottom:50px;
}
.philosophy-box .ttl .en{
	position:relative;
	display:block;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:48px;
	line-height:1.4;
	font-weight:700;
	letter-spacing:0.01em;
	font-family: "Zen Old Mincho", serif;
}
.philosophy-box .ttl .en:before{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:2em;
	height:1px;
	margin-left:-1em;
	background-color:#000;
}
.philosophy-box .ttl .en::first-letter {
	color:#B10017;
}
.philosophy-box .ttl .jp{
	display:block;
	font-size:16px;
	line-height:1.4;
}

.philosophy-box .copy{
	margin-bottom:30px;
	text-align:center;
	color:#C11920;
	font-size:40px;
	line-height:1.4;
	font-weight:700;
	letter-spacing:0.01em;
	font-family: "Zen Old Mincho", serif;
	text-align:center;
}

.philosophy-box .txt-box{
	margin-bottom:4vw;
}
.philosophy-box .txt-box:last-of-type{
	margin-bottom:0;
}
.philosophy-box .txt-box p{
	margin-bottom:20px;
	text-align:center;
}

/* +++++++++++++++++++++++++ */

#deco01{
	position:absolute;
	bottom:-20vw;
	left:-4vw;
	width:30vw;
}
#deco02{
	position:absolute;
	bottom:-25vw;
	right:0.2vw;
	width:28vw;
}
#deco03{
	position:absolute;
	bottom:-8vw;
	left:-2vw;
	width:28vw;
}
#deco04{
	position:absolute;
	bottom:-20vw;
	left:-1.5vw;
	width:20vw;
}
#deco05{
	position:absolute;
	bottom:0vw;
	left:7vw;
	width:12vw;
}
#deco06{
	position:absolute;
	top:0vw;
	right:2.5vw;
	width:26vw;
}

/* +++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++ */

#deco01.ori-amime,
#deco03.ori-amime,
#deco04.ori-amime,
#deco05.ori-amime{
	opacity:0;
}
#deco01.ori-amime.active,
#deco03.ori-amime.active,
#deco04.ori-amime.active,
#deco05.ori-amime.active{
	animation-name:deco_left;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
}
@keyframes deco_left{
  from {
    opacity: 0;
    transform: translateX(-2%);
  }
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}

#deco02.ori-amime,
#deco06.ori-amime{
	opacity:0;
}
#deco02.ori-amime.active,
#deco06.ori-amime.active{
	animation-name:deco_right;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
}
@keyframes deco_right{
  from {
    opacity: 0;
    transform: translateX(2%);
  }
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}

/* +++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++ */


}

@media screen and (min-width:768px) and ( max-width:1366px) {
	


}
@media (max-width: 768px) {

		
	.philosophy-box{
		position:relative;
		margin-bottom:25vw;
	}
	.philosophy-box .ttl{
		text-align:center;
		margin-bottom:5vw;
	}
	.philosophy-box .ttl .en{
		position:relative;
		display:block;
		margin-bottom:3vw;
		padding-bottom:3vw;
		font-size:32px;
		line-height:1.4;
		font-weight:700;
		letter-spacing:0.01em;
		font-family: "Zen Old Mincho", serif;
	}
	.philosophy-box .ttl .en:before{
		content:"";
		position:absolute;
		left:50%;
		bottom:0;
		width:2em;
		height:1px;
		margin-left:-1em;
		background-color:#000;
	}
	.philosophy-box .ttl .en::first-letter {
		color:#B10017;
	}
	.philosophy-box .ttl .jp{
		display:block;
		font-size:10px;
		line-height:1.4;
	}
	
	.philosophy-box .copy{
		margin-bottom:5vw;
		text-align:center;
		color:#C11920;
		font-size:24px;
		line-height:1.4;
		font-weight:700;
		font-family: "Zen Old Mincho", serif;
		text-align:center;
	}
	
	.philosophy-box .txt-box{
		margin-bottom:10vw;
	}
	.philosophy-box .txt-box:last-of-type{
		margin-bottom:0;
	}
	.philosophy-box .txt-box p{
		margin-bottom:5vw;
		text-align:center;
	}
	
	/* +++++++++++++++++++++++++ */
	
	#deco01,
	#deco02,
	#deco03,
	#deco04,
	#deco05,
	#deco06{
		display:none;
	}
	
	
	
		
					
}