@charset "utf-8";

/* == reset == */

html { font-size:100%;}
body {overflow-x: hidden; font-size:16px; background:#fff; font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif; line-height:1.6; color:#1a1a1a;}
body, h1, h2, h3, h4, h5, h6, p, dl, dd, ul, ol, li, form, fieldset, blockquote, table, thead, tbody, tfoot, tr, td, th { margin:0; padding:0;}
th, td, table, input, button, select, textarea {
	font-size:1rem;
	font-weight:normal;
	font-style:normal;
	padding:0;
	margin:0;
}
table {
	width:100%;
	border-width:0;
	border-spacing:0;
	border-collapse:collapse;
}
img, input, button, select, textarea {
	vertical-align:middle;
}
ul, ol {
	list-style:none;
}
a {
	color:#333;	
	text-decoration:underline;
	opacity:1;
	transition:0.3s;
}
a:hover {
	outline:none;
	text-decoration:none;
	opacity:0.6;
	transition:0.3s;
}
body * {
    box-sizing: border-box;
    word-wrap: break-word;
}
img {
	border:0;
	max-width: 100%;
	height: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
	img{
		width: 100%;
	}
}
/* == / reset == */
:root {
	--bland: #4bbcf2;
}
  
/* == layout == */
body{
	padding-top: 150px;
}
.ui_screen{
	display: block;
}
.pcNone {
	display:none !important;
}
.ui_txt_left {
	text-align: left !important;
}
.ui_txt_right {
	text-align: right !important;
}
.ui_txt_center {
	text-align: center !important;
}
.ui_db{
	display: block;
}
.ui_dib{
	display: inline-block;
}
.ui_df{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.ui_aic{
	align-items: center;
}
.ui_aife{
	align-items: flex-end;
}
.ui_aifs{
	align-items: flex-end;
}
.ui_ml_auto{
	margin-left: auto;
}
.ui_mr_auto{
	margin-right: auto;
}
.ui_mlr_auto{
	margin-left: auto;
	margin-right: auto;
}
.ui_mt_auto{
	margin-top: auto;
}
.ui_wide{
	max-width:1200px;
	margin:0 auto;
}
.ui_wide_s{
	max-width:1000px;
	margin:0 auto;
}
.ui_wide_xs{
	max-width:900px;
	margin:0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.ui_wide,.ui_wide_s{
		width:auto;
		margin: 0 15px;
	}
}
@media only screen and (min-width: 0) and (max-width: 767px) {
	.spNone {
		display:none!important;
	}
	.pcNone {
		display:block!important;
	}
	.ui_screen{
		display: inline;
	}
	.ui_df_sp{
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
	.ui_wide,.ui_wide_s{
		width:92vw;
		margin:0 4vw;
	}
}
/* == / layout == */

/* == / margin == */
.ui_mt0{
	margin-top: 0 !important;
}
[class *= "ui_mb_"]{
	padding-bottom: 0.1px;
}
.ui_mb0{
	margin-bottom: 0 !important;
}
.ui_mb05{
	margin-bottom: 5px !important;
}
.ui_mb10{
	margin-bottom: 10px !important;
}
.ui_mb15{
	margin-bottom: 15px !important;
}
.ui_mb20{
	margin-bottom: 20px !important;
}
.ui_mb25{
	margin-bottom: 25px !important;
}
.ui_mb30{
	margin-bottom: 30px !important;
}
.ui_mb40{
	margin-bottom: 40px !important;
}
.ui_mb50{
	margin-bottom: 50px !important;
}
.ui_mbL{
	margin-bottom: 80px !important;
}
.ui_mb_last{
	margin-bottom: 150px !important;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
	.ui_mt0sp{
		margin-top: 0 !important;
	}
	.ui_mb0sp{
		margin-bottom: 0 !important;
	}
	.ui_mb05sp{
		margin-bottom: 5px !important;
	}
	.ui_mb10sp{
		margin-bottom: 10px !important;
	}
	.ui_mb15sp{
		margin-bottom: 15px !important;
	}
	.ui_mb20sp{
		margin-bottom: 20px !important;
	}
	.ui_mb25sp{
		margin-bottom: 25px !important;
	}
	.ui_mb30sp{
		margin-bottom: 30px !important;
	}
	.ui_mb40sp{
		margin-bottom: 40px !important;
	}
	.ui_mb50sp{
		margin-bottom: 50px !important;
	}
	.ui_mb60sp{
		margin-bottom: 60px !important;
	}
	.ui_mb_last{
		margin-bottom: 100px !important;
	}
}
/* == / margin == */

/* == / font == */
ruby > rt{
	transform:scale(0.8);
}
.ui_font_n{
	font-weight: normal;
}
.ui_font_b{
	font-weight: bold;
}
.ui_font_al{
	text-align: left!important;
}
.ui_font_ar{
	text-align: right!important;
}
.ui_font_ac{
	text-align: center!important;
}
.ui_font_xs{
	font-size: 0.75rem; /* 12px  */
	line-height: 1.5;
}
.ui_font_s{
	font-size: 0.875rem; /* 14px  */
	line-height: 1.7;
}
.ui_font_m{
	font-size: 1rem;
}
.ui_font_l{
	font-size: 1.125rem;
}
.ui_font_xl{
	font-size: 1.25rem;
}
.ui_font_e{
	font-size: 1.5rem;
}
.ui_font_xe{
	font-size: 1.75rem;
}
.ui_font_blue{
	color: #4abcf2;
}
.ui_font_red{
	color: #fc3c3c;
}
.ui_indent10{
	padding-left: 1em;
	text-indent: -1em;
}
.ui_indent15{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.ui_indent20{
	padding-left: 2em;
	text-indent: -2em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
	.ui_font_l{
		font-size: 1.0625rem;
	}
	.ui_font_xl{
		font-size: 1.125rem;
	}
	.ui_font_e{
		font-size: 1.25rem;
	}
	.ui_font_xe{
		font-size: 1.5rem;
	}
}
/* == / font == */

.ui_m_scr{
	top: 0;
}
.ui_m_scr_wp{
	top: 0;
}
.ui_m_scr[style *= "fixed"] .ui_menu{
	transform: translate(0px, 0px);
	transition: 0.2s;
}
.ui_menu_wp{
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	color: #1a1a1a;
	box-shadow: 0 0 20px rgba(0,0,0,0.12);
	background-color: white;
}
.ui_menu_biz_message {
	background-color: #e0d8c3;
	text-align: center;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 9px;
}
.ui_menu_biz_message_text {
	font-size: 1.25rem;
	margin-right: 1em;
}
.ui_menu_biz_message_text br {
	display: none;
}
.ui_biz_btn_mail {
	background: #da2020;
	color: white;
	font-size: 0.875rem;
	font-weight: bold;
	position: relative;
	padding: 10px 17px 10px 45px;
	line-height: 1;
	text-decoration: none;
	border-radius: 32px;
}
.ui_biz_btn_mail::after {
	content: "";
	position: absolute;
	left: 15px;
	background: url(../img/business/common/ico_mail.svg)no-repeat center / cover;
	height: 14px;
	width: 22px;
}
/* アイテムグローバルメニュー */
.category-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
  display: none;
}

.category-overlay.is-open {
  display: block;
}

.ui_menu {
  position: relative;
}
.ui_menu_item.js-toggle-categories {
	position: static;
}
.ui_menu_toggle-btn {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding: 20px 0;
    color: #1a1a1a;
	line-height: 1.3;
}
.toggle-icon {
  margin-inline: 5px;
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}

.toggle-icon::before,
.toggle-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: var(--bland);
  transform: translate(-50%, calc(-50% - 1px));
  transition: transform 0.2s ease;
}

.toggle-icon::after {
  transform: translate(-50%, calc(-50% - 1px)) rotate(90deg);
}

.ui_menu_toggle-btn.is-open .toggle-icon::after {
  transform: translate(-50%, -50%) scaleX(0);
}

.ui_menu_category-panel {
  width: 100%;
  background: transparent;
  z-index: 10;
  display: none;
}
.ui_menu_category-panel a {
	text-decoration: none;
	transition:none;
	font-weight: 500;
}
.ui_menu_category-panel a:hover {
	color: var(--bland);
	text-decoration: underline;
	font-weight: 700;
	opacity: 1;
}
/* ご利用案内部分・アイテムカテゴリなどアンダーラインなしclass */
a.no-deco:hover{
	text-decoration: none;
}
/* ご利用案内部分 */
.ui_menu_category-panel a:hover .ui_menu_unit-item-txt p.ui_menu_unit-item-pgttl{
	text-decoration: underline;
}
.ui_menu_category-panel a:hover .ui_menu_unit-item-txt p.ui_menu_unit-item-pgttl + p{
	color: #333;
	font-weight: normal;
}
/* アイテムカテゴリ */
.ui_menu_category_children p.ui_menu_category_h > a:hover{
	text-decoration: underline;
}
/* カタログ */
.ui_menu_list>li>.ui_menu_toggle-btn>a{
	text-decoration: none;
}


.ui_menu_category-panel.is-open {
	display: block;
}
.ui_menu_list .ui_menu_item.js-toggle-categories::after,
.ui_menu_list .ui_menu_category_item::after,
.ui_menu_list .ui_menu_category_list li::after{
	content: none;
}
.ui_menu_category-inner {
	position: relative;
    width: 100%;
	background: #fff;
}
.ui_menu_category_children {
	display: none;
}
.ui_menu_category_item.is-open .ui_menu_category_children {
	display: block;
}
.ui_menu_category_name {
	font-weight: 500;
}
.ui_menu_category_name:hover {
	background-color: #c8ebfb;
	opacity: 1;
	font-weight: 700;
}
.ui_menu_category_name[aria-expanded="true"] {
	background-color: #c8ebfb;
	font-weight: 700;
	opacity: 1;
}
.ui_menu_category_name .ico.ico-arrow-r::after {
	content: "";
	border-top: solid;
	border-right: solid;
	width: 0.5em;
	display: block;
	height: 0.5em;
	transform: rotate(45deg);
}
.ui_menu_category_head a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 1rem;
	color: var(--bland);
	font-weight: 700;
}
@media(max-width: 1160px) {
	.ui_menu_list li::after{
		right: 5px;
	}
	.ui_menu_toggle-btn {
		padding: 1rem 0;
	}
	.ui_menu_toggle-btn.is-open{
		border-bottom: 1px solid #e6e6e6;
	}
	.ui_menu_toggle-btn .toggle-icon{
		margin-inline: 10px 0;
	}
    .ui_menu_category {
        font-size:1.2rem;
        line-height: 1.58333;
    }
	.ui_menu_category_name {
		font-size: 0.75rem;
	}
	.ui_menu_category_name:hover {
		background-color: #e2f2f9;
	}
	.ui_menu_category_name .toggle-icon {
		margin-inline: 10px 5px;
	}
    .ui_menu_category_head {
        display: flex;
        height: 70px;
    }
	.ui_menu_list li .ui_menu_category_name {
        line-height: 1.4;
        flex: 1 1;
        display: flex;
		padding: 0 5px 0 5px;
        align-items: center;
    }
	.ui_menu_category_name .ico.ico-arrow-r {
		margin-inline: 10px 5px;
	}
	.ui_menu_category_name .ico.ico-arrow-r::after {
        border-top: 0.12em solid var(--bland);
        border-right: 0.12em solid var(--bland);
		width: 5px;
        height: 5px;
	}
	.ui_menu_category_name .toggle-icon::after{
		font-style: normal;
	}
	.ui_menu_category_name[aria-expanded="true"]{
		background-color: #e2f2f9;
	}
	.ui_menu_category_name[aria-expanded="true"] .toggle-icon::after {
		transform: translate(-50%, -50%) scaleX(0);
	}

    .ui_menu_category_name span {
        display: flex;
        align-items: center;
        flex: 1 1;
		gap: 5px;
    }

    .ui_menu_category_name img {
        margin-right: 5px;
        flex-shrink: 0;
		height:30px;
		max-width:30px;
        object-fit: contain;
    }

    .ui_menu_category_children {
        position: relative;
        width: calc(200% + 2px);
    }

    .ui_menu_category_item:nth-child(even) .ui_menu_category_children {
        width: 200%;
        margin-left: -100%;
    }

    .ui_menu_category_children a {
        display: flex;
        height: 100%;
        max-height: 4em;
        padding: 0 11px 0 17px;
        align-items: center;
    }

	.ui_menu_category_more {
		width: 100%;
	}

    .ui_menu_list .ui_menu_category_more a {
        justify-content: center;
		position: relative;
		padding: 1em;
		color: var(--bland);
    }

	.ui_menu_category_more > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 5px;
		height: 5px;
		border-top: 0.12em solid #4abcf2;
		border-right: 0.12em solid #4abcf2;
		transform: translateY(-50%) rotate(45deg);
	}

    .ui_menu_category .ico {
        margin-left: 0.5em;
    }

    .ui_menu_category_h {
        display: none;
    }

    .ui_menu_category_el {
        display: flex;
        border-right-width: 0;
        border-left-width: 0;
        background-color: #fff;
        flex-wrap: wrap;
    }

    .ui_menu_category_el[data-accordion-group-active] {
        background-color: #fff;
    }

    .ui_menu_category_item {
        width: 50%;
        border: 0 solid #e6e6e6;
        border-right-width: 1px;
        border-bottom-width: 1px;
    }

	.ui_menu_category_item.sp_2col {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		border-right: none;
		border-bottom: none;
	}

	.ui_menu_category_item.sp_2col .ui_menu_category_head {
		width: 50%;
		border-right: 1px solid #e6e6e6;
	}
	.ui_menu_category_item.sp_2col .ui_menu_category_head:nth-child(2n) {
		border: none;
	}
    .ui_menu_category_item:nth-child(2n) {
        border-right-width: 0;
    }

    .ui_menu_category_item:nth-last-child(-n + 2):nth-child(2n + 1), .ui_menu_category_item:nth-last-child(-n + 2):nth-child(2n + 1) ~ * {
        border-bottom-width: 0;
    }

	.ui_menu_category_item.is-open .ui_menu_category_children,
	.ui_menu_category_item.is-open .ui_menu_category_children .ui_menu_category_list a{
        background-color: #e2f2f9;
    }

    .ui_menu_category_list {
        display: flex;
        border: 1px solid #e6e6e6;
        border-right-width: 0;
        border-left-width: 0;
        background-color: #fff;
        flex-wrap: wrap;
    }

    .ui_menu_category_list li {
        width: 50%;
        border: 0 solid #e6e6e6;
        border-right-width: 1px;
        border-bottom-width: 1px;
    }

    .ui_menu_category_list li:nth-child(2n) {
        border-right-width: 0;
    }

    .ui_menu_category_list li:nth-last-child(-n + 2):nth-child(2n + 1), .ui_menu_category_list li:nth-last-child(-n + 2):nth-child(2n + 1) ~ * {
        border-bottom-width: 0;
    }

	.ui_menu_list .ui_menu_category_list li a {
		padding: 1em;
	}
}

