@charset "UTF-8";
/* CSS Document */


/***

note

***/
.contents300{
	clear: both;
	width: 83.334%;
	max-width: 300px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

/* ページタイトル1 */
.brand_title1 {
	font-size: 34px;
	line-height:101%;
}
.brand_title1.m01 {
	font-size: 20px;
	line-height:101%;
}
@media screen and (max-width: 600px) {
.brand_title1 {
	font-size: 6.8vw;
}
.brand_title1.m01 {
	font-size: 4vw;
}
}
/* ページタイトル5 */
.brand_title5 {
	text-align: center;
}

/* ページテキスト1 */
.brand_txt1 {
	font-size: 21px;
	line-height: 166%;
	color: #9c8333;
}
@media screen and (max-width: 600px) {
.brand_txt1 {
	font-size: 4.2vw;
}
}


/* 画像1 */
.note_ph1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}

/* 画像2（スマホ） */
.note_ph2{
	clear: both;
	width: 31.25%;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -30%;
	right: 2.917%;
}
@media screen and (min-width: 801px) {
.note_ph2{
	max-width: 150px;
}
}

.creative_arrow_txt2{
	width: 50%;
	border: none;
	border-bottom: none;
}
.creative_arrow_txt2 a{
	font-size: 16px;
}
@media screen and (max-width: 600px) {
.creative_arrow_txt2 a{
	font-size: 3.2vw;
}
}
@media (any-hover:hover){
.creative_arrow_txt2 a:hover span{
	translate:0 calc(var(--y)*-1);
	translate:0 calc(var(--y)*0);
	clip-path:inset(130% 0 -10% 0);
	opacity:.3;
	transition-delay:0s;
}
.creative_arrow_txt2 a:hover:before{
	translate:0 0;
	clip-path:inset(-10% 0 -10% 0);
	opacity:1;
	transition-delay:var(--delay);
}
.creative_arrow_txt2:hover{
	border-bottom: none;
	transition: all 0.5s ease-in-out;
}
}