@charset "UTF-8";
@font-face {
	font-family: 'GUJPCorporate';
	src: url('/jp/ja/special-feature/corp/fonts/GUJPCorporate-Kana-Light_v2.0.woff2') format('woff2'),
	url('/jp/ja/special-feature/corp/fonts/GUJPCorporate-Kana-Light_v2.0.woff') format('woff'),
	url('/jp/ja/special-feature/corp/fonts/GUJPCorporate-Kana-Light_v2.0.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GUJPCorporate';
	src: url('/jp/ja/special-feature/corp/fonts/GUJPCorporate-Kana-Regular_v2.0.woff2') format('woff2'),
	url('/jp/ja/special-feature/corp/fonts/GUJPCorporate-Kana-Regular_v2.0.woff') format('woff'),
	url('/jp/ja/special-feature/corp/fonts/GUJPCorporate-Kana-Regular_v2.0.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GUJPCorporate';
	src: url('/jp/ja/special-feature/corp/fonts/GUJPCorporate-Kana-Bold_v2.0.woff2') format('woff2'),
	url('/jp/ja/special-feature/corp/fonts/GUJPCorporate-Kana-Bold_v2.0.woff') format('woff'),
	url('/jp/ja/special-feature/corp/fonts/GUJPCorporate-Kana-Bold_v2.0.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

body {
	width: 100%;
}
#oshirase {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	font-family: 'GUJPCorporate', 'Avenir Next', Roboto, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'メイリオ', Meiryo, sans-serif!important;
	font-weight: 400;
/* 	letter-spacing: 0.05rem; */
	font-feature-settings: 'palt';
}

/* ==========================================================
  01. Img Style SP Only
========================================================== */

/* data-aspect-ratio */
[data-aspect-ratio="90:40"]:before { padding-top: calc((40/90) * 100%) }
[data-aspect-ratio="345:49.34"]:before { padding-top: calc((49.34/345) * 100%) }
[data-aspect-ratio="69:10"]:before { padding-top: calc((10/69) * 100%) }
[data-aspect-ratio="690:439"]:before { padding-top: calc((439/690)*100%) }
[data-aspect-ratio="690:640"]:before { padding-top: calc((640/690)*100%) }
[data-aspect-ratio="750:1000"]:before { padding-top: calc((1000/750)*100%) }

/* data-sp-aspect-ratio */
[data-sp-aspect-ratio="750:1000"]:before { padding-top: calc((1000/750)*100%) }


/* ==========================================================
  02. Collabo Style SP Only
========================================================== */

/* Header */
.fr-globalHeader{box-sizing:border-box;background:#fff;padding:15px 0;border-bottom:1px solid #dadada;min-width:320px}.fr-globalHeader_inner{box-sizing:border-box;padding:0 0}.fr-globalHeader_logo{box-sizing:border-box;vertical-align:bottom;display: block;}.fr-globalHeader_logo.-single{width:40px;height:40px}.fr-globalHeader_logo.-double{width:60px;}.fr-globalHeader_logo.-double img{display: block;width:auto;height:26px;}.fr-globalHeader_inner{max-width:1226px;padding:0 25px;margin:0 auto}

/* .fr-globalHeader */
.fr-globalHeader { position: relative; width: 100%; padding: 15px 4vw 14px; z-index: 100; }
.fr-globalHeader.position-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1; width: 100%; padding: 15px; z-index: 100; }
.wrapper.position-fixed-wrapper { padding-top: 71px; }
.UQLogo { width: 60px; }
.HeaderPageTitle { display: block; max-width: 150px; margin: -26px auto 0; text-align: center; line-height: 26px; font-size: 14px; font-weight: bold; white-space: nowrap; }

.fr-tabs_inner {
	width: 1226px;
	padding-right: 25px;
	padding-left: 25px;
}
.fixedTabs .fr-tabs_inner {
	width: 1176px;
	padding-right: 0;
	padding-left: 0;
}

.fr-heading.-h1 {
	font-size: 28px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: #12288B;
	padding: 21px 0;
}
.fr-pc-mt-l {
	margin-top: 0;
}
.hero .lead {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	margin: 29px 0 35px;
}

.title-middle {
	background: #12288B;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding: 15px 0;
	margin-bottom: 42px;
}
.title-middle:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 9px 0 9px;
	border-color: #12288B transparent transparent transparent;
	position: absolute;
	top: 49px;
	right: 0;
	left: 0;
	margin: auto;
}

.creditCardCompany {
	width: 345px;
}
.itemSearchBlock {
	display: none;
}
.itemSearchBlock li {
	margin: 0;
}
.itemSearchBlock li a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	background: #F2F2F2;
	padding: 13px 12px 13px 12px;
	border-bottom: 1px solid #DADADA;
}
.js-itemSearch {
	position: relative;
}
.js-itemSearch:hover a {
	background: #F2F2F2;
}
.js-itemSearch .itemSearchBlock {
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	min-width: 100%;
}

.fr-anchorButton {
	position: relative;
	z-index: 7;
}
.anchorAdjustBox {
	position: relative;
	z-index: 0;
}
#fixedAnchor_1.anchorAdjustBox {
  z-index: 6;
}
#fixedAnchor_2.anchorAdjustBox {
  z-index: 5;
}
#fixedAnchor_3.anchorAdjustBox {
  z-index: 4;
}
#fixedAnchor_4.anchorAdjustBox {
  z-index: 3;
}
#fixedAnchor_5.anchorAdjustBox {
  z-index: 2;
}
#fixedAnchor_6.anchorAdjustBox {
  z-index: 1;
}
#fixedAnchor_7.anchorAdjustBox {
  z-index: 0;
}

