@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap);

@font-face {
    font-family: 'Price';
    src: url(../fonts/font.woff) format('woff');
    font-weight: 700;
}

.note-tip-balloon,
.note-tip-balloon *,
.uqc,
.uqc * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	font-style: normal;
	font-family: inherit;
	line-height: inherit;
	color: inherit;
	font-feature-settings: "palt";
}
.uqc {
	position: relative;
	overflow: hidden;
	background-color: #fff;
	background: #fff;
	font-family: HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
	font-weight: 400;
	font-size: 1pc;
	line-height: 1.7;
	color: #000;
}
.uqc ul {
	list-style-type: none;
}
.uqc table {
	border-collapse: collapse;
}
.uqc a,
.uqc button {
	cursor: pointer;
}
.uqc img {
	display: block;
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}
.uqc .section-price-waribiki .container .price-list {
	margin-top:20px;
}
.uqc .section-price-waribiki .container .price-list .price-list-sp{
	display:none;
}
.uqc sup {
	display: inline-block;
	font-size: 100%;
	vertical-align: baseline;
	transform-origin: 50% 20%;
	transform: scale(.66);
}
.uqc button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	outline: 0;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.uqc section {
	min-width: auto;
	min-width: initial;
}
.uqc .color-red {
	color: #f00;
}
.uqc .color {
	color: #e73079;
}
.uqc a.link {
	text-decoration: underline;
	color: #e4007d;
}
.uqc a.link:hover {
	text-decoration: none;
}
.uqc a.underline {
	text-decoration: underline;
}
.uqc .link-pdf,
.note-tip-balloon .link-pdf {
	display: inline-block;
	position: relative;
	padding: 0 1.3em 0 0;
}
.uqc .link-pdf::after,
.note-tip-balloon .link-pdf::after {
	content: '　';
	position: absolute;
	top: -0.1em;
	right: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('../img/icon-pdf.png');
	background-size: contain;
}
.uqc .note {
	font-size: 12px;
	line-height: 1.66;
}
.uqc .container {
	overflow: visible;
	position: relative;
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
	max-width: 912px;
	width: 100%;
}
.note-tip-balloon .monospace,
.uqc .monospace {
	font-family: monospace;
}
.note-tip-balloon .jp-bold,
.note-tip-balloon .jp-bold-ex,
.uqc .jp-bold,
.uqc .jp-bold-ex {
	font-family: "Noto Sans JP", "Droid Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-feature-settings: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}
.note-tip-balloon .jp-bold,
.uqc .jp-bold {
	font-weight: 700;
}
.note-tip-balloon .jp-bold-ex,
.uqc .jp-bold-ex {
	font-weight: 900;
}
.note-tip-balloon .en,
.uqc .en {
	font-family: Price;
}
#size-check {
	height: 0;
}
@media screen and (max-width:768px) {
	.uqc .container {
		padding-left: 4.66667vw;
		padding-right: 4.66667vw;
	}
	#size-check {
		display: none;
	}
	.uqc .section-price-waribiki .container .price-list .price-list-sp{
		display:block;
	}
	.uqc .section-price-waribiki .container .price-list .price-list-pc {
		display:none;
	}
}
@media screen and (min-width:769px) {
	.note-tip-balloon .hidden-pc,
	.note-tip-balloon .visible-sp,
	.uq-content .hidden-pc,
	.uq-content .visible-sp {
		display: none !important;
	}
}
@media screen and (max-width:768px) {
	.note-tip-balloon .hidden-sp,
	.note-tip-balloon .visible-pc,
	.uq-content .hidden-sp,
	.uq-content .visible-pc {
		display: none !important;
	}
}

/*
	チップ
*/
.uqc .note-tip-overlay {
	display: none;
	position: fixed;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1)
}
.uqc .note-tip-overlay {
	display: none;
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1):
}
.note-tip-balloon {
	display: none;
	position: absolute;
	top: 0;
	width: 470px;
	margin: 20px 0 0;
	z-index: 110;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "BIZ UDPGothic", Meiryo, sans-serif;
	font-weight: 400;
	color: #000;
}
.note-tip-balloon .frame {
	position: relative;
	padding: 20px;
	border: 2px solid #000;
	border-radius: 10px;
	background: #fff;
	font-size: 13px;
	line-height: 1.6;
}
.note-tip-balloon .frame .tail {
	display: block;
	position: absolute;
	top: -18px;
	left: 0;
}
.note-tip-balloon .frame .tail::before,
.note-tip-balloon .frame .tail::after {
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
	height: 0;
	content: '';
	display: block;
	border-style: solid;
	border-width: 0 8px 18px;
}
.note-tip-balloon .frame .tail::before {
	border-color: transparent transparent #000;
}
.note-tip-balloon .frame .tail:after {
	top: 5px;
	border-color: transparent transparent #fff;
}
.note-tip-balloon .frame .block {
	display: none;
}
.note-tip-balloon .frame .block .margin {
	margin: 1.5em 0 0;
}
.note-tip-balloon .frame .block .h {
	margin: 0 0 .7em;
	font-size: 18px;
	color: #e73079;
}
.note-tip-balloon .frame .block a {
	text-decoration: underline;
	color: #e73079;
}
.note-tip-balloon .frame .block a:hover {
	text-decoration: none;
}
.note-tip-balloon .frame .block .icon {
	margin: -10px 0 0 0;
}
.note-tip-balloon .frame .block .icon img {
	display: block;
	margin: 0 auto;
	width: 100px;
}
.note-tip-balloon .frame .note-tip-close {
	margin: 15px 0 0;
}
.note-tip-balloon .frame .note-tip-close a {
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #a0a0a0 url(../img/icon-close.svg) 50% 50% no-repeat;
	background-size: 12px 12px;
	cursor: pointer;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.note-tip-balloon .frame .note-tip-close a:hover {
	opacity: .7;
}
@media screen and (max-width: 768px) {
	.uqc .note-tip-btn a {
		height: 26px;
		font-size: 13px;
	}
	.uqc .note-tip-btn a i {
		width: 16px;
		height: 16px;
		font-size: 12px;
	}
	.note-tip-balloon {
		padding: 0 40px;
		width: 100%;
	}
	.note-tip-balloon .frame {
		padding: 5.33333vw 4vw;
		border-radius: 8px;
		font-size: 3.73333vw;
	}
	.note-tip-balloon .frame .tail {
		margin-left: -40px;
	}
	.note-tip-balloon .frame .note-tip-close a {
		width: 30px;
		height: 30px;
	}
}

/*
	背景カラー
*/
.base-color-gray {
	background-color: #ebebeb;
}
.base-color-blue {
	background-color: #d0eff5;
}
.base-color-pink {
	background-color: #f7c8d9;
}

/*
	ボタン関連
*/
.uqc .btn-layout-single {
	display: flex;
	justify-content: center;
	align-items: center;
}
.uqc .btn-simple {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 320px;
	min-height: 50px;
	border: 1px solid #000;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .uqc .btn-simple:hover {
	opacity: 0.7;
}
.uqc .btn-simple span {
	display: flex;
	position: relative;
	padding: 0 30px 0 15px;
}
.uqc .btn-simple span::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	background-image: url('../img/icon-btn-arrow-b.svg');
	background-size: contain;
}
.uqc .btn-simple.link-anchor span::after {
	transform: translateY(-50%) rotate(90deg);
}
.uqc .btn-fill,
.uqc .btn-outline {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 65px;
	border-width: 1px;
	border-style: solid;
	border-radius: 25px;
	box-shadow: 0 5px 0 #000;
	font-weight: 700;
	font-size: 17px;
	text-align: center;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
	text-decoration: none !important;
	line-height: 1.5;
}
.os-pc .uqc .btn-fill:hover,
.os-pc .uqc .btn-outline:hover {
	opacity: 0.7;
}
.uqc .btn-fill > span,
.uqc .btn-outline > span {
	position: relative;
}
.uqc .btn-fill {
	border-color: #e4007f;
	background-color: #e4007f;
	color: #fff;
}
.uqc .btn-outline {
	border-color: #000;
	background-color: #fff;
}
.uqc .btn-apply i {
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	width: 32px;
	transform: translateY(-50%);
}
.uqc .btn-apply i::before {
	content: '';
	display: block;
	padding-top: 81.8%;
	height: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/icon-btn-online-w.svg);
}
.uqc .btn-apply::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 28px;
	height: 28px;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/icon-btn-blank-w.svg);
}
.uqc .btn-flow {
	border-color: #e4007f;
	box-shadow: 0 5px 0 #e4007f;
}
.uqc .btn-flow > span {
	padding: 0 30px;
}
.uqc .btn-flow i {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 25px;
	transform: translateY(-50%);
}
.uqc .btn-flow i::before {
	content: '';
	display: block;
	padding-top: 100%;
	height: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/icon-btn-flow.svg);
}
.uqc .btn-flow::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 28px;
	height: 28px;
	transform: translateY(-50%) rotate(90deg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/icon-btn-arrow.svg);
}
.uqc .btn-net i {
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	width: 32px;
	transform: translateY(-50%);
}
.uqc .btn-net i::before {
	content: '';
	display: block;
	padding-top: 81.8%;
	height: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/icon-btn-net.svg);
}
.uqc .btn-net::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 28px;
	height: 28px;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/icon-btn-blank-w.svg);
}
.uqc .btn-denki i {
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	width: 42px;
	transform: translateY(-50%);
}
.uqc .btn-denki i::before {
	content: '';
	display: block;
	padding-top: 81.8%;
	height: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/icon-btn-denki.svg);
}
.uqc .btn-denki::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 28px;
	height: 28px;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/icon-btn-blank-w.svg);
}
.uqc .btn-link::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 28px;
	height: 28px;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/icon-btn-arrow-b.svg);
}
@media screen and (max-width:768px) {
	.uqc .btn-simple {
		padding: 0.8em 0.3em;
		min-width: 290px;
	}
	.uqc .btn-simple span {
		padding: 0 30px 0 25px;
	}
	.uqc .btn-fill,
	.uqc .btn-outline {
		padding: 0.5em 0;
		min-height: 60px;
		border-radius: 22px;
		box-shadow: 0 3px 0 #000;
		font-size: 16px;
		line-height: 1.4;
	}
	.uqc .btn-flow {
		box-shadow: 0 3px 0 #e4007f;
	}
	.uqc .btn-apply::after,
	.uqc .btn-net::after {
		right: 15px;
		width: 24px;
		height: 24px;
	}
	.uqc .btn-flow::after,
	.uqc .btn-link::after {
		right: 15px;
		width: 24px;
		height: 24px;
	}
}

/*
	コンテンツタブ
*/
.uqc-content-tab {
	padding: 50px 0 10px 0;
}
.uqc-content-tab ul {
	display: flex;
	border: 3px solid #000;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 0 0 #000;
}
.uqc-content-tab ul li {
	position: relative;
	flex-basis: 25%;
}
.uqc-content-tab ul li.current::before {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	bottom: 4px;
	right: 7px;
	left: 5px;
	background-color: #e4007f;
	border-radius: 5px;
}
.uqc-content-tab ul li:last-child.current::before {
	right: 5px;
}
.uqc-content-tab ul li a {
	position: relative;
	overflow: hidden;
	display: block;
	height: 84px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	text-indent: -999em;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .uqc-content-tab ul li a:hover {
	opacity: 0.7;
}
.os-pc .uqc-content-tab ul li.current a:hover {
	opacity: 1;
}
.uqc-content-tab ul li a:after {
	content: '';
	display: block;
	position: absolute;
	top: 11px;
	bottom: 11px;
	right: 0;
	width: 2px;
	background-color: #000;
}
.uqc-content-tab ul li:last-child a:after {
	content: none;
}
.uqc-content-tab ul li.tab01 a {
	background-image: url(../img/tab01-pc.svg);
}
.uqc-content-tab ul li.tab01.current a {
	background-image: url(../img/tab01-pc-on.svg);
}
.uqc-content-tab ul li.tab02 a {
	background-image: url(../img/tab02-pc.svg);
}
.uqc-content-tab ul li.tab02.current a {
	background-image: url(../img/tab02-pc-on.svg);
}
.uqc-content-tab ul li.tab03 a {
	background-image: url(../img/tab03-pc.svg);
}
.uqc-content-tab ul li.tab03.current a {
	background-image: url(../img/tab03-pc-on.svg);
}
.uqc-content-tab ul li.tab04 a {
	background-image: url(../img/tab04-pc.svg);
}
.uqc-content-tab ul li.tab04.current a {
	background-image: url(../img/tab04-pc-on.svg);
}
@media screen and (max-width:768px) {
	.uqc-content-tab {
		padding: 30px 0 10px 0;
	}
	.uqc-content-tab ul {
		border-width: 2px;
		border-radius: 5px;
		box-shadow: 0 5px 0 0 #000
	}
	.uqc-content-tab ul li {
		flex-basis: 25%;
	}
	.uqc-content-tab ul li.current::before {
		top: 3px;
		bottom: 3px;
		right: 4px;
		left: 3px;
		border-radius: 3px
	}
	.uqc-content-tab ul li:last-child.current::before {
		right: 3px
	}
	.uqc-content-tab ul li a {
		padding-top: 112.5%;
		height: 0
	}
	.uqc-content-tab ul li a:after {
		top: 11px;
		bottom: 11px;
		width: 1px;
	}
	.uqc-content-tab ul li.tab01 a {
		background-image: url(../img/tab01-sp.svg);
	}
	.uqc-content-tab ul li.tab01.current a {
		background-image: url(../img/tab01-sp-on.svg);
	}
	.uqc-content-tab ul li.tab02 a {
		background-image: url(../img/tab02-sp.svg);
	}
	.uqc-content-tab ul li.tab02.current a {
		background-image: url(../img/tab02-sp-on.svg);
	}
	.uqc-content-tab ul li.tab03 a {
		background-image: url(../img/tab03-sp.svg);
	}
	.uqc-content-tab ul li.tab03.current a {
		background-image: url(../img/tab03-sp-on.svg);
	}
	.uqc-content-tab ul li.tab04 a {
		background-image: url(../img/tab04-sp.svg);
	}
	.uqc-content-tab ul li.tab04.current a {
		background-image: url(../img/tab04-sp-on.svg);
	}
}

/*
	すべて表示
*/
@media screen and (min-width:769px) {
	.uqc .readmore-outer {
		height: auto !important;
	}
	.uqc .readmore-btn {
		display: none;
	}
}
@media screen and (max-width:768px) {
	.uqc .readmore-wrap {
		position: relative;
		font-size: 12px;
	}
	.uqc .readmore-outer {
		position: relative;
		overflow: hidden;
		height: 3.8em;
	}
	.uqc .readmore-outer::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3.8em;
		background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
		transition: all 0.2s ease;
	}
	.uqc .readmore-inner {
		padding: 0 0 45px 0;
	}
	.uqc .opened .readmore-outer::after {
		bottom: -3.8em;
	}
	.uqc .readmore-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		bottom: 0;
		left: 50%;
		padding: 0 15px;
		height: 35px;
		border-radius: 5px;
		background-color: #818181;
		font-size: 13px;
		color: #fff;
		white-space: nowrap;
		transform: translateX(-50%);
	}
	.uqc .readmore-btn i {
		position: relative;
		display: block;
		margin: 0 10px 0 0;
		width: 20px;
		height: 20px;
		border-radius: 5px;
		background-color: #fff;
	}
	.uqc .readmore-btn i::before,
	.uqc .readmore-btn i::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		background-color: #969696;
		transform: translate(-50%, -50%);
	}
	.uqc .readmore-btn i::before {
		width: 10px;
		height: 2px;
	}
	.uqc .readmore-btn i::after {
		width: 2px;
		height: 10px;
	}
	.uqc .readmore-closer i::after {
		content: none;
	}
	.uqc .readmore-closer {
		display: none;
	}
	.uqc .opened .readmore-opener {
		display: none;
	}
	.uqc .opened .readmore-closer {
		display: flex;
	}
}

