@charset "utf-8";

/* WordPress デフォルト非表示 */
span#post-comment-total,
h1#post-title {
	display: none;
}


/* 共通 */
html {
	font-size: 16px;
}

body {
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
}

input[type="button"],input[type="text"],input[type="email"],input[type="submit"],input[type="image"],select,textarea {
    outline: none;
}

.renewal-contents-wrap-wrap {
	width: calc(100% - 80px);
	min-height: calc(100vh - 80px);
	border-radius: 60px;
	margin: 40px;
}

.renewal-contents-wrap {
	z-index: 14;
	position: absolute;
	top: 70%;
	left: 50%;
	-webkit-transform: translate(-50%, -70%); /* Safari用 */
	transform: translate(-50%, -70%);
	padding: 4rem 0 4rem;
}

.renewal-contents-wrap .renewal-contents-a {
	display: block;
	width: 600px;
	text-align: center;
	margin: 0;
	padding: 0 0 120px 0;
}

.renewal-contents-wrap .renewal-contents-a .img-wrap {
	width: 300px;
	margin: 0 auto;
}

.renewal-contents-wrap .renewal-contents-a .img-wrap img {
	position: relative;
	z-index: 14;
	width: 100%;
}

.renewal-contents-wrap .renewal-contents-b {
	display: block;
	width: 600px;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 120px 0;
}

.renewal-contents-wrap .renewal-contents-b p {
	position: relative;
	z-index: 14;
	font-size: 1.5rem;
	color: #595757;
	line-height: 2.4;
}

.renewal-contents-wrap .renewal-contents-b .img-wrap img {
}

.renewal-contents-wrap .renewal-contents-c {
	width: 600px;
	text-align: center;
	margin: 0 auto;
}

.renewal-contents-wrap .renewal-contents-c .img-wrap2 {
	display: inline-block;
	width: 135px;
	margin: 0 auto;
	padding: 0 30px 75px 30px;
}

.renewal-contents-wrap .renewal-contents-c .img-wrap2 img {
	position: relative;
	z-index: 14;
	width: 100%;
}

.img-border img,
.img-border a img {
	box-sizing: border-box;
}

/* PC表示 */
.table-pc {
}

.table-pc table {
	position: relative;
	z-index: 20;
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
}

.table-pc table tr {
	margin: 0;
	padding: 0;
}

.table-pc table tr td {
	margin: 0;
	padding: 0;
}

.table-pc table tr td.td01,
.table-pc table tr td.td03,
.table-pc table tr td.td07,
.table-pc table tr td.td09 {
	vertical-align: top;
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0;
}

.table-pc table tr td.td01 img,
.table-pc table tr td.td03 img,
.table-pc table tr td.td07 img,
.table-pc table tr td.td09 img {
	width: 100%;
	height: 100%;
}

.table-pc table tr td.td02 {
	vertical-align: top;
	width: 100%;
}

.table-pc table tr td.td04 {
	width: 80px;
	height: 100%;
}

.table-pc table tr td.td02 img,
.table-pc table tr td.td08 img {
	width: 100%;
	height: 80px;
}

.table-pc table tr td.td04 img,
.table-pc table tr td.td06 img {
	width: 80px;
	height: 100%;
}


/* スマホ表示 */
.table-sp {
}

.table-sp table {
	position: relative;
	z-index: 20;
	width: calc(100% + 28px);
	height: calc(100vh - 82px);
	margin: -14px 0 -14px -14px;
	padding: 0;
}

.table-sp table tr {
	margin: 0;
	padding: 0;
}

.table-sp table tr td {
	margin: 0;
	padding: 0;
}

.table-sp table tr td.td01,
.table-sp table tr td.td03,
.table-sp table tr td.td07,
.table-sp table tr td.td09 {
	vertical-align: top;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
}

.table-sp table tr td.td01 img,
.table-sp table tr td.td03 img,
.table-sp table tr td.td07 img,
.table-sp table tr td.td09 img {
	width: 100%;
	height: 100%;
}

.table-sp table tr td.td02 {
	vertical-align: top;
	width: 100%;
}

.table-sp table tr td.td04 {
	width: 40px;
	height: 100%;
}

.table-sp table tr td.td02 img,
.table-sp table tr td.td08 img {
	width: 100%;
	height: 40px;
}

.table-sp table tr td.td04 img,
.table-sp table tr td.td06 img {
	width: 40px;
	height: 100%;
}


@media screen and (max-width: 1920px) {
html {
	font-size: 12px;
}

.renewal-contents-wrap .renewal-contents-a {
	display: block;
	width: 450px;
	text-align: center;
	margin: 0;
	padding: 0 0 90px 0;
}

.renewal-contents-wrap .renewal-contents-a .img-wrap {
	width: 224px;
	margin: 0 auto;
}

.renewal-contents-wrap .renewal-contents-a .img-wrap img {
	position: relative;
	z-index: 14;
	width: 100%;
}

.renewal-contents-wrap .renewal-contents-b {
	display: block;
	width: 450px;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 90px 0;
}

.renewal-contents-wrap .renewal-contents-b p {
	position: relative;
	z-index: 14;
	font-size: 1.5rem;
	color: #595757;
	line-height: 2.4;
}

.renewal-contents-wrap .renewal-contents-b .img-wrap img {
}

.renewal-contents-wrap .renewal-contents-c {
	width: 450px;
	text-align: center;
	margin: 0 auto;
}

.renewal-contents-wrap .renewal-contents-c .img-wrap2 {
	display: inline-block;
	width: 102px;
	margin: 0 auto;
	padding: 0 22px 56px 22px;
}

.renewal-contents-wrap .renewal-contents-c .img-wrap2 img {
	position: relative;
	z-index: 14;
	width: 100%;
}
}