@media(min-width: 1161px) {
	.ui_menu_toggle-btn:hover{
		opacity: 0.6;
		transition: 0.3s;
	}
    .ui_menu_category {
        position:relative;
        width: 100%;
        max-width: 1200px;
        height: 430px;
        border: 1px solid #dbdbdb;
        border-top-width: 0;
        background-color: #fff;
    }
	.ui_menu_category_name {
		font-size: 0.875rem;
	}
    .ui_menu_category[aria-hidden='true'] {
        display: none;
    }

	.ui_menu_category-inner {
		max-width: 1200px;
		height: min(71vh, 550px);
		border-radius: 0 0 10px 10px;
	}

	.ui_menu_category_head .toggle-icon{
		display: none;
	}

	.ui_menu_category-panel {
		position: absolute;
		top: 75%;
		left: 0;
		margin-inline: auto;
        padding: 20px 15px 0 15px;
	}
	.ui_menu_toggle-btn {
		cursor: pointer;
        display: flex;
		align-items: center;
        padding: 10px;
		color: #1a1a1a;
		line-height: 1.6;
	}

    .ui_menu_category_el {
        overflow: auto;
        overflow-x: hidden;
        width: 255px;
        height: 100%;
		border-radius: 0 0 0 10px;
    }

    .ui_menu_category_el::-webkit-scrollbar {
        width: 10px;
    }

    .ui_menu_category_el::-webkit-scrollbar-track {
        background-color: #f7f7f7;
    }

    .ui_menu_category_el::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #ccc;
        box-shadow: 0 0 0 2px #f7f7f7 inset;
    }

    .ui_menu_category_item {
        display: flex;
    }
	.ui_menu_category_item.sp_2col {
		flex-direction: column;
	}
	.ui_menu_category_item.sp_2col  .ui_menu_category_head a {
		font-size: 1rem;
		padding: 15px;
	}
    .ui_menu_category_name {
        display: block;
        width: 240px;
        padding: 7px 10px 7px 15px;
        cursor: pointer;
        border-top: 1px solid #f0f0f0;
        background-color: #fff;
    }
	.ui_menu_category_name .toggle-icon::after{
		content: none;
	}
    .ui_menu_category_name img {
        display: none;
    }

    .g-browser-no-touch .ui_menu_category_name:hover {
        background-color: #c8ebfb;
		opacity: 1;
    }

    .ui_menu_category_children {
        position: absolute;
        top: 0;
        left: 255px;
        width: calc(100% - 255px);
        height: 100%;
        padding: 20px 15px 20px 30px;
    }
	.ui_menu_category_h {
		border-bottom: solid 1px #e5e5e5;
		margin-bottom: 4em;
	}

    .ui_menu_category_h a {
        font-size: 1.5rem;
        font-weight: bold;
        display: inline-flex;
        color: var(--bland);
        align-items: center;
		padding-bottom: 24px;
    }

    .ui_menu_category_h img {
		height:60px;
		max-width:50px;
        margin-right: 24px;
        object-fit: contain;
    }

    .ui_menu_category_h .ico.ico-arrow-r::after {
		content: "";
		font-size: smaller;
		display: block;
		margin-left: 10px;
		border-top: 0.12em solid var(--bland);
		border-right: 0.12em solid var(--bland);
		width: 0.4em;
		height: 0.4em;
		transform: rotate(45deg);
    }
    .ui_menu_category_list {
		font-size: 1rem;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
		gap: 1em;
		margin-inline: 1em;
    }

    .ui_menu_category_list li {
        width: 100%;
    }

    .ui_menu_category_more {
        display: none;
    }
}

