@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*設定する場合→ font-family:'Noto sans japanese', sans-serif; を追加*/
/*同時に他のWEBフォントを使う場合はhtml側に記載すること*/

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: inherit;

	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

a:hover {
	opacity: .7;
}

body {
	font-size: 14px;
	background: #FFFFFF;
	font-family: 'Noto sans japanese', sans-serif;
}

#wrapper {
	min-width: 601px;
	overflow: hidden;
}

img {
	vertical-align: bottom;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=submit],
input[type=button] {
	-webkit-appearance: none;
	border: 1px solid #999999;
}

input[type=submit] {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.for-sp {
	display: none !important;
}

/*共通
----------------------------------------------------------------------------------------------------*/
:root {
	--main-color: #000000;
	--sub-color: #333333;
	--sub-color2: #666666;
	--sub-color3: #999999;
	--sub-color4: #CCCCCC;
	--sub-color5: #F0F0F0;

	--white: #FFFFFF;
	--black: #303030;
	--gray: #333;
	--green: #00b900;
	--light-green: #00FFCC;
	--blue: #2ccfd8;
	--red: #FF6378;
	--light-red: #ff96c2;
	--yellow: #ffd61f;
	--orange: #ff971f;

	--text-light: var(--white);

	--table-color: var(--black);
	--button-color: var(--black);
	--button-text-color: var(--blue);
}

/*  */

.hl_text-l {
	font-size: 2rem !important;
}

.hl_text-bold {
	font-weight: 600 !important;
}

.hl_text-block {
	display: block;
}

.hl_text-red,
.hl_text-danger {
	color: var(--red) !important;
}

.hl_text-success {
	color: var(--green) !important;
}

/*  */

section {
	border-bottom: #FFFFFF 2px dashed;
	position: relative;
}

.content {
	width: 80%;
	max-width: 1000px;
	padding: clamp(50px, 8vw, 100px) 0;
	margin: 0 auto;
	overflow: hidden;
	/*  */
	border-left: #FFFFFF 2px dashed;
	border-right: #FFFFFF 2px dashed;
	/*  */
	position: relative;
}

/*  */

.st {
	width: fit-content;
	text-align: center;
	font-weight: 800;
	font-size: min(46px, 5vw);
	/*  */
	margin: auto;
	margin-bottom: 2rem;
	color: var(--white);
	/*  */
	position: relative;
}

.st::before {
	content: "";
	display: block;
	background: url('./../img/item/st_before.png') no-repeat center;
	width: min(46px, 5vw);
	height: min(46px, 5vw);
	background-size: contain;
	transform: translateY(-50%);

	/*  */

	position: absolute;
	top: 50%;
	left: min(-46px, -5vw);
}

.st::after {
	content: "";
	display: block;
	background: url('./../img/item/st_after.png') no-repeat center;
	width: min(46px, 5vw);
	height: min(46px, 5vw);
	background-size: contain;
	transform: translateY(-50%);

	/*  */

	position: absolute;
	top: 50%;
	right: min(-46px, -5vw);
}

/*  */
.decoration {}

.decoration__item {
	position: absolute;
	z-index: 1;
	left: 3vw;
	top: var(--position-y);
	transform: translateY(-50%);
}

.decoration__img {
	width: 20svw;
}

.decoration__item:nth-of-type(2n) {
	left: unset;
	right: 3vw;
}

/*  */


.btn-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}

/*  */

.btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 1rem;
	height: 4rem;
	width: 100%;
	max-width: 600px;
	border-radius: 4px;
	border: none;
}

.btn--justify-center {
	justify-content: center;
}

.btn--primary {
	background: var(--button-color);
	color: var(--button-text-color);
}

.btn--info {
	background: var(--blue);
	color: var(--white);
}

.btn--secondary {
	background: var(--gray);
	color: var(--white);
}

.btn--warning {
	background: var(--yellow);
	color: var(--white);
}

.btn--text {
	justify-content: center;
	word-break: break-all;
	font-size: 1.2rem;
}

