@charset "UTF-8";

/*=================================================================*/
/* 全デバイス共通                                                                                           */
/*=================================================================*/
/*	reset
---------------------------------------------------------------*/
* {
	padding: 0px;
	margin: 0px;
}

/*	img
---------------------------------------------------------------*/
img {
	border: none;
	vertical-align: middle;
}

/*	table
----------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

/*	clearfix
---------------------------------------------------------------*/
.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cf {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .cf {
	height: 1%;
}

.cf {
	display: block;
}

/* End hide from IE-mac */
/*	link
---------------------------------------------------------------*/
a:link,
a:visited,
a:active {
	color: #000;
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}

/*	color
---------------------------------------------------------------*/
#wrap .red {
	color: #E80B74;
}

/*	font size
---------------------------------------------------------------*/
.xsmall {
	font-size: 75%;
}

.small {
	font-size: 90%;
}

.large {
	font-size: 125%;
}

/*	align
---------------------------------------------------------------*/
#wrap .center {
	text-align: center;
}

#wrap .left {
	text-align: left;
}

#wrap .right {
	text-align: right;
}

/*	float
---------------------------------------------------------------*/
#wrap .fleft {
	float: left;
}

#wrap .fright {
	float: right;
}

/*	space
---------------------------------------------------------------*/
#contents .mb0 {
	margin-bottom: 0px;
}

#contents .mb10 {
	margin-bottom: 10px;
}

#contents .mb15 {
	margin-bottom: 15px;
}

#contents .mb30 {
	margin-bottom: 30px;
}

#contents .mb50 {
	margin-bottom: 50px;
}

/*	ul
---------------------------------------------------------------*/
li {
	list-style-type: none;
}

/*	p
---------------------------------------------------------------*/
p {
	color: #000000;
}

/*=================================================================*/
body {
	line-height: 160%;
	margin: 0 auto;
	text-align: left;
	word-break: normal;
	word-wrap: break-word;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
}

/*******************************************************************/
/* PC 769px～*/
/*******************************************************************/
@media all and (min-width: 769px) {

	/*<start>==========================================================*/
	html {
		height: 100%;
		font-size: 62.5%;
	}

	/*10px相当にreset*/
	body {
		height: 100%;
		margin: 0;
		font-size: 14px;
		/*css3の効かないブラウザ用*/
		font-size: 1.4rem;
		/*bodyのベースサイズをセット（ここでは16px）以下各要素は10pxを基準にサイズ指定1.2rem（12px）1.4rem（14px）など）*/
	}

	#wrap .inner {
		width: 900px;
		margin: 0 auto;
	}

	.sp {
		display: none !important;
	}

	/*=================================================================*/
	/*	btn */
	/*=================================================================*/
	.btn {
		display: block;
		position: relative;
		margin: 0 auto;
		background: url(../images/union/bg_btn.gif) repeat left top;
		border: 2px solid #000;
		box-sizing: border-box;
		font-size: 1.7rem;
		font-weight: 800;
		text-align: center;
		box-shadow: 3px 3px #000;
		-moz-box-shadow: 3px 3px #000;
		-webkit-box-shadow: 3px 3px #000;
	}

	.btn::after {
		position: absolute;
		background: url(../images/union/icon_blackarrow.png) no-repeat right top;
		top: 50%;
		right: 8px;
		width: 22px;
		height: 7px;
		margin-top: -4px;
		content: '';
	}

	a.btn {
		color: #000;
	}

	.btn02 {
		display: block;
		position: relative;
		margin: 0 auto;
		background: url(../images/union/bg_btn02.png) repeat left top;
		border: 2px solid #fff;
		box-sizing: border-box;
		font-size: 1.7rem;
		font-weight: 800;
		text-align: center;
		box-shadow: 3px 3px #fff;
		-moz-box-shadow: 3px 3px #fff;
		-webkit-box-shadow: 3px 3px #fff;
		color: #fff;
	}

	.btn02::after {
		position: absolute;
		background: url(../images/union/icon_whitearrow.png) no-repeat right top;
		top: 50%;
		right: 8px;
		width: 22px;
		height: 7px;
		margin-top: -4px;
		content: '';
	}

	a.btn02 {
		color: #fff;
	}

	/*=================================================================*/
	/*	header */
	/*=================================================================*/
	header {
		z-index: 1001;
		position: fixed;
		width: 100%;
		min-width: 1024px;
		height: 120px;
		background: #333333;
		/* padding: 1.756% 0 0 2.99%; */
		/* box-sizing: border-box; */
	}

	header .lineCover {
		/* width: 97.91%;
		margin: 0 auto;
		padding: 0.97% 0 20px 0;
		background: url(../images/union/bd_left.png) repeat-y 0 bottom, url(../images/union/bd_bottom.png) repeat-x 0 top, url(../images/union/bd_right.png) repeat-y right bottom; */
		height: 100%;
	}

	header .headerSize {
		width: auto;
		margin: 0 auto;
		height: 100%;
	}

	header .headerInner {
		position: relative;
		/* width: 96.77%; */
		width: 100%;
		height: 100%;
		margin: 0 auto;
		/* padding: 1.756% 130px 0 2.99%; */
		padding: 24px 130px 0 2.99%;
		box-sizing: border-box;
	}

	.headerTop {
		display: flex;
	}

	header .logo {
		/* float: left; */
		display: block;
		/* width: 13.33%; */
		margin-top: 5px;
	}

	header .logo img {
		width: 100%;
		max-width: 180px;
	}

	header .cplogo {
		/* float: left; */
		display: block;
		/* width: 13.33%; */
		margin-top: 12px;
		margin-left: 38px;
		left: 15%;
		color: #fff;
		font-size: 12px;
		letter-spacing: 0.05em;
		line-height: calc(24/12);
		margin-right: auto;
	}

	header .cplogo+.pc {
		margin-left: auto;
		margin-right: 20px;
	}

	header .menu {
		/* float: right; */
		/* width: 86.27%; */
		width: 100%;
	}

	header .menu .option {
		width: 240px;
	}

	header .menu .option,
	header .menu .search {
		/* float: right; */
	}

	header .menu .option li {
		border-right: 0px solid #000;
		padding-right: 3.5%;
		margin-right: 3.5%;
		line-height: 1em;
		font-size: 1.1rem;
	}

	_::-webkit-full-page-media,
	_:future,
	:root header .menu .option li {
		/* safari */
		font-size: 1.0rem;
	}

	header .menu .option li:last-child {
		margin-right: 0;
		border-right: none;
	}

	header .menu .nav {
		margin-top: 17px;
		/* clear: both; */
		/* float: right; */
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-direction: row-reverse;
	}

	header .menu .nav nav,
	header .menu .nav ul {
		/* float: right; */
	}

	header .menu .nav nav {
		/* margin-top: auto; */
	}

	header .menu .nav nav ul {
		/* width: 800px; */
		/*width: 790px;*/
		/* position: absolute; */
		/* bottom: 6px;
		left: 0;
		right: 0;
		margin: auto; */
		display: flex;
		/* padding-bottom: 15px; */
	}

	_::-webkit-full-page-media,
	_:future,
	:root header .menu .nav nav ul {
		/* safari */
		/* width: 840px; */
	}

	header .menu .nav nav ul li {
		/* border-right: 1px solid #000; */
		padding-right: 20px;
		margin-right: 20px;
		/* line-height: 1em; */
		line-height: calc(24/16);
		font-size: 16px;
		position: relative;
		float: none;
		white-space: nowrap;
	}

	header .menu .nav nav ul li::after {
		content: '';
		position: absolute;
		background: #555555;
		width: 1px;
		height: 14px;
		right: 0px;
		top: 50%;
		transform: translateY(-50%);
	}

	header .menu .nav nav ul li:last-child {
		margin-right: 0;
		/* border-right: none; */
		/* display: none; */
	}

	header .menu .nav nav ul li a {
		color: #fff;
		font-family: "Noto Sans JP";
	}

	header .menu .nav nav ul li a:hover {
		padding: 0 0 5px 0;
		border-bottom: 3px solid #000;
	}

	header .subMenu {
		/* float: right; */
		/* margin-top: 12px; */
		/* margin-right: 52px; */
		display: flex;
		flex-direction: row-reverse;
		gap: 30px;
		margin-right: 20px;
		margin-left: auto;
	}

	.option li {
		/* float: left; */
		font-weight: bold;
	}

	.nav {
		margin-top: 12px;
	}

	.nav li {
		float: left;
		font-size: 1.6rem;
		font-weight: bold;
	}

	_::-webkit-full-page-media,
	_:future,
	:root .nav li {
		/* safari */
		font-size: 1.5rem;
	}

	.has-child-menu {
		color: #fff;
		cursor: pointer;
		position: relative;
	}