@supports(-ms-ime-align:auto) {
    .ui_menu_category_el, .ui_menu_category_list {
        list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) { /* TB */
	.ui_menu_biz_message {
		padding: 0.97vw;
	}
	.ui_menu_biz_message_text {
		font-size: 1.95vw;
		margin-right: 0.87vw;
	}
	.ui_biz_btn_mail {
		font-size: 1.36vw;
		padding: 0.97vw 1.66vw 0.97vw 4.39vw;
	}
	.ui_biz_btn_mail::after {
		width: 2.14vw;
		height: 1.36vw;
		left: 0.87vw;
	}
}
@media only screen and (max-width: 767px) {
	.ui_menu_biz_message {
		padding: 2.9vw;
	}
	.ui_menu_biz_message_text {
		font-size: 3vw;
		margin-right: 1.3vw;
	}
	.ui_menu_biz_message_text br {
		display: block;
	}
	.ui_biz_btn_mail {
		font-size: 3vw;
		padding: 2.53vw 2.26vw 2.53vw 8.8vw;
	}
	.ui_biz_btn_mail::after {
		width: 4.5vw;
		height: 2.93vw;
		left: 2.9vw;
	}
}
.ui_menu_logo a{
	display: block;
	margin-left: 0;
	max-width: 82px;
	color: #1a1a1a;
	margin-left: 25px;
}
.ui_menu_wp .search_container {
	max-width: 200px;
}
.ui_menu_wp .search_box {
	margin-right: 1em;
}
.ui_menu{
	position: relative;
	max-width: 1220px;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	transition: 0.6s cubic-bezier(0.25,0.1,0.25,1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 0;
	background: #fff;
	transform: translate(0px, 0);
	box-shadow: none;
}
.ui_menu_txt{
	font-size: 10px;
	color: #4bbcf2;
	font-weight: bold;
	margin-left: 15px;
}
.ui_menu_list{
	display: flex;
	align-items: center;
	font-size: 0.812rem;
	font-weight: 500;
	gap: 11px;
}
.ui_menu_list>li{
	position: relative;
	margin: 0;
	font-weight: bold;
}
.ui_menu_list>li>a,.ui_menu_list>li>span{
	position: relative;
	display: block;
	padding: 20px 0;
	color: #1a1a1a;
	text-decoration: none;
}
.ui_menu_list>li.ui_menu_bdr a{
	padding-left: 25px;
	padding-right: 25px;
	border: 1px solid #4abcf2;
	border-radius: 32px;
}
.ui_menu_list>li.ui_menu_bg a{
	height: 60px;
	width: 135px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
	background: #4abcf2;
	border-radius: 32px;
	color: #fff;
}
.ui_menu_list>li.ui_menu_bg{
	margin-left: 0;
}
.ui_menu_btn{
	display: none;
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 99;
	width: 2.5em;
	height: 2.5em;	
	cursor: pointer;
	border-radius: 3px;
	background: #2185D0;
}
.ui_menu_btn span{
	width: 1.4em;
    height: 0.13em;
    background-color: #fff;
    position: absolute;
    left: calc(50% - 0.7em);
    transition: all 0.3s ease;
    opacity: 1;
}
.ui_menu_btn span:nth-child(1){
	top: 0.7em;
}
.ui_menu_btn span:nth-child(2){
	top: 1.2em;
}
.ui_menu_btn span:nth-child(3){
	top: 1.7em;
}
.is_open.ui_menu_wp .ui_menu{
	z-index: 98;
	opacity: 1;
	top: 0;
	right: 0;
	transition: 0.6s cubic-bezier(0.25,0.1,0.25,1);
}
.is_open .ui_menu_btn span:nth-child(1) {
	top: 1.2em;
	transform: rotate(45deg);
}
.is_open .ui_menu_btn span:nth-child(2) {
	opacity: 0;
}
.is_open .ui_menu_btn span:nth-child(3) {
	top: 1.2em;
	transform: rotate(-45deg);
}
@media only screen and (min-width: 0) and (max-width: 1160px) {
	.ui_menu_wp{
		background: none;
	}
	.ui_menu_sp{
		position: static;
		top: 0;
		left: 0;
		z-index: 99;
		padding: 0 15px;
		width: 100%;
		height: 54px;
		background: #fff;
		box-shadow: 0 5px 10px rgba(0,0,0,0.15);
		display: flex;
		align-items: center;
		justify-content: space-between;
		transition: 0.3s;
	}
	.is_open .ui_menu_sp {
		position: fixed;
	}
	.ui_menu_logo {
		flex: 0;
	}
	.ui_menu_logo a{
		margin-left: 0;
		width: 60px;
	}
	.ui_menu_wp .search_container {
		max-width: 175px;
	}	
	.ui_menu_txt{
		font-size: clamp(0.625rem, 2.13vw, 1rem);
		line-height: 1.25;
		margin-left: 10px;
	}
	.ui_menu_btn{
		display: block;
		position: relative;
		right: -5px;
		top: 0;
	}
	.ui_menu{
		margin: 0!important;
		width: 100vw!important;
		height: 0;
		overflow: auto;
		padding: 58px 15px 30px;
		position: fixed;
		left: 0;
		top: 0;		
		background: #fff;
		opacity: 0;
		z-index: -1;
		text-align: center;
		border-radius: 0;
		transform: translate(0px, 0);
		align-items: flex-start;
	}
	.is_open.ui_menu_wp .ui_menu {
		height: 100vh;
	}
	.ui_menu_btn{
		background: none;
	}
	.ui_menu_btn span{
		background: #007ab4;
	}
	.ui_menu_list{
		display: none;
		width: 100%;
		padding: 4vh 3vw;
		border-top: 1px solid #4abcf2;
	}
	.is_open.ui_menu_wp .ui_menu_list {
		display: block;
	}
	.ui_menu_list li{
		position: relative;
		border-bottom: 1px solid #e6e6e6;
		text-align: left;
	}
	.ui_menu_list li > a{
		padding: 1rem 0;
	}
	.ui_menu_list li.ui_menu_bdr{
		margin-top: 20px;
		border-bottom: none;
		text-align: center;
	}
	.ui_menu_list li.ui_menu_bg{
		margin-top: 40px;
		border-bottom: none;
		text-align: center;
	}
	.ui_menu_list li.ui_menu_bdr{
		margin-top: 25px;
	}
	.ui_menu_wp.is_open .ui_menu_sp{
		box-shadow: none;
	}
	.ui_menu_list li.ui_menu_bdr::before,.ui_menu_list li.ui_menu_bdr::after,.ui_menu_list li.ui_menu_bg::before,.ui_menu_list li.ui_menu_bg::after{
		display: none;
	}
	
	.ui_menu_list>li.ui_menu_bg a{
		width: 100%;
		position: relative;
	}
	.ui_menu_list>li.ui_menu_bg a>img{
		width: 13px;
		height: 13px;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}
}
@media screen and (min-width:768px) {
	.ui_bnr_wp{
		overflow: hidden;
	}
	.ui_bnr{
		position: relative;
		left: 50%;
		top: 0;
		width: 2500px;
		transform: translateX(-50%);
	}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.ui_bnr{
		width: 208vw;
	}
}

[class *= "ui_btn_"]{
	margin: 30px auto 0;
	max-width: 334px;
	height: 93px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:15px 30px 13px 20px;
	border-radius: 47px;
	background: #2185D0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	transition: 0.4s;
	line-height: 1.4;
	letter-spacing: 0;
}
[class *= "ui_btn_"]::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 40px;
	width: 7px;
	height: 7px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
}
[class *= "ui_btn_"]:hover{
	opacity: 1;
	transition: 0.4s;
	transform:scale(1.1);
}
.ui_btn_right::after{
	transform: translateY(-50%) rotate(45deg);
}
.ui_btn_left::after{
	transform: translateY(-50%) rotate(225deg);
}
.ui_btn_up::after{
	transform: translateY(-35%) rotate(-45deg);
}
.ui_btn_down::after{
	transform: translateY(-65%) rotate(135deg);
}
.ui_btn_linear{
	background: linear-gradient(-40deg, rgba(17,139,252,0.85) 0% ,rgba(78,191,242,0.85) 90%);
}
.ui_totop a{
	padding-top: 15px;
	position: relative;
	display: block;
	width: 110px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.75rem;
	font-weight: bold;
	text-decoration: none;
}
.ui_totop a::after{
	content: "";
	position: absolute;
	top: 0;
	left: calc(50% - 3px);
	width: 6px;
	height: 6px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(-45deg);
}
.copyright{
	transform:scale(0.9);
	text-align: center;
}

.ui_fade,.ui_fade_i{
	transition: all 1000ms;
	opacity: 0;
	visibility: hidden;
	transform: translate(0px, 60px);
}
.ui_fadein{
	opacity: 1;
	visibility: visible;
	transform: translate(0px, 0px);
}
.ui_fadein .idx_ent_pic,.ui_fadein .idx_ent_text{
	transform: translate(0px, 0px) !important;
}
.ui_fade_cir.ui_fadein{
	opacity: 1;
	transform: translate(0px, 0px) scale(1);
}
.ui_fade_cir{
	opacity: 0;
	transform: translate(0px, 80px) scale(0);
	transition: 1s ease;
}

/*common*/
.ui_section{
	padding-bottom: 70px;
	margin-bottom: 70px;
	border-bottom: 1px solid #dbdbdb;
	font-size: 0.875rem;
	line-height: 1.7;
}
.ui_section:last-of-type,.ui_section_last{
	border-bottom: none;
}
.ui_section a{
	color: #007ab4;
}
.ui_section p{
	margin-bottom: 2em;
}
.ui_section p:last-child{
	margin-bottom: 0;
}
.ui_path{
	display: flex;
	font-size: 0.875rem;
}
.ui_path li{
	color: #bababa;
}
.ui_path li::before{
    content: "";
    display: inline-block;
	vertical-align: middle;
	margin: -3px 10px 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
}
.ui_path li:first-child::before{
	display: none;
}
.ui_path li a{
	color: #1a1a1a;
	text-decoration: none;
}
.ui_title_1{
	margin: 100px 0 90px;
	text-align: center;
}
.ui_title_1 h1{
	font-size: 1.875rem;
	line-height: 1.27;
	color: #4abcf2;
}
.ui_title_2{
	margin: 70px 0 40px;
}
.ui_title_2 h2{
	font-size: 1.5rem;
	line-height: 1.4;
	color: #4abcf2;
}
.ui_title_3{
	margin: 70px 0 5px;
}
.ui_title_3 h3{
	font-size: 1rem;
	line-height: 1.5;
	color: #4abcf2;
}
.ui_title_3 h3::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #4abcf2;
	border-right: 2px solid #4abcf2;
	transform: translateY(-15%) rotate(45deg);
}
.ui_links_pdf::after{
	content: '';
	margin: -4px 10px 0;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	background: url(../img/icon_pdf.png) no-repeat;
	background-size: 100% 100%;
}
.ui_table{
	margin-bottom: 35px;
	width: 100%;
	text-align: left;
}
.ui_table th,.ui_table td{
	border: 1px solid #bababa;
	font-size: 0.875rem;
	line-height: 1.5;
}
.ui_table th{
	padding: 20px;
	background: #f3fbff;
}
.ui_table td{
	padding: 20px 30px;
}
.ui_anc_list{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	font-weight: bold;
	margin-bottom: 80px;
}
.ui_anc_list li{
	width: calc((100% - 30px)/3.001);
	margin: 0 15px 15px 0;
}
.ui_anc_list li:nth-child(3){
	margin-right: 0;
}
.ui_anc_list li a{
	min-height: 60px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 5px 35px 4px 55px;
	white-space: nowrap;
	border-radius: 30px;
	color: #bababa;
	border: 1px solid #4abcf2;
	text-decoration: none;
}
.ui_anc_list li a::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 25px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #4abcf2;
    border-right: 2px solid #4abcf2;
	transform: translateY(-65%) rotate(135deg);
}
.ui_anc_list li a span{
	position: absolute;
	left: 45px;
	top: calc(50% - 8px);
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #4bbcf2;
	color: #fff;
	font-size: 0.75rem;
	font-weight: normal;
	line-height: 1.5;
}
.ui_title_num{
	display: inline-block;
	vertical-align: middle;
	margin: -3px 5px 0 0;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #4bbcf2;
	color: #fff;
	font-size: 0.75rem;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
}