/*  */

.sub-ul {
	font-weight: normal;
	margin: 1rem auto;
	font-size: 1rem;
}

.sub-ul__li {
	line-height: 1.7;
	list-style: disc;
}

.sub-ol__li {
	list-style: auto;
	margin-left: 2rem;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.7;
}

/*  */

.banner-box {}

.banner-box__link {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 2rem auto;
}

.banner-box__image {
	width: 100%;
}



/*ヘッダー
----------------------------------------------------------------------------------------------------*/

.right-menu {
	background: none;
	border: none;
	outline: none;
	padding: 0;

	position: fixed;
	right: calc((50% - (min(1000px, 80%)/2)) - min(60px, 20%));
	z-index: 97;
	top: calc(10vw - min(60px, 20vw));
}

.right-menu--close {
	top: 1rem;
	right: 1rem;
	z-index: 99;
}

.right-menu__img {
	max-width: 60px;
	width: 20vw;
	object-fit: contain;
}

.header__right-btn {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	position: fixed;
	right: calc((50% - (min(1000px, 80%)/2)) - min(60px, 20%));
	z-index: 97;
	bottom: calc(10vw - min(60px, 20vw));
}

.header-btn {}

.header-btn__img {
	max-width: 60px;
	width: 20vw;
	object-fit: contain;
}


#fixNavigation {
	/*  */
	transition: .5s;
	position: fixed;
	z-index: 98;
	width: 40%;
	min-width: 500px;
	height: 100dvh;
	right: 0;
	background: radial-gradient(105.68% 45.69% at 92.95% 50%, rgba(105, 244, 253, 0.5) 0%, rgba(160, 255, 244, 0.095) 53.91%, rgba(254, 216, 255, 0) 100%), radial-gradient(103.18% 103.18% at 90.11% 102.39%, #C9FFF2 0%, rgba(230, 255, 250, 0) 100%), radial-gradient(90.45% 90.45% at 87.84% 9.55%, #FFD2F5 0%, rgba(254, 219, 246, 0) 100%), linear-gradient(135.66deg, rgba(203, 185, 255, 0.8) 14.89%, rgba(216, 202, 254, 0) 74.33%);
	/* background-blend-mode: normal, normal, normal, normal, normal, normal;
	filter: blur(0px); */
}

.main-navigation__inner {
	position: relative;
	width: 90%;
	min-width: 300px;
	max-width: 599px;
	left: 0;
	right: 0;
	margin: auto;
}

.navigation {
	padding: 7vw 1rem 0;
}

.navigation__nav {
	width: 100%;
	gap: 4px;
	background: #fff;
	border-radius: 45px;
	border: 4px solid var(--pink);
	color: var(--black);
	padding: 1vw 4vw;
}

.navigation__nav-item {
	margin-bottom: .5rem;
}

.navigation__link {
	display: flex;
	align-items: center;
	justify-content: center;
	/*  */
	width: 100%;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.2;
	letter-spacing: 2px;
	padding: 5px;
}

.navigation__ul--flex {
	display: flex;
	align-items: center;
	grid-area: 1rem;
}

.navigation__link_button {
	margin-top: 1rem;
	flex: 0 1 50%;
}

.navigation__img {
	width: 100%;
}


/*メインコンテンツ
----------------------------------------------------------------------------------------------------*/
.theme-bg {
	position: fixed;
	width: 100svw;
	height: 100svh;
}

.theme-bg__pict {}

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

.fixed-content {
	position: sticky;
	left: 0;
	right: 0;
	top: 0;
}

/*  */

.hero {}

.hero__inner {
	position: relative;
	aspect-ratio: 16/9;
	width: 100%;
	max-height: min(900px, calc(100vw * 16/9));
	overflow: hidden;
}

.hero__title {
	width: min(320px, 22svw);
	margin: auto;
}

.hero__logo {
	width: 100%;
}

/*  */

.hero__row {
	display: flex;
	width: 100%;
}