/*
	料金シミュレーションバナー
*/
.uqc .banner-simulation {
	margin: 40px 0;
}
.uqc .banner-simulation a {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 560px;
	border-radius: 20px;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .uqc .banner-simulation a:hover {
	opacity: 0.7;
}
@media screen and (max-width:768px) {
	.uqc .banner-simulation {
		margin: 30px 0;
	}
	.uqc .banner-simulation a {
		width: 100%;
		border-radius: 3.33vw;
	}
}

/*
	見出し関連
*/
.uqc .headline-type01 {
	margin: 0 auto;
	width: 440px;
	height: 90px;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	font-size: 27px;
	line-height: 1.2;
}
.uqc .headline-type01 span {
	display: block;
	padding: 21px 0 0 0;
}
.uqc .headline-type02 {
	margin: 0 auto;
	width: 340px;
	height: 65px;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
}
.uqc .headline-type02 span {
	display: block;
	padding: 18px 0 0 0;
}
.uqc .heading-primary {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 16px;
	line-height: 1.38;
}
.uqc .heading-primary span {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	min-height: 2.8em;
}
.uqc .heading-primary span::before,
.uqc .heading-primary span::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0.2em;
	width: 32px;
	height: 32px;
	background-size: cover;
}
.uqc .heading-primary span::before {
	right: 100%;
	margin-right: 0.4em;
	background-image: url('../img/line-ttl-l.svg');
}
.uqc .heading-primary span::after {
	left: 100%;
	margin-left: 0.4em;
	background-image: url('../img/line-ttl-r.svg');
}
@media screen and (max-width:768px) {
	.uqc .headline-type01 {
		width: 90.6vw;
		height: 18.6vw;
		font-size: 5.8vw;
	}
	.uqc .headline-type01 span {
		padding: 4.2vw 0 0 0;
	}
	.uqc .headline-type02 {
		width: 74.6vw;
		height: 16vw;
		font-size: 4.9vw;
	}
	.uqc .headline-type02 span {
		padding: 4vw 0 0 0;
	}
	.uqc .heading-primary {
		font-size: 18px;
	}
	.uqc .heading-primary span::before,
	.uqc .heading-primary span::after {
		width: 32px;
		height: 32px;
	}
}

/*
	UQ mobileにお申し込み
*/
@media screen and (min-width:769px) {
	.uqc .apply-wrap {
		margin: 40px 0;
	}
	.uqc .apply-wrap .container {
		max-width: 812px;
	}
	.uqc .apply-wrap .row {
		display: flex;
		justify-content: center;
		margin: 0 -15px;
	}
	.uqc .apply-wrap .row > div {
		flex-basis: 50%;
		padding: 0 15px;
	}
	.uqc .apply-uq .btn-apply {
		min-height: 80px;
	}
	.uqc .apply-uq h2 {
		margin: 0 0 10px 0;
	}
	.uqc .apply-uq .note {
		margin: 15px 0 0 0;
		padding: 0 10px;
	}
	.uqc .apply-setwari h2 {
		margin: 0 0 10px 0;
	}
	.uqc .apply-setwari .btn-flow {
		min-height: 80px;
	}
}
@media screen and (max-width:768px) {
	.uqc .apply-wrap {
		margin: 20px 0 0 0;
	}
	.uqc .apply-wrap.single {
		margin-bottom: 30px;
	}
	.uqc .banner-simulation + .apply-wrap {
		margin: -10px 0 0 0;
	}
	.uqc .apply-uq h2 {
		margin: 0 0 5px 0;
	}
	.uqc .apply-uq .note {
		margin: 4vw 0 0 0;
	}
	.uqc .apply-setwari h2 {
		margin: 0 0 10px 0;
	}
	.uqc .apply-setwari {
		margin: 20px 0 0 0;
	}
	.uqc .apply-wrap .apply-setwari {
		margin: 20px 0 30px 0;
	}
	.uqc .apply-wrap .btn-apply i {
		display: none;
	}
}

/*
	Pontaポイントもたまります
*/
.uqc .info-ponta {
	margin: 40px 0 50px 0;
}
.uqc .info-ponta .frame {
	display: flex;
	gap: 0 10px;
	align-items: center;
	margin: 0 auto;
	padding: 20px 10px;
	max-width: 560px;
	border: 4px solid #f57a00;
	border-radius: 3px;
}
.uqc .info-ponta .frame .note {
	padding-top: 10px;
	font-size: 11px;
}
.uqc .info-ponta .left > img,
.uqc .info-ponta .right > img {
	max-width: 90px;
}

.uqc .info-ponta h2 {
	flex: 1;
	font-size: 12px;
	line-height: 1.5;
}
.uqc .info-ponta h2 > span {
	display: inline-block;
}
.uqc .info-ponta h2 > .point {
	display: block;
	padding-bottom: 10px;
	color: #f57a00;
	font-size: 27px;
	line-height: 1.2;
}

.uqc .info-ponta a {
	display: inline-block;
	font-size: 11px;
	line-height: 1.8;
	text-decoration: underline;
}
.uqc .info-ponta a:hover {
	text-decoration: none;
}
.uqc .info-ponta .icon-blank {
	position: relative;
}
.uqc .info-ponta .icon-blank::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translateY(-50%);
	width: 15px;
	aspect-ratio: 1/0.757;
	background: url(../img/icn_blank_pink.svg) no-repeat center/cover;

}
@media screen and (max-width:768px) {
	.uqc .info-ponta {
		margin: 30px 0 40px 0;
	}
	.uqc .info-ponta .frame {
		flex-direction: column;
		padding: 17px;
		max-width: 100%;
		border-radius: 5px;
	}
	.uqc .info-ponta .head {
		display: block;
		margin: 0 0 3vw 0;
	}
	.uqc .info-ponta .head h2 {
		font-size: 3.6vw;
	}
	.uqc .info-ponta .head h2 > span {
		display: block;
	}
	.uqc .info-ponta .head h2 > span:nth-child(2) {
		font-size: 11vw;
	}
	.uqc .info-ponta .frame .wrap {
		display: flex;
		justify-content: space-evenly;
		width: 100%;
	}
	.uqc .info-ponta .frame .wrap > img {
		max-width: 140px;
	}
}

/*
	メイン
*/
.uqc .kv-area {
	position: relative;
	background-repeat: repeat-x;
	background: url(../img/hero-pc-bg.jpg);
	background-color: #fff;
}
.uqc .kv-area::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	background-color: #fff;
}
.kv-area h1 {
	margin: 0 auto;
	max-width: 980px;
}

/*
	メイン注釈
*/
.section-hero-note {
	padding: 20px 0;
}
.section-hero-note .note {
	margin: 20px 0 0 0;
	text-align: center;
}
@media screen and (max-width:768px) {
	.section-hero-note .note {
		margin: 10px 0 0 0;
		padding: 0 4.66vw;
		text-align: left;
	}
}

/*
	家族全員スマホ代がお得に！
*/
.section-otoku {
	padding-top: 20px;
}
.section-otoku .frame {
	padding: 20px 50px;
	background-color: #fff;
	border-radius: 10px;
}
.section-otoku h2 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.section-otoku h2 > i {
	display: block;
}
.section-otoku h2 > i > span {
	display: block;
	padding: 8px 10px;
	background-color: #e4007f;
	border-radius: 10px;
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
}
.section-otoku h2 > span {
	display: block;
	padding: 0 0 5px 15px;
	font-size: 16px;
	line-height: 1.2;
}
.section-otoku h2 > span > span {
	font-size: 153%;
}
@media screen and (min-width:769px) {
	.section-otoku .otoku {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row-reverse;
		margin: 10px 0 0 0;
	}
	.section-otoku .otoku h3 {
		padding: 0 0 0 30px;
		text-align: center;
		font-size: 17px;
		line-height: 1.2;
	}
	.section-otoku .otoku h3 span {
		font-size: 153%;
	}
	.section-otoku .otoku h3 sup {
		margin: 0 -0.3em;
		transform: scale(0.5);
	}
	.section-otoku .otoku .img {
		flex-basis: 280px;
	}
}
@media screen and (max-width:768px) {
	.section-otoku .frame {
		padding: 15px 4.66vw 20px 4.66vw;
		border-radius: 5px;
	}
	.section-otoku h2 {
		justify-content: flex-start;
		align-items: flex-start;
	}
	.section-otoku h2 > i > span {
		padding: 2vw 1.6vw;
		border-radius: 1.33vw;
		font-size: 3.4vw;
	}
	.section-otoku h2 > span {
		padding-left: 2.6vw;
		font-size: 4vw;
	}
	.section-otoku h2 > span > span {
		font-size: 140%;
	}
	.section-otoku .otoku h3 {
		margin: 2.8vw 0 1vw 0;
		text-align: center;
		font-size: 4.9vw;
	}
	.section-otoku .otoku .img {
		margin: 0 auto 1vw auto;
		width: 90%;
	}
}

/*
	【タブ】コース
*/
.uqc-course-tab {
	position: relative;
}
.uqc-course-tab::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 3;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000;
}
.uqc-course-tab .labels {
	display: flex;
	align-items: flex-end;
	margin: 0 auto;
	max-width: 696px;
}
.uqc-course-tab label {
	display: block;
	flex-basis: 50%;
	text-align: center;
}
.uqc-course-tab label span {
	position: relative;
	display: block;
	border: 2px solid #000;
	border-bottom: 0;
	line-height: 1.6;
	color: #000;
	transition: background-color .2s cubic-bezier(.39, .575, .565, 1);
}
.uqc-course-tab label span img {
	margin: 0 auto;
}
.uqc-course-tab .tab-course-net span {
	background-color: #79e5f1;
}
.os-pc .uqc-course-tab .tab-course-net:hover span {
	background-color: #b3e6f0;
}
.uqc-course-tab .tab-course-denki span {
	background-color: #f3f146;
}
.os-pc .uqc-course-tab .tab-course-denki:hover span {
	background-color: #fdf6a4;
}
input.tab-check-course-net:checked ~ .uqc-course-tab .tab-course-net span,
input.tab-check-course-denki:checked ~ .uqc-course-tab .tab-course-denki span {
	z-index: 2;
}
.os-pc input.tab-check-course-net:checked ~ .uqc-course-tab .tab-course-net span {
	background-color: #79e5f1;
}
.os-pc input.tab-check-course-denki:checked ~ .uqc-course-tab .tab-course-denki span {
	background-color: #f3f146;
}
@media screen and (min-width:769px) {
	.uqc-course-tab {
		padding: 0 50px 2px 50px;
	}
	.uqc-course-tab .labels {
		margin: 0 auto;
		max-width: 700px;
	}
	.uqc-course-tab label span {
		padding: 9px 0;
		border-radius: 10px 10px 0 0;
		font-size: 18px;
	}
	.uqc-course-tab label span img {
		width: 66%;
	}
	.uqc-course-tab .tab-course-net br {
		display: none;
	}
	input.tab-check-course-net:checked ~ .uqc-course-tab .tab-course-net span,
	input.tab-check-course-denki:checked ~ .uqc-course-tab .tab-course-denki span {
		padding: 14px 0;
		font-size: 22px;
	}
	input.tab-check-course-net:checked ~ .uqc-course-tab .tab-course-net span img,
	input.tab-check-course-denki:checked ~ .uqc-course-tab .tab-course-denki span img {
		width: 82%;
	}
	input.tab-check-course-net:checked ~ .uqc-course-tab .tab-course-net span {
		margin-right: -1px;
	}
	input.tab-check-course-net:checked ~ .uqc-course-tab .tab-course-denki span {
		margin-left: -1px;
		border-radius: 0 10px 0 0;
	}
	input.tab-check-course-denki:checked ~ .uqc-course-tab .tab-course-denki span {
		margin-left: -1px;
	}
	input.tab-check-course-denki:checked ~ .uqc-course-tab .tab-course-net span {
		margin-right: -1px;
		border-radius: 10px 0 0 0;
	}
}
@media screen and (max-width:768px) {
	.uqc-course-tab {
		padding: 0 4.66vw 2px 4.66vw;
	}
	.uqc-course-tab label span {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 12vw;
		border-radius: 2vw 2vw 0 0;
		font-size: 3.73vw;
		line-height: 1.3;
	}
	.uqc-course-tab label span img {
		width: 88%;
	}
	.uqc-course-tab .tab-course-net br {
		display: block;
	}
	input.tab-check-course-net:checked ~ .uqc-course-tab .tab-course-net span,
	input.tab-check-course-denki:checked ~ .uqc-course-tab .tab-course-denki span {
		min-height: 15.73vw;
		padding: 0;
		font-size: 4.4vw;
	}
	input.tab-check-course-net:checked ~ .uqc-course-tab .tab-course-net span br {
		display: none;
	}
	input.tab-check-course-net:checked ~ .uqc-course-tab .tab-course-net span img,
	input.tab-check-course-denki:checked ~ .uqc-course-tab .tab-course-denki span img {
		width: 82%;
	}
	input.tab-check-course-net:checked ~ .uqc-course-tab .tab-course-net span {
		margin-right: -8.6vw;
	}
	input.tab-check-course-net:checked ~ .uqc-course-tab .tab-course-denki span {
		padding-left: 8.6vw;
	}
	input.tab-check-course-denki:checked ~ .uqc-course-tab .tab-course-denki span {
		margin-left: -8.6vw;
	}
	input.tab-check-course-denki:checked ~ .uqc-course-tab .tab-course-net span {
		padding-right: 8.6vw;
	}
}
.uqc-course-items .item {
	display: none;
}
input.tab-check-course-net:checked ~ .uqc-tab-items .item-net,
input.tab-check-course-denki:checked ~ .uqc-tab-items .item-denki {
	display: block;
}

