body {
	padding-top: 66px;
}

/* ================================================== *
 *
 *    LAYOUT
 *
 * ================================================== */
/* --------------------------------------------------- *
 *    header
 * --------------------------------------------------- */
.l-header {
	width: 100%;
	height: 67px;
	min-width: 980px;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
}

.l-header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.header {
	height: 67px;
	border-bottom: #D9D9D9 1px solid;
	background-color: rgba(255, 255, 255, 0.7);
}

.header_title_logo img {
	width: 105px;
}

.header_utility_menu_li>a,
.header_utility_menu_li>span {
	height: 66px;
	padding-top: 37px;
}

.header_title {
	float: left;
	display: inline-block;
	margin: 16px 25px 0 30px;
	text-align: center;
	font-size: 1px;
	line-height: 1;
}

.header_title a,
.header_title span {
	display: block;
	text-decoration: none;
}

.header_title a:hover img,
.header_title span:hover img {
	opacity: .5;
}

.header_title a img,
.header_title span img {
	vertical-align: top;
}

.header_navbtn_li {
	position: absolute;
	top: 0;
	right: 45px;
	border-left: 1px solid #dcdcdc;
}

.header_nav {
	float: left;
	margin-left: 12px;
}

.header_nav_menu {
	display: table;
}

.header_nav_menu_li {
	display: table-cell;
	margin-left: 1px;
	text-align: center;
	vertical-align: middle;
}

.no-flexbox .header_nav_menu_li {
	float: left;
}

.header_nav_menu_li.is-global {
	display: none;
}

.header_nav_menu_li a {
	height: 66px;
	line-height: 66px;
	position: relative;
	display: block;
	padding: 0 17px 0 18px;
	text-decoration: none;
}

.header_nav_menu_li a:hover {
	opacity: .5;
	color: #000000;
}

.header_utility {
	position: absolute;
	top: 0;
	right: 0;
}

.header_utility_menu_li {
	float: left;
	border-left: 1px solid rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
}

.header_utility_menu_li>a,
.header_utility_menu_li>span {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 70px;
	height: 66px;
	background-color: #ffffff;
	color: #e6000d;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.7;
}

.header_utility_menu_li.is-global>a,
.header_utility_menu_li.is-global>span {
	width: 108px;
	padding-top: 40px;
	line-height: 11px;
}

.header_utility_menu_li.is-close {
	background-color: #ffffff;
}

.header_utility_menu_li.is-close>a,
.header_utility_menu_li.is-close>span {
	background-color: #e6000d;
	color: #ffffff;
}

.header_utility_menu_li.is-close>a:after,
.header_utility_menu_li.is-close>span:after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	z-index: 99;
	bottom: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #e6000c transparent transparent transparent;
	margin: auto;
}

.header_utility_menu_li.is-close>a:hover,
.header_utility_menu_li.is-close>span:hover {
	background-color: #f27f86;
	opacity: 1;
}

.header_utility_menu_li.is-close>a:hover:after,
.header_utility_menu_li.is-close>span:hover:after {
	border-top-color: #f27f86;
}

.header_utility_menu_li>a i.is-global,
.header_utility_menu_li>span i.is-global {
	position: absolute;
	top: 12px;
	right: 0;
	left: 0;
	margin: auto;
	display: block;
	width: 23px;
	height: 23px;
	background: url("https://global.sharp/restricted/print/mfpdl/themes/global_dl/assets/images/ic_worldwide.svg") 0 0 no-repeat;
}

.header_utility_menu_li>a i.is-search,
.header_utility_menu_li>span i.is-search {
	position: absolute;
	top: 13px;
	right: 0;
	left: 0;
	margin: auto;
	display: block;
	width: 22px;
	height: 21px;
	background: url("https://global.sharp/restricted/print/mfpdl/themes/global_dl/assets/images/icon_search_01.svg") 0 0 no-repeat;
}

.header_utility_menu_li>a i.is-close,
.header_utility_menu_li>span i.is-close {
	position: absolute;
	top: 18px;
	right: 0;
	left: 0;
	margin: auto;
	display: block;
	width: 16px;
	height: 15px;
	background: url("https://global.sharp/restricted/print/mfpdl/themes/global_dl/assets/images/icon_close_01.svg") 0 0 no-repeat;
}

.header_utility_menu_li>a:hover,
.header_utility_menu_li>span:hover {
	opacity: .5;
}

.header_search {
	position: absolute;
	top: 66px;
	right: 0;
	display: none;
	z-index: 11;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.6);
}

.header_search_form_input input[type="search"] {
	position: relative;
	float: left;
	box-sizing: border-box;
	display: block;
	width: 350px;
	padding: 5px 10px 5px 34px;
	border: none;
	border-radius: 0;
	min-height: 10px;
	font-size: 1em !important;
	background: #ffffff url("https://global.sharp/restricted/print/mfpdl/themes/global_dl/assets/images/icon_search_01.svg") 7px 50%/18px 18px no-repeat;
	color: #000000 !important;
}

.header_search_form_input input[type="search"]:placeholder-shown {
	color: #cccccc;
}

.header_search_form_input input[type="search"]::-webkit-input-placeholder {
	color: #cccccc;
}

.header_search_form_input input[type="search"]:-moz-placeholder {
	color: #cccccc;
	opacity: 1;
}

.header_search_form_input input[type="search"]::-moz-placeholder {
	color: #cccccc;
	opacity: 1;
}

.header_search_form_input input[type="search"]:-ms-input-placeholder {
	color: #cccccc;
}

.header_search_form_input input[type="search"]:focus {
	outline: #101010 auto 1px !important;
	outline-offset: -2px !important;
}

.clear-input-search {
	position: absolute;
	top: 50%;
	right: 66px;
	transform: translateY(-50%);
	color: rgb(13 92 133);
	font-weight: 900;
	font-size: 13px;
	display: none;
	cursor: context-menu;
}

.header_search_form_input input[type="search"]:not(:placeholder-shown)+.clear-input-search {
	display: block;
}

.header_search_form_btn {
	float: left;
	display: block;
	box-sizing: border-box;
}

.header_search_form_btn input[type="submit"] {
	background-color: #e6000d;
	border: none;
	padding: 5px 10px 5px 10px;
	border-radius: 0;
	font-size: 1em !important;
	color: #ffffff;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.header_search_form_btn input[type="submit"]:hover {
	background-color: #f27f86;
}

/* --------------------------------------------------- *
   *    footer
   * --------------------------------------------------- */
.l-footer {
	width: 100%;
	min-width: 960px;
	border-top: 1px solid #dcdcdc;
}

.footer {
	width: auto;
	margin: 0 40px;
	padding: 10px 0 20px;
}

.footer_nav {
	float: left;
}

.footer_nav li {
	float: left;
	padding: 0 15px;
	font-family: arial, helvetica, sans-serif;
	border-right: 1px solid #aaaaaa;
	font-size: 11px;
	line-height: 1;
}

.footer_nav li a {
	text-decoration: underline;
}

.footer_nav li:first-child {
	border-left: 1px solid #aaaaaa;
}

.footer_nav li a:hover {
	color: #999;
	text-decoration: none;
}

.footer_copyright {
	float: right;
	font-size: 11px;
	line-height: 1;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

.footer_copyright a {
	text-decoration: none;
}

.footer_copyright a:hover {
	color: #999;
}

/*-----------------------------
	fnav
	------------------------------*/
.fnav {
	width: 100%;
	min-width: 980px;
	margin: 50px auto 0 auto;
}

.fnav .ul01 {
	display: table;
	width: 100%;
}

.fnav .ul01 li {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	border-left: #999 1px solid;
}

.fnav .ul01 li:first-child {
	border-left: none;
}

.fnav .ul01 a {
	display: block;
	width: 100%;
	padding: 16px 0 17px 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #403d33;
	transition: background .6s ease;
}

.fnav .ul01 a:hover {
	background: #000;
	opacity: 1;
}

.fnav .ul01 img {
	margin-right: 7px;
	position: relative;
	top: -2px;
	height: 24px;
}

.fnav .ul01 li:first-child img {
	height: 22px;
	margin: 0 7px 2px 0;
}

.fnav .box {
	width: 100%;
	max-width: 1290px;
	letter-spacing: -.4em;
	padding: 30px 1.9% 0;
	margin: 0 auto 50px;
}

.fnav .box h3 {
	margin: 0 0 26px;
}

.fnav [class^="list0"] {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin-right: 60px;
	overflow: hidden;
}

.fnav .list05 {
	margin: 0;
}

.fnav .list05 ul {
	float: left;
}

.fnav .list05 ul:first-of-type {
	margin-right: 10px;
}

.fnav .box h4 {
	font-size: 13px;
	position: relative;
	padding: 0 0 11px 12px;
}

.fnav .box h4:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: transparent 4px solid;
	border-left: #999 5px solid;
	border-bottom: transparent 4px solid;
	position: absolute;
	top: 6px;
	left: 0;
}

.fnav .box li {
	margin: 0 0 8px;
	padding: 0 0 0 25px;
	position: relative;
}

.fnav .box li:before {
	content: '-';
	color: #E6000D;
	position: absolute;
	top: 1px;
	left: 12px;
}

.fnav .box a {
	font-size: 12px;
	text-decoration: none;
}

/* --------------------------------------------------- *
 *    gnav
 * --------------------------------------------------- */
.l-gnav {
	width: 100%;
	min-width: 960px;
}

.gnav {
	position: relative;
	display: table;
	width: 100%;
}

.gnav>li {
	position: relative;
	display: table-cell;
	box-sizing: border-box;
	width: 25%;
	border-left: 1px solid #999999;
	border-left: 1px solid #999999;
	text-align: center;
	vertical-align: top;
}

.gnav>li:first-child {
	border-left: none;
}

.gnav>li a {
	display: block;
	width: 100%;
	padding: 16px 0 17px 0;
	background-color: #403d33;
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
}

.gnav>li a:hover {
	background-color: #000000;
}

.gnav>li br {
	display: none;
}

.gnav>li i {
	margin-right: 5px;
	vertical-align: top;
}

.gnav>li i.is-individual {
	display: inline-block;
	width: 41px;
	height: 22px;
	background: url("https://global.sharp/restricted/print/mfpdl/themes/global_dl/assets/images/icon_products_01.svg") 0 50% no-repeat;
}

.gnav>li i.is-business {
	display: inline-block;
	width: 20px;
	height: 24px;
	background: url("https://global.sharp/restricted/print/mfpdl/themes/global_dl/assets/images/icon_business_01.svg") 0 50% no-repeat;
}

.gnav>li i.is-support {
	display: inline-block;
	width: 25px;
	height: 24px;
	background: url("https://global.sharp/restricted/print/mfpdl/themes/global_dl/assets/images/icon_support_01.svg") 0 50% no-repeat;
}

/* パン屑リスト
======================================== */
#bread_crumb {
	margin-top: 0;
	width: 100%;
	padding: 0 5%;
	background-color: #eeeddf;
}

#bread_crumb>ol {
	margin: 0 auto;
	max-width: 1200px;
	padding: 1.5em 0 1em;
}

#bread_crumb>ol>li {
	font-size: 1.2rem;
	line-height: 1.2;
	display: inline-block;
	vertical-align: top;
	padding-left: 0;
	text-indent: 0;
}

#bread_crumb>ol>li+li:before {
	position: relative;
	display: inline-block;
	counter-increment: none;
	content: " > ";
	padding-left: 5px;
	padding-right: 5px;
}

#bread_crumb>ol>li:before {
	display: inline-block;
	content: "";
}

#bread_crumb a {
	color: inherit;
	text-decoration: none;
}

/* ------------------------------------------------- *
 *    header
 * ------------------------------------------------- */
 #global__header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
}

@media (min-width: 1200px) {
	#global__header {
		height: 73px;
	}
}

@media (max-width: 1199px) {
	#global__header {
		height: 57px;
	}
}

#global__header--header {
	font-size: 10px;
	display: flex;
	align-items: center;
	height: 100%;
}

@media (min-width: 1200px) {
	#global__header--header {
		justify-content: space-between;
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 1199px) {
	#global__header--header {
		position: relative;
		justify-content: center;
		padding-top: 14px;
		padding-bottom: 9px;
	}
}

@media (min-width: 1200px) {
	#global__header--title_logo {
		width: 125px;
	}
}

@media (max-width: 1199px) {
	#global__header--title_logo {
		width: 96px;
	}
}

#global__header--title_logo a {
	display: block;
}

@media (min-width: 768px) {
	#global__header--title_logo a {
		transition: 0.5s ease;
	}

	#global__header--title_logo a:hover {
		opacity: 0.5;
	}
}

#global__header--title_logo-logo img {
	width: 100%;
	height: auto;
}

/*    global__header--nav
* ------------------------------------------------- */
@media (min-width: 1200px) {
	#global__header--navbtn {
		display: none;
	}
}

@media (max-width: 1199px) {
	#global__header--navbtn {
		position: absolute;
		top: 0;
		left: 0;
		width: 62px;
		height: 57px;
	}
}

#global__header--navbtn img {
	width: 24px;
	height: 24px;
}

#global__header--navbtn_spMenu {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	#global__header--navbtn_spMenu {
		transition: 0.5s ease;
	}

	#global__header--navbtn_spMenu:hover {
		opacity: 0.5;
	}
}

@media (min-width: 1200px) {
	#global__header--nav {
		flex-grow: 1;
		height: 100%;
		margin: 0 25px 0 30px;
	}
}

@media (max-width: 1199px) {
	#global__header--nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: none;
	}
}

@media (min-width: 1200px) {
	#global__header--nav .btnClose {
		display: none;
	}
}

@media (max-width: 1199px) {
	#global__header--nav .btnClose {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 62px;
		height: 56px;
		background: #fff;
		margin-bottom: 1px;
	}
}

#global__header--nav .btnClose img {
	width: 19px;
	height: auto;
}

@media (min-width: 768px) {
	#global__header--nav .btnClose img {
		transition: 0.5s ease;
	}

	#global__header--nav .btnClose:hover img {
		opacity: 0.5;
	}
}

@media (min-width: 1200px) {
	#global__header--nav .global__header--nav_inner {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 100%;
	}
}

@media (max-width: 1199px) {
	#global__header--nav .global__header--nav_inner {
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

@media (min-width: 1200px) {
	#global__header--nav>.menuBnr {
		display: none;
	}
}

@media (max-width: 1199px) {
	#global__header--nav>.menuBnr {
		background: #f5f5f5;
	}
}

#global__header--nav>.menuBnr .menuBnrInner {
	padding: 20px;
}

#global__header--nav>.menuBnr .menuBnrSlide {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: -10px;
}

#global__header--nav>.menuBnr .menuBnrSlideUnit {
	width: 50%;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
}

#global__header--nav>.menuBnr .menuBnrSlideUnit a {
	display: block;
}

#global__header--nav>.menuBnr .menuBnrSlideUnit img {
	width: 100%;
	height: auto;
}

@media (min-width: 1200px) {
	#global__pagetitle--search {
		display: none;
	}
}

@media (max-width: 1199px) {
	#global__pagetitle--search {
		width: 100%;
		padding: 20px;
		background: #d9d9d9;
	}
}

#global__pagetitle--search_form form {
	display: flex;
	margin-left: auto;
	background: #f7f7f7;
	color: #716f63;
	border-radius: 4px;
	justify-content: space-between;
}

#global__pagetitle--search_form form>span:first-child {
	display: block;
	width: calc(100% - 60px);
}

#global__pagetitle--search_form form>span>input[type="search"] {
	box-sizing: border-box;
	width: 100%;
	min-height: 30px;
	background: transparent;
	border: none;
	padding: 6px 0 6px 10px;
	font-size: 16px;
	line-height: 24px;
}

#global__pagetitle--search_form form>span>input[type="submit"] {
	display: block;
	width: 60px;
	padding: 6px 0;
	font-size: 12px;
	line-height: 24px;
	background: transparent;
	color: inherit;
	border: none;
	border-radius: 0;
	border-left: solid 1px #C9C7B8;
	text-align: center;
	-webkit-appearance: none;
}

@media (min-width: 1200px) {
	#global__header--nav_menu {
		display: flex;
		height: 100%;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu {
		background: #fff;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu>li {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 15px;
	}

	#global__header--nav_menu>li:first-child {
		padding-left: 0;
	}

	#global__header--nav_menu>li:last-child {
		padding-right: 0;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu>li {
		border-bottom: 1px solid #dcdcdc;
	}
}

#global__header--nav_menu>li>a {
	position: relative;
}