.has-child-menu::after {
		content: '';
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -15px;
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		border-top: 6px solid #fff;
		border-bottom: 0;
	}
	.has-child-menu.open{
		color: #F5C501;
	}
	.has-child-menu.open::after{
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		border-top: 6px solid #F5C501;
	}
	.navCont_subMenu {
		position: absolute;
		top: 39px;
		left: -20px;
		/* transform: translateX(-58%); */
		flex-direction: column;
	}

	header .menu .nav nav .navCont_subMenu li {
		width: 260px;
		padding: 16px 20px;
		/* margin: 1px 0 0; */
		border-bottom: 1px solid #707070;
		box-sizing: border-box;
		background: #fff;
		text-align: left;
		margin-right: 0;
	}

	header .menu .nav nav .navCont_subMenu li::after {
		right: 18px;
		background: url(../images/header-arrow.svg) no-repeat right center;
		background-size: 100%;
		top: 50%;
		right: 8px;
		width: 7px;
		height: 13px;
		content: '';
	}

	header .menu .nav nav .navCont_subMenu li a {
		font-family: "Noto Sans JP";
		font-weight: 500;
		font-size: 16px;
		letter-spacing: 0.05em;
		line-height: 24px;
		color: #333;
	}

	header .menu .nav nav .navCont_subMenu li a:hover {
		border-bottom: none;
		padding: 0;
	}

	header .onlineShop {
		/* position: relative;
		display: block;
		margin-left: 20px;
		cursor: pointer;
		width: 74.25px; */
		position: relative;
	}

	header .onlineShop img {
		/*width: 100%;*/
		height: auto;
	}

	header .onlineShop img.open {
		display: none;
	}

	header .onlineShop:hover>img {
		opacity: 0.7;
		cursor: pointer;
	}

	header .onlineShop ul.shopMenu {
		position: absolute;
		top: 38px;
		/* right: -16px; */
		left: 50%;
		transform: translateX(-58%);
	}

	header .onlineShop ul.shopMenu li {
		float: none;
		width: 210px;
		padding: 13px 0;
		/* margin: 1px 0 0; */
		border-bottom: 1px solid #707070;
		box-sizing: border-box;
		background: #fff;
		text-align: center;
	}

	header .onlineShop ul.shopMenu li:last-child {
		border: none;
	}

	header .onlineShop ul.shopMenu li a {
		position: relative;
		padding-right: 28px;
	}

	header .onlineShop ul.shopMenu li a::after {
		background: url('../images/i_blank.png')no-repeat center center/cover;
		content: '';
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 12px;
		height: 12px;
		right: 0px;

	}

	header .onlineShop ul.shopMenu li img {
		width: 89px;
	}

	header .onlineShop ul.shopMenu li:first-child img {
		width: 116px;
	}

	header .onlineShop ul.shopMenu li:last-child img {
		width: 158px;
	}

	header .onlineShop.open img.hide {
		display: none;
	}

	header .onlineShop.open img.open {
		display: block;
	}

	header .subMenu ul {
		/* margin-top: 7px; */
		display: flex;
		align-items: center;
		gap: 16px;
	}
	
	header .subMenu ul:after {
		content: none;
	}

	header .subMenu ul li a img{
		max-width: 24px;
	}
	
	.contactBtn {
		width: 120px;
		font-family: "Noto Sans JP";
		/* width: min(120px, calc((120/1366)*100vw)); */
		height: 120px;
		background: #000;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #fff !important;
		font-size: 16px;
		font-weight: bold;
		position: absolute;
		right: 0;
		top: 0;
	}

	.contactBtn img {
		display: block;
		text-align: center;
		max-width: 56px;
	}

	/*=================================================================*/
	/*	Googleカスタム検索 */
	/*=================================================================*/
	header .search {
		/* width: 182px; */
		width: 240px;
	}

	.gsc-control-cse {
		/* background-color: #f5c501 !important; */
		background-color: #333 !important;
		border: none !important;
		padding: 0 !important;
	}

	.gsc-input-box {
		padding: 0 !important;
		border: none !important;
	}

	#gs_id50 tbody {
		background: #fff;
	}

	#gs_id50 tbody tr td {
		border-radius: 20px;
		overflow: hidden;
		height: 31px;
	}

	#gs_id50 input {
		background-position: 250px center !important;
		/* padding-left: 25px !important; */
		padding-left: 5px !important;
		padding-right: 115px !important;
		background-size: 28% !important;
	}

	#gs_id50 input::placeholder {
		font-size: 1.2rem;
	}

	#gs_id50 input:-ms-input-placeholder {
		font-size: 1.2rem;
	}

	#gs_id50 input::-webkit-input-placeholder {
		font-size: 1.2rem;
	}

	.gsc-search-box {
		position: relative !important;
	}

	.gsc-search-box button {
		position: absolute !important;
		top: 0;
		bottom: 0;
		right: 5px;
		margin: auto;
		background: none;
		border: none;
		padding: 0 0 0 28px;
		/* background: url(../images/union/icon_search.png) no-repeat top 4px center; */
		background: url(../images/union/icon_search_black.png) no-repeat center center / cover;
		width: 26px;
		height: 28px;
	}

	.gsc-search-box button:hover {
		cursor: pointer;
		background: url(../images/union/icon_search.png) no-repeat top 4px center;
	}

	.gsc-search-box button svg path {
		display: none;
	}

	#g-k-w-search .gsc-search-box input#gsc-i-id1 {
		border-radius: 5px !important;
	}

	#cse-search-box input[type="submit"] {
		border-radius: 20px !important;
	}

	table.gsc-search-box td.gsc-input {
		padding: 0 !important;
	}

	.gsc-input-box {
		background: none !important;
	}

	.gsib_b {
		display: none;
	}

	/*=================================================================*/
	/*	lineCover */
	/*=================================================================*/
	/* article {
		background: #f5c501;
		width: 100%;
		min-width: 1024px;
	}
	article .lineCover {
		position: relative;
		min-width: 1024px;
	}
	article .lineCover::before, article .lineCover::after {
		position: absolute;
		background: url(../images/union/bd_left.png) repeat-y left top;
		top: 0;
		width: 6px;
		height: 100%;
		display: block;
		content: '';
		z-index: 999;
	}
	article .lineCover::before {
		left: 1.04166%;
	}
	article .lineCover::after {
		right: 1.04166%;
		background: url(../images/union/bd_right.png) repeat-y right top;
	} */
	/*=================================================================*/
	/*	footer */
	/*=================================================================*/
	footer {
		/* padding: 0 0 1.04166% 0; */
		/* min-width: 1024px; */
		position: relative;
	}

	.top-page footer,
	.attention-page footer {
		padding-top: 125px;
	}

	.top-page footer::before{
		position: absolute;
		content: '';
		top: 1px;
		width: 100%;
		height: 125px;
		clip-path: polygon(0% 100%, 100% 100%, 14.77% 0%);
		background: #333333;
	}

	.fixBtn {
		position: fixed;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		display: flex;
		flex-direction: column;
		z-index: 2;
	}

	footer .footerSize {
		background: #333333;
		/* min-width: 1024px; */
		margin: 0 auto;
		color: #fff;
	}

	footer .lineCover {
		/* width: 97.91%;
		margin: 0 auto;
		padding: 103px 0 0;
		background: url(../images/union/bd_left.png) repeat-y 0 bottom, url(../images/union/bd_bottom.png) repeat-x 0 bottom, url(../images/union/bd_right.png) repeat-y right bottom; */
	}

	.footerInner {
		/* width: 96.77%; */
		max-width: 1080px;
		margin: auto;
		padding-top: 60px;
		padding-left: 20px;
		padding-right: 40px;
	}

	.top-page .footerInner {
		padding-top: 0;
	}

	footer ul li {
		/* float: left;
		width: 420px;
		margin: 0 0 54px; */
	}

	footer ul li:last-child {
		/* float: right; */
	}

	footer ul li img {
		width: 100%;
		height: auto;
	}


	footer ul.footernav {
		margin-top: 93px;
		/* display: table;
		text-align: center;
		margin: 0 auto; */
		display: flex;
		gap: 30px;
	}

	footer ul.footernav li a {
		/* display: table-cell;
		width: auto;
		margin: 0 20px 50px 0;
		padding: 0 20px 0 0;
		font-size: 1.3rem;
		font-weight: bold;
		border-right: 1px solid #000; */
		color: #fff;
		font-size: 15px;
		line-height: calc(22.5/15);
	}

	footer ul.footernav li:last-child {
		border-right: none;
	}


	footer dl {
		margin-top: 30px;
		background: #fff;
		position: relative;
		/* width: 692px;
		height: 50px; */
		/* margin: 0 auto 70px;
		padding: 0 0 0 150px; */
		box-sizing: border-box;
		display: flex;
		align-items: center;
		gap: 64px;

		padding: 20px;
	}

	footer dl dt {
		/* position: absolute;
		top: 50%;
		left: 0;
		margin-top: -20px; */
		color: #fff;
		background: #333;
		width: 240px;
		height: 60px;
		background: #333;
		font-weight: bold;
		font-size: 18px;
		line-height: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		position: relative;
		margin-right: 16px;
		white-space: nowrap;
		font-family: "Noto Sans JP";
	}

	footer dl dt::after {
		content: '';
		background: url(../images/i_footer_arrow.png)no-repeat center center/cover;
		width: 48px;
		height: 24px;
		position: absolute;
		right: -24px;
	}

	footer dl dt img {
		/* width: 149px;
		height: auto; */
	}

	footer dl dd {
		/* display: table-cell;
		height: 50px;
		padding: 0 25px;
		box-sizing: border-box;
		vertical-align: middle;
		border-right: 1px solid #aaaaaa; */
	}

	footer dl dd:nth-of-type(2) {
		margin-top: 8px;
	}

	footer dl dd img {
		width: 100%;
		height: auto;
	}

	footer div.cf::after {
		content: none;
	}

	footer div.cf.bottom {
		background: #0A0A0A;
		padding: 15px;
		box-sizing: border-box;
		width: 100%;
		margin-top: 30px;
	}

	footer div.cf ul {
		margin: 0px auto;
		max-width: 1080px;
		display: flex;
		gap: 20px;
	}

	/* footer div.cf ul li{} */
	footer div.cf ul li a {
		font-size: 14px;
		line-height: calc(22.5/14);
		color: #fff;
		position: relative;
	}

	footer div.cf ul li:not(:last-child) a:after {
		width: 1px;
		height: 14px;
		background: #fff;
		right: -10px;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		content: '';
	}

	/* footer dl dd:first-of-type img {
		width: 135px;
		height: auto;
	}
	footer dl dd:nth-of-type(2) img {
		width: 102px;
		height: auto;
	}
	footer dl dd:last-child {
		border-right: 0;
	}
	footer dl dd:last-child img {
		width: 183px;
		height: auto;
	}
	
	footer div.cf {
		position: relative;
		width: 93.75%;
		margin: 0 auto;
	} */
	/* footer div.cf a.totop {
		position: absolute;
		bottom: 6px;
		left: 0;
		right: 0;
		width: 110px;
		margin: auto;
	} */
	/* footer div.cf ul {
		display: inline-block;
		float: left;
		margin: 0 0 36px 0;
	} */
	/* footer div.cf ul li {
		float: none;
		position: relative;
		display: inline-block;
		width: auto;
		padding: 0 0 0 11px;
		margin: 0 10px 0 0;
		font-size: 1.0rem;
	} */
	/* footer div.cf ul li::before {
		position: absolute;
		top: 50%;
		left: 0;
		width: 6px;
		height: 6px;
		margin-top: -4px;
		border-top: 1px solid #f5c501;
		border-right: 1px solid #f5c501;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: '';
	} */
	/* footer div.cf p.copy {
		display: inline-block;
		float: right;
		font-size: 1.1rem;
	} */
	footer .copy {
		position: absolute;
		writing-mode: vertical-rl;
		right: 20px;
		top: 246px;
		font-size: 12px;
		letter-spacing: 0.1em;
		line-height: calc(22.5/12);
		color: #fff;
	}

	/*<end>============================================================*/
}