/*
	コース
*/
.section-course {
	padding: 30px 0 50px 0;
}
.uqc-course-items {
	font-size: 14px;
}
.section-course .item-net {
	background-color: #b3e6f0;
}
.section-course .item .info {
	line-height: 1.3;
}
.section-course .item .info .block {
	display: flex;
}
.section-course .item .info .box {
	overflow: hidden;
	border-radius: 10px;
	background-color: #fff;
}
.section-course .item .info .box .h {
	display: flex;
	justify-content: center;
	align-items: center;
}
.section-course .item .info .box1 .h .phone img {
	margin: 0 auto;
}
.section-course .item .info .box1 .h dd span {
	display: block;
}
.section-course .item .info .copy p {
	/* border: 1px solid #000; */
	border-radius: 8px;
	text-align: center;
	font-size: 13px;
}
.section-course .item .info .copy p .jp-bold-ex {
	font-size: 90%;
	font-weight: 300;

}
.section-course .item .info .plus {
	display: flex;
	align-items: center;
	width: 80px;
}
.section-course .item .info .plus img {
	margin: 0 auto;
	width: 40px;
}
/**/
.section-course .item-net {
	padding: 50px 47px 30px 47px;
}
.section-course .item-net .info {
	padding: 0 0 30px 0;
}
.section-course .item-net .info .box1 {
	padding: 15px;
}
.section-course .item-net .info .box1 .h {
	padding: 5px 0 20px 0;
}
.section-course .item-net .info .box1 .h .phone {
	flex-basis: 64px;
}
.section-course .item-net .info .box1 .h .phone img {
	width: 54px;
}
.section-course .item-net .info .box1 .h dl {
	padding: 0 0 0 5px;
	font-size: 13px;
}
.section-course .item-net .info .box1 .h dt {
	width: 94px;
}
.section-course .item-net .info .box1 .copy p {
	padding: 5px;
	width: 135px;
    margin: 0 auto;
    text-align: left;
}
.section-course .item-net .info .box1 .copy p .br {
	display: none;
}
.section-course .item-net .info .boxs {
	display: flex;
	position: relative;
	flex: 1;
	margin: 0 -5px;
}
.section-course .item-net .info .boxs h3 {
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
}
.section-course .item-net .info .boxs h3 > span {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 0 4px;
}
.section-course .item-net .info .boxs h3 > span > span {
	position: relative;
	display: block;
	padding: 0 20px;
	background-color: #b3e6f0;
}
.section-course .item-net .info .boxs h3 > span i {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	border-top: 1px solid #000;
}
.section-course .item-net .info .boxs h3 > span i::before,
.section-course .item-net .info .boxs h3 > span i::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	height: 10px;
	width: 1px;
	background-color: #000;
}
.section-course .item-net .info .boxs h3 > span i::before {
	left: 0;
}
.section-course .item-net .info .boxs h3 > span i::after {
	right: 0;
}
.section-course .item-net .info .boxs .box {
	position: relative;
	margin: 0 5px;
	padding: 3px 2px 40px 2px;
	flex-basis: 33.333%;
}
.section-course .item-net .info .boxs .box .image img {
	margin: 0 auto;
	max-width: 100px;
}
.section-course .item-net .info .boxs .box .text {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 3.4em;
	font-size: 13px;
}
.section-course .item-net .info .boxs .box .text p {
	text-align: center;
}
.section-course .item-net .info .boxs .box .text p .br {
	display: none;
}
.section-course .item-net .info .boxs .box .text p sup {
	margin: 0 -0.2em;
}
.section-course .item-net .info .boxs .box .text ul {
	display: table;
	margin: 0 auto;
	font-size: 11px;
}
.section-course .item-net .info .boxs .box a {
	display: block;
	position: absolute;
	bottom: 8px;
	left: 50%;
	margin: 0 0 0 -15px;
	width: 30px;
	height: 30px;
	background-image: url('../img/course-tip-opener-pc.svg');
	background-size: contain;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.section-course .item-net .info .boxs .box a.opened {
	background-image: url('../img/course-tip-closer-pc.svg');
}
.os-pc .section-course .item-net .info .boxs .box a:hover {
	opacity: 0.7;
}
/**/
.section-course .item-denki {
	padding: 50px 47px 30px 47px;
	background-color: #fdf6a4;
}
.section-course .item-denki .info {
	padding: 0 0 40px 0;
}
.section-course .item-denki .info .box {
	flex: 1;
}
.section-course .item-denki .info .box1 {
	display: flex;
	align-items: center;
	padding: 25px 15px 25px 10px;
}
.section-course .item-denki .info .box1 .h {
	justify-content: flex-start;
	flex: 1;
}
.section-course .item-denki .info .box1 .h .phone {
	flex-basis: 50px;
}
.section-course .item-denki .info .box1 .h .phone img {
	width: 40px;
}
.section-course .item-denki .info .box1 .h dl {
	flex: 1;
	font-size: 14px;
}
.section-course .item-denki .info .box1 .h dt {
	margin: 0 0 3px 0;
	width: 80px;
}
.section-course .item-denki .info .box1 .copy p {
	padding: 5px;
	width: 135px;
    margin: 0 auto;
    text-align: left;
}
.section-course .item-denki .info .box2 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.section-course .item-denki .info .box2 > .lead {
	position: relative;
	color: #eb5405;
	text-align: center;
	font-size: 12px;
}

.section-course .item-denki .info .box2 > .lead::before {
	left: -20px;
	clip-path: polygon(0 0, 15% 0, 100% 100%, 85% 100%);
}
.section-course .item-denki .info .box2 > .lead::after {
	right: -20px;
	clip-path: polygon(85% 0, 100% 0, 15% 100%, 0 100%);
	
}
.section-course .item-denki .info .box2 > .lead::before,
.section-course .item-denki .info .box2 > .lead::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: #eb5405;
	
}
.section-course .item-denki .info .box2 .image {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 240px;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.section-course .item-denki .info .box2 .wrap > .logo {
	margin-top: 15px;
}
.section-course .item-denki .info .box2 .wrap > a {
	position: relative;
	display: inline-block;
	color: #e4007d;
	text-decoration: underline;
}
.os-pc .section-course .item-denki .info .box2 .wrap > a:hover {
	opacity: 0.7;
	text-decoration: none;
}
.section-course .item-denki .info .box2 .wrap > a::after {
	content: "";
	position: absolute;
	top: 55%;
	right: -20px;
	transform: translateY(-50%);
	width: 17px;
	aspect-ratio: 1/0.757;
	background: url(../img/icn_blank_pink.svg) no-repeat center/cover;
}
.section-course .note .uqv2-parts-textlink--keycolor {
	color: inherit;
}
@media screen and (max-width:920px) {
	.section-course .item .info .block {
		display: block;
	}
	.section-course .item .info .plus {
		padding: 20px 0;
		width: 100%;
	}
	.section-course .item-net .info .boxs {
		padding: 30px 0 0 0;
	}
	.section-course .item-net .info .boxs h3 {
		top: 0;
	}
	.section-course .item-net .info .box1,
	.section-course .item-denki .info .box1 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 25px;
		min-height: 120px;
	}
	.section-course .item-net .info .box1 .h,
	.section-course .item-denki .info .box1 .h {
		flex: 1;
		justify-content: flex-start;
		padding: 0 20px 0 0;
	}
	.section-course .item-net .info .box1 .h .phone,
	.section-course .item-denki .info .box1 .h .phone {
		flex-basis: 50px;
		flex-shrink: 0;
	}
	.section-course .item-net .info .box1 .h .phone img,
	.section-course .item-denki .info .box1 .h .phone img {
		width: 40px;
	}
	.section-course .item-net .info .box1 .h dl,
	.section-course .item-denki .info .box1 .h dl {
		padding: 0 0 0 10px;
	}
	.section-course .item-net .info .box1 .h dt,
	.section-course .item-denki .info .box1 .h dt {
		margin: 0 0 3px 0;
		width: 80px;
	}
	.section-course .item-net .info .box1 .h dd,
	.section-course .item-denki .info .box1 .h dd {
		font-size: 18px;
	}
	.section-course .item-net .info .box1 .h dd span,
	.section-course .item-denki .info .box1 .h dd span {
		display: inline-block;
	}
	.section-course .item-net .info .box1 .copy p,
	.section-course .item-denki .info .box1 .copy p {
		padding: 5px;
		font-size: 15px;
	}
	.section-course .item-net .info .box1 .copy p .br,
	.section-course .item-denki .info .box1 .copy p .br,
	.section-course .item-net .info .box1 .copy p br,
	.section-course .item-denki .info .box1 .copy p br {
		display: none;
	}
	.section-course .item-denki .info .box2 {
		min-height: 120px;
	}
}
@media screen and (min-width:769px) {
	.section-course .uqc-course-tab {
		padding-bottom: 0;
	}
	.section-course .uqc-course-tab::after {
		content: none;
	}
	.section-course .item {
		border: 2px solid #000;
		border-radius: 10px;
	}
	.section-course .item .img {
		margin: 0 auto;
		max-width: 753px;
	}
	.section-course .item-net .note {
		margin: 25px 0 0 0;
	}
}
@media screen and (max-width:768px) {
	.section-course {
		padding: 30px 0 0 0;
	}
	.section-course .container {
		padding: 0;
	}
	.section-course .item .info .box {
		border-radius: 5px;
	}
	.section-course .item .info .box .h {
		font-size: 3.4vw;
	}
	.section-course .item .info .plus {
		padding: 2.1vw 0;
		width: 100%;
	}
	.section-course .item .info .plus img {
		margin: 0 auto;
		width: 8vw;
	}
	.section-course .item-net,
	.section-course .item-denki {
		padding: 4.66667vw 4.66667vw;
	}
	.section-course .item-net .info .box1,
	.section-course .item-denki .info .box1 {
		padding: 2.6vw 3.7vw;
		min-height: 24vw;
	}
	.section-course .item-net .info .box1 .h,
	.section-course .item-denki .info .box1 .h {
		padding: 0;
	}
	.section-course .item-net .info .box1 .h .phone,
	.section-course .item-denki .info .box1 .h .phone {
		flex-basis: 16vw;
	}
	.section-course .item-net .info .box1 .h .phone img,
	.section-course .item-denki .info .box1 .h .phone img {
		width: 10.6vw;
	}
	.section-course .item-net .info .box1 .h dl,
	.section-course .item-denki .info .box1 .h dl {
		padding: 0 0 0 0;
	}
	.section-course .item-net .info .box1 .h dt,
	.section-course .item-denki .info .box1 .h dt {
		margin: 0;
		width: 21.3vw;
	}
	.section-course .item-net .info .box1 .h dd,
	.section-course .item-denki .info .box1 .h dd {
		font-size: 3.4vw;
		line-height: 1.3;
	}
	.section-course .item-net .info .box1 .copy p,
	.section-course .item-denki .info .box1 .copy p {
		padding: 1.3vw;
		font-size: 3.2vw;
	}
	.section-course .item-net .info .box1 .copy p .br,
	.section-course .item-denki .info .box1 .copy p .br,
	.section-course .item-net .info .box1 .copy p br,
	.section-course .item-denki .info .box1 .copy p br {
		display: block;
	}
	/**/
	.section-course .item-net .info {
		padding: 0 0 5.3vw 0;
	}
	.section-course .item-net .info .boxs {
		padding: 8vw 0 0 0;
	}
	.section-course .item-net .info .boxs h3 {
		font-size: 3.7vw;
	}
	.section-course .item-net .info .boxs h3 > span {
		margin: 0 1vw;
	}
	.section-course .item-net .info .boxs h3 > span > span {
		padding: 0 1em;
	}
	.section-course .item-net .info .boxs h3 > span i::before,
	.section-course .item-net .info .boxs h3 > span i::after {
		height: 2.6vw;
	}
	.section-course .item-net .info .boxs .box {
		margin: 0 1.3vw;
		padding: 1.3vw 1.3vw 10.6vw 2.6vw;
	}
	.section-course .item-net .info .boxs .box:last-child {
		padding-left: 1.3vw;
	}
	.section-course .item-net .info .boxs .box .image img {
		width: 84%;
	}
	.section-course .item-net .info .boxs .box .text {
		display: block;
		min-height: 1em;
		font-size: 2.9vw;
		white-space: nowrap;
	}
	.section-course .item-net .info .boxs .box .text p {
		text-align: left;
	}
	.section-course .item-net .info .boxs .box .text p .br {
		display: block;
	}
	.section-course .item-net .info .boxs .box .text ul {
		display: block;
		font-size: 2.6vw;
	}
	.section-course .item-net .info .boxs .box a {
		margin: 0 0 0 -4vw;
		width: 8vw;
		height: 8vw;
		background-image: url('../img/course-tip-opener-sp.svg');
	}
	.section-course .item-net .info .boxs .box a.opened {
		background-image: url('../img/course-tip-closer-sp.svg');
	}
	.section-course .item-net .note {
		margin: 20px 0 0 0;
	}
	/**/
	.section-course .item-denki .info {
		padding: 0 0 20px 0;
	}
	.section-course .item-denki .info .box2 {
		min-height: initial;
		padding: 10px;
	}
	.section-course .item-denki .info .box2 .image {
		width: 32vw;
		gap: 0;
		flex-direction: column;
		justify-content: center;
	}
	.section-course .item-denki .info .box2 .wrap > .logo {
		margin-top: 0;
		width: 25vw;
	}
	.section-course .item-denki .info .box2 .wrap > a {
		text-align: left;
	}
}

/*
	【注意事項】UQ mobileをご利用中のお客さまへ
*/
.attention-uqmobile {
	padding: 20px 0 50px 0;
}
.attention-uqmobile .frame {
	padding: 25px 30px;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 1.66;
}
.attention-uqmobile h2 {
	margin-bottom: 15px;
	font-size: 16px;
}
.attention-uqmobile h2 span {
	padding: 0 0.4em;
}
.attention-uqmobile .links {
	margin: 20px 0 0 0;
}
@media screen and (max-width:768px) {
	.attention-uqmobile {
		padding: 30px 0 30px 0;
	}
	.attention-uqmobile .frame {
		padding: 15px 4.66vw;
		border-radius: 5px;
		font-size: 12px;
		line-height: 1.66;
	}
	.attention-uqmobile h2 {
		margin-bottom: 2.4vw;
		font-size: 4.26vw;
		line-height: 1.4;
	}
	.attention-uqmobile h2 span {
		display: block;
		padding: 0;
	}
	.attention-uqmobile p {
		text-align: left;
	}
	.attention-uqmobile .links {
		margin: 15px 0 0 0;
	}
	.attention-uqmobile .links li {
		margin: 0 0 8px 0;
	}
}