/* .fr-breadcrumbs */
.fr-breadcrumbs_inner { box-shadow: none; }

/* #Drawer */
.scroll-prevent { overflow: hidden; }
.Drawer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; }
.Drawer-backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(27,27,27,.5); z-index: 300; }
.Drawer-nav { position: absolute; top: 0; right: 0; height: 100%; width: calc((307.47/375)*100%); z-index: 400; }
.Drawer-nav-Inner { position: relative; }
.Nav { overflow: auto; }
.Drawer[aria-expanded] { transition-property: visibility; transition-duration: 0.25s; }
.Drawer[aria-expanded] .Drawer-backdrop { transition-property: opacity; transition-duration: 0.25s; transition-timing-function: linear; }
.Drawer[aria-expanded] .Drawer-nav { transition-property: transform; transition-duration: 0.25s; transition-timing-function: ease; }

/* Drawer Open */
.Drawer[aria-expanded="true"] { visibility: visible; }
.Drawer[aria-expanded="true"] .Drawer-backdrop { opacity: 1; }
.Drawer[aria-expanded="true"] .Drawer-nav { transform: translateX(0); }

/* Drawer Close */
.Drawer[aria-expanded="false"] { visibility: hidden; }
.Drawer[aria-expanded="false"] .Drawer-backdrop { opacity: 0; }
.Drawer[aria-expanded="false"] .Drawer-nav { transform: translateX(100%); }

/* Nav Style */
.Nav { background-color: #fff; }
.Nav-button { position: absolute; right: 0; box-sizing: border-box; border-width: 0; padding: 0; width: 60px; height: 60px; background-color: transparent; }
.Nav-button::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 0; transition-property: opacity; transition-duration: 0.1s; transition-timing-function: linear; }
.Nav-button:hover::before { }
.Nav-list { padding-left: 0; }
.Nav-item { margin: 0; padding: 0; list-style: none;}

