@charset "utf-8";

#common-headerWrapper {
	width: 100%;
	position: relative;
	z-index: 999;
	font-feature-settings: "palt";
}

#common-headerWrapper.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

@media print,
screen and (min-width:480px) {
	/*　PC基本　++++++++ */

	.pc-navi {
		display: block;
	}

	.sp-navi {
		display: none;
	}

	#common-header {
		border-bottom: solid 1px #dddddd;
	}

	#common-headerWrapper.fixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
	}

	#common-header #header-inner {
		padding-left: 1.5vw;
		background-color: #fff;
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#common-header .logo {
		max-width: 240px;
	}

	#common-header .logo a {
		display: flex;
	}

	#common-header .logo img {
		width: auto;
		line-height: 1;
	}

	#common-header .gnavi {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: flex-end;
		-ms-flex-pack: flex-end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}

	#common-header .gnavi>li {
		border-right: solid 1px #E0DEDA;
	}

	#common-header .gnavi>li:last-child {
		border-right: none;
	}

	#common-header .gnavi>li>a,
	#common-header .gnavi .dropdwn a {
		position: relative;
		display: block;
		padding: 1vw 2.5vw;
		text-align: center;
		line-height: 1.5;
		text-decoration: none;
		color: #4B453D;
	}

	#common-header .gnavi>li.active>a,
	#common-header .gnavi>li.active .dropdwn a {
		color: #80736B;
		opacity: 1;
	}

	#common-header .gnavi>li.active>a:before,
	#common-header .gnavi>li.active .dropdwn a:before {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		z-index: 101;
		width: 100%;
		height: 4px;
		background: #EE5944;
	}