/*
	割引料金
*/
.section-price-waribiki {
	padding: 40px 0 40px 0;
}
.section-price-waribiki .headline-type01 {
	background-image: url('../img/price-waribiki-ttl-pc.png');
}
.section-price-waribiki .headline-type01 span {
	padding-left: 50px;
}
.section-price-waribiki h3 {
	margin: 20px 0;
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
}
.section-price-waribiki .frame {
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
}
.section-price-waribiki .frame-list ul {
	display: flex;
	position: relative;
	padding: 22px 0 15px 0;
}
.section-price-waribiki .frame-list ul::after {
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	border-bottom: 1px dotted #000;
}
.section-price-waribiki .frame-list ul li {
	position: relative;
	flex-basis: 33.333%;
	padding: 0 20px;
}
.section-price-waribiki .frame-list ul li::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	border-right: 1px dotted #000;
}
.section-price-waribiki .frame-list ul li:last-child::after {
	content: none;
}
.section-price-waribiki .frame-list .head {
	display: flex;
	flex-direction: column-reverse;
}
.section-price-waribiki .frame-list .head dl {
	display: flex;
	justify-content: center;
	align-items: center;
}
.section-price-waribiki .frame-list .head dt {
	padding: 3px 10px 0 0;
}
.section-price-waribiki .frame-list .head dt img {
	width: 20px;
}
.section-price-waribiki .frame-list .head dd {
	font-size: 18px;
	line-height: 1.3;
}
.section-price-waribiki .frame-list .head .gb {
	display: flex;
	justify-content: center;
}
.section-price-waribiki .frame-list .head .gb p {
	position: relative;
	padding: 0.15em 0.5em;
    font-family: 'Price';
    font-weight: 700;
	font-size: 32px;
	line-height: 1;
	color: #e4007d;
}
.section-price-waribiki .frame-list .head .gb p::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0.2em;
	border: 1px solid #e4007d;
	border-radius: 6px;
}
.section-price-waribiki .frame-list .head .gb p span {
	font-size: 40px;
}
.section-price-waribiki .frame-list .head .link {
	color: #000 !important;
}
.section-price-waribiki .frame-list .box {
	display: flex;
	align-items: center;
	margin: 10px 0 0 0;
}
.section-price-waribiki .frame-list .box .title span {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.1em 0.1em 0.2em 0.1em;
	width: 62px;
	min-height: 34px;
	background-color: #000;
	border-radius: 5px;
	font-size: 11px;
	line-height: 1.3;
	color: #fff;
}
.section-price-waribiki .frame-list .box .price {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	margin: 2px 0 -2px 0;
	text-align: right;
	line-height: 1;
}
.section-price-waribiki .frame-list .box .price .num {
    font-family: 'Price';
    font-weight: 700;
	font-size: 33px;
	letter-spacing: -0.04em;
}
.section-price-waribiki .frame-list .box .price .yen {
	padding: 0.2em 0 0 0.2em;
	font-size: 20px;
}
.section-price-waribiki .frame-list .block1 {
	position: relative;
	padding: 0 0 30px 0;
}
.section-price-waribiki .frame-list .block1::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -13px;
	width: 26px;
	height: 26px;
	background-image: url('../img/price-waribiki-arrow.svg');
	background-size: contain;
	transform: rotate(90deg);
}
.section-price-waribiki .frame-list .block1 .box2 {
	color: #999;
}
.section-price-waribiki .frame-list .block1 .box2 .title span {
	background-color: #999;
}
.section-price-waribiki .frame-list .block1 .box2 .price .num {
	font-size: 35px;
}
.section-price-waribiki .frame-list .block1 .box2 .price .yen {
	padding: 0.3em 0 0 0.2em;
}
.section-price-waribiki .frame-list .block2 {
	color: #e4007d;
}
.section-price-waribiki .frame-list .block2 .box {
	align-items: flex-start;
}
.section-price-waribiki .frame-list .block2 .box .title {
	padding: 10px 5px 0 0;
}
.section-price-waribiki .frame-list .block2 .box .title span {
	background-color: #e4007d;
	font-size: 12px;
}
.section-price-waribiki .frame-list .block2 .box .price .num {
	font-size: 56px;
}
.section-price-waribiki .frame-list .block2 .box .price dl {
	padding: 0.2em 0 0 0;
	font-size: 14px;
	line-height: 1.1;
	text-align: left;
}
.section-price-waribiki .frame-list .block2 .box .price dl dd {
	padding: 0.15em 0 0 0.15em;
	font-size: 19px;
}
.section-price-waribiki .frame-list .block2 .tax-in {
	display: flex;
	justify-content: flex-end;
	margin: -5px 0 0 0;
    font-weight: 500;
	font-size: 24px;
	line-height: 1.1;
}
.section-price-waribiki .frame-list .block2 .tax-in span {
	display: block;
}
.section-price-waribiki .frame-list .block2 .tax-in .num {
	padding: 0.06em 0 0 0;
    font-family: 'Price';
    font-weight: 700;
	font-size: 27px;
	letter-spacing: -0.04em;
}
.section-price-waribiki .frame-list .block2 .tax-in .yen {
	padding: 0.4em 0 0 0.1em;
	font-size: 16px;
}
.section-price-waribiki .frame-list .foot {
	padding: 10px 0;
	font-size: 15px;
}
.section-price-waribiki .frame-list .foot .foot-link {
	padding: 10px 0;
}
.section-price-waribiki .frame-info {
	margin: 10px 0 0 0;
}
.section-price-waribiki .frame-info .info {
	position: relative;
	margin: 0 auto;
	max-width: 280px;
}
.section-price-waribiki .frame-info .info a {
	display: block;
	position: absolute;
	top: 7px;
	right: 0;
	width: 38px;
	height: 38px;
	background-color: rgba(255,255,255,0);
	transition: background-color .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .section-price-waribiki .frame-info .info a:hover {
	background-color: rgba(255,255,255,0.3);
}
@media screen and (max-width:920px) {
	.section-price-waribiki .frame-list ul {
		padding: 0;
		display: block;
	}
	.section-price-waribiki .frame-list ul::after {
		content: none;
	}
	.section-price-waribiki .frame-list ul li {
		padding: 30px 0;
	}
	.section-price-waribiki .frame-list ul li::after {
		top: auto;
		bottom: 0;
		width: 100%;
		border-right: 0;
		border-bottom: 1px dashed #000;
	}
	.section-price-waribiki .frame-list .wrap {
		display: flex;
		margin: 0 auto;
		padding: 15px 0 0 0;
		max-width: 640px;
	}
	.section-price-waribiki .frame-list .box .title {
		padding: 0 10px 0 0;
	}
	.section-price-waribiki .frame-list .box .title span {
		width: 120px;
	}
	.section-price-waribiki .frame-list .box .title span br {
		display: none;
	}
	.section-price-waribiki .frame-list .block1 {
		padding: 0 80px 0 0;
	}
	.section-price-waribiki .frame-list .block1::after {
		bottom: auto;
		top: 50%;
		left: auto;
		right: 30px;
		margin: -13px 0 0 0;
		transform: rotate(0);
	}
}
@media screen and (max-width:768px) {
	.section-price-waribiki {
		padding: 30px 0 40px 0;
	}
	.section-price-waribiki .headline-type01 {
		background-image: url('../img/price-waribiki-ttl-sp.png');
	}
	.section-price-waribiki .headline-type01 span {
		padding-left: 6.9vw;
	}
	.section-price-waribiki h3 {
		margin: 2vw 0 3vw 0;
		font-size: 4vw;
		line-height: 1.5;
	}
	.section-price-waribiki h3 span {
		font-size: 110%;
	}
	.section-price-waribiki .frame {
		border-radius: 5px;
	}
	.section-price-waribiki .frame-list {
		padding: 0 2vw;
	}
	.section-price-waribiki .frame-list ul li {
		position: relative;
		padding: 15px 0 15px 12px;
	}
	.section-price-waribiki .frame-list ul li::after,
	.section-price-waribiki .frame-list ul li:last-child::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		border-bottom: 1px dashed #000;
	}
	.section-price-waribiki .frame-list .head {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 0 4vw 0 0;
	}
	.section-price-waribiki .frame-list .head dt {
		padding: 0 2.6vw 0 0;
	}
	.section-price-waribiki .frame-list .head dt img {
		width: 5.3vw;
	}
	.section-price-waribiki .frame-list .head dd {
		font-size: 4.8vw;
	}
	.section-price-waribiki .frame-list .head .gb {
		display: block;
		margin: 1.3vw 0 0 0;
	}
	.section-price-waribiki .frame-list .head .gb p {
		padding: 0.15em 0.4em;
		font-size: 6.1vw;
	}
	.section-price-waribiki .frame-list .head .gb p::before {
		border-radius: 3px;
	}
	.section-price-waribiki .frame-list .head .gb p span {
		font-size: 6.1vw;
	}
	.section-price-waribiki .frame-list .wrap {
		padding: 0;
		max-width: 100%;
	}
	.section-price-waribiki .frame-list .box {
		display: block;
		margin: 1.3vw 0 0 0;
	}
	.section-price-waribiki .frame-list .box .title {
		display: flex;
		margin: 0 0 2.1vw 0;
		padding: 0;
	}
	.section-price-waribiki .frame-list .box .title span {
		padding: 0.1em 0.4em 0.2em 0.4em;
		width: 24vw;
		min-height: initial;
		border-radius: 3px;
		font-size: 2.9vw;
	}
	.section-price-waribiki .frame-list .box .price {
		display: flex;
		justify-content: flex-start;
		margin: 0.5vw 0 -0.5vw 0;
		text-align: left;
	}
	.section-price-waribiki .frame-list .box .price .num {
		font-size: 6.1vw;
	}
	.section-price-waribiki .frame-list .box .price .yen {
		padding: 0.15em 0 0 0.2em;
		font-size: 4vw;
	}
	.section-price-waribiki .frame-list .block1 {
		padding: 0 6.4vw 0 0;
	}
	.section-price-waribiki .frame-list .block1::after {
		top: 8.5vw;
		right: 2.1vw;
		margin: 0;
		width: 6.4vw;
		height: 6.4vw;
	}
	.section-price-waribiki .frame-list .block1 .box1 .title span {
		width: auto;
	}
	.section-price-waribiki .frame-list .block1 .box2 .price .num {
		font-size: 6.6vw;
	}
	.section-price-waribiki .frame-list .block1 .box2 .price .yen {
		padding: 0.2em 0 0 0.2em;
	}
	.section-price-waribiki .frame-list .block2 .box .title {
		margin: 0 0 1.6vw 0;
		padding: 0;
	}
	.section-price-waribiki .frame-list .block2 .box .title span {
		font-size: 2.9vw;
	}
	.section-price-waribiki .frame-list .block2 .box .price .num {
		font-size: 13.3vw;
	}
	.section-price-waribiki .frame-list .block2 .box .price dl {
		padding: 0.2em 0 0 0;
		font-size: 3.4vw;
	}
	.section-price-waribiki .frame-list .block2 .box .price dl dd {
		padding: 0.1em 0 0 0.15em;
		font-size: 4.8vw;
	}
	.section-price-waribiki .frame-list .block2 .tax-in {
		justify-content: flex-start;
		margin: -1.3vw 0 0 -0.2em;
		font-size: 6.4vw;
	}
	.section-price-waribiki .frame-list .block2 .tax-in .num {
		padding: 0.06em 0 0 0;
		font-size: 7.2vw;
	}
	.section-price-waribiki .frame-list .block2 .tax-in .yen {
		padding: 0.4em 0 0 0.1em;
		font-size: 4.2vw;
	}
	.section-price-waribiki .frame-list .foot {
		padding: 10px 0 4px 0;
		font-size: 3.7vw;
	}
	.section-price-waribiki .frame-list .foot .foot-link {
		padding: 6px 0;
	}
	.section-price-waribiki .frame-info {
		margin: 2vw 0 0 0;
	}
	.section-price-waribiki .frame-info .info {
		max-width: 100%;
	}
	.section-price-waribiki .frame-info .info a {
		top: 20%;
		right: 9.8%;
		width: 8vw;
		height: 8vw;
	}
}

/*
	割引料金タブ
*/
.section-price-waribiki .frame-slide {
	margin: 15px 0 0 0;
	padding: 15px 0;
}
.section-price-waribiki .frame-slide h4 {
	margin: 0 auto;
	max-width: 530px;
}
.section-price-waribiki .frame-slide .price-tab {
	position: relative;
	margin: 0 auto;
	max-width: 450px;
}
.section-price-waribiki .frame-slide .price-tab .base {
	position: relative;
}
.section-price-waribiki .frame-slide .price-tab .base > div {
	display: none;
}
.section-price-waribiki .frame-slide .price-tab .base > div.current {
	display: block;
}
.section-price-waribiki .frame-slide .price-tab ul {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.section-price-waribiki .frame-slide .price-tab ul li {
	flex-basis: 22%;
}
.section-price-waribiki .frame-slide .price-tab ul li a {
	position: relative;
	display: block;
	height: 100%;
}
.section-price-waribiki .frame-slide .price-tab ul li a span {
	display: block;
	height: 0;
	padding-top: 42%;
	background-color: rgba(255,255,255,0.3);
	opacity: 0;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .section-price-waribiki .frame-slide .price-tab ul li a:hover span {
	opacity: 1;
}
.os-pc .section-price-waribiki .frame-slide .price-tab ul li a.current:hover span {
	opacity: 0;
}
.section-price-waribiki .frame-slide .price-tab ul li a.current {
	cursor: default;
}
.section-price-waribiki .price-slide {
	position: relative;
	margin: 0 0 10px 0;
}
.section-price-waribiki .price-slide::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	border-top: 1px dashed #000;
}
.section-price-waribiki .price-slide::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	border-bottom: 1px dashed #000;
}
.section-price-waribiki .price-slide .slider {
	margin: 0 auto;
	padding: 30px 70px;
	max-width: 710px;
}
.section-price-waribiki .frame-slide .foot .foot-link {
	margin: 10px 0;
}
.section-price-waribiki .frame-slide .foot .foot-link a {
	color: #000;
}
.section-price-waribiki .frame-slide .slick-next,
.section-price-waribiki .frame-slide .slick-prev {
	overflow: hidden;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	text-indent: -999em;
	width: 40px;
	height: 40px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .section-price-waribiki .frame-slide .slick-next:hover,
.os-pc .section-price-waribiki .frame-slide .slick-prev:hover {
	opacity: 0.7;
}
.section-price-waribiki .frame-slide .slick-next {
	right: 0;
	background-image: url(../img/slick-arrow-color-next.svg);
}
.section-price-waribiki .frame-slide .slick-prev {
	left: 0;
	background-image: url(../img/slick-arrow-color-prev.svg);
}
.section-price-waribiki .frame-slide .slick-next::before,
.section-price-waribiki .frame-slide .slick-prev::before {
	content: none;
}
.section-price-waribiki .price-slide .head {
	display: flex;
	justify-content: center;
	align-items: center;
}
.section-price-waribiki .price-slide .head .link {
	color: #000;
}
.section-price-waribiki .price-slide .head dl {
	display: flex;
	justify-content: center;
	align-items: center;
}
.section-price-waribiki .price-slide .head dt {
	padding: 3px 10px 0 0;
}
.section-price-waribiki .price-slide .head dt img {
	width: 20px;
}
.section-price-waribiki .price-slide .head dd {
	font-size: 18px;
	line-height: 1.3;
}
.section-price-waribiki .price-slide .head .gb {
	display: flex;
	justify-content: center;
	margin: 6px 0 0 20px;
}
.section-price-waribiki .price-slide .head .gb p {
	position: relative;
	padding: 0.15em 0.5em;
    font-family: 'Price';
    font-weight: 700;
	font-size: 25px;
	line-height: 1;
	color: #e4007d;
}
.section-price-waribiki .price-slide .head .gb p::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0.2em;
	border: 1px solid #e4007d;
	border-radius: 6px;
}
.section-price-waribiki .price-slide .head .gb p span {
	font-size: 32px;
}
.section-price-waribiki .price-slide .wrap {
	display: flex;
	justify-content: center;
}
.section-price-waribiki .price-slide .box {
	display: flex;
	align-items: center;
	margin: 10px 0 0 0;
}
.section-price-waribiki .price-slide .box .title span {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.1em 0.1em 0.2em 0.1em;
	width: 62px;
	min-height: 34px;
	background-color: #000;
	border-radius: 5px;
	font-size: 11px;
	line-height: 1.3;
	color: #fff;
}
.section-price-waribiki .price-slide .box .price {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	margin: 2px 0 -2px 0;
	text-align: right;
	line-height: 1;
}
.section-price-waribiki .price-slide .box .price .num {
    font-family: 'Price';
    font-weight: 700;
	font-size: 33px;
	letter-spacing: -0.04em;
}
.section-price-waribiki .price-slide .box .price .yen {
	padding: 0.2em 0 0 0.2em;
	font-size: 20px;
}
.section-price-waribiki .price-slide .block1 {
	position: relative;
	padding: 0 90px 0 0;
}
.section-price-waribiki .price-slide .block1 .box {
	width: 210px;
}
.section-price-waribiki .price-slide .block1::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -20px 0 0 0;
	width: 40px;
	height: 40px;
	background-image: url('../img/price-waribiki-arrow.svg');
	background-size: contain;
}
.section-price-waribiki .price-slide .block1 .box2 {
	color: #999;
}
.section-price-waribiki .price-slide .block1 .box2 .title span {
	background-color: #999;
}
.section-price-waribiki .price-slide .block1 .box2 .price .num {
	font-size: 35px;
}
.section-price-waribiki .price-slide .block1 .box2 .price .yen {
	padding: 0.3em 0 0 0.2em;
}
.section-price-waribiki .price-slide .block1 .box-sp {
	display: none;
}
.section-price-waribiki .price-slide .block1 .box-sp .num {
    font-family: 'Price';
    font-weight: 700;
	letter-spacing: -0.04em;
}
.section-price-waribiki .price-slide .block2 {
	color: #e4007d;
}
.section-price-waribiki .price-slide .block2 .box {
	align-items: flex-start;
}
.section-price-waribiki .price-slide .block2 .box .title {
	margin: 0 15px 0 0;
}
.section-price-waribiki .price-slide .block2 .box .title span {
	height: 76px;
	background-color: #e4007d;
	font-size: 12px;
}
.section-price-waribiki .price-slide .block2 .box .price {
	margin: 0;
}
.section-price-waribiki .price-slide .block2 .box .price .num {
	font-size: 56px;
}
.section-price-waribiki .price-slide .block2 .box .price dl {
	padding: 0.2em 0 0 0;
	font-size: 14px;
	line-height: 1.1;
	text-align: left;
}
.section-price-waribiki .price-slide .block2 .box .price dl dd {
	padding: 0.15em 0 0 0.15em;
	font-size: 19px;
}
.section-price-waribiki .price-slide .block2 .tax-in {
	display: flex;
	justify-content: flex-end;
	margin: -5px 0 0 0;
    font-weight: 500;
	font-size: 24px;
	line-height: 1.1;
}
.section-price-waribiki .price-slide .block2 .tax-in span {
	display: block;
}
.section-price-waribiki .price-slide .block2 .tax-in .num {
	padding: 0.06em 0 0 0;
    font-family: 'Price';
    font-weight: 700;
	font-size: 27px;
	letter-spacing: -0.04em;
}
.section-price-waribiki .price-slide .block2 .tax-in .yen {
	padding: 0.4em 0 0 0.1em;
	font-size: 16px;
}
.section-price-waribiki .price-slide .foot {
	padding: 10px 0;
	font-size: 15px;
}
.section-price-waribiki .price-slide .foot .foot-link {
	padding: 10px 0;
}