/*******************************************************************/
/* PC02(1367px～1920pxリキッド) */
/*******************************************************************/
@media all and (min-width: 1367px) and (max-width: 1920px) {

	#wrap .inner {
		width: 1200px;
		margin: 0 auto;
	}

	/*=================================================================*/
	/*	header */
	/*=================================================================*/
	header {
		width: 100%;
		/* padding: 1.756% 0 0 0; */
	}

	header .headerSize {
		width: auto;
	}

	.headerTop {
		display: block;
	}

	header .lineCover {
		/* width: 97.91%;
		margin: 0 auto;
		padding: 0.97% 0 20px 0; */
	}

	header .headerInner {
		/* width: 96.77%; */
		margin: 0 auto;
		position: relative;
	}

	header .subMenu {
		margin-top: 0;
	}

	header .subMenu ul {
		/* margin-top: 7px; */
	}

	header .menu .option {
		width: 200px;
		display: flex;
	}

	header .menu .option li {
		padding-right: 10px;
		margin-right: 10px;
	}

	.option li {
		font-size: 1.1rem;
	}

	header .menu .nav nav {
		/* position: absolute;
		bottom: 6px;
		left: 0;
		right: 0;
		width: 840px;
		margin: auto; */
	}

	header .menu .nav nav ul {
		/* width: 998px; */
	}

	_::-webkit-full-page-media,
	_:future,
	:root header .menu .nav nav ul {
		/* safari */
		/*width: 980px;*/
		width: 1035px;
	}

	.nav {
		margin-top: 12px;
	}

	.nav li {
		font-size: 1.6rem !important;
	}

	header .menu .nav nav ul li {
		/* padding-right: 10px;
		margin-right: 10px; */
		font-size: 1.6rem;
	}

	header .logo {
		position: absolute;
		/*bottom: 21%;*/
	}

	header .cplogo {
		position: absolute;
		/*bottom: 21%;*/
	}

	header .onlineShop {
		width: auto;
	}

	header .onlineShop ul.shopMenu {
		/* top: px; */
	}


	/*=================================================================*/
	/*	lineCover */
	/*=================================================================*/
	/* article .lineCover {
		width: 100%;
		position: relative;
	}
	article .lineCover::before, article .lineCover::after {
		position: absolute;
		background: url(../images/union/bd_left.png) repeat-y left bottom;
		top: 0;
		width: 6px;
		height: 100%;
		display: block;
		content: '';
		z-index: 999;
	}
	article .lineCover::before {
		left: 1.04166%;
	}
	article .lineCover::after {
		right: 1.04166%;
		background: url(../images/union/bd_right.png) repeat-y right top;
	} */
	/*=================================================================*/
	/*	footer */
	/*=================================================================*/
	footer {
		/* padding: 0 0 1.04166% 0; */
	}

	footer .footerSize {
		width: auto;
	}

	footer .lineCover {
		/* width: 97.91%;
		background: url(../images/union/bd_left.png) repeat-y 0 bottom, url(../images/union/bd_bottom.png) repeat-x 0 bottom, url(../images/union/bd_right.png) repeat-y right bottom; */
	}

	.footerInner {
		/* width: 96.77%;
		max-width: 1080px;
		margin: auto; */
	}

	footer div.cf {
		width: 93.75%;
	}

	footer ul li {
		/* width: 560px; */
	}

	footer div.cf ul li {
		/* margin: 0 20px 0 0;
		font-size: 1.2rem; */
	}

	footer ul.footernav {
		/* display: table;
		text-align: center;
		margin: 0 auto; */
	}

	footer ul.footernav li {
		/* display: table-cell;
		width: auto;
		margin: 0 20px 50px 0;
		padding: 0 20px 0 0;
		font-size: 1.5rem;
		font-weight: bold;
		border-right: 1px solid #000; */
	}

	footer ul.footernav li:last-child {
		border-right: none;
	}


	footer dl {
		/* width: 923px;
		padding: 0 0 0 200px; */
	}

	footer dl dt img,
	footer dl dd:first-of-type img,
	footer dl dd:nth-of-type(2) img,
	footer dl dd:last-of-type img {
		width: auto;
	}

	footer div.cf p.copy {
		font-size: 1.4rem;
	}


	/*<end>============================================================*/
}