/* 	#common-header .gnavi>li.present_location {
		-webkit-box-shadow: inset 5px 4px 8px #ccc;
		box-shadow: inset 5px 4px 8px #ccc;
	} */
	#common-header .gnavi>li.present_location .dropdwn > a::before {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		z-index: 101;
		width: 100%;
		height: 4px;
		background: #EE5944;
	}

	#common-header .gnavi>li .jp {
		display: block;
		font-size: 16px;
		font-weight: 700;
	}

	#common-header .gnavi>li .en {
		display: block;
		font-size: 10px;
		opacity: 0.50;
		font-family: 'Poppins', sans-serif;
	}

	/* ドロップダウン++++++++ */

	#common-header .gnavi .dropdwn {
		cursor: pointer;
	}

	#common-header .gnavi .dropdwn_menu {
		display: none;
		position: absolute;
		left: 0;
		width: 100vw;
		z-index: 100;
		border-top: solid 1px #81746B;
		box-shadow: 0px 10px 10px -13px #000000;
		background: #fffff3;
	}

	#common-header .gnavi .dropdwn_menu .inner {
		width: 100%;
		height: 290px;
		max-width: 1132px;
		padding: 0px 0;
		margin-left: 0px;
		margin-right: auto;
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#common-header .gnavi .dropdwn_menu .nav-img {
		width: 400px;
	}

	#common-header .gnavi .dropdwn_menu .nav-img div {
		position: relative;
	}

	#common-header .gnavi .dropdwn_menu .nav-img div span {
		width: 400px;
		text-align: center;
		color: #ffffff;
		font-size: 40px;
		font-weight: 700;
		filter: drop-shadow(5px 5px 5px rgba(0, 0, 0.5, 0.8));
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	#common-header .gnavi .dropdwn_menu .nav-img img {
		border-radius: 0px;
		height: 290px;
	}

	#common-header .gnavi .dropdwn_menu .dropdwn-nav {
		width: 650px;
		margin-top: 30px;
	}

	#common-header .gnavi .dropdwn_menu .dropdwn-nav .link {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#common-header .gnavi .dropdwn_menu .dropdwn-nav .link li {
		width: 48%;
		margin-right: 2%;
		margin-bottom: 20px;
		padding-bottom: 30px;
		border-bottom: solid 1px #C4C4C4;
		font-weight: 700;
		font-size: 16px;
	}

	#common-header .gnavi .dropdwn_menu .dropdwn-nav .link li:nth-child(2n) {
		margin-right: 0;
	}

	#common-header .gnavi .dropdwn_menu .dropdwn-nav .link .icon {
		position: relative;
		display: inline-block;
		padding-left: 25px;
		color: #333;
	}

	#common-header .gnavi .dropdwn_menu .dropdwn-nav .link .icon:before {
		position: absolute;
		left: 0;
		top: 50%;
		content: "";
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background-color: #EE5944;
		border-radius: 10000px;
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	#common-header .gnavi .dropdwn_menu .dropdwn-nav .link .icon:after {
		position: absolute;
		left: 5px;
		top: 50%;
		content: "";
		width: 6px;
		height: 6px;
		margin-top: -4px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	#common-header .gnavi .dropdwn_menu .dropdwn-nav .sublink {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#common-header .gnavi .dropdwn_menu .dropdwn-nav .sublink li {
		font-weight: 700;
		font-size: 14px;
		margin-right: 5em;
	}

	#common-header .gnavi .dropdwn_menu .dropdwn-nav .sublink .icon {
		position: relative;
		display: inline-block;
		padding-left: 20px;
	}

	#common-header .gnavi .dropdwn_menu .dropdwn-nav .sublink .icon:after {
		position: absolute;
		left: 5px;
		top: 50%;
		content: "";
		width: 6px;
		height: 6px;
		margin-top: -3px;
		border-top: 1px solid #EE5944;
		border-right: 1px solid #EE5944;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	#common-header .sp-navi-btn {
		display: none;
	}

	/* footer ++++++++++++++++++++++++++++++++++++++++ */

	/* #common-footer{
	margin-top:10vw;
} */
	#footer-iso {
		border-top: solid 1px #EBEBEB;
		padding: 2vw;
	}

	#footer-iso ul {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#footer-iso li {
		width: 180px;
		margin: 0 5%;
		font-size: 9px;
		line-height: 1.5;
		text-align: center;
	}

	#footer-iso li .logo {
		width: 140px;
		margin: 0 auto;
	}

	#footer-sitemap {
		padding: 2vw;
		background-color: #F2F2F2;
	}

	#footer-sitemap nav a {
		color: #4B453D;
	}

	#footer-sitemap .link {
		margin-bottom: 2vw;
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#footer-sitemap .link ul {
		width: 25%;
	}

	#footer-sitemap .link .first {
		margin-bottom: 0.5em;
		font-size: 16px;
		font-weight: 700;
	}

	#footer-sitemap .link .second {
		position: relative;
		font-size: 12px;
		padding-left: 1.5em;
	}

	#footer-sitemap .link .second:before {
		content: "∟ ";
		position: absolute;
		top: 0;
		left: 0;
	}

	#footer-sitemap .sublink ul {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#footer-sitemap .sublink li {
		padding: 0 2vw;
		font-weight: 700;
		font-size: 14px;
		line-height: 1;
		border-right: solid 1px #4B453D;
	}

	#footer-sitemap .sublink li:last-child {
		border-right: none;
	}

	#footer-copyright {
		padding: 1vw;
		text-align: center;
		background-color: #4B453D;
		color: #fff;
		font-size: 14px;
		font-family: 'Poppins', sans-serif;
		font-weight: 700;
		display: block;
		width: 100vw;
	}


	/* +++++++++++++++++++++++++　page top */

	#pageTop {
		position: fixed;
		z-index: 101;
		right: 2vw;
		bottom: 15px;
		opacity: 0;
		transform: translateY(150px);
	}

	#pageTop a {
		position: relative;
		/* width: 5.5vw;
	height: 5.5vw; */
		width: 50px;
		height: 50px;
		background-color: #000;
		text-decoration: none;
		color: #fff;
		line-height: 1.5;
	}

	#pageTop a span {
		position: relative;
		display: block;
		padding-top: 12px;
	}

	#pageTop a span:before {
		position: absolute;
		left: 50%;
		top: 0;
		content: "";
		width: 18px;
		height: 18px;
		border-top: 4px solid #fff;
		border-right: 4px solid #fff;
		-webkit-transform: translate(-50%) rotate(-45deg);
		transform: translate(-50%) rotate(-45deg);
	}

	#pageTop.UpMove {
		animation: UpAnime 0.5s forwards;
	}

	@keyframes UpAnime {
		from {
			opacity: 0;
			transform: translateY(230px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	#pageTop.DownMove {
		animation: DownAnime 0.5s forwards;
	}

	@keyframes DownAnime {
		from {
			opacity: 1;
			transform: translateY(0);
		}

		to {
			opacity: 1;
			transform: translateY(230px);
		}
	}




}

@media (max-width: 1131px) {

	/*　ナビゲーションハンバーガメニューに変わるブレイク　++++++++ */
	.pc-navi {
		display: none;
	}

	.sp-navi {
		display: block;
	}

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

	#common-header .sp-navi-btn {
		position: relative;
		z-index: 100000;
		display: block;
		width: 6vw;
		height: 6vw;
		padding: 1vw;
		padding-top: 8px;
		background-color: #EE5944;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
	}

	#common-header .sp-navi-btn .gnavi-toggle {
		cursor: pointer;
		font-size: 9px;
		text-align: center;
		color: #fff;
		line-height: 1.85;
	}

	#common-header .sp-navi-btn .gnavi-toggle .gnavi-toggle-inner {
		position: relative;
		width: 3vw;
		height: 2vw;
		margin: 0 auto 0.2vw;
	}

	#common-header .sp-navi-btn .gnavi-toggle span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	#common-header .sp-navi-btn .gnavi-toggle span:nth-of-type(1) {
		top: 0;
	}

	#common-header .sp-navi-btn .gnavi-toggle span:nth-of-type(2) {
		top: 50%;
		margin-top: -1px;
	}

	#common-header .sp-navi-btn span:nth-of-type(3) {
		bottom: 0;
	}

	#common-header .sp-navi-btn .gnavi-toggle.active span:nth-of-type(1) {
		-webkit-transform: translateY(-50%) rotate(-315deg);
		transform: translateY(-50%) rotate(-315deg);
		top: 50%;
	}

	#common-header .sp-navi-btn .gnavi-toggle.active span:nth-of-type(2) {
		opacity: 0;
	}

	#common-header .sp-navi-btn .gnavi-toggle.active span:nth-of-type(3) {
		width: 100%;
		margin-left: 0%;
		-webkit-transform: translateY(-50%) rotate(315deg);
		transform: translateY(-50%) rotate(315deg);
		top: 50%
	}

	/* +++++++++++++++++++++++++　gnavi */

	/* 	.navi-bg{
		display:none;
		position: fixed;
		z-index:100;
		width: 100%;
		height:100%;
		background-color:#fff;
	}
	.navi-bg.active{
		display: block;
	} */
	.sp-navi {
		display: none;
		margin-top: var(--navBar-height);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
		overflow: scroll;
		height: 100vh;
		background-color: #fff;
	}

	.sp-navi a {
		color: #4B453D;
		text-decoration: none;
	}

	.sp-navi.active {
		display: block;
	}

	.sp-navi.active::before {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background-color: #EE5944;
		position: fixed;
		top: calc(var(--navBar-height) - 3px);
		left: 0;
		z-index: 999;
	}

	.sp-gnavi {
		background: #fff;
		padding-bottom: 100px;
	}

	.sp-gnavi span,
	.sp-gnavi a {
		position: relative;
		display: block;
		transition: none;
		color: #333;
	}

	.sp-gnavi .first {
		position: relative;
		display: flex;
		align-items: center;
		border-bottom: solid 1px #D2D2D2;
		font-size: 16px;
		cursor: pointer;
	}

	.sp_gnav_img {
		overflow: hidden;
		background-color: #ccc;
		width: 70px;
		height: 50px;
		width: clamp(65px, 14vw, 120px);
		height: clamp(45px, 10vw, 84px);
		margin-right: 3vw;
	}

	.sp_gnav_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.sp-gnavi .first a:after {
		position: absolute;
		right: 3vw;
		top: 50%;
		content: "";
		width: 10px;
		height: 10px;
		margin-top: -4px;
		border-top: 3px solid #848484;
		border-right: 3px solid #848484;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	.sp-gnavi .nav_toggle::after {
		position: absolute;
		right: 3vw;
		top: 50%;
		content: "";
		width: 10px;
		height: 10px;
		margin-top: -4px;
		border-top: 3px solid #848484;
		border-right: 3px solid #848484;
		-webkit-transform: rotate(135deg);
		transform: translateY(-50%) rotate(135deg);
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	.sp-gnavi .nav_toggle.active::after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.sp-gnavi li.company .first:before {
		background: url(../img/common/dropdwn_img_company.jpg) no-repeat center center / cover;
	}

	.sp-gnavi li.ir .first:before {
		background: url(../img/common/dropdwn_img_ir.jpg) no-repeat center center / cover;
	}

	.sp-gnavi li.sustainability .first:before {
		background: url(../img/common/dropdwn_img_sustainability.jpg) no-repeat center center / cover;
	}

	.sp-gnavi li.recruit .first:before {
		background: url(../img/common/dropdwn_img_recruit.jpg) no-repeat center center / cover;
	}

	.sp-gnavi li.contact .first:before {
		background: url(../img/common/dropdwn_img_contact.jpg) no-repeat center center / cover;
	}

	.sp-gnavi .subnavi {
		background-color: #F6F6F6;
		padding: 0 5vw;
		border-bottom: solid 1px #D2D2D2;
		display: none;
	}

	.sp-gnavi .subnavi.open {
		display: block;
	}

	.sp-gnavi .subnavi li {
		border-bottom: solid 1px #D2D2D2;
	}

	.sp-gnavi .subnavi li:last-child {
		border-bottom: none;
	}

	.sp-gnavi .subnavi a {
		padding: 1.2vw 1vw;
		font-size: 14px;
	}

	.sp-gnavi .subnavi a:after {
		position: absolute;
		right: 1vw;
		top: 50%;
		content: "";
		width: 10px;
		height: 10px;
		margin-top: -4px;
		border-top: 3px solid #848484;
		border-right: 3px solid #848484;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all .4s;
		transition: all .4s;
	}
}