@media screen and (max-width:768px) {
	.section-price-waribiki .frame-slide {
		margin: 15px 0 0 0;
		padding: 15px 0;
	}
	.section-price-waribiki .frame-slide .price-tab ul li {
		flex-basis: 27%;
	}
	.section-price-waribiki .frame-slide .price-tab ul li a span {
		display: none;
	}
	.section-price-waribiki .price-slide {
		margin: 0;
	}
	.section-price-waribiki .price-slide::before {
		content: none;
	}
	.section-price-waribiki .price-slide .slider {
		padding: 0;
		max-width: 100%;
	}
	.section-price-waribiki .frame-slide .foot {
		font-size: 3.7vw;
	}
	.section-price-waribiki .frame-slide .foot .note {
		margin: 0 0 5px 0;
	}
	.section-price-waribiki .frame-slide .foot .foot-link {
		margin: 0;
	}
	.section-price-waribiki .frame-slide .slick-next,
	.section-price-waribiki .frame-slide .slick-prev {
		background-size: 26px 26px;
	}
	.section-price-waribiki .frame-slide .slick-next {
		background-image: url(../img/slick-arrow-next.svg);
		right: 0px;
	}
	.section-price-waribiki .frame-slide .slick-prev {
		background-image: url(../img/slick-arrow-prev.svg);
		left: 0px;
	}
	.section-price-waribiki .price-slide .slider-block {
		padding: 15px 0 10px 20px;
	}
	.section-price-waribiki .price-slide .head {
		justify-content: flex-start;
		padding: 0 0 4vw 2.6vw;
	}
	.section-price-waribiki .price-slide .head dt {
		padding: 0.8vw 2.6vw 0 0;
	}
	.section-price-waribiki .price-slide .head dt img {
		width: 5.3vw;
	}
	.section-price-waribiki .price-slide .head dd {
		font-size: 4.8vw;
	}
	.section-price-waribiki .price-slide .head .gb {
		margin: 1.6vw 0 0 4vw;
	}
	.section-price-waribiki .price-slide .head .gb p {
		padding: 0.15em 0.3em;
		font-size: 5.8vw;
	}
	.section-price-waribiki .price-slide .head .gb p::before {
		border-radius: 3px;
	}
	.section-price-waribiki .price-slide .head .gb p span {
		font-size: 100%;
	}
	.section-price-waribiki .price-slide .wrap {
		display: block;
		padding: 0;
		white-space: nowrap;
	}
	.section-price-waribiki .price-slide .box {
		margin: 0;
	}
	.section-price-waribiki .price-slide .box .title span {
		width: 17.6vw;
		min-height: 9vw;
		font-size: 3.2vw;
	}
	.section-price-waribiki .price-slide .box .price {
		justify-content: flex-start;
		margin: 0.5vw 0 -0.5vw 0;
		text-align: left;
	}
	.section-price-waribiki .price-slide .box .price .num {
		font-size: 9.3vw;
	}
	.section-price-waribiki .price-slide .box .price .yen {
		font-size: 5.8vw;
	}
	.section-price-waribiki .price-slide .block1 {
		padding: 0;
	}
	.section-price-waribiki .price-slide .block1 .box {
		padding: 0 0 0 5.3vw;
		width: auto;
	}
	.section-price-waribiki .price-slide .block1 .box .title {
		margin: 0 2.6vw 0 0;
	}
	.section-price-waribiki .price-slide .block1::after {
		top: auto;
		bottom: 2.6vw;
		right: 44vw;
		margin: 0;
		width: 9vw;
		height: 9vw;
		transform: rotate(90deg);
	}
	.section-price-waribiki .price-slide .block1 .box2 {
		display: none;
	}
	.section-price-waribiki .price-slide .block1 .box-sp {
		display: flex;
		padding: 2vw 0 3.7vw 44vw;
	}
	.section-price-waribiki .price-slide .block1 .box-sp .price {
		padding: 0.1em 0.4em 0 0.4em;
		background-color: #e4007d;
		border-radius: 5px;
		font-size: 3.4vw;
		line-height: 1.1;
		color: #fff;
	}
	.section-price-waribiki .price-slide .block1 .box-sp .price .num {
		position: relative;
		top: 0.04em;
		font-size: 6.1vw;
	}
	.section-price-waribiki .price-slide .block2 .box {
		padding: 0 0 0 5.3vw;
	}
	.section-price-waribiki .price-slide .block2 .box .title {
		margin: 0 2.6vw 0 0;
	}
	.section-price-waribiki .price-slide .block2 .box .title span {
		height: auto;
		font-size: 3.4vw;
	}
	.section-price-waribiki .price-slide .block2 .box .price {
		margin: -1.3vw 0 0 0;
	}
	.section-price-waribiki .price-slide .block2 .box .price .num {
		font-size: 16.5vw;
	}
	.section-price-waribiki .price-slide .block2 .box .price dl {
		font-size: 4.2vw;
	}
	.section-price-waribiki .price-slide .block2 .box .price dl dd {
		font-size: 5.8vw;
	}
	.section-price-waribiki .price-slide .block2 .tax-in {
		justify-content: flex-start;
		margin: -1.3vw 0 0 0;
		font-size: 6.4vw;
	}
	.section-price-waribiki .price-slide .block2 .tax-in .num {
		font-size: 7.2vw;
	}
	.section-price-waribiki .price-slide .block2 .tax-in .yen {
		font-size: 4.2vw;
	}

}

/*
	料金イメージ
*/
.section-price-image {
	padding: 40px 0;
}
.section-price-image .headline-type02 {
	background-image: url('../img/price-image-ttl-pc.png');
}
.section-price-image .headline-type02 span {
	padding-left: 28px;
}
.section-price-image .frame {
	overflow: hidden;
	background-color: #fff;
	border: 2px solid #000;
}
.section-price-image .frame .num {
	font-family: 'Price';
	font-weight: 700;
	letter-spacing: -0.04em;
}
.section-price-image .frame .head {
	position: relative;
	background-color: #e45d90;
	line-height: 1.2;
	color: #fff;
}
.section-price-image .frame .head .row {
	display: flex;
	min-height: 110px;
}
.section-price-image .frame .head .row::before {
	content: '';
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.section-price-image .block1 .frame .head .row::before {
	width: 100px;
	background-image: url('../img/price-image-merit01-icon.svg');
}
.section-price-image .block2 .frame .head .row::before {
	width: 100px;
	background-image: url('../img/price-image-merit02-icon.svg');
}
.section-price-image .frame .head .title {
	align-self: center;
}
.section-price-image .frame .head .title h3 {
	margin: -0.5em 0 0 0;
	font-size: 20px;
}
.section-price-image .frame .head .title h3 > span {
	position: relative;
	top: 2px;
	font-size: 27px;
}
.section-price-image .frame .head .title h3 > span > span {
	font-size: 46px;
}
.section-price-image .frame .head .title p {
	font-size: 18px;
}
.section-price-image .frame .in {
	margin: 0 auto;
	padding: 20px 0;
	width: 310px;
}
.section-price-image .frame .box0 {
	display: flex;
	margin: 0 -8px;
}
.section-price-image .frame .box0 > div {
	position: relative;
	padding: 0 8px;
}
.section-price-image .frame .box0 .balloon1 {
	flex-basis: 52.5%;
}
.section-price-image .frame .box0 .balloon2 {
	flex-basis: 47.5%;
}
.section-price-image .frame .box0 .au-denki {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.section-price-image .frame .box1 {
	display: flex;
	margin: 8px 0 0 0;
	height: 40px;
}
.section-price-image .frame .box1 .label {
	margin: 0 0.4em 0 0;
}
.section-price-image .frame .box1 .label span {
	display: block;
	padding: 0.2em 0.6em 0.3em 0.6em;
	background-color: #e4007d;
	border-radius: 5px;
	text-align: center;
	font-size: 11px;
	line-height: 1.1;
	color: #fff;
}
.section-price-image .frame .box1 .price {
	display: flex;
	margin: 3px 0 0 0;
}
.section-price-image .frame .box1 .price .num {
	font-size: 28px;
	line-height: 1;
}
.section-price-image .frame .box1 .price .yen {
	padding: 0 0 0 2px;
	font-size: 16px;
}
.section-price-image .frame .box1 .price .plus {
	position: relative;
	top: -4px;
	margin: 0 8px;
	font-size: 28px;
	line-height: 1;
}
.section-price-image .frame .box1 .price .type {
	font-size: 18px;
	line-height: 1.2;
}
.section-price-image .frame .box1 .price .type sup {
	position: relative;
	top: -2px;
	font-size: 16px;
	margin: 0 0 0 -2px;
	transform-origin: 50% 0%;
}
.section-price-image .frame .box1 .price .price-wrap {
	position: relative;
	top: -8px;
}
.section-price-image .frame .box1 .price .price-wrap .price-in {
	display: flex;
}
.section-price-image .frame .box1 .text {
	position: relative;
	top: -2px;
	font-size: 11px;
	line-height: 1.2;
}
.section-price-image .block1 .frame .box1 .text {
	margin: 0 0 0 2px;
}
.section-price-image .frame .box2 {
	display: flex;
	margin: 15px 0 0 0;
	white-space: nowrap;
}
.section-price-image .frame .box2 .label span {
	display: block;
	padding: 0.4em 0.4em;
	background-color: #000;
	border-radius: 5px;
	text-align: center;
	font-size: 13px;
	line-height: 1.1;
	color: #fff;
}
.section-price-image .frame .box2 .price {
	display: flex;
	padding: 0.15em 0 0 0.4em;
	color: #e4007d;
}
.section-price-image .frame .box2 .price .num {
	font-size: 28px;
	line-height: 1;
}
.section-price-image .frame .box2 .price .yen {
	padding: 0 0 0 0.1em;
	font-size: 16px;
}
.section-price-image .frame .box3 .lead {
	font-size: 18px;
}
.section-price-image .frame .box3 .price {
	display: flex;
	margin: 10px 0 0 0;
	color: #e4007d;
}
.section-price-image .frame .box3 .price .num {
	font-size: 65px;
	line-height: 1;
}
.section-price-image .frame .box3 .price .yen {
	padding: 1em 0 0 0.1em;
	line-height: 1.2;
	font-size: 23px;
}
.section-price-image .frame .arrow {
	position: relative;
}
.section-price-image .frame .arrow::before {
	content: '';
	display: block;
	border-top: 2px solid #e4007d;
}
.section-price-image .frame .arrow::after {
	content: '';
	display: block;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 7px 0 7px;
	border-color: #e4007d transparent transparent transparent;
}
.section-price-image .frame .note {
	margin: -0.3em 0 0 0;
}
@media screen and (min-width:769px) {
	.section-price-image .frame {
		border-radius: 10px;
	}
	.section-price-image .wrap {
		display: flex;
		margin: 0 -15px;
	}
	.section-price-image .block {
		flex-basis: 50%;
		margin: 25px 0 0 0;
		padding: 0 15px;
	}
	.section-price-image .frame .detail {
		height: auto !important;
	}
}
@media screen and (max-width:900px) {
	.section-price-image .frame .head .row {
		min-height: 90px;
	}
	.section-price-image .block1 .frame .head .row::before {
		width: 80px;
	}
	.section-price-image .block2 .frame .head .row::before {
		width: 80px;
	}
	.section-price-image .frame .head .title h3 {
		font-size: 19px;
	}
	.section-price-image .frame .head .title h3 > span {
		font-size: 120%;
	}
	.section-price-image .frame .head .title h3 > span > span {
		font-size: 170%;
	}
	.section-price-image .frame .head .title p {
		font-size: 14px;
	}
}
@media screen and (max-width:768px) {
	.section-price-image .headline-type02 {
		background-image: url('../img/price-image-ttl-sp.png');
	}
	.section-price-image .headline-type02 span {
		padding-left: 7.4vw;
	}
	.section-price-image .frame {
		overflow: hidden;
		margin: 2.6vw 0 0 0;
		border-radius: 5px;
	}
	.section-price-image .frame .head i {
		display: block;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
	}
	.section-price-image .frame .head i:after,
	.section-price-image .frame .head i:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		background-color: #fff;
	}
	.section-price-image .frame .head i:before {
		margin: -2px 0 0 -9px;
		width: 18px;
		height: 4px;
	}
	.section-price-image .frame .head i:after {
		margin: -9px 0 0 -2px;
		width: 4px;
		height: 18px;
	}
	.section-price-image .frame.opened .head i:after {
		display: none;
	}
	.section-price-image .frame .detail {
		overflow: hidden;
		height: 0;
	}
	.section-price-image .frame .head .row {
		min-height: initial;
	}
	.section-price-image .block1 .frame .head .row::before {
		width: 20vw;
	}
	.section-price-image .block2 .frame .head .row::before {
		width: 20vw;
	}
	.section-price-image .block2 .frame .head .title {
		transform: scaleX(0.96);
		transform-origin: 0 0;
	}
	.section-price-image .frame .head .title {
		padding: 2vw 0 2.6vw 0;
	}
	.section-price-image .frame .head .title h3 {
		font-size: 4.8vw;
	}
	.section-price-image .frame .head .title h3 > span {
		top: 0.1em;
	}
	.section-price-image .frame .head .title p {
		font-size: 3.7vw;
	}
	.section-price-image .frame .in {
		padding: 4.4vw 4.6vw 3vw 4.6vw;
		width: 100%;
	}
	.section-price-image .frame .box0 {
		margin: 0 -2.1vw;
	}
	.section-price-image .frame .box0 > div {
		padding: 0 2.1vw;
	}
	.section-price-image .frame .box1 {
		margin: 2vw 0 0 0;
		height: 10.6vw;
		white-space: nowrap;
	}
	.section-price-image .frame .box1 .label {
		margin: 0 0.4em 0 0;
	}
	.section-price-image .frame .box1 .label span {
		font-size: 2.9vw;
	}
	.section-price-image .frame .box1 .price {
		margin: 0.8vw 0 0 0;
	}
	.section-price-image .frame .box1 .price .num {
		font-size: 7.4vw;
	}
	.section-price-image .frame .box1 .price .yen {
		padding: 0 0 0 0.5vw;
		font-size: 4.2vw;
	}
	.section-price-image .frame .box1 .price .plus {
		top: -1vw;
		margin: 0 2.1vw;
		font-size: 7.4vw;
	}
	.section-price-image .frame .box1 .price .type {
		font-size: 4.2vw;
	}
	.section-price-image .frame .box1 .price .type sup {
		top: -0.5vw;
		font-size: 4.2vw;
		margin: 0 0 0 -0.5vw;
	}
	.section-price-image .frame .box1 .price .price-wrap {
		top: -2.1vw;
	}
	.section-price-image .frame .box1 .text {
		top: -0.5vw;
		font-size: 2.9vw;
	}
	.section-price-image .block1 .frame .box1 .text {
		margin: 0 0 0 0.5vw;
	}
	.section-price-image .frame .box2 {
		margin: 2.6vw 0 0 0;
	}
	.section-price-image .frame .box2 .label span {
		font-size: 3.4vw;
	}
	.section-price-image .frame .box2 .price .num {
		font-size: 7.4vw;
	}
	.section-price-image .block2 .frame .box2 .price {
		transform: scaleX(0.90);
		transform-origin: 0 0;
	}
	.section-price-image .frame .box2 .price .yen {
		font-size: 4.2vw;
	}
	.section-price-image .frame .box3 {
		margin: 1.3vw 0 0 0;
	}
	.section-price-image .frame .box3 .lead {
		text-align: center;
		font-size: 4.8vw;
	}
	.section-price-image .frame .box3 .price {
		margin: 1.3vw 0 0 0;
		justify-content: center;
	}
	.section-price-image .frame .box3 .price .num {
		font-size: 17.8vw;
	}
	.section-price-image .frame .box3 .price .yen {
		font-size: 6.1vw;
	}
	.section-price-image .frame .note {
		text-align: center;
	}
}

/*
	条件
*/
.section-condition {
	padding: 40px 0 0 0;
}
.section-condition .headline-type01 {
	background-image: url('../img/condition-ttl-pc.png');
}
.section-condition .headline-type01 span {
	padding-left: 40px;
}
.section-condition h3 {
	margin: 20px 0;
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
}
.section-condition .frame {
	margin: 10px 0 0 0;
	padding: 30px 50px 40px 50px;
	border-radius: 10px;
	background-color: #fff;
	line-height: 1.66;
}
@media screen and (min-width:769px) {
	.section-condition .table {
		margin: 0 auto;
		padding: 0 0 30px 0;
		max-width: 730px;
	}
	.section-condition .note li {
		display: inline;
	}
}
@media screen and (max-width:768px) {
	.section-condition .headline-type01 {
		background-image: url('../img/condition-ttl-sp.png');
	}
	.section-condition .headline-type01 span {
		padding-left: 5.8vw;
	}
	.section-condition h3 {
		font-size: 4vw;
	}
	.section-condition .frame {
		margin: 2.6vw 0 0 0;
		padding: 4vw;
		border-radius: 10px;
	}
	.section-condition .table {
		margin: 0 0 10px 0;
	}
}

/*
	条件（住所の異なるご家族の方もご加入いただけるキャンペーン）
*/
.section-condition-cp .frame {
	margin: 10px 0 0 0;
	padding: 30px 50px 40px 50px;
	border-radius: 10px;
	background-color: #fff;
}
.section-condition-cp h3 {
	text-align: center;
	font-size: 16px;
	line-height: 1.4;
}
.section-condition-cp .block {
	display: flex;
	margin: 20px 0 0 0;
	font-size: 14px;
}
.section-condition-cp .block h4 {
	flex-basis: 150px;
}
.section-condition-cp .block .text {
	flex: 1;
}
@media screen and (max-width:768px) {
	.section-condition-cp .frame {
		margin: 10px 0 0 0;
		padding: 15px 4.66vw;
		border-radius: 5px;
	}
	.section-condition-cp h3 {
		font-size: 4.26vw;
	}
	.section-condition-cp .block {
		display: block;
		margin: 15px 0 0 0;
		font-size: 12px;
	}
	.section-condition-cp .block h4 {
		font-size: 14px;
	}
	.section-condition-cp .readmore-wrap {
		padding: 0 0 45px 0;
	}
	.section-condition-cp .readmore-inner {
		padding: 0;
	}
}

/*
	【注意事項】自宅セット割
*/
.attention-setwari {
	margin: 10px 0 0 0;
	padding: 0 0 40px 0;
}
.attention-setwari .frame {
	border: 2px solid #e4007d;
	border-radius: 10px;
	background-color: #fff;
}
.attention-setwari .opener {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 20px 0 50px;
	height: 90px;
	font-size: 18px;
	color: #e4007d;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .attention-setwari .opener:hover {
	opacity: 0.7;
}
.attention-setwari .opener i {
	display: block;
	position: absolute;
	top: 50%;
	right: 1pc;
	margin-top: -18px;
	width: 35px;
	height: 35px;
	border-radius: 6px;
	background-color: #e4007d;
}
.attention-setwari .opener i:after,
.attention-setwari .opener i:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
}
.attention-setwari .opener i:before {
	margin: -2px 0 0 -8px;
	width: 15px;
	height: 3px;
}
.attention-setwari .opener i:after {
	margin: -8px 0 0 -2px;
	width: 3px;
	height: 15px;
}
.attention-setwari .opened .opener i:after {
	display: none;
}
.attention-setwari .detail {
	overflow: hidden;
	height: 0;
}
.attention-setwari .detail .inner {
	position: relative;
	padding: 0 50px 75px 50px;
	font-size: 14px;
}
.attention-setwari .detail h4 {
	margin: 30px 0 8px 0;
	font-size: 16px;
	color: #e4007d;
	line-height: 1.3
}
.attention-setwari .detail h4:first-child {
	margin-top: 0;
}
.attention-setwari .detail .margin {
	margin-top: 1em;
}
.attention-setwari .detail .bold {
	font-weight: 700;
}
.attention-setwari .detail .border-red {
	margin: 1em 0 0 0;
	padding: 0.7em 1em;
	border: 1px solid #f00;
}
.attention-setwari .detail .border-black {
	margin: 1em 0 0 0;
	padding: 0.7em 1em;
	border: 1px solid #000;
}
.attention-setwari .detail .ac-close {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 3;
	bottom: 126px;
	left: 50%;
	margin-left: 90px;
	padding: 0 15px;
	height: 35px;
	border-radius: 5px;
	background-color: #818181;
	font-size: 13px;
	color: #fff;
	white-space: nowrap;
	transform: translateX(-50%);
}
@media screen and (max-width:1179px) {
	.attention-setwari .detail .ac-close {
		margin-left: 0;
	}
}
.attention-setwari .opened .detail .ac-close {
	display: flex;
}
.attention-setwari .limit .detail .ac-close {
    position: absolute;
	margin-left: 0;
    bottom: 20px !important;
}
.attention-setwari .hide .detail .ac-close {
	display: none;
}
.attention-setwari .detail .ac-close i {
	position: relative;
	display: block;
	margin: 0 10px 0 0;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	background-color: #fff;
}
.attention-setwari .detail .ac-close i::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	background-color: #969696;
	transform: translate(-50%, -50%);
}

