/*---------------ヘッダー----------------*/

header img{vertical-align: bottom;}
header a.search{display: block; color:rgba(255,245,179,1.00); text-decoration: none;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.10)); text-shadow:1px 1px 2px rgba(0,0,0,0.10);  background: /*linear-gradient*/radial-gradient(#d7b450,70%, #d7b450); border-radius:80px;font-weight: bolder; z-index: 3;}
header a.search:hover{opacity: 0.7;}
header a.search strong{color:#ffffff;}
header a.search span{position: absolute; opacity: 0.6; color:rgba(255,255,255,0.6);}
.ctatext strong{font-size:120%;}
@media screen and (min-width:641px){ /*Pc*/
	header {/*background-image:url(../../img/main_bg.jpg);background-size: 100% 100%;*/ background-color: #e3e3e3; position: relative;text-align: center;height: 721px;}
	header img.main_bg{width:1620px; margin:0 auto;height: 721px; position: absolute; top:0;left: 50%; transform: translate(-50%,0);}
	header .inner{position: relative; text-align: center;height: 721px;}
	header img.main_text { width:1185px; margin:0px 0 0 60px;position: absolute; top:0px;left: 50%; transform: translate(-50%,0);}
	header .deco{position: absolute;bottom:-100px;right:-20px;width: 350px;z-index: 2;}
	header a.search{position: absolute;bottom:100px;left:76px;  width:385px;font-size:16px; padding:12px; margin:0px auto 0; line-height: 34px;}
	header a.search strong{font-size:30px; line-height:32px;}
	header a.search span{right: 20px;top:39px;}
	header img.spmain{display: none;}
	header .ctatext{position: absolute;bottom:210px;left:170px; letter-spacing:5px; color:rgba(255,255,255,1.00);filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.10));}
}
@media screen and (max-width:640px){ /*SP*/
	header {}
	header .inner{padding: 0 0 0px 0; margin: 0; width: 100%;}
	header img {width: 100%;}
	header .ctatext{padding-top: 40px; font-size: 18px;letter-spacing: 5px; color: rgba(54,43,32,1.00)}
	header a.search{width: 85%; margin: 20px auto 50px auto; padding: 10px 0;}
	header a.search strong{font-size: 24px; line-height: 32px;}
	header .deco{display: none;}
}

/*---------------ヘッダー(新MV: mv/帯/CTAボタン)----------------*/
header.header--mv{height: auto; background-color: transparent;}
.mv{position: relative;}
.mv-obi{position: relative;}
@media screen and (min-width:641px){ /*Pc*/
	/* MV+帯をまとめてviewport高に収める(縦横比1920:1400、95vhで頭打ち、720pxで頭打ち) */
	.mv-group{width: 100%; aspect-ratio: 1920 / 1400; max-height: 95vh; min-height: 720px; overflow: hidden; display: flex; flex-direction: column;}
	.mv{flex: 1080 0 0; min-height: 0; overflow: hidden;}
	.mv-obi{flex: 320 0 0; min-height: 0; overflow: hidden; background-color: #74a696;}

	/* MV: 背景はcoverで常に隙間なく埋め、中身(人物+見出し+バッジ)は16:9を保って収める */
	.mv__back{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
	.mv__inner{position: relative; height: 100%; max-width: 100%; aspect-ratio: 1920 / 1080; margin: 0 auto;}
	.mv__guts{position: absolute; inset: 0; width: 100%; height: 100%;}
	.mv__cta{position: absolute; left: 13.646%; top: 77.407%; width: 30%; display: block;}
	.mv__cta img{display: block; width: 100%; height: auto;}

	/* 帯: 背景は単色。中身はMVと同じ1920幅基準のフレームを中央寄せしてから配置し、MVの中身と横位置を揃える */
	.mv-obi__inner{position: relative; height: 100%; max-width: 100%; aspect-ratio: 1920 / 320; margin: 0 auto;}
	.mv-obi__guts{position: absolute; left: 12.5%; top: 0; height: 100%; width: auto;}
}
@media screen and (max-width:640px){ /*SP*/
	.mv-cta{width: 100%; padding: 24px 0; background-color: #fff; display: flex; align-items: center; justify-content: center;}
	.mv-cta .mv__cta{display: block; width: 78%; max-width: 420px;}
	.mv-cta .mv__cta img{display: block; width: 100%; height: auto;}
}



@media screen and (min-width:641px){ /*Pc*/
	header .set01{display: none;}
}
@media screen and (max-width:640px){ /*SP*/
header .set01{display: none;}
header a.search02{display: block; color:rgba(255,245,179,1.00); text-decoration: none;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.10)); text-shadow:1px 1px 2px rgba(0,0,0,0.10);  background: /*linear-gradient*/radial-gradient(#eb896a,70%, #bc9227); border-radius:80px;font-weight: bolder; z-index: 3;}
header a.search02:hover{opacity: 0.7;}
header a.search02 strong{color:#ffffff;}
header a.search02 span{position: absolute; opacity: 0.6;line-height: 33px; color:rgba(255,255,255,0.6);}
header a.search02{width: 85%; margin: 50px auto 15px; padding:20px 0;}
header a.search02 strong{font-size: 24px; line-height: 32px;}
}