/*******************************************************************/
/* PC 1921px～*/
/*******************************************************************/
@media all and (min-width: 1921px) {

	/*<start>==========================================================*/
	#wrap .inner {
		width: 1200px;
		margin: 0 auto;
	}


	header .menu .nav nav ul {
		/* width: auto;
		position: relative; */
	}

	.option li {
		/* float: left;
		font-size: 1.2rem; */
	}

	.nav li {
		/* float: left;
		font-size: 1.8rem; */
	}

	header {
		/* width: 100%; */
		/* background: #333; */
		/* padding: 24px 0 0 0; */
	}

	header .lineCover {
		/* width: 1880px;
		margin: 0 auto; */
	}

	header .headerSize {
		/* width: auto; */
	}

	header .headerInner {
		/* width: 1800px; */
		/* margin: 0 auto; */
	}

	header .menu {
		/* margin-top: 10px; */
	}

	header .menu .option li {
		/* border-right: 1px solid #000;
		padding-right: 15px;
		margin-right: 15px;
		line-height: 1em; */
	}

	header .menu .option li:last-child {
		/* margin-right: 0;
		padding: 0;
		border-right: none; */
	}

	header .menu .nav {
		/* margin-top: 12px; */
	}

	header .menu .nav ul {
		/* width: auto; */
		/* margin-right: 0; */
	}

	header .menu .nav nav {
		/* width: auto; */
		/* margin-right: 222px; */
	}

	_::-webkit-full-page-media,
	_:future,
	:root header .menu .nav nav ul {
		/* safari */
		/* width: auto; */
	}

	header .menu .nav nav ul li {
		/* border-right: 1px solid #000;
		padding-right: 22px;
		margin-right: 20px;
		line-height: 1em;
		font-size: 1.6rem !important; */
	}

	header .menu .nav nav ul li:last-child {
		/* margin-right: 0;
		padding: 0;
		border-right: none; */
	}

	header .menu .option {
		/* width: 340px; */
	}

	header .subMenu {
		/* margin-top: 0; */
	}

	header .logo {
		/* margin-top: 41px; */
	}

	header .onlineShop {
		/* width: auto; */
	}

	header .onlineShop ul.shopMenu {
		/* top: 48px; */
	}



	/*=================================================================*/
	/*	lineCover */
	/*=================================================================*/
	/* article .lineCover {
		width: 1920px;
		margin: 0 auto;
		position: relative;
	}
	article .lineCover::before, article .lineCover::after {
		position: absolute;
		background: url(../images/union/bd_left.png) repeat-y left bottom;
		top: 0;
		width: 6px;
		height: 100%;
		display: block;
		content: '';
		z-index: 999;
	}
	article .lineCover::before {
		left: 20px;
	}
	article .lineCover::after {
		right: 20px;
		background: url(../images/union/bd_right.png) repeat-y right top;
	} */
	/*=================================================================*/
	/*	footer */
	/*=================================================================*/
	footer {
		/* padding: 0 0 20px 0;
		background: #eeeeee; */
	}

	footer .footerSize {
		width: 1920px;
		margin: 0 auto;
	}

	footer .lineCover {
		/* width: 1880px;
		margin: 0 auto;
		padding: 103px 0 0;
		background: url(../images/union/bd_left.png) repeat-y 0 bottom, url(../images/union/bd_bottom.png) repeat-x 0 bottom, url(../images/union/bd_right.png) repeat-y right bottom; */
	}

	footer ul li {
		float: left;
		width: 560px;
		margin: 0 0 54px;
	}

	footer ul li:last-child {
		float: right;
	}

	footer dl {
		/* position: relative;
		width: 923px;
		height: 50px;
		margin: 0 auto 70px;
		padding: 0 0 0 200px;
		box-sizing: border-box; */
	}

	footer dl dt {
		/* position: absolute;
		top: 50%;
		left: 0;
		margin-top: -20px; */
	}

	footer dl dd {
		/* display: table-cell;
		height: 50px;
		padding: 0 25px;
		box-sizing: border-box;
		vertical-align: middle;
		border-right: 1px solid #aaaaaa; */
	}

	footer dl dd:last-child {
		border-right: 0;
	}

	footer dl dt img,
	footer dl dd:first-of-type img,
	footer dl dd:nth-of-type(2) img,
	footer dl dd:last-of-type img {
		width: auto;
	}

	footer div.cf {
		position: relative;
		width: 1200px;
		margin: 0 auto;
	}

	footer div.cf a.totop {
		position: absolute;
		bottom: 6px;
		left: 0;
		right: 0;
		width: 110px;
		margin: auto;
	}

	footer div.cf ul {
		display: inline-block;
		float: left;
		margin: 0 0 36px 0;
	}

	footer div.cf ul li {
		width: auto;
		padding: 0 0 0 11px;
		margin: 0 20px 0 0;
		font-size: 1.2rem;
	}

	footer div.cf ul li::before {
		position: absolute;
		top: 50%;
		left: 0;
		width: 6px;
		height: 6px;
		margin-top: -4px;
		border-top: 1px solid #f5c501;
		border-right: 1px solid #f5c501;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: '';
	}

	footer div.cf p.copy {
		display: inline-block;
		float: right;
	}

	div.bottom {
		width: 1800px !important;
		margin: 0 auto !important;
	}

	footer div.cf p.copy {
		font-size: 1.4rem;
	}

	/*<end>============================================================*/
}