@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	body{
		padding-top: 130px;
	}
	.ui_path{
		font-size: 0.75rem;
		display: inline-block;
        margin-bottom: 2em;
	}
	.ui_path li{
		display: inline;
	}
	.ui_title_1{
		margin: 55px 0;
	}
	.ui_title_1 h1{
		font-size: 1.44rem;
	}
	.ui_title_2{
		margin: 50px 0 15px;
	}
	.ui_title_2 h2{
		font-size: 1.25rem;
	}
	.ui_title_3{
		margin: 40px 0 5px;
	}
	.ui_title_3 h3{
		font-size: 0.9rem;
	}
	.ui_section{
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
	.ui_anc_list li{
		width: 100%;
		margin-right: 0 !important;
	}
	.ui_anc_list li a{
		display: flex;
		min-height: 40px;
		border-color: currentcolor;
	}
	.ui_anc_list li a::after{
		left: 20px;
	}
	.ui_anc_list li a span{
		left: 38px;
	}
	.ui_anc_list{
		margin-bottom: 50px;
	}
	.ui_section p{
		margin-bottom: 1.4em;
	}
	.ui_table th,.ui_table td{
		padding: 10px 6px 10px 10px;
	}
}

.ui_white {
    padding: 70px 0;
    background: #fff;
}
.ui_gray{
	padding: 70px 0;
	background: #f4f4f4;
}
.ui_h301 {
    font-size: 1.5rem;
    line-height: 1.27;
		text-align: center;
		margin-bottom: 1.2em;
}
.ui_btn_relate{
	padding: 13px 40px 13px 20px;
	height: auto;
	color: #1a1a1a!important;
	background: #fff;
	margin-top: 0;
	margin-bottom: 15px;
}
.ui_btn_relate:hover{
	opacity: 0.6;
	transform: scale(1);
}
.ui_btn_relate::after{
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
	color: #4ebdf2;
}
.ui_pb0{
	padding-bottom: 0;
}
.ui_btn_secu{
	border: 1px #4abcf2 solid;
	max-width: 235px;
}
.ui_fade_text_line {
    overflow: hidden;
}
.ui_fade_text i {
    display: inline-block;
    font-style: normal;
    transition: all 1s;
    opacity: 0;
    visibility: hidden;
    transform: translate(0px, 40px);
}
.ui_fade_text .ui_fadein {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
}
.ui_mb60{
	margin-bottom: 60px !important;
}
.ui_tit_m{
	font-size: 1.875rem;
	color: #4abcf2;
	margin-bottom: 30px;
	font-weight: bold;
}
.ui_mbgM{
	margin-bottom: 80px;
}
.ui_tips{
	margin-bottom: 80px;
	padding: 25px 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #e8f6fc;
	
}
.ui_tips h3{
	width: 142px;
	height: 142px;
	border-radius: 50%;
	background: #4abcf2;
	color: #fff;
	font-size: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ui_tips_list{
	width: calc(100% - 160px);
	font-size: 0.875rem;
}
.ui_tips_list li{
	padding-left: 6%;
	margin: 15px 0;
	display: flex;
	justify-content: space-between;
}
.ui_tips_time{
	width: 90px;
	color: #4abcf2;
}
.ui_tips_list li>p{
	width: calc(100% - 100px);
	padding-left: 2%;
}
.ui_tips_list li a{
	text-decoration: none;
}
.ui_wide_xs p{
	line-height: 1.7rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.ui_wide_xs{
		margin: 0 4vw;
	}
	.ui_mbL{
		margin-bottom: 60px!important;
	}
	.ui_h301{
		font-size: 1.44rem;
	}
	.ui_white {
	  padding: 50px 0;
	}
	.ui_gray{
		padding: 50px 0;
	}	
	.ui_fade_cir{
		z-index: -1;
	}
	.ui_tit_m{
		font-size: 1.3rem;
	}
	.ui_tips{
		flex-direction: column;
		padding: 30px 4vw;
	}
	.ui_tips_list{
		width: 100%;
	}
	.ui_tips_list li{
		flex-direction: column;
		padding-left: 0;
	}
	.ui_tips_list li>p{
		width: 100%;
	}
}

.ui_open{
	margin-bottom: 20px;
}
.ui_open_btn{
	position: relative;
	padding: 12px 53px 10px;
	background: #f3fbff;
	cursor: pointer;
	transition: 0.3s;
	font-size: 1.13rem;
	font-weight: bold;
	color: #00b5ff;
}
.ui_open_btn:hover{
	opacity: 0.6;
	transition: 0.3s;
}
.ui_open_btn::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #4abcf2;
	border-right: 2px solid #4abcf2;
	transform: translateY(-65%) rotate(135deg);
	transition: 0.4s;
}
.ui_open_close{
	margin: 25px auto 0;
	width: 80px;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
}
.ui_open_close:hover{
	opacity: 0.6;
	transition: 0.3s;
}
.ui_open_btn.is_on::after{
	transform: translateY(-35%) rotate(-45deg);
}
.ui_open_box{
	display: none;
}