.hero__head {
	height: 15%;
}

.hero__center {
	border-top: #FFFFFF 2px dashed;
	height: 70%;
}

.hero__bottom {
	border-top: #FFFFFF 2px dashed;
	height: 15%;
}


.hero__side {
	flex: 1 1 0;
	min-width: 0;
}

.hero__middle {
	position: relative;
	flex: 8 1 0;
	max-width: 1000px;
	min-width: 0;
	border-left: #FFFFFF 2px dashed;
	border-right: #FFFFFF 2px dashed;
}

.hero__middle--title {
	display: flex;
	align-items: center;
}

/*  */

.hero__cards {
	display: flex;
	height: 100%;
	flex-wrap: wrap;
	overflow: hidden;
}

.hero__card {
	flex: 1 1 50%;
	min-width: 76px;
	height: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5%;
	/*  */
	border-right: #FFFFFF 2px dashed;
	border-bottom: #FFFFFF 2px dashed;
}

.hero__card:nth-child(2n) {
	border-right: none;
}

.hero__card:nth-child(9) {
	border-bottom: none;
}

.hero__card:nth-child(10) {
	border-bottom: none;
}

@media (max-width: 1318px) {
	.hero__card {
		border-right: none;
	}

	.hero__card:nth-child(5) {
		border-bottom: none;
	}
}

.hero__card-img {
	height: 100%;
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
}

/*  */

.hero__deco {}

.hero__deco-item,
.hero__model-item {
	position: absolute;
}

/*  */

.hero__deco-item--1 {
	top: 1%;
	left: 10%;
	width: clamp(100px, 16svw, 200px);
}

.hero__deco-item--2 {
	top: 1%;
	right: 10%;
	width: clamp(160px, 20svw, 320px);
}

.hero__deco-item--3 {
	bottom: 1%;
	left: 5%;
	width: clamp(120px, 16svw, 320px);
}

.hero__deco-item--4 {
	bottom: 5%;
	left: 30%;
	width: clamp(160px, 20svw, 360px);
}

.hero__deco-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/*  */

.hero__model {}

.hero__model-item {
	bottom: 0;
	right: 5%;
}

.hero__model-item--1 {}

.hero__model-img {
	width: clamp(280px, 44svw, 780px);
}

/*  */

.hero-rate {
	position: absolute;
	margin-bottom: -4rem;
	left: 1%;
	top: 50%;
	transform: translateY(-50%);
}

.hero-rate__bg {
	display: block;
	height: clamp(264px, 40svw, 570px);
}

.hero-rate__item {
	position: absolute;
	top: 46%;
	left: 0;
	right: 0;
	margin: auto;
	transform: translateY(-50%);
	width: fit-content;
	z-index: 1;
}

.rate-box {
	display: flex;
	align-items: start;
}