@media screen and (max-width:768px) {
	.attention-setwari {
		margin: 3.8vw 0 0 0;
		border-radius: 5px;
	}
	.attention-setwari .opener {
		padding: 0 4.66vw;
		height: 74px;
		font-size: 18px;
	}
	.attention-setwari .detail .inner {
		padding: 0 4.66vw 75px 4.66vw;
		font-size: 14px;
	}
}

/*
	お手続き
*/
.section-flow {
	padding: 40px 0 50px 0;
}
.section-flow .headline-type01 {
	background-image: url('../img/flow-ttl-pc.png');
}
.section-flow .headline-type01 span {
	padding-left: 40px;
}
@media screen and (max-width:768px) {
	.section-flow {
		padding: 40px 0 40px 0;
	}
	.section-flow .headline-type01 {
		background-image: url('../img/flow-ttl-sp.png');
	}
	.section-flow .headline-type01 span {
		padding-left: 8vw;
	}
}

/*
	お手続きSTEPメニュー
*/
.flow-step-menu {
	margin: 0 auto;
	padding: 0 0 25px 0;
}
.flow-step-menu .heading-primary {
	margin: 10px 0;
	font-size: 18px;
}
.flow-step-menu .heading-primary span::before,
.flow-step-menu .heading-primary span::after {
	bottom: 0.5em;
}
.flow-step-menu .heading-primary span::before {
	margin-right: 1em;
}
.flow-step-menu .heading-primary span::after {
	margin-left: 1em;
}
.flow-step-menu ul {
	display: flex;
	margin: 0 -10px;
}
.flow-step-menu ul li {
	position: relative;
	flex-basis: 33.333%;
	padding: 0 10px;
}
.flow-step-menu ul li::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -14px;
	z-index: 1;
	margin: -14px 0 0 0;
	width: 28px;
	height: 28px;
	background-image: url('../img/icon-btn-arrow.svg');
	background-size: cover;
	pointer-events: none;
}
.flow-step-menu ul li:last-child::after {
	content: none;
}
.flow-step-menu ul li a {
	display: flex;
	position: relative;
	padding: 2px 0 15px 2px;
	height: 100%;
	border: 1px solid #000;
	border-radius: 10px;
	background-color: #fff;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .flow-step-menu ul li a:hover {
	opacity: 0.7;
}
.flow-step-menu ul li a::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
	width: 22px;
	height: 22px;
	background-image: url('../img/icon-btn-arrow-b.svg');
	background-size: contain;
}
.flow-step-menu ul li a i {
	display: block;
	flex-basis: 74px;
}
.flow-step-menu ul li a > span,
.flow-step-menu ul li a > span > span {
	display: block;
}
.flow-step-menu ul li a > span {
	padding: 5px 0 0 0;
	flex: 1;
	font-size: 16px;
	line-height: 1.4;
}
.flow-step-menu ul li a .note {
	margin: 3px 0 0 0;
	font-size: 10px;
}
.flow-step-menu ul li.step02 a > span {
	line-height: 1.16;
}
.flow-step-menu ul li.step03 a > span {
	align-self: center;
	padding: 5px 0 0 8px;
}
@media screen and (max-width:768px) {
	.flow-step-menu {
		padding: 0 0 20px 0;
	}
	.flow-step-menu ul {
		display: block;
		margin: 0;
	}
	.flow-step-menu ul li {
		padding: 0;
	}
	.flow-step-menu ul li::after {
		position: relative;
		top: auto;
		right: auto;
		margin: -1vw auto -1vw auto;
		width: 7vw;
		height: 7vw;
		transform: rotate(90deg);
	}
	.flow-step-menu ul li a {
		align-items: center;
		padding: 2px 0 0 2px;
		border-radius: 5px;
	}
	.flow-step-menu ul li a::after {
		bottom: auto;
		left: auto;
		top: 50%;
		right: 7px;
		transform: translateX(0) translateY(-50%) rotate(90deg);
	}
	.flow-step-menu ul li a i {
		flex-basis: 21vw;
	}
	.flow-step-menu ul li a > span {
		padding: 0;
		font-size: 4.53vw;
		line-height: 1.3;
	}
	.flow-step-menu ul li a .note {
		font-size: 11px;
	}
	.flow-step-menu ul li.step01 a > span {
		transform: scaleX(0.96);
		transform-origin: 0 50%;
	}
	.flow-step-menu ul li.step02 a > span {
		line-height: 1.3;
	}
	.flow-step-menu ul li.step03 a > span {
		padding: 0;
	}
}

