@charset "utf-8";

/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
.sp_item.inline_item {
	display: inline-block;
}

.pc_item {
	display: none;
}

html.menu_open {
	overflow: hidden;
	height: 100%;
}

body.fixed {
	position: fixed;
	width: 100%;
	left: 0;
	overflow: hidden;
}

/*------------------------------------------------------------
[SP]gic_header
------------------------------------------------------------ */
.gic_header,
.gic_header * {
	box-sizing: border-box;
}

.gic_header {
	display: block;
	width: 100%;
	margin: 0;
	background: #5BC2DC;
	position: sticky;
	top: 0;
	z-index: 1000;
}

.gic_header .contents_wrap {
	display: block;
	position: relative;
	width: 100%;
}

.gic_header .inner {
	display: block;
	padding: 0 5.333333333333333vw;
}

.gic_header .title {
	width: 53.333333333333333vw;
	height: 16vw;
}

.gic_header .title a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/nav_svg/logo_globalmado.svg) no-repeat left center / auto 9.6vw;
}

.gic_header h1,
.gic_header .title a p {
	text-indent: -99999px;
}

.gic_header .btn_container {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	right: 2.133333333vw;
}

.gic_header .btn_language {
	width: 12vw;
	height: 16vw;
	background: url(../img/icon_globe_bk.svg) no-repeat center center/ 5.6vw;
	text-indent: -99999px;
}

.gic_header.menu_open .btn_language {
	display: none;
}

.gic_header .btn_menu {
	width: 12vw;
	height: 16vw;
	background: url(../img/icon_menu_bk.svg) no-repeat center center/ 5.6vw;
	text-indent: -99999px;
}

.gic_header.menu_open .btn_menu {
	background-image: url(../img/icon_close_bk.svg);
}

.gic_header.menu_open .contents_wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	overflow: hidden;
	background: #5BC2DC;
}

.gic_header.menu_open .nav_group {
	flex: 1;
	min-height: 0;
	overflow: hidden;
	background: #F1F4F6;
}

.gic_header .nav_primary {
	display: none;
}

.gic_header .nav_secondary {
	display: none;
}

.gic_header.menu_open .nav_primary {
	display: block;
	margin: 0 auto;
	width: 89.333333333333333vw;
}

.gic_header.menu_open .nav_secondary {
	display: block;
	margin: 0 auto;
	width: 89.333333333333333vw;
}

.gic_header .nav_primary ul {
	margin-top: 4vw;
}

.gic_header .nav_primary li {
	border-bottom: 0.266666666666667vw #88BCC9 solid;
}

.gic_header .nav_primary li a {
	display: block;
	height: 14.933333333333333vw;
	color: #333;
	font-size: 4.533333333vw;
	line-height: 14.933333333333333vw;
	text-decoration: none;
}

.gic_header.menu_open .nav_secondary ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4vw;
	padding-top: 8vw;
	padding-bottom: 8vw;
	width: 100%;
	margin: 0;
}

.gic_header.menu_open .nav_secondary li {
	border-bottom: none;
	width: 100%;
}

.gic_header.menu_open .nav_secondary li.subscribe a,
.gic_header.menu_open .nav_secondary li.contact a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3.2vw;
	width: 89.333333333333333vw;
	height: 12vw;
	margin: 0 auto;
	padding: 0 4vw;
	box-sizing: border-box;
	border: 0.266666666666667vw solid #0F96B8;
	border-radius: 0.8vw;
	font-size: 4.533333333333333vw;
	line-height: 1;
	color: #333;
	text-decoration: none;
	background: none;
}

.gic_header.menu_open .nav_secondary li.subscribe a::before {
	content: '';
	display: block;
	width: 4.8vw;
	height: 4.8vw;
	flex-shrink: 0;
	background: url(../img/icon_subscribe.svg) no-repeat center center / contain;
}

.gic_header.menu_open .nav_secondary li.contact a::before {
	content: '';
	display: block;
	width: 4.8vw;
	height: 3.466666666666667vw;
	flex-shrink: 0;
	background: url(../img/icon_mail.svg) no-repeat center center / contain;
}