.ui_sub_btn {
	margin: 140px auto 180px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.ui_sub_btn li{
	width: calc((100% - 60px)/3);
	margin-right: 30px;
	text-align: center;
	margin-bottom: 20px;
	transition: 0.3s;
}
.ui_sub_btn li:nth-child(3n+3){
	margin-right: 0;
}
.ui_sub_btn li a{
	text-decoration: none;
	color: #999;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 90px;
	font-weight: bold;
	border: 1px #4abcf2 solid;
	border-radius: 55px;
	background: #fff;
}
.ui_sub_btn li a:hover,.ui_sub_btn li a.active{
	background: linear-gradient(130deg , #54c3f1 0% , #027fff 100%);
	color: #fff;
	opacity: 1;
}

/*subpage*/
.sub_bnr {
    height: 300px;
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 40px 0 0;
}
.sub_bnr p {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}
.sub_title_2{
	margin: 50px 0 15px;
}
.sub_title_2 h2{
	text-align: center;
	font-size: 1.875rem;
	font-weight: bold;
	color: #4abcf2;
}


@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.ui_sub_btn{
		margin: 80px 0 80px;
	}
	.ui_sub_btn li{
		width: 100%;
		margin-right: 0;
	}
	.ui_sub_btn li a{
		min-height: 75px;
		font-size: 0.9rem;
	}
	.sub_bnr p{
		font-size: 1.45rem;
		text-shadow: 0 0 12px rgba(66,104,120,0.5);
	}
	.sub_title_2 h2{
		font-size: 1.25rem;
	}
}


@media screen and (min-width:1200px) { /*PC*/

}
@media only screen and (min-width: 768px) and (max-width: 1199px) { /*PAD*/

}


@media only screen and (min-width: 0) and (max-width: 1160px) {
	.ui_menu_sp .pcNone{
		display: block !important;
	}
	.ui_menu .spNone{
		display: none !important;
	}
}

.footer {
    margin-top: 0;
}
.ui_totop {
	margin-bottom: 20px;
}
.category_footer {
	background-color: #f5f5f5;
	padding-block: 40px;
}
.category_footer h2 {
	font-size: 0.875rem;
	margin-bottom: 1em;
}
.category_footer_menu {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	font-size: 0.75rem;
	gap: 1em;
}
.category_footer_menu a {
	color: #1a1a1a;
	text-decoration: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.ui_totop {
		margin-bottom: 30px;
	}
	.category_footer h2 {
		font-size: 0.938rem;
	}
	.category_footer_menu {
		grid-template-columns: repeat(2,1fr);
	}
}

/* 事業所一覧　inc footer */
.office_category_footer_menu {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	font-size: 0.75rem;
	gap: 1em;
}
.office_category_footer_menu a {
	color: #1a1a1a;
	text-decoration: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.office_category_footer_menu {
		grid-template-columns: repeat(2,1fr);
	}
}
.office_footer .office_category_footer_menu {
    margin-bottom: 1.5em;
}
.office_footer .office_category_footer_menu:last-of-type {
    margin-bottom: 40px;
}
.office_footer .category_footer {
    padding-bottom: 0;
}
.office_footer .category_footer .ui_wide{
    border-bottom: solid 1px #dbdbdb;
}

/* グロナビ改修 */
/* sp　共通*/
.ui_menu_list .menu_guide li::after,
.ui_menu_list .menu_office li::after,
.ui_menu_list .menu_delivery li::after,
.ui_menu_list .menu_intro li::after {
	display: none;
}
.menu_guide .ui_menu_unit-item-img,
.menu_office .ui_menu_unit-item-img,
.menu_intro .ui_menu_unit-item-img {
	flex-basis: 40%;
}
.menu_guide .ui_menu_unit-item-txt,
.menu_office .ui_menu_unit-item-txt,
.menu_intro .ui_menu_unit-item-txt {
	flex-basis: 60%;
}
.ui_menu_list li.ui_biz_sns-sp_wrap {
	border-bottom: none;
}
.ui_biz_sns-sp {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 8vw;
}
.ui_menu_list .ui_biz_sns-sp li {
	border-bottom: none;
}
.ui_biz_sns-sp li + li {
	margin-left: 5.333vw;
}
.ui_menu_list .ui_biz_sns-sp li::after,
.ui_menu_list li.ui_biz_sns-sp_wrap::after {
	display: none;
}
.ui_biz_sns-sp img {
	width: 8vw;
}
.ui_menu_list>li.ui_menu_bg .pcNone a {
	text-decoration: none;
}

/* sp　ご利用案内　*/
.ui_menu_list li.ui_menu_unit.ui_lastItem{
	border-bottom: none;
}
.ui_menu_unit-item {
	display: flex;
	padding: 20px 15px;
	background: #f4fbfe;
	align-items: center;
}
.ui_menu_unit-item-pgttl {
	position: relative;
	font-weight: bold;
	color: #4abcf2;
}
.ui_menu_unit-item-txt {
	margin-left: 5%;
}
.ui_menu_unit-item-pgttl .ico.ico-arrow-r::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 6px;
	height: 6px;
	border-top: 2px solid #4abcf2;
	border-right: 2px solid #4abcf2;
	transform: translateY(-50%) rotate(45deg);
	margin-left: 15px;
}