@media (min-width: 1200px) {
	#global__header--nav_menu>li>a {
		font-size: 1.5rem;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu>li>a {
		display: block;
		padding: 15px 50px 15px 20px;
		font-size: 1.4rem;
		font-weight: 700;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu>li>a::after {
		content: "";
		position: absolute;
		top: 0;
		right: 16px;
		bottom: 0;
		display: block;
		margin: auto;
		transform: scale(0.5);
	}
}

@media (min-width: 768px) {
	#global__header--nav_menu>li>a {
		transition: 0.5s ease;
	}

	#global__header--nav_menu>li>a:hover {
		opacity: 0.5;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu>li>a.hoverBtn::before {
		content: "";
		position: absolute;
		top: 0;
		right: 20px;
		bottom: 0;
		display: block;
		width: 12px;
		height: 2px;
		margin: auto;
		background: #000;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu>li>a.hoverBtn::after {
		content: "";
		position: absolute;
		bottom: -30px;
		right: 0;
		left: 0;
		display: block;
		margin: 0 auto;
		transform: rotate(90deg) scale(0.375);
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu>li>a.hoverBtn::after {
		right: 20px;
		width: 12px !important;
		height: 2px !important;
		margin: auto;
		background: #000 !important;
		transform: rotate(90deg);
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu>li>a.hoverBtn.is-active::after {
		display: none;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu>li+li {
		margin-left: 0;
		/* 30px; */
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu>li:hover a {
		color: #e6000d;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu>li:hover a::after {
		display: block;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu {
		overflow: auto;
		position: absolute;
		top: 72px;
		left: 0;
		display: none;
		width: 100%;
		max-height: calc(100vh - 72px);
		padding: 60px 0 100px;
		background: rgba(0, 0, 0, 0.85);
		z-index: 100;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu {
		display: none;
		padding: 0 20px;
		border-top: 1px solid #dcdcdc;
		background: #f5f5f5;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .cateTop {
		width: 1140px;
		margin: 0 auto 20px;
		font-size: 3rem;
		line-height: 1;
		font-weight: 700;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .cateTop {
		font-size: 1.2rem;
		border-bottom: 1px solid #dcdcdc;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .cateTop>a {
		color: #fff;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .cateTop>a {
		position: relative;
		display: block;
		padding: 16px 20px 16px 0;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .cateTop>a::before {
		content: "";
		position: absolute;
		top: 0;
		right: -4px;
		bottom: 0;
		display: block;
		margin: auto;
		transform: scale(0.5);
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .cateTop>a::after {
		display: inline;
		content: " TOP";
		background: transparent;
	}
}

@media (min-width: 768px) {
	#global__header--nav_menu .menu .cateTop>a {
		transition: 0.5s ease;
	}

	#global__header--nav_menu .menu .cateTop>a:hover {
		opacity: 0.5;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuList {
		display: flex;
		flex-wrap: wrap;
		width: 1140px;
		margin: 0 auto -20px;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuList>li {
		width: 208px;
		margin-bottom: 20px;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuList>li+li {
		margin-left: 25px;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuList>li+li {
		border-top: 1px solid #dcdcdc;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuList>li+li:nth-child(6n) {
		margin-left: 0;
	}
}

#global__header--nav_menu .menu .menuList>li>a {
	position: relative;
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuList>li>a {
		display: flex;
		align-items: center;
		height: 100%;
		padding: 13px 15px 13px 0;
		border-bottom: 1px solid #868787;
		color: #fff;
		font-size: 1.8rem;
		line-height: 1.3;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuList>li>a {
		position: relative;
		display: block;
		padding: 16px 20px 16px 0;
		font-size: 1.2rem;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuList>li>a::after {
		content: "";
		position: absolute;
		top: 0;
		right: -4px;
		bottom: 0;
		display: block;
		margin: auto;
		transform: scale(0.5);
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuList>li>a::before {
		content: "";
		position: absolute;
		top: 0;
		right: -4px;
		bottom: 0;
		display: block;
		margin: auto;
		transform: scale(0.5);
	}
}

@media (min-width: 768px) {
	#global__header--nav_menu .menu .menuList>li>a {
		transition: 0.5s ease;
	}

	#global__header--nav_menu .menu .menuList>li>a:hover {
		opacity: 0.5;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuListLinks dt {
		font-size: 1.8rem;
		line-height: 1.3;
		font-weight: 700;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuListLinks dt {
		font-size: 1.2rem;
	}
}

#global__header--nav_menu .menu .menuListLinks dt a {
	position: relative;
	display: block;
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuListLinks dt a {
		padding: 13px 15px 13px 0;
		border-bottom: 1px solid #868787;
		color: #fff;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuListLinks dt a {
		padding: 16px 20px 16px 0;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuListLinks dt a::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 12px;
		height: 2px;
		margin: auto;
		background: #999;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuListLinks dt a[href]::after {
		content: "";
		position: absolute;
		top: 0;
		right: -4px;
		bottom: 0;
		display: block;
		margin: auto;
		transform: scale(0.5);
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuListLinks dt a::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 12px !important;
		height: 2px !important;
		margin: auto;
		background: #999 !important;
		transform: rotate(90deg);
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuListLinks dt a.is-active::after {
		display: none;
	}
}

@media (min-width: 768px) {
	#global__header--nav_menu .menu .menuListLinks dt a {
		transition: 0.5s ease;
	}

	#global__header--nav_menu .menu .menuListLinks dt a:hover {
		opacity: 0.5;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuListLinks dd {
		margin-top: 15px;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuListLinks dd {
		display: none;
		padding-left: 30px;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuListLinks dd ul {
		font-size: 1.4rem;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuListLinks dd ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -7px 0;
		padding-bottom: 10px;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuListLinks dd ul li {
		width: 50%;
		margin-bottom: 10px;
		padding-right: 7px;
		padding-left: 7px;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuListLinks dd ul li+li {
		margin-top: 16px;
	}
}

#global__header--nav_menu .menu .menuListLinks dd a {
	position: relative;
	display: block;
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuListLinks dd a {
		padding-left: 18px;
		color: #fff;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuListLinks dd a {
		padding: 8px 0;
		color: #666;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuListLinks dd a::before {
		content: "";
		position: absolute;
		top: 0;
		left: -4px;
		bottom: 0;
		display: block;
		margin: auto;
		transform: scale(0.5);
		opacity: 0.85;
	}
}

@media (min-width: 768px) {
	#global__header--nav_menu .menu .menuListLinks dd a {
		transition: 0.5s ease;
	}

	#global__header--nav_menu .menu .menuListLinks dd a:hover {
		opacity: 0.5;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuBnr {
		margin: 60px 0 -100px;
		padding: 50px 0;
		background: #000;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_menu .menu .menuBnr {
		display: none;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuBnrInner {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuBnrSlide {
		display: flex;
		flex-wrap: wrap;
		margin-right: -10px;
		margin-left: -10px;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_menu .menu .menuBnrSlideUnit {
		width: 25%;
		padding-right: 10px;
		padding-left: 10px;
	}
}

#global__header--nav_menu .menu .menuBnrSlideUnit a {
	display: block;
}

@media (min-width: 768px) {
	#global__header--nav_menu .menu .menuBnrSlideUnit a {
		transition: 0.5s ease;
	}

	#global__header--nav_menu .menu .menuBnrSlideUnit a:hover {
		opacity: 0.5;
	}
}

#global__header--nav_menu .menu .menuBnrSlideUnit img {
	width: 100%;
	height: auto;
}

.js-globalNavMenu#global__header--nav_menu>li.is-active .menu {
	display: block;
	-webkit-animation: show 0.5s ease 0s forwards;
	animation: show 0.5s ease 0s forwards;
}

@-webkit-keyframes show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

#global__header--nav_ex {
	display: flex;
	font-size: 1.2rem;
}

@media (min-width: 1200px) {
	#global__header--nav_ex {
		padding-left: 25px;
		border-left: 1px solid #dbdad7;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_ex {
		align-items: center;
		justify-content: center;
		padding: 25px 0;
		background: #fff;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_ex>li+li {
		margin-left: 25px;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_ex>li+li {
		margin-left: 30px;
		padding-left: 30px;
		border-left: 1px solid #e8e8e8;
	}
}

#global__header--nav_ex>li>a>img {
	width: 20px;
}

#global__header--nav_ex>li>a {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

@media (min-width: 1200px) {
	#global__header--nav_ex>li>a {
		color: #878679;
	}
}

@media (min-width: 768px) {
	#global__header--nav_ex>li>a {
		transition: 0.5s ease;
	}

	#global__header--nav_ex>li>a:hover {
		opacity: 0.5;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_ex+.menuBnr {
		display: none;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_ex+.menuBnr {
		background: #f5f5f5;
	}
}

@media (min-width: 1200px) {
	#global__header--nav_ex+.menuBnr .menuBnrInner {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_ex+.menuBnr .menuBnrInner {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_ex+.menuBnr .menuBnrSlide {
		display: flex;
		flex-wrap: wrap;
		margin-right: -5px;
		margin-left: -5px;
	}
}

@media (max-width: 1199px) {
	#global__header--nav_ex+.menuBnr .menuBnrSlideUnit {
		width: 50%;
		padding-right: 5px;
		padding-left: 5px;
	}
}

#global__header--nav_ex+.menuBnr .menuBnrSlideUnit a {
	display: block;
}

#global__header--nav_ex+.menuBnr .menuBnrSlideUnit img {
	width: 100%;
	height: auto;
}

.js-globalNavBnr.menuBnrSlide {
	position: relative;
}

.js-globalNavBnr.menuBnrSlide .slick-arrow {
	overflow: hidden;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 9;
	display: block;
	margin: auto;
	padding: 0;
	border: none;
	background: transparent;
	text-indent: -999px;
}

@media (min-width: 1200px) {
	.js-globalNavBnr.menuBnrSlide .slick-arrow {
		width: 14px;
		height: 24px;
	}
}

@media (max-width: 1199px) {
	.js-globalNavBnr.menuBnrSlide .slick-arrow {
		width: 9px;
		height: 15px;
	}
}

.js-globalNavBnr.menuBnrSlide .slick-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
}

@media (min-width: 1200px) {
	.js-globalNavBnr.menuBnrSlide .slick-arrow::before {
		transform: translate(-50%, -50%) scale(0.77778);
	}
}

@media (max-width: 1199px) {
	.js-globalNavBnr.menuBnrSlide .slick-arrow::before {
		transform: translate(-50%, -50%) scale(0.5);
	}
}

@media (min-width: 1200px) {
	.js-globalNavBnr.menuBnrSlide .slick-arrow.slick-next {
		right: -25px;
	}
}

@media (max-width: 1199px) {
	.js-globalNavBnr.menuBnrSlide .slick-arrow.slick-next {
		right: -9px;
	}
}

.js-globalNavBnr.menuBnrSlide .slick-arrow.slick-prev {
	transform: rotate(180deg);
}

@media (min-width: 1200px) {
	.js-globalNavBnr.menuBnrSlide .slick-arrow.slick-prev {
		left: -25px;
	}
}

@media (max-width: 1199px) {
	.js-globalNavBnr.menuBnrSlide .slick-arrow.slick-prev {
		left: -9px;
	}
}

@media (min-width: 768px) {
	.js-globalNavBnr.menuBnrSlide .slick-arrow {
		transition: 0.5s ease;
	}

	.js-globalNavBnr.menuBnrSlide .slick-arrow:hover {
		opacity: 0.5;
	}
}

@media (max-width: 1199px) {
	body.is-fixed {
		position: fixed;
		z-index: 1;
		width: 100%;
	}
}

/*    top_global__search
* ------------------------------------------------- */
@media (min-width: 1200px) {
	#top_global__search {
		width: 60px;
		height: 100%;
		margin: 0 0 0 auto;
	}
}

@media (max-width: 1199px) {
	#top_global__search {
		display: none;
		position: absolute;
		top: 0;
		right: 56px;
		width: 56px;
		height: 56px;
	}
}

#top_global__search>ul {
	height: 100%;
}

@media (min-width: 1200px) {
	#top_global__search>ul {
		font-size: 1.2rem;
	}
}

@media (max-width: 1199px) {
	#top_global__search>ul {
		font-size: 1rem;
	}
}

#top_global__search>ul li {
	height: 100%;
	text-align: center;
}

#top_global__search>ul li span {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #878679;
}

@media (min-width: 768px) {
	#top_global__search>ul li span {
		transition: 0.5s ease;
	}

	#top_global__search>ul li span:hover {
		opacity: 0.5;
	}
}

#top_global__search>ul li span i {
	position: relative;
	display: block;
	width: 100%;
}

@media (min-width: 1200px) {
	#top_global__search>ul li span i {
		height: 24px;
		margin-bottom: 4px;
	}
}

@media (max-width: 1199px) {
	#top_global__search>ul li span i {
		height: 20px;
		margin: 2px 0;
	}
}

#top_global__search>ul li span i::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
}

@media (min-width: 1200px) {
	#top_global__search>ul li span i::before {
		transform: translate(-50%, -50%) scale(0.62);
	}
}

@media (max-width: 1199px) {
	#top_global__search>ul li span i::before {
		transform: translate(-50%, -50%) scale(0.5);
	}
}

@media (min-width: 1200px) {
	#top_global__pagetitle--search {
		position: absolute;
		top: 73px;
		left: 0;
		display: none;
		width: 100%;
		background: #d9d9d9;
	}
}

@media (max-width: 1199px) {
	#top_global__pagetitle--search {
		display: none;
	}
}

@media (min-width: 1200px) {
	#top_global__pagetitle--search_form {
		position: relative;
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
		padding: 10px 20px;
	}
}

@media (min-width: 1200px) {
	#top_global__pagetitle--search_form::before {
		content: "";
		position: absolute;
		right: 80px;
		top: -10px;
		width: 0px;
		height: 0px;
		margin: auto;
		border-style: solid;
		border-color: transparent transparent #d9d9d9 transparent;
		border-width: 0 10px 10px 10px;
	}
}

@media (min-width: 1200px) {
	#top_global__pagetitle--search_form form {
		display: flex;
		width: 360px;
		margin-left: auto;
		background: #f7f7f7;
		border-radius: 4px;
		justify-content: space-between;
	}
}

#top_global__pagetitle--search_form form>span>input[type="search"] {
	box-sizing: border-box;
	display: block;
	width: 300px;
	height: 30px;
	min-height: 30px;
	background: transparent;
	border: none;
	padding: 6px 0 6px 30px;
	font-size: 1.2rem;
	line-height: 1;
}

#top_global__pagetitle--search_form form>span>input[type="submit"] {
	box-sizing: border-box;
	display: block;
	width: 60px;
	padding: 6px 0 6px 20px;
	font-size: 1.2rem;
	line-height: 18px;
	background: transparent;
	color: #7d7d7d;
	border: none;
	border-left: solid 1px #d9d9d9;
	text-align: left;
}

/*    global__header--member
* ------------------------------------------------- */
@media (min-width: 1200px) {

	#global__header--worldwide,
	#global__header--member {
		width: 60px;
		height: 100%;
		margin: 0;
	}
}

@media (max-width: 1199px) {

	#global__header--worldwide,
	#global__header--member {
		position: absolute;
		top: 0;
		right: 0;
		width: 56px;
		height: 56px;
	}
}

#global__header--worldwide>ul,
#global__header--member>ul {
	height: 100%;
}

@media (min-width: 1200px) {
	#global__header--member>ul {
		font-size: 1.2rem;
	}
}

@media (max-width: 1199px) {
	#global__header--member>ul {
		font-size: 1rem;
	}
}

#global__header--worldwide>ul li,
#global__header--member>ul li {
	height: 100%;
	text-align: center;
}

#global__header--worldwide>ul li a,
#global__header--member>ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #e6000d;
}

@media (min-width: 768px) {

	#global__header--worldwide>ul li a,
	#global__header--member>ul li a {
		transition: 0.5s ease;
	}

	#global__header--worldwide>ul li a:hover,
	#global__header--member>ul li a:hover {
		opacity: 0.5;
	}
}

#global__header--worldwide>ul li a i,
#global__header--member>ul li a i {
	position: relative;
	display: block;
}

@media (min-width: 1200px) {

	#global__header--worldwide>ul li a i,
	#global__header--member>ul li a i {
		height: 24px;
		margin-bottom: 4px;
	}
}

@media (max-width: 1199px) {

	#global__header--worldwide>ul li a i,
	#global__header--member>ul li a i {
		height: 20px;
		margin: 2px 0;
	}
}

#global__header--member>ul li a i::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
}

@media (min-width: 1200px) {
	#global__header--member>ul li a i::before {
		transform: translate(-50%, -50%) scale(0.55263);
	}
}

@media (max-width: 1199px) {
	#global__header--member>ul li a i::before {
		transform: translate(-50%, -50%) scale(0.5);
	}
}

/* ------------------------------------------------- *
 *    footer
 * ------------------------------------------------- */
#global__footer {
	background: #403d33;
}

@media (min-width: 1200px) {
	#global__footer {
		padding: 60px 0;
	}
}

@media (max-width: 1199px) {
	#global__footer {
		padding-bottom: 40px;
	}
}

/*    global__footer--category
* ------------------------------------------------- */
@media (min-width: 1200px) {
	#global__footer--category {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 40px;
	}
}

@media (max-width: 1199px) {
	#global__footer--category {
		margin-bottom: 25px;
	}
}

#global__footer--category .linkList {
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 1200px) {
	#global__footer--category .linkList {
		overflow: hidden;
		width: auto;
		margin-bottom: -20px;
		margin: 0 auto -20px;
		font-size: 1.4rem;
		line-height: 1;
	}
}

@media (max-width: 1199px) {
	#global__footer--category .linkList {
		border-bottom: 1px solid #6f6e6a;
		font-size: 1.1rem;
	}
}

@media (min-width: 1200px) {
	#global__footer--category .linkList li {
		margin: 0 43px 20px 0;
	}
}

@media (max-width: 1199px) {
	#global__footer--category .linkList li {
		width: 50%;
		height: 52px;
		text-align: center;
		margin-bottom: -1px;
		border-bottom: 1px solid #6f6e6a;
	}
}

@media (max-width: 1199px) {
	#global__footer--category .linkList li:nth-child(odd) {
		border-right: 1px solid #6f6e6a;
	}
}

@media (min-width: 1200px) {
	#global__footer--category .linkList li+li {
		position: relative;
		margin-left: -43px;
		padding-left: 43px;
	}
}

@media (min-width: 1200px) {
	#global__footer--category .linkList li+li::before {
		content: "";
		position: absolute;
		top: 0;
		left: 22px;
		display: block;
		width: 1px;
		height: 100%;
		background: #999;
	}
}

#global__footer--category .linkList li a {
	color: #fff;
}

@media (max-width: 1199px) {
	#global__footer--category .linkList li a {
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center;
		padding: 5px;
	}
}

@media (min-width: 768px) {
	#global__footer--category .linkList li a:hover {
		text-decoration: underline;
	}
}

@media (min-width: 1200px) {
	#global__footer--category .bnrlist1 {
		width: 285px;
	}
}

@media (max-width: 1199px) {
	#global__footer--category .bnrlist1 {
		display: none;
	}
}

#global__footer--category .bnrlist1_li a {
	display: block;
	background: #fff;
}

#global__footer--category .bnrlist1_li a.is-border1 {
	display: block;
	border: 1px solid #fff;
}

@media (min-width: 768px) {
	#global__footer--category .bnrlist1_li a {
		transition: 0.5s ease;
	}

	#global__footer--category .bnrlist1_li a:hover {
		opacity: 0.5;
	}
}

#global__footer--category .bnrlist1_li a img {
	width: 100%;
	height: auto;
}

#global__footer--category .bnrlist1_li.is-cerezo a {
	padding: 15px 20px;
}