/*******************************************************************/
/* SP */
/*******************************************************************/
@media all and (max-width: 768px) {

	/*<start>==========================================================*/
	html {
		font-size: 62.5%;
	}

	/*10px相当にreset*/
	body {
		font-size: 15px;
		/*css3の効かないブラウザ用*/
		font-size: 1.5rem;
		/*bodyのベースサイズをセット（ここでは20px）以下各要素は10pxを基準にサイズ指定2.2rem（22px）2.4rem（24px）など）*/
	}

	html,
	body {
		-webkit-text-size-adjust: 100%;
		/* iPhoneでのフォントサイズ自動変換OFF  縦横でのフォントサイズが固定される */
		-webkit-font-smoothing: antialiased;
		android: textAppearance="?android:attr/textAppearanceSmall";
	}

	.pc {
		display: none !important;
	}

	.inner {
		width: 94.66%;
		margin: 0 auto;
	}

	/*	img
----------------------------------------------------*/
	img {
		width: 100%;
		height: auto;
	}

	/*=================================================================*/
	/*	btn */
	/*=================================================================*/
	.btn {
		display: block;
		position: relative;
		margin: 0 auto;
		background: url(../images/union/bg_btn.gif) repeat left top;
		border: 2px solid #000;
		box-sizing: border-box;
		font-size: 1.7rem;
		font-weight: 800;
		text-align: center;
		box-shadow: 3px 3px #000;
		-moz-box-shadow: 3px 3px #000;
		-webkit-box-shadow: 3px 3px #000;
	}

	.btn::after {
		position: absolute;
		background: url(../images/union/sp/icon_blackarrow.png) no-repeat right center;
		background-size: 100%;
		top: 50%;
		right: 8px;
		width: 22px;
		height: 7px;
		margin-top: -4px;
		content: '';
	}

	a.btn {
		color: #000;
	}

	.btn02 {
		display: block;
		position: relative;
		margin: 0 auto;
		background: url(../images/union/bg_btn02.png) repeat left top;
		border: 2px solid #fff;
		box-sizing: border-box;
		font-size: 1.7rem;
		font-weight: 800;
		text-align: center;
		box-shadow: 3px 3px #fff;
		-moz-box-shadow: 3px 3px #fff;
		-webkit-box-shadow: 3px 3px #fff;
		color: #fff;
	}

	.btn02::after {
		position: absolute;
		background: url(../images/union/sp/icon_whitearrow.png) no-repeat right center;
		background-size: 100%;
		top: 50%;
		right: 8px;
		width: 22px;
		height: 7px;
		margin-top: -4px;
		content: '';
	}

	a.btn02 {
		color: #fff;
	}

	/*=================================================================*/
	/*	header */
	/*=================================================================*/
	header {
		padding: 20px;
		box-sizing: border-box;
		background: #333;
		height: 56px;
	}

	.headerTop {
		display: flex;
		line-height: 1;
	}

	header .headerSize {
		position: relative;
	}

	header .logo {
		display: flex;
		/* width: 54.13%; */
		max-width: 120px;
		/* margin: 0 auto; */
	}

	header .cplogo {
		color: #fff;
		font-size: 10px;
		line-height: 1;
		margin-top: auto;
		margin-left: 16px;
	}

	header .menuBtn {
		display: block;
		/* width: 6.666%; */
		width: 20px;
		height: 18px;
		position: absolute;
		/* top: 0.1%; */
		right: 0;
		z-index: 1051;
	}

	header .menuBtn.active {
		text-indent: -9999px;
		background: url(../images/union/sp/icon_close.png) no-repeat center;
		background-size: 100%;
		opacity: 1;
	}

	.contactBtn {
		display: none;
	}

	/*=================================================================*/
	/*	nav */
	/*=================================================================*/
	.navWrap {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		z-index: 1050;
		background: rgba(0, 0, 0, 0.55);
		width: 100%;
		height: 100%;
	}

	.navWrap.open {
		display: block;
	}

	.navWrap.close {
		display: none;
	}

	.navCont {
		padding: 0 0 5%;
		overflow-y: auto;
		text-align: center;
		background: #f5c501;
		box-sizing: border-box;
	}

	.navCont_top {
		padding: 20px;
		background: #333;
		height: 56px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}

	.navCont h1 {
		/* padding: 5.6% 0; */
	}

	/* header .navCont_top .cplogo {
margin-top: auto;
margin-bottom: auto;
	} */
	.navCont ul.nav {
		/* padding: 2.67% 5.34%; */
		padding: 0 20px;
		/* margin: 0 0 3.2%; */
	}

	.navCont ul.nav li {
		/* padding: 4.8% 0; */
		padding: 18px 0;
		border-bottom: 1px solid #333;
		font-size: 1.5rem;
		font-weight: bold;
		text-align: left;
		display: flex;
		/* align-items: center; */
		flex-direction: column;
	}

	.navCont ul.nav .has-child-menu li {
		/* padding-bottom: 0; */
		font-weight: 500;
		font-size: 14px;
		letter-spacing: 0.05em;
		line-height: 24px;

	}

	.navCont ul.nav .has-child-menu a {
		padding-bottom: 18px;
	}

	.navCont ul.nav li .submenu {
		padding-left: 25px;
		border-top: 1px solid #333;
	}

	.navCont ul.nav li .submenu li:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}

	.navCont ul.nav li .submenu a {
		padding-bottom: 0;
	}

	.navCont ul.nav li:nth-child(6) {
		/* display: none; */
	}

	.navCont ul.nav li:last-child {
		/* border-bottom: 2px solid #000; */
	}

	.navCont ul.nav li a {
		display: flex;
		align-items: center;
		line-height: 1;
	}

	.navCont ul.nav li .icon {
		/* display: inline-flex; */
		/* align-items: center; */
		margin-right: 10px;
	}

	.navCont ul.nav li .icon img {
		max-width: 24px;
	}

	.navCont .option {
		display: flex;
		width: 100%;
		/* padding: 0 2.67%; */
		/* margin: 0 0 5.87%; */
		padding: 0 20px;
		margin-top: 10px;
		box-sizing: border-box;
	}

	/* .navCont ul.option li {
		display: table-cell;
		padding: 0 1%;
		font-size: 1.4rem;
		font-weight: bold;
		border-right: 1px solid #000;
	} */
	/* .navCont ul.option li:last-child {
		border-right: 0;
	} */
	.navCont .option .contactBtn {
		width: 50%;
		/* height: 60px; */
		background: #000;
		display: flex;
		/* flex-direction: column; */
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		gap: 3px;
	}

	.navCont .option .contactBtn img {
		display: block;
		text-align: center;
		max-width: 31px;
		margin-top: -2px;
	}

	.navCont ul.externalService {
		/* position: relative;
		width: 100%;
		padding: 0 20%;
		box-sizing: border-box; */
		display: flex;
		align-items: center;
		justify-content: center;
		/* margin-top: 10px; */
		gap: 28px;
		max-width: 63.73%;
		width: 100%;
		min-width: initial;
		margin: 10px auto 0;
		padding: 0 20px;
	}

	.navCont ul.externalService:after {
		content: none;
	}

	.navCont ul.externalService>li {
		/* float: left;
		width: 13.33%;
		margin: 0 10% 0 0; */
	}

	/* .navCont ul.externalService > li.facebook{
		width:7%;
	} */
	.navCont ul.externalService>li:first-child {
		/* width: 6.66%;
		margin: 0 15.38% 0 0;*/
	}

	/* .navCont ul.externalService > li:last-child {
		width: 36%;
		margin: 0;
	}
	header .onlineShop img.open {
		display: none;
	}
	header .onlineShop.open img.hide {
		display: none;
	}
	header .onlineShop.open img.open {
		display: block;
	}
	ul.shopMenu {
		display: table;
		width: 100%;
		padding: 20px 0;
		background: #eeeeee;
	}
	ul.shopMenu li {
		display: table-cell;
		width: 29.06%;
		box-sizing: border-box;
		border-right: 1px solid #aaaaaa;
		text-align: center;
		vertical-align: middle;
	}
	ul.shopMenu li img {
		width: 62.84%;
	}
	ul.shopMenu li:first-child {
		width: 32%;
	}
	ul.shopMenu li:first-child img {
		width: 75%;
	}
	ul.shopMenu li:last-child {
		width: 38.66%;
		border-right: 0;
	}
	ul.shopMenu li:last-child img {
		width: 87.14%;
	} */
	.business_products_btn {
		width: 50%;
		display: flex;
	}

	.navCont_shopMenu {
		margin-top: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
		padding: 0 20px;
	}


	/*=================================================================*/
	/*	Googleカスタム検索 */
	/*=================================================================*/
	header .search {
		/* width: 250px; */
		/* margin: 0 auto 4%; */
		margin: 20px 20px 0;
	}

	.gsc-control-cse {
		background-color: #f5c501 !important;
		border: none !important;
		padding: 0 !important;
	}

	.gsc-input-box {
		border: none !important;
	}

	#gs_id51 tbody {
		background: #fff;
	}

	#gs_id51 tbody tr td {
		border-radius: 20px;
		overflow: hidden;
		padding: 0;
	}

	/*#gs_id51 input {
		background-position: 30px center!important;
		padding-left: 30px !important;
	}*/
	#gs_id51 input {
		background-position: 200% !important;
		padding-left: 20px !important;
		background-size: 28% !important;
		height: 40px !important;
	}

	#gs_id51 .gsc-control-cse {
		width: 100%;
	}

	.gsc-search-button {
		margin: 0;
	}

	#gs_id51 .gsc-search-box {
		position: relative !important;
	}

	header .gsc-input-box {
		padding: 0;
		position: relative;
	}

	header table.gsc-search-box td {
		width: auto;
		margin: 0;
	}

	form.gsc-search-box {
		position: relative;
	}

	table.gsc-search-box td .gsc-search-button {
		position: absolute !important;
		top: 0;
		bottom: 0;
		right: 6px;
		margin: auto;
		background: none;
		border: none;
		/* padding: 0 0 0 30px; */
		background: url(../images/union/icon_search_black.png) no-repeat center center/cover;
		width: 28px;
		height: 28px;
	}

	/* .gsc-search-box button:hover {
		cursor: pointer;
		background: url(../images/union/sp/icon_search.gif) no-repeat top 10px center;
		background-size: 40%;
	} */
	.gsc-search-box button svg path {
		display: none;
	}

	#g-k-w-search .gsc-search-box input#gsc-i-id1 {
		border-radius: 5px;
	}

	#cse-search-box input[type="submit"] {
		border-radius: 20px;
	}

	table.gsc-search-box td.gsc-input {
		padding: 0 !important;
	}

	.gsc-input-box {
		background: none !important;
	}

	.gsib_b {
		display: none;
	}

	.navCont_Title {
		margin-top: 40px;
		font-size: 14px;
		line-height: calc(22.5/14);
		text-align: center;
		color: #333;

	}

	/*=================================================================*/
	/*	footer */
	/*=================================================================*/
	footer {
		/* background: #333333; */
		position: relative;
	}

	.top-page footer,
	.attention-page footer {
		padding-top: 55px;
	}

	.top-page footer::before{
		position: absolute;
		content: '';
		top: 1px;
		width: 100%;
		height: 55px;
		clip-path: polygon(0% 100%, 100% 100%, 14.77% 0%);
		background: #333333;
	}

	.fixBtn {
		position: fixed;
		left: 0;
		bottom: 0;
		display: flex;
		/* flex-direction: column; */
		z-index: 2;
		width: 100%;
	}

	footer .footerSize {
		background: #333333;
		margin: 0 auto;
		color: #fff;
	}

	.footerInner {
		padding-top: 32px;
		max-width: 1080px;
		margin: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	footer ul li img {
		width: 100%;
		height: auto;
	}


	footer ul.footernav {
		margin-top: 40px;
		/* display: table;
		text-align: center;
		margin: 0 auto; */
		display: flex;
		flex-wrap: wrap;
		gap: 5px 15px;
	}

	footer ul.footernav li a {

		color: #fff;
		font-size: 14px;
		line-height: 1;
	}

	footer ul.footernav li:last-child {
		border-right: none;
	}


	footer dl {
		margin-top: 25px;
		background: #fff;
		position: relative;
		/* width: 692px;
		height: 50px; */
		/* margin: 0 auto 70px;
		padding: 0 0 0 150px; */
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		/* gap: min(64px, calc((64/1366)*100vw)); */
		padding: 10px 0px 16px;
	}

	footer dl dt {
		font-family: "Noto Sans JP";
		font-weight: bold;
		font-size: 12px;
		line-height: 24px;
		text-align: center;
		color: #333;
		margin-bottom: 0px;
		width: 100%;
	}

	footer dl dd:nth-of-type(1) img {
		max-width: 85px;
		height: auto;
		margin-right: 20px;
	}

	footer dl dd:nth-of-type(2) img {
		max-width: 65px;
		height: auto;
		margin-right: 20px;
	}

	footer dl dd:nth-of-type(3) img {
		max-width: 115px;
		height: auto;
	}

	footer div.cf::after {
		content: none;
	}

	footer div.cf.bottom {
		background: #0A0A0A;
		padding: 30px 15px 8px;
		box-sizing: border-box;
		width: 100%;
		margin-top: 30px;
	}

	footer div.cf ul {
		margin: 0px auto;
		max-width: 1080px;
		display: flex;
		flex-wrap: wrap;
		gap: 0px 25px;
	}

	/* footer div.cf ul li{} */
	footer div.cf ul li a {
		font-size: 12px;
		line-height: calc(22.5/14);
		color: #fff;
		position: relative;
	}

	footer div.cf ul li:not(:last-child) a:after {
		width: 1px;
		height: 14px;
		background: #fff;
		right: -12px;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		content: '';
	}

	footer .copy {
		/* position: absolute;
		writing-mode: vertical-rl;
		right: 10px;
		top: 200px; */
		background: #0A0A0A;
		font-size: 12px;
		letter-spacing: 0.1em;
		line-height: calc(22.5/12);
		color: #fff;
		text-align: center;
		padding-bottom: 20px;
	}

	/* footer .lineCover .inner ul {
		margin-bottom: 8.66%;
	}

	footer ul li {
		float: left;
		width: 46.47%;
	}

	footer ul li:last-child {
		float: right;
	}


	footer ul.footernav {
		display: table;
		text-align: center;
		margin: 0 auto;
	}

	footer ul.footernav li {
		display: table-cell;
		width: auto;
		margin: 0 20px 50px 0;
		padding: 0 20px 0 0;
		font-size: 1.1rem;
		font-weight: bold;
		border-right: 1px solid #000;
	}

	footer ul.footernav li:last-child {
		border-right: none;
	}


	footer dl {
		display: table;
		position: relative;
		width: 100%;
		box-sizing: border-box;
		padding: 15.53% 0 0 0;
		margin-bottom: 13.466%;
	}

	footer dl dt {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 40.133%;
		margin: auto;
	}

	footer dl dd {
		display: table-cell;
		box-sizing: border-box;
		vertical-align: middle;
		border-right: 1px solid #aaaaaa;
	}

	footer dl dd:last-child {
		border-right: 0;
	}

	footer dl dd a img {
		width: 85%;
		margin: 0 auto;
		display: block;
	}

	footer div.cf {
		position: relative;
		margin: 0 auto;
	}

	footer div.cf ul {
		display: table;
		width: 90%;
		margin: 0 auto;
	}

	footer div.cf ul li {
		float: left;
		position: relative;
		width: 50%;
		padding-left: 10px;
		box-sizing: border-box;
		font-size: 1.1rem;
	} */

	/* footer div.cf ul li::before {
		position: absolute;
		top: 50%;
		left: 0;
		width: 6px;
		height: 6px;
		margin-top: -4px;
		border-top: 1px solid #f5c501;
		border-right: 1px solid #f5c501;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: '';
	} */
	/* footer div.cf p.copy {
		text-align: center;
		padding: 6.933% 0 4.4%;
	} */

	footer ul.footernav li {
		/* float: left;
		position: relative;
		padding-left: 10px;
		box-sizing: border-box;
		font-size: 1.3rem;
		margin:0 auto; */
	}

	/*<end>============================================================*/
}