/* sp　納入事例　 */
.ui_menu_delivery_category-txt {
	background: var(--bland);
	color: #ffffff;
	padding: 1rem;
}
.menu_delivery .ui_menu_delivery_detail {
	display: flex;
	flex-wrap: wrap;
	background: #e4f5fd;
	padding: 1rem;
	padding-bottom: .5em;
	justify-content: space-between;
}
.menu_delivery .ui_menu_delivery_detail > li {
	flex-basis: 48.5%;
	margin-bottom: 3%;
	border-bottom: none;
}

.menu_delivery .ui_menu_category_head {
	background-color: #ffffff;
	height: auto;
	padding: 0.8em 5%;
	color: #000000;
	font-weight: normal;
	border-radius: 3px;
}
.menu_delivery .ui_menu_category_head a {
	color: #000000;
	font-weight: normal;
}
.menu_delivery .ui_menu_category_name .ico.ico-arrow-r {
	margin-inline: 0;
}
.menu_delivery .ui_menu_delivery_detail > li.ui_menu_delivery_btn-search {
	flex-basis: 100%;
}
.menu_delivery .ui_menu_delivery_btn-search .ui_menu_category_name span {
	justify-content: center;
}
.menu_delivery .ui_menu_delivery_btn-search .ui_menu_category_head a {
	color: var(--bland);
}
/* カテゴリから探す */
.ui_menu_delivery_search-cat .ui_menu_unit-item-img {
	display: none;
}