.rate-box__item {
	width: fit-content;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.rate-box__num {
	display: block;
	height: 14vw;
	max-height: fit-content;
	width: auto;
	object-fit: contain;
	transition: .5s;
}

.rate-box__decimal {
	display: block;
	height: clamp(50px, 8vw, 100px);
	max-height: fit-content;
	width: auto;
	transition: .5s;
}

.hero-rate__unit {
	position: absolute;
	bottom: 0;
	right: 0;
	height: clamp(36px, 5vw, 72px);
	max-width: fit-content;
}

.hero-rate__unit-img {
	height: 100%;
}

.hero-rate__cnt {
	position: absolute;
	margin: auto;
	width: 100%;
	top: 12%;
	left: 0;
	right: 0;
	z-index: 1;
}

.hero-rate__cnt-bg {
	width: 100%;
}

.hero__cnt-text {
	text-align: center;
	font-size: min(40px, 3.2vw);
	font-weight: bold;
	letter-spacing: .2rem;
	position: absolute;
	top: 56%;
	left: 30%;
	transform: translateY(-50%);
	text-shadow: 0 2px 0 #ffffff;
	width: fit-content;
}

.hero__cnt-text--first {
	color: var(--green);
}

.hero__cnt-text--third {
	color: var(--orange);
}

.hero__cnt-text--second {
	color: var(--red);
}

/* ---------------------------------------------------------------------- */

.section-button,
.group {
	background: url('./../img/item/cloud2.png')no-repeat 5% 5%,
		url('./../img/item/cloud3.png')no-repeat 95% 20%,
		url('./../img/item/cloud4.png')no-repeat 5% 80%,
		url('./../img/item/cloud6.png')no-repeat 95% 95%;
	background-size: 16vw;
}

.button-box {
	position: relative;
}

.button-box,
.point-box {
	border-top: 2px dashed var(--white);
}

.button-box__row,
.point-box__row {
	position: relative;
	overflow: hidden;
	border-bottom: 2px dashed var(--white);
	/*  */
	display: flex;
	justify-content: space-between;
}

.button-box__row {
	flex-wrap: wrap;
	background: linear-gradient(to right, #7938f328 0%, #00000000 50%, #0281d677 100%);
}

.button-box__bg {
	position: absolute;
	width: 100%;
	height: 50%;
}

.button-box__bg:nth-of-type(2) {
	display: none;
}

.button-box__bg:nth-of-type(3) {
	top: 50%;
}


.button-box__bg-img {
	width: 100%;
	height: 100%;
	opacity: .2;
}

.button-box__item {
	flex: 0 0 33.3%;
	position: relative;
	width: 33.3%;
}

.button-box__item--model {}

.button-box__item--banner {}

.button-box__item--icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.button-box__img {}

.button-box__item--icon .button-box__img {
	width: 70%;
	height: 70%;
	object-fit: contain;
}

.button-box__item--banner .button-box__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.button-box__item--model .button-box__img {
	position: absolute;
	height: 90%;
	object-fit: contain;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* ---------------------------------------------------------------------- */

.three-point {}


.point-box__row {
	background: linear-gradient(to right, #7938f328 0%, #00000000 50%, #0281d677 100%);
}

.point-box__bg {
	opacity: .4;
}

.point-box__bg-img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.point-box__item {
	position: relative;
	width: fit-content;
	height: auto;
	max-height: 300px;
	padding: 1rem 1rem 0;
	margin: auto;
	/*  */
	display: flex;
	justify-content: center;
	align-items: end;
}

.point-box__img {
	height: 24vw;
	max-height: 270px;
	width: 100%;
	object-fit: contain;
}

.shortest-time {
	position: absolute;
	right: 16%;
	top: 50%;
	transform: translateY(-50%);
}

.shortest-time__children {
	display: flex;
	justify-content: center;
	margin: auto;
	max-width: clamp(160px, 16vw, 220px);
}

.shortest-time__child {
	flex: 1 1 33.3%;
}

.shortest-time__img {
	height: 8vw;
	width: 100%;
	object-fit: contain;
}


.three-point .decoration__item {
	left: 10%;
}

.three-point .decoration__item:nth-of-type(2n) {
	left: unset;
	right: 10%;
}

/* ---------------------------------------------------------------------- */

.now-rate {
	background: #0003;
	background-size: 10vw;
}

.rate-list {
	display: flex;
	flex-wrap: wrap;
	border-top: 2px dashed var(--white);
}

.rate-list__item {
	position: relative;
	flex: 0 0 25%;
	overflow: hidden;

	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	align-items: center;

	border-bottom: 2px dashed var(--white);
	border-right: 2px dashed var(--white);

	background: linear-gradient(#7938f349 0%, #00000000 50%, #003ab677 100%);
}

.rate-list__item:nth-child(4n) {
	border-right: none;
}

.rate-list__bg {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	/*  */
	opacity: .4;
}

.rate-list .rate-list__inner {
	flex: 9 1 0;
	padding: 1rem 0;
	position: relative;
}

.rate-list .rate-box__num {
	width: auto;
	object-fit: contain;
	height: min(120px, 10svw);
	width: auto;
}

.rate-list .rate-box__decimal {
	width: 100%;
	max-height: min(60px, 5svw);
	width: auto;
	object-fit: contain;
}

.rate-list .rate-box__decimal:first-child {
	max-height: min(60px, 5svw);
	width: auto;
}

.rate-list__card {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-bottom: 2px dashed var(--white);
	flex: 1 1 4vw;
	padding: 0 .5rem;
}

.rate-list__card-image {
	width: min(50px, 3vw);
	aspect-ratio: 1 / 1;
	border-radius: 100%;
	overflow: hidden;
}

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

.rate-list__card-name {
	flex: 9 1 0;

	color: var(--white);
	text-align: center;
	margin-left: clamp(-50px, -3vw, -20px);
	word-break: break-all;
	font-weight: bold;
	font-size: clamp(16px, 1.2vw, 24px);
}

.valid-num {
	flex: 1 1 4vw;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 2px dashed var(--white);
	width: 100%;
	letter-spacing: .2rem;
	background: #35325080;
}

.valid-num__text {
	transition: opacity .5s;
	font-weight: bold;
	font-size: min(26px, 2vw);
	color: var(--white);
	text-shadow: -2px 2px 4px #474f5a;
}

.valid-num--color_fa {
	color: var(--light-green);
}

.valid-num--color_se {
	color: var(--yellow);
}

.valid-num--color_th {
	color: var(--light-red);
}

/* 
.now-rate .decoration__item {
}

.now-rate .decoration__item:nth-of-type(2n) {
	left: unset;
	right: 5%;
} */

.now-rate .decoration__img {
	width: 8svw;
}

/* ---------------------------------------------------------------------- */

.simulation .decoration__item {
	position: absolute;
	z-index: 1;
	left: 0%;
	top: var(--position-y);
	transform: translateY(-50%);
}

.simulation .decoration__item:nth-of-type(2n) {
	left: unset;
	right: 0%;
}

.simulation .decoration__img {
	width: 20svw;
}

/*  */

.simulation__box {
	margin: 1rem;
	border: 2px dashed var(--white);
	padding: 1rem;
	border-radius: 16px;
	background: #0009;
	color: var(--white);
}

/*  */

.arrow-table {}

.arrow-table__body {}

.arrow-table__tr {}

.arrow-table__th {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	border-bottom: 2px dashed var(--white);
	padding: 1rem;
	margin-bottom: 1rem;
}

.arrow-table__th_text-left {
	text-align: left;
}

.arrow-table__td {
	position: relative;
	padding: 1rem 1rem;
	line-height: 1.7;
	font-size: 1.125rem;
}

/*  */

.radio-btn-box {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
}

.radio-btn {
	flex: 0 1 calc(25% - 3rem/4);
}

.radio-btn__input {
	display: none;
}

.radio-count {}

.radio-count_first {}

.radio-btn__label {
	display: block;
	position: relative;
	cursor: pointer;
	height: fit-content;
	width: fit-content;
	overflow: hidden;
}

.radio-btn__radio-bg {
	width: 100%;
}

.radio-btn__name {
	font-weight: 500;
	font-size: min(1rem, 1.2svw);
	text-align: center;
	word-break: break-all;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	z-index: 2;
	margin: auto;
	transform: translateY(-50%);
	color: var(--black);
}

.radio-count_repeat {}

.radio-count_third {}

.radio-kinds {}

.radio-btn__incl-img {}

.radio-btn__img {
	position: absolute;
	left: 3%;
	top: 47%;
	z-index: 2;
	/* width: 4vw; */
	width: min(56px, 4vw);
	padding: .2rem;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	transform: translateY(-50%);
	border-radius: 3.5vw;
	background: var(--white);
}

.input-item {}

.input-total {}

.input-view-box {
	display: block;
	border: none;
	outline: none;
	text-align: center;
	font-size: 3rem;
	background: var(--white);
	color: var(--black);
	height: 6rem;
	margin: auto;
	width: 80%;
}

.arrow-table__td:has(.text-yen)::after {
	content: '円';
	font-size: 1.2rem;
	font-weight: bold;
	color: var(--black);
	position: absolute;
	right: 15%;
	bottom: 1.2rem;
}

.text-yen {}

.simulator__st-box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.simulator__st {
	color: var(--brown);
	font-size: 1.4rem;
	padding: 1rem;
}

.simulator__amount {
	font-size: 2rem;
	font-weight: 500;
}

/*  */
/* 共通設定 */
input[type="range"] {
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 60%;
	height: 8px;
	background: transparent;
	cursor: pointer;
	margin: 2rem auto;
}

/* トラック部分 */
input[type="range"]::-webkit-slider-runnable-track {
	background: #ddd;
	height: 8px;
	border-radius: 4px;
}

input[type="range"]::-moz-range-track {
	background: #ddd;
	height: 8px;
	border-radius: 4px;
}

input[type="range"]::-ms-track {
	background: transparent;
	height: 8px;
	border-color: transparent;
	color: transparent;
}

/* 画像を使った thumb: Chrome, Safari */
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 4rem;
	width: 4rem;
	background: url('./../img/item/ufo.png') no-repeat center center;
	background-size: contain;
	border: none;
	margin-top: -2rem;
	/* トラック中央に配置調整 */
}

/* 画像を使った thumb: Firefox */
input[type="range"]::-moz-range-thumb {
	height: 4rem;
	width: 4rem;
	background: url('./../img/item/ufo.png') no-repeat center center;
	background-size: contain;
	border: none;
}

/* 画像を使った thumb: IE / Edge（旧） */
input[type="range"]::-ms-thumb {
	height: 4rem;
	width: 4rem;
	background: url('./../img/item/ufo.png') no-repeat center center;
	background-size: contain;
	border: none;
}

/* -------------------------------------------------------------------------- */

.group__box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
	border-radius: 8px;
	border-top: 2px dashed var(--white);
}

.group__item {
	flex: 0 1 25%;
	overflow: hidden;
	position: relative;

	/*  */
	display: block;
	width: 100%;
	padding: 1vw;
	/*  */
	text-align: center;
	border-right: 2px dashed var(--white);
	border-bottom: 2px dashed var(--white);
}

.group__item:nth-child(4n) {
	border-right: none;
}

.group__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
}

.group__logo {
	height: 100%;
	width: 100%;
	height: 80px;
	object-fit: contain;
	position: relative;
}



/*フッター
----------------------------------------------------------------------------------------------------*/

footer {
	position: relative;
	/*  */
	width: 100%;
	/*  */
	background: #0009;
	color: var(--white);
}

.footer__global-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/*  */
	border-top: #FFFFFF 2px dashed;
	border-bottom: #FFFFFF 2px dashed;
}

.footer__nav-item {
	flex: 0 1 33.3%;
	text-align: center;
	/*  */
	font-size: 1rem;
	font-weight: 500;
	color: var(--white);
}

.footer__link {
	display: block;
	width: 100%;
	text-align: left;
	padding: 1rem 0rem 1rem 4rem;
	/*  */
	background: url(./../img/item/cloud3.png) no-repeat center;
	background-size: 2rem;
	background-position-x: 1rem;
}

.footer__nav-item:nth-child(2n) .footer__link {
	background: url(./../img/item/cloud4.png) no-repeat center;
	background-size: 2rem;
	background-position-x: 1rem;
}

small {
	display: block;
	width: 100%;
	padding: 2rem 1rem;
	text-align: center;
}


.pagetop {
	position: fixed;
	bottom: 20px;
	/*適宜変更*/
	right: calc(50% - 500px);
	/*適宜変更 これはコンテンツ幅の右に合わせる場合の指定です*/
	z-index: 99;
	/*適宜変更・削除*/

	display: inline-block;
	/*必要があれば適宜変更*/
}

.pagetop img {
	/*アイコンを置く場合などは適宜サイズ指定など追加。*/
}