ul.externalService {
	/* width:300px; */
	max-width: 141px;
	min-width: 141px;
	/* margin-left: 46px; */
	margin-left: 20px;
	margin-right: 20px;
}

.externalService li {
	/* float:left;
	width:45%; */
}

.externalService li img {
	width: 100%;
}

footer ul.snsicon {
	/* width: 35%; */
	/* text-align: center; */
	/* margin: 0em auto 3em; */
	display: flex;
	align-items: center;
	gap: 25px;
	padding-top: 0px;
}

@media all and (min-width: 769px) {
	footer ul.snsicon {
		gap: 25px;
		padding-top: 25px;
	}
}

footer ul.snsicon::after {
	content: none;
}

footer ul.snsicon li {
	/* margin:auto; */
	font-size: 15px;
}

footer ul.snsicon li:first-child {
	/* margin-right: 30px; */
}

footer ul.snsicon b {
	color: #fff;
	font-size: 12px;
	line-height: calc(22.5/12);
	margin-right: 20px;
}

@media all and (min-width: 769px) {
	footer ul.snsicon b {
		font-size: 15px;
		line-height: calc(22.5/15);
		margin-right: 0;
	}
}


footer ul.snsicon li img {
	/* width:70px; */
	max-width: 40px;
}

@media all and (min-width: 769px) {
	footer ul.snsicon li img {
		/* width:70px; */
		max-width: 40px;
	}
}