/* pc */
@media(min-width: 1161px) {
	/* 共通 */
	.ui_menu_list>li.ui_menu_bg .ui_biz_btn-company-pc a {
		background: none;
		text-decoration: none;
		color: #000000;
		justify-content: left;
	}
	.ui_menu_list>li.ui_menu_bg .ui_biz_btn-company-pc a img {
		margin-inline: 5px;
	}
	.ui_menu_biz_message .ui_biz_sns {
		display: flex;
		margin-left: 4em;
	}
	.ui_menu_biz_message .ui_biz_sns li + li {
		margin-left: 1em;
	}
	.ui_menu_btn_arrow-d .ico.ico-arrow-d::after {
		content: "";
		border-top: 2px solid;
		border-right: 2px solid;
		width: 0.5em;
		display: block;
		height: 0.5em;
		transform: rotate(135deg);
		color: var(--bland);
		margin-top: -0.5em;
		margin-left: .5em;
	} 
	.ui_menu_toggle-btn.is-open {
		 background: #ebf3f7;
		 border-radius: 5px; 
	}
	.ui_menu_btn_arrow-d.is-open .ico.ico-arrow-d::after {
		transform: rotate(-45deg);
		margin-top: 0;
	}
	.menu_guide .ui_menu_category-inner,
	.menu_office .ui_menu_category-inner,
	.menu_delivery .ui_menu_category-inner,
	.menu_intro .ui_menu_category-inner{
		height: auto;
		padding: 40px;
	}
	.ui_menu_unit-group {
		display: flex;
		flex-wrap: wrap;
	}
	.ui_menu_unit {
		display: flex;
		width: 50%;
	}
	.ui_menu_unit-item {
		background: none;
	}
	/* ご利用案内　グローバルメニュー */
	.menu_guide .ui_menu_category-panel a:hover {
		font-weight: 500;
	}
	.ui_menu_unit-item-txt {
		width: 60%;
		margin-left: 30px;
		font-size: 14px;
	}
	.ui_menu_unit-item-pgttl {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.ui_menu_unit-item-pgttl .ico.ico-arrow-r::after {
		content: "";
		position: absolute;
		top: 50%;
		width: 6px;
		height: 6px;
		border-top: 2px solid #4abcf2;
		border-right: 2px solid #4abcf2;
		transform: translateY(-50%) rotate(45deg);
		margin-left: 15px;
    }
	/* 納入事例　グローバルメニュー */
	/* 地域別で探す */
	.menu_delivery .ui_menu_category-inner {
		display: flex;
	}
	.menu_delivery .ui_menu_delivery_category-group a {
		text-decoration: none;
	}
	.menu_delivery .ui_menu_delivery_category-group a:hover {
		opacity: 0.6;
    	transition: 0.3s;
	}
	.menu_delivery .ui_menu_delivery_detail > li {
		flex-basis: auto;
	}
	.menu_delivery .ui_menu_delivery_category-group li + li {
		margin-top: 10px;
	}
	.menu_delivery .ui_menu_delivery_category {
		background-repeat: no-repeat;
		width: 265px;
        height: 115px;
		display: flex;
		align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: bold;
        color: #ffffff;
	}
	.menu_delivery .search_area .list-bg,
	.menu_delivery .search_scene .list-bg {
		background: #ebf3f7;
		border-radius: 5px;
		height: auto;
		cursor: pointer;
	}
	.menu_delivery .search_area .list-bg .ui_menu_delivery_category-txt,
	.menu_delivery .search_scene .list-bg .ui_menu_delivery_category-txt
	 {
		color: var(--bland);
		margin-left: 0;
	}
	.menu_delivery .ui_menu_delivery_category-txt {
		position: relative;
		margin-left: 18px;
		background: none;
	}
	.menu_delivery .ui_menu_delivery_category-txt .ico.ico-arrow-r::after {
		content: "";
		position: absolute;
		top: 50%;
		width: 6px;
		height: 6px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		transform: translateY(-50%) rotate(45deg);
		margin-left: 15px;
    }
	.menu_delivery .list-bg .ui_menu_delivery_category-txt .ico.ico-arrow-r::after {
		border-top: 2px solid var(--bland);
		border-right: 2px solid var(--bland);;
	}
	.menu_delivery .ui_menu_delivery_detail-block {
		margin-left: 10px;
		width: 100%;
	}
	.menu_delivery .ui_menu_delivery_detail-block .ui_menu_delivery_detail > li > .ui_menu_category_head > a.ui_menu_category_name {
		text-decoration: none;
	}
	.menu_delivery .ui_menu_delivery_detail {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		background: none;
		padding: 0;
		background: #ebf3f7; 
		padding: 22px 33px;
	}
	.menu_delivery .ui_menu_delivery_detail::before ,
	.menu_delivery .ui_menu_delivery_detail::after {
		content:"";
		display: block;
		width: 183px;
		order: 2;
	}
	.menu_delivery .ui_menu_delivery_detail > li {
		margin-bottom: 10px;
	}
	.menu_delivery .ui_menu_category_head {
		background: none;
		padding: 0;
	}
	.menu_delivery .ui_menu_category_head a {
		color: var(--bland);
		border-radius: 5px;
	}
	.menu_delivery .ui_menu_category_name {
		width: 183px;
		padding-top: 17px;
		padding-bottom: 17px;
	}
	.menu_delivery .ui_menu_category_name.ui_button_list {
		width: 100%;
		justify-content: center;
	}
	.menu_delivery .ui_menu_category_name.ui_button_list span {
		margin-right: 40px;
	}
	.menu_delivery .ui_menu_category_name .ico.ico-arrow-r::after {
		border-top: 2px solid;
		border-right: 2px solid;
	}
	/* シーン別で探す */
	.menu_delivery .search_scene .area-bg {
		background-image: url(../img/business/nav/nav_bg_area-off.png);
	}
	.menu_delivery .search_scene  .scene-bg {
		background-image: url(../img/business/nav/nav_bg_scene-on.png);
	}
	.menu_delivery .search_scene .ui_menu_delivery_detail a {
		display: block;
	}
	.menu_delivery .search_scene .ui_menu_delivery_detail a:hover {
		color: var(--bland);
		text-decoration: none;
		font-weight: 700;
		opacity: .6;
	}
	.menu_delivery .ui_menu_delivery_detail.ui_menu_delivery_search-cat::after {
		content:"";
		display: block;
		width:30%;
	}
	.menu_delivery .search_scene .ui_menu_delivery_detail li {
		width: 31%;
	}
	.ui_menu_delivery_search-cat .ui_menu_unit-item-img {
		display: block;
		border-radius: 3px 3px 0 0;
		overflow: hidden;
	}
	.menu_delivery .search_scene .ui_menu_category_name {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		justify-content: center;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-right: 1rem;
		color: var(--bland);
		font-weight: 700;
		border-radius: 0 0 4px 4px;
	}
	.menu_delivery .search_scene .ui_menu_category_name:hover {
		background: #ffffff;
	}
	.menu_delivery .search_scene .ui_menu_category_name span {
		margin-right: 1em;
	}

	/* tab */
	.js-tab-gnav-contents {
    	display: none;
	}
	.js-tab-gnav-contents.is-active {
		display: block;
	}
	/*  tab btn */
	.ui_gnav_tab {
		cursor: pointer;
	}

	.menu_delivery .search_area .js-tab-gnav.is-btn-active .area-bg {
		background-image: url(/img/business/nav/nav_bg_area-on.png);
	}
	.menu_delivery .search_area .scene-bg {
		background-image: url(/img/business/nav/nav_bg_scene-off.png);
	}

	.menu_delivery .search_area .area-bg {
		background-image: url(/img/business/nav/nav_bg_area-off.png);
	}
	.menu_delivery .search_area .js-tab-gnav.is-btn-active .scene-bg {
		background-image: url(/img/business/nav/nav_bg_scene-on.png);
	}	

	/* お役立ち情報 */
	.menu_intro .ui_menu_unit {
		margin-bottom: 30px;
	}
	/* 企業情報 */
	.menu_office .ui_menu_category-panel a:hover {
		font-weight: 500;
	}
}

/* /business H1 Renewal */
.page_bnr {
	height: auto;
	padding: 1.88em 0;
	margin: 0;
	background-color: #f3fbff;
}
.title_lv1-page {
	font-size: 1.75rem;
	line-height: 1.429;
}

.sub_bnr {
	height: auto;
	padding: 1.88em 0;
	margin: 0;
	background-color: #f3fbff;
}
.sub_bnr h1 {
	font-size: 1.75rem;
	line-height: 1.429;
}

.title_lv1-page {
	color: #4abcf2;
	text-shadow: none;
}

.sub_bnr h1 {
	color: #4abcf2;
	text-shadow: none;
}


@media screen and (min-width:768px) {
    .title_lv1-page,
	.sub_bnr h1 {
        font-size: 2.25rem;
	}
	.page_bnr,
	.sub_bnr {
		margin-top: 2em;
		height: 150px;
		padding: 0;
	}
}


/* === バナー表示 === */
@media(max-width: 1160px) {
	.ui_menu_list li.ui_biz_banner-sp_wrap::after {
        display: none;
    }
}
.ui_menu_list li.ui_biz_banner-sp_wrap{
	margin-top: 40px;
}
.ui_menu_list li.ui_biz_banner-sp_wrap .banner-img + .banner-img{
	margin-top: 15px;
}
/* newitemから移動 */
.banner-box-slider{
  margin: 0 0 30px;
}

.banner-bottom-box{
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .banner-bottom-box{
    max-width: 1040px;
    margin: 0 auto 50px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
  }
  .banner-bottom-box .banner-img{
    width: 32%;
  }
}


/* SPグロナビ　コーポレートページへリンク */
@media(max-width: 1160px) {
	.ui_menu_list>li.ui_menu_bg{
		margin: 0;
	}
	.ui_menu_list>li.ui_menu_bg .pcNone a {
		background: none;
		text-decoration: none;
		color: #000000;
		justify-content: space-between;
		padding-left: 0;
		padding-right: 0;
	}
	.ui_menu_list>li.ui_menu_bg .pcNone a::after{
		content:"";
		display: inline-block;
		width: 15px;
		height: 15px;
		background-image: url(/img/icon/icon_newwindow-blue.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.ui_menu_list > li:nth-of-type(4) a {
		padding: 0;
	}
}