.gic_header.menu_open .nav_secondary li.subscribe a:hover,
.gic_header.menu_open .nav_secondary li.contact a:hover {
	border-color: #333;
}

.gic_header .nav_language {
	margin: 0 auto;
	width: 43.733333333333333vw;
	background: #F1F4F6;
	border: 0.266666666666667vw #88BCC9 solid;
	padding: 2.133333333333333vw 2.666666666666667vw;
	position: absolute;
	top: 14.666666666666667vw;
	right: 11.2vw;
	z-index: 1000;
	opacity: 0;
	pointer-events: none;
	transition: all 1s ease;
}

.gic_header.language_open .nav_language {
	opacity: 1;
	pointer-events: all;
}

.gic_header .nav_language::before {
	content: '';
	width: 5.866666666666667vw;
	height: 4vw;
	background: url(../img/hook_top.svg) no-repeat 0 0;
	background-size: 5.866666666666667vw 4vw;
	position: absolute;
	top: -3.466666666666667vw;
	right: 4vw;
}

.gic_header .nav_language li {
	font-size: 3.733333333333333vw;
	display: block;
	color: #333;
	text-decoration: none;
	padding: 2.133333333333333vw 0;
}

.gic_header .nav_language li.selected {
	font-weight: bold;
	color: #0F96B8;
}

/*------------------------------------------------------------
[SP]gic_footer
------------------------------------------------------------ */
.gic_footer {
	background: #F1F4F6;
}

.gic_footer .inner {
	padding: 8vw 5.333333333333333vw 5.333333333333333vw;
	display: flex;
	flex-direction: column;
}

.gic_footer h1 {
	margin: 0;
	padding: 9.333333333333333vw 0;
	height: auto;
	background: none;
	text-indent: -99999px;
	order: 3;
}

.gic_footer h1 a {
	margin: 0 auto;
	width: 41.388888888888886vw;
	height: 5.866666666666667vw;
	display: block;
	background: url(../img/logo.svg) no-repeat center center;
	background-size: contain;
}

.gic_footer .nav_primary {
	order: 1;
}
.gic_footer .nav_secondary {
	order: 2;
}
/*.gic_footer .nav_primary ul {
	border-top: 0.266666666666667vw #88BCC9 solid;
}
*/
.gic_footer li {
	border-bottom: 0.266666666666667vw #88BCC9 solid;
}

.gic_footer li a {
	display: block;
	height: 14.933333333333333vw;
	color: #333;
	font-size: 4.533333333vw;
	line-height: 14.933333333333333vw;
	text-decoration: none;
}

.gic_footer .nav_secondary ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4vw;
	padding-top: 8vw;
	width: 100%;
	margin: 0;
}

.gic_footer .nav_secondary li {
	border-bottom: none;
	width: 100%;
}

.gic_footer li.subscribe a,
.gic_footer li.contact a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3.2vw;
	width: 89.333333333333333vw;
	height: 12vw;
	margin: 0 auto;
	padding: 0 4vw;
	box-sizing: border-box;
	border: 0.266666666666667vw solid #0F96B8;
	border-radius: 0.8vw;
	font-size: 4.533333333333333vw;
	line-height: 1;
	color: #333;
	text-decoration: none;
	background: none;
}

.gic_footer li.subscribe a::before {
	content: '';
	display: block;
	width: 4.8vw;
	height: 4.8vw;
	flex-shrink: 0;
	background: url(../img/icon_subscribe.svg) no-repeat center center / contain;
}

.gic_footer li.contact a::before {
	content: '';
	display: block;
	width: 4.8vw;
	height: 3.466666666666667vw;
	flex-shrink: 0;
	background: url(../img/icon_mail.svg) no-repeat center center / contain;
}

.gic_footer li.subscribe a:hover,
.gic_footer li.contact a:hover {
	border-color: #333;
}

.gic_footer .copyright {
	border-top: 0.266666666666667vw #88BCC9 solid;
	padding-top: 4.266666666666667vw;
	font-size: 2.666666666666667vw;
	line-height: 1;
	color: #333;
	text-align: center;
	letter-spacing: -0.04vw;
	order: 4;
}