@media (max-width: 480px) {
	/*　SP基本　++++++++ */
}


/*++++++++++++++++++++++++++++++++ */
/*　ブレイク事の個別対応　++++++++ */
/*++++++++++++++++++++++++++++++++ */


@media screen and (min-width:768px) and (max-width:1080px) {
	#common-header .sp-navi-btn {
		width: 55px;
		height: 55px;
		padding: 10px;
		padding-top: 14px;
	}

	#common-header .sp-navi-btn .gnavi-toggle .gnavi-toggle-inner {
		height: 21px;
		margin: 0 auto;
	}

}

@media screen and (min-width:480px) and (max-width:768px) {
	#common-header .sp-navi-btn {
		width: 54px;
		height: 54px;
	}

	#common-header .sp-navi-btn .gnavi-toggle .gnavi-toggle-inner {
		width: 24px;
		height: 22px;
		margin: 0 auto;
	}
}

@media (max-width: 480px) {

	#common-headerWrapper {
		width: 100%;
	}

	#common-headerWrapper.fixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
	}

	#common-header #header-inner {
		padding: 0 0 0 3vw;
		background-color: #fff;
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#common-header .logo {
		width: auto;
	}

	#common-header .sp-navi-btn {
		width: 13vw;
		height: 13vw;
		padding: 2vw;
	}

	#common-header .sp-navi-btn .gnavi-toggle .gnavi-toggle-inner {
		position: relative;
		width: 7vw;
		height: 5vw;
		margin: 0 auto 0.2vw;
	}

	.sp-gnavi .first:before {
		left: 3vw;
		width: 14vw;
		padding-top: 9vw;
		margin-top: -4.5vw;
	}

	.sp-gnavi .first a {
		font-size: 16px;
		padding: 2.8vw 3vw;
		padding-left: 20vw;
	}

	.sp-gnavi .subnavi a {
		padding: 1.8vw 1vw;
	}

	#common-header .sp-navi-btn .gnavi-toggle.active span:nth-of-type(1) {
		-webkit-transform: translateY(-50%) rotate(-315deg);
		transform: translateY(-50%) rotate(-315deg);
		top: 50%;
	}

	#common-header .sp-navi-btn .gnavi-toggle.active span:nth-of-type(3) {
		-webkit-transform: translateY(-50%) rotate(315deg);
		transform: translateY(-50%) rotate(315deg);
		top: 50%;
	}

	.common_logo2 {
		display: none;
	}

	/* footer ++++++++++++++++++++++++++++++++++++++++ */

	/* #common-footer{
		margin-top:15vw;
	} */
	#footer-iso {
		border-top: solid 1px #EBEBEB;
		padding: 5vw 0;
	}

	#footer-iso ul {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#footer-iso li {
		width: 30%;
		font-size: 9px;
		line-height: 1.5;
		text-align: center;
	}

	#footer-iso li .logo {
		margin: 0 auto;
	}

	#footer-sitemap {
		padding: 5vw 0;
		background-color: #F2F2F2;
	}

	#footer-sitemap nav a {
		color: #4B453D;
	}

	#footer-sitemap .link {
		margin-bottom: 2vw;
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#footer-sitemap .link ul {
		width: 50%;
		margin-bottom: 5vw;
	}

	#footer-sitemap .link .first {
		margin-bottom: 0.5em;
		font-size: 14px;
		font-weight: 700;
	}

	#footer-sitemap .link .second {
		position: relative;
		font-size: 11px;
		padding-left: 1.5em;
	}

	#footer-sitemap .link .second:before {
		content: "∟ ";
		position: absolute;
		top: 0;
		left: 0;
	}

	#footer-sitemap .sublink ul {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#footer-sitemap .sublink li {
		padding: 0 2vw;
		font-weight: 700;
		font-size: 12px;
		line-height: 1;
		border-right: solid 1px #4B453D;
	}

	#footer-sitemap .sublink li:last-child {
		border-right: none;
	}

	#footer-copyright {
		padding: 1vw;
		text-align: center;
		background-color: #4B453D;
		color: #fff;
		font-size: 12px;
		font-family: 'Poppins', sans-serif;
		font-weight: 700;
	}

	/* +++++++++++++++++++++++++　page top */

	#pageTop {
		position: fixed;
		z-index: 101;
		right: 2vw;
		bottom: 3vh;
		opacity: 0;
		transform: translateY(150px);
	}

	#pageTop a {
		position: relative;
		width: 10vw;
		height: 10vw;
		background-color: #000;
		text-decoration: none;
		color: #fff;
		font-size: 0;
		line-height: 1.5;
		text-align: center;
	}

	#pageTop a span {
		position: relative;
		display: block;
		padding-top: 12px;
	}

	#pageTop a span:before {
		position: absolute;
		left: 50%;
		top: 2px;
		content: "";
		width: 10px;
		height: 10px;
		margin-left: -6px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#pageTop.UpMove {
		animation: UpAnime 0.5s forwards;
	}

	@keyframes UpAnime {
		from {
			opacity: 0;
			transform: translateY(230px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	#pageTop.DownMove {
		animation: DownAnime 0.5s forwards;
	}

	@keyframes DownAnime {
		from {
			opacity: 1;
			transform: translateY(0);
		}

		to {
			opacity: 1;
			transform: translateY(230px);
		}
	}
}

@media print {
	#common-header .sp-navi-btn {
		display: none;
	}

	#common-header #header-inner {
		padding: 10px 0;
	}

	#common-headerWrapper {
		position: relative !important;
	}

	.page-main-ttl {
		height: 70px !important;
	}

	.page-main-ttl .inner {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 24px;
	}

	.page-main-ttl .jp {
		font-size: 24px;
		width: auto;
		-webkit-filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.6));
		filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.6));
	}

	.page-main-ttl .en {
		font-size: 20px;
		padding-bottom: 4px;
		width: auto;
		margin-left: 10px;
		margin-top: 10px;
		-webkit-filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.6));
		filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.6));
	}

	#common-footer {
		width: 100%;
	}

	#pageTop {
		display: none;
	}

}

@media screen and (max-width: 1080px) and (orientation: landscape) {
	.sp-gnavi .subnavi a {
		padding: 10px 5px !important;
		font-size: 14px !important;
	}
}