footer ul.snsicon:nth-of-type(1) li:nth-of-type(2) img {
	max-width: 50px;
}

footer ul.snsicon:nth-of-type(1) li:nth-of-type(3) img {
	max-width: 52px;
}

footer ul.snsicon:nth-of-type(1) li:nth-of-type(4) img {
	/* margin-right: 30px; */
	max-width: 36px;
}

@media all and (max-width: 768px) {
	footer ul.snsicon li:nth-of-type(2) img {
		max-width: 52px;
	}

	footer ul.snsicon li:nth-of-type(3) img {
		max-width: 50px;
	}

	footer ul.snsicon li:nth-of-type(4) img {
		max-width: 40px;
	}

	footer ul.snsicon li:nth-of-type(5) img {
		max-width: 40px;
	}
}

footer ul.snsicon li a {
	display: flex;
	flex-direction: column;
}

footer ul.snsicon:nth-of-type(2) {
	margin-top: 30px;
	align-items: flex-start;
}

@media all and (min-width: 769px) {
	footer ul.snsicon:nth-of-type(2) {
		margin-top: 28px;
		gap: 127px;
	}
}

footer ul.snsicon:nth-of-type(2) li:nth-child(1) {
	max-width: 175px;
}

@media all and (min-width: 769px) {
	footer ul.snsicon:nth-of-type(2) li:nth-child(1) {
		max-width: 314px;
	}
}

footer ul.snsicon:nth-of-type(2) li:nth-child(2) {
	max-width: 103px;
}

@media all and (min-width: 769px) {
	footer ul.snsicon:nth-of-type(2) li:nth-child(2) {
		max-width: 212px;
	}
}

footer ul.snsicon:nth-of-type(2) img {
	max-width: 100%;
}

footer ul.snsicon:nth-of-type(2) li:nth-child(1) img {
	margin-top: 10px;
}

footer ul.snsicon:nth-of-type(2) li:nth-child(2) img {
	margin-top: 5px;
}

@media (max-width: 768px) {
	footer ul.snsicon:nth-of-type(2) li:nth-child(2) img {
		max-width: 103px;
	}
}

.snsicon div {
	display: inline-block;
}

.rotate_r {
	transform: rotate(90deg);
}

@media (max-width: 768px) {
	footer ul.snsicon {
		/* width: 90%;
		text-align: center;
		margin: 1em auto 3em;
		display: flex; */
	}


}