/*------------------------------------------------------------
[SP]gic_contents
------------------------------------------------------------ */
.gic_contents {
	margin: 0 auto;
	padding-bottom: 13.333333333333333vw;
	width: 89.333333333333333vw;
	box-sizing: border-box;
}

.page_top .gic_contents {
	padding-bottom: 10.666666666666667vw;
}

/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print,
screen and (min-width:768px) {

	.sp_item {
		display: none;
	}

	.pc_item {
		display: block;
	}

	.pc_item.inline_item {
		display: inline-block;
	}

	/*------------------------------------------------------------
[PC]gic_header
------------------------------------------------------------ */
	.gic_header {
		display: flex;
		align-items: center;
	}

	.gic_header .contents_wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1.3888888888888888vw;
		position: relative;
		height: 74px;
		margin: 0 auto;
		padding: 0 20px;
		max-width: 1440px;
	}

	.gic_header.menu_open .contents_wrap {
		position: relative;
		top: auto;
		left: auto;
		z-index: auto;
		width: auto;
		height: 74px;
		overflow: visible;
		background: none;
	}

	.gic_header.menu_open .nav_group {
		min-height: 0;
		background: none;
	}

	.gic_header .inner {
		padding: 0;
		width: 19.857142857142857%;
		min-width: 230px;
		max-width: 278px;
	}

	.gic_header .title {
		width: 100%;
		height: 50px;
	}

	.gic_header .title a {
		background: url(../img/nav_svg/logo_globalmado.svg) no-repeat left center / contain;
	}

	.gic_header .btn_container {
		display: block;
		position: static;
	}

	.gic_header .btn_language {
		width: 156px;
		height: 28px;
		box-sizing: border-box;
		background:
			url(../img/icon_globe_bk.svg) no-repeat 6px center,
			url(../img/arrow_down.svg) no-repeat right 6px center #fff;
		background-size: 14px 14px, 10px auto;
		text-indent: 0;
		padding: 0 18px 0 24px;
		color: #333;
		font-size: 14px;
		border-radius: 4px;
		display: flex;
		align-items: center;
		cursor: pointer;
	}

	.gic_header.language_open .btn_language {
		background:
			url(../img/icon_globe_bk.svg) no-repeat 6px center,
			url(../img/arrow_up.svg) no-repeat right 6px center #fff;
		background-size: 14px 14px, 10px auto;
	}

	.gic_header .btn_menu {
		display: none;
	}

	.gic_header .nav_group {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 2.142857142857143vw;
		/*幅1400のとき30px*/
	}

	.gic_header .nav_primary {
		display: block;
	}

	.gic_header .nav_primary,
	.gic_header.menu_open .nav_primary {
		width: auto;
		height: auto;
		overflow-y: visible;
	}

	.gic_header .nav_primary ul,
	.gic_header.menu_open .nav_primary ul {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		gap: 2.142857142857143vw;
		margin: 0;
		padding: 0;
		border: none;
	}

	.gic_header .nav_primary ul li {
		border: none;
	}

	.gic_header .nav_primary ul li a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 74px;
		padding: 4px 0 0;
		font-size: clamp(14px, 1.3445378151260505vw, 16px);
		/*基準：width1190の時font16px*/
		line-height: 74px;
		white-space: nowrap;
		border-bottom: 4px transparent solid;
	}

	.gic_header .nav_primary ul li a:hover,
	.page_top_messages .gic_header .nav_primary ul li.nav01 a,
	.page_global_mado .gic_header .nav_primary ul li.nav02 a,
	.page_philosophy .gic_header .nav_primary ul li.nav03 a,
	.page_about_suntory .gic_header .nav_primary ul li.nav04 a,
	.page_corporate_services .gic_header .nav_primary ul li.nav05 a {
		border-bottom: 4px #333333 solid;
	}

	.gic_header .nav_secondary {
		display: none;
	}

	.gic_header .nav_language {
		margin: 0;
		width: 166px;
		background: #F1F4F6;
		border: 1px #88BCC9 solid;
		padding: 8px 18px 8px 6px;
		box-sizing: border-box;
		position: absolute;
		top: 62px;
		right: 20px;
		opacity: 0;
		visibility: hidden;
		transition: all 1s;
	}

	.gic_header.language_open .nav_language {
		opacity: 1;
		visibility: visible;
	}

	.gic_header .nav_language::before {
		content: '';
		width: 22px;
		height: 15px;
		background: url(../img/hook_top.svg) no-repeat 0 0;
		background-size: 22px auto;
		position: absolute;
		top: -14px;
		right: 30px;
	}

	.gic_header .nav_language li {
		font-size: 14px;
		display: block;
		color: #333;
		text-decoration: none;
		padding: 8px 0;
		cursor: pointer;
	}

	.gic_header .nav_language li:hover {
		color: #0F96B8;
	}

	.gic_header .nav_language li.selected {
		font-weight: bold;
		color: #0F96B8;
	}

	/*------------------------------------------------------------
[PC]gic_footer
------------------------------------------------------------ */
	.gic_footer .inner {
		margin: 0 auto;
		width: 100%;
		max-width: 1440px;
		/*min-width: 1140px;*/
		padding: 20px 40px;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 15px;
		position: relative;
	}

	.gic_footer h1 {
		position: absolute;
		left: 40px;
		top: 20px;
		margin: 0;
		padding: 0;
		width: 168px;
		height: 24px;
		background: url(../img/logo.svg) no-repeat right center;
		background-size: 168px 24px;
		text-indent: -99999px;
	}

	.gic_footer h1 a {
		margin: 0;
		width: auto;
		height: 24px;
		display: block;
		background: none;
	}

	.gic_footer .nav_primary {
		display: block;
		width: 100%;
		border-top: none;
	}

	.gic_footer .nav_primary ul {
		display: flex;
		justify-content: flex-end;
		gap: 32px;
		margin: 0;
		border: none;
	}

	.gic_footer .nav_secondary {
		width: 100%;
	}

	.gic_footer .nav_secondary ul {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: flex-end;
		gap: 25px;
		margin: 0;
		padding-top: 0;
		width: auto;
		border: none;
	}

	.gic_footer .nav_secondary li {
		width: auto;
		height: 28px;
		border-bottom: none;
	}

	.gic_footer li {
		border-bottom: none;
	}

	.gic_footer li a {
		height: 15px;
		line-height: 1;
		font-size: clamp(13px, 1.3745704467353952vw, 16px);
		/*基準：width1164の時font16px*/
	}

	.gic_footer li a:hover {
		text-decoration: underline;
	}

	.gic_footer li.subscribe a,
	.gic_footer li.contact a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: auto;
		height: 28px;
		margin: 0;
		padding: 0 15px;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 1;
		color: #333;
		text-decoration: none;
		background: none;
		border-radius: 3px;
		border: 1px solid #0F96B8;
	}

	.gic_footer li.subscribe a::before {
		content: '';
		display: block;
		width: 16px;
		height: 16px;
		flex-shrink: 0;
		background: url(../img/icon_subscribe.svg) no-repeat center center / contain;
	}

	.gic_footer li.contact a::before {
		content: '';
		display: block;
		width: 15px;
		height: 11px;
		flex-shrink: 0;
		background: url(../img/icon_mail.svg) no-repeat center center / contain;
	}

	.gic_footer li.subscribe a:hover,
	.gic_footer li.contact a:hover {
		border: 1px solid #333;
		text-decoration: none;
	}

	.gic_footer .copyright {
		width: 100%;
		border-top: 1px #88BCC9 solid;
		padding: 15px 0 0;
		font-size: 12px;
		line-height: 16px;
		color: #333;
		text-align: right;
		letter-spacing: normal;
	}

	/*------------------------------------------------------------
[PC]gic_contents
------------------------------------------------------------ */
	.gic_contents {
		margin: 0 auto;
		padding: 0 40px 60px;
		width: auto;
		max-width: 1440px;
		box-sizing: border-box;
	}

	.page_top .gic_contents {
		padding: 0 40px 40px;
	}
	
}

.detail_side section mtsetvarblock[name="_re_build_filter"] {
	display: none;
}