/*
	お手続きSTEP詳細
*/
.flow-step-block {
	background-color: #fff;
	border-radius: 10px;
}
.flow-step-block .head {
	padding: 25px 50px 15px 50px;
}
.flow-step-block .head .in {
	display: flex;
	align-items: center;
	margin: 0 auto;
	max-width: 696px;
}
.flow-step-block .head dl {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0 15px 0 0;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background-color: #e4007d;
	line-height: 1;
	color: #fff;
}
.flow-step-block .head dl dt {
	padding: 0.2em 0 0 0;
	font-size: 16px;
}
.flow-step-block .head dl dd {
	font-size: 22px;
}
.flow-step-block .head h2 {
	font-size: 21px;
}
.flow-step-block .head h2 > span {
	background: linear-gradient(transparent 65%, #f8bfde 65%);
}
.flow-step-block .item {
	padding: 35px 50px 50px 50px;
	font-size: 15px;
}
.flow-step-block .item .row {
	display: flex;
	margin: 0 -20px;
}
.flow-step-block .item .col {
	flex-basis: 50%;
	margin: 30px 0 0 0;
	padding: 0 20px;
}
.flow-step-block .item .row:first-child .col {
	margin: 0;
}
.flow-step-block .item .title-marker span {
	background: linear-gradient(transparent 65%, #f8bfde 65%);
	font-size: 18px;
}
.flow-step-block .item .center {
	text-align: center;
}
.flow-step-block .item .margin {
	margin: 30px 0 0 0;
}
.flow-step-block .item .margin-m {
	margin: 20px 0 0 0;
}
.flow-step-block .item .margin-s {
	margin: 10px 0 0 0;
}
.flow-step-block .item .subhead {
	font-size: 18px;
}
.flow-step-block .item .subhead-outline {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 0 15px 0;
	padding: 0 0.5em;
	min-height: 54px;
	border: 1px solid #000;
	text-align: center;
	font-size: 16px;
	line-height: 1.4;
}
.flow-step-block .item .subhead-outline .uqc-tip-opener {
	position: absolute;
	top: 50%;
	right: 12px;
	background-color: #e4007f;
	border-radius: 5px;
	transform: translateY(-50%);
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .flow-step-block .item .subhead-outline .uqc-tip-opener:hover {
	opacity: 0.7;
}
.flow-step-block .item .tip-plus {
	display: flex;
	align-items: center;
}
.flow-step-block .item .tip-plus .uqc-tip-opener {
	display: inline-block;
	margin: 0 5px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('../img/tip-plus.svg');
	background-size: contain;
	width: 22px;
	height: 22px;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .flow-step-block .item .tip-plus .uqc-tip-opener:hover {
	opacity: 0.7;
}
.flow-step-block .item .btn-fill,
.flow-step-block .item .btn-outline {
	font-size: 15px;
}
.flow-step-arrow {
	display: block;
	position: relative;
	z-index: 1;
	margin: -15px auto -15px auto;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('../img/flow-arrow.svg');
	background-size: contain;
}
@media screen and (max-width:768px) {
	.flow-step-block {
		border-radius: 5px;
	}
	.flow-step-block .head {
		padding: 15px 2.66vw 15px 2.66vw;
	}
	.flow-step-block .head .in {
		margin: 0;
		max-width: 100%;
	}
	.flow-step-block .head dl {
		margin: 0 4vw 0 0;
		width: 17.3vw;
		height: 17.3vw;
	}
	.flow-step-block .head dl dt {
		font-size: 4.2vw;
	}
	.flow-step-block .head dl dd {
		font-size: 5.8vw;
	}
	.flow-step-block .head h2 {
		font-size: 4.7vw;
		line-height: 1.4;
	}
	.flow-step-block .head h2 > span {
		background: linear-gradient(transparent 75%, #f8bfde 75%);
	}
	.flow-step-block .head .note {
		margin: 0.8vw 0 0 0;
	}
	.flow-step-block .uqc-course-tab {
		padding: 0 2.66vw 2px 2.66vw;
	}
	.flow-step-block .item {
		padding: 20px 4.66vw 30px 4.66vw;
		font-size: 14px;
	}
	.flow-step-block .item .row {
		display: block;
		margin: 0;
	}
	.flow-step-block .item .col {
		margin: 40px 0 0 0;
		padding: 0;
	}
	.flow-step-block .item .row-btn .col {
		margin: 20px 0 0 0;
	}
	.flow-step-block .item .row:first-child .col {
		margin: 40px 0 0 0;
	}
	.flow-step-block .item .row:first-child .col:first-child {
		margin: 0;
	}
	.flow-step-block .item .title-marker span {
		font-size: 16px;
	}
	.flow-step-block .item .margin {
		margin: 20px 0 0 0;
	}
	.flow-step-block .item .margin-m {
		margin: 15px 0 0 0;
	}
	.flow-step-block .item .subhead-outline {
		display: block;
		margin: 0 0 10px 0;
		padding: 5px 10px;
		min-height: 35px;
		text-align: left;
	}
	.flow-step-block .item .subhead-outline > span {
		display: inline-block;
	}
	.flow-step-block .item .subhead-outline .uqc-tip-opener {
		right: 5px;
	}
	.flow-step-block .item .tip-plus .uqc-tip-opener {
		margin: 0 5px;
		width: 20px;
		height: 20px;
	}
	.flow-step-block .item .btn-fill,
	.flow-step-block .item .btn-outline {
		font-size: 16px;
	}
	.flow-step-block .item-under-contract .center {
		text-align: left;
	}
	.flow-step-arrow {
		margin: -8px auto -8px auto;
		height: 40px;
	}
}

/*
	【タブ】ご契約
*/
.uqc-step-tab {
	position: relative;
	padding: 0 50px 2px 50px;
}
.uqc-step-tab::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000;
}
.uqc-step-tab .labels {
	display: flex;
	align-items: flex-end;
	margin: 0 auto;
	max-width: 696px;
}
.uqc-step-tab label {
	display: block;
	flex-basis: 50%;
	text-align: center;
}
.uqc-step-tab label span {
	position: relative;
	display: block;
	padding: 10px 0;
	border: 2px solid #000;
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	background-color: #f17fbe;
	font-size: 18px;
	line-height: 1.35;
	color: #fff;
	transition: background-color .2s cubic-bezier(.39, .575, .565, 1);
}
input.tab-check-new-contract:checked ~ .uqc-step-tab .tab-new-contract span,
input.tab-check-under-contract:checked ~ .uqc-step-tab .tab-under-contract span {
	padding: 15px 0;
	background-color: #e4007d;
	font-size: 22px;
	z-index: 2;
}
.os-pc input.tab-check-new-contract:checked ~ .uqc-step-tab .tab-under-contract:hover span,
.os-pc input.tab-check-under-contract:checked ~ .uqc-step-tab .tab-new-contract:hover span {
	background-color: #f5a6d2;
}
input.tab-check-new-contract:checked ~ .uqc-step-tab .tab-new-contract span {
	margin-right: -2px;
}
input.tab-check-new-contract:checked ~ .uqc-step-tab .tab-under-contract span {
	padding-left: 2px;
	border-radius: 0 10px 0 0;
}
input.tab-check-under-contract:checked ~ .uqc-step-tab .tab-under-contract span {
	margin-left: -2px;
}
input.tab-check-under-contract:checked ~ .uqc-step-tab .tab-new-contract span {
	padding-right: 2px;
	border-radius: 10px 0 0 0;
}
input.tab-check-new-contract:checked ~ .uqc-tab-items .item-new-contract,
input.tab-check-under-contract:checked ~ .uqc-tab-items .item-under-contract {
	display: block;
}
.uqc-step-items .item {
	display: none;
}
@media screen and (max-width:768px) {
	.uqc-step-tab {
		padding: 0 2.66vw 2px 2.66vw;
	}
	.uqc-step-tab label span {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 13vw;
		padding: 0;
		border-radius: 2vw 2vw 0 0;
		font-size: 3.73vw;
		line-height: 1.3;
	}
	input.tab-check-new-contract:checked ~ .uqc-step-tab .tab-new-contract span,
	input.tab-check-under-contract:checked ~ .uqc-step-tab .tab-under-contract span {
		min-height: 16.2vw;
		padding: 0;
		font-size: 4.4vw;
	}
	input.tab-check-new-contract:checked ~ .uqc-step-tab .tab-new-contract span {
		margin-right: -8.6vw;
	}
	input.tab-check-new-contract:checked ~ .uqc-step-tab .tab-under-contract span {
		padding-left: 8.6vw;
	}
	input.tab-check-under-contract:checked ~ .uqc-step-tab .tab-under-contract span {
		margin-left: -8.6vw;
	}
	input.tab-check-under-contract:checked ~ .uqc-step-tab .tab-new-contract span {
		padding-right: 8.6vw;
	}
}

/*
	よくあるご質問
*/
.section-faq {
	padding: 40px 0 50px 0;
}
.section-faq .heading {
    padding: 20px 0 25px 0
}
.section-faq .heading h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px
}
.section-faq .heading h2:before {
    content: '';
    display: block;
    margin: .1em 6px 0 0;
    width: 70px;
    height: 60px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/icon-faq.svg)
}
.section-faq .heading h2 span {
    display: block
}
.section-faq .list {
	border-top: 1px solid #000;
}
.section-faq .list > li {
	border-bottom: 1px solid #000;
}
.section-faq .list .q {
	position: relative;
	display: flex;
	align-items: center;
	height: 86px;
	font-weight: 700;
	font-size: 17px;
	cursor: pointer;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .section-faq .list .q:hover {
	opacity: .7;
}
.section-faq .list .q i {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -9px;
    width: 19px;
    height: 19px
}
.section-faq .list .q i::before,
.section-faq .list .q i::after {
    content: '';
    display: block;
    position: absolute;
    background-color: #000
}
.section-faq .list .q i::before {
    top: 8px;
    left: 0;
    width: 100%;
    height: 3px
}
.section-faq .list .q i::after {
    top: 0;
    left: 8px;
    width: 3px;
    height: 100%
}
.section-faq .list .q > dl {
	display: flex;
	flex: 1;
	align-items: center;
	padding: 0 30px 0 0;
}
.section-faq .list .a > dl {
	display: flex;
}
.section-faq .list .a > dl dt,
.section-faq .list .q > dl dt {
	width: 2pc;
}
.section-faq .list .a > dl dd,
.section-faq .list .q > dl dd {
	flex: 1;
	padding-left: 20px;
}
.section-faq .list .opened .ac-switching:after {
	display: none;
}
.section-faq .list .a {
	overflow: hidden;
	height: 0;
}
.section-faq .list .a > dl {
	padding: 0 0 30px;
}
.section-faq .list .a > dl dd {
	padding-top: .3em;
	line-height: 1.7;
}
.section-faq .list .a > dl dd a {
	text-decoration: underline;
	color: #e4007f;
}
.section-faq .list .a > dl dd a:hover {
	text-decoration: none;
}
.os-pc .section-faq .list .a > dl dd a.hover-link {
	text-decoration: none;
}
.section-faq .list .a > dl dd p {
	margin-top: .7em;
}
.section-faq .list .a > dl dd p:first-child {
	margin-top: 0;
}
.section-faq .btn-layout-single {
	margin: 30px 0 0 0;
}
@media screen and (max-width:768px) {
	.section-faq {
		padding: 30px 0 40px 0;
	}
	.section-faq .heading {
		padding: 0 20px 15px 0;
		border: 0;
	}
	.section-faq .heading h2 {
		font-size: 25px;
	}
	.section-faq .heading h2:before {
		margin: .1em 6px 0 0;
		width: 50px;
		height: 43px;
	}
	.section-faq .list,
	.section-faq .list > li {
		border-color: #ccc;
	}
	.section-faq .list .q {
		padding: 15px 0;
		height: auto;
		font-size: 15px;
	}
    .section-faq .list .q i {
		right: 17px;
        margin-top: -7px;
        width: 14px;
        height: 14px
    }
	.section-faq .list .q i::before {
        top: 6px;
        height: 2px
    }
	.section-faq .list .q i::after {
        left: 6px;
        width: 2px
    }
	.section-faq .list .q > dl {
		padding-left: 46px;
		padding-right: 40px;
	}
	.section-faq .list .a > dl {
		position: relative;
		padding: 0 0 18px 46px;
	}
	.section-faq .list .a > dl dt {
		position: absolute;
		left: 8px;
		width: auto;
	}
	.section-faq .list .a > dl dt img {
		width: 27px;
	}
	.section-faq .list .q > dl dt {
		position: absolute;
		top: 50%;
		left: 8px;
		width: auto;
		transform: translateY(-50%);
	}
	.section-faq .list .q > dl dt img {
		width: 27px;
	}
	.section-faq .list .a > dl dd,
	.section-faq .list .q > dl dd {
		padding-left: 0;
		word-break: break-all;
	}
	.section-faq .list .a {
		font-size: 14px;
	}
	.section-faq .ac-switching {
		right: 5.33333vw;
	}
}

/*
	UQmobileのポイント
*/
.section-point {
	padding: 50px 0 0 0;
}
.section-point .headline-type02 {
	background-image: url('../img/point-ttl-pc.png');
}
.section-point .headline-type02 span {
	padding-left: 30px;
}
.section-point ul {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 20px 0;
	padding: 0 10px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 17px;
	line-height: 1.4;
}
.section-point ul li {
	display: flex;
	flex-basis: 50%;
	padding: 15px 0;
}
.section-point ul li:nth-child(1),
.section-point ul li:nth-child(3) {
	border-bottom: 1px solid #8dc5b2;
}
.section-point ul li .in {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.section-point ul li .icon {
	flex-basis: 110px;
}
.section-point ul li .icon img {
	margin: 0 auto;
	width: 80px;
}
.section-point ul li .detail {
	flex: 1;
}
.section-point ul li .detail .ttl {
	display: flex;
	align-items: center;
	margin: 0.1em 0 0.2em 0;
	font-size: 30px;
	line-height: 1.1;
	color: #e4007f;
}
.section-point ul li .detail .ttl > span {
	display: block;
}
.section-point ul li .detail .ttl > span > span {
	display: inline-block;
}
.section-point ul li .detail .sub {
	font-size: 14px;
}
.section-point ul li.point-price {
	order: 1;
}
.section-point ul li.point-price .ttl > span > span {
	font-size: 25px;
}
.section-point ul li.point-data {
	order: 3;
}
.section-point ul li.point-speed {
	order: 2;
}
.section-point ul li.point-speed .ttl {
	position: relative;
	top: -0.1em;
	font-size: 25px;
}
.section-point ul li.point-speed .max {
	position: relative;
	bottom: -0.2em;
	font-size: 14px;
}
.section-point ul li.point-speed .mbps {
	position: relative;
	bottom: -0.04em;
	font-size: 36px;
	line-height: 1;
}
.section-point ul li.point-area {
	order: 4;
}
.section-point ul li.point-area .ttl {
	font-size: 28px;
}
.section-point ul li.point-area .ttl .small {
	font-size: 23px;
}
@media screen and (max-width:860px) {
	.section-point ul {
		display: block;
		padding: 0 30px;
	}
	.section-point ul li {
		border-bottom: 1px solid #8dc5b2;
	}
	.section-point ul li:last-child {
		border-bottom: 0px;
	}
	.section-point ul li br {
		display: none;
	}
}
@media screen and (max-width:768px) {
	.section-point {
		padding: 40px 0 0 0;
	}
	.section-point .headline-type02 {
		background-image: url('../img/point-ttl-sp.png');
	}
	.section-point .headline-type02 span {
		padding-left: 8vw;
	}
	.section-point ul {
		margin: 20px 0 20px 0;
		padding: 0.6vw 10px;
		border-radius: 8px;
		font-size: 4.5vw;
	}
	.section-point ul li {
		padding: 2.6vw 0;
		border-bottom: 1px solid #e4007f !important;
	}
	.section-point ul li:last-child {
		border-bottom: 0px !important;
	}
	.section-point ul li .in {
		min-height: 18vw;
	}
	.section-point ul li br {
		display: block;
	}
	.section-point ul li .icon {
		flex-basis: 18vw;
	}
	.section-point ul li .icon img {
		width: 100%;
	}
	.section-point ul li .detail {
		padding: 0 0 0 2.6vw;
	}
	.section-point ul li .detail .ttl {
		font-size: 7vw;
	}
	.section-point ul li .detail .sub {
		font-size: 3.7vw;
	}
	.section-point ul li.point-price .ttl > span > span {
		font-size: 87%;
	}
	.section-point ul li.point-speed .ttl {
		top: -0.1em;
		font-size: 5.8vw;
	}
	.section-point ul li.point-speed .max {
		bottom: -0.2em;
		font-size: 3.4vw;
	}
	.section-point ul li.point-speed .mbps {
		bottom: -0.04em;
		font-size: 8.2vw;
	}
	.section-point ul li.point-area .ttl {
		font-size: 7vw;
	}
	.section-point ul li.point-area .ttl .small {
		font-size: 82%;
	}
}

/*
	iPhoneもAndroidも選べる
*/
.section-smartphone {
	padding: 100px 0 0 0;
}
.section-smartphone .frame {
	position: relative;
	padding: 50px 68px 20px 68px;
	background-color: #fff;
	border-radius: 10px;
}
.section-smartphone h2 {
	position: absolute;
	z-index: 1;
	top: -24px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 19px;
	line-height: 1.5;
	white-space: nowrap;
}
.section-smartphone h2 span {
	display: block;
	padding: 0.3em 1.5em;
	background-color: #000;
	border-radius: 10px;
	color: #fff;
}
.section-smartphone h2 span::after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 7px 0 7px;
	border-color: #000 transparent transparent transparent;
}
.section-smartphone .block {
	padding: 0 12px;
	text-align: center;
}
.section-smartphone .block .in {
	padding: 5px 20px 25px 20px;
	border: 1px solid #e86191;
	border-radius: 10px;
}
.section-smartphone .block a:first-child {
	display: block;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .section-smartphone .block a:first-child:hover {
	opacity: 0.7;
}
.section-smartphone .block .product {
	margin: 0 auto;
	width: 100%;
}
.section-smartphone .block .name {
	margin: 0 0 15px 0;
	text-decoration: underline;
	font-size: 14px;
}
.section-smartphone .block .btn-fill {
	min-height: 50px;
	border-radius: 20px;
	font-size: 16px;
}
.section-smartphone .block .btn-fill i {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 24px;
	transform: translateY(-50%);
}
.section-smartphone .block .btn-fill i::before {
	content: '';
	display: block;
	padding-top: 81.8%;
	height: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/icon-btn-online-w.svg);
}
.section-smartphone .block .btn-fill::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 22px;
	height: 22px;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/icon-btn-blank-w.svg);
}
.section-smartphone .slider {
	margin: 0 0 30px 0;
}
.section-smartphone .slider .slick-track {
	display: flex;
}
.section-smartphone .slider .slick-slide {
	height: auto !important;
}
.section-smartphone .slider .slick-next,
.section-smartphone .slider .slick-prev {
	overflow: hidden;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	text-indent: -999em;
	width: 40px;
	height: 40px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .section-smartphone .slider .slick-next:hover,
.os-pc .section-smartphone .slider .slick-prev:hover {
	opacity: 0.7;
}
.section-smartphone .slider .slick-next {
	right: -46px;
	background-image: url(../img/slick-arrow-color-next.svg);
}
.section-smartphone .slider .slick-prev {
	left: -46px;
	background-image: url(../img/slick-arrow-color-prev.svg);
}
.section-smartphone .slider .slick-next::before,
.section-smartphone .slider .slick-prev::before {
	content: none;
}
.section-smartphone .slider .slick-dots {
	display: flex;
	justify-content: center;
	bottom: -30px;
}
.section-smartphone .slider .slick-dots li {
	display: block;
	margin: 0;
}
.section-smartphone .slider .slick-dots li button {
	padding: 0;
}
.section-smartphone .slider .slick-dots li button::before {
	font-size: 10px;
}
.section-smartphone .foot-link {
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 14px;
}
.section-smartphone .foot-link a {
	color: #000;
}
@media screen and (max-width:768px) {
	.section-smartphone {
		padding: 80px 0 0 0;
	}
	.section-smartphone .frame {
		padding: 35px 0 20px 0;
		border-radius: 8px;
	}
	.section-smartphone h2 {
		top: -20px;
		font-size: 16px;
	}
	.section-smartphone h2 span {
		padding: 0.3em 1em;
		border-radius: 8px;
	}
	.section-smartphone h2 span::after {
		border-width: 8px 5px 0 5px;
	}
	.section-smartphone .block {
		padding: 0 40px;
	}
	.section-smartphone .block .in {
		padding: 10px 20px 25px 20px;
	}
	.section-smartphone .block .product {
		width: 76%;
	}
	.section-smartphone .block .name {
		font-size: 16px;
	}
	.section-smartphone .block .btn-fill {
		min-height: 55px;
	}
	.section-smartphone .block .btn-fill i {
		left: 15px;
		width: 34px;
	}
	.section-smartphone .block .btn-fill::after {
		right: 14px;
		width: 26px;
		height: 26px;
	}
	.section-smartphone .slider {
		margin: 0 0 40px 0;
	}
	.section-smartphone .slider .slick-next,
	.section-smartphone .slider .slick-prev {
		background-size: 26px 26px;
	}
	.section-smartphone .slider .slick-next {
		background-image: url(../img/slick-arrow-next.svg);
		right: 0px;
	}
	.section-smartphone .slider .slick-prev {
		background-image: url(../img/slick-arrow-prev.svg);
		left: 0px;
	}
	.section-smartphone .slider .slick-dots li {
		width: 20px;
	}
	.section-smartphone .slider .slick-dots li button::before {
		font-size: 10px;
	}
	.section-smartphone .foot-link {
		margin: 0 10px;
		padding: 15px 0 0 0;
		border-top: 1px dotted #000;
	}
}

/*
	お客さまのクチコミ
*/
.section-review {
	padding: 80px 0 80px 0;
}
.section-review .headline-type02 {
	background-image: url('../img/review-ttl-pc.png');
}
.section-review .headline-type02 span {
	padding-left: 25px;
}
.section-review .uq-review {
	margin: 0 0 -30px 0;
	background-color: transparent !important;
}
.section-review .uq-reviewArea__title {
	display: none;
}
.section-review .uq-reviewSlider {
	padding: 30px 0;
}
.section-review .uq-reviewSlider,
.section-review .slick-list {
	overflow: visible !important;
}
.section-review .uq-reviewSlider__li {
	transition: transform 0.4s ease;
}
.section-review .uq-reviewSlider__li.current {
	transform: translateY(-30px);
}
.section-review .uq-reviewSlider__li .uq-reviewBlock {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px 30px 30px 30px;
	overflow: hidden;
	width: 290px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(../img/review-frame-pink.png);
	background-size: 100% 100%;
}
.section-review .uq-reviewSlider__li .uq-reviewBlock::before,
.section-review .uq-reviewSlider__li .uq-reviewBlock::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 100% auto;
}
.section-review .uq-reviewSlider__li .uq-reviewBlock::before {
	background-image: url(../img/review-frame-pink-top.png);
	background-position: 50% 0%;
}
.section-review .uq-reviewSlider__li .uq-reviewBlock::after {
	background-image: url(../img/review-frame-pink-bottom.png);
	background-position: 50% 100%;
}
.section-review .slick-slide:nth-child(odd) .uq-reviewBlock {
	background-image: url(../img/review-frame-blue.png);
}
.section-review .slick-slide:nth-child(odd) .uq-reviewBlock::before {
	background-image: url(../img/review-frame-blue-top.png);
}
.section-review .slick-slide:nth-child(odd) .uq-reviewBlock::after {
	background-image: url(../img/review-frame-blue-bottom.png);
}
.section-review .uq-reviewBlock__icon0,
.section-review .uq-reviewBlock__icon1,
.section-review .uq-reviewBlock__icon2,
.section-review .uq-reviewBlock__icon3,
.section-review .uq-reviewBlock__icon4 {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	flex-basis: 50px;
}
.uq-reviewBlock__icon0::before,
.uq-reviewBlock__icon1::before,
.uq-reviewBlock__icon2::before,
.uq-reviewBlock__icon3::before,
.uq-reviewBlock__icon4::before {
	content: '';
	margin: 0 auto;
	width: 40px;
	height: 40px;
	background-size: cover;
}
.uq-reviewBlock__icon0::before {
	background-image: url('../img/review-icon00.svg');
}
.uq-reviewBlock__icon1::before {
	background-image: url('../img/review-icon01.svg');
}
.uq-reviewBlock__icon2::before {
	background-image: url('../img/review-icon02.svg');
}
.uq-reviewBlock__icon3::before {
	background-image: url('../img/review-icon03.svg');
}
.uq-reviewBlock__icon4::before {
	background-image: url('../img/review-icon04.svg');
}
.section-review .uq-reviewBlock__user {
	position: relative;
	z-index: 1;
}
.section-review .uq-reviewBlock__userinner {
	padding: 0 0 0 10px;
}
.section-review .uq-reviewBlock__username {
	font-weight: 700;
	font-size: 15px;
	line-height: 1.3;
}
.section-review .uq-reviewBlock__userscreen {
	font-size: 12px;
}
.section-review .uq-reviewBlock__text {
	overflow: visible;
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex: 1;
	margin: 20px 0 0 0 !important;
	padding: 15px 15px;
	background-color: #fff;
	border-radius: 25px;
	font-weight: 700;
	word-wrap: break-word;
	word-break: break-all !important;
}
.section-review .uq-reviewBlock__text::after {
	content: '';
	display: block;
	position: absolute;
	top: -15px;
	left: 0;
	width: 40px;
	height: 15px;
	background-image: url('../img/review-tail.png');
	background-size: cover;
}
.section-review .uq-reviewBlock__next {
	text-decoration: underline;
	color: #e4007f;
}
.section-review .uq-reviewSlider .slick-next,
.section-review .uq-reviewSlider .slick-prev {
	top: 45%;
	width: 40px;
	height: 40px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}
.os-pc .section-review .uq-reviewSlider .slick-next:hover,
.os-pc .section-review .uq-reviewSlider .slick-prev:hover {
	opacity: 0.7;
}
.section-review .uq-reviewSlider .slick-next {
	left: 360px;
	background-image: url(../img/slick-arrow-color-next.svg);
}
.section-review .uq-reviewSlider .slick-prev {
	right: 360px;
	background-image: url(../img/slick-arrow-color-next.svg);
}
.section-review .uq-reviewSlider .slick-next::before,
.section-review .uq-reviewSlider .slick-prev::before {
	content: '';
	width: 40px;
	height: 40px;
}

.section-review .review-wrap-pc .uq-reviewSlider__li {
	padding: 30px 0 0 0;
}
.section-review .review-wrap-pc .uq-reviewSlider__li .uq-reviewBlock {
	min-height: 340px;
}
.section-review .review-wrap-pc .uq-reviewBlock__text {
	flex-basis: 194px;
	min-height: 194px;
}

.section-review .review-wrap-sp .uq-reviewSlider__li {
	padding: 0 1vw;
}
.section-review .review-wrap-sp .uq-reviewSlider__li .uq-reviewBlock {
	min-height: 390px;
}
.section-review .review-wrap-sp .uq-reviewBlock__text {
	padding: 5px 15px;
	font-size: 14px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-15 {
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-14 {
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-13 {
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-12 {
	font-size: 15px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-11 {
	font-size: 16px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-10 {
	font-size: 16px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-9 {
	font-size: 17px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-8 {
	font-size: 17px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-7 {
	font-size: 18px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-6 {
	font-size: 19px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-5 {
	font-size: 20px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-4 {
	font-size: 22px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-3 {
	font-size: 24px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-2 {
	font-size: 26px !important;
}
.section-review .review-wrap-sp .uq-reviewBlock__text.size-1,
.section-review .review-wrap-sp .uq-reviewBlock__text.size-0 {
	font-size: 28px !important;
}

@media screen and (min-width:769px) {
	.section-review .review-wrap-sp {
		overflow: hidden;
		height: 0;
	}
	.section-review .uq-reviewSlider__li .uq-reviewBlock {
		transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
	}
	.os-pc .section-review .uq-reviewSlider__li .uq-reviewBlock:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width:768px) {
	.section-review {
		padding: 50px 0 50px 0;
	}
	.section-review .headline-type02 {
		background-image: url('../img/review-ttl-sp.png');
	}
	.section-review .headline-type02 span {
		padding-left: 6.6vw;
	}
	.section-review .review-wrap-pc {
		overflow: hidden;
		height: 0;
	}
	.section-review .uq-review {
		margin-top: 10px;
	}
}

/*
	固定CV
*/
.uqc .application-fixed {
	position: fixed;
	z-index: 111;
	bottom: 0;
	left: 0;
	padding: 10px 0 0 180px;
	width: 100%;
	height: 112px;
	background-color: rgba(0, 0, 0, .8);
	transform: translateY(0);
	/*transform: translateY(100%);
	transition: transform .2s cubic-bezier(.39, .575, .565, 1);*/
}
.application-fixed-show .uqc .application-fixed {
	transform: translateY(0);
}
.uqc .application-fixed .in {
	margin: 0 auto;
	padding: 0 30px;
	max-width: 812px;
}
.uqc .application-fixed ul {
	display: flex;
	justify-content: center;
	margin: 0 -14px;
	text-align: center;
}
.uqc .application-fixed ul li {
	flex-basis: 50%;
	padding: 0 14px;
}
.uqc .application-fixed ul li .text {
	margin: 0 0 7px;
	font-size: 15px;
	line-height: 1.3;
	color: #fff;
}
.uqc .application-fixed ul li a {
	min-height: 58px;
	border-radius: 20px;
	font-size: 16px;
	line-height: 1.3;
}
.uqc .application-fixed ul li .btn-flow {
	font-size: 17px;
}
.uqc .application-fixed ul li .btn-flow > span {
	padding: 0 20px 0 40px;
}
.has-application-fixed .uq-pagetop {
	bottom: 125px;
}
.has-application-fixed .uqv2-globalfooter__bottom {
	padding-bottom: 140px;
}
@media screen and (max-width:1179px) {
	.uqc .application-fixed {
		padding-left: 0;
	}
}
@media screen and (max-width:768px) {
	.uqc .application-fixed {
		padding: 8px 4.66667vw 0;
		height: 95px;
	}
	.uqc .application-fixed .in {
		padding: 0;
		max-width: 100%;
	}
	.uqc .application-fixed ul {
		margin: 0 -5px;
	}
	.uqc .application-fixed ul li {
		padding: 0 5px;
	}
	.uqc .application-fixed ul li a {
		min-height: 50px;
		font-size: 12px;
	}
	.uqc .application-fixed ul li .btn-apply {
		padding: 0 2em 0 0;
	}
	.uqc .application-fixed ul li .btn-apply i {
		display: none;
	}
	.uqc .application-fixed ul li .btn-apply::after {
		right: 8px;
		width: 22px;
		height: 22px;
	}
	.uqc .application-fixed ul li .btn-flow {
		font-size: 13px;
	}
	.uqc .application-fixed ul li .btn-flow > span {
		padding: 0 20px 0 35px;
	}
	.uqc .application-fixed ul li .btn-flow::after {
		right: 12px;
		width: 22px;
		height: 22px;
	}
	.uqc .application-fixed ul li .text {
		margin: 0 0 5px;
		font-size: 12px;
		line-height: 1.3;
	}
	.has-application-fixed .uq-pagetop {
		bottom: 105px;
	}
	.has-application-fixed .uqv2-globalfooter__bottom {
		padding-bottom: 120px;
	}
}

.device-detail.tokutoku{
	border: 2px solid #e4007f;
	background: #fff;
	border-radius: 8px;
}
.device-detail.minimini{
	margin-top: 15px;
	border: 2px solid #008ec4;
	background: #fff;
	border-radius: 8px;
}
.device-detail-inner{
	padding: 20px 20px 40px;
}
.device-detail .hd{
  background: #e4007f;
  color: #fff;
  padding: 5px 15px;
  border-radius: 6px 6px 0 0;
  margin-bottom: 15px;
  height: 90px;
  display: flex;
  justify-content: center;
	margin-top: 0;
	margin-bottom: 0;
}
.price .capa{
  width: 84px;
  height: 84px;
  border: 2px solid #e4007f;
  display: flex;
  flex-direction: column;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #e4007f;
  margin-right: 15px;
}
.price .capa .txt01{
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.price .capa .txt01 .num{
  font-size: 34px;
  line-height: 1;

}
.price .capa .txt02{
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}
.device-detail.minimini .hd{
  background: #008ec4;
}
.minimini .capa,
.minimini .capa,
.device-detail.minimini .plan-cal .box{
  border-color: #008ec4;
  color: #008ec4;
}
.device-detail.minimini .price{
  color: #008ec4;
}
.device-detail .hd-icon{
  display: flex;
  align-items: center;
  margin-right: 15px;

}
.device-detail .hd-inner{
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.device-detail .hd-inner .txt01{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
}
.device-detail .hd-inner .txt02{
  font-size: 35px;
  font-weight: bold;
  line-height: 1.25;
}
.device-detail .hd-04{
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  color: #e4007f;
}
.device-detail .num{
  font-family: 'Price';
  font-weight: 700;
  letter-spacing: -.03em;
}

.device-detail .lead{
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.price{
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
}
.price .price-inner{
  display: grid;
  grid:
    "num tax" 20px
    "num month" 34px
    "in in" 1fr
    / 1fr  70px;
  line-height: 1;
  font-weight: bold;
}

.price .price-inner>.num {
  grid-area: num;
  font-size: 76px;
  margin-right: 5px;
  align-self: self-end;
  line-height: 0.5;
}
.price .price-inner * {
  vertical-align: middle;
  line-height: 1;

}

.price .price-inner .tax-ex {
  grid-area: tax;
  font-size: 17px;
}
.price .price-inner .month-yen {
  grid-area: month;
  font-size: 27px;
  margin-top: 5px;
}
.price .price-inner .tax-in {
  grid-area: in;
  text-align: center;
  margin-top: 10px;
  font-size: 22px;
}

.price .price-inner .tax-in .num{
  font-size: 36px;
  margin-left: 5px;
  margin-right: 5px;
}
.price .price-inner .tax-in .month-yen{
  font-size: 18px;
  margin-top: 0;
}
.capa{
  width: 84px;
  height: 84px;
  border: 2px solid #e4007f;
  display: flex;
  flex-direction: column;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #e4007f;
  margin-right: 15px;
}
.capa .txt01{
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.capa .txt01 .num{
  font-size: 34px;
  line-height: 1;

}
.capa .txt02{
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}


.device-detail .plan-basic{
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.device-detail .minimini .plan-basic{
  flex-direction: column;
  margin-top: 20px;
  margin-left: 0;
}
.device-detail .minimini .plan-basic .plan-fee{
  display: flex;
  margin-left: 0;
}
.device-detail .plan-cal{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e4007f;
  gap: 10px;
}
.device-detail .plan-cal .box{
  border: 2px solid #e4007f;
  font-size: 12px;
  padding: 2px;
  border-radius: 4px;
  line-height: 1;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 112px;
}
.device-detail .plan-cal .box img{
  width: auto;
  margin-right: 5px;
}
.device-detail .plan-fee{
  margin-left: 20px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  font-weight: bold;
}
.device-detail .plan-fee .price{
  font-size: 17px;
  font-weight: bold;
  margin: 0 10px;
  color: #000;
}
.device-detail .plan-fee .num{
  font-size: 33px;
  margin-right: 5px;
  line-height: 0.5;
}
.tokutoku-img {
  margin-top: 20px;
}
.tokutoku-img img{
  margin: 0 auto;
}

.color-red{
  color: #ff0000;
}
.next-more{
  margin-top: 35px;
  text-align: center;
  font-size: 15px;
}
.next-more a{
  text-decoration: none;
  color: #e4007f;
  background: linear-gradient(#e4007f, #e4007f) 0 100%/100% 1px no-repeat;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.next-more a::after{
  content:">";
  margin-left: 5px;
}
.frame-wrap .opener{
	cursor: pointer;
	position: relative;
}
.frame-wrap .opener i{
	display: block;
	position: absolute;
	top: 4px;
	bottom: 4px;
	right: 4px;
	width: 9.39%;
	border-radius: 6px;
	transition: opacity .2s cubic-bezier(.39, .575, .565, 1);

}
.frame-wrap .opener i:before, .frame-wrap .opener i:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
}

.frame-wrap .opener i:before{
	width: 23px;
	height: 5px;
	transform: translate(-50%,-50%);
}
.frame-wrap .opener i:after{
	width: 5px;
	height: 23px;
	transform: translate(-50%,-50%);
}
.frame-wrap.opened .opener i:after{
	display: none;
}
.frame-wrap .detail{
	height: 0;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	.device-detail .hd{
    height: 70px;
  }
  .device-detail .hd-inner .txt01{
    font-size: 16px;
  }
  .device-detail .hd-inner .txt02{
    font-size: 26px;
  }
	.device-detail .hd-icon{
    width: 67px;
  }
	.price .capa{
    width: 61px;
    height: 61px;
    margin-right: 10px;
  }
  .price .capa .txt01{
    font-size: 18px;
  }
  .price .capa .txt01 .num{
    font-size: 25px;
    letter-spacing: -.08em;
  }
  .price .capa .txt02{
    font-size: 11px;
  }
	.device-detail .price{
    justify-content: start;
  }
	.device-detail .price .price-inner{
		grid:
		"num tax" 20px
		"num month" 34px
		"in in" 1fr / 1fr 70px;
  }
  .device-detail .price .price-inner>*{
    align-self: self-end;
  }
  .device-detail .price .price-inner>.num{
    font-size: 56px;
    line-height: 0.5em;
  }

  .device-detail .price .price-inner .tax-ex{
    font-size: 13px;
  }
  .device-detail .price .price-inner .month-yen{
    font-size: 21px;
    margin-top: 0;
  }

  .device-detail .price .price-inner .tax-in{
    font-size: 27px;
		margin-top: 15px;
    text-align: left;
  }
  .device-detail .price .price-inner .tax-in .num{
    font-size: 41px;
    margin: 0 ;
    line-height: 0.5em;
  }
  .device-detail .price .price-inner .tax-in .month-yen{
    font-size: 20px;
  }
  .device-detail .plan-basic{
    flex-direction: column;
  }
  .device-detail .lead{
    margin-bottom: 5px;
  }
  .device-detail .plan-cal{
    gap: 5px;
  }
  .device-detail .plan-cal .box{
  width: 122px;
  height: 35px;
  }
  .notice-area{
    font-size: 13px;
    margin-top: 15px;
  }
  .next-more{
    margin-top: 30px;
  }
  .device-detail .col2-wrap.col2-box-wrap{
    margin-top: 40px;
    gap: 10px;
  }
  .device-detail.komikomi .hd-icon{
    width: 30px;
  }
  .device-detail.minimini .hd-icon {
    width: 30px;
  }
  .device-detail.komikomi .col2-wrap .price{
    display: none;
  }
  .device-detail.komikomi .price,
  .device-detail.minimini .price{
    justify-content: center;
  }
	.device-detail .plan-fee{
		margin-left: 0;
		margin-top: 20px;
	}
}