@media screen and (max-width: 768px) {
html {
	font-size: 13px;
}

.renewal-contents-wrap-wrap {
	width: calc(100% - 40px);
	height: calc(100vh - 140px);
	background-color: #fff;
	border-radius: 30px;
	margin: 20px;
}

.renewal-contents-wrap {
	position: absolute;
	top: inherit;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-50%, 0); /* Safari用 */
	transform: translate(-50%, 0);
	overflow: hidden;
	padding: 0 0 0;
}

.renewal-contents-wrap .renewal-contents-a {
	display: block;
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin: 0;
	padding: 0 0 100px 0;
}

.renewal-contents-wrap .renewal-contents-a .img-wrap {
	width: 225px;
	margin: 0 auto;
}

.renewal-contents-wrap .renewal-contents-a .img-wrap img {
	position: relative;
	z-index: 14;
	width: 100%;
}

.renewal-contents-wrap .renewal-contents-b {
	display: block;
	width: 340px;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 100px 0;
}

.renewal-contents-wrap .renewal-contents-b p {
	position: relative;
	z-index: 14;
	font-size: 1rem;
	color: #595757;
	line-height: 2.4;
}

.renewal-contents-wrap .renewal-contents-b .img-wrap img {
}

.renewal-contents-wrap .renewal-contents-c {
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
}

.renewal-contents-wrap .renewal-contents-c .img-wrap2 {
	display: inline-block;
	width: 110px;
	margin: 0 auto;
	padding: 0 25px 62px 25px;
}

.renewal-contents-wrap .renewal-contents-c .img-wrap2 img {
	position: relative;
	z-index: 14;
	width: 100%;
}

.table-pc {
	display: none;
}
}


@media screen and (max-width: 320px) {
html {
	font-size: 11px;
}

.renewal-contents-wrap {
	padding: 4rem 0 8rem;
}

.renewal-contents-wrap .renewal-contents-a {
	width: 100%;
	max-width: 480px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

.renewal-contents-wrap .renewal-contents-b {
	width: calc(100% - 6rem);
	max-width: 480px;
	text-align: center;
	margin: 0 auto;
	padding: 0 3rem;
}
}


@media(min-width: 769px){
body {
	position: relative;
	width: 100%;
	min-height: 100vh;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	-webkit-text-size-adjust: 100%;
}

a[href^="tel:"]{ /* 電話番号リンクの有効無効 */
	pointer-events: none;
}

.table-sp {
	display: none;
}
}


/* 背景 */
.boundball {
	display: block;
}

@keyframes boundx1 { /* Square */
0%{background-position-x:0%;}
100%{background-position-x:100%;}
}
@keyframes boundy1 {
0%{background-position-y:100%;}
33%{background-position-y:66%;}
66%{background-position-y:33%;}
100%{background-position-y:0%;}
}
.boundball-01 {
	z-index: 12;
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
	/* animation: boundx1 10.73s linear infinite alternate,boundy1 8s linear infinite alternate; */
	animation: boundx1 20s linear infinite alternate,boundy1 16s linear infinite alternate;
	background-image: url(/renewal/img2025/bg_img_01.png);
	background-size: 428px 428px;
	background-repeat: no-repeat;
}

@keyframes boundx2 { /* Triangle */
0%{background-position-x:0%;}
100%{background-position-x:100%;}
}
@keyframes boundy2 {
0%{background-position-y:0%;}
33%{background-position-y:30%;}
66%{background-position-y:60%;}
100%{background-position-y:100%;}
}
.boundball-02 {
	z-index: 2;
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
	/* animation: boundx2 4.73s linear infinite alternate,boundy2 3s linear infinite alternate; */
	animation: boundx2 18s linear infinite alternate,boundy2 20s linear infinite alternate;
	background-image: url(/renewal/img2025/bg_img_02.png);
	background-size: 455px 395px;
	background-repeat: no-repeat;
}

@keyframes boundx3 {  /* Circle */
0%{background-position-x:100%;}
100%{background-position-x:0%;}
}
@keyframes boundy3 {
0%{background-position-y:100%;}
33%{background-position-y:45%;}
66%{background-position-y:15%;}
100%{background-position-y:0%;}
}
.boundball-03 {
	z-index: 3;
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
	/* animation: boundx3 1.73s linear infinite alternate,boundy3 1s linear infinite alternate; */
	animation: boundx3 24s linear infinite alternate,boundy3 18s linear infinite alternate;
	background-image: url(/renewal/img2025/bg_img_03.png);
	background-size: 376px 376px;
	background-repeat: no-repeat;
}
@media screen and (max-width: 1920px) {
.boundball-01 {
	background-size: 320px 320px;
}

.boundball-02 {
	background-size: 342px 296px;
}

.boundball-03 {
	background-size: 282px 282px;
}
}

@media screen and (max-width: 767px) {
.boundball-01 {
	background-size: 192px 192px;
}

.boundball-02 {
	background-size: 206px 178px;
}

.boundball-03 {
	background-size: 170px 170px;
}
}