/* .DrawerTrigger */
.DrawerTrigger { position: absolute; top: 0; right: 12px; width: 45px; height: 45px; text-align: center; color: #000; font-size: 10px; cursor: pointer; padding: 0; border: none; background-color: transparent; }
.DrawerTrigger_Line { position: absolute; right: 0; left: 0; width: 20px; height: 2px; background-color: #000; margin-right: auto; margin-left: auto; }
.DrawerTrigger.-Open .DrawerTrigger_Line:first-child { top: 14px }
.DrawerTrigger.-Open .DrawerTrigger_Line:nth-child(2) { top: 22px }
.DrawerTrigger.-Close { top: 11px; right: calc(4vw - 2px); }
.DrawerTrigger.-Close .DrawerTrigger_Line { margin-top: -11px; margin-left: 12px }
.DrawerTrigger.-Close .DrawerTrigger_Line:first-child { transform: rotate(45deg) }
.DrawerTrigger.-Close .DrawerTrigger_Line:nth-child(2) { transform: rotate(-45deg) }
.DrawerTrigger_Text { margin-top: 24px; position: absolute; left: 0; right: 0; top: 6px; width: 100%; word-break: break-word;  }
.DrawerTrigger.-Close .DrawerTrigger_Text { top: 0; }

/* .DrawerMenu */
.DrawerMenu { position: absolute; top: 56px; width: 100%; padding: 24px 4vw 0; }
.DrawerMenu .navMenu_Item { margin-bottom: 24px; }
.Navigation_Logo { margin-right: 9px; width: auto; height: 28px; }
.Navigation_Link { display: flex; align-items: center; width: 100%; }
.Navigation_Link span { font-size: 16px; }

/* .navMenu */
.navMenu_Item { margin-bottom: 24px; font-size: 16px; line-height: 1; }
.navMenu_Item a { display: block; }
.navMenu_Item_Child .navMenu_Item { font-size: 14px; margin-left: 2vw; }
.navMenu_Item_Child .navMenu_Item:first-child { margin-top: 24px; }
.navMenu_Item_Child .navMenu_Item:last-child { margin-bottom: 0; }

/* .navMenu_accordion */
.navMenu_accordion { overflow: hidden; }
.navMenu_accordionCheckBox { display: none; }
.navMenu_accordionLabel { display: flex; position: relative; }
/* Toggle Style */
.navMenu_accordionLabel { display: flex; position: relative; cursor: pointer; }
.navMenu_accordionLabel:after { content: ""; position: absolute; right: 8px; transition: .2s; width: 24px; height: 24px; background: url(/jp/ja/contents/feature/shopping-guide/img/chevron_updown.svg) 50%/12px 5px no-repeat; }
.navMenu_accordionContent { height: 0; opacity: 0; transition: .2s; visibility: hidden; font-size: 14px; }
.navMenu_accordionContentInner { display: none; }
.navMenu_accordionCheckBox:checked + .navMenu_accordionLabel:after { transform: rotate(-180deg) }
.navMenu_accordionCheckBox:checked + .navMenu_accordionLabel + .navMenu_accordionContent { height: auto; opacity: 1; visibility: visible; }
.navMenu_accordionCheckBox:checked + .navMenu_accordionLabel + .navMenu_accordionContent .navMenu_accordionContentInner { display: block; }

/* .asideNav(SP-Only) */
.asideNav { background-color: #f4f4f4; }
.asideNav .navMenu { padding: 24px 4vw; }
.navMenuAside .navMenu_Item:last-child { margin-bottom: 0; }

/* .asideMedia */
.asideMedia { padding: 24px 4vw; background-color: #fff; border-top: 1px solid #dadada; }
.asideMedia-Inner { display: flex; flex-direction: column; align-items: center; }
.asideMedia-Logo { width: 81px; height: auto; }
.asideMedia-Share_Icon { display: flex; height: 24px; align-items: center; }
.asideMedia-Share_ItemLink { display: block; width: 24px; height: auto; }
.asideMedia-Share_Item img { border-radius: 5px; width: 24px; height: 24px; }
.asideMedia-Share_Item + .asideMedia-Share_Item { margin-left: 31px; }
.u-only-sp .asideMedia-Share { display: flex; justify-content: center; }

/* Leadmore Button */
.leadMore-wrap { position: relative; transition: all 300ms 0s ease; }
.leadMore-btn { width: 100%; height: 76px; background: #fff; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; }
.leadMore-btn-inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 67px; font-size: 14px; font-weight: bold; cursor: pointer; transition: .2s ease; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; position: absolute; right: 0; bottom: 0; left: 0; z-index: 3; }
.leadMore-btn-inner:before { content: "もっと見る" }
.leadMore-btn-inner:after { display: flex; justify-content: center; align-items: center; content: ""; background: url(/jp/ja/contents/feature/common/icons/chevron_updown.svg) 0/cover no-repeat; transition: .2s; width: 24px; height: 24px; margin-left: 13px; }
.leadMore-item { position: relative; overflow: hidden; visibility: hidden; height: 0; opacity: 0; transition: .5s; padding-bottom: 76px; }
.leadMore-item::before { display: block; position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 40px; background: #fff; }
.leadMore-trigger {display: none; }
.leadMore-trigger:checked ~ .leadMore-btn .leadMore-btn-inner:before { content: "閉じる"; }
.leadMore-trigger:checked ~ .leadMore-btn .leadMore-btn-inner:after { transform: rotate(-180deg); }
.leadMore-trigger:checked ~ .leadMore-item { height: auto; opacity: 1; visibility: visible; }
.leadMore-trigger:checked ~ .leadMore-item::before { display: none; }


/* ==========================================================
  03. FixedAnchor SP Only
========================================================== */

/* .fixedAnchor */
.fixedAnchor { display: flex; width: 100%; transition: all 0.3s; border: 1px solid #dadada; border-width: 0 0 1px 1px; background: #fff; margin-top: -68px; position: absolute; top: 0; }
.fixedAnchor.is-fixed { position: fixed; margin-top: 0; transition: all 0.3s; z-index: 11; }
.fixedAnchor_item { flex: 1; height: 68px; border-right: 1px solid #dadada; }
.fixedAnchor_itemLink { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; height: 100%; border-bottom: 2px solid transparent; font-weight: bold; cursor: pointer; }
.fixedAnchor_itemLink[data-anchor-current="true"] { border-bottom-color: #1b1b1b; }

/* .fixedTabs.-current */
.fixedTabs { transition: all 0.3s; margin: -79px auto 0; position: absolute; top: 70px; width: 1176px; left: 0; right: 0; }
.fixedTabs.-current { position: fixed; top: 70px; margin-top: 0; width: 100%; transition: all 0.3s; z-index: 11; opacity: 1; animation-name: fadeinTop; animation-duration: .3s; animation-fill-mode: forwards; }
@keyframes fadeinTop { 0% { transform: translateY(-49px); } 100% { transform: translateY(0); } }

/* Section Heading 60px .anchorAdjustBox 69px */
.fr-heading.-h2 { padding-top: 21px; }


/* ==========================================================
  04. Base Style SP Only
========================================================== */

/* ariakedesign */
body { background-color: #fff; }

/* .fr-breadcrumbs */
.fr-breadcrumbs { margin-right: 0; margin-left: 0; }
.fr-breadcrumbs.u-only-pc { margin-bottom: 0; }
.fr-breadcrumbs_inner { padding-top: 0; }

/* .fr-linkButton */
.fr-linkButton { display: flex; justify-content: center; align-items: center; line-height: 1.2; padding: 0; margin: 0; height: 48px; min-height: 48px; }

/* .fr-anchorButton */
.fr-anchorButton { box-shadow: none; }
.fr-anchorButton_item { width: 50%; }

/* .fr-pagetop */
.fr-pagetop { background: url(/jp/ja/contents/feature/shopping-guide/img/backtotop.svg) 50%/cover no-repeat; width: 40px; height: 40px; right: 15px; bottom: 65px; box-shadow: none; background-color: #fff; z-index: 9999; }

/* .baseflowColumns */
/* .baseflowColumns { display: flex; } */
.baseflowColumnsImg { width: auto; }
.baseflowColumnsTxt { flex: 1; }
.baseflowColumnsItems .baseflowColumnsImg { width: 32vw; }
.baseflowColumnsItems .baseflowColumnsTxt { padding-left: 4vw; }
.baseflowColumnsTxt > .fr-head {
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 20px;
}
.baseflowColumnsTxt > .fr-body {
	margin-top: 5px;
}
.center-outer {
	text-align: center;
}
.center-outer .more-link {
	display: inline-block;
	padding-right: 20px;
}
.more-link {
	margin-top: 18px;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
}
.more-link::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 5px;
	border-color: transparent transparent transparent #1b1b1b;
	position: absolute;
	top: 3px;
	left: 8px;
}
/*
.baseflowColumnsTxt > .more-link {
	margin-top: 18px;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
}
.baseflowColumnsTxt > .more-link::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 5px;
	border-color: transparent transparent transparent #1b1b1b;
	position: absolute;
	top: 3px;
	left: 8px;
}
*/

/* .coupon500Present */
.coupon500Present { background-color: #f3f3f3; }
.coupon500Present .fr-body { font-size: 17px; line-height: 25.5px; font-weight: bold; text-align: center; margin: 0; }
.coupon500Present .fr-body .red { font-size: 19px; line-height: 28.5px; color: #ff0000; }

/* .aboutService */
.readMore { font-weight: bold; text-decoration: underline; text-align: right; }

/* .txt-lists */
.txt-lists li { font-size: 13px; line-height: 19.5px; padding-left:1em; position:relative; }
.txt-lists li:before { content:"・"; position:absolute; left:0; top:0; }
.txt-lists + .fr-body { margin-top: 0; margin-bottom: 0; }

.txt-lists li.smallTxt:before { content:""; }

/* ==========================================================
  05. SHOP Style SP Only
========================================================== */

/* .fr-anchorButton */
#shop .fr-anchorButton_item:last-child { width: 100%; }




  /* ==========================================================
    01. Img Style PC Only
  ========================================================== */

  /* data-pc-aspect-ratio */
  [data-pc-aspect-ratio="700:1000"]:before { padding-top: calc((1000/700)*100%) }


  /* ==========================================================
    02. Collabo Style PC Only
  ========================================================== */

  /* .fr-globalHeader */
  .fr-globalHeader { padding-left: 0; padding-right: 0; }
  .fr-globalHeader_logo.-double { width: 90px; }
  .fr-globalHeader_logo.-double img { height: 40px; }
  .HeaderPageTitle { margin: -40px auto 0; line-height: 40px; font-size: 16px; }

  /* Footer */
  .fr-globalFooter_inner { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; width: 1226px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 25px; padding-right: 25px; }

  /* main */
  .fr-breadcrumbs,
  .main_inner { width: 1226px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; }

  /* .DrawerTrigger */
  .DrawerTrigger { right: 19px; top: 50%; margin-top: -25.5px; cursor: pointer; }
  .DrawerTrigger.-Close { top: 45px; right: 18px; }
  .Drawer-nav { width: 392px; }

  /* .DrawerMenu */
  .DrawerMenu { padding-left: 24px; padding-right: 24px; }
  .navMenu_Item { line-height: 24px; }

  /* .asideMedia */
  .asideMedia { padding: 28px 24px; }
  .asideMedia-Inner { flex-direction: row; justify-content: flex-start; align-items: center; max-width: 1176px; width: 100%; margin: 0 auto; }
  .asideMedia-MailMagazine,
  .asideMedia-UQApp { margin-left: 31px; }

  /* .fr-pagetop */
  .fr-pagetop { bottom: 103px; }


  /* ==========================================================
    03. FixedAnchor PC Only
  ========================================================== */

  /* .fixedAnchor */
  .fixedAnchor { width: auto; width: 1176px; left: 0; right: 0; padding: 0; margin-top: -83px; margin-right: auto; margin-left: auto;  top: 70px;}
  .fixedAnchor:not(.is-fixed) .itemSearchBlock {display: none!important;}
  .fixedAnchor.is-fixed { width: 1176px; margin-left: auto; margin-right: auto; }
  .fixedAnchor_item { flex: 1; height: 82px; }
  .fixedAnchor_itemLink { font-weight: 700; font-size: 17px; border-bottom: 4px solid transparent; }

  /* .fixedTabs.-current */
  .fixedTabs.-current { width: auto; width: 1176px; top: 70px; left: 0; right: 0; padding: 0; margin-right: auto; margin-left: auto; }
  @keyframes fadeinTop { 0% { transform: translateY(-76px); } 100% { transform: translateY(0); } }

  /* Section Heading 64px .anchorAdjustBox 83px */
  .sectionBox { margin-bottom: 36px; }
  #anchor_01.sectionBox { margin-bottom: 50px; }
  .anchorAdjustBox { padding-top: 152px; margin-top: -152px; }
  #fixedAnchor_1.anchorAdjustBox { padding-top: 152px; margin-top: -152px; }


  /* ==========================================================
    04. Base Style PC Only
  ========================================================== */

  /* .fr-pc-mb-xxxl */
  .fr-pc-mb-xxxl { margin-bottom: 64px; }

  /* .fr-breadcrumbs_inner */
  .u-only-pc .fr-breadcrumbs_inner { padding-bottom: 0; margin-left: auto; margin-right: auto; }

  /* .fr-tabs_item */
  .fr-tabs_item.-en { font-size: 17px; font-weight: bold; line-height: 23.8px; }

  /* .fr-heading */
  .fr-heading.-h2 { font-size: 30px; line-height: 41px; padding-top: 28px; font-weight: bold; }
  .fr-heading.-h3 { font-size: 21px; font-weight: bold; }
  .fr-heading.-h4 { font-size: 14px; line-height: 19.6px; }

  /* .u-align-pc-center */
  .u-align-pc-center { text-align: center; }

  /* .fr-linkButtonParent */
  .fr-linkButtonParent { max-width: 576px; margin-left: auto; margin-right: auto; }
  .fr-linkButton { max-width: 100%; height: 52px; min-height: 52px; border: 1px solid #1b1b1b; }

  /* .fr-anchorButton */
  .fr-anchorButton_item { flex: 1; }
  .fr-anchorButton_itemText { font-size: 16px; font-weight: bold; }

  /* .introduction */
  .introduction { max-width: 1035px; margin-left: auto; margin-right: auto; position: relative; }
  .introductionImg { width: calc((222/1035)*100%); position: absolute; left: 0; bottom: 0; }
  .introTitle.u-align-center { text-align: left; }

  /* Contents */
  #anchor-1 .fr-heading.-h2 { text-align: center; padding-top: 28px; }

  /* .coupon500Present */
  .coupon500Present { background-color: #fff; }
  .coupon500Present .fr-body { width: 53.3333333333%; margin-left: auto; margin-right: auto; font-size: 23px; line-height: 32.2px; padding-bottom: 13px; }
  .coupon500Present .fr-body .red { font-size: 23px; line-height: 32.2px; }

  /* .baseflowColumns */
  .baseflowColumnsItems .baseflowColumnsImg { width: calc((166/376)*100%); }
  .baseflowColumnsItems .baseflowColumnsTxt { padding-left: 24px; }
  .uqAppLogo { align-items: center; width: 50%; margin-left: auto; margin-right: auto; display: flex; }
  .uqAppLogo .baseflowColumnsImg { width: 61px; }
  .uqAppLogo .baseflowColumnsTxt { padding-left: 12px; }

  /* .aboutService */
  .aboutService { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
  .aboutService.fr-center {
    justify-content: center;
  }
  .aboutService.flexStart { justify-content: flex-start; }
  .itemsSpace { margin-right: calc((24/1176)*100%); }
  .aboutService.aboutServicePcCenter { justify-content: center; }
  .aboutServiceTitems { display: flex; flex-direction: column; }
  .twoColumns .aboutServiceTitems:nth-child(n + 3) { display: flex; flex-direction: column; border-top: solid 1px #DADADA; padding-top: 40px; }
  .threeColumns .aboutServiceTitems:nth-child(n + 4) { display: flex; flex-direction: column; border-top: solid 1px #DADADA; padding-top: 40px; }
  .aboutServiceTitems a { display: flex; }
  .aboutServiceTitems .fr-linkButtonParent { width: 100%; margin-top: auto; }
  .twoColumns .aboutServiceTitems { width: calc((576/1176)*100%); }
  .twoColumns .baseflowColumnsImg { width: calc((166/576)*100%); }
  .threeColumns .aboutServiceTitems { width: calc((376/1176)*100%); }
  .threeColumns.dummyBox:after { display: block; content:""; width: calc((376/1176)*100%); }
  .relatedServicesLists { display: flex; }
  .relatedServicesLists .aboutServiceTitems { width: calc((216/1176)*100%); }
  .relatedServicesLists .baseflowColumnsItems { flex-direction: column; }
  .relatedServicesLists .baseflowColumnsImg { width: 100%; }
  .relatedServicesLists .baseflowColumnsTxt { flex: 1 auto; padding-left: 0; }
  .relatedServicesLists .baseflowColumnsTxt .fr-body { margin-bottom: 0; }
  .readMore { text-align: left; }
  a:hover .readMore { text-decoration: none; }

  /* .contentsLastBnr */
  .contentsLastBnr { max-width: 576px; margin-left: auto; margin-right: auto; }

  /* .txt-lists */
  .txt-lists li { font-size: 14px; line-height: 19.6px; }
  .txt-lists.u-align-pc-center li:before { display: none; }
  .txt-lists.u-align-pc-center .u-only-pc { display: inline-block; }

  .txt-lists li.smallTxt { font-size: 13px; }

  /* ==========================================================
    05. SHOP Style SP Only
  ========================================================== */

  /* .fr-anchorButton */
  #shop .fr-anchorButton_item:last-child { flex: 1; }




@media all and (-ms-high-contrast: none) and (min-width: 1226px) {
  /* .fixedAnchor */
  .fixedAnchor { width: 100%; }
}