#global__footer--category .bnrlist1_li .cap {
	margin-top: 10px;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.3;
}

/*    global__footer--common
* ------------------------------------------------- */
@media (min-width: 1200px) {
	#global__footer--common {
		padding-top: 30px;
		border-top: 1px solid #6f6e6a;
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 1199px) {
	#global__footer--common {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (min-width: 1200px) {
	#global__footer--common .linkList {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 1050px;
		margin: 0 auto -17px;
		padding-bottom: 35px;
		font-size: 1.2rem;
		line-height: 1;
	}
}

@media (max-width: 1199px) {
	#global__footer--common .linkList {
		margin-bottom: 30px;
		font-size: 1rem;
	}
}

@media (min-width: 1200px) {
	#global__footer--common .linkList li {
		margin: 0 0 17px 0;
	}
}

@media (min-width: 1200px) {
	#global__footer--common .linkList li+li {
		position: relative;
		padding-left: 37px;
	}
}

@media (max-width: 1199px) {
	#global__footer--common .linkList li+li {
		margin-top: 20px;
	}
}

@media (min-width: 1200px) {
	#global__footer--common .linkList li+li::before {
		content: "";
		position: absolute;
		top: 0;
		left: 18px;
		display: block;
		width: 1px;
		height: 100%;
		background: #999;
	}
}

@media (min-width: 1200px) {
	#global__footer--common .linkList li+li.is-break {
		padding-left: 0;
	}
}

@media (min-width: 1200px) {
	#global__footer--common .linkList li+li.is-break::before {
		display: none;
	}
}

#global__footer--common .linkList li a {
	color: #fff;
}

@media (min-width: 768px) {
	#global__footer--common .linkList li a:hover {
		text-decoration: underline;
	}
}

@media (min-width: 1200px) {
	#global__footer--common .bnrlist1 {
		display: none;
	}
}

@media (max-width: 1199px) {
	#global__footer--common .bnrlist1 {
		display: block;
	}
}

#global__footer--common .bnrlist1_li {
	display: flex;
	align-items: center;
}

#global__footer--common .bnrlist1_li a {
	display: block;
	width: 143px;
	background: #fff;
}

#global__footer--common .bnrlist1_li a.is-border1 {
	display: block;
	border: 1px solid #fff;
}

#global__footer--common .bnrlist1_li a img {
	width: 100%;
	height: auto;
}

#global__footer--common .bnrlist1_li .cap {
	margin-left: 10px;
	color: #fff;
	font-size: 1rem;
	line-height: 1.3;
}

#global__footer--common .bnrlist1_li.is-cerezo a {
	padding: 7px 5px;
}

@media (min-width: 1200px) {
	.footer_copyright {
		width: 137px;
		margin: 0 auto;
		text-align: center;
	}
}

@media (max-width: 1199px) {
	.footer_copyright {
		width: 115px;
		margin-bottom: 15px;
	}
}

.footer_copyright a {
	display: block;
}

@media (min-width: 1200px) {
	.footer_copyright a {
		transition: 0.5s ease;
	}

	.footer_copyright a:hover {
		opacity: 0.5;
	}
}

.footer_copyright img {
	width: 100%;
	height: auto;
}


/*
上部カテゴリー表示
================================================ */
.categoriesheader {
	position: relative;
	text-align: center;
}

.categoriesheader .inner {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

.categoriesheader p {
	white-space: nowrap;
}

.categoriesheader ul {
	position: absolute;
	display: flex;
	justify-content: flex-end;
}

.categoriesheader ul a {
	position: relative;
	font-size: 1.2rem;
	color: inherit;
	text-decoration: none;
	padding-left: 1.5em;
}

.categoriesheader ul li:not(:first-child) {
	margin-left: 1.5em;
}

main>.inner {
	position: relative;
}

main>.inner>h1 {
	font-weight: 700;
}

@media screen and (min-width: 769px) {
	.categoriesheader p {
		font-size: 20px;
	}

	.categoriesheader {
		padding: 1em 5%;
	}

	.categoriesheader ul {
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	main {
		margin: 50px auto 100px;
		padding: 0 5%;
		font-size: 16px;
	}

	main>.inner {
		max-width: 1200px;
		margin: 0 auto;
	}

	main>.inner>h1 {
		font-size: 36px;
	}
}

@media screen and (max-width: 768px) {
	.categoriesheader p {
		font-size: 5.5vw;
	}

	.categoriesheader>.inner {
		padding: 3em 5% 1em;
	}

	.categoriesheader ul {
		right: 3%;
		top: 1em;
	}

	main {
		margin: 40px auto;
		/* padding: 0 10% 30px; */
	}

	main>.inner>h1 {
		font-size: 22px;
	}
}

/*
共通
================================================ */
.triangle1:before,
.triangle1:after {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 6px;
}

.triangle1.bef:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.triangle1.aft:after {
	position: absolute;
	content: "";
	right: .5em;
	top: 50%;
	transform: translateY(-50%);
}

.triangle1.white:before,
.triangle1.white:after {
	border-color: transparent transparent transparent white;
}

.triangle1.gray:before,
.triangle1.gray:after {
	border-color: transparent transparent transparent #707070;
}

.brocbg {
	background-color: #E9E9E9;
	color: #FFF;
}

/* #e4405e */
.brocfc {
	color: #E4405E;
}

.manubg {
	background-color: #E9E9E9;
	color: #FFF;
}

/* #B355B3 */
.manufc {
	color: #B355B3;
}

.ARmabg {
	background-color: #E9E9E9;
	color: #FFF;
}

/* #666666 */
.ARmafc {
	color: #666666;
}

.drivbg {
	background-color: #E9E9E9;
	color: #FFF;
}

/* #96BE44 */
.drivfc {
	color: #96BE44;
}

.softbg {
	background-color: #E9E9E9;
	color: #FFF;
}

/* #2C8BE5 */
.softfc {
	color: #2C8BE5;
}

.applbg {
	background-color: #E9E9E9;
	color: #FFF;
}

/* #E9B930 */
.applfc {
	color: #E9B930;
}

.onbg {
	/*
 border: solid 1px #ECECEC;
 background-color: #F8F6F6;
*/
}

.notice {
	text-align: left;
	line-height: 1.6;
}

.notice>li {
	position: relative;
	margin-top: 5px;
	padding-left: 1rem;
}

.notice>li:before {
	position: absolute;
	top: 0;
	left: 0;
}

.notice>li:before {
	content: "*";
}

@media screen and (min-width: 769px) {
	.notice {
		margin-top: 100px;
	}
}

@media screen and (max-width: 768px) {
	.notice {
		margin-top: 50px;
	}
}


/* ================================================== *
 *
 *    RESET
 *
 * ================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

[hidden],
audio:not([controls]) {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1em;
	margin: 0;
}

blockquote,
dd,
dl,
figure,
p {
	margin: 0;
}

hr {
	color: inherit;
	height: auto;
	box-sizing: content-box;
}

pre {
	font-family: monospace, sans-serif;
	white-space: pre-wrap;
	word-wrap: break-word;
	margin: 0;
}

ol,
ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

a:focus {
	outline: dotted thin;
}

a:active,
a:hover {
	outline: 0;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: .83em;
}

q {
	quotes: none;
}

abbr[title] {
	border-bottom: 1px dotted;
}

code,
kbd,
samp {
	font-family: monospace, sans-serif;
}

mark {
	color: #000;
	background-color: #ff0;
}

sub,
sup {
	font-size: .83em;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

img {
	border: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

svg:not(:root) {
	overflow: hidden;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption {
	padding: 0;
	text-align: left;
}

td,
th {
	text-align: left;
	vertical-align: baseline;
	padding: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

legend {
	border: 0;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 1em;
	color: inherit;
	margin: 0;
}

button,
input {
	line-height: normal;
	vertical-align: inherit;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type=search]:focus {
	outline-offset: -2px;
}

input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

button,
input[type=submit],
input[type=reset],
input[type=button] {
	cursor: pointer;
	-webkit-appearance: button;
}

select {
	line-height: normal;
}

textarea {
	vertical-align: top;
	overflow: auto;
}

/* ================================================== *
 *
 *    BASE
 *
 * ================================================== */
html {
	font-size: 12px;
}

body {
	line-height: 1.5;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	word-break: break-word;
	font-weight: 400;
	background: white;
}

@media (min-width: 768px) {
	body {
		overflow: hidden;
		min-width: 1200px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	body {
		overflow: auto;
		min-width: initial;
	}
}

main {
	display: block;
}

a {
	color: #000;
	text-decoration: none;
}

a:focus,
*:focus {
	outline: none;
}

img,
svg,
picture {
	vertical-align: top;
}

em {
	font-style: normal;
}

* {
	box-sizing: border-box;
}

/* ================================================== *
 *
 *    LAYOUT
 *
 * ================================================== */
/* ------------------------------------------------- *
 *    structure
 * ------------------------------------------------- */
@media (max-width: 1199px) {
	.overlay {
		cursor: pointer;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.6;
	}
}



/* ------------------------------------------------- *
 *    main
 * ------------------------------------------------- */
@media (min-width: 1200px) {
	#contents__indexTop {
		padding-top: 73px;
	}
}

@media (max-width: 1199px) {
	#contents__indexTop {
		padding-top: 57px;
	}
}

@media (min-width: 768px) {
	.l-contents {
		margin-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.l-contents {
		margin-bottom: 40px;
	}
}

/* ------------------------------------------------- *
 *    aside
 * ------------------------------------------------- */
#corpPageAside .bnrslide {
	background: #59574c;
}

@media (min-width: 1200px) {
	#corpPageAside .bnrslide_inner {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
		padding: 50px 0;
	}
}

@media (max-width: 1199px) {
	#corpPageAside .bnrslide_inner {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

#corpPageAside .bnrslide_slide {
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 1200px) {
	#corpPageAside .bnrslide_slide {
		margin-right: -10px;
		margin-left: -10px;
	}
}

@media (max-width: 1199px) {
	#corpPageAside .bnrslide_slide {
		margin-right: -5px;
		margin-left: -5px;
	}
}

@media (min-width: 1200px) {
	#corpPageAside .bnrslide_unit {
		width: 25%;
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media (max-width: 1199px) {
	#corpPageAside .bnrslide_unit {
		width: 50%;
		padding-right: 5px;
		padding-left: 5px;
	}
}

#corpPageAside .bnrslide_unit a {
	display: block;
}

@media (min-width: 768px) {
	#corpPageAside .bnrslide_unit a {
		transition: 0.5s ease;
	}

	#corpPageAside .bnrslide_unit a:hover {
		opacity: 0.5;
	}
}

#corpPageAside .bnrslide_unit img {
	width: 100%;
	height: auto;
}

.js-bnrslide.bnrslide_slide {
	position: relative;
}

.js-bnrslide.bnrslide_slide .slick-list {
	width: 100%;
}

.js-bnrslide.bnrslide_slide .slick-track {
	margin: 0;
}

.js-bnrslide.bnrslide_slide .slick-arrow {
	overflow: hidden;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 9;
	display: block;
	margin: auto;
	padding: 0;
	border: none;
	background: transparent;
	text-indent: -999px;
}

@media (min-width: 1200px) {
	.js-bnrslide.bnrslide_slide .slick-arrow {
		width: 14px;
		height: 24px;
	}
}

@media (max-width: 1199px) {
	.js-bnrslide.bnrslide_slide .slick-arrow {
		width: 9px;
		height: 15px;
	}
}

.js-bnrslide.bnrslide_slide .slick-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
}

@media (min-width: 1200px) {
	.js-bnrslide.bnrslide_slide .slick-arrow::before {
		transform: translate(-50%, -50%) scale(0.77778);
	}
}

@media (max-width: 1199px) {
	.js-bnrslide.bnrslide_slide .slick-arrow::before {
		transform: translate(-50%, -50%) scale(0.5);
	}
}

@media (min-width: 1200px) {
	.js-bnrslide.bnrslide_slide .slick-arrow.slick-next {
		right: -25px;
	}
}

@media (max-width: 1199px) {
	.js-bnrslide.bnrslide_slide .slick-arrow.slick-next {
		right: -9px;
	}
}

.js-bnrslide.bnrslide_slide .slick-arrow.slick-prev {
	transform: rotate(180deg);
}

@media (min-width: 1200px) {
	.js-bnrslide.bnrslide_slide .slick-arrow.slick-prev {
		left: -25px;
	}
}

@media (max-width: 1199px) {
	.js-bnrslide.bnrslide_slide .slick-arrow.slick-prev {
		left: -9px;
	}
}

@media (min-width: 768px) {
	.js-bnrslide.bnrslide_slide .slick-arrow {
		transition: 0.5s ease;
	}

	.js-bnrslide.bnrslide_slide .slick-arrow:hover {
		opacity: 0.5;
	}
}

/*    corpPageAsideNavi
* ------------------------------------------------- */
#corpPageAsideNavi {
	display: flex;
	background: #f0f0f0;
}

@media (min-width: 768px) {
	#corpPageAsideNavi {
		justify-content: center;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 767px) {
	#corpPageAsideNavi {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		justify-content: space-between;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.corp-page-footer-navi-item {
	display: flex;
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item+.corp-page-footer-navi-item {
		margin-left: 40px;
		padding-left: 40px;
		border-left: 1px solid #dcdcdc;
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item+.corp-page-footer-navi-item {
		justify-content: space-between;
		flex-grow: 1;
		margin-left: 4.47761%;
		padding-left: 4.47761%;
		border-left: 1px solid #dcdcdc;
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .link {
		font-size: 1.4rem;
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .link {
		font-size: 0.9rem;
	}
}

.corp-page-footer-navi-item .link a {
	display: flex;
	align-items: center;
	color: #515353;
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .link a {
		transition: 0.5s ease;
	}

	.corp-page-footer-navi-item .link a:hover {
		opacity: 0.5;
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .link .ttl {
		margin-left: 15px;
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .link .ttl {
		margin-left: 7px;
	}
}

.corp-page-footer-navi-item .list-sns {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .list-sns li+li {
		margin-left: 40px;
	}
}

.corp-page-footer-navi-item .list-sns a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .list-sns a {
		transition: 0.5s ease;
	}

	.corp-page-footer-navi-item .list-sns a:hover {
		opacity: 0.5;
	}
}

.corp-page-footer-navi-item .list-sns .ttl {
	display: none;
}

.corp-page-footer-navi-item .icon {
	position: relative;
	display: block;
}

.corp-page-footer-navi-item .icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_cocoromembers {
		width: 34px;
		height: 47px;
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_cocoromembers {
		width: 20px;
		height: 28px;
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_cocoromembers::before {
		transform: translate(-50%, -50%) scale(0.86);
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_cocoromembers::before {
		transform: translate(-50%, -50%) scale(0.5);
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_twitter {
		width: 30px;
		height: 24px;
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_twitter {
		width: 26px;
		height: 18px;
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_twitter::before {
		transform: translate(-50%, -50%) scale(0.66667);
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_twitter::before {
		transform: translate(-50%, -50%) scale(0.5);
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_facebook {
		width: 30px;
		height: 30px;
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_facebook {
		width: 23px;
		height: 23px;
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_facebook::before {
		transform: translate(-50%, -50%) scale(0.66667);
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_facebook::before {
		transform: translate(-50%, -50%) scale(0.5);
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_youtube {
		width: 30px;
		height: 23px;
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_youtube {
		width: 23px;
		height: 18px;
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_youtube::before {
		transform: translate(-50%, -50%) scale(0.66667);
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_youtube::before {
		transform: translate(-50%, -50%) scale(0.5);
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_instagram {
		width: 30px;
		height: 30px;
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_instagram {
		width: 23px;
		height: 23px;
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_instagram::before {
		transform: translate(-50%, -50%) scale(0.66667);
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_instagram::before {
		transform: translate(-50%, -50%) scale(0.5);
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_line {
		width: 30px;
		height: 28px;
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_line {
		width: 23px;
		height: 22px;
	}
}

@media (min-width: 768px) {
	.corp-page-footer-navi-item .icon.icon_line::before {
		transform: translate(-50%, -50%) scale(0.66667);
	}
}

@media (max-width: 767px) {
	.corp-page-footer-navi-item .icon.icon_line::before {
		transform: translate(-50%, -50%) scale(0.5);
	}
}

/* ------------------------------------------------- *
 *    kv
 * ------------------------------------------------- */
@media (min-width: 768px) {
	.kv_slide_li {
		max-width: 980px;
	}
}

.kv_slide_li a {
	position: relative;
	display: block;
}

.kv_slide_li a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	transition: opacity 0.5s ease;
}

.kv_slide_li a img {
	width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.js-kvSlide .slick-list {
		position: relative;
		left: 50%;
		width: 2940px;
		margin-left: -1470px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.js-kvSlide .slick-list {
		left: 0;
		width: 100%;
		margin-left: 0;
	}
}

.js-kvSlide .slick-slide.slick-current a::before,
.js-kvSlide .slick-slide.slick-center a::before {
	opacity: 0;
}

@media (min-width: 768px) {
	.js-kvSlide .slick-arrow {
		overflow: hidden;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		position: absolute;
		bottom: 24px;
		z-index: 9;
		display: block;
		width: 980px;
		height: calc(100% - 24px);
		padding: 0;
		border: none;
		background: transparent;
		text-indent: -999px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.js-kvSlide .slick-arrow {
		width: 9%;
	}
}

.js-kvSlide .slick-arrow::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
}

.js-kvSlide .slick-arrow.slick-next {
	left: 50%;
	margin-left: 490px;
}

@media (min-width: 768px) and (max-width: 1199px) {
	.js-kvSlide .slick-arrow.slick-next {
		right: 0;
		left: auto;
		margin-left: 0;
	}
}

.js-kvSlide .slick-arrow.slick-next::before {
	left: 80px;
	transform: scale(1.61111);
}

@media (min-width: 768px) and (max-width: 1199px) {
	.js-kvSlide .slick-arrow.slick-next::before {
		left: 34%;
	}
}

.js-kvSlide .slick-arrow.slick-prev {
	right: 50%;
	margin-right: 490px;
}

@media (min-width: 768px) and (max-width: 1199px) {
	.js-kvSlide .slick-arrow.slick-prev {
		right: auto;
		left: 0;
		margin-right: 0;
	}
}

.js-kvSlide .slick-arrow.slick-prev::before {
	right: 80px;
	transform: scale(1.61111) rotate(180deg);
}

@media (min-width: 768px) and (max-width: 1199px) {
	.js-kvSlide .slick-arrow.slick-prev::before {
		right: 34%;
	}
}

@media (min-width: 768px) {
	.js-kvSlide .slick-arrow {
		transition: 0.5s ease;
	}

	.js-kvSlide .slick-arrow:hover {
		opacity: 0.5;
	}
}

.js-kvSlide .slick-dots {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.js-kvSlide .slick-dots>li {
	overflow: hidden;
	position: relative;
	margin: 0 5px;
	background: #e2e2e2;
	transition: 0.5s ease;
}

@media (min-width: 768px) {
	.js-kvSlide .slick-dots>li {
		width: 80px;
		height: 4px;
	}
}

@media (max-width: 767px) {
	.js-kvSlide .slick-dots>li {
		width: 40px;
		height: 4px;
	}
}

.js-kvSlide .slick-dots>li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 0;
	height: 100%;
	background: #e6000d;
}

.js-kvSlide .slick-dots>li button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;
	background: transparent;
	text-indent: -999px;
}

.js-kvSlide.slick-initialized .slick-dots {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.js-kvSlide.slick-initialized .slick-dots>li.slick-active {
	background: #b1b0a9;
}

.js-kvSlide.slick-initialized .slick-dots>li.slick-active::before {
	-webkit-animation: kv-slick-dots 8s linear;
	animation: kv-slick-dots 8s linear;
}

@-webkit-keyframes kv-slick-dots {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes kv-slick-dots {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

/* ================================================== *
 *
 *    COMMON STYLE
 *
 * ================================================== */
/* ------------------------------------------------- *
 *    button
 * ------------------------------------------------- */
/* ------------------------------------------------- *
*    effect
* ------------------------------------------------- */
/*    effect01
* ------------------------------------------------- */
.js-effect.effect01.is-effect {
	opacity: 0;
}

.js-effect.effect01.is-effectActive {
	transition: opacity 1s ease;
	opacity: 1;
}

.js-effectChildren.effect01>*.is-effect {
	opacity: 0;
}

.js-effectChildren.effect01>*.is-effectActive {
	transition: opacity 1s ease;
	opacity: 1;
}

.js-effectStart.effect01 {
	opacity: 0;
}

.js-effectStart.effect01.is-effectActive {
	transition: opacity 1s ease;
	opacity: 1;
}

/* ------------------------------------------------- *
 *    Form
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    Frame
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    grid
 * ------------------------------------------------- */
.grid {
	display: flex;
	flex-wrap: wrap;
}

.grid.is-reverse {
	flex-direction: row-reverse;
}

@media (min-width: 768px) {
	.grid.is-reverse-pc {
		flex-direction: row-reverse;
	}
}

@media (max-width: 767px) {
	.grid.is-reverse-sp {
		flex-direction: row-reverse;
	}
}

.grid.is-center {
	justify-content: center;
}

@media (min-width: 768px) {
	.grid.is-center-pc {
		justify-content: center;
	}
}

@media (max-width: 767px) {
	.grid.is-center-sp {
		justify-content: center;
	}
}

.grid.is-vCenter {
	align-items: center;
}

@media (min-width: 768px) {
	.grid.is-vCenter-pc {
		align-items: center;
	}
}

@media (max-width: 767px) {
	.grid.is-vCenter-sp {
		align-items: center;
	}
}

@media (min-width: 768px) {
	.grid-pc {
		display: flex;
		flex-wrap: wrap;
	}

	.grid-pc.is-reverse-pc {
		flex-direction: row-reverse;
	}

	.grid-pc.is-center-pc {
		justify-content: center;
	}

	.grid-pc.is-vCenter-pc {
		align-items: center;
	}
}

@media (max-width: 767px) {
	.grid-sp {
		display: flex;
		flex-wrap: wrap;
	}

	.grid-sp.is-reverse-sp {
		flex-direction: row-reverse;
	}

	.grid-sp.is-center-sp {
		justify-content: center;
	}

	.grid-sp.is-vCenter-sp {
		align-items: center;
	}
}

.is-col1>* {
	width: 100%;
}

@media (min-width: 768px) {
	.is-col1-pc>* {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.is-col1-sp>* {
		width: 100%;
	}
}

.is-col2>* {
	width: 50%;
}

@media (min-width: 768px) {
	.is-col2-pc>* {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.is-col2-sp>* {
		width: 50%;
	}
}

.is-col3>* {
	width: 33.33333%;
}

@media (min-width: 768px) {
	.is-col3-pc>* {
		width: 33.33333%;
	}
}

@media (max-width: 767px) {
	.is-col3-sp>* {
		width: 33.33333%;
	}
}

.is-col4>* {
	width: 25%;
}

@media (min-width: 768px) {
	.is-col4-pc>* {
		width: 25%;
	}
}

@media (max-width: 767px) {
	.is-col4-sp>* {
		width: 25%;
	}
}

.is-col5>* {
	width: 20%;
}

@media (min-width: 768px) {
	.is-col5-pc>* {
		width: 20%;
	}
}

@media (max-width: 767px) {
	.is-col5-sp>* {
		width: 20%;
	}
}

.is-col6>* {
	width: 16.66667%;
}

@media (min-width: 768px) {
	.is-col6-pc>* {
		width: 16.66667%;
	}
}

@media (max-width: 767px) {
	.is-col6-sp>* {
		width: 16.66667%;
	}
}

.is-gap10 {
	margin-right: -5px;
	margin-left: -5px;
}

.is-gap10>* {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

.is-gap10:last-child {
	margin-bottom: -10px !important;
}

.is-gap10.is-gap-inbottom {
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	.is-gap10-pc {
		margin-right: -5px;
		margin-left: -5px;
		margin-bottom: -10px;
	}

	.is-gap10-pc>* {
		padding-right: 5px;
		padding-left: 5px;
		margin-bottom: 10px;
	}

	.is-gap10-pc.is-gap-inbottom-pc {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.is-gap10-sp {
		margin-right: -5px;
		margin-left: -5px;
		margin-bottom: -10px;
	}

	.is-gap10-sp>* {
		padding-right: 5px;
		padding-left: 5px;
		margin-bottom: 10px;
	}

	.is-gap10-sp.is-gap-inbottom-sp {
		margin-bottom: 0 !important;
	}
}

.is-gap20 {
	margin-right: -10px;
	margin-left: -10px;
}

.is-gap20>* {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}

.is-gap20:last-child {
	margin-bottom: -20px !important;
}

.is-gap20.is-gap-inbottom {
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	.is-gap20-pc {
		margin-right: -10px;
		margin-left: -10px;
		margin-bottom: -20px;
	}

	.is-gap20-pc>* {
		padding-right: 10px;
		padding-left: 10px;
		margin-bottom: 20px;
	}

	.is-gap20-pc.is-gap-inbottom-pc {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.is-gap20-sp {
		margin-right: -10px;
		margin-left: -10px;
		margin-bottom: -20px;
	}

	.is-gap20-sp>* {
		padding-right: 10px;
		padding-left: 10px;
		margin-bottom: 20px;
	}

	.is-gap20-sp.is-gap-inbottom-sp {
		margin-bottom: 0 !important;
	}
}

.is-gap30 {
	margin-right: -15px;
	margin-left: -15px;
}

.is-gap30>* {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 30px;
}

.is-gap30:last-child {
	margin-bottom: -30px !important;
}

.is-gap30.is-gap-inbottom {
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	.is-gap30-pc {
		margin-right: -15px;
		margin-left: -15px;
		margin-bottom: -30px;
	}

	.is-gap30-pc>* {
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 30px;
	}

	.is-gap30-pc.is-gap-inbottom-pc {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.is-gap30-sp {
		margin-right: -15px;
		margin-left: -15px;
		margin-bottom: -30px;
	}

	.is-gap30-sp>* {
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 30px;
	}

	.is-gap30-sp.is-gap-inbottom-sp {
		margin-bottom: 0 !important;
	}
}

.is-gap36 {
	margin-right: -18px;
	margin-left: -18px;
}

.is-gap36>* {
	padding-right: 18px;
	padding-left: 18px;
	margin-bottom: 36px;
}

.is-gap36:last-child {
	margin-bottom: -36px !important;
}

.is-gap36.is-gap-inbottom {
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	.is-gap36-pc {
		margin-right: -18px;
		margin-left: -18px;
		margin-bottom: -36px;
	}

	.is-gap36-pc>* {
		padding-right: 18px;
		padding-left: 18px;
		margin-bottom: 36px;
	}

	.is-gap36-pc.is-gap-inbottom-pc {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.is-gap36-sp {
		margin-right: -18px;
		margin-left: -18px;
		margin-bottom: -36px;
	}

	.is-gap36-sp>* {
		padding-right: 18px;
		padding-left: 18px;
		margin-bottom: 36px;
	}

	.is-gap36-sp.is-gap-inbottom-sp {
		margin-bottom: 0 !important;
	}
}

.is-gap40 {
	margin-right: -20px;
	margin-left: -20px;
}

.is-gap40>* {
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 40px;
}

.is-gap40:last-child {
	margin-bottom: -40px !important;
}

.is-gap40.is-gap-inbottom {
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	.is-gap40-pc {
		margin-right: -20px;
		margin-left: -20px;
		margin-bottom: -40px;
	}

	.is-gap40-pc>* {
		padding-right: 20px;
		padding-left: 20px;
		margin-bottom: 40px;
	}

	.is-gap40-pc.is-gap-inbottom-pc {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.is-gap40-sp {
		margin-right: -20px;
		margin-left: -20px;
		margin-bottom: -40px;
	}

	.is-gap40-sp>* {
		padding-right: 20px;
		padding-left: 20px;
		margin-bottom: 40px;
	}

	.is-gap40-sp.is-gap-inbottom-sp {
		margin-bottom: 0 !important;
	}
}

.is-gap50 {
	margin-right: -25px;
	margin-left: -25px;
}

.is-gap50>* {
	padding-right: 25px;
	padding-left: 25px;
	margin-bottom: 50px;
}

.is-gap50:last-child {
	margin-bottom: -50px !important;
}

.is-gap50.is-gap-inbottom {
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	.is-gap50-pc {
		margin-right: -25px;
		margin-left: -25px;
		margin-bottom: -50px;
	}

	.is-gap50-pc>* {
		padding-right: 25px;
		padding-left: 25px;
		margin-bottom: 50px;
	}

	.is-gap50-pc.is-gap-inbottom-pc {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.is-gap50-sp {
		margin-right: -25px;
		margin-left: -25px;
		margin-bottom: -50px;
	}

	.is-gap50-sp>* {
		padding-right: 25px;
		padding-left: 25px;
		margin-bottom: 50px;
	}

	.is-gap50-sp.is-gap-inbottom-sp {
		margin-bottom: 0 !important;
	}
}

.is-gap60 {
	margin-right: -30px;
	margin-left: -30px;
}

.is-gap60>* {
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 60px;
}

.is-gap60:last-child {
	margin-bottom: -60px !important;
}

.is-gap60.is-gap-inbottom {
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	.is-gap60-pc {
		margin-right: -30px;
		margin-left: -30px;
		margin-bottom: -60px;
	}

	.is-gap60-pc>* {
		padding-right: 30px;
		padding-left: 30px;
		margin-bottom: 60px;
	}

	.is-gap60-pc.is-gap-inbottom-pc {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.is-gap60-sp {
		margin-right: -30px;
		margin-left: -30px;
		margin-bottom: -60px;
	}

	.is-gap60-sp>* {
		padding-right: 30px;
		padding-left: 30px;
		margin-bottom: 60px;
	}

	.is-gap60-sp.is-gap-inbottom-sp {
		margin-bottom: 0 !important;
	}
}

.is-gap70 {
	margin-right: -35px;
	margin-left: -35px;
}

.is-gap70>* {
	padding-right: 35px;
	padding-left: 35px;
	margin-bottom: 70px;
}

.is-gap70:last-child {
	margin-bottom: -70px !important;
}

.is-gap70.is-gap-inbottom {
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	.is-gap70-pc {
		margin-right: -35px;
		margin-left: -35px;
		margin-bottom: -70px;
	}

	.is-gap70-pc>* {
		padding-right: 35px;
		padding-left: 35px;
		margin-bottom: 70px;
	}

	.is-gap70-pc.is-gap-inbottom-pc {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.is-gap70-sp {
		margin-right: -35px;
		margin-left: -35px;
		margin-bottom: -70px;
	}

	.is-gap70-sp>* {
		padding-right: 35px;
		padding-left: 35px;
		margin-bottom: 70px;
	}

	.is-gap70-sp.is-gap-inbottom-sp {
		margin-bottom: 0 !important;
	}
}

.is-gap80 {
	margin-right: -40px;
	margin-left: -40px;
}

.is-gap80>* {
	padding-right: 40px;
	padding-left: 40px;
	margin-bottom: 80px;
}

.is-gap80:last-child {
	margin-bottom: -80px !important;
}

.is-gap80.is-gap-inbottom {
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	.is-gap80-pc {
		margin-right: -40px;
		margin-left: -40px;
		margin-bottom: -80px;
	}

	.is-gap80-pc>* {
		padding-right: 40px;
		padding-left: 40px;
		margin-bottom: 80px;
	}

	.is-gap80-pc.is-gap-inbottom-pc {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	.is-gap80-sp {
		margin-right: -40px;
		margin-left: -40px;
		margin-bottom: -80px;
	}

	.is-gap80-sp>* {
		padding-right: 40px;
		padding-left: 40px;
		margin-bottom: 80px;
	}

	.is-gap80-sp.is-gap-inbottom-sp {
		margin-bottom: 0 !important;
	}
}

/* ------------------------------------------------- *
 *    icons
 * ------------------------------------------------- */
/* ------------------------------------------------- *
*    link
* ------------------------------------------------- */
/* ------------------------------------------------- *
*    nav
* ------------------------------------------------- */
/*    indexnav
* ------------------------------------------------- */
.indexnav {
	position: relative;
}

@media (min-width: 768px) {
	.indexnav {
		margin-bottom: 60px;
	}
}

@media (max-width: 767px) {
	.indexnav {
		margin-bottom: 40px;
	}
}

.indexnav::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background: #f0f0f0;
}

@media (min-width: 768px) {
	.indexnav::before {
		height: 150px;
	}
}

@media (max-width: 767px) {
	.indexnav::before {
		height: 68px;
	}
}

.indexnav_inner {
	position: relative;
}

@media (min-width: 768px) {
	.indexnav_inner {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 1199px) {
	.indexnav_inner {
		width: 100%;
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media (max-width: 767px) {
	.indexnav_inner {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
}

.indexnav_slide {
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 768px) {
	.indexnav_slide {
		margin-right: -10px;
		margin-left: -10px;
	}
}

@media (max-width: 767px) {
	.indexnav_slide {
		margin-right: -5px;
		margin-left: -5px;
	}
}

@media (min-width: 768px) {
	.indexnav_slide_unit {
		width: 20%;
		height: 224px;
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit {
		width: 33.33333%;
		height: 105px;
		padding-right: 5px;
		padding-left: 5px;
	}
}

.indexnav_slide_unit a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
}

@media (min-width: 768px) {
	.indexnav_slide_unit a {
		padding: 149px 30px 0;
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit a {
		text-align: center;
		padding: 67px 10px 0;
		box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	}
}

@media (min-width: 768px) {
	.indexnav_slide_unit a {
		transition: box-shadow 0.5s ease;
	}

	.indexnav_slide_unit a>* {
		transition: 0.5s ease;
	}

	.indexnav_slide_unit a:hover {
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
	}

	.indexnav_slide_unit a:hover>* {
		opacity: 0.5;
	}
}

.indexnav_slide_unit .is-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-top: 1px solid #bab9ac;
	font-weight: 700;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-inner {
		position: relative;
		font-size: 1.8rem;
		line-height: 1.4;
		padding-right: 15px;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-inner {
		align-items: center;
		text-align: center;
		font-size: 1.2rem;
		line-height: 1.2;
	}
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-inner::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: -4px;
		display: block;
		width: 8px;
		height: 12px;
		margin: auto;
		transform: scale(0.5);
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-inner::after {
		display: none;
	}
}

.indexnav_slide_unit .is-inner>span {
	display: block;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-inner>span {
		font-size: 1.4rem;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-inner>span {
		font-size: 0.9rem;
	}
}

.indexnav_slide_unit .is-icon {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon {
		top: -150px;
		height: 150px;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon {
		top: 0;
		height: 67px;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav01 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_01.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav01 {
		background-size: 59px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav01 {
		background-size: 29px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav02 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_02.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav02 {
		background-size: 64px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav02 {
		background-size: 32px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav03 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_03.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav03 {
		background-size: 59px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav03 {
		background-size: 29px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav04 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_04.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav04 {
		background-size: 54px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav04 {
		background-size: 27px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav05 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_05.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav05 {
		background-size: 69px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav05 {
		background-size: 34px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav06 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_06.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav06 {
		background-size: 63px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav06 {
		background-size: 32px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav07 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_07.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav07 {
		background-size: 98px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav07 {
		background-size: 49px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav08 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_08.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav08 {
		background-size: 72px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav08 {
		background-size: 36px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav09 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_09.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav09 {
		background-size: 70px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav09 {
		background-size: 35px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav10 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_10.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav10 {
		background-size: 70px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav10 {
		background-size: 35px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav11 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_11.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav11 {
		background-size: 66px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav11 {
		background-size: 33px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav12 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_12.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav12 {
		background-size: 78px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav12 {
		background-size: 39px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav13 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_13.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav13 {
		background-size: 75px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav13 {
		background-size: 37px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav14 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_14.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav14 {
		background-size: 74px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav14 {
		background-size: 37px auto;
	}
}

.indexnav_slide_unit .is-icon.ic_indexnav15 {
	background: url(https://global.sharp/asset_v2/images/ic_indexnav_15.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
	.indexnav_slide_unit .is-icon.ic_indexnav15 {
		background-size: 84px auto;
	}
}

@media (max-width: 767px) {
	.indexnav_slide_unit .is-icon.ic_indexnav15 {
		background-size: 42px auto;
	}
}

@media (min-width: 768px) {
	.js-indexnavSlide.indexnav_slide .slick-list {
		margin-top: -10px;
		margin-bottom: -10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media (max-width: 767px) {
	.js-indexnavSlide.indexnav_slide .slick-list {
		margin-top: -5px;
		margin-bottom: -5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

.js-indexnavSlide.indexnav_slide .slick-arrow {
	overflow: hidden;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	z-index: 9;
	display: block;
	padding: 0;
	border: none;
	background: transparent;
	text-indent: -999px;
}

@media (min-width: 768px) {
	.js-indexnavSlide.indexnav_slide .slick-arrow {
		bottom: 25px;
		width: 14px;
		height: 24px;
	}
}

@media (max-width: 767px) {
	.js-indexnavSlide.indexnav_slide .slick-arrow {
		bottom: 11px;
		width: 9px;
		height: 15px;
	}
}

.js-indexnavSlide.indexnav_slide .slick-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
}

@media (min-width: 768px) {
	.js-indexnavSlide.indexnav_slide .slick-arrow::before {
		transform: translate(-50%, -50%) scale(0.77778);
	}
}

@media (max-width: 767px) {
	.js-indexnavSlide.indexnav_slide .slick-arrow::before {
		transform: translate(-50%, -50%) scale(0.5);
	}
}

@media (min-width: 768px) {
	.js-indexnavSlide.indexnav_slide .slick-arrow.slick-next {
		right: -25px;
	}
}

@media (max-width: 767px) {
	.js-indexnavSlide.indexnav_slide .slick-arrow.slick-next {
		right: -9px;
	}
}

.js-indexnavSlide.indexnav_slide .slick-arrow.slick-prev {
	transform: rotate(180deg);
}

@media (min-width: 768px) {
	.js-indexnavSlide.indexnav_slide .slick-arrow.slick-prev {
		left: -25px;
	}
}

@media (max-width: 767px) {
	.js-indexnavSlide.indexnav_slide .slick-arrow.slick-prev {
		left: -9px;
	}
}

@media (min-width: 768px) {
	.js-indexnavSlide.indexnav_slide .slick-arrow {
		transition: 0.5s ease;
	}

	.js-indexnavSlide.indexnav_slide .slick-arrow:hover {
		opacity: 0.5;
	}
}

/* ------------------------------------------------- *
 *    section
 * ------------------------------------------------- */
.ic_announce,
.news .link1_link::before,
.announce .title1 a::before,
.ic_arw01b,
.js-globalNavBnr.menuBnrSlide .slick-arrow::before,
.ic_arw01lg,
.js-indexnavSlide.indexnav_slide .slick-arrow::before,
.ic_arw01w,
.js-bnrslide.bnrslide_slide .slick-arrow::before,
.js-kvSlide .slick-arrow::before,
.ic_arw02g,
#global__header--nav_menu>li>a::after,
#global__header--nav_menu>li>a.hoverBtn::after,
#global__header--nav_menu .menu .cateTop>a::before,
#global__header--nav_menu .menu .menuList>li>a::before,
.info_link::after,
.ic_arw02r,
#global__header--nav_menu>li:hover a::after,
#global__header--nav_menu .menu .menuList>li>a::after,
#global__header--nav_menu .menu .menuListLinks dt a::after,
.indexnav_slide_unit .is-inner::after,
.news .title1 a::after,
.news .link1_link::after,
.ic_arw02w,
#global__header--nav_menu .menu .menuListLinks dd a::before,
.ic_cocoroplus,
.corp-page-footer-navi-item .icon.icon_cocoromembers::before,
.ic_facebook,
.corp-page-footer-navi-item .icon.icon_facebook::before,
.ic_iclub,
#global__header--member>ul li a i::before,
.ic_instagram,
.corp-page-footer-navi-item .icon.icon_instagram::before,
.ic_line,
.corp-page-footer-navi-item .icon.icon_line::before,
.ic_search,
#top_global__search>ul li span i::before,
.ic_twitter,
.corp-page-footer-navi-item .icon.icon_twitter::before,
.ic_youtube,
.corp-page-footer-navi-item .icon.icon_youtube::before {
	background: url("https://global.sharp/restricted/print/mfpdl/themes/global_dl/assets/images/sprite.svg") no-repeat;
}

.ic_announce,
.news .link1_link::before,
.announce .title1 a::before {
	background-position: 0 0;
}

.ic_announce-dims,
.news .link1_link::before,
.announce .title1 a::before {
	width: 20px;
	height: 32.48px;
}

.ic_arw01b,
.js-globalNavBnr.menuBnrSlide .slick-arrow::before {
	background-position: 4.484304932735426% 6.573705179282869%;
}

.ic_arw01b-dims,
.js-globalNavBnr.menuBnrSlide .slick-arrow::before {
	width: 18px;
	height: 30px;
}

.ic_arw01lg,
.js-indexnavSlide.indexnav_slide .slick-arrow::before {
	/*
  background-position: 8.52017937219731% 12.549800796812749%;
*/
	background-position: 16.517857142857142% 24.212598425196852%;
}

.ic_arw01lg-dims,
.js-indexnavSlide.indexnav_slide .slick-arrow::before {
	/*
  width: 18px;
  height: 30px;
*/
	width: 16px;
	height: 24px;
}

.ic_arw01w,
.js-bnrslide.bnrslide_slide .slick-arrow::before,
.js-kvSlide .slick-arrow::before {
	background-position: 12.556053811659194% 18.52589641434263%;
}

.ic_arw01w-dims,
.js-bnrslide.bnrslide_slide .slick-arrow::before,
.js-kvSlide .slick-arrow::before {
	width: 18px;
	height: 30px;
}

.ic_arw02g,
#global__header--nav_menu>li>a::after,
#global__header--nav_menu>li>a.hoverBtn::after,
#global__header--nav_menu .menu .cateTop>a::before,
#global__header--nav_menu .menu .menuList>li>a::before,
.info_link::after {
	background-position: 16.517857142857142% 24.212598425196852%;
}

.ic_arw02g-dims,
#global__header--nav_menu>li>a::after,
#global__header--nav_menu>li>a.hoverBtn::after,
#global__header--nav_menu .menu .cateTop>a::before,
#global__header--nav_menu .menu .menuList>li>a::before,
.info_link::after {
	width: 16px;
	height: 24px;
}

.ic_arw02r,
#global__header--nav_menu>li:hover a::after,
#global__header--nav_menu .menu .menuList>li>a::after,
#global__header--nav_menu .menu .menuListLinks dt a::after,
.indexnav_slide_unit .is-inner::after,
.news .title1 a::after,
.news .link1_link::after {
	background-position: 20.089285714285715% 28.937007874015748%;
}

.ic_arw02r-dims,
#global__header--nav_menu>li:hover a::after,
#global__header--nav_menu .menu .menuList>li>a::after,
#global__header--nav_menu .menu .menuListLinks dt a::after,
.indexnav_slide_unit .is-inner::after,
.news .title1 a::after,
.news .link1_link::after {
	width: 16px;
	height: 24px;
}

.ic_arw02w,
#global__header--nav_menu .menu .menuListLinks dd a::before {
	background-position: 23.660714285714285% 33.661417322834644%;
}

.ic_arw02w-dims,
#global__header--nav_menu .menu .menuListLinks dd a::before {
	width: 16px;
	height: 24px;
}

.ic_cocoroplus,
.corp-page-footer-navi-item .icon.icon_cocoromembers::before {
	background-position: 28.77358490566038% 40.905372238887374%;
}

.ic_cocoroplus-dims,
.corp-page-footer-navi-item .icon.icon_cocoromembers::before {
	width: 40px;
	height: 55.29px;
}

.ic_facebook,
.corp-page-footer-navi-item .icon.icon_facebook::before {
	background-position: 38.66348448687351% 51.540041067761805%;
}

.ic_facebook-dims,
.corp-page-footer-navi-item .icon.icon_facebook::before {
	width: 45px;
	height: 45px;
}

.ic_iclub,
#global__header--member>ul li a i::before {
	background-position: 48.59154929577465% 59.91902834008097%;
}

.ic_iclub-dims,
#global__header--member>ul li a i::before {
	width: 38px;
	height: 38px;
}

.ic_instagram,
.corp-page-footer-navi-item .icon.icon_instagram::before {
	background-position: 58.472553699284006% 68.58175396809101%;
}

.ic_instagram-dims,
.corp-page-footer-navi-item .icon.icon_instagram::before {
	width: 45px;
	height: 44.99px;
}

.ic_line,
.corp-page-footer-navi-item .icon.icon_line::before {
	background-position: 69.21241050119332% 77.48768170759134%;
}

.ic_line-dims,
.corp-page-footer-navi-item .icon.icon_line::before {
	width: 45px;
	height: 42.89px;
}

.ic_search,
#top_global__search>ul li span i::before {
	background-position: 78.82352941176471% 85.4251012145749%;
}

.ic_search-dims,
#top_global__search>ul li span i::before {
	width: 39px;
	height: 38px;
}

.ic_twitter,
.corp-page-footer-navi-item .icon.icon_twitter::before {
	background-position: 89.26014319809069% 92.8580079938633%;
}

.ic_twitter-dims,
.corp-page-footer-navi-item .icon.icon_twitter::before {
	width: 45px;
	height: 36.62px;
}

.ic_youtube,
.corp-page-footer-navi-item .icon.icon_youtube::before {
	background-position: 100% 99.85534035200514%;
}

.ic_youtube-dims,
.corp-page-footer-navi-item .icon.icon_youtube::before {
	width: 45px;
	height: 34.28px;
}

/* ------------------------------------------------- *
 *    table
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    typography
 * ------------------------------------------------- */
/*    title1
* ------------------------------------------------- */
.title1 {
	font-weight: 700;
}

@media (min-width: 768px) {
	.title1 a {
		transition: .5s ease;
	}

	.title1 a:hover {
		opacity: 0.5;
	}
}

/*    datelist1
* ------------------------------------------------- */
@media (min-width: 768px) {
	.datelist1 {
		font-size: 1.6rem;
	}
}

@media (max-width: 767px) {
	.datelist1 {
		font-size: 1.2rem;
	}
}

@media (min-width: 768px) {
	.datelist1_li {
		display: flex;
	}
}

@media (min-width: 768px) {
	.datelist1_li a {
		transition: .5s ease;
	}

	.datelist1_li a:hover {
		opacity: 0.5;
	}
}

@media (min-width: 768px) {
	.datelist1_li+.datelist1_li {
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.datelist1_li+.datelist1_li {
		margin-top: 15px;
	}
}

@media (min-width: 768px) {
	.datelist1_li_date {
		width: 8.5em;
		min-width: 8.5em;
		margin-right: 20px;
	}
}

@media (max-width: 767px) {
	.datelist1_li_date {
		display: block;
		color: #888;
	}
}

@media (max-width: 767px) {
	.datelist1_li_text {
		display: block;
		margin-top: 5px;
	}
}

.datelist1_li_pdf {
	position: relative;
	display: inline-block;
}

@media (min-width: 768px) {
	.datelist1_li_pdf {
		padding-left: 40px;
		font-size: 1.2rem;
	}
}

@media (max-width: 767px) {
	.datelist1_li_pdf {
		padding-left: 36px;
		font-size: 1rem;
		line-height: 3;
	}
}

.datelist1_li_pdf::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: inline-block;
	background: url(https://global.sharp/asset_v2/images/ic_pdf_01.png) no-repeat 0 0;
}

@media (min-width: 768px) {
	.datelist1_li_pdf::before {
		width: 38px;
		height: 36px;
		background-size: 38px auto;
	}
}

@media (max-width: 767px) {
	.datelist1_li_pdf::before {
		width: 32px;
		height: 30px;
		background-size: 32px auto;
	}
}

/* ------------------------------------------------- *
 *    top
 * ------------------------------------------------- */
/*    #top__mainImage
* ------------------------------------------------- */
#top__mainImage {
	background: #f0f0f0;
}

@media (min-width: 768px) {
	#top__mainImage {
		padding-bottom: 50px;
	}
}

@media (max-width: 767px) {
	#top__mainImage {
		padding-bottom: 30px;
	}
}

/*    news
* ------------------------------------------------- */
@media (min-width: 768px) {
	.news {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		justify-content: space-between;
		margin-bottom: 60px;
	}
}

@media (max-width: 1199px) {
	.news {
		width: 100%;
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.news {
		position: relative;
		display: block;
	}
}

@media (max-width: 767px) {
	.news {
		position: relative;
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		margin-bottom: 40px;
	}
}

.news .title1 {
	white-space: nowrap;
}

@media (min-width: 768px) {
	.news .title1 {
		font-size: 2rem;
		margin-right: 40px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.news .title1 {
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.news .title1 {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
}

.news .title1 a {
	position: relative;
}

@media (min-width: 768px) {
	.news .title1 a {
		display: inline-block;
		padding-right: 18px;
	}
}

@media (max-width: 767px) {
	.news .title1 a {
		display: inline-block;
		padding-right: 18px;
	}
}

.news .title1 a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -4px;
	display: block;
	margin: auto;
	transform: scale(0.5);
}

@media (min-width: 768px) {
	.news .datelist1 {
		margin: 3px auto 0 0;
	}
}

.news .link1 {
	border-left: 1px solid #dcdcdc;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.news .link1 {
		display: flex;
		align-items: center;
		margin-left: 40px;
		padding-left: 20px;
		font-size: 1.2rem;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.news .link1 {
		position: absolute;
		top: 5px;
		right: 40px;
	}
}

@media (max-width: 767px) {
	.news .link1 {
		position: absolute;
		top: 5px;
		right: 20px;
		padding-left: 10px;
		font-size: 1rem;
	}
}

.news .link1_link {
	position: relative;
	display: block;
}

@media (min-width: 768px) {
	.news .link1_link {
		padding: 0 25px 0 20px;
	}
}

@media (max-width: 767px) {
	.news .link1_link {
		padding: 0 17px 0 18px;
	}
}

@media (min-width: 768px) {
	.news .link1_link {
		transition: .5s ease;
	}

	.news .link1_link:hover {
		opacity: 0.5;
	}
}

.news .link1_link::before,
.news .link1_link::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
}

.news .link1_link::before {
	left: -5px;
	transform: scale(0.5);
}

.news .link1_link::after {
	right: -2px;
	transform: rotate(90deg) scale(0.5);
}

/*    info
* ------------------------------------------------- */
.info {
	background: #f0f0f0;
}

@media (min-width: 768px) {
	.info {
		margin-bottom: 60px;
	}
}

@media (max-width: 767px) {
	.info {
		margin-bottom: 30px;
	}
}

.info_inner {
	text-align: center;
}

@media (min-width: 768px) {
	.info_inner {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
		padding: 80px 0 100px;
	}
}

@media (max-width: 1199px) {
	.info_inner {
		width: 100%;
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media (max-width: 767px) {
	.info_inner {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media (min-width: 768px) {
	.info_wrap {
		display: flex;
		flex-wrap: wrap;
		margin-right: -30px;
		margin-left: -30px;
	}
}

@media (max-width: 1199px) {
	.info_wrap {
		margin-right: -20px;
		margin-left: -20px;
	}
}

.info_unit {
	text-align: left;
}

@media (min-width: 768px) {
	.info_unit {
		width: 33.33333%;
		padding-right: 30px;
		padding-left: 30px;
		margin-bottom: 60px;
	}
}

@media (max-width: 1199px) {
	.info_unit {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.info_unit {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.info_unit {
		margin-bottom: 20px;
	}
}

.info_unit.is-active {
	-webkit-animation: show 0.5s ease 0s forwards;
	animation: show 0.5s ease 0s forwards;
}

@keyframes show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.info_link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
}

@media (min-width: 768px) {
	.info_link {
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	}
}

@media (max-width: 767px) {
	.info_link {
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	}
}

.info_link::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9;
	display: block;
	background: #e8e8e8;
}

@media (min-width: 768px) {
	.info_link::before {
		width: 60px;
		height: 60px;
	}
}

@media (max-width: 767px) {
	.info_link::before {
		width: 56px;
		height: 56px;
	}
}

.info_link::after {
	content: "";
	position: absolute;
	z-index: 9;
	display: block;
	transform: scale(0.5);
}

@media (min-width: 768px) {
	.info_link::after {
		bottom: 17px;
		right: 20px;
	}
}

@media (max-width: 767px) {
	.info_link::after {
		bottom: 17px;
		right: 20px;
	}
}

@media (min-width: 768px) {
	.info_link {
		transition: box-shadow 0.5s ease;
	}

	.info_link::before,
	.info_link::after,
	.info_link>* {
		transition: 0.5s ease;
	}

	.info_link:hover {
		box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
	}

	.info_link:hover::before,
	.info_link:hover::after,
	.info_link:hover>* {
		opacity: 0.5;
	}
}

.info_image {
	overflow: hidden;
	position: relative;
	width: 100%;
	background: #f4f4f4;
}

@media (min-width: 768px) {
	.info_image {
		text-align: center;
		padding-top: 56.11111%;
	}
}

@media (max-width: 767px) {
	.info_image {
		position: relative;
		padding-top: 56.1194%;
	}
}

.info_image img {
	position: absolute;
	width: auto;
	height: 100%;
}

@media (min-width: 768px) {
	.info_image img {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 767px) {
	.info_image img {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}

.info_title {
	display: flex;
	align-items: center;
	font-weight: 700;
}

@media (min-width: 768px) {
	.info_title {
		overflow: hidden;
		height: calc(6em + 20px);
		padding: 10px 30px;
		font-size: 1.6rem;
		text-align: justify;
	}
}

@media (max-width: 767px) {
	.info_title {
		padding: 20px;
		font-size: 1.4rem;
	}
}

@media (min-width: 768px) {
	.info_title_inner {
		overflow: hidden;
		position: relative;
		display: inline-block;
		max-height: 6em;
	}

	.info_title_inner::before,
	.info_title_inner::after {
		position: absolute;
		background: #fff;
	}

	.info_title_inner::before {
		content: '...';
		top: 4.5em;
		right: 0;
		width: 1em;
	}

	.info_title_inner::after {
		content: '';
		width: 100%;
		height: 100%;
	}
}

.info_meta {
	display: flex;
	align-items: center;
	background: #f4f4f4;
}

@media (min-width: 768px) {
	.info_meta {
		height: 60px;
		padding: 0 70px 0 30px;
		font-size: 1.2rem;
	}
}

@media (max-width: 767px) {
	.info_meta {
		height: 56px;
		padding: 0 76px 0 20px;
		font-size: 1.1rem;
	}
}

.info_date {
	white-space: nowrap;
}

.info_date+.info_category {
	margin-left: 18px;
	padding-left: 18px;
	border-left: 1px solid #cdcdcd;
	word-break: normal;
}

.info_btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	margin: 0 auto;
	border: 1px solid #ccc;
	background: transparent;
	color: #999;
	text-align: center;
}

@media (min-width: 768px) {
	.info_btn {
		height: 50px;
		padding: 0 75px;
		font-size: 1.4rem;
	}
}

@media (max-width: 767px) {
	.info_btn {
		margin-top: 10px;
		height: 40px;
		padding: 0 38px;
		font-size: 1.1rem;
	}
}

@media (min-width: 768px) {
	.info_btn {
		transition: .5s ease;
	}

	.info_btn:hover {
		opacity: 0.5;
	}
}

/*    announce
* ------------------------------------------------- */
@media (min-width: 768px) {
	.announce {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 1199px) {
	.announce {
		width: 100%;
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media (max-width: 767px) {
	.announce {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
}

.announce .title1 {
	font-size: 1.8rem;
}

@media (min-width: 768px) {
	.announce .title1 {
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.announce .title1 {
		margin-bottom: 20px;
	}
}

.announce .title1 a {
	position: relative;
}

@media (min-width: 768px) {
	.announce .title1 a {
		display: block;
		padding-left: 30px;
	}
}

@media (max-width: 767px) {
	.announce .title1 a {
		display: inline-block;
		padding-left: 25px;
	}
}

.announce .title1 a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
	left: -2px;
	transform: scale(0.76);
}

@media (min-width: 768px) {
	.announce .datelist1 {
		font-size: 1.4rem;
	}
}

@media (min-width: 768px) {
	.announce .datelist1_li_date {
		margin-right: 20px;
	}
}

/* ================================================== *
 *
 *    Utility
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        align
 * ------------------------------------------------- */
.u-alignL {
	text-align: left !important;
}

@media (min-width: 1200px) {
	.u-alignL-pc {
		text-align: left !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-alignL-tb {
		text-align: left !important;
	}
}

@media (max-width: 767px) {
	.u-alignL-sp {
		text-align: left !important;
	}
}

.u-alignC {
	text-align: center !important;
}

@media (min-width: 1200px) {
	.u-alignC-pc {
		text-align: center !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-alignC-tb {
		text-align: center !important;
	}
}

@media (max-width: 767px) {
	.u-alignC-sp {
		text-align: center !important;
	}
}

.u-alignR {
	text-align: right !important;
}

@media (min-width: 1200px) {
	.u-alignR-pc {
		text-align: right !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-alignR-tb {
		text-align: right !important;
	}
}

@media (max-width: 767px) {
	.u-alignR-sp {
		text-align: right !important;
	}
}

.u-vAlignT {
	vertical-align: top !important;
}

@media (min-width: 1200px) {
	.u-vAlignT-pc {
		vertical-align: top !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-vAlignT-tb {
		vertical-align: top !important;
	}
}

@media (max-width: 767px) {
	.u-vAlignT-sp {
		vertical-align: top !important;
	}
}

.u-vAlignM {
	vertical-align: middle !important;
}

@media (min-width: 1200px) {
	.u-vAlignM-pc {
		vertical-align: middle !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-vAlignM-tb {
		vertical-align: middle !important;
	}
}

@media (max-width: 767px) {
	.u-vAlignM-sp {
		vertical-align: middle !important;
	}
}

.u-vAlignB {
	vertical-align: bottom !important;
}

@media (min-width: 1200px) {
	.u-vAlignB-pc {
		vertical-align: bottom !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-vAlignB-tb {
		vertical-align: bottom !important;
	}
}

@media (max-width: 767px) {
	.u-vAlignB-sp {
		vertical-align: bottom !important;
	}
}

/* ------------------------------------------------- *
 *        float & clear
 * ------------------------------------------------- */
.u-floatL {
	float: left !important;
}

@media (min-width: 1200px) {
	.u-floatL-pc {
		float: left !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-floatL-tb {
		float: left !important;
	}
}

@media (max-width: 767px) {
	.u-floatL-sp {
		float: left !important;
	}
}

.u-floatR {
	float: right !important;
}

@media (min-width: 1200px) {
	.u-floatR-pc {
		float: right !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-floatR-tb {
		float: right !important;
	}
}

@media (max-width: 767px) {
	.u-floatR-sp {
		float: right !important;
	}
}

.u-clearL {
	clear: left !important;
}

@media (min-width: 1200px) {
	.u-clearL-pc {
		clear: left !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-clearL-tb {
		clear: left !important;
	}
}

@media (max-width: 767px) {
	.u-clearL-sp {
		clear: left !important;
	}
}

.u-clearR {
	clear: right !important;
}

@media (min-width: 1200px) {
	.u-clearR-pc {
		clear: right !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-clearR-tb {
		clear: right !important;
	}
}

@media (max-width: 767px) {
	.u-clearR-sp {
		clear: right !important;
	}
}

.u-clearB {
	clear: both !important;
}

@media (min-width: 1200px) {
	.u-clearB-pc {
		clear: both !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-clearB-tb {
		clear: both !important;
	}
}

@media (max-width: 767px) {
	.u-clearB-sp {
		clear: both !important;
	}
}

.u-clear:before,
.u-clear:after {
	content: " ";
	display: table;
}

.u-clear:after {
	clear: both;
}

@media (min-width: 1200px) {

	.u-clear-pc:before,
	.u-clear-pc:after {
		content: " ";
		display: table;
	}

	.u-clear-pc:after {
		clear: both;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {

	.u-clear-tb:before,
	.u-clear-tb:after {
		content: " ";
		display: table;
	}

	.u-clear-tb:after {
		clear: both;
	}
}

@media (max-width: 767px) {

	.u-clear-sp:before,
	.u-clear-sp:after {
		content: " ";
		display: table;
	}

	.u-clear-sp:after {
		clear: both;
	}
}

/* ------------------------------------------------- *
 *        display
 * ------------------------------------------------- */
.u-show {
	display: block !important;
}

@media (min-width: 1200px) {
	.u-show-pc {
		display: block !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-show-tb {
		display: block !important;
	}
}

@media (max-width: 767px) {
	.u-show-sp {
		display: block !important;
	}
}

.u-hidden {
	display: none !important;
}

@media (min-width: 1200px) {
	.u-hidden-pc {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-hidden-tb {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.u-hidden-sp {
		display: none !important;
	}
}

/* ------------------------------------------------- *
 *        overflow
 * ------------------------------------------------- */
.u-ofHidden {
	overflow: hidden !important;
}

@media (min-width: 1200px) {
	.u-ofHidden-pc {
		overflow: hidden !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ofHidden-tb {
		overflow: hidden !important;
	}
}

@media (max-width: 767px) {
	.u-ofHidden-sp {
		overflow: hidden !important;
	}
}

/* ------------------------------------------------- *
 *        margin & padding
 * ------------------------------------------------- */
.u-mt0 {
	margin-top: 0px !important;
}

@media (min-width: 1200px) {
	.u-mt0-pc {
		margin-top: 0px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt0-tb {
		margin-top: 0px !important;
	}
}

@media (max-width: 767px) {
	.u-mt0-sp {
		margin-top: 0px !important;
	}
}

.u-pt0 {
	padding-top: 0px !important;
}

@media (min-width: 1200px) {
	.u-pt0-pc {
		padding-top: 0px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt0-tb {
		padding-top: 0px !important;
	}
}

@media (max-width: 767px) {
	.u-pt0-sp {
		padding-top: 0px !important;
	}
}

.u-mt5 {
	margin-top: 5px !important;
}

@media (min-width: 1200px) {
	.u-mt5-pc {
		margin-top: 5px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt5-tb {
		margin-top: 5px !important;
	}
}

@media (max-width: 767px) {
	.u-mt5-sp {
		margin-top: 5px !important;
	}
}

.u-pt5 {
	padding-top: 5px !important;
}

@media (min-width: 1200px) {
	.u-pt5-pc {
		padding-top: 5px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt5-tb {
		padding-top: 5px !important;
	}
}

@media (max-width: 767px) {
	.u-pt5-sp {
		padding-top: 5px !important;
	}
}

.u-mt10 {
	margin-top: 10px !important;
}

@media (min-width: 1200px) {
	.u-mt10-pc {
		margin-top: 10px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt10-tb {
		margin-top: 10px !important;
	}
}

@media (max-width: 767px) {
	.u-mt10-sp {
		margin-top: 10px !important;
	}
}

.u-pt10 {
	padding-top: 10px !important;
}

@media (min-width: 1200px) {
	.u-pt10-pc {
		padding-top: 10px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt10-tb {
		padding-top: 10px !important;
	}
}

@media (max-width: 767px) {
	.u-pt10-sp {
		padding-top: 10px !important;
	}
}

.u-mt15 {
	margin-top: 15px !important;
}

@media (min-width: 1200px) {
	.u-mt15-pc {
		margin-top: 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt15-tb {
		margin-top: 15px !important;
	}
}

@media (max-width: 767px) {
	.u-mt15-sp {
		margin-top: 15px !important;
	}
}

.u-pt15 {
	padding-top: 15px !important;
}

@media (min-width: 1200px) {
	.u-pt15-pc {
		padding-top: 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt15-tb {
		padding-top: 15px !important;
	}
}

@media (max-width: 767px) {
	.u-pt15-sp {
		padding-top: 15px !important;
	}
}

.u-mt20 {
	margin-top: 20px !important;
}

@media (min-width: 1200px) {
	.u-mt20-pc {
		margin-top: 20px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt20-tb {
		margin-top: 20px !important;
	}
}

@media (max-width: 767px) {
	.u-mt20-sp {
		margin-top: 20px !important;
	}
}

.u-pt20 {
	padding-top: 20px !important;
}

@media (min-width: 1200px) {
	.u-pt20-pc {
		padding-top: 20px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt20-tb {
		padding-top: 20px !important;
	}
}

@media (max-width: 767px) {
	.u-pt20-sp {
		padding-top: 20px !important;
	}
}

.u-mt25 {
	margin-top: 25px !important;
}

@media (min-width: 1200px) {
	.u-mt25-pc {
		margin-top: 25px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt25-tb {
		margin-top: 25px !important;
	}
}

@media (max-width: 767px) {
	.u-mt25-sp {
		margin-top: 25px !important;
	}
}

.u-pt25 {
	padding-top: 25px !important;
}

@media (min-width: 1200px) {
	.u-pt25-pc {
		padding-top: 25px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt25-tb {
		padding-top: 25px !important;
	}
}

@media (max-width: 767px) {
	.u-pt25-sp {
		padding-top: 25px !important;
	}
}

.u-mt30 {
	margin-top: 30px !important;
}

@media (min-width: 1200px) {
	.u-mt30-pc {
		margin-top: 30px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt30-tb {
		margin-top: 30px !important;
	}
}

@media (max-width: 767px) {
	.u-mt30-sp {
		margin-top: 30px !important;
	}
}

.u-pt30 {
	padding-top: 30px !important;
}

@media (min-width: 1200px) {
	.u-pt30-pc {
		padding-top: 30px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt30-tb {
		padding-top: 30px !important;
	}
}

@media (max-width: 767px) {
	.u-pt30-sp {
		padding-top: 30px !important;
	}
}

.u-mt35 {
	margin-top: 35px !important;
}

@media (min-width: 1200px) {
	.u-mt35-pc {
		margin-top: 35px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt35-tb {
		margin-top: 35px !important;
	}
}

@media (max-width: 767px) {
	.u-mt35-sp {
		margin-top: 35px !important;
	}
}

.u-pt35 {
	padding-top: 35px !important;
}

@media (min-width: 1200px) {
	.u-pt35-pc {
		padding-top: 35px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt35-tb {
		padding-top: 35px !important;
	}
}

@media (max-width: 767px) {
	.u-pt35-sp {
		padding-top: 35px !important;
	}
}

.u-mt40 {
	margin-top: 40px !important;
}

@media (min-width: 1200px) {
	.u-mt40-pc {
		margin-top: 40px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt40-tb {
		margin-top: 40px !important;
	}
}

@media (max-width: 767px) {
	.u-mt40-sp {
		margin-top: 40px !important;
	}
}

.u-pt40 {
	padding-top: 40px !important;
}

@media (min-width: 1200px) {
	.u-pt40-pc {
		padding-top: 40px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt40-tb {
		padding-top: 40px !important;
	}
}

@media (max-width: 767px) {
	.u-pt40-sp {
		padding-top: 40px !important;
	}
}

.u-mt45 {
	margin-top: 45px !important;
}

@media (min-width: 1200px) {
	.u-mt45-pc {
		margin-top: 45px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt45-tb {
		margin-top: 45px !important;
	}
}

@media (max-width: 767px) {
	.u-mt45-sp {
		margin-top: 45px !important;
	}
}

.u-pt45 {
	padding-top: 45px !important;
}

@media (min-width: 1200px) {
	.u-pt45-pc {
		padding-top: 45px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt45-tb {
		padding-top: 45px !important;
	}
}

@media (max-width: 767px) {
	.u-pt45-sp {
		padding-top: 45px !important;
	}
}

.u-mt50 {
	margin-top: 50px !important;
}

@media (min-width: 1200px) {
	.u-mt50-pc {
		margin-top: 50px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt50-tb {
		margin-top: 50px !important;
	}
}

@media (max-width: 767px) {
	.u-mt50-sp {
		margin-top: 50px !important;
	}
}

.u-pt50 {
	padding-top: 50px !important;
}

@media (min-width: 1200px) {
	.u-pt50-pc {
		padding-top: 50px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt50-tb {
		padding-top: 50px !important;
	}
}

@media (max-width: 767px) {
	.u-pt50-sp {
		padding-top: 50px !important;
	}
}

.u-mt55 {
	margin-top: 55px !important;
}

@media (min-width: 1200px) {
	.u-mt55-pc {
		margin-top: 55px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt55-tb {
		margin-top: 55px !important;
	}
}

@media (max-width: 767px) {
	.u-mt55-sp {
		margin-top: 55px !important;
	}
}

.u-pt55 {
	padding-top: 55px !important;
}

@media (min-width: 1200px) {
	.u-pt55-pc {
		padding-top: 55px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt55-tb {
		padding-top: 55px !important;
	}
}

@media (max-width: 767px) {
	.u-pt55-sp {
		padding-top: 55px !important;
	}
}

.u-mt60 {
	margin-top: 60px !important;
}

@media (min-width: 1200px) {
	.u-mt60-pc {
		margin-top: 60px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mt60-tb {
		margin-top: 60px !important;
	}
}

@media (max-width: 767px) {
	.u-mt60-sp {
		margin-top: 60px !important;
	}
}

.u-pt60 {
	padding-top: 60px !important;
}

@media (min-width: 1200px) {
	.u-pt60-pc {
		padding-top: 60px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pt60-tb {
		padding-top: 60px !important;
	}
}

@media (max-width: 767px) {
	.u-pt60-sp {
		padding-top: 60px !important;
	}
}

.u-mr0 {
	margin-right: 0px !important;
}

@media (min-width: 1200px) {
	.u-mr0-pc {
		margin-right: 0px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr0-tb {
		margin-right: 0px !important;
	}
}

@media (max-width: 767px) {
	.u-mr0-sp {
		margin-right: 0px !important;
	}
}

.u-pr0 {
	padding-right: 0px !important;
}

@media (min-width: 1200px) {
	.u-pr0-pc {
		padding-right: 0px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr0-tb {
		padding-right: 0px !important;
	}
}

@media (max-width: 767px) {
	.u-pr0-sp {
		padding-right: 0px !important;
	}
}

.u-mr5 {
	margin-right: 5px !important;
}

@media (min-width: 1200px) {
	.u-mr5-pc {
		margin-right: 5px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr5-tb {
		margin-right: 5px !important;
	}
}

@media (max-width: 767px) {
	.u-mr5-sp {
		margin-right: 5px !important;
	}
}

.u-pr5 {
	padding-right: 5px !important;
}

@media (min-width: 1200px) {
	.u-pr5-pc {
		padding-right: 5px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr5-tb {
		padding-right: 5px !important;
	}
}

@media (max-width: 767px) {
	.u-pr5-sp {
		padding-right: 5px !important;
	}
}

.u-mr10 {
	margin-right: 10px !important;
}

@media (min-width: 1200px) {
	.u-mr10-pc {
		margin-right: 10px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr10-tb {
		margin-right: 10px !important;
	}
}

@media (max-width: 767px) {
	.u-mr10-sp {
		margin-right: 10px !important;
	}
}

.u-pr10 {
	padding-right: 10px !important;
}

@media (min-width: 1200px) {
	.u-pr10-pc {
		padding-right: 10px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr10-tb {
		padding-right: 10px !important;
	}
}

@media (max-width: 767px) {
	.u-pr10-sp {
		padding-right: 10px !important;
	}
}

.u-mr15 {
	margin-right: 15px !important;
}

@media (min-width: 1200px) {
	.u-mr15-pc {
		margin-right: 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr15-tb {
		margin-right: 15px !important;
	}
}

@media (max-width: 767px) {
	.u-mr15-sp {
		margin-right: 15px !important;
	}
}

.u-pr15 {
	padding-right: 15px !important;
}

@media (min-width: 1200px) {
	.u-pr15-pc {
		padding-right: 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr15-tb {
		padding-right: 15px !important;
	}
}

@media (max-width: 767px) {
	.u-pr15-sp {
		padding-right: 15px !important;
	}
}

.u-mr20 {
	margin-right: 20px !important;
}

@media (min-width: 1200px) {
	.u-mr20-pc {
		margin-right: 20px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr20-tb {
		margin-right: 20px !important;
	}
}

@media (max-width: 767px) {
	.u-mr20-sp {
		margin-right: 20px !important;
	}
}

.u-pr20 {
	padding-right: 20px !important;
}

@media (min-width: 1200px) {
	.u-pr20-pc {
		padding-right: 20px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr20-tb {
		padding-right: 20px !important;
	}
}

@media (max-width: 767px) {
	.u-pr20-sp {
		padding-right: 20px !important;
	}
}

.u-mr25 {
	margin-right: 25px !important;
}

@media (min-width: 1200px) {
	.u-mr25-pc {
		margin-right: 25px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr25-tb {
		margin-right: 25px !important;
	}
}

@media (max-width: 767px) {
	.u-mr25-sp {
		margin-right: 25px !important;
	}
}

.u-pr25 {
	padding-right: 25px !important;
}

@media (min-width: 1200px) {
	.u-pr25-pc {
		padding-right: 25px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr25-tb {
		padding-right: 25px !important;
	}
}

@media (max-width: 767px) {
	.u-pr25-sp {
		padding-right: 25px !important;
	}
}

.u-mr30 {
	margin-right: 30px !important;
}

@media (min-width: 1200px) {
	.u-mr30-pc {
		margin-right: 30px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr30-tb {
		margin-right: 30px !important;
	}
}

@media (max-width: 767px) {
	.u-mr30-sp {
		margin-right: 30px !important;
	}
}

.u-pr30 {
	padding-right: 30px !important;
}

@media (min-width: 1200px) {
	.u-pr30-pc {
		padding-right: 30px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr30-tb {
		padding-right: 30px !important;
	}
}

@media (max-width: 767px) {
	.u-pr30-sp {
		padding-right: 30px !important;
	}
}

.u-mr35 {
	margin-right: 35px !important;
}

@media (min-width: 1200px) {
	.u-mr35-pc {
		margin-right: 35px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr35-tb {
		margin-right: 35px !important;
	}
}

@media (max-width: 767px) {
	.u-mr35-sp {
		margin-right: 35px !important;
	}
}

.u-pr35 {
	padding-right: 35px !important;
}

@media (min-width: 1200px) {
	.u-pr35-pc {
		padding-right: 35px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr35-tb {
		padding-right: 35px !important;
	}
}

@media (max-width: 767px) {
	.u-pr35-sp {
		padding-right: 35px !important;
	}
}

.u-mr40 {
	margin-right: 40px !important;
}

@media (min-width: 1200px) {
	.u-mr40-pc {
		margin-right: 40px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr40-tb {
		margin-right: 40px !important;
	}
}

@media (max-width: 767px) {
	.u-mr40-sp {
		margin-right: 40px !important;
	}
}

.u-pr40 {
	padding-right: 40px !important;
}

@media (min-width: 1200px) {
	.u-pr40-pc {
		padding-right: 40px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr40-tb {
		padding-right: 40px !important;
	}
}

@media (max-width: 767px) {
	.u-pr40-sp {
		padding-right: 40px !important;
	}
}

.u-mr45 {
	margin-right: 45px !important;
}

@media (min-width: 1200px) {
	.u-mr45-pc {
		margin-right: 45px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr45-tb {
		margin-right: 45px !important;
	}
}

@media (max-width: 767px) {
	.u-mr45-sp {
		margin-right: 45px !important;
	}
}

.u-pr45 {
	padding-right: 45px !important;
}

@media (min-width: 1200px) {
	.u-pr45-pc {
		padding-right: 45px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr45-tb {
		padding-right: 45px !important;
	}
}

@media (max-width: 767px) {
	.u-pr45-sp {
		padding-right: 45px !important;
	}
}

.u-mr50 {
	margin-right: 50px !important;
}

@media (min-width: 1200px) {
	.u-mr50-pc {
		margin-right: 50px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr50-tb {
		margin-right: 50px !important;
	}
}

@media (max-width: 767px) {
	.u-mr50-sp {
		margin-right: 50px !important;
	}
}

.u-pr50 {
	padding-right: 50px !important;
}

@media (min-width: 1200px) {
	.u-pr50-pc {
		padding-right: 50px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr50-tb {
		padding-right: 50px !important;
	}
}

@media (max-width: 767px) {
	.u-pr50-sp {
		padding-right: 50px !important;
	}
}

.u-mr55 {
	margin-right: 55px !important;
}

@media (min-width: 1200px) {
	.u-mr55-pc {
		margin-right: 55px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr55-tb {
		margin-right: 55px !important;
	}
}

@media (max-width: 767px) {
	.u-mr55-sp {
		margin-right: 55px !important;
	}
}

.u-pr55 {
	padding-right: 55px !important;
}

@media (min-width: 1200px) {
	.u-pr55-pc {
		padding-right: 55px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr55-tb {
		padding-right: 55px !important;
	}
}

@media (max-width: 767px) {
	.u-pr55-sp {
		padding-right: 55px !important;
	}
}

.u-mr60 {
	margin-right: 60px !important;
}

@media (min-width: 1200px) {
	.u-mr60-pc {
		margin-right: 60px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mr60-tb {
		margin-right: 60px !important;
	}
}

@media (max-width: 767px) {
	.u-mr60-sp {
		margin-right: 60px !important;
	}
}

.u-pr60 {
	padding-right: 60px !important;
}

@media (min-width: 1200px) {
	.u-pr60-pc {
		padding-right: 60px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pr60-tb {
		padding-right: 60px !important;
	}
}

@media (max-width: 767px) {
	.u-pr60-sp {
		padding-right: 60px !important;
	}
}

.u-mb0 {
	margin-bottom: 0px !important;
}

@media (min-width: 1200px) {
	.u-mb0-pc {
		margin-bottom: 0px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb0-tb {
		margin-bottom: 0px !important;
	}
}

@media (max-width: 767px) {
	.u-mb0-sp {
		margin-bottom: 0px !important;
	}
}

.u-pb0 {
	padding-bottom: 0px !important;
}

@media (min-width: 1200px) {
	.u-pb0-pc {
		padding-bottom: 0px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb0-tb {
		padding-bottom: 0px !important;
	}
}

@media (max-width: 767px) {
	.u-pb0-sp {
		padding-bottom: 0px !important;
	}
}

.u-mb5 {
	margin-bottom: 5px !important;
}

@media (min-width: 1200px) {
	.u-mb5-pc {
		margin-bottom: 5px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb5-tb {
		margin-bottom: 5px !important;
	}
}

@media (max-width: 767px) {
	.u-mb5-sp {
		margin-bottom: 5px !important;
	}
}

.u-pb5 {
	padding-bottom: 5px !important;
}

@media (min-width: 1200px) {
	.u-pb5-pc {
		padding-bottom: 5px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb5-tb {
		padding-bottom: 5px !important;
	}
}

@media (max-width: 767px) {
	.u-pb5-sp {
		padding-bottom: 5px !important;
	}
}

.u-mb10 {
	margin-bottom: 10px !important;
}

@media (min-width: 1200px) {
	.u-mb10-pc {
		margin-bottom: 10px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb10-tb {
		margin-bottom: 10px !important;
	}
}

@media (max-width: 767px) {
	.u-mb10-sp {
		margin-bottom: 10px !important;
	}
}

.u-pb10 {
	padding-bottom: 10px !important;
}

@media (min-width: 1200px) {
	.u-pb10-pc {
		padding-bottom: 10px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb10-tb {
		padding-bottom: 10px !important;
	}
}

@media (max-width: 767px) {
	.u-pb10-sp {
		padding-bottom: 10px !important;
	}
}

.u-mb15 {
	margin-bottom: 15px !important;
}

@media (min-width: 1200px) {
	.u-mb15-pc {
		margin-bottom: 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb15-tb {
		margin-bottom: 15px !important;
	}
}

@media (max-width: 767px) {
	.u-mb15-sp {
		margin-bottom: 15px !important;
	}
}

.u-pb15 {
	padding-bottom: 15px !important;
}

@media (min-width: 1200px) {
	.u-pb15-pc {
		padding-bottom: 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb15-tb {
		padding-bottom: 15px !important;
	}
}

@media (max-width: 767px) {
	.u-pb15-sp {
		padding-bottom: 15px !important;
	}
}

.u-mb20 {
	margin-bottom: 20px !important;
}

@media (min-width: 1200px) {
	.u-mb20-pc {
		margin-bottom: 20px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb20-tb {
		margin-bottom: 20px !important;
	}
}

@media (max-width: 767px) {
	.u-mb20-sp {
		margin-bottom: 20px !important;
	}
}

.u-pb20 {
	padding-bottom: 20px !important;
}

@media (min-width: 1200px) {
	.u-pb20-pc {
		padding-bottom: 20px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb20-tb {
		padding-bottom: 20px !important;
	}
}

@media (max-width: 767px) {
	.u-pb20-sp {
		padding-bottom: 20px !important;
	}
}

.u-mb25 {
	margin-bottom: 25px !important;
}

@media (min-width: 1200px) {
	.u-mb25-pc {
		margin-bottom: 25px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb25-tb {
		margin-bottom: 25px !important;
	}
}

@media (max-width: 767px) {
	.u-mb25-sp {
		margin-bottom: 25px !important;
	}
}

.u-pb25 {
	padding-bottom: 25px !important;
}

@media (min-width: 1200px) {
	.u-pb25-pc {
		padding-bottom: 25px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb25-tb {
		padding-bottom: 25px !important;
	}
}

@media (max-width: 767px) {
	.u-pb25-sp {
		padding-bottom: 25px !important;
	}
}

.u-mb30 {
	margin-bottom: 30px !important;
}

@media (min-width: 1200px) {
	.u-mb30-pc {
		margin-bottom: 30px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb30-tb {
		margin-bottom: 30px !important;
	}
}

@media (max-width: 767px) {
	.u-mb30-sp {
		margin-bottom: 30px !important;
	}
}

.u-pb30 {
	padding-bottom: 30px !important;
}

@media (min-width: 1200px) {
	.u-pb30-pc {
		padding-bottom: 30px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb30-tb {
		padding-bottom: 30px !important;
	}
}

@media (max-width: 767px) {
	.u-pb30-sp {
		padding-bottom: 30px !important;
	}
}

.u-mb35 {
	margin-bottom: 35px !important;
}

@media (min-width: 1200px) {
	.u-mb35-pc {
		margin-bottom: 35px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb35-tb {
		margin-bottom: 35px !important;
	}
}

@media (max-width: 767px) {
	.u-mb35-sp {
		margin-bottom: 35px !important;
	}
}

.u-pb35 {
	padding-bottom: 35px !important;
}

@media (min-width: 1200px) {
	.u-pb35-pc {
		padding-bottom: 35px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb35-tb {
		padding-bottom: 35px !important;
	}
}

@media (max-width: 767px) {
	.u-pb35-sp {
		padding-bottom: 35px !important;
	}
}

.u-mb40 {
	margin-bottom: 40px !important;
}

@media (min-width: 1200px) {
	.u-mb40-pc {
		margin-bottom: 40px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb40-tb {
		margin-bottom: 40px !important;
	}
}

@media (max-width: 767px) {
	.u-mb40-sp {
		margin-bottom: 40px !important;
	}
}

.u-pb40 {
	padding-bottom: 40px !important;
}

@media (min-width: 1200px) {
	.u-pb40-pc {
		padding-bottom: 40px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb40-tb {
		padding-bottom: 40px !important;
	}
}

@media (max-width: 767px) {
	.u-pb40-sp {
		padding-bottom: 40px !important;
	}
}

.u-mb45 {
	margin-bottom: 45px !important;
}

@media (min-width: 1200px) {
	.u-mb45-pc {
		margin-bottom: 45px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb45-tb {
		margin-bottom: 45px !important;
	}
}

@media (max-width: 767px) {
	.u-mb45-sp {
		margin-bottom: 45px !important;
	}
}

.u-pb45 {
	padding-bottom: 45px !important;
}

@media (min-width: 1200px) {
	.u-pb45-pc {
		padding-bottom: 45px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb45-tb {
		padding-bottom: 45px !important;
	}
}

@media (max-width: 767px) {
	.u-pb45-sp {
		padding-bottom: 45px !important;
	}
}

.u-mb50 {
	margin-bottom: 50px !important;
}

@media (min-width: 1200px) {
	.u-mb50-pc {
		margin-bottom: 50px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb50-tb {
		margin-bottom: 50px !important;
	}
}

@media (max-width: 767px) {
	.u-mb50-sp {
		margin-bottom: 50px !important;
	}
}

.u-pb50 {
	padding-bottom: 50px !important;
}

@media (min-width: 1200px) {
	.u-pb50-pc {
		padding-bottom: 50px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb50-tb {
		padding-bottom: 50px !important;
	}
}

@media (max-width: 767px) {
	.u-pb50-sp {
		padding-bottom: 50px !important;
	}
}

.u-mb55 {
	margin-bottom: 55px !important;
}

@media (min-width: 1200px) {
	.u-mb55-pc {
		margin-bottom: 55px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb55-tb {
		margin-bottom: 55px !important;
	}
}

@media (max-width: 767px) {
	.u-mb55-sp {
		margin-bottom: 55px !important;
	}
}

.u-pb55 {
	padding-bottom: 55px !important;
}

@media (min-width: 1200px) {
	.u-pb55-pc {
		padding-bottom: 55px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb55-tb {
		padding-bottom: 55px !important;
	}
}

@media (max-width: 767px) {
	.u-pb55-sp {
		padding-bottom: 55px !important;
	}
}

.u-mb60 {
	margin-bottom: 60px !important;
}

@media (min-width: 1200px) {
	.u-mb60-pc {
		margin-bottom: 60px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-mb60-tb {
		margin-bottom: 60px !important;
	}
}

@media (max-width: 767px) {
	.u-mb60-sp {
		margin-bottom: 60px !important;
	}
}

.u-pb60 {
	padding-bottom: 60px !important;
}

@media (min-width: 1200px) {
	.u-pb60-pc {
		padding-bottom: 60px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pb60-tb {
		padding-bottom: 60px !important;
	}
}

@media (max-width: 767px) {
	.u-pb60-sp {
		padding-bottom: 60px !important;
	}
}

.u-ml0 {
	margin-left: 0px !important;
}

@media (min-width: 1200px) {
	.u-ml0-pc {
		margin-left: 0px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml0-tb {
		margin-left: 0px !important;
	}
}

@media (max-width: 767px) {
	.u-ml0-sp {
		margin-left: 0px !important;
	}
}

.u-pl0 {
	padding-left: 0px !important;
}

@media (min-width: 1200px) {
	.u-pl0-pc {
		padding-left: 0px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl0-tb {
		padding-left: 0px !important;
	}
}

@media (max-width: 767px) {
	.u-pl0-sp {
		padding-left: 0px !important;
	}
}

.u-ml5 {
	margin-left: 5px !important;
}

@media (min-width: 1200px) {
	.u-ml5-pc {
		margin-left: 5px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml5-tb {
		margin-left: 5px !important;
	}
}

@media (max-width: 767px) {
	.u-ml5-sp {
		margin-left: 5px !important;
	}
}

.u-pl5 {
	padding-left: 5px !important;
}

@media (min-width: 1200px) {
	.u-pl5-pc {
		padding-left: 5px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl5-tb {
		padding-left: 5px !important;
	}
}

@media (max-width: 767px) {
	.u-pl5-sp {
		padding-left: 5px !important;
	}
}

.u-ml10 {
	margin-left: 10px !important;
}

@media (min-width: 1200px) {
	.u-ml10-pc {
		margin-left: 10px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml10-tb {
		margin-left: 10px !important;
	}
}

@media (max-width: 767px) {
	.u-ml10-sp {
		margin-left: 10px !important;
	}
}

.u-pl10 {
	padding-left: 10px !important;
}

@media (min-width: 1200px) {
	.u-pl10-pc {
		padding-left: 10px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl10-tb {
		padding-left: 10px !important;
	}
}

@media (max-width: 767px) {
	.u-pl10-sp {
		padding-left: 10px !important;
	}
}

.u-ml15 {
	margin-left: 15px !important;
}

@media (min-width: 1200px) {
	.u-ml15-pc {
		margin-left: 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml15-tb {
		margin-left: 15px !important;
	}
}

@media (max-width: 767px) {
	.u-ml15-sp {
		margin-left: 15px !important;
	}
}

.u-pl15 {
	padding-left: 15px !important;
}

@media (min-width: 1200px) {
	.u-pl15-pc {
		padding-left: 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl15-tb {
		padding-left: 15px !important;
	}
}

@media (max-width: 767px) {
	.u-pl15-sp {
		padding-left: 15px !important;
	}
}

.u-ml20 {
	margin-left: 20px !important;
}

@media (min-width: 1200px) {
	.u-ml20-pc {
		margin-left: 20px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml20-tb {
		margin-left: 20px !important;
	}
}

@media (max-width: 767px) {
	.u-ml20-sp {
		margin-left: 20px !important;
	}
}

.u-pl20 {
	padding-left: 20px !important;
}

@media (min-width: 1200px) {
	.u-pl20-pc {
		padding-left: 20px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl20-tb {
		padding-left: 20px !important;
	}
}

@media (max-width: 767px) {
	.u-pl20-sp {
		padding-left: 20px !important;
	}
}

.u-ml25 {
	margin-left: 25px !important;
}

@media (min-width: 1200px) {
	.u-ml25-pc {
		margin-left: 25px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml25-tb {
		margin-left: 25px !important;
	}
}

@media (max-width: 767px) {
	.u-ml25-sp {
		margin-left: 25px !important;
	}
}

.u-pl25 {
	padding-left: 25px !important;
}

@media (min-width: 1200px) {
	.u-pl25-pc {
		padding-left: 25px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl25-tb {
		padding-left: 25px !important;
	}
}

@media (max-width: 767px) {
	.u-pl25-sp {
		padding-left: 25px !important;
	}
}

.u-ml30 {
	margin-left: 30px !important;
}

@media (min-width: 1200px) {
	.u-ml30-pc {
		margin-left: 30px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml30-tb {
		margin-left: 30px !important;
	}
}

@media (max-width: 767px) {
	.u-ml30-sp {
		margin-left: 30px !important;
	}
}

.u-pl30 {
	padding-left: 30px !important;
}

@media (min-width: 1200px) {
	.u-pl30-pc {
		padding-left: 30px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl30-tb {
		padding-left: 30px !important;
	}
}

@media (max-width: 767px) {
	.u-pl30-sp {
		padding-left: 30px !important;
	}
}

.u-ml35 {
	margin-left: 35px !important;
}

@media (min-width: 1200px) {
	.u-ml35-pc {
		margin-left: 35px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml35-tb {
		margin-left: 35px !important;
	}
}

@media (max-width: 767px) {
	.u-ml35-sp {
		margin-left: 35px !important;
	}
}

.u-pl35 {
	padding-left: 35px !important;
}

@media (min-width: 1200px) {
	.u-pl35-pc {
		padding-left: 35px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl35-tb {
		padding-left: 35px !important;
	}
}

@media (max-width: 767px) {
	.u-pl35-sp {
		padding-left: 35px !important;
	}
}

.u-ml40 {
	margin-left: 40px !important;
}

@media (min-width: 1200px) {
	.u-ml40-pc {
		margin-left: 40px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml40-tb {
		margin-left: 40px !important;
	}
}

@media (max-width: 767px) {
	.u-ml40-sp {
		margin-left: 40px !important;
	}
}

.u-pl40 {
	padding-left: 40px !important;
}

@media (min-width: 1200px) {
	.u-pl40-pc {
		padding-left: 40px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl40-tb {
		padding-left: 40px !important;
	}
}

@media (max-width: 767px) {
	.u-pl40-sp {
		padding-left: 40px !important;
	}
}

.u-ml45 {
	margin-left: 45px !important;
}

@media (min-width: 1200px) {
	.u-ml45-pc {
		margin-left: 45px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml45-tb {
		margin-left: 45px !important;
	}
}

@media (max-width: 767px) {
	.u-ml45-sp {
		margin-left: 45px !important;
	}
}

.u-pl45 {
	padding-left: 45px !important;
}

@media (min-width: 1200px) {
	.u-pl45-pc {
		padding-left: 45px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl45-tb {
		padding-left: 45px !important;
	}
}

@media (max-width: 767px) {
	.u-pl45-sp {
		padding-left: 45px !important;
	}
}

.u-ml50 {
	margin-left: 50px !important;
}

@media (min-width: 1200px) {
	.u-ml50-pc {
		margin-left: 50px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml50-tb {
		margin-left: 50px !important;
	}
}

@media (max-width: 767px) {
	.u-ml50-sp {
		margin-left: 50px !important;
	}
}

.u-pl50 {
	padding-left: 50px !important;
}

@media (min-width: 1200px) {
	.u-pl50-pc {
		padding-left: 50px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl50-tb {
		padding-left: 50px !important;
	}
}

@media (max-width: 767px) {
	.u-pl50-sp {
		padding-left: 50px !important;
	}
}

.u-ml55 {
	margin-left: 55px !important;
}

@media (min-width: 1200px) {
	.u-ml55-pc {
		margin-left: 55px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml55-tb {
		margin-left: 55px !important;
	}
}

@media (max-width: 767px) {
	.u-ml55-sp {
		margin-left: 55px !important;
	}
}

.u-pl55 {
	padding-left: 55px !important;
}

@media (min-width: 1200px) {
	.u-pl55-pc {
		padding-left: 55px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl55-tb {
		padding-left: 55px !important;
	}
}

@media (max-width: 767px) {
	.u-pl55-sp {
		padding-left: 55px !important;
	}
}

.u-ml60 {
	margin-left: 60px !important;
}

@media (min-width: 1200px) {
	.u-ml60-pc {
		margin-left: 60px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-ml60-tb {
		margin-left: 60px !important;
	}
}

@media (max-width: 767px) {
	.u-ml60-sp {
		margin-left: 60px !important;
	}
}

.u-pl60 {
	padding-left: 60px !important;
}

@media (min-width: 1200px) {
	.u-pl60-pc {
		padding-left: 60px !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-pl60-tb {
		padding-left: 60px !important;
	}
}

@media (max-width: 767px) {
	.u-pl60-sp {
		padding-left: 60px !important;
	}
}

/* ------------------------------------------------- *
 *        position
 * ------------------------------------------------- */
.u-positionS {
	position: static !important;
}

@media (min-width: 1200px) {
	.u-positionS-pc {
		position: static !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-positionS-tb {
		position: static !important;
	}
}

@media (max-width: 767px) {
	.u-positionS-sp {
		position: static !important;
	}
}

.u-positionR {
	position: relative !important;
}

@media (min-width: 1200px) {
	.u-positionR-pc {
		position: relative !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-positionR-tb {
		position: relative !important;
	}
}

@media (max-width: 767px) {
	.u-positionR-sp {
		position: relative !important;
	}
}

.u-positionA {
	position: absolute !important;
}

@media (min-width: 1200px) {
	.u-positionA-pc {
		position: absolute !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-positionA-tb {
		position: absolute !important;
	}
}

@media (max-width: 767px) {
	.u-positionA-sp {
		position: absolute !important;
	}
}

/* ------------------------------------------------- *
 *        font-size
 * ------------------------------------------------- */
.u-fs10 {
	font-size: 1rem !important;
}

@media (min-width: 1200px) {
	.u-fs10-pc {
		font-size: 1rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs10-tb {
		font-size: 1rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs10-sp {
		font-size: 1rem !important;
	}
}

.u-fs12 {
	font-size: 1.2rem !important;
}

@media (min-width: 1200px) {
	.u-fs12-pc {
		font-size: 1.2rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs12-tb {
		font-size: 1.2rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs12-sp {
		font-size: 1.2rem !important;
	}
}

.u-fs14 {
	font-size: 1.4rem !important;
}

@media (min-width: 1200px) {
	.u-fs14-pc {
		font-size: 1.4rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs14-tb {
		font-size: 1.4rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs14-sp {
		font-size: 1.4rem !important;
	}
}

.u-fs16 {
	font-size: 1.6rem !important;
}

@media (min-width: 1200px) {
	.u-fs16-pc {
		font-size: 1.6rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs16-tb {
		font-size: 1.6rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs16-sp {
		font-size: 1.6rem !important;
	}
}

.u-fs18 {
	font-size: 1.8rem !important;
}

@media (min-width: 1200px) {
	.u-fs18-pc {
		font-size: 1.8rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs18-tb {
		font-size: 1.8rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs18-sp {
		font-size: 1.8rem !important;
	}
}

.u-fs20 {
	font-size: 2rem !important;
}

@media (min-width: 1200px) {
	.u-fs20-pc {
		font-size: 2rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs20-tb {
		font-size: 2rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs20-sp {
		font-size: 2rem !important;
	}
}

.u-fs22 {
	font-size: 2.2rem !important;
}

@media (min-width: 1200px) {
	.u-fs22-pc {
		font-size: 2.2rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs22-tb {
		font-size: 2.2rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs22-sp {
		font-size: 2.2rem !important;
	}
}

.u-fs24 {
	font-size: 2.4rem !important;
}

@media (min-width: 1200px) {
	.u-fs24-pc {
		font-size: 2.4rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs24-tb {
		font-size: 2.4rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs24-sp {
		font-size: 2.4rem !important;
	}
}

.u-fs26 {
	font-size: 2.6rem !important;
}

@media (min-width: 1200px) {
	.u-fs26-pc {
		font-size: 2.6rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs26-tb {
		font-size: 2.6rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs26-sp {
		font-size: 2.6rem !important;
	}
}

.u-fs28 {
	font-size: 2.8rem !important;
}

@media (min-width: 1200px) {
	.u-fs28-pc {
		font-size: 2.8rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs28-tb {
		font-size: 2.8rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs28-sp {
		font-size: 2.8rem !important;
	}
}

.u-fs30 {
	font-size: 3rem !important;
}

@media (min-width: 1200px) {
	.u-fs30-pc {
		font-size: 3rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs30-tb {
		font-size: 3rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs30-sp {
		font-size: 3rem !important;
	}
}

.u-fs32 {
	font-size: 3.2rem !important;
}

@media (min-width: 1200px) {
	.u-fs32-pc {
		font-size: 3.2rem !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fs32-tb {
		font-size: 3.2rem !important;
	}
}

@media (max-width: 767px) {
	.u-fs32-sp {
		font-size: 3.2rem !important;
	}
}

/* ------------------------------------------------- *
 *        width
 * ------------------------------------------------- */
.u-w0p {
	width: 0% !important;
}

@media (min-width: 1200px) {
	.u-w0p-pc {
		width: 0% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w0p-tb {
		width: 0% !important;
	}
}

@media (max-width: 767px) {
	.u-w0p-sp {
		width: 0% !important;
	}
}

.u-w5p {
	width: 5% !important;
}

@media (min-width: 1200px) {
	.u-w5p-pc {
		width: 5% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w5p-tb {
		width: 5% !important;
	}
}

@media (max-width: 767px) {
	.u-w5p-sp {
		width: 5% !important;
	}
}

.u-w10p {
	width: 10% !important;
}

@media (min-width: 1200px) {
	.u-w10p-pc {
		width: 10% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w10p-tb {
		width: 10% !important;
	}
}

@media (max-width: 767px) {
	.u-w10p-sp {
		width: 10% !important;
	}
}

.u-w15p {
	width: 15% !important;
}

@media (min-width: 1200px) {
	.u-w15p-pc {
		width: 15% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w15p-tb {
		width: 15% !important;
	}
}

@media (max-width: 767px) {
	.u-w15p-sp {
		width: 15% !important;
	}
}

.u-w20p {
	width: 20% !important;
}

@media (min-width: 1200px) {
	.u-w20p-pc {
		width: 20% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w20p-tb {
		width: 20% !important;
	}
}

@media (max-width: 767px) {
	.u-w20p-sp {
		width: 20% !important;
	}
}

.u-w25p {
	width: 25% !important;
}

@media (min-width: 1200px) {
	.u-w25p-pc {
		width: 25% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w25p-tb {
		width: 25% !important;
	}
}

@media (max-width: 767px) {
	.u-w25p-sp {
		width: 25% !important;
	}
}

.u-w30p {
	width: 30% !important;
}

@media (min-width: 1200px) {
	.u-w30p-pc {
		width: 30% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w30p-tb {
		width: 30% !important;
	}
}

@media (max-width: 767px) {
	.u-w30p-sp {
		width: 30% !important;
	}
}

.u-w35p {
	width: 35% !important;
}

@media (min-width: 1200px) {
	.u-w35p-pc {
		width: 35% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w35p-tb {
		width: 35% !important;
	}
}

@media (max-width: 767px) {
	.u-w35p-sp {
		width: 35% !important;
	}
}

.u-w40p {
	width: 40% !important;
}

@media (min-width: 1200px) {
	.u-w40p-pc {
		width: 40% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w40p-tb {
		width: 40% !important;
	}
}

@media (max-width: 767px) {
	.u-w40p-sp {
		width: 40% !important;
	}
}

.u-w45p {
	width: 45% !important;
}

@media (min-width: 1200px) {
	.u-w45p-pc {
		width: 45% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w45p-tb {
		width: 45% !important;
	}
}

@media (max-width: 767px) {
	.u-w45p-sp {
		width: 45% !important;
	}
}

.u-w50p {
	width: 50% !important;
}

@media (min-width: 1200px) {
	.u-w50p-pc {
		width: 50% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w50p-tb {
		width: 50% !important;
	}
}

@media (max-width: 767px) {
	.u-w50p-sp {
		width: 50% !important;
	}
}

.u-w55p {
	width: 55% !important;
}

@media (min-width: 1200px) {
	.u-w55p-pc {
		width: 55% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w55p-tb {
		width: 55% !important;
	}
}

@media (max-width: 767px) {
	.u-w55p-sp {
		width: 55% !important;
	}
}

.u-w60p {
	width: 60% !important;
}

@media (min-width: 1200px) {
	.u-w60p-pc {
		width: 60% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w60p-tb {
		width: 60% !important;
	}
}

@media (max-width: 767px) {
	.u-w60p-sp {
		width: 60% !important;
	}
}

.u-w65p {
	width: 65% !important;
}

@media (min-width: 1200px) {
	.u-w65p-pc {
		width: 65% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w65p-tb {
		width: 65% !important;
	}
}

@media (max-width: 767px) {
	.u-w65p-sp {
		width: 65% !important;
	}
}

.u-w70p {
	width: 70% !important;
}

@media (min-width: 1200px) {
	.u-w70p-pc {
		width: 70% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w70p-tb {
		width: 70% !important;
	}
}

@media (max-width: 767px) {
	.u-w70p-sp {
		width: 70% !important;
	}
}

.u-w75p {
	width: 75% !important;
}

@media (min-width: 1200px) {
	.u-w75p-pc {
		width: 75% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w75p-tb {
		width: 75% !important;
	}
}

@media (max-width: 767px) {
	.u-w75p-sp {
		width: 75% !important;
	}
}

.u-w80p {
	width: 80% !important;
}

@media (min-width: 1200px) {
	.u-w80p-pc {
		width: 80% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w80p-tb {
		width: 80% !important;
	}
}

@media (max-width: 767px) {
	.u-w80p-sp {
		width: 80% !important;
	}
}

.u-w85p {
	width: 85% !important;
}

@media (min-width: 1200px) {
	.u-w85p-pc {
		width: 85% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w85p-tb {
		width: 85% !important;
	}
}

@media (max-width: 767px) {
	.u-w85p-sp {
		width: 85% !important;
	}
}

.u-w90p {
	width: 90% !important;
}

@media (min-width: 1200px) {
	.u-w90p-pc {
		width: 90% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w90p-tb {
		width: 90% !important;
	}
}

@media (max-width: 767px) {
	.u-w90p-sp {
		width: 90% !important;
	}
}

.u-w95p {
	width: 95% !important;
}

@media (min-width: 1200px) {
	.u-w95p-pc {
		width: 95% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w95p-tb {
		width: 95% !important;
	}
}

@media (max-width: 767px) {
	.u-w95p-sp {
		width: 95% !important;
	}
}

.u-w100p {
	width: 100% !important;
}

@media (min-width: 1200px) {
	.u-w100p-pc {
		width: 100% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-w100p-tb {
		width: 100% !important;
	}
}

@media (max-width: 767px) {
	.u-w100p-sp {
		width: 100% !important;
	}
}

/* ------------------------------------------------- *
 *        text
 * ------------------------------------------------- */
.u-fNormal {
	font-weight: 400 !important;
}

@media (min-width: 1200px) {
	.u-fNormal-pc {
		font-weight: 400 !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fNormal-tb {
		font-weight: 400 !important;
	}
}

@media (max-width: 767px) {
	.u-fNormal-sp {
		font-weight: 400 !important;
	}
}

.u-fBold {
	font-weight: 700 !important;
}

@media (min-width: 1200px) {
	.u-fBold-pc {
		font-weight: 700 !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fBold-tb {
		font-weight: 700 !important;
	}
}

@media (max-width: 767px) {
	.u-fBold-sp {
		font-weight: 700 !important;
	}
}

.u-fColorBase {
	color: #000 !important;
}

@media (min-width: 1200px) {
	.u-fColorBase-pc {
		color: #000 !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fColorBase-tb {
		color: #000 !important;
	}
}

@media (max-width: 767px) {
	.u-fColorBase-sp {
		color: #000 !important;
	}
}

.u-fColorRed {
	color: #b40000 !important;
}

@media (min-width: 1200px) {
	.u-fColorRed-pc {
		color: #b40000 !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fColorRed-tb {
		color: #b40000 !important;
	}
}

@media (max-width: 767px) {
	.u-fColorRed-sp {
		color: #b40000 !important;
	}
}

.u-tUpper {
	text-transform: uppercase !important;
}

@media (min-width: 1200px) {
	.u-tUpper-pc {
		text-transform: uppercase !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-tUpper-tb {
		text-transform: uppercase !important;
	}
}

@media (max-width: 767px) {
	.u-tUpper-sp {
		text-transform: uppercase !important;
	}
}

.u-tTnone {
	text-transform: none !important;
}

@media (min-width: 1200px) {
	.u-tTnone-pc {
		text-transform: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-tTnone-tb {
		text-transform: none !important;
	}
}

@media (max-width: 767px) {
	.u-tTnone-sp {
		text-transform: none !important;
	}
}

.u-fontJp {
	font-family: 'Source Sans Pro', sans-serif;
}

@media (min-width: 1200px) {
	.u-fontJp-pc {
		font-family: 'Source Sans Pro', sans-serif;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fontJp-tb {
		font-family: 'Source Sans Pro', sans-serif;
	}
}

@media (max-width: 767px) {
	.u-fontJp-sp {
		font-family: 'Source Sans Pro', sans-serif;
	}
}

.u-fontEn {
	font-family: "Rock Salt", cursive !important;
}

@media (min-width: 1200px) {
	.u-fontEn-pc {
		font-family: "Rock Salt", cursive !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.u-fontEn-tb {
		font-family: "Rock Salt", cursive !important;
	}
}

@media (max-width: 767px) {
	.u-fontEn-sp {
		font-family: "Rock Salt", cursive !important;
	}
}

@media print {

	html,
	body {
		min-width: 320px;
	}
}

.global__content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

@media (min-width: 1200px) {
	.global__content {
		min-height: calc(100vh - 252px);
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 1199px) {
	.global__content {
		min-height: calc(100vh - 195px);
		align-items: center;
		margin: 0px 2em;
	}
}

.global__header--text_title {
	display: flex;
	justify-content: center;
	margin: 10px auto;
	font-size: 1.6em;
	font-weight: 600;
}

@media (max-width: 1199px) {
	.footer_user {
		padding-top: 40px !important;
		margin: auto;
	}
}

.notice_reset_password a {
	color: var(--color--primary-50);
}

.notice-password ul {
	margin-left: 2.5em;
}

.notice-password li {
	list-style: disc;
}

.page-title {
	color: #000000;
}

.form-item__label {
	font-weight: bold;
}