@charset "utf-8";


@font-face {
  font-family: "Zen Kaku Gothic New";
  src:
    url("../fonts/zen-kaku-gothic-new/ZenKakuGothicNew-Medium.woff2") format("woff2"),
    url("../fonts/zen-kaku-gothic-new/ZenKakuGothicNew-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Zen Kaku Gothic New";
  src:
    url("../fonts/zen-kaku-gothic-new/ZenKakuGothicNew-Bold.woff2") format("woff2"),
    url("../fonts/zen-kaku-gothic-new/ZenKakuGothicNew-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Zen Kaku Gothic New";
  src:
    url("../fonts/zen-kaku-gothic-new/ZenKakuGothicNew-Black.woff2") format("woff2"),
    url("../fonts/zen-kaku-gothic-new/ZenKakuGothicNew-Black.woff") format("woff");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src:
    url("../fonts/outfit/Outfit.woff2") format("woff2"),
    url("../fonts/outfit/Outfit.woff") format("woff");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Oswald";
  src:
    url("../fonts/oswald/Oswald.woff2") format("woff2"),
    url("../fonts/oswald/Oswald.woff") format("woff");
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
}


:root {
  --rn-font-zen-kaku-gothic-new: "Zen Kaku Gothic New", "Yu Gothic", Meiryo, sans-serif;
  --rn-font-outfit: "Outfit", sans-serif;
  --rn-font-oswald: "Oswald", sans-serif;
  --rn-content-width: 70rem;
  --rn-radius: 0.75rem;

  --rn-color-ink: #2c2d2d;
  --rn-color-white: #ffffff;
  --rn-color-background: #ecf8f3;
  --rn-color-gray-line: #e3e3e3;
  --rn-color-gray-line2: #e9e9e9;
  --rn-color-gray-line3: #b1cabf;
  --rn-color-gray-bg: #f5f5f5;
  --rn-color-gray-bg2: #f4f4f4;
  --rn-color-gold: #a7935f;
  --rn-color-gold-bg: #fffdf8;
  --rn-color-yellow: #ffb400;
  --rn-color-yellow-hover: #ffcd55;
  --rn-color-yellow-line: #ffb201;
  --rn-color-yellow-bg: #fffbf0;
  --rn-color-yellow-bg2: #ffebbc;
  --rn-color-yellow-bg3: #fffaf0;
  --rn-color-red: #e35757;
  --rn-color-pink-bg: #f37070;
  --rn-color-green: #157e59;
  --rn-color-green-bg: #cbe6e6;
  --rn-color-green-bg2: #cfeee3;
  --rn-color-green-bg3: #ceeee0;
  --rn-color-kimidori: #06c755;
  --rn-color-kimidori-hover: #5fc388;
  --rn-color-kimidori-bg: #f0ffeb;
  --rn-color-kimidori-bg2: #d7facb;
}










/* ------------------------------ */
/* トップページ用 要素リセット    */
/* ------------------------------ */

body.renewal-site, .renewal-site div, .renewal-site span, .renewal-site object, .renewal-site iframe, .renewal-site h1, .renewal-site h2, .renewal-site h3, .renewal-site h4, .renewal-site h5, .renewal-site h6, .renewal-site p, .renewal-site blockquote, .renewal-site pre, .renewal-site abbr, .renewal-site address, .renewal-site cite, .renewal-site code, .renewal-site del, .renewal-site dfn, .renewal-site em, .renewal-site img, .renewal-site ins, .renewal-site kbd, .renewal-site q, .renewal-site samp, .renewal-site small, .renewal-site strong, .renewal-site sub, .renewal-site sup, .renewal-site var, .renewal-site b, .renewal-site i, .renewal-site dl, .renewal-site dt, .renewal-site dd, .renewal-site ol, .renewal-site ul, .renewal-site li, .renewal-site fieldset, .renewal-site form, .renewal-site label, .renewal-site legend, .renewal-site table, .renewal-site caption, .renewal-site tbody, .renewal-site tfoot, .renewal-site thead, .renewal-site tr, .renewal-site th, .renewal-site td, .renewal-site article, .renewal-site aside, .renewal-site canvas, .renewal-site details, .renewal-site figcaption, .renewal-site figure, .renewal-site footer, .renewal-site header, .renewal-site hgroup, .renewal-site menu, .renewal-site nav, .renewal-site section, .renewal-site summary, .renewal-site time, .renewal-site mark, .renewal-site audio, .renewal-site video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-weight: normal;
    vertical-align:baseline;
    background:transparent;
}

/* 新規追加要素をブロック要素化 */
.renewal-site article, .renewal-site aside, .renewal-site details, .renewal-site figcaption, .renewal-site figure, .renewal-site footer, .renewal-site header, .renewal-site hgroup, .renewal-site menu, .renewal-site nav, .renewal-site section {
    display:block;
}

/* ulのマーカー非表示 */
.renewal-site ol, .renewal-site ul {
    list-style: none;
}

/* 引用符の非表示 */
.renewal-site blockquote, .renewal-site q {
    quotes:none;
}

/* blockquote要素、q要素の前後にコンテンツ非表示 */
.renewal-site blockquote:before, .renewal-site blockquote:after,
.renewal-site q:before, .renewal-site q:after {
    content:'';
    content:none;
}

/* フォントサイズ　リセット フォントの縦方向 ベースライン揃え 点線削除 */
.renewal-site a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline: none;
    text-decoration: none;
}

/*　隣接するセルのボーダーを重ねて表示　*/
.renewal-site table {
    border-collapse:collapse;
    border-spacing:0;
}

/* 水平罫線デフォルトリセット */
.renewal-site hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/* 縦方向の揃え 中央揃え */
.renewal-site input, .renewal-site select {
    vertical-align:middle;
}

/* 画像を縦に並べた時に余白0 */
.renewal-site img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	max-width: 100%;
	height: auto;
}

.renewal-site .clearfix:after {
	overflow: hidden;
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}

.renewal-site br {
	line-height: inherit;
}

/* 表示切り替え */
.renewal-site #rn-wrapper .sp-display {
	display: none;
}
.renewal-site #rn-wrapper .tb-display {
	display: none;
}
@media screen and (max-width: 1023px) {
    .renewal-site #rn-wrapper .tb-display {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .renewal-site #rn-wrapper .sp-display {
        display: block;
    }
}

/*  配置  */
.renewal-site .flex-nml {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
}
.renewal-site .flex-btw {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.renewal-site .flex-cnt {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.renewal-site .flex-end {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
}
.renewal-site .row-reverse {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.renewal-site .items-center {
	-webkit-align-items: center;
	align-items: center;
}
.renewal-site .items-start {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.renewal-site .items-end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}


.renewal-site,
.renewal-site *,
.renewal-site *:before,
.renewal-site *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}










/* ------------------------------ */
/* トップページ用 コンテンツ部分  */
/* ------------------------------ */

body.renewal-site {
	position: relative;
	min-width: 0;
	width: 100%;
	margin: 0;
	color: var(--rn-color-ink);
	font-family: var(--rn-font-zen-kaku-gothic-new);
	font-size: 1rem;
	line-height: 1.8;
    font-weight: 500;
	letter-spacing: 0;
	padding: 0px 0 0 !important;
}
body.renewal-site::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-background);
	z-index: -10;
}

.renewal-site .rn-site {
  min-height: 100vh;
}

.renewal-site .rn-font-zen-kaku-gothic-new {
  font-family: var(--rn-font-zen-kaku-gothic-new);
}

.renewal-site .rn-font-outfit {
  font-family: var(--rn-font-outfit);
}

.renewal-site .rn-font-oswald {
  font-family: var(--rn-font-oswald);
}

@media (prefers-reduced-motion: reduce) {
  .renewal-site *,
  .renewal-site *::before,
  .renewal-site *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}


.renewal-site #rn-wrapper {
	overflow: hidden; /* フォールバック */
	overflow: clip;   /* モダンブラウザ向け */
}
.renewal-site .rn-sponly {
	display: none;
}
.renewal-site .rn-pconly {
	display: inline;
}

.renewal-site #rn-linkform {
	scroll-margin-top: 80px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
	body.renewal-site {
		padding: 70px 0 0 !important;
	}
	.renewal-site #rn-linkform {
		scroll-margin-top: 70px;
	}
}

@media screen and (max-width:768px) {
	.renewal-site .rn-sponly {
		display: inline;
	}
	.renewal-site .rn-pconly {
		display: none;
	}
}

@media screen and (max-width:390px) {
}


/* scroll_up ｜ 下から上へ出現
---------------------------------*/
.renewal-site .scroll_up {
	transition: 0.8s ease-in-out;
	transform: translateY(20px);
	opacity: 0;
}
.renewal-site .scroll_up.is-inview {
	transform: translateY(0);
	opacity: 1.0;
}


/*	サイド かんたん修理見積
---------------------------------*/
.renewal-site .rn-side-btn {
	position: fixed;
	bottom: 30%;
	right: 0;
	line-height: 1;
	z-index: 1010;
}
.renewal-site .rn-side-btn ul {
	margin: 0;
	font-size: 0;
}
.renewal-site .rn-side-btn ul li {
	width: clamp(50px, 50px + 17 * (100vw - 390px) / 953, 67px);
	display: block;
}
.renewal-site .rn-side-btn ul li a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .rn-side-btn ul li a:hover {
    opacity: 0.6;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
	.renewal-site .rn-side-btn {
		display: none;
	}
}

@media screen and (max-width:390px) {
}


/*	最下部 電話番号
---------------------------------*/
.renewal-site .rn-btm-btn {
	position: fixed;
	bottom: 5px;
	left: 0;
	width: 100%;
	line-height: 1;
	z-index: 1010;
}
.renewal-site .rn-btm-btn ul {
	margin: 0;
	font-size: 0;
    text-align: center;
}
.renewal-site .rn-btm-btn ul li {
	max-width: 630px;
	width: 100%;
	display: inline-block;
}
.renewal-site .rn-btm-btn ul li a {
	width: 100%;
	display: block;
    border-radius: 8px;
    border: var(--rn-color-green) 3px solid;
    background: var(--rn-color-white);
    position: relative;
    padding-top: 35px;
    padding-bottom: 10px;
    text-decoration: none;
	color: var(--rn-color-ink);
    text-align: left;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.renewal-site .rn-btm-btn ul li a .rn-btm-btn-img {
    position: absolute;
    bottom: 0px;
    right: -130px;
	width: 284px;
}
.renewal-site .rn-btm-btn ul li a .rn-btm-btn-ttl01 {
    position: absolute;
    top: -18px;
    left: 20%;
	width: 60%;
    text-align: center;
}
.renewal-site .rn-btm-btn ul li a .rn-btm-btn-ttl01 img {
}
.renewal-site .rn-btm-btn ul li a .rn-btm-btn-ttl02 {
    margin-left: 130px;
}

.renewal-site .rn-btm-btn ul li a strong {
    margin-left: 30px;
	display: inline-block;
	position: relative;
    padding-left: 100px;
	letter-spacing: 2px;
    line-height: 1;
	font-size: 48px;
	font-weight: 500;
    font-family: var(--rn-font-outfit);
}
.renewal-site .rn-btm-btn ul li a strong::before {
	transform: translateY(-50%);
	content: "";
	display: block;
	position: absolute;
	top: 30%;
	left: 0;
	margin: 0;
    width: 84px;
    height: 51px;
    background: url("../img/top/icon-free.svg") no-repeat center center;
    background-size: contain;
}
.renewal-site .rn-btm-btn ul li a p {
	padding: 0px 0 0 200px;
	font-size: 15px;
    line-height: 1.6;
	letter-spacing: 0px;
	font-weight: 500;
}
.renewal-site .rn-btm-btn ul li a p span {
	font-size: 15px;
    line-height: 1.6;
	letter-spacing: 0px;
	font-weight: 500;
    font-family: var(--rn-font-outfit);
}

.renewal-site .rn-btm-btn ul li a .rn-btm-btn-telbtn {
    display: none;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
    .renewal-site .rn-btm-btn {
        bottom: 5px;
        left: 5px;
        width: calc(100% - 10px);
    }
    .renewal-site .rn-btm-btn ul li a .rn-btm-btn-img {
        display: none;
    }
    .renewal-site .rn-btm-btn ul li a .rn-btm-btn-ttl01 {
        top: -3vw;
    }
    .renewal-site .rn-btm-btn ul li a .rn-btm-btn-ttl02 {
        margin-left: 30px;
        margin-right: 30px;
    }
    .renewal-site .rn-btm-btn ul li {
        max-width: 100%;
        width: 100%;
    }
    .renewal-site .rn-btm-btn ul li a {
        padding-top: 15px;
        padding-bottom: 5px;
        text-align: center;
    }
    .renewal-site .rn-btm-btn ul li a strong {
        margin-left: 0px;
        padding-left: clamp(40px, 40px + 60 * (100vw - 390px) / 953, 100px);
        letter-spacing: 2px;
        font-size: clamp(35px, 35px + 13 * (100vw - 390px) / 953, 48px);
    }
    .renewal-site .rn-btm-btn ul li a strong::before {
        top: 50%;
        width: clamp(35px, 35px + 45 * (100vw - 390px) / 953, 80px);
    }
    .renewal-site .rn-btm-btn ul li a p {
        margin-top: -2px;
        padding: 0px 0 0 0;
        font-size: clamp(12px, 12px + 3 * (100vw - 390px) / 953, 15px);
    }
    .renewal-site .rn-btm-btn ul li a p span {
        font-size: clamp(12px, 12px + 3 * (100vw - 390px) / 953, 15px);
    }
    .renewal-site .rn-btm-btn ul li a .rn-btm-btn-telbtn {
        margin-top: 2px;
        margin-left: 10px;
        margin-right: 10px;
        display: block;
        background: linear-gradient(148deg, #1FAF56 0%, #1BE056 100%);
        text-align: center;
        border-radius: 5px;
    }
    .renewal-site .rn-btm-btn ul li a:hover .rn-btm-btn-telbtn {
        background: var(--rn-color-green);
    }
    .renewal-site .rn-btm-btn ul li a .rn-btm-btn-telbtn .span01 {
        display: block;
        background: url("../img/top/icon-tel-right-sp.svg") no-repeat 96% center;
        background-size: 6px;
        padding-top: 1px;
        padding-bottom: 2px;
    }
    .renewal-site .rn-btm-btn ul li a .rn-btm-btn-telbtn .span02 {
        padding-left: 15px;
        font-size: 12px;
        line-height: 1.6;
        letter-spacing: 0px;
        font-weight: 700;
        color: var(--rn-color-white);
        background: url("../img/top/icon-tel-sp.svg") no-repeat left center;
        background-size: 11px;
    }
}

@media screen and (max-width:390px) {
}


/*	ヘッダー
---------------------------------*/
.renewal-site header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 1;
	z-index: 1010;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site header.bgwhite {
    background-color: #ffffff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .hd-inr {
	position: relative;
	margin: 0 auto;
	padding: 0 40px 0px 40px;
	width: 100%;
    height: 80px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site header.bgwhite .hd-inr {
    height: 80px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.renewal-site .hd-catch {
    position: absolute;
    top: 26px;
    left: 290px;
    font-size: clamp(9px, 9px + 1 * (100vw - 390px) / 953, 10px);
    line-height: 1.4;
    letter-spacing: 0px;
    font-weight: 500;
    color: #003B26;
}

.renewal-site .hd-logo {
    margin: 0px 0 0px 0;
    width: 226px;
    z-index: 1002;
}
.renewal-site .hd-logo img {
	width: 100%;
	height: auto;
}
.renewal-site header.bgwhite .hd-logo {
}

.renewal-site .hd-info {
	width: calc(100% - 226px);
	vertical-align: top;
}
.renewal-site .hd-menu {
	margin: 0;
	padding: 0px 0 0;
}
.renewal-site .hd-contact {
}

.renewal-site .hd-tel {
    position: absolute;
    top: 0px;
    right: 496px;
    width: 260px;
    height: 76px;
    background: var(--rn-color-white);
    border-left: var(--rn-color-green) 3px solid;
    border-right: var(--rn-color-green) 3px solid;
    border-bottom: var(--rn-color-green) 3px solid;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
}
.renewal-site .hd-tel a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 17px 0px 0px 0px;
    text-align: center;
    text-decoration: none;
}
.renewal-site .hd-tel strong {
	display: inline-block;
	position: relative;
    padding-left: 38px;
	letter-spacing: 1px;
    line-height: 1;
    font-size: clamp(26px, 26px + 0 * (100vw - 390px) / 953, 26px);
	font-weight: 600;
    color: var(--rn-color-green);
    font-family: var(--rn-font-outfit);
}
.renewal-site .hd-tel strong::before {
	transform: translateY(-50%);
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin: 0;
    width: 32px;
    height: 19px;
    background: url("../img/top/icon-free.svg") no-repeat center center;
    background-size: contain;
}
.renewal-site .hd-tel p {
	padding: 0px 0 0 0px;
    font-size: clamp(12px, 12px + 0 * (100vw - 390px) / 953, 12px);
    line-height: 1.6;
	letter-spacing: 0px;
	font-weight: 500;
    color: var(--rn-color-ink);
}
.renewal-site .hd-tel p span {
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    font-size: clamp(12px, 12px + 0 * (100vw - 390px) / 953, 12px);
    line-height: 1.6;
	letter-spacing: 0px;
	font-weight: 500;
    color: var(--rn-color-ink);
    font-family: var(--rn-font-outfit);
}

.renewal-site .hd-line {
    position: absolute;
    top: 0px;
    right: 268px;
    width: 220px;
}
.renewal-site .hd-line a {
    display: block;
    width: 100%;
    height: 76px;
    padding-top: 14px;
    text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    position: relative;
}
.renewal-site .hd-line a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #06C755 11%, #1C6137 150%);
	border-radius: 0px 0px 10px 10px;
	z-index: -2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .hd-line a:hover::before {
    opacity: 0;
}
.renewal-site .hd-line a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #1C6137 0%, #06C755 100%);
	border-radius: 0px 0px 10px 10px;
	z-index: -3;
}
.renewal-site .hd-line a .span01 {
    display: inline-block;
    background: url("../img/top/icon-line.svg") no-repeat left 10px;
    background-size: 32px;
    padding-left: 43px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: clamp(22px, 22px + 0 * (100vw - 390px) / 953, 22px);
    line-height: 1.1;
    letter-spacing: 1px;
    font-weight: 500;
    color: var(--rn-color-white);
}
.renewal-site .hd-line a .span02 {
    display: none;
}

.renewal-site .hd-mail {
    position: absolute;
    top: 0px;
    right: 40px;
    width: 220px;
}
.renewal-site .hd-mail a {
    display: block;
    width: 100%;
    height: 76px;
    padding-top: 14px;
    text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    position: relative;
}
.renewal-site .hd-mail a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #FFB400 0%, #FF8800 100%);
	border-radius: 0px 0px 10px 10px;
	z-index: -2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .hd-mail a:hover::before {
    opacity: 0;
}
.renewal-site .hd-mail a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #FF8800 0%, #FFB400 100%);
	border-radius: 0px 0px 10px 10px;
	z-index: -3;
}
.renewal-site .hd-mail a span {
    display: inline-block;
    background: url("../img/top/icon-contact.svg") no-repeat left 7px;
    background-size: 32px;
    padding-left: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: clamp(22px, 22px + 0 * (100vw - 390px) / 953, 22px);
    line-height: 1.1;
    letter-spacing: 1px;
    font-weight: 500;
    color: var(--rn-color-white);
}

@media screen and (max-width:1343px) {
    .renewal-site .hd-catch {
        display: none;
    }
    .renewal-site .hd-tel {
        right: 452px;
        width: 240px;
    }
    .renewal-site .hd-line {
        right: 246px;
        width: 200px;
    }
    .renewal-site .hd-mail {
        right: 40px;
        width: 200px;
    }
}

@media screen and (max-width:1023px) {
    .renewal-site header {
        background-color: #ffffff;
    }
	.renewal-site .hd-inr {
		padding: 0px 0px 0px 20px;
		height: 70px;
	}
    .renewal-site header.bgwhite .hd-inr {
        height: 70px;
    }
	.renewal-site .hd-logo {
        margin-bottom: 10px;
		width: 160px;
	}
	.renewal-site .hd-info {
		width: calc(100% - 160px);
		padding: 0 60px 0 0;
		align-items: center;
	}
	.renewal-site .hd-contact {
		height: 52px;
	}
	.renewal-site .hd-menu {
		margin: 0;
		padding: 0;
	}
    .renewal-site .hd-catch {
        display: inline;
        top: 50px;
        left: 20px;
    }
    .renewal-site .hd-catch br {
        display: none;
    }
    .renewal-site .hd-tel {
        display: none;
    }
    .renewal-site .hd-line {
        top: 7px;
        right: 56px;
        width: 140px;
    }
    .renewal-site .hd-line a {
        width: 100%;
        height: 43px;
        padding-top: 0px;
    }
    .renewal-site .hd-line a::before {
        border-radius: 6px 6px 6px 6px;
    }
    .renewal-site .hd-line a::after {
        border-radius: 6px 6px 6px 6px;
    }
    .renewal-site .hd-line a .span01 {
        display: none;
    }
    .renewal-site .hd-line a .span02 {
        display: inline-block;
        background: url("../img/top/icon-line.svg") no-repeat right 8px;
        background-size: 28px;
        padding-right: 28px;
        padding-top: 2px;
        padding-bottom: 0px;
        font-size: clamp(14px, 14px + 0 * (100vw - 390px) / 953, 14px);
        line-height: 1.2;
        letter-spacing: 0.2px;
        font-weight: 700;
        color: var(--rn-color-white);
        text-align: left;
    }
    .renewal-site .hd-line a .span03 {
        font-size: clamp(11px, 11px + 0 * (100vw - 390px) / 953, 11px);
        line-height: 1.2;
        letter-spacing: 0px;
        font-weight: 700;
        color: #FCF405;
    }
    .renewal-site .hd-line a .span04 {
        font-size: clamp(11px, 11px + 0 * (100vw - 390px) / 953, 11px);
        line-height: 1.2;
        letter-spacing: 0px;
        font-weight: 700;
        color: var(--rn-color-white);
    }
    .renewal-site .hd-mail {
        display: none;
    }
}

@media screen and (max-width:768px) {
	.renewal-site .hd-inr {
		padding: 0px 0px 0px 10px;
    }
    .renewal-site .hd-catch {
        top: 54px;
        left: 6px;
    }
}

@media screen and (max-width:390px) {
}

@media screen and (max-width:360px) {
	.renewal-site .hd-logo {
		width: 140px;
	}
	.renewal-site .hd-info {
		width: calc(100% - 140px);
	}
}

@media screen and (max-width:320px) {
    .renewal-site .hd-catch {
        left: 5px;
        font-size: clamp(8px, 8px + 0 * (100vw - 390px) / 953, 8px);
    }
    .renewal-site .hd-line {
        display: none;
    }
}


/*	グローバナビ（PC用）
---------------------------------*/
.renewal-site .pc-nav {
	line-height: 1;
}
.renewal-site .pc-nav > ul {
	margin: 9px 20px 0 0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .pc-nav > ul > li {
	position: relative;
	margin: 0px 0px 0 clamp(8px, 8px + 12 * (100vw - 375px) / 1100, 20px);
	padding: 0 0px 0px 0px;
	height: 30px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .pc-nav > ul > li.first {
	margin: 0;
	padding: 0;
}
.renewal-site .pc-nav > ul > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	text-align: center;
    font-size: clamp(6px, 6px + 10 * (100vw - 375px) / 1100, 16px);
	line-height: 1.5;
	letter-spacing: 0px;
	font-weight: 700;
}
.renewal-site .pc-nav > ul > li > a span {
	position: relative;
}
.renewal-site .pc-nav > ul > li.current a,
.renewal-site .pc-nav > ul > li a:hover {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.renewal-site .pc-nav > ul > li.parent div {
	position: absolute;
	top: 100%;
	left: calc(50% + 0px);
	transform: translateX(-50%);
	padding: 10px 5px 10px 5px;
	width: 120px;
	max-height: 0;
	background: #000000;
	text-align: center;
	border-radius: 0px;
	z-index: 100;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .pc-nav > ul > li.parent div ul {
	display: inline-block;
}
.renewal-site .pc-nav > ul > li.parent div li a {
	display: block;
	padding: 5px 0px 5px 0px;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 400;
	line-height: 1.6;
	color: #ffffff;
}
.renewal-site .pc-nav > ul > li.parent div li a:hover {
	opacity: 0.8;
}
.renewal-site .pc-nav > ul > li.parent:hover div {
	max-height: 360px;
	opacity: 1;
}

@media screen and (max-width: 1023px) {
	.renewal-site .pc-nav {
		display: none;
	}
	.renewal-site .pconly-nav {
		display: none;
	}
}


/*	グローバナビ（スマホ用）
---------------------------------*/
.renewal-site header .navToggle,
.renewal-site header nav.sp-nav {
	display:none;
}
@media screen and (max-width: 1023px) {
	.renewal-site header nav.sp-nav {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		margin: 0;
		padding: 118px 16px 40px;
		width: 100%;
		height: 100%;
		background: var(--rn-color-background);
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 0px;
		overflow-y: auto;
		overscroll-behavior: contain;
		z-index: 1000;
		visibility: hidden;
		opacity: 0;
		transform: scale(0.8);
		transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	}
	/* ナビゲーション アニメーション */
	.renewal-site header.open nav.sp-nav {
		visibility: visible;
		opacity: 1;
		transform: scale(1);
		transition: transform 0.4s, opacity 0.4s;
	}
	.renewal-site header nav.sp-nav a {
		color:var(--rn-color-ink);
		font-weight: 500;
	}
	.renewal-site header nav.sp-nav a * {
		transition: 0s;
	}
	.renewal-site header nav.sp-nav > ul {
		display: block;
		position: static;
		width: 100%;
	}
	.renewal-site header nav.sp-nav > ul > li {
		margin: 12px 0 0;
		text-align: center;
		line-height: 1;
		text-transform: uppercase;
        border-bottom: #C4D8D0 1px solid;
        text-align: left;
	}
	.renewal-site header nav.sp-nav > ul > li:first-child {
		margin-top: 0;
	}
	.renewal-site header nav.sp-nav > ul > li a {
        display: block;
		padding: 0 0 11px;
		background: url("../img/top/icon-menu-sp.svg") no-repeat calc(100% - 10px) 2px;
        background-size: 9px;
	}

	.renewal-site header nav.sp-nav > ul > li.parent {
		margin: 25px 5px 25px 5px;
	}
	.renewal-site header nav.sp-nav > ul > li.parent > a {
		text-decoration: none;
		border: none;
	}
	.renewal-site header nav.sp-nav > ul > li.parent div ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 5px 0 0;
	}
	.renewal-site header nav.sp-nav > ul > li.parent div li {
		margin: 2px 0 0;
		font-size: 0.8em;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 1px;
	}
	.renewal-site header nav.sp-nav > ul > li.parent div li a {
		display: inline-block;
		color: var(--rn-color-ink);
	}
	.renewal-site header nav.sp-nav > ul > li.parent div li a:hover {
		display: inline-block;
		border-bottom: none;
	}
	.renewal-site header nav.sp-nav > ul > li.parent div li:last-of-type {
		margin: 2px 0 0;
	}
	.renewal-site header nav.sp-nav > ul > li.parent div li::after {
		content: "/";
		display: inline;
		margin: 0 5px;
		color: var(--rn-color-ink);
	}
	.renewal-site header nav.sp-nav > ul > li.parent div li:last-of-type::after {
		display: none;
	}
	.renewal-site header nav.sp-nav ul li strong,
	.renewal-site header nav.sp-nav ul li br {
		display: none;
	}
	.renewal-site header nav.sp-nav ul li span span,
	.renewal-site header nav.sp-nav ul li br {
		display: none;
	}

	.renewal-site header nav.sp-nav > ul > li.tb-contact {
		margin: -5px 0;
	}
	.renewal-site header nav.sp-nav > ul > li.tb-contact a {
	}

	/*ハンバーガーボタン*/
	.renewal-site header .navToggle {
		display: block;
		position: absolute;
		right: 0px;
		top: 0px;
		margin: auto;
		width: 50px;
		height: 50px;
		background: var(--rn-color-green);
		border-radius: 0px 0px 0px 10px;
		cursor: pointer;
		z-index: 1002;
	}
	.renewal-site header .navToggle div {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 28px;
		height: 16px;
	}
	.renewal-site header .navToggle span {
		display: block;
		position: absolute;
		height:2px;
		width:100%;
		background: var(--rn-color-white);
		left:0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	.renewal-site header .navToggle span:nth-child(1) {
		top: 0;
	}
	.renewal-site header .navToggle span:nth-child(2) {
		top: 7px;
	}
	.renewal-site header .navToggle span:nth-child(3) {
		top: 14px;
	}
	/* ハンバーガーボタン 切り替えアニメーション */
	.renewal-site header.open .navToggle span {
	}
	.renewal-site header.open .navToggle span:nth-child(1) {
		top: 7px;
		transform: rotate(315deg);
	}
	.renewal-site header.open .navToggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.renewal-site header.open .navToggle span:nth-child(3) {
		top: 7px;
		transform: rotate(-315deg);
	}
}

/*	基本レイアウト
---------------------------------*/
.renewal-site .contents-inr {
    position: relative;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1320px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .contents-inr {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:390px) {
}


/*	メイン画像
---------------------------------*/
.renewal-site .rn-top-main {
    position: relative;
}
.renewal-site .rn-top-main .contents-inr {
    padding-top: 90px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100%;
}
.renewal-site .rn-top-main .ttl01 {
    width: 57%;
}
.renewal-site .rn-top-main .ttl01 img {
    width: 100%;
    height: auto;
}


.renewal-site .rn-top-main .bg01 {
	position: absolute;
	top: 0;
	right: 0;
	width: 64%;
	height: 100%;
	border-radius: 150px 0 150px 0;
	overflow: hidden;
	z-index: -8;
}

.renewal-site .rn-top-main .main-img {
	position: relative;
	width: 100%;
        height: 57vw;
	background: no-repeat center center / cover;
}
.renewal-site .rn-top-main .main-img.img01 {
	background-image: url("../img/top/main-bg01-new.webp");
}
.renewal-site .rn-top-main .main-img.img02 {
	background-image: url("../img/top/main-bg02-new.webp");
}
.renewal-site .rn-top-main .main-img.img03 {
	background-image: url("../img/top/main-bg03-new.webp");
}
.renewal-site .rn-top-main .main-img.img04 {
	background-image: url("../img/top/main-bg04-new.webp");
}
.renewal-site .rn-top-main .main-img.img05 {
	background-image: url("../img/top/main-bg05-new.webp");
}

.renewal-site .rn-top-main .bx-controls {
	display: none;
}


.renewal-site .rn-top-main .btn-cmn-line02 {
    margin-top: 20px;
    margin-right: 2px;
    width: 22%;
    display: inline-block;
}
.renewal-site .rn-top-main .btn-cmn-contact02 {
    margin-top: 20px;
    width: 22%;
    display: inline-block;
}

@media screen and (max-width:1343px) {
    .renewal-site .rn-top-main .btn-cmn-line02 {
        width: 30%;
    }
    .renewal-site .rn-top-main .btn-cmn-contact02 {
        width: 30%;
    }
	.renewal-site .rn-top-main .main-img {
	        height: 59vw;
	}
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-main .contents-inr {
        padding-top: 0px;
}
    .renewal-site .rn-top-main .ttl01 {
        width: 66%;
    }
    .renewal-site .rn-top-main .btn-cmn-line02 {
        width: 40%;
    }
    .renewal-site .rn-top-main .btn-cmn-contact02 {
        width: 40%;
    }
	.renewal-site .rn-top-main .main-img {
	        height: 62vw;
	}
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-main .contents-inr {
        padding-bottom: 7vw;
        padding-left: 15px;
        padding-right: 15px;
    }
    .renewal-site .rn-top-main .ttl01 {
        margin-top: -4vw;
        width: 102%;
    }
    .renewal-site .rn-top-main .bg01 {
        margin-top: 5vw;
        position: static;
        width: 100%;
        height: 90vw;
        border-radius: 60px 0 60px 0;
    }

	.renewal-site .rn-top-main .main-img {
		position: relative;
		width: 100%;
	        height: 90vw;
	}

    .renewal-site .rn-top-main .btn-cmn-line02 {
        margin-top: 25px;
        margin-right: 0px;
        width: 100%;
    }
    .renewal-site .rn-top-main .btn-cmn-contact02 {
        margin-top: 10px;
        width: 100%;
    }
}

@media screen and (max-width:390px) {
}


/*	汎用ボタン
---------------------------------*/
.renewal-site .btn-cmn01 {
}
.renewal-site .btn-cmn01 a {
    display: block;
    width: 100%;
    padding: 10px 5px 10px 5px;
    text-align: center;
	letter-spacing: 1px;
    line-height: 1.4;
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
	font-weight: 700;
    color: var(--rn-color-green);
    background: var(--rn-color-white) url("../img/top/icon05.svg") no-repeat 93% center;
    background-size: 8px;
    border: var(--rn-color-green) 2px solid;
    border-radius: 100px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .btn-cmn01 a:hover {
    color: var(--rn-color-white);
    background: var(--rn-color-green) url("../img/top/icon06.svg") no-repeat 93% center;
    background-size: 8px;
    border: var(--rn-color-green) 2px solid;
}

.renewal-site .btn-cmn02 {
}
.renewal-site .btn-cmn02 a {
    display: block;
    width: 100%;
    padding: 20px 5px 20px 5px;
    text-align: center;
	letter-spacing: 1px;
    line-height: 1.4;
    font-size: clamp(20px, 20px + 0 * (100vw - 390px) / 953, 20px);
	font-weight: 700;
    color: var(--rn-color-white);
    background: var(--rn-color-kimidori) url("../img/top/icon06.svg") no-repeat 90% center;
    background-size: 8px;
    border-radius: 100px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .btn-cmn02 a:hover {
    color: var(--rn-color-white);
    background: var(--rn-color-green) url("../img/top/icon06.svg") no-repeat 90% center;
    background-size: 8px;
}

.renewal-site .btn-cmn02-line {
}
.renewal-site .btn-cmn02-line a {
    display: block;
    width: 100%;
    padding: 10px 5px 10px 5px;
    text-align: center;
	letter-spacing: 1px;
    line-height: 1.6;
    font-size: clamp(14px, 14px + 2 * (100vw - 390px) / 953, 16px);
	font-weight: 500;
    color: var(--rn-color-white);
    background: var(--rn-color-kimidori);
    border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .btn-cmn02-line a:hover {
    color: var(--rn-color-white);
    background: var(--rn-color-green);
}

.renewal-site .btn-cmn-tel {
    width: 100%;
    height: 96px;
    background: var(--rn-color-white);
    border: var(--rn-color-green) 3px solid;
    border-radius: 10px;
    overflow: hidden;
}
.renewal-site .btn-cmn-tel a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 17px 0px 0px 0px;
    text-align: center;
    text-decoration: none;
}
.renewal-site .btn-cmn-tel strong {
	display: inline-block;
	position: relative;
    padding-left: 63px;
	letter-spacing: 1px;
    line-height: 1;
    font-size: clamp(10px, 10px + 26 * (100vw - 390px) / 953, 36px);
	font-weight: 700;
    color: var(--rn-color-green);
    font-family: var(--rn-font-outfit);
}
.renewal-site .btn-cmn-tel strong::before {
	transform: translateY(-50%);
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin: 0;
    width: 54px;
    height: 32px;
    background: url("../img/top/icon-free.svg") no-repeat center center;
    background-size: contain;
}
.renewal-site .btn-cmn-tel p {
    margin-top: -5px;
	padding: 0px 0 0 0px;
    font-size: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    line-height: 1.6;
	letter-spacing: 0px;
	font-weight: 500;
    color: var(--rn-color-ink);
}
.renewal-site .btn-cmn-tel p span {
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    font-size: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    line-height: 1.6;
	letter-spacing: 0px;
	font-weight: 500;
    color: var(--rn-color-ink);
    font-family: var(--rn-font-outfit);
}

.renewal-site .btn-cmn-tel-ft {
    margin-top: -2px;
    margin-bottom: 15px;
}
.renewal-site .btn-cmn-tel-ft a {
    display: inline-block;
    text-decoration: none;
}
.renewal-site .btn-cmn-tel-ft strong {
	display: inline-block;
	position: relative;
    padding-left: 62px;
	letter-spacing: 1px;
    line-height: 1;
    font-size: clamp(38px, 38px + 2 * (100vw - 390px) / 953, 40px);
	font-weight: 500;
    color: var(--rn-color-ink);
    font-family: var(--rn-font-outfit);
}
.renewal-site .btn-cmn-tel-ft strong::before {
	transform: translateY(-50%);
	content: "";
	display: block;
	position: absolute;
	top: 68%;
	left: 0;
	margin: 0;
    width: 48px;
    height: 48px;
    background: url("../img/top/icon-free03.svg") no-repeat center center;
    background-size: contain;
}
.renewal-site .btn-cmn-tel-ft p {
    margin-top: -5px;
	padding: 0px 0 0 60px;
    font-size: clamp(12px, 12px + 0 * (100vw - 390px) / 953, 12px);
    line-height: 1.6;
	letter-spacing: 0px;
	font-weight: 500;
    color: var(--rn-color-ink);
}
.renewal-site .btn-cmn-tel-ft p span {
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    font-size: clamp(12px, 12px + 0 * (100vw - 390px) / 953, 12px);
    line-height: 1.6;
	letter-spacing: 0px;
	font-weight: 500;
    color: var(--rn-color-ink);
    font-family: var(--rn-font-outfit);
}

.renewal-site .btn-cmn-line {
}
.renewal-site .btn-cmn-line a {
    display: block;
    width: 100%;
    height: 96px;
    padding-top: 18px;
    text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    position: relative;
}
.renewal-site .btn-cmn-line a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #06C755 11%, #1C6137 150%);
	border-radius: 10px;
	z-index: -2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .btn-cmn-line a:hover::before {
    opacity: 0;
}
.renewal-site .btn-cmn-line a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #1C6137 0%, #06C755 100%);
	border-radius: 10px;
	z-index: -3;
}
.renewal-site .btn-cmn-line a .span01 {
    display: inline-block;
    background: url("../img/top/icon-line.svg") no-repeat left 5px;
    background-size: clamp(20px, 20px + 36 * (100vw - 390px) / 953, 56px);
    padding-left: clamp(25px, 25px + 45 * (100vw - 390px) / 953, 70px);
    font-size: clamp(10px, 10px + 22 * (100vw - 390px) / 953, 32px);
    line-height: 0.9;
    letter-spacing: 1.8px;
    font-weight: 700;
    color: var(--rn-color-white);
    text-align: left;
}
.renewal-site .btn-cmn-line a .span02 {
    font-size: clamp(2px, 2px + 18 * (100vw - 390px) / 953, 20px);
    line-height: 1;
    letter-spacing: 1.8px;
    font-weight: 500;
    color: var(--rn-color-white);
}

.renewal-site .btn-cmn-line-ft {
}
.renewal-site .btn-cmn-line-ft a {
    display: block;
    width: 100%;
    height: 75px;
    padding-top: 17px;
    text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    position: relative;
}
.renewal-site .btn-cmn-line-ft a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-kimidori);
	border-radius: 50px;
	z-index: -2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .btn-cmn-line-ft a:hover::before {
    opacity: 0;
}
.renewal-site .btn-cmn-line-ft a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-kimidori-hover);
	border-radius: 50px;
	z-index: -3;
}
.renewal-site .btn-cmn-line-ft a .span01 {
    display: inline-block;
    background: url("../img/top/icon-line.svg") no-repeat left 3px;
    background-size: 40px;
    padding-left: 50px;
    font-size: 23px;
    line-height: 0.9;
    letter-spacing: 1px;
    font-weight: 500;
    color: var(--rn-color-white);
    text-align: center;
}
.renewal-site .btn-cmn-line-ft a .span02 {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0px;
    font-weight: 500;
    color: var(--rn-color-ink);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .btn-cmn-line-ft a:hover .span02 {
    color: var(--rn-color-white);
}

.renewal-site .btn-cmn-contact {
}
.renewal-site .btn-cmn-contact a {
    display: block;
    width: 100%;
    height: 96px;
    padding-top: 15px;
    text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    position: relative;
}
.renewal-site .btn-cmn-contact a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #FFB400 0%, #FF8800 100%);
	border-radius: 10px;
	z-index: -2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .btn-cmn-contact a:hover::before {
    opacity: 0;
}
.renewal-site .btn-cmn-contact a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #FF8800 0%, #FFB400 100%);
	border-radius: 10px;
	z-index: -3;
}
.renewal-site .btn-cmn-contact a .span01 {
    display: inline-block;
    background: url("../img/top/icon-contact.svg") no-repeat left 8px;
    background-size: clamp(20px, 20px + 26 * (100vw - 390px) / 953, 46px);
    padding-left: clamp(25px, 25px + 35 * (100vw - 390px) / 953, 60px);
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: clamp(14px, 14px + 14 * (100vw - 390px) / 953, 28px);
    line-height: 0.95;
    letter-spacing: 2px;
    font-weight: 700;
    color: var(--rn-color-white);
    text-align: left;
}
.renewal-site .btn-cmn-contact a .span02 {
    font-size: clamp(6px, 6px + 14 * (100vw - 390px) / 953, 20px);
    line-height: 0.95;
    letter-spacing: 2px;
    font-weight: 500;
    color: var(--rn-color-white);
}

.renewal-site .btn-cmn-contact-ft {
}
.renewal-site .btn-cmn-contact-ft a {
    display: block;
    width: 100%;
    height: 75px;
    padding-top: 17px;
    text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    position: relative;
}
.renewal-site .btn-cmn-contact-ft a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-yellow);
	border-radius: 50px;
	z-index: -2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .btn-cmn-contact-ft a:hover::before {
    opacity: 0;
}
.renewal-site .btn-cmn-contact-ft a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-yellow-hover);
	border-radius: 50px;
	z-index: -3;
}
.renewal-site .btn-cmn-contact-ft a .span01 {
    display: inline-block;
    background: url("../img/top/icon-contact03.svg") no-repeat left 7px;
    background-size: 35px;
    padding-left: 50px;
    font-size: 23px;
    line-height: 0.9;
    letter-spacing: 1px;
    font-weight: 500;
    color: var(--rn-color-ink);
    text-align: center;
}
.renewal-site .btn-cmn-contact-ft a .span02 {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0px;
    font-weight: 500;
    color: var(--rn-color-ink);
}

.renewal-site .btn-cmn-line02 {
}
.renewal-site .btn-cmn-line02 a {
    display: block;
    width: 100%;
    height: 96px;
    padding-top: 12px;
    text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    position: relative;
}
.renewal-site .btn-cmn-line02 a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #06C755 11%, #1C6137 150%);
	border-radius: 10px;
	z-index: -2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .btn-cmn-line02 a:hover::before {
    opacity: 0;
}
.renewal-site .btn-cmn-line02 a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #1C6137 0%, #06C755 100%);
	border-radius: 10px;
	z-index: -3;
}
.renewal-site .btn-cmn-line02 a .span01 {
    display: inline-block;
    background: url("../img/top/icon-line.svg") no-repeat left 10px;
    background-size: 56px;
    padding-left: 70px;
    font-size: clamp(24px, 24px + 4 * (100vw - 390px) / 953, 28px);
    line-height: 1.1;
    letter-spacing: 2px;
    font-weight: 700;
    color: var(--rn-color-white);
}
.renewal-site .btn-cmn-line02 a .span02 {
    font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
    line-height: 1.1;
    letter-spacing: 2px;
    font-weight: 700;
    color: var(--rn-color-white);
}
.renewal-site .btn-cmn-line02 a .span03 {
    font-size: clamp(27px, 27px + 4 * (100vw - 390px) / 953, 31px);
    line-height: 1.1;
    letter-spacing: 2px;
    font-weight: 700;
    color: var(--rn-color-white);
}

.renewal-site .btn-cmn-contact02 {
}
.renewal-site .btn-cmn-contact02 a {
    display: block;
    width: 100%;
    height: 96px;
    padding-top: 15px;
    text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    position: relative;
}
.renewal-site .btn-cmn-contact02 a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #FFB400 0%, #FF8800 100%);
	border-radius: 10px;
	z-index: -2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .btn-cmn-contact02 a:hover::before {
    opacity: 0;
}
.renewal-site .btn-cmn-contact02 a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(178deg, #FF8800 0%, #FFB400 100%);
	border-radius: 10px;
	z-index: -3;
}
.renewal-site .btn-cmn-contact02 a .span01 {
    display: inline-block;
    background: url("../img/top/icon-contact.svg") no-repeat left 8px;
    background-size: 46px;
    padding-left: 60px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: clamp(24px, 24px + 4 * (100vw - 390px) / 953, 28px);
    line-height: 0.95;
    letter-spacing: 2px;
    font-weight: 700;
    color: var(--rn-color-white);
}
.renewal-site .btn-cmn-contact02 a .span02 {
    font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
    line-height: 0.95;
    letter-spacing: 2px;
    font-weight: 700;
    color: var(--rn-color-white);
}























@media screen and (max-width:1343px) {
    .renewal-site .btn-cmn-tel {
        height: 8.5vw;
    }
    .renewal-site .btn-cmn-tel a {
        padding: 2vw 0px 0px 0px;
    }
    .renewal-site .btn-cmn-line a {
        height: 8.5vw;
        padding-top: 2vw;
    }
    .renewal-site .btn-cmn-contact a {
        height: 8.5vw;
        padding-top: 1.7vw;
    }
}

@media screen and (max-width:1023px) {
    .renewal-site .btn-cmn-tel {
        height: 96px;
    }
    .renewal-site .btn-cmn-tel a {
        padding: 17px 0px 0px 0px;
    }
    .renewal-site .btn-cmn-tel strong {
        font-size: clamp(36px, 36px + 0 * (100vw - 390px) / 953, 36px);
    }
    .renewal-site .btn-cmn-tel p {
        font-size: clamp(20px, 20px + 0 * (100vw - 390px) / 953, 20px);
    }
    .renewal-site .btn-cmn-tel p span {
        font-size: clamp(20px, 20px + 0 * (100vw - 390px) / 953, 20px);
    }

    .renewal-site .btn-cmn-line a {
        height: 96px;
        padding-top: 18px;
    }
    .renewal-site .btn-cmn-line a .span01 {
        background: url("../img/top/icon-line.svg") no-repeat left 5px;
        background-size: 56px;
        padding-left: 70px;
        font-size: clamp(32px, 32px + 0 * (100vw - 390px) / 953, 32px);
    }
    .renewal-site .btn-cmn-line a .span02 {
        font-size: clamp(20px, 20px + 0 * (100vw - 390px) / 953, 20px);
    }

    .renewal-site .btn-cmn-contact a {
        height: 96px;
        padding-top: 15px;
    }
    .renewal-site .btn-cmn-contact a .span01 {
        background: url("../img/top/icon-contact.svg") no-repeat left 8px;
        background-size: 46px;
        padding-left: 60px;
        font-size: clamp(28px, 28px + 0 * (100vw - 390px) / 953, 28px);
    }
    .renewal-site .btn-cmn-contact a .span02 {
        font-size: clamp(20px, 20px + 0 * (100vw - 390px) / 953, 20px);
    }
}

@media screen and (max-width:768px) {
    .renewal-site .btn-cmn-tel {
        height: 80px;
    }
    .renewal-site .btn-cmn-tel a {
        padding: 12px 0px 0px 0px;
    }
    .renewal-site .btn-cmn-tel strong {
        font-size: clamp(32px, 32px + 0 * (100vw - 390px) / 953, 32px);
        padding-left: 46px;
    }
    .renewal-site .btn-cmn-tel strong::before {
        top: 52%;
        width: 38px;
    }
    .renewal-site .btn-cmn-tel p {
        font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    }
    .renewal-site .btn-cmn-tel p span {
        font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    }
    .renewal-site .btn-cmn-line a {
        height: 80px;
    }
    .renewal-site .btn-cmn-line a .span01 {
        background: url("../img/top/icon-line.svg") no-repeat left 2px;
        background-size: 43px;
        padding-left: 50px;
        font-size: clamp(24px, 24px + 0 * (100vw - 390px) / 953, 24px);
        text-align: center;
    }
    .renewal-site .btn-cmn-line a .span02 {
        font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    }
    .renewal-site .btn-cmn-contact a {
        height: 80px;
        padding-top: 12px;
    }
    .renewal-site .btn-cmn-contact a .span01 {
        background: url("../img/top/icon-contact.svg") no-repeat left 8px;
        background-size: 36px;
        padding-left: 43px;
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: clamp(24px, 24px + 0 * (100vw - 390px) / 953, 24px);
        text-align: center;
    }
    .renewal-site .btn-cmn-contact a .span02 {
        font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    }

    .renewal-site .btn-cmn-line02 a {
        height: 96px;
    }
    .renewal-site .btn-cmn-line02 a .span01 {
        font-size: clamp(28px, 28px + 0 * (100vw - 390px) / 953, 28px);
    }
    .renewal-site .btn-cmn-line02 a .span02 {
        font-size: clamp(20px, 20px + 0 * (100vw - 390px) / 953, 20px);
    }
    .renewal-site .btn-cmn-line02 a .span03 {
        font-size: clamp(31px, 31px + 0 * (100vw - 390px) / 953, 31px);
    }
    .renewal-site .btn-cmn-contact02 a {
        height: 96px;
    }
    .renewal-site .btn-cmn-contact02 a .span01 {
        font-size: clamp(28px, 28px + 0 * (100vw - 390px) / 953, 28px);
    }
    .renewal-site .btn-cmn-contact02 a .span02 {
        font-size: clamp(20px, 20px + 0 * (100vw - 390px) / 953, 20px);
    }
}

@media screen and (max-width:390px) {
}

@media screen and (max-width:320px) {
    .renewal-site .btn-cmn-tel {
        height: 76px;
    }
    .renewal-site .btn-cmn-tel strong {
        font-size: clamp(28px, 28px + 0 * (100vw - 390px) / 953, 28px);
    }
    .renewal-site .btn-cmn-line a {
        height: 76px;
    }
    .renewal-site .btn-cmn-line a .span01 {
        background: url("../img/top/icon-line.svg") no-repeat left 0px;
        background-size: 43px;
        font-size: 22px;
    }
    .renewal-site .btn-cmn-line a .span02 {
        font-size: 14px;
    }
    .renewal-site .btn-cmn-tel-ft strong {
        padding-left: 60px;
        font-size: 33px;
    }
}


/*	ポイント
---------------------------------*/
.renewal-site .rn-top-point {
    position: relative;
}
.renewal-site .rn-top-point .contents-inr {
    padding-top: clamp(10px, 10px + 60 * (100vw - 390px) / 953, 70px);
    padding-bottom: clamp(10px, 10px + 20 * (100vw - 390px) / 953, 30px);
}

.renewal-site .rn-top-point .page-list {
}
.renewal-site .rn-top-point .page-list li {
	width: calc((100% - 90px) / 4);
	margin-right: 30px;
	margin-bottom: 40px;
	background: #ffffff;
	border-radius: 60px 6px 60px 6px;
	border: var(--rn-color-green) 4px solid;
    position: relative;
    padding: 40px 10px 20px 10px;
}
.renewal-site .rn-top-point .page-list li:nth-of-type(4n) {
	margin-right: 0px;
}
.renewal-site .rn-top-point .page-list li:last-of-type {
	margin-right: 0px;
}
.renewal-site .rn-top-point .page-list li .point-no {
    position: absolute;
    top: -30px;
    left: 0px;
    width: 100%;
    text-align: center;
}
.renewal-site .rn-top-point .page-list li .point-no img {
    width: 61px;
    height: auto;
}

.renewal-site .rn-top-point .page-list li .tbl-box {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-left {
	width: 38%;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-right {
	width: 62%;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-right p {
    font-size: clamp(11px, 11px + 11 * (100vw - 390px) / 953, 22px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}
.renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-right p .span01 {
    font-size: clamp(24px, 24px + 41 * (100vw - 390px) / 953, 45px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}
.renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-right p .span02 {
    font-size: clamp(19px, 19px + 19 * (100vw - 390px) / 953, 38px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}

@media screen and (max-width:1343px) {
    .renewal-site .rn-top-point .page-list li {
        width: calc((100% - 60px) / 4);
        margin-right: 20px;
    }
    .renewal-site .rn-top-point .page-list li:nth-of-type(4n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-point .page-list li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-left {
        width: 34%;
    }
    .renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-right {
        width: 66%;
    }
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-point .page-list li {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
        margin-bottom: 30px;
        border-radius: 40px 4px 40px 4px;
        border: var(--rn-color-green) 4px solid;
        position: relative;
        padding: 30px 10px 10px 10px;
    }
    .renewal-site .rn-top-point .page-list li:nth-of-type(4n) {
        margin-right: 20px;
    }
    .renewal-site .rn-top-point .page-list li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-point .page-list li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-point .page-list li .point-no {
        top: -25px;
    }
    .renewal-site .rn-top-point .page-list li .point-no img {
        width: 50px;
        height: auto;
    }
    .renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-left {
        width: 25%;
    }
    .renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-right {
        width: 75%;
    }
    .renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-right p .span02 {
        font-size: clamp(30px, 30px + 8 * (100vw - 390px) / 953, 38px);
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-point .page-list li .point-no {
        top: -15px;
    }
    .renewal-site .rn-top-point .page-list li .point-no img {
        width: 32px;
        height: auto;
    }
    .renewal-site .rn-top-point .page-list li {
        width: calc((100% - 15px) / 2);
        margin-right: 15px;
        margin-bottom: 20px;
        border-radius: 30px 4px 30px 4px;
        border: var(--rn-color-green) 2px solid;
        padding: 20px 5px 10px 5px;
    }
    .renewal-site .rn-top-point .page-list li:nth-of-type(4n) {
        margin-right: 15px;
    }
    .renewal-site .rn-top-point .page-list li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-point .page-list li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-left {
        width: 36%;
    }
    .renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-right {
        width: 64%;
    }
    .renewal-site .rn-top-point .page-list li .tbl-box .tbl-box-right p .span02 {
        font-size: clamp(19px, 19px + 51 * (100vw - 390px) / 953, 70px);
    }
}

@media screen and (max-width:390px) {
}


/*	最安保証
---------------------------------*/
.renewal-site .rn-top-saiyasu {
    position: relative;
}
.renewal-site .rn-top-saiyasu::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-white);
	z-index: -8;
}
.renewal-site .rn-top-saiyasu .contents-inr {
    padding-top: clamp(30px, 30px + 20 * (100vw - 390px) / 953, 50px);
    padding-bottom: clamp(30px, 30px + 20 * (100vw - 390px) / 953, 50px);
}
.renewal-site .rn-top-saiyasu .saiyasu-box {
    position: relative;
    padding: 30px 0 30px 3%;
}
.renewal-site .rn-top-saiyasu .saiyasu-box::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: #F9F5EB;
    border: var(--rn-color-green) 4px solid;
    border-radius: 15px 15px 15px 15px;
	z-index: -6;
}
.renewal-site .rn-top-saiyasu .saiyasu-box .ttl01 {
    position: absolute;
    top: -35px;
    left: 0px;
    width: 100%;
    text-align: center;
}
.renewal-site .rn-top-saiyasu .saiyasu-box .ttl01 img {
    width: 534px;
    max-width: 60%;
    height: auto;
}

.renewal-site .rn-top-saiyasu .saiyasu-box .tbl-box {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.renewal-site .rn-top-saiyasu .saiyasu-box .tbl-box .tbl-box-left {
	width: 25%;
	display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-right: 15px;
}
.renewal-site .rn-top-saiyasu .saiyasu-box .tbl-box .tbl-box-right {
	width: 75%;
	display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.renewal-site .rn-top-saiyasu .saiyasu-box .tbl-box .tbl-box-right p {
    font-size: clamp(11px, 11px + 30 * (100vw - 390px) / 953, 41px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0px;
}
.renewal-site .rn-top-saiyasu .saiyasu-box .tbl-box .tbl-box-right p .span01 {
    font-size: clamp(18px, 18px + 50 * (100vw - 390px) / 953, 68px);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 0px;
    color: var(--rn-color-gold);
}
.renewal-site .rn-top-saiyasu .saiyasu-box .tbl-box .tbl-box-right p .span02 {
    font-size: clamp(18px, 18px + 50 * (100vw - 390px) / 953, 68px);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--rn-color-green);
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-saiyasu .saiyasu-box .ttl01 {
        top: -5vw;
    }
    .renewal-site .rn-top-saiyasu .saiyasu-box .tbl-box .tbl-box-left {
        width: 23%;
        padding-right: 10px;
    }
    .renewal-site .rn-top-saiyasu .saiyasu-box .tbl-box .tbl-box-right {
        width: 77%;
    }
    .renewal-site .rn-top-saiyasu .saiyasu-box {
        padding: 20px 0 20px 3%;
    }
    .renewal-site .rn-top-saiyasu .saiyasu-box::before {
        border: var(--rn-color-green) 2px solid;
        border-radius: 10px 10px 10px 10px;
    }
}

@media screen and (max-width:390px) {
}

@media screen and (max-width:320px) {
    .renewal-site .rn-top-saiyasu .saiyasu-box .tbl-box .tbl-box-left {
        width: 15%;
        padding-right: 5px;
    }
    .renewal-site .rn-top-saiyasu .saiyasu-box .tbl-box .tbl-box-right {
        width: 85%;
    }
}


/*	各種メーカー対応
---------------------------------*/
.renewal-site .rn-top-maker-banner {
    position: relative;
    padding-top: clamp(20px, 20px + 40 * (100vw - 390px) / 953, 60px);
}
.renewal-site .rn-top-maker-banner .ttl01 {
    text-align: center;
    margin-bottom: clamp(20px, 20px + 0 * (100vw - 390px) / 953, 20px);
}
.renewal-site .rn-top-maker-banner .ttl01 span {
    display: inline-block;
    font-size: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
    color: var(--rn-color-green);
    background: url("../img/top/icon-ttl-left.svg") no-repeat left center, url("../img/top/icon-ttl-right.svg") no-repeat right center;
    background-size: 21px, 21px;
    padding-left: 35px;
    padding-right: 35px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-maker-banner .ttl01 span {
        background-size: 15px, 15px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width:390px) {
}


/*	バナー
---------------------------------*/
.renewal-site .rn-top-banner {
}
.renewal-site .rn-top-banner .contents-inr {
    padding-bottom: clamp(40px, 40px + 40 * (100vw - 390px) / 953, 80px);
}
.renewal-site .rn-top-banner .banner-img {
    margin-bottom: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:390px) {
}


/*	修理交換
---------------------------------*/
.renewal-site .rn-top-human {
    position: relative;
}
.renewal-site .rn-top-human::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-white);
	z-index: -8;
}
.renewal-site .rn-top-human .illust01 {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 17%;
}

.renewal-site .rn-top-human .contents-inr {
    padding-top: clamp(30px, 30px + 40 * (100vw - 390px) / 953, 70px);
    padding-bottom: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
}
.renewal-site .rn-top-human .illust02 {
    position: absolute;
    top: clamp(5px, 5px + 95 * (100vw - 390px) / 953, 100px);
    right: 0px;
    width: clamp(46px, 46px + 91 * (100vw - 390px) / 953, 137px);
    z-index: 1;
}

.renewal-site .rn-top-human .ttl01 {
    text-align: center;
}
.renewal-site .rn-top-human .ttl01 img {
    max-width: 80%;
}

.renewal-site .rn-top-human .ttl02 {
    margin-bottom: 10px;
    text-align: center;
    font-size: clamp(24px, 24px + 32 * (100vw - 390px) / 953, 56px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0px;
    color: var(--rn-color-ink);
}
.renewal-site .rn-top-human .ttl02 span {
    font-size: clamp(24px, 24px + 32 * (100vw - 390px) / 953, 56px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}

.renewal-site .rn-top-human .ttl03 {
    margin-bottom: clamp(30px, 30px + 30 * (100vw - 390px) / 953, 60px);
    text-align: center;
    font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-ink);
}
.renewal-site .rn-top-human .ttl03 span {
    text-align: center;
    font-size: clamp(16px, 16px + 12 * (100vw - 390px) / 953, 28px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}

.renewal-site .rn-top-human .rn-top-human-box {
    background: var(--rn-color-white);
    box-shadow: 0px 4px 20px 0px rgba(62,112,94,0.3);
    border-radius: 24px 10px 40px 10px;
    margin-bottom: 40px;
    padding: 30px 40px 30px 40px;
    position: relative;
    overflow: hidden;
}
.renewal-site .rn-top-human .rn-top-human-box .human-box-no {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 15px 20px 15px 15px;
	letter-spacing: 0px;
    line-height: 1;
    font-size: clamp(38px, 38px + 10 * (100vw - 390px) / 953, 48px);
	font-weight: 600;
    color: var(--rn-color-green);
    font-family: var(--rn-font-outfit);
    color: var(--rn-color-white);
    background: var(--rn-color-green);
    border-radius: 0px 0px 24px 0px;
}

.renewal-site .rn-top-human .rn-top-human-box .img-box {
    width: 48.5%;
    float: left;
}
.renewal-site .rn-top-human .rn-top-human-box.rn-top-human-box-imgright .img-box {
    float: right;
}
.renewal-site .rn-top-human .rn-top-human-box .img-box img {
    border-radius: 20px;
}

.renewal-site .rn-top-human .rn-top-human-box .txt-box {
    width: 48.5%;
    float: right;
}
.renewal-site .rn-top-human .rn-top-human-box.rn-top-human-box-imgright .txt-box {
    float: left;
}
.renewal-site .rn-top-human .rn-top-human-box .txt-box h3 {
    margin-top: clamp(15px, 15px + 25 * (100vw - 390px) / 953, 40px);
    margin-bottom: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    font-size: clamp(20px, 20px + 12 * (100vw - 390px) / 953, 32px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}
.renewal-site .rn-top-human .rn-top-human-box.rn-top-human-box-imgright .txt-box h3 {
    margin-top: clamp(15px, 15px + 55 * (100vw - 390px) / 953, 70px);
}
.renewal-site .rn-top-human .rn-top-human-box .txt-box .p01 {
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0px;
}
.renewal-site .rn-top-human .rn-top-human-box .txt-box .p02 {
    margin-top: clamp(10px, 10px + 20 * (100vw - 390px) / 953, 30px);
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0px;
    border-radius: 10px;
    background: #FFF8DA url("../img/top/icon01.svg") no-repeat 20px 17px;
    background-size: 24px;
    padding: 15px 10px 15px 45px;
}

.renewal-site .rn-top-human .rn-top-human-box .txt-box02 {
}
.renewal-site .rn-top-human .rn-top-human-box .txt-box02 h3 {
    margin-top: 0px;
    margin-bottom: clamp(20px, 20px + 10 * (100vw - 390px) / 953, 30px);
    margin-left: clamp(70px, 70px + 30 * (100vw - 390px) / 953, 100px);
    font-size: clamp(18px, 18px + 14 * (100vw - 390px) / 953, 32px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}
.renewal-site .rn-top-human .rn-top-human-box .txt-box02 .txt-box02-gray {
    border-radius: 15px;
    background: var(--rn-color-gray-bg);
    padding: 40px 30px 20px 30px;
}
.renewal-site .rn-top-human .rn-top-human-box .txt-box02 .txt-box02-gray h4 {
    margin-bottom: clamp(30px, 30px + 10 * (100vw - 390px) / 953, 40px);
    font-size: clamp(20px, 20px + 4 * (100vw - 390px) / 953, 24px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    background: url("../img/top/human-ttl-bg@3x.png") repeat-x center bottom;
    background-size: 12px;
    padding: 0px 0px 15px 0px;
}
.renewal-site .rn-top-human .rn-top-human-box .txt-box02 .txt-box02-gray h4 span {
    font-size: clamp(20px, 20px + 4 * (100vw - 390px) / 953, 24px);
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}
.renewal-site .rn-top-human .rn-top-human-box .txt-box02 .txt-box02-gray .txt-box02-gray-left {
    float: left;
    width: 54%;
}
.renewal-site .rn-top-human .rn-top-human-box .txt-box02 .txt-box02-gray .txt-box02-gray-right {
    float: right;
    width: 46%;
}
.renewal-site .rn-top-human .rn-top-human-box .txt-box02 .txt-box02-gray p {
    margin-bottom: clamp(10px, 10px + 5 * (100vw - 390px) / 953, 15px);
    font-size: clamp(16px, 16px + 2 * (100vw - 390px) / 953, 18px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    background: url("../img/top/icon02.svg") no-repeat left 3px;
    background-size: 20px;
    padding: 0px 0px 0px 28px;
}

.renewal-site .rn-top-human .illust03 {
    position: relative;
}
.renewal-site .rn-top-human .illust03 img {
    position: absolute;
    top: -30px;
    right: -10px;
    width: 14%;
    height: auto;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-human .illust02 {
        right: -23px;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-human .illust01 {
        display: none;
    }
    .renewal-site .rn-top-human .illust02 {
        right: 10px;
    }

    .renewal-site .rn-top-human .rn-top-human-box {
        box-shadow: 0px 4px 15px 0px rgba(62,112,94,0.2);
        border-radius: 15px 15px 15px 15px;
        margin-bottom: 20px;
        padding: 0px 0px 15px 0px;
    }
    .renewal-site .rn-top-human .rn-top-human-box .human-box-no {
        padding: 10px 10px 10px 10px;
        font-size: clamp(32px, 32px + 16 * (100vw - 390px) / 953, 48px);
        border-radius: 0px 0px 15px 0px;
    }

    .renewal-site .rn-top-human .rn-top-human-box .img-box {
        width: 100%;
        float: none;
    }
    .renewal-site .rn-top-human .rn-top-human-box.rn-top-human-box-imgright .img-box {
        float: none;
    }
    .renewal-site .rn-top-human .rn-top-human-box .img-box img {
        border-radius: 0px;
    }

    .renewal-site .rn-top-human .rn-top-human-box .txt-box {
        width: 100%;
        float: none;
    }
    .renewal-site .rn-top-human .rn-top-human-box.rn-top-human-box-imgright .txt-box {
        float: none;
    }
    .renewal-site .rn-top-human .rn-top-human-box .txt-box h3 {
        margin-left: 15px;
        margin-right: 15px;
    }
    .renewal-site .rn-top-human .rn-top-human-box .txt-box .p01 {
        margin-left: 15px;
        margin-right: 15px;
    }
    .renewal-site .rn-top-human .rn-top-human-box .txt-box .p02 {
        margin-left: 15px;
        margin-right: 15px;
    }
    .renewal-site .rn-top-human .rn-top-human-box .txt-box02 h3 {
        margin-top: 15px;
    }
    .renewal-site .rn-top-human .rn-top-human-box .txt-box02 .txt-box02-gray {
        margin: 10px 15px 0px 15px;
        padding: 20px 15px 15px 15px;
    }
    .renewal-site .rn-top-human .rn-top-human-box .txt-box02 .txt-box02-gray .txt-box02-gray-left {
        float: none;
        width: 100%;
    }
    .renewal-site .rn-top-human .rn-top-human-box .txt-box02 .txt-box02-gray .txt-box02-gray-right {
        float: none;
        width: 100%;
    }
    .renewal-site .rn-top-human .rn-top-human-box .txt-box02 .txt-box02-gray p {
        background: url("../img/top/icon02.svg") no-repeat left 3px;
        background-size: 18px;
    }
    .renewal-site .rn-top-human .illust03 img {
        top: auto;
        bottom: -15px;
        right: -5px;
        width: 25%;
        height: auto;
    }
}

@media screen and (max-width:390px) {
}


/*	すぐに駆けつけます
---------------------------------*/
.renewal-site .rn-top-kaketuke {
    position: relative;
}
.renewal-site .rn-top-kaketuke::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-green);
	z-index: -8;
}

.renewal-site .rn-top-kaketuke .contents-inr {
    padding-top: clamp(40px, 40px + 30 * (100vw - 390px) / 953, 70px);
    padding-bottom: clamp(50px, 50px + 30 * (100vw - 390px) / 953, 80px);
}

.renewal-site .rn-top-kaketuke .illust01 {
    position: absolute;
    top: clamp(20px, 20px + 10 * (100vw - 390px) / 953, 30px);
    right: 0px;
    width: 13%;
}

.renewal-site .rn-top-kaketuke .ttl01 {
    text-align: center;
    margin-bottom: clamp(15px, 15px + 0 * (100vw - 390px) / 953, 15px);
}
.renewal-site .rn-top-kaketuke .ttl01 span {
    display: inline-block;
    font-size: clamp(20px, 20px + 12 * (100vw - 390px) / 953, 32px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--rn-color-white);
    background: url("../img/top/kaketuke-ttl-left.svg") no-repeat left center, url("../img/top/kaketuke-ttl-right.svg") no-repeat right center;
    background-size: 20px, 20px;
    padding-left: 35px;
    padding-right: 35px;
}

.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box {
    position: relative;
}
.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box::before {
	content: "";
	display: block;
	position: absolute;
	top: 40px;
	left: 0;
	margin: 0;
	width: 100%;
	height: calc(100% - 95px);
	background: var(--rn-color-white);
    border-radius: clamp(16px, 16px + 44 * (100vw - 390px) / 953, 60px);
	z-index: -6;
}
.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .ttl02 {
    text-align: center;
    margin-bottom: 0px;
}
.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .ttl02 img {
    max-width: 77%;
}

.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .left-box {
    float: left;
    width: 40%;
}
.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .left-box img {
    margin-top: -37px;
}
.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .right-box {
    float: right;
    width: 59%;
}

.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .right-box .ttl03 {
    margin-top: clamp(10px, 10px + 20 * (100vw - 390px) / 953, 30px);
    margin-bottom: clamp(10px, 10px + 20 * (100vw - 390px) / 953, 30px);
}
.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .right-box .ttl03 span {
    font-size: clamp(24px, 24px + 16 * (100vw - 390px) / 953, 40px);
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0px;
    background: linear-gradient(transparent 80%, var(--rn-color-yellow) 80%);
}
.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .right-box p {
    font-size: clamp(16px, 16px + 8 * (100vw - 390px) / 953, 24px);
    font-weight: 700;
    line-height: 2;
    letter-spacing: 0px;
    margin-bottom: clamp(10px, 10px + 20 * (100vw - 390px) / 953, 30px);
}

.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .rn-top-kaketuke-box-list {
    margin-top: clamp(10px, 10px + 20 * (100vw - 390px) / 953, 30px);
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .rn-top-kaketuke-box-list li {
	width: calc((100% - 26px) / 3);
	margin-right: 13px;
	margin-bottom: 13px;
}
.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .rn-top-kaketuke-box-list li:nth-of-type(3n) {
	margin-right: 0px;
}
.renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .rn-top-kaketuke-box-list li:last-of-type {
	margin-right: 0px;
}

.renewal-site .rn-top-kaketuke .ttl04 {
    margin-top: -5px;
    font-size: clamp(20px, 20px + 24 * (100vw - 390px) / 953, 44px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
	color: var(--rn-color-white);
    text-align: center;
}
.renewal-site .rn-top-kaketuke .ttl04 span {
    font-size: clamp(30px, 30px + 36 * (100vw - 390px) / 953, 66px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
	color: var(--rn-color-yellow);
}

.renewal-site .rn-top-kaketuke .p02 {
    margin-top: 2px;
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0px;
	color: var(--rn-color-white);
    text-align: center;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-kaketuke .rn-top-kaketuke-box::before {
        top: 20px;
        height: calc(100% - 10px);
    }
    .renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .rn-top-kaketuke-box-list li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 13px;
    }
    .renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .rn-top-kaketuke-box-list li:nth-of-type(3n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .rn-top-kaketuke-box-list li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-kaketuke .ttl04 {
        margin-top: 30px;
    }
    .renewal-site .rn-top-kaketuke .p02 {
        text-align: left;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-kaketuke .illust01 {
        top: clamp(20px, 20px + 10 * (100vw - 390px) / 953, 30px);
        right: 10px;
        width: 16%;
        z-index: 1;
    }
    .renewal-site .rn-top-kaketuke .ttl01 span {
        background-size: 12px, 12px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .ttl02 img {
        max-width: 90%;
    }
    .renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .left-box {
        float: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .left-box img {
        margin-top: -40px;
        margin-left: -30px;
    }
    .renewal-site .rn-top-kaketuke .rn-top-kaketuke-box .right-box {
        float: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .renewal-site .rn-top-kaketuke .p02 {
        margin-top: 15px;
    }
}

@media screen and (max-width:390px) {
}


/*	対応事例紹介
---------------------------------*/
.renewal-site .rn-top-jirei {
    position: relative;
}

.renewal-site .rn-top-jirei .contents-inr {
    padding-top: clamp(40px, 40px + 30 * (100vw - 390px) / 953, 70px);
    padding-bottom: clamp(40px, 40px + 40 * (100vw - 390px) / 953, 80px);
}

.renewal-site .rn-top-jirei .ttl01 {
    text-align: center;
}
.renewal-site .rn-top-jirei .ttl01 img {
}

.renewal-site .rn-top-jirei .ttl02 {
    margin-bottom: clamp(30px, 30px + 40 * (100vw - 390px) / 953, 70px);
    text-align: center;
    font-size: clamp(24px, 24px + 40 * (100vw - 390px) / 953, 64px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 3px;
    color: var(--rn-color-ink);
}

.renewal-site .rn-top-jirei .page-list {
}
.renewal-site .rn-top-jirei .page-list li {
	width: calc((100% - 40px) / 3);
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
    position: relative;
    padding: 0px 0px 20px 0px;
    overflow: hidden;
}
.renewal-site .rn-top-jirei .page-list li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-white);
	z-index: -8;
}
.renewal-site .rn-top-jirei .page-list li:nth-of-type(3n) {
	margin-right: 0px;
}
.renewal-site .rn-top-jirei .page-list li:last-of-type {
	margin-right: 0px;
}

.renewal-site .rn-top-jirei .page-list li .img-box {
	width: 100%;
	padding-top: 12vw;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.renewal-site .rn-top-jirei .page-list li .tbl-box01 {
	width: 93%;
	display: table;
	table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
}
.renewal-site .rn-top-jirei .page-list li .tbl-box01 .tbl-box01-left {
	width: 49.3%;
	display: table-cell;
    text-align: center;
    vertical-align: top;
	background: var(--rn-color-green);
    border-top: var(--rn-color-green) 1px solid;
    border-left: var(--rn-color-green) 1px solid;
    border-right: var(--rn-color-green) 1px solid;
    border-radius: 5px 5px 0px 0px;
    padding-bottom: 5px;
}
.renewal-site .rn-top-jirei .page-list li .tbl-box01 .tbl-box01-left span {
    font-size: clamp(12px, 12px + 0 * (100vw - 390px) / 953, 12px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
    color: var(--rn-color-white);
    background: url("../img/top/icon03.svg") no-repeat left center;
    background-size: 18px;
    padding-left: 22px;
    padding-top: 5px;
    padding-bottom: 8px;
}
.renewal-site .rn-top-jirei .page-list li .tbl-box01 .tbl-box01-center {
	width: 1.4%;
	display: table-cell;
    text-align: center;
    vertical-align: top;
}
.renewal-site .rn-top-jirei .page-list li .tbl-box01 .tbl-box01-right {
	width: 49.3%;
	display: table-cell;
    text-align: center;
    vertical-align: top;
	background: var(--rn-color-green);
    border-top: var(--rn-color-green) 1px solid;
    border-left: var(--rn-color-green) 1px solid;
    border-right: var(--rn-color-green) 1px solid;
    border-radius: 5px 5px 0px 0px;
    padding-bottom: 5px;
}
.renewal-site .rn-top-jirei .page-list li .tbl-box01 .tbl-box01-right span {
    font-size: clamp(12px, 12px + 0 * (100vw - 390px) / 953, 12px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
    color: var(--rn-color-white);
    background: url("../img/top/icon04.svg") no-repeat left center;
    background-size: 20px;
    padding-left: 24px;
    padding-top: 5px;
    padding-bottom: 8px;
}

.renewal-site .rn-top-jirei .page-list li .tbl-box02 {
	width: 93%;
	display: table;
	table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
}
.renewal-site .rn-top-jirei .page-list li .tbl-box02 .tbl-box02-left {
	width: 49.3%;
	display: table-cell;
    text-align: center;
    vertical-align: top;
	background: var(--rn-color-white);
    border-bottom: var(--rn-color-green) 1px solid;
    border-left: var(--rn-color-green) 1px solid;
    border-right: var(--rn-color-green) 1px solid;
    border-radius: 0px 0px 5px 5px;
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.renewal-site .rn-top-jirei .page-list li .tbl-box02 .tbl-box02-left span {
    font-size: clamp(10px, 10px + 0 * (100vw - 390px) / 953, 10px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0px;
}
.renewal-site .rn-top-jirei .page-list li .tbl-box02 .tbl-box02-center {
	width: 1.4%;
	display: table-cell;
    text-align: center;
    vertical-align: top;
}
.renewal-site .rn-top-jirei .page-list li .tbl-box02 .tbl-box02-right {
	width: 49.3%;
	display: table-cell;
    text-align: center;
    vertical-align: top;
	background: var(--rn-color-white);
    border-bottom: var(--rn-color-green) 1px solid;
    border-left: var(--rn-color-green) 1px solid;
    border-right: var(--rn-color-green) 1px solid;
    border-radius: 0px 0px 5px 5px;
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.renewal-site .rn-top-jirei .page-list li .tbl-box02 .tbl-box02-right span {
    font-size: clamp(10px, 10px + 0 * (100vw - 390px) / 953, 10px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0px;
}

.renewal-site .rn-top-jirei .page-list li .ttl03 {
    font-size: clamp(20px, 20px + 4 * (100vw - 390px) / 953, 24px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    padding-top: 18px;
    padding-bottom: 15px;
    padding-left: 5%;
    padding-right: 5%;
    color: var(--rn-color-green);
}
.renewal-site .rn-top-jirei .page-list li .p01 {
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0px;
    padding-bottom: 5px;
    padding-left: 5%;
    padding-right: 5%;
}
.renewal-site .rn-top-jirei .page-list li .p02 {
    font-size: clamp(14px, 14px + 0 * (100vw - 390px) / 953, 14px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0px;
    padding-bottom: 15px;
    padding-left: 5%;
    padding-right: 5%;
    color: #6E6E6E;
}

.renewal-site .rn-top-jirei .page-list li .btn-cmn01 {
    margin-left: 5%;
    margin-right: 5%;
}

.renewal-site .rn-top-jirei .btn-cmn02 {
    margin-top: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    margin-left: auto;
    margin-right: auto;
    max-width: 392px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-jirei .page-list li {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
    }
    .renewal-site .rn-top-jirei .page-list li:nth-of-type(3n) {
        margin-right: 20px;
    }
    .renewal-site .rn-top-jirei .page-list li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-jirei .page-list li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-jirei .page-list li .img-box {
        padding-top: 23vw;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-jirei .page-list li {
        width: 100%;
        margin-right: 0px;
    }
    .renewal-site .rn-top-jirei .page-list li:nth-of-type(3n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-jirei .page-list li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-jirei .page-list li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-jirei .page-list li .img-box {
        padding-top: 43vw;
    }
}

@media screen and (max-width:390px) {
}


/*	ここが魅力！
---------------------------------*/
.renewal-site .rn-top-reason {
    position: relative;
}
.renewal-site .rn-top-reason::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-white);
	z-index: -8;
}

.renewal-site .rn-top-reason .contents-inr {
    padding-top: clamp(40px, 40px + 30 * (100vw - 390px) / 953, 70px);
    padding-bottom: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
}

.renewal-site .rn-top-reason .ttl01 {
    text-align: center;
}
.renewal-site .rn-top-reason .ttl01 img {
    max-width: 80%;
}

.renewal-site .rn-top-reason .ttl02 {
    text-align: center;
    font-size: clamp(22px, 22px + 34 * (100vw - 390px) / 953, 56px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0px;
    color: var(--rn-color-ink);
    margin-top: -20px;
    margin-bottom: clamp(15px, 15px + 55 * (100vw - 390px) / 953, 70px);
}
.renewal-site .rn-top-reason .ttl02 .span01 {
    font-size: clamp(22px, 22px + 34 * (100vw - 390px) / 953, 56px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}
.renewal-site .rn-top-reason .ttl02 .span02 {
    font-size: clamp(22px, 22px + 34 * (100vw - 390px) / 953, 56px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0px;
    color: var(--rn-color-yellow);
}
.renewal-site .rn-top-reason .ttl02 .span03 {
    margin-left: -10px;
    margin-right: -10px;
    display: inline-block;
    font-size: clamp(30px, 30px + 50 * (100vw - 390px) / 953, 80px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0px;
    color: var(--rn-color-yellow);
}

.renewal-site .rn-top-reason .illust01 {
    position: absolute;
    top: 230px;
    right: -10px;
    width: clamp(100px, 100px + 200 * (100vw - 390px) / 953, 300px);
    z-index: 1;
}

.renewal-site .rn-top-reason .rn-top-reason-box01 {
    margin-bottom: clamp(30px, 30px + 30 * (100vw - 390px) / 953, 60px);
    border: var(--rn-color-green) 5px solid;
    border-radius: clamp(15px, 15px + 25 * (100vw - 390px) / 953, 40px);
    padding: 30px 40px 40px 40px;
    position: relative;
}

.renewal-site .rn-top-reason .rn-top-reason-box01 .reason-no {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 15px 35px 25px 30px;
	letter-spacing: 0px;
    line-height: 1.1;
    font-size: clamp(16px, 16px + 3 * (100vw - 390px) / 953, 19px);
	font-weight: 500;
    font-family: var(--rn-font-outfit);
    color: var(--rn-color-white);
    background: var(--rn-color-green);
    border-radius: clamp(6px, 6px + 26 * (100vw - 390px) / 953, 32px) 0px 30px 0px;
    text-align: center;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .reason-no .span-pc {
	letter-spacing: 0px;
    line-height: 1.1;
    font-size: clamp(60px, 60px + 11 * (100vw - 390px) / 953, 71px);
	font-weight: 600;
    font-family: var(--rn-font-outfit);
    color: var(--rn-color-white);
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .reason-no .span-sp {
    display: none;
}

.renewal-site .rn-top-reason .rn-top-reason-box01 .ttl03 {
    margin-bottom: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
    text-align: center;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .ttl03 span {
    font-size: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    background: url("../img/top/human-ttl-bg@3x.png") repeat-x center bottom;
    background-size: clamp(6px, 6px + 6 * (100vw - 390px) / 953, 12px);
    padding: 0px 0px 2px 0px;
    color: var(--rn-color-green);
}

.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list01 {
    position: relative;
    border-radius: 40px 10px 40px 10px;
    overflow: hidden;
    margin-bottom: clamp(40px, 40px + 20 * (100vw - 390px) / 953, 60px);
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list01::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-background);
	z-index: -6;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list01 li {
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list01 li:nth-of-type(1) {
	width: 45%;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list01 li:nth-of-type(2) {
    padding-left: 2.5%;
    padding-right: 2.5%;
	width: 55%;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list01 li:nth-of-type(2) p {
    font-size: clamp(9px, 9px + 11 * (100vw - 390px) / 953, 20px);
    font-weight: 500;
    line-height: 2.0;
    letter-spacing: 0px;
    margin-top: clamp(0px, 0px + 50 * (100vw - 390px) / 953, 50px);
}

.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 {
    padding: 40px 6% 2px 6%;
    position: relative;
    border-radius: 40px 40px 0px 0px;
    border-top: var(--rn-color-green) 2px solid;
    border-left: var(--rn-color-green) 2px solid;
    border-right: var(--rn-color-green) 2px solid;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 .ttl04 {
    position: absolute;
    top: -25px;
    left: 0px;
    width: 100%;
    text-align: center;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 .ttl04 span {
    font-size: clamp(20px, 20px + 12 * (100vw - 390px) / 953, 32px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    background: var(--rn-color-white) url("../img/top/icon07.svg") no-repeat 15px center;
    background-size: clamp(17px, 17px + 15 * (100vw - 390px) / 953, 32px);
    padding: 0px 15px 0px clamp(38px, 38px + 17 * (100vw - 390px) / 953, 55px);
    color: var(--rn-color-green);
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li {
	width: calc((100% - 60px) / 4);
	margin-right: 20px;
	margin-bottom: 20px;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li:nth-of-type(4n) {
	margin-right: 0px;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li:last-of-type {
	margin-right: 0px;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box01 {
    text-align: center;
    height: clamp(40px, 40px + 170 * (100vw - 390px) / 953, 210px);
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box01 img {
    max-width: 60%;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box02 {
    text-align: center;
    height: clamp(40px, 40px + 170 * (100vw - 390px) / 953, 210px);
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box02 img {
    max-width: 60%;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box03 {
    text-align: center;
    height: clamp(40px, 40px + 170 * (100vw - 390px) / 953, 210px);
    padding-top: clamp(0px, 0px + 30 * (100vw - 390px) / 953, 30px);
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box03 img {
    max-width: 70%;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box04 {
    text-align: center;
    height: clamp(40px, 40px + 170 * (100vw - 390px) / 953, 210px);
    padding-top: clamp(0px, 0px + 30 * (100vw - 390px) / 953, 30px);
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box04 img {
    max-width: 70%;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li h6 {
    font-size: clamp(8px, 8px + 12 * (100vw - 390px) / 953, 20px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-green);
    text-align: center;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li p {
    font-size: clamp(6px, 6px + 8 * (100vw - 390px) / 953, 14px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    text-align: center;
}

.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 {
    margin-bottom: clamp(20px, 20px + 10 * (100vw - 390px) / 953, 30px);
    padding: clamp(25px, 25px + 10 * (100vw - 390px) / 953, 35px) 5% clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px) 5%;
    border-radius: 0px 0px 40px 40px;
    background: var(--rn-color-green);
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 .ttl05 {
    text-align: center;
    margin-bottom: clamp(15px, 15px + 15 * (100vw - 390px) / 953, 30px);
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 .ttl05 span {
    font-size: clamp(18px, 18px + 2 * (100vw - 390px) / 953, 20px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    background: var(--rn-color-white);
    padding: 5px 15px 5px 15px;
    color: var(--rn-color-green);
    border-radius: 10px;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li {
	width: calc((100% - 20px) / 3);
	margin-right: 10px;
	margin-bottom: 20px;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li:nth-of-type(3n) {
	margin-right: 0px;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li:last-of-type {
	margin-right: 0px;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li p {
    font-size: clamp(15px, 15px + 5 * (100vw - 390px) / 953, 20px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0px;
    background: url("../img/top/icon03.svg") no-repeat left center;
    background-size: clamp(10px, 10px + 8 * (100vw - 390px) / 953, 18px);
    padding: 0px 0px 0px clamp(16px, 16px + 12 * (100vw - 390px) / 953, 28px);
    color: var(--rn-color-white);
}

.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 {
    position: relative;
    border-radius: 40px 10px 40px 10px;
    padding: 30px 3% 30px 3%;
    overflow: hidden;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-background);
	z-index: -6;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li {
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li:nth-of-type(1) {
	width: 40%;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li:nth-of-type(2) {
    padding-left: 3%;
    padding-right: 1%;
	width: 60%;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li:nth-of-type(2) h5 {
    font-size: clamp(20px, 20px + 12 * (100vw - 390px) / 953, 32px);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0px;
    margin-bottom: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    color: var(--rn-color-green);
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li:nth-of-type(2) p {
    font-size: clamp(9px, 9px + 11 * (100vw - 390px) / 953, 20px);
    font-weight: 500;
    line-height: 1.9;
    letter-spacing: 0px;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li .img-box-sp {
    display: none;
}
.renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li img {
    border-radius: 20px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li {
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-bottom: 15px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li:nth-of-type(3n) {
        margin-right: 10px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li:last-of-type {
        margin-right: 0px;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-reason .illust01 {
        display: none;
    }
    .renewal-site .rn-top-reason .ttl02 {
        margin-top: -5px;
    }
    .renewal-site .rn-top-reason .ttl02 .span03 {
        margin-left: -5px;
        margin-right: -5px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 {
        border: var(--rn-color-green) 2px solid;
        padding: 0px 0px 20px 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .reason-no {
        margin-bottom: 15px;
        position: static;
        padding: 5px 5px 5px 5px;
        letter-spacing: 0px;
        line-height: 1.1;
        font-size: 24px;
        font-weight: 500;
        font-family: var(--rn-font-outfit);
        color: var(--rn-color-white);
        background: var(--rn-color-green);
        border-radius: clamp(10px, 10px + 22 * (100vw - 390px) / 953, 32px) clamp(10px, 10px + 22 * (100vw - 390px) / 953, 32px) 0px 0px;
        text-align: center;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .reason-no .span-pc {
        display: none;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .reason-no .span-sp {
        margin-left: 10px;
        display: inline-block;
        letter-spacing: 0px;
        line-height: 1.1;
        font-size: 28px;
        font-weight: 600;
        font-family: var(--rn-font-outfit);
        color: var(--rn-color-white);
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list01 {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 20px 2px 20px 2px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list01 li:nth-of-type(1) {
        width: 100%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list01 li:nth-of-type(2) {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list01 li:nth-of-type(2) p {
        font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
        line-height: 1.8;
        margin-top: 15px;
        padding-bottom: 15px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 {
        margin-left: 15px;
        margin-right: 15px;
        padding: 30px 15px 15px 15px;
        border-radius: 20px 20px 0px 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 .ttl04 {
        top: -15px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li {
        width: calc((100% - 5px) / 2);
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li:nth-of-type(4n) {
        margin-right: 5px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box01 {
        height: auto;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box01 img {
        max-width: 100%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box02 {
        height: auto;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box02 img {
        max-width: 100%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box03 {
        height: auto;
        padding-top: 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box03 img {
        max-width: 100%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box04 {
        height: auto;
        padding-top: 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li .img-box04 img {
        max-width: 100%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li h6 {
        display: none;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list02 li p {
        display: none;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 0px 0px 20px 20px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li:nth-of-type(3n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list03 li:last-of-type {
        margin-right: 0px;
    }

    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 20px 2px 20px 2px;
        padding: 20px 3% 20px 3%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li:nth-of-type(1) {
        display: none;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li:nth-of-type(2) {
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li:nth-of-type(2) h5 {
        font-size: clamp(20px, 20px + 12 * (100vw - 390px) / 953, 32px);
        line-height: 1.8;
        padding-bottom: 8px;
        text-align: center;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li:nth-of-type(2) p {
        padding-top: 15px;
        font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
        line-height: 1.9;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li .img-box-sp {
        display: inline;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li img {
        border-radius: 10px;
    }


}

@media screen and (max-width:390px) {
}

@media screen and (max-width:320px) {
    .renewal-site .rn-top-reason .rn-top-reason-box01 .page-list04 li:nth-of-type(2) h5 {
        font-size: 18px;
    }
}

.renewal-site .rn-top-reason .rn-top-reason-box02 {
    margin-bottom: clamp(30px, 30px + 30 * (100vw - 390px) / 953, 60px);
    border: var(--rn-color-green) 5px solid;
    border-radius: clamp(15px, 15px + 25 * (100vw - 390px) / 953, 40px);
    padding: 30px 40px 40px 40px;
    position: relative;
}
.renewal-site .rn-top-reason .rn-top-reason-box02::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-background);
	z-index: -8;
}

.renewal-site .rn-top-reason .rn-top-reason-box02 .illust02 {
    position: absolute;
    top: clamp(60px, 60px + 30 * (100vw - 390px) / 953, 90px);
    right: clamp(20px, 20px + 40 * (100vw - 390px) / 953, 60px);
    width: clamp(73px, 73px + 110 * (100vw - 390px) / 953, 183px);
    z-index: 1;
}

.renewal-site .rn-top-reason .rn-top-reason-box02 .reason-no {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 15px 35px 25px 30px;
	letter-spacing: 0px;
    line-height: 1.1;
    font-size: clamp(16px, 16px + 3 * (100vw - 390px) / 953, 19px);
	font-weight: 500;
    font-family: var(--rn-font-outfit);
    color: var(--rn-color-white);
    background: var(--rn-color-green);
    border-radius: clamp(6px, 6px + 26 * (100vw - 390px) / 953, 32px) 0px 30px 0px;
    text-align: center;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .reason-no .span-pc {
	letter-spacing: 0px;
    line-height: 1.1;
    font-size: clamp(60px, 60px + 11 * (100vw - 390px) / 953, 71px);
	font-weight: 600;
    font-family: var(--rn-font-outfit);
    color: var(--rn-color-white);
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .reason-no .span-sp {
    display: none;
}

.renewal-site .rn-top-reason .rn-top-reason-box02 .ttl03 {
    margin-bottom: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
    text-align: center;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .ttl03 span {
    font-size: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    background: url("../img/top/human-ttl-bg@3x.png") repeat-x center bottom;
    background-size: clamp(6px, 6px + 6 * (100vw - 390px) / 953, 12px);
    padding: 0px 0px 2px 0px;
    color: var(--rn-color-green);
}

.renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 {
    position: relative;
    border-radius: 40px 10px 40px 10px;
    overflow: hidden;
    margin-bottom: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-white);
	z-index: -6;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 li {
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 li:nth-of-type(1) {
	width: 45%;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 li:nth-of-type(2) {
    padding-left: 2.5%;
    padding-right: 2.5%;
	width: 55%;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 li:nth-of-type(2) p {
    font-size: clamp(9px, 9px + 11 * (100vw - 390px) / 953, 20px);
    font-weight: 500;
    line-height: 2.0;
    letter-spacing: 0px;
    margin-top: clamp(0px, 0px + 50 * (100vw - 390px) / 953, 50px);
}

.renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 .page-list01-box {
    margin-top: clamp(20px, 20px + 10 * (100vw - 390px) / 953, 30px);
    margin-bottom: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    padding: clamp(15px, 15px + 10 * (100vw - 390px) / 953, 25px) 3% clamp(5px, 5px + 5 * (100vw - 390px) / 953, 10px) 3%;
    border-radius: 10px;
    background: var(--rn-color-gray-bg);
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 .page-list01-box .left-box {
    width: 52%;
    float: left;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 .page-list01-box .right-box {
    width: 46%;
    float: right;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 .page-list01-box .rn-check {
    margin-bottom: clamp(5px, 5px + 10 * (100vw - 390px) / 953, 15px);
    font-size: clamp(14px, 14px + 0 * (100vw - 390px) / 953, 14px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    background: url("../img/top/icon02.svg") no-repeat left center;
    background-size: clamp(15px, 15px + 2 * (100vw - 390px) / 953, 17px);
    padding: 0px 0px 0px clamp(20px, 20px + 3 * (100vw - 390px) / 953, 23px);
    color: var(--rn-color-green);
}

.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in {
    position: relative;
    padding: 30px 5% 40px 5%;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-white);
    border-radius: 40px 10px 40px 10px;
	z-index: -6;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .ttl06 {
    text-align: center;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .ttl06 img {
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .ttl07 {
    margin-bottom: clamp(30px, 30px + 20 * (100vw - 390px) / 953, 50px);
    text-align: center;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .ttl07 span {
    font-size: clamp(18px, 18px + 14 * (100vw - 390px) / 953, 32px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    background: url("../img/top/human-ttl-bg@3x.png") repeat-x center bottom;
    background-size: clamp(6px, 6px + 6 * (100vw - 390px) / 953, 12px);
    padding: 0px 0px clamp(5px, 5px + 5 * (100vw - 390px) / 953, 10px) 0px;
    color: var(--rn-color-green);
}

.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .p01 {
    margin-bottom: 20px;
    font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
    font-weight: 500;
    line-height: 2.2;
    letter-spacing: 0px;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .p01 span {
    font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
    font-weight: 700;
    line-height: 2.2;
    letter-spacing: 0px;
    color: var(--rn-color-green);
    background: linear-gradient(transparent 80%, var(--rn-color-yellow) 80%);
}

.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in02 {
    position: relative;
    margin: clamp(20px, 20px + 30 * (100vw - 390px) / 953, 50px) 8% 0 8%;
    padding: 0 4% 30px 4%;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in02::before {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	left: 0;
	margin: 0;
	width: 100%;
	height: calc(100% - 15px);
	background: var(--rn-color-gray-bg);
    border-radius: 15px;
	z-index: -4;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in02 .illust03 {
    position: absolute;
    top: 0px;
    left: calc(100% - 37px);
    width: clamp(52px, 52px + 68 * (100vw - 390px) / 953, 120px);
    z-index: 1;
}

.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .ttl08 {
    text-align: center;
    margin-bottom: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .ttl08 span {
    padding: 2px 20px 2px 20px;
    font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    color: var(--rn-color-green);
    background: var(--rn-color-white);
    border: var(--rn-color-green) 2px solid;
    border-radius: 50px;
}

.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in-left {
    float: right;
    width: 70%;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in-left p {
    font-size: clamp(16px, 16px + 2 * (100vw - 390px) / 953, 18px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    background: url("../img/top/icon10@3x.png") no-repeat left 12px;
    background-size: 4px;
    padding-left: 10px;
    color: var(--rn-color-green);
    margin-bottom: 10px;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in-right {
    float: left;
    width: 26%;
}
.renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in-right img {
    border-radius: 10px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 .page-list01-box .left-box {
        width: 100%;
        float: none;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 .page-list01-box .right-box {
        width: 100%;
        float: none;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in02 {
        margin: clamp(20px, 20px + 30 * (100vw - 390px) / 953, 50px) 0% 0 0%;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-reason .rn-top-reason-box02 .illust02 {
        top: 5px;
        right: 5px;
        width: clamp(63px, 63px + 120 * (100vw - 390px) / 953, 183px);
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 {
        border: var(--rn-color-green) 2px solid;
        padding: 0px 0px 20px 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .reason-no {
        margin-bottom: 15px;
        position: static;
        padding: 5px 5px 5px 5px;
        letter-spacing: 0px;
        line-height: 1.1;
        font-size: 24px;
        font-weight: 500;
        font-family: var(--rn-font-outfit);
        color: var(--rn-color-white);
        background: var(--rn-color-green);
        border-radius: clamp(10px, 10px + 22 * (100vw - 390px) / 953, 32px) clamp(10px, 10px + 22 * (100vw - 390px) / 953, 32px) 0px 0px;
        text-align: center;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .reason-no .span-pc {
        display: none;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .reason-no .span-sp {
        margin-left: 10px;
        display: inline-block;
        letter-spacing: 0px;
        line-height: 1.1;
        font-size: 28px;
        font-weight: 600;
        font-family: var(--rn-font-outfit);
        color: var(--rn-color-white);
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 20px 2px 20px 2px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 li:nth-of-type(1) {
        width: 100%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 li:nth-of-type(2) {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 li:nth-of-type(2) p {
        font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
        line-height: 1.8;
        margin-top: 15px;
        padding-bottom: 15px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .page-list01 .page-list01-box {
        margin-top: 0px;
        margin-bottom: 15px;
        padding: clamp(15px, 15px + 10 * (100vw - 390px) / 953, 25px) 5% clamp(5px, 5px + 5 * (100vw - 390px) / 953, 10px) 5%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in::before {
        border-radius: 20px 2px 20px 2px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in {
        margin-left: 15px;
        margin-right: 15px;
        padding: 20px 4% 20px 4%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .p01 {
        line-height: 1.8;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .p01 span {
        line-height: 1.8;
    }

    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in02 {
        margin: 40px 0px 0 0px;
        padding: 0 5% 20px 5%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in02::before {
        top: -15px;
        height: calc(100% + 15px);
        border-radius: 10px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .ttl08 {
        text-align: left;
        margin-bottom: 15px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .ttl08 span {
        padding: 5px 15px 5px 15px;
        font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
        line-height: 1.6;
        border-radius: 6px;
        display: block;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in-left {
        float: none;
        width: 100%;
        padding-bottom: 5px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in-left p {
        font-size: clamp(16px, 16px + 2 * (100vw - 390px) / 953, 18px);
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0px;
        background: url("../img/top/icon10@3x.png") no-repeat left 12px;
        background-size: 4px;
        padding-left: 10px;
        color: var(--rn-color-green);
        margin-bottom: 10px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in-right {
        float: none;
        width: 100%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .rn-top-reason-box02-in02 .illust03 {
        top: -40px;
        left: calc(100% - 30px);
    }
}

@media screen and (max-width:390px) {
}

@media screen and (max-width:360px) {
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .ttl07 span {
        font-size: clamp(15px, 15px + 17 * (100vw - 390px) / 953, 32px);
    }
}

@media screen and (max-width:320px) {
    .renewal-site .rn-top-reason .rn-top-reason-box02 .rn-top-reason-box02-in .ttl08 span {
        padding: 5px 10px 5px 10px;
        font-size: clamp(14px, 14px + 6 * (100vw - 390px) / 953, 20px);
    }
}

.renewal-site .rn-top-reason .rn-top-reason-box03 {
    margin-bottom: clamp(30px, 30px + 30 * (100vw - 390px) / 953, 60px);
    border: var(--rn-color-green) 5px solid;
    border-radius: clamp(15px, 15px + 25 * (100vw - 390px) / 953, 40px);
    padding: 30px 40px 10px 40px;
    position: relative;
}
.renewal-site .rn-top-reason .rn-top-reason-box03::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-background);
	z-index: -8;
}

.renewal-site .rn-top-reason .rn-top-reason-box03 .reason-no {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 15px 35px 25px 30px;
	letter-spacing: 0px;
    line-height: 1.1;
    font-size: clamp(16px, 16px + 3 * (100vw - 390px) / 953, 19px);
	font-weight: 500;
    font-family: var(--rn-font-outfit);
    color: var(--rn-color-white);
    background: var(--rn-color-green);
    border-radius: clamp(6px, 6px + 26 * (100vw - 390px) / 953, 32px) 0px 30px 0px;
    text-align: center;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .reason-no .span-pc {
	letter-spacing: 0px;
    line-height: 1.1;
    font-size: clamp(60px, 60px + 11 * (100vw - 390px) / 953, 71px);
	font-weight: 600;
    font-family: var(--rn-font-outfit);
    color: var(--rn-color-white);
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .reason-no .span-sp {
    display: none;
}

.renewal-site .rn-top-reason .rn-top-reason-box03 .ttl03 {
    margin-bottom: clamp(15px, 15px + 15 * (100vw - 390px) / 953, 30px);
    text-align: center;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .ttl03 span {
    font-size: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    background: url("../img/top/human-ttl-bg@3x.png") repeat-x center bottom;
    background-size: clamp(6px, 6px + 6 * (100vw - 390px) / 953, 12px);
    padding: 0px 0px 2px 0px;
    color: var(--rn-color-green);
}

.renewal-site .rn-top-reason .rn-top-reason-box03 .p01 {
    font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: clamp(15px, 15px + 15 * (100vw - 390px) / 953, 30px);
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .p01 span {
    font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0px;
    color: #39BC8D;
}

.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 {
    position: relative;
    padding: 0px 3% clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px) 3%;
    margin-bottom: clamp(20px, 20px + 30 * (100vw - 390px) / 953, 50px);
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01::before {
	content: "";
	display: block;
	position: absolute;
	top: 78px;
	left: 0;
	margin: 0;
	width: 100%;
	height: calc(100% - 78px);
	background: var(--rn-color-gold-bg);
    border: var(--rn-color-gold) 3px solid;
    border-radius: clamp(15px, 15px + 15 * (100vw - 390px) / 953, 30px);
	z-index: -6;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 .icon03-04 {
    position: absolute;
    bottom: -20px;
    left: calc(50% - 48.5px);
    width: 97px;
    height: auto;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 .ttl08 {
    margin-bottom: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
    text-align: center;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 .ttl08 img {
    max-width: 90%;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 li {
    position: relative;
    text-align: center;
	width: calc((100% - 60px) / 3);
	margin-right: 30px;
	margin-bottom: 20px;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 li:nth-of-type(3n) {
	margin-right: 0px;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 li:last-of-type {
	margin-right: 0px;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 li img {
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 li .reason-icon {
    position: absolute;
    top: 0px;
    left: -5px;
    max-width: 22%;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 li p {
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0px;
    color: #3A2F15;
    text-align: left;
}

.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 {
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 li {
    text-align: center;
	width: calc((100% - 30px) / 2);
	margin-right: 30px;
	margin-bottom: 20px;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 li:nth-of-type(2n) {
	margin-right: 0px;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 li:last-of-type {
	margin-right: 0px;
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 li img {
    border-radius: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 li h5 {
    margin-top: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    margin-bottom: clamp(7px, 7px + 5 * (100vw - 390px) / 953, 12px);
    font-size: clamp(20px, 20px + 4 * (100vw - 390px) / 953, 24px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}
.renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 li p {
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01::before {
        top: 60px;
        height: calc(100% - 60px);
    }
}

@media screen and (max-width:1000px) {
    .renewal-site .rn-top-reason .rn-top-reason-box03 .ttl03 {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-reason .rn-top-reason-box03 {
        border: var(--rn-color-green) 2px solid;
        padding: 0px 0px 20px 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .reason-no {
        margin-bottom: 15px;
        position: static;
        padding: 5px 5px 5px 5px;
        letter-spacing: 0px;
        line-height: 1.1;
        font-size: 24px;
        font-weight: 500;
        font-family: var(--rn-font-outfit);
        color: var(--rn-color-white);
        background: var(--rn-color-green);
        border-radius: clamp(10px, 10px + 22 * (100vw - 390px) / 953, 32px) clamp(10px, 10px + 22 * (100vw - 390px) / 953, 32px) 0px 0px;
        text-align: center;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .reason-no .span-pc {
        display: none;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .reason-no .span-sp {
        margin-left: 10px;
        display: inline-block;
        letter-spacing: 0px;
        line-height: 1.1;
        font-size: 28px;
        font-weight: 600;
        font-family: var(--rn-font-outfit);
        color: var(--rn-color-white);
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .ttl03 {
        max-width: 100%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .p01 {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }

    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 {
        margin-left: 15px;
        margin-right: 15px;
        padding: 0px 15px 10px 15px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01::before {
        top: 40px;
        height: calc(100% - 40px);
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 li:nth-of-type(3n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 li .reason-icon {
        max-width: 23%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 li img {
        max-width: 70%;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list01 .icon03-04 {
        display: none;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 {
        margin-left: 15px;
        margin-right: 15px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 li:last-of-type {
        margin-right: 0px;
        margin-bottom: 0px;
    }
    .renewal-site .rn-top-reason .rn-top-reason-box03 .page-list02 li p {
        text-align: left;
    }
}

@media screen and (max-width:390px) {
}

@media screen and (max-width:360px) {
}

@media screen and (max-width:320px) {
}


/*	エコキュートのトラブルが悪化する前に今すぐご相談ください
---------------------------------*/
.renewal-site .rn-top-soudan {
    position: relative;
}
.renewal-site .rn-top-soudan::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: url("../img/top/soudan-bg.webp") no-repeat center center;
    background-size: cover;
	z-index: -8;
}

.renewal-site .rn-top-soudan .contents-inr {
    padding-top: clamp(40px, 40px + 60 * (100vw - 390px) / 953, 100px);
    padding-bottom: clamp(40px, 40px + 60 * (100vw - 390px) / 953, 100px);
}

.renewal-site .rn-top-soudan .rn-top-soudan-box {
    position: relative;
    padding-top: 35px;
}
.renewal-site .rn-top-soudan .rn-top-soudan-box::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-white) url("../img/top/soudan-bg-line.png") repeat center center;
    background-size: 21px;
    border-radius: 60px;
    box-shadow: 0px 4px 20px 0px rgba(62,112,94,0.3);
	z-index: -6;
}

.renewal-site .rn-top-soudan .rn-top-soudan-box .ttl01 {
    text-align: center;
    margin-bottom: clamp(15px, 15px + 15 * (100vw - 390px) / 953, 30px);
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .ttl01 img {
    max-width: 90%;
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .ttl02 {
    font-size: clamp(20px, 20px + 14 * (100vw - 390px) / 953, 34px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    margin-bottom: 20px;
    color: var(--rn-color-green);
    text-align: center;
}

.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list01-box {
    position: relative;
    margin-bottom: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
    margin-left: 10%;
    margin-right: 10%;
    padding: 30px 5% 15px 5%;
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list01-box::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: #FFFAE4;
    border-radius: 20px;
	z-index: -4;
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list01-box .soudan-illust {
    position: absolute;
    bottom: 0;
    left: 93%;
    width: 13%;
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list01-box .left-box {
    width: 48%;
    float: left;
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list01-box .right-box {
    width: 50%;
    float: right;
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list01-box .rn-check {
    margin-bottom: clamp(10px, 10px + 5 * (100vw - 390px) / 953, 15px);
    font-size: clamp(16px, 16px + 12 * (100vw - 390px) / 953, 28px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    background: url("../img/top/icon02.svg") no-repeat left center;
    background-size: clamp(18px, 18px + 14 * (100vw - 390px) / 953, 32px);
    padding: 0px 0px 0px clamp(30px, 30px + 10 * (100vw - 390px) / 953, 40px);
}

.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list02-list {
    position: relative;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 25px;
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list02-list::before {
	content: "";
	display: block;
	position: absolute;
	top: 23px;
	left: 0;
	margin: 0;
	width: 100%;
	height: calc(100% - 23px);
    background: var(--rn-color-green-bg);
    border-radius: 0px 0px 40px 40px;
	z-index: -4;
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list02-list .ttl03 {
    text-align: center;
    margin-bottom: clamp(5px, 5px + 10 * (100vw - 390px) / 953, 15px);
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list02-list li {
	width: calc((100% - 26px) / 3);
	margin-right: 13px;
	margin-bottom: 13px;
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list02-list li:nth-of-type(3n) {
	margin-right: 0px;
}
.renewal-site .rn-top-soudan .rn-top-soudan-box .page-list02-list li:last-of-type {
	margin-right: 0px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-soudan .rn-top-soudan-box .page-list01-box {
        margin-left: 3%;
        margin-right: 3%;
        padding: 20px 5% 10px 5%;
    }
    .renewal-site .rn-top-soudan .rn-top-soudan-box .page-list02-list li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 13px;
    }
    .renewal-site .rn-top-soudan .rn-top-soudan-box .page-list02-list li:nth-of-type(3n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-soudan .rn-top-soudan-box .page-list02-list li:last-of-type {
        margin-right: 0px;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-soudan .rn-top-soudan-box {
        padding-top: 25px;
    }
    .renewal-site .rn-top-soudan::before {
        background: url("../img/top/soudan-bg-sp.webp") no-repeat center center;
        background-size: cover;
    }
    .renewal-site .rn-top-soudan .rn-top-soudan-box::before {
        border-radius: 20px;
        box-shadow: 0px 4px 15px 0px rgba(62,112,94,0.2);
    }
    .renewal-site .rn-top-soudan .rn-top-soudan-box .page-list01-box .soudan-illust {
        bottom: 80%;
        left: 90%;
        width: 15%;
    }
    .renewal-site .rn-top-soudan .rn-top-soudan-box .page-list01-box .left-box {
        width: 100%;
        float: none;
    }
    .renewal-site .rn-top-soudan .rn-top-soudan-box .page-list01-box .right-box {
        width: 100%;
        float: none;
    }
    .renewal-site .rn-top-soudan .rn-top-soudan-box .page-list02-list {
        padding-bottom: 20px;
    }
    .renewal-site .rn-top-soudan .rn-top-soudan-box .page-list02-list::before {
        display: none;
    }
}

@media screen and (max-width:390px) {
}

@media screen and (max-width:375px) {
    .renewal-site .rn-top-soudan .rn-top-soudan-box .ttl02 {
        font-size: clamp(17px, 17px + 17 * (100vw - 390px) / 953, 34px);
    }
}


/*	明朗な料金体系
---------------------------------*/
.renewal-site .rn-top-ryokin {
    position: relative;
}

.renewal-site .rn-top-ryokin .contents-inr {
    padding-top: clamp(40px, 40px + 30 * (100vw - 390px) / 953, 70px);
    padding-bottom: clamp(30px, 30px + 30 * (100vw - 390px) / 953, 60px);
}

.renewal-site .rn-top-ryokin .ryokin-illust {
    position: absolute;
    top: 70px;
    left: 82%;
    width: 15%;
    z-index: 1;
}

.renewal-site .rn-top-ryokin .ttl01 {
    text-align: center;
}
.renewal-site .rn-top-ryokin .ttl01 img {
}

.renewal-site .rn-top-ryokin .ttl02 {
    margin-bottom: clamp(30px, 30px + 30 * (100vw - 390px) / 953, 60px);
    text-align: center;
    font-size: clamp(24px, 24px + 40 * (100vw - 390px) / 953, 64px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
    color: var(--rn-color-ink);
}

.renewal-site .rn-top-ryokin .page-list {
}
.renewal-site .rn-top-ryokin .page-list li {
	width: calc((100% - 40px) / 2);
	margin-right: 40px;
	margin-bottom: 20px;
    border: var(--rn-color-green) 4px solid;
	border-radius: clamp(15px, 15px + 5 * (100vw - 390px) / 953, 20px);
    padding: 0px 0px clamp(15px, 15px + 10 * (100vw - 390px) / 953, 25px) 0px;
	background: var(--rn-color-white);
    text-align: center;
}
.renewal-site .rn-top-ryokin .page-list li:nth-of-type(2n) {
	margin-right: 0px;
}
.renewal-site .rn-top-ryokin .page-list li:last-of-type {
	margin-right: 0px;
}

.renewal-site .rn-top-ryokin .page-list li img {
    max-width: 60%;
}

.renewal-site .rn-top-ryokin .page-list li h4 {
    margin-bottom: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    text-align: center;
    font-size: clamp(20px, 20px + 12 * (100vw - 390px) / 953, 32px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-white);
    background: var(--rn-color-green);
    padding: 10px 5px 11px 5px;
	border-radius: clamp(8px, 8px + 5 * (100vw - 390px) / 953, 13px) clamp(8px, 8px + 5 * (100vw - 390px) / 953, 13px) 0 0;
}
.renewal-site .rn-top-ryokin .page-list li p {
    margin-top: clamp(5px, 5px + 0 * (100vw - 390px) / 953, 5px);
    text-align: center;
    font-size: clamp(15px, 15px + 1 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0px;
}
.renewal-site .rn-top-ryokin .page-list li .page-list-kin {
    margin-top: clamp(0px, 0px + 5 * (100vw - 390px) / 953, 5px);
    text-align: center;
}
.renewal-site .rn-top-ryokin .page-list li .page-list-kin .span01 {
    font-size: clamp(30px, 30px + 26 * (100vw - 320px) / 1023, 56px);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-red);
    font-family: var(--rn-font-oswald);
}
.renewal-site .rn-top-ryokin .page-list li .page-list-kin .span02 {
    font-size: clamp(16px, 16px + 8 * (100vw - 390px) / 953, 24px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    font-family: var(--rn-font-zen-kaku-gothic-new);
}
.renewal-site .rn-top-ryokin .page-list li .page-list-kin .span03 {
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    font-size: clamp(22px, 22px + 18 * (100vw - 390px) / 953, 40px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    font-family: var(--rn-font-zen-kaku-gothic-new);
    font-family: var(--rn-font-oswald);
}

.renewal-site .rn-top-ryokin .p01 {
    margin-top: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    text-align: center;
    font-size: clamp(16px, 16px + 8 * (100vw - 390px) / 953, 24px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-ryokin .page-list li {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
        border: var(--rn-color-green) 4px solid;
    }
    .renewal-site .rn-top-ryokin .page-list li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-ryokin .page-list li:last-of-type {
        margin-right: 0px;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-ryokin .ryokin-illust {
        top: 100px;
        left: auto;
        right: 5px;
        width: 22%;
    }
    .renewal-site .rn-top-ryokin .page-list li {
        width: 100%;
        margin-right: 0px;
        border: var(--rn-color-green) 2px solid;
    }
    .renewal-site .rn-top-ryokin .page-list li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-ryokin .page-list li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-ryokin .p01 {
        line-height: 1.8;
        font-weight: 500;
        text-align: left;
    }
    .renewal-site .rn-top-ryokin .page-list li .page-list-kin .span01 {
        font-size: clamp(40px, 40px + 16 * (100vw - 320px) / 1023, 56px);
    }
    .renewal-site .rn-top-ryokin .page-list li .page-list-kin .span02 {
        font-size: clamp(18px, 18px + 6 * (100vw - 390px) / 953, 24px);
    }
    .renewal-site .rn-top-ryokin .page-list li .page-list-kin .span03 {
        font-size: clamp(24px, 24px + 16 * (100vw - 390px) / 953, 40px);
    }
}

@media screen and (max-width:390px) {
}

@media screen and (max-width:360px) {
    .renewal-site .rn-top-ryokin .page-list li .page-list-kin .span01 {
        font-size: clamp(34px, 34px + 22 * (100vw - 320px) / 1023, 56px);
    }
    .renewal-site .rn-top-ryokin .page-list li p {
        font-size: clamp(13px, 13px + 3 * (100vw - 320px) / 1023, 16px);
    }
}


/*	ご利用可能なお支払い方法
---------------------------------*/
.renewal-site .rn-top-card {
}

.renewal-site .rn-top-card .contents-inr {
    padding-bottom: clamp(40px, 40px + 40 * (100vw - 390px) / 953, 80px);
}

.renewal-site .rn-top-card .ttl01 {
    text-align: center;
    margin-bottom: clamp(15px, 15px + 15 * (100vw - 390px) / 953, 30px);
}
.renewal-site .rn-top-card .ttl01 span {
    padding: 3px 30px 3px 30px;
    font-size: clamp(18px, 18px + 10 * (100vw - 390px) / 953, 28px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    color: var(--rn-color-green);
    background: var(--rn-color-white);
    border: var(--rn-color-green) 2px solid;
    border-radius: 50px;
}

.renewal-site .rn-top-card .rn-top-card-tbl {
}
.renewal-site .rn-top-card .rn-top-card-tbl table {
	width: 100%;
	border-collapse:separate;
	border-spacing:0px;
	margin: 0 auto 0px auto;
    border-top: var(--rn-color-gray-line) 1px solid;
}
.renewal-site .rn-top-card .rn-top-card-tbl table th {
	width: 23%;
	vertical-align: middle;
    font-size: clamp(14px, 14px + 4 * (100vw - 390px) / 953, 18px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
    color: var(--rn-color-white);
    background: var(--rn-color-green);
    border-right: var(--rn-color-gray-line) 1px solid;
    border-bottom: var(--rn-color-gray-line) 1px solid;
    text-align: center;
    padding: 15px 0px 15px 0px;
}
.renewal-site .rn-top-card .rn-top-card-tbl table td {
	vertical-align: middle;
    font-size: clamp(14px, 14px + 4 * (100vw - 390px) / 953, 18px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
    background: var(--rn-color-white);
    border-right: var(--rn-color-gray-line) 1px solid;
    border-bottom: var(--rn-color-gray-line) 1px solid;
    text-align: left;
    padding: 15px 10px 15px 30px;
}
.renewal-site .rn-top-card .rn-top-card-tbl table td.td01 {
	width: 45%;
    border-right: none;
    padding: 15px 10px 15px 30px;
}
.renewal-site .rn-top-card .rn-top-card-tbl table td.td01 img {
    max-width: 306px;
    margin-bottom: 2px;
}
.renewal-site .rn-top-card .rn-top-card-tbl table td.td02 {
	width: 32%;
    padding: 15px 10px 15px 0px;
}
.renewal-site .rn-top-card .rn-top-card-tbl table .p-mini {
    margin-top: 15px;
    font-size: clamp(11px, 11px + 1 * (100vw - 390px) / 953, 12px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-card .ttl01 span {
        display: block;
    }
    .renewal-site .rn-top-card .rn-top-card-tbl table th {
        width: 17%;
    }
    .renewal-site .rn-top-card .rn-top-card-tbl table td {
        padding: 15px 5px 15px 20px;
    }
    .renewal-site .rn-top-card .rn-top-card-tbl table td.td01 {
        width: 50%;
        padding: 15px 5px 15px 20px;
    }
    .renewal-site .rn-top-card .rn-top-card-tbl table td.td02 {
        width: 33%;
        padding: 15px 5px 15px 0px;
    }
}

@media screen and (max-width:390px) {
}


/*	ぜひ比べてください
---------------------------------*/
.renewal-site .rn-top-hikaku-banner {
    position: relative;
}
.renewal-site .rn-top-hikaku-banner::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-white) url("../img/top/soudan-bg-line.png") repeat center center;
    background-size: 21px;
	z-index: -8;
}

.renewal-site .rn-top-hikaku-banner .contents-inr {
    padding-top: clamp(30px, 30px + 40 * (100vw - 390px) / 953, 70px);
    padding-bottom: clamp(40px, 40px + 40 * (100vw - 390px) / 953, 80px);
}

.renewal-site .rn-top-hikaku-banner .banner-img {
    text-align: center;
    margin-bottom: clamp(15px, 15px + 15 * (100vw - 390px) / 953, 30px);
}
.renewal-site .rn-top-hikaku-banner .banner-img img {
    width: 100%;
    height: auto;
}

.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl {
    padding-top: 70px;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table {
	width: 93%;
	border-collapse:separate;
	border-spacing:0px;
	margin: 0 auto 0px auto;
}

.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table th {
	width: 16%;
	vertical-align: middle;
    font-size: clamp(14px, 14px + 6 * (100vw - 390px) / 953, 20px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
    color: var(--rn-color-white);
    background: var(--rn-color-green);
    border-bottom: var(--rn-color-gray-line) 1px solid;
    border-right: var(--rn-color-gray-line) 1px solid;
    text-align: center;
    padding: 15px 0px 15px 0px;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table th.th01 {
    background: none;
    border-bottom: none;
}

.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table td {
	width: 21%;
	vertical-align: middle;
    font-size: clamp(12px, 12px + 2 * (100vw - 390px) / 953, 14px);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 1px;
    background: var(--rn-color-white);
    border-right: var(--rn-color-gray-line) 1px solid;
    border-bottom: var(--rn-color-gray-line) 1px solid;
    text-align: center;
    padding: 15px 10px 15px 10px;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table td.td01 {
    background: var(--rn-color-yellow);
    border-left: var(--rn-color-yellow) 4px solid;
    border-right: var(--rn-color-yellow) 4px solid;
    position: relative;
    vertical-align: top;
    padding: 0px 10px 15px 10px;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table td.td01::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
	left: -4px;
	margin: 0;
	width: calc(100% + 8px);
	height: 32px;
    background: var(--rn-color-yellow);
    border-radius: 20px 20px 0 0;
	z-index: -6;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table td.td01 .icon-ttl {
    position: absolute;
    bottom: calc(100% + 32px);
    left: calc(50% - 27px);
    width: 54px;
    height: auto;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table td.td01 .icon-logo {
    width: 180px;
    height: auto;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table td.td02 {
    font-size: clamp(14px, 14px + 6 * (100vw - 390px) / 953, 20px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
    background: var(--rn-color-gray-bg2);
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table td.td03 {
    border-left: var(--rn-color-yellow) 4px solid;
    border-right: var(--rn-color-yellow) 4px solid;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table td.td03btm {
    border-left: var(--rn-color-yellow) 4px solid;
    border-right: var(--rn-color-yellow) 4px solid;
    border-bottom: var(--rn-color-yellow) 4px solid;
    box-shadow: 0px 4px 3px 0px rgba(62,112,94,0.3);
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table td.td04 {
}

.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl .icon-maru2 {
	width: 32px;
    height: auto;
    margin-bottom: 5px;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl .icon-maru {
	width: 32px;
    height: auto;
    margin-bottom: 5px;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl .icon-batu {
	width: 30px;
    height: auto;
    margin-bottom: 5px;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl .icon-sankaku {
	width: 32px;
    height: auto;
    margin-bottom: 5px;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl .icon-maru2 {
	width: 32px;
    height: auto;
    margin-bottom: 5px;
}
.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl .icon-maru2 {
	width: 32px;
    height: auto;
    margin-bottom: 5px;
}

.renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl .p-mini {
    text-align: right;
    margin-top: 10px;
    font-size: clamp(12px, 12px + 2 * (100vw - 390px) / 953, 14px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
	width: 93%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table {
        width: 100%;
    }
    .renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl .p-mini {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table th {
        width: 12%;
        color: var(--rn-color-ink);
        background: var(--rn-color-background);
    }
    .renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table th.th01 {
        background: none;
    }
    .renewal-site .rn-top-hikaku-banner .rn-top-hikaku-banner-tbl table td {
        width: 22%;
    }
}

@media screen and (max-width:390px) {
}


/*	ご利用者様の口コミ
---------------------------------*/
.renewal-site .rn-top-voice {
    position: relative;
}

.renewal-site .rn-top-voice .illust-left {
    position: absolute;
    top: 4vw;
    left: 0;
    width: 16%;
}
.renewal-site .rn-top-voice .illust-right {
    position: absolute;
    top: 4vw;
    right: 0;
    width: 16%;
}

.renewal-site .rn-top-voice .contents-inr {
    padding-top: clamp(30px, 30px + 40 * (100vw - 390px) / 953, 70px);
    padding-bottom: clamp(50px, 50px + 30 * (100vw - 390px) / 953, 80px);
}

.renewal-site .rn-top-voice .btn-cmn02 {
    margin-top: clamp(30px, 30px + 30 * (100vw - 390px) / 953, 60px);
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
}

.renewal-site .rn-top-voice .ttl01 {
    text-align: center;
}
.renewal-site .rn-top-voice .ttl01 img {
    max-width: 47%;
    margin-left: 30px;
}

.renewal-site .rn-top-voice .ttl02 {
    margin-top: -5px;
    margin-bottom: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
    text-align: center;
}
.renewal-site .rn-top-voice .ttl02 span {
    margin-left: 30px;
    font-size: clamp(24px, 24px + 40 * (100vw - 390px) / 953, 64px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
    color: var(--rn-color-ink);
    position: relative;
}
.renewal-site .rn-top-voice .ttl02 span img {
    position: absolute;
    top: -75px;
    right: 95%;
    width: 28%;
    height: auto;
}

.renewal-site .rn-top-voice .rn-top-voice-box {
	background: var(--rn-color-white);
	border: var(--rn-color-green) 4px solid;
    border-radius: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    padding: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px) clamp(15px, 15px + 30 * (100vw - 390px) / 953, 45px) clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px) clamp(15px, 15px + 30 * (100vw - 390px) / 953, 45px);
    margin-bottom: clamp(20px, 20px + 10 * (100vw - 390px) / 953, 30px);
}
.renewal-site .rn-top-voice .rn-top-voice-box .left-box {
    width: 51%;
    float: left;
}
.renewal-site .rn-top-voice .rn-top-voice-box .right-box {
    width: 45%;
    float: right;
}

.renewal-site .rn-top-voice .rn-top-voice-box .left-box .tbl-box {
	width: 100%;
	display: table;
	table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
}
.renewal-site .rn-top-voice .rn-top-voice-box .left-box .tbl-box .tbl-box-left {
	width: 45%;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: clamp(200px, 200px + 200 * (100vw - 390px) / 953, 400px);
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.renewal-site .rn-top-voice .rn-top-voice-box .left-box .tbl-box .tbl-box-left .btm-txt {
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    text-align: center;
}
.renewal-site .rn-top-voice .rn-top-voice-box .left-box .tbl-box .tbl-box-left .btm-txt span {
    display: inline-block;
    font-size: clamp(13px, 13px + 11 * (100vw - 390px) / 953, 24px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--rn-color-green);
    border: var(--rn-color-green) 2px solid;
    background: var(--rn-color-white);
    border-radius: 30px;
    padding: 3px 0px 5px 0px;
    width: 63%;
}
.renewal-site .rn-top-voice .rn-top-voice-box .left-box .tbl-box .tbl-box-center {
	width: 10%;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}
.renewal-site .rn-top-voice .rn-top-voice-box .left-box .tbl-box .tbl-box-right {
	width: 45%;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: clamp(200px, 200px + 200 * (100vw - 390px) / 953, 400px);
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.renewal-site .rn-top-voice .rn-top-voice-box .left-box .tbl-box .tbl-box-right .btm-txt {
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    text-align: center;
}
.renewal-site .rn-top-voice .rn-top-voice-box .left-box .tbl-box .tbl-box-right .btm-txt span {
    display: inline-block;
    font-size: clamp(13px, 13px + 11 * (100vw - 390px) / 953, 24px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--rn-color-white);
    border: var(--rn-color-green) 2px solid;
    background: var(--rn-color-green);
    border-radius: 30px;
    padding: 3px 0px 5px 0px;
    width: 63%;
}

.renewal-site .rn-top-voice .rn-top-voice-box .right-box h4 {
    font-size: clamp(20px, 20px + 8 * (100vw - 390px) / 953, 28px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    color: var(--rn-color-green);
    margin-bottom: clamp(10px, 10px + 5 * (100vw - 390px) / 953, 15px);
}
.renewal-site .rn-top-voice .rn-top-voice-box .right-box h5 {
    font-size: clamp(19px, 19px + 1 * (100vw - 390px) / 953, 20px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-bottom: clamp(8px, 8px + 2 * (100vw - 390px) / 953, 10px);
}
.renewal-site .rn-top-voice .rn-top-voice-box .right-box h5 span {
    font-size: clamp(15px, 15px + 1 * (100vw - 390px) / 953, 16px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
}
.renewal-site .rn-top-voice .rn-top-voice-box .right-box h6 {
    margin-bottom: clamp(15px, 15px + 5 * (100vw - 390px) / 953, 20px);
}
.renewal-site .rn-top-voice .rn-top-voice-box .right-box h6 span {
    display: inline-block;
    font-size: clamp(15px, 15px + 1 * (100vw - 390px) / 953, 16px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    color: var(--rn-color-green);
    border: var(--rn-color-green) 2px solid;
    background: var(--rn-color-white);
    border-radius: 30px;
    padding: 3px 15px 4px 15px;
}
.renewal-site .rn-top-voice .rn-top-voice-box .right-box p {
    font-size: clamp(15px, 15px + 1 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-voice .rn-top-voice-box .left-box .tbl-box .tbl-box-center {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-voice .illust-left {
        display: none;
    }
    .renewal-site .rn-top-voice .illust-right {
        display: none;
    }
    .renewal-site .rn-top-voice .btn-cmn02 {
        max-width: 90%;
    }
    .renewal-site .rn-top-voice .ttl01 img {
        max-width: 95%;
        margin-left: 0px;
    }
    .renewal-site .rn-top-voice .ttl02 {
        margin-top: -2px;
    }
    .renewal-site .rn-top-voice .ttl02 span {
        margin-left: 0px;
    }
    .renewal-site .rn-top-voice .ttl02 span img {
        top: -73px;
        right: 60vw;
        width: 28%;
        height: auto;
    }
    .renewal-site .rn-top-voice .rn-top-voice-box {
        border: var(--rn-color-green) 2px solid;
    }
    .renewal-site .rn-top-voice .rn-top-voice-box .left-box {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    .renewal-site .rn-top-voice .rn-top-voice-box .right-box {
        width: 100%;
        float: none;
    }
    .renewal-site .rn-top-voice .rn-top-voice-box .left-box .tbl-box .tbl-box-left {
        height: clamp(180px, 180px + 520 * (100vw - 320px) / 1023, 700px);
    }
    .renewal-site .rn-top-voice .rn-top-voice-box .left-box .tbl-box .tbl-box-right {
        height: clamp(180px, 180px + 520 * (100vw - 320px) / 1023, 700px);
    }
    .renewal-site .rn-top-voice .rn-top-voice-box .right-box h5 {
        margin-bottom: 15px;
        text-align: center;
    }
    .renewal-site .rn-top-voice .rn-top-voice-box .right-box h6 {
        margin-bottom: 15px;
        text-align: center;
    }
}

@media screen and (max-width:460px) {
    .renewal-site .rn-top-voice .ttl02 span img {
        top: -73px;
        right: 64vw;
        width: 28%;
        height: auto;
    }
}

@media screen and (max-width:390px) {
}

@media screen and (max-width:360px) {
    .renewal-site .rn-top-voice .ttl02 span img {
        top: -73px;
        right: 66vw;
        width: 27%;
        height: auto;
    }
}

@media screen and (max-width:320px) {
    .renewal-site .rn-top-voice .ttl02 span img {
        top: -66px;
        right: 68vw;
        width: 25%;
        height: auto;
    }
}


/*	代表よりごあいさつ
---------------------------------*/
.renewal-site .rn-top-aisatu {
    position: relative;
}
.renewal-site .rn-top-aisatu::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-white);
	z-index: -8;
}

.renewal-site .rn-top-aisatu .contents-inr {
    padding-top: clamp(40px, 40px + 40 * (100vw - 390px) / 953, 80px);
    padding-bottom: clamp(50px, 50px + 50 * (100vw - 390px) / 953, 100px);
}

.renewal-site .rn-top-aisatu .txt-box {
    width: 73%;
    position: relative;
}

.renewal-site .rn-top-aisatu .txt-box h2 {
    font-size: clamp(24px, 24px + 24 * (100vw - 390px) / 953, 48px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    margin-bottom: clamp(15px, 15px + 0 * (100vw - 390px) / 953, 15px);
}
.renewal-site .rn-top-aisatu .txt-box h3 {
    font-size: clamp(24px, 24px + 16 * (100vw - 390px) / 953, 40px);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0px;
    margin-bottom: clamp(20px, 20px + 10 * (100vw - 390px) / 953, 30px);
}
.renewal-site .rn-top-aisatu .txt-box h3 span {
    font-size: clamp(24px, 24px + 16 * (100vw - 390px) / 953, 40px);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}
.renewal-site .rn-top-aisatu .txt-box p {
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0px;
}

.renewal-site .rn-top-aisatu .btn-cmn02 {
    margin-top: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
    max-width: 390px;
}

.renewal-site .rn-top-aisatu .txt-box .img-box {
    position: absolute;
    top: 5vw;
    left: 106%;
    width: 30%;
}
.renewal-site .rn-top-aisatu .txt-box .img-box .img-box-in {
    position: relative;
}
.renewal-site .rn-top-aisatu .txt-box .img-box .img-box-in::before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	margin: 0;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
    background: var(--rn-color-green);
    border-radius: 123px 0 123px 0;
	z-index: -6;
}
.renewal-site .rn-top-aisatu .txt-box .img-box .img-box-in::after {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
	width: calc(100% + 0px);
	height: calc(100% + 0px);
    background: var(--rn-color-green);
    border-radius: 123px 0 123px 0;
	z-index: -6;
}
.renewal-site .rn-top-aisatu .txt-box .img-box .img-box-in img {
    border-radius: 120px 0 120px 0;
}
.renewal-site .rn-top-aisatu .txt-box .img-box .rn-name {
    font-size: clamp(22px, 22px + 2 * (100vw - 390px) / 953, 24px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    margin-top: 25px;
}
.renewal-site .rn-top-aisatu .txt-box .img-box .rn-name span {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 3px;
    margin-right: 12px;
    font-size: clamp(13px, 13px + 1 * (100vw - 390px) / 953, 14px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-aisatu .txt-box {
        width: 68%;
    }
    .renewal-site .rn-top-aisatu .txt-box .img-box {
        width: 37%;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-aisatu .txt-box {
        width: 100%;
    }
    .renewal-site .rn-top-aisatu .txt-box h2 {
        margin-bottom: 30px;
        text-align: center;
    }
    .renewal-site .rn-top-aisatu .txt-box .img-box {
        position: static;
        width: 100%;
        text-align: center;
    }
    .renewal-site .rn-top-aisatu .txt-box .img-box .img-box-in {
        width: 93%;
        margin-left: auto;
        margin-right: auto;
    }
    .renewal-site .rn-top-aisatu .txt-box .img-box .rn-name {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .renewal-site .rn-top-aisatu .btn-cmn02 {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width:390px) {
}


/*	ご利用の流れ
---------------------------------*/
.renewal-site .rn-top-flow {
    position: relative;
}

.renewal-site .rn-top-flow .contents-inr {
    padding-top: clamp(40px, 40px + 20 * (100vw - 390px) / 953, 60px);
    padding-bottom: clamp(20px, 20px + 20 * (100vw - 390px) / 953, 40px);
}

.renewal-site .rn-top-flow .ttl01 {
    text-align: center;
}
.renewal-site .rn-top-flow .ttl01 img {
    max-width: 80%;
}

.renewal-site .rn-top-flow .ttl02 {
    margin-bottom: clamp(30px, 30px + 40 * (100vw - 390px) / 953, 70px);
    text-align: center;
    font-size: clamp(24px, 24px + 40 * (100vw - 390px) / 953, 64px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-ink);
    position: relative;
}
.renewal-site .rn-top-flow .ttl02 img {
    position: absolute;
    top: -60px;
    right: 2%;
    width: 13%;
    z-index: 1;
}

.renewal-site .rn-top-flow .rn-top-flow-box {
    background: var(--rn-color-white);
    border-radius: 30px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}
.renewal-site .rn-top-flow .rn-top-flow-box .flow-no {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 25px 25px 25px 25px;
	letter-spacing: 0px;
    line-height: 1;
    font-size: clamp(32px, 32px + 39 * (100vw - 390px) / 953, 71px);
	font-weight: 600;
    color: var(--rn-color-green);
    font-family: var(--rn-font-outfit);
    color: var(--rn-color-white);
    background: var(--rn-color-green);
    border-radius: 0px 0px 30px 0px;
}
.renewal-site .rn-top-flow .rn-top-flow-box .img-box {
    width: 37%;
    float: left;
}
.renewal-site .rn-top-flow .rn-top-flow-box.rn-top-flow-box-imgright .img-box {
    float: right;
}
.renewal-site .rn-top-flow .rn-top-flow-box .txt-box {
    width: 54%;
    float: right;
    padding-right: 8%;
}
.renewal-site .rn-top-flow .rn-top-flow-box.rn-top-flow-box-imgright .txt-box {
    width: 60%;
    float: left;
    padding-right: 0;
    padding-left: 14%;
}
.renewal-site .rn-top-flow .rn-top-flow-box .txt-box h4 {
    margin-top: clamp(0px, 0px + 60 * (100vw - 390px) / 953, 60px);
    margin-bottom: clamp(0px, 0px + 20 * (100vw - 390px) / 953, 20px);
    font-size: clamp(20px, 20px + 12 * (100vw - 390px) / 953, 32px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-green);
}
.renewal-site .rn-top-flow .rn-top-flow-box .txt-box p {
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0px;
}

@media screen and (max-width:1343px) {
    .renewal-site .rn-top-flow .rn-top-flow-box .txt-box {
        width: 60%;
        padding-right: 3%;
    }
    .renewal-site .rn-top-flow .rn-top-flow-box.rn-top-flow-box-imgright .txt-box {
        width: 60%;
        padding-right: 0;
        padding-left: 14%;
    }
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-flow .rn-top-flow-box .flow-no {
        padding: 15px 15px 15px 15px;
        font-size: clamp(11px, 11px + 60 * (100vw - 390px) / 953, 71px);
    }
    .renewal-site .rn-top-flow .rn-top-flow-box.rn-top-flow-box-imgright .txt-box {
        padding-left: 11%;
    }
    .renewal-site .rn-top-flow .rn-top-flow-box .txt-box h4 {
        margin-top: clamp(0px, 0px + 40 * (100vw - 390px) / 953, 40px);
    }
    .renewal-site .rn-top-flow .rn-top-flow-box .txt-box p {
        font-size: clamp(12px, 12px + 4 * (100vw - 390px) / 953, 16px);
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-flow .rn-top-flow-box .flow-no {
        font-size: clamp(34px, 34px + 37 * (100vw - 390px) / 953, 71px);
        padding: 15px 15px 15px 15px;
        border-radius: 0px 0px 15px 0px;
    }
    .renewal-site .rn-top-flow .rn-top-flow-box .txt-box p {
        font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    }
    .renewal-site .rn-top-flow .rn-top-flow-box .img-box {
        width: 100%;
        float: none;
    }
    .renewal-site .rn-top-flow .rn-top-flow-box.rn-top-flow-box-imgright .img-box {
        width: 100%;
        float: none;
    }
    .renewal-site .rn-top-flow .rn-top-flow-box .txt-box {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .renewal-site .rn-top-flow .rn-top-flow-box.rn-top-flow-box-imgright .txt-box {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
    }
    .renewal-site .rn-top-flow .ttl02 img {
        top: -20px;
        right: 1.5%;
        width: 16%;
    }
    .renewal-site .rn-top-flow .rn-top-flow-box {
        border-radius: 15px;
        margin-bottom: 20px;
    }
    .renewal-site .rn-top-flow .rn-top-flow-box .txt-box h4 {
        margin-top: 18px;
        margin-bottom: 15px;
        font-size: clamp(24px, 24px + 8 * (100vw - 390px) / 953, 32px);
        text-align: center;
    }
    .renewal-site .rn-top-flow .rn-top-flow-box .txt-box p {
        padding: 0 15px 20px 15px;
    }
}

@media screen and (max-width:390px) {
}


/*	LINEでかんたん修理見積
---------------------------------*/
.renewal-site .rn-top-linestep {
    position: relative;
}
.renewal-site .rn-top-linestep::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-kimidori-bg);
	z-index: -8;
}

.renewal-site .rn-top-linestep .contents-inr {
    padding-top: clamp(30px, 30px + 40 * (100vw - 390px) / 953, 70px);
    padding-bottom: clamp(0px, 0px + 60 * (100vw - 390px) / 953, 60px);
}

.renewal-site .rn-top-linestep .ttl01 {
    text-align: center;
}
.renewal-site .rn-top-linestep .ttl01 img {
    max-width: 80%;
}

.renewal-site .rn-top-linestep .ttl02 {
    margin-bottom: 20px;
    text-align: center;
    font-size: clamp(24px, 24px + 40 * (100vw - 390px) / 953, 64px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-ink);
    position: relative;
}
.renewal-site .rn-top-linestep .ttl02 span {
    font-size: clamp(24px, 24px + 40 * (100vw - 390px) / 953, 64px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-kimidori);
}
.renewal-site .rn-top-linestep .ttl02 img {
    position: absolute;
    top: -120px;
    right: -6%;
    width: 20%;
    height: auto;
    z-index: 1;
}

.renewal-site .rn-top-linestep .p01 {
    margin-bottom: clamp(60px, 60px + 120 * (100vw - 390px) / 953, 180px);
    text-align: center;
    font-size: clamp(20px, 20px + 4 * (100vw - 390px) / 953, 24px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0px;
    color: var(--rn-color-ink);
}

.renewal-site .rn-top-linestep .page-list {
}
.renewal-site .rn-top-linestep .page-list li {
	width: calc((100% - 80px) / 3);
	margin-right: 30px;
	margin-bottom: 30px;
    padding: 30px 20px 30px 20px;
    position: relative;
}
.renewal-site .rn-top-linestep .page-list li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-white);
	border-radius: 15px;
    border: var(--rn-color-kimidori) 4px solid;
	z-index: -8;
}
.renewal-site .rn-top-linestep .page-list li::after {
	content: "";
	display: block;
	position: absolute;
	top: -80px;
	left: 66%;
	margin: 0;
	width: 73%;
	height: 11.5px;
    background: url("../img/top/linestep-line@3x.png") repeat-x center center;
    background-size: auto 100%;
	z-index: -6;
}
.renewal-site .rn-top-linestep .page-list li:last-of-type::after {
    display: none;
}
.renewal-site .rn-top-linestep .page-list li:nth-of-type(3n) {
	margin-right: 0px;
}
.renewal-site .rn-top-linestep .page-list li:last-of-type {
	margin-right: 0px;
}
.renewal-site .rn-top-linestep .page-list li .step-no {
    position: absolute;
    top: -140px;
    left: 0;
    width: 100%;
    text-align: center;
}
.renewal-site .rn-top-linestep .page-list li h4 {
    margin-top: clamp(15px, 15px + 10 * (100vw - 390px) / 953, 25px);
    margin-bottom: clamp(10px, 10px + 5 * (100vw - 390px) / 953, 15px);
    text-align: center;
    font-size: clamp(20px, 20px + 4 * (100vw - 390px) / 953, 24px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
}
.renewal-site .rn-top-linestep .page-list li p {
    font-size: clamp(16px, 16px + 0 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0px;
}
.renewal-site .rn-top-linestep .page-list li .btn-cmn02-line {
    margin-top: 20px;
}

@media screen and (max-width:1343px) {
    .renewal-site .rn-top-linestep .ttl02 img {
        right: -1%;
        width: 18%;
        height: auto;
    }
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-linestep .page-list li::after {
        top: -60px;
        left: 66%;
        width: 78%;
        height: 11px;
    }
    .renewal-site .rn-top-linestep .page-list li .step-no {
        top: -95px;
    }
    .renewal-site .rn-top-linestep .page-list li .step-no img {
        width: 80px;
        height: auto;
    }
    .renewal-site .rn-top-linestep .page-list li {
        width: calc((100% - 20px) / 3);
        margin-right: 10px;
    }
    .renewal-site .rn-top-linestep .page-list li:nth-of-type(3n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-linestep .page-list li:last-of-type {
        margin-right: 0px;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-linestep .page-list li .step-no {
        top: -35px;
    }
    .renewal-site .rn-top-linestep .page-list li .step-no img {
        width: 70px;
        height: auto;
    }
    .renewal-site .rn-top-linestep .ttl02 img {
        display: none;
    }
    .renewal-site .rn-top-linestep .ttl02 {
        margin-bottom: 30px;
    }
    .renewal-site .rn-top-linestep .p01 {
        font-size: clamp(20px, 20px + 4 * (100vw - 390px) / 953, 24px);
        text-align: left;
        line-height: 1.8;
    }
    .renewal-site .rn-top-linestep .page-list li::after {
        display: none;
    }
    .renewal-site .rn-top-linestep .page-list li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 50px;
        padding: 50px 20px 30px 20px;
    }
    .renewal-site .rn-top-linestep .page-list li::before {
        border-radius: 15px;
        border: var(--rn-color-kimidori) 2px solid;
    }
    .renewal-site .rn-top-linestep .page-list li:nth-of-type(3n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-linestep .page-list li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-linestep .page-list li:nth-of-type(1) .img-box {
        text-align: center;
    }
    .renewal-site .rn-top-linestep .page-list li:nth-of-type(1) .img-box img {
        max-width: 30%;
    }
}

@media screen and (max-width:390px) {
}


/*	他社のお見積書、お持ちですか？
---------------------------------*/
.renewal-site .rn-top-otoku {
    position: relative;
}
.renewal-site .rn-top-otoku::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-kimidori-bg2);
	z-index: -8;
}

.renewal-site .rn-top-otoku .contents-inr {
    padding-top: clamp(40px, 40px + 40 * (100vw - 390px) / 953, 80px);
    padding-bottom: clamp(50px, 50px + 50 * (100vw - 390px) / 953, 100px);
}

.renewal-site .rn-top-otoku .ttl01 {
    margin-bottom: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    text-align: center;
}
.renewal-site .rn-top-otoku .ttl01 span {
    font-size: clamp(18px, 18px + 14 * (100vw - 390px) / 953, 32px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    background: url("../img/top/icon-ttl-left02.svg") no-repeat left center, url("../img/top/icon-ttl-right02.svg") no-repeat right center;
    background-size: 20px, 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.renewal-site .rn-top-otoku .ttl02 {
    text-align: center;
    margin-bottom: clamp(20px, 20px + 40 * (100vw - 390px) / 953, 60px);
}
.renewal-site .rn-top-otoku .ttl02 img {
}

.renewal-site .rn-top-otoku .txt-box {
    padding-left: 50%;
    position: relative;
    padding-bottom: clamp(20px, 20px + 100 * (100vw - 390px) / 953, 120px);
}
.renewal-site .rn-top-otoku .txt-box .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
}
.renewal-site .rn-top-otoku .txt-box .img-box img {
    border-radius: 15px;
}
.renewal-site .rn-top-otoku .txt-box h4 {
    padding-top: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    font-size: clamp(18px, 18px + 14 * (100vw - 390px) / 953, 24px);
    font-weight: 500;
    line-height: 2.1;
    letter-spacing: 0px;
}
.renewal-site .rn-top-otoku .txt-box h4 span {
    font-size: clamp(18px, 18px + 14 * (100vw - 390px) / 953, 24px);
    font-weight: 700;
    line-height: 2.1;
    letter-spacing: 0px;
    color: #FF7700;
}
.renewal-site .rn-top-otoku .txt-box p {
    margin-top: clamp(15px, 15px + 10 * (100vw - 390px) / 953, 25px);
    font-size: clamp(12px, 12px + 8 * (100vw - 390px) / 953, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0px;
    color: #63785C;
}

.renewal-site .rn-top-otoku .page-list {
    position: relative;
}
.renewal-site .rn-top-otoku .page-list::before {
	content: "";
	display: block;
	position: absolute;
	top: 23px;
	left: 0;
	margin: 0;
	width: 100%;
	height: calc(100% - 60px);
	background: var(--rn-color-white);
	border-radius: 40px;
    border: var(--rn-color-kimidori) 3px solid;
	z-index: -6;
}
.renewal-site .rn-top-otoku .page-list .area-ttl {
    text-align: center;
}
.renewal-site .rn-top-otoku .page-list .area-ttl span {
    display: inline-block;
    font-size: clamp(20px, 20px + 8 * (100vw - 390px) / 953, 28px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: #34B157;
    border: var(--rn-color-kimidori) 3px solid;
	border-radius: 30px;
	background: var(--rn-color-white);
    padding: 3px 10px 4px 10px;
    width: 28%;
}
.renewal-site .rn-top-otoku .page-list li {
	width: 50%;
}
.renewal-site .rn-top-otoku .page-list li:nth-of-type(1) {
    padding: 20px 50px 50px 50px;
}
.renewal-site .rn-top-otoku .page-list li:nth-of-type(1) img {
    border-radius: 40px;
}
.renewal-site .rn-top-otoku .page-list li:nth-of-type(2) {
    padding: 60px 40px 0px 0px;
}
.renewal-site .rn-top-otoku .page-list li h4 {
    margin-bottom: clamp(15px, 15px + 5 * (100vw - 390px) / 953, 20px);
    font-size: clamp(17px, 17px + 7 * (100vw - 390px) / 953, 24px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    color: #3B935F;
}
.renewal-site .rn-top-otoku .page-list li p {
    font-size: clamp(15px, 15px + 3 * (100vw - 390px) / 953, 18px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0px;
}
.renewal-site .rn-top-otoku .page-list li .area-illust {
    margin: 10px 5% 0 25%;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-otoku .txt-box {
        padding-bottom: 50px;
    }
    .renewal-site .rn-top-otoku .page-list li:nth-of-type(1) {
        padding: 20px 30px 30px 30px;
    }
    .renewal-site .rn-top-otoku .page-list li:nth-of-type(1) img {
        border-radius: 30px;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-otoku .ttl01 span {
        background-size: 10px, 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .renewal-site .rn-top-otoku .txt-box {
        padding-left: 0;
        padding-bottom: clamp(30px, 30px + 20 * (100vw - 390px) / 953, 50px);
    }
    .renewal-site .rn-top-otoku .txt-box .img-box {
        position: static;
        width: 100%;
    }
    .renewal-site .rn-top-otoku .txt-box h4 {
        padding-bottom: 30px;
        line-height: 1.8;
    }
    .renewal-site .rn-top-otoku .txt-box h4 span {
        line-height: 1.8;
    }
    .renewal-site .rn-top-otoku .txt-box p {
        color: var(--rn-color-ink);
    }
    .renewal-site .rn-top-otoku .page-list li {
        width: 100%;
    }
    .renewal-site .rn-top-otoku .page-list li:nth-of-type(1) {
        padding: 20px 18px 20px 18px;
    }
    .renewal-site .rn-top-otoku .page-list li:nth-of-type(1) img {
        border-radius: 15px;
    }
    .renewal-site .rn-top-otoku .page-list li:nth-of-type(2) {
        padding: 0px 18px 20px 18px;
    }
    .renewal-site .rn-top-otoku .page-list::before {
        top: 16px;
        height: calc(100% - 16px);
        border-radius: 15px;
        border: var(--rn-color-kimidori) 2px solid;
    }
    .renewal-site .rn-top-otoku .page-list .area-ttl span {
        color: var(--rn-color-white);
        border: var(--rn-color-kimidori) 2px solid;
        background: var(--rn-color-kimidori);
        padding: 3px 10px 4px 10px;
        width: 60%;
    }
    .renewal-site .rn-top-otoku .page-list li .area-illust {
        display: none;
    }
}

@media screen and (max-width:390px) {
}

@media screen and (max-width:320px) {
    .renewal-site .rn-top-otoku .ttl01 span {
        font-size: clamp(16px, 16px + 16 * (100vw - 390px) / 953, 32px);
    }
}


/*	お問い合わせフォーム
---------------------------------*/
.renewal-site .rn-top-form {
    position: relative;
}
.renewal-site .rn-top-form::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: url("../img/top/contact-bg.webp") no-repeat center top;
    background-size: cover;
	z-index: -8;
}

.renewal-site .rn-top-form .contents-inr {
    max-width: 1040px;
    padding-top: clamp(40px, 40px + 60 * (100vw - 390px) / 953, 100px);
    padding-bottom: clamp(50px, 50px + 50 * (100vw - 390px) / 953, 100px);
}

.renewal-site .rn-top-form .ttl01 {
    text-align: center;
}
.renewal-site .rn-top-form .ttl01 img {
    max-width: 85%;
}

.renewal-site .rn-top-form .ttl02 {
    text-align: center;
    font-size: clamp(24px, 24px + 40 * (100vw - 390px) / 953, 64px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
}

.renewal-site .rn-top-form .contact-img {
    text-align: center;
}
.renewal-site .rn-top-form .contact-img img {
    max-width: 82%;
}

.renewal-site .rn-top-form .form-box {
    border: var(--rn-color-yellow-line) 4px solid;
    background: var(--rn-color-yellow-bg);
    border-radius: 20px;
    padding-top: clamp(30px, 30px + 40 * (100vw - 390px) / 953, 70px);
    overflow: hidden;
}

.renewal-site .rn-top-form .rn-form-message {
    margin: 0 clamp(20px, 8vw, 100px) 30px;
    padding: 16px 20px;
    border: 2px solid;
    border-radius: 10px;
    font-family: var(--rn-font-zen-kaku-gothic-new);
    font-weight: 700;
    text-align: center;
}

.renewal-site .rn-top-form .rn-form-message.is-success {
    border-color: var(--rn-color-green);
    background: var(--rn-color-background);
    color: var(--rn-color-green);
}

.renewal-site .rn-top-form .rn-form-message.is-error {
    border-color: var(--rn-color-red);
    background: #fff2f2;
    color: var(--rn-color-red);
}

.renewal-site .rn-top-form .g-recaptcha {
    display: flex;
    justify-content: center;
    margin: 30px auto 0;
}

.renewal-site .rn-top-form .form-box .doui-box {
    margin-top: 20px;
    text-align: center;
}
.renewal-site .rn-top-form .form-box .doui {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
	font-family: var(--rn-font-zen-kaku-gothic-new);
    font-size: clamp(14px, 14px + 4 * (100vw - 390px) / 953, 18px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--rn-color-ink);
    text-align: left;
}
.renewal-site .rn-top-form .form-box .doui a {
	font-family: var(--rn-font-zen-kaku-gothic-new);
    font-size: clamp(14px, 14px + 4 * (100vw - 390px) / 953, 18px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--rn-color-ink);
    padding-bottom: 0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    position: relative;
}
.renewal-site .rn-top-form .form-box .doui a:hover {
    color: var(--rn-color-green);
}
.renewal-site .rn-top-form .form-box .doui a::after {
  background-color: var(--rn-color-ink); /* 下線の色 */
  bottom: 0px; /* 要素の下端からの距離 */
  content: ""; /* 要素に内容を追加 */
  height: 1px; /* 下線の高さ */
  left: 0; /* 要素の左端からの距離 */
  opacity: 1; /* 不透明度 */
  position: absolute; /* 絶対位置指定 */
  transition: all .3s; /* アニメーション効果を追加 */
  width: 100%; /* 要素の幅 */
}
/* リンクにホバーした際の下線の表示 */
.renewal-site .rn-top-form .form-box .doui a:hover::after {
  bottom: 0px; /* 下線を上から下に移動 */
  opacity: 0; /* 不透明度を変更してフェードイン */
}


.renewal-site .rn-top-form .form-box table {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width:85%;
    border-collapse:separate;
    border-spacing:-1px;
}
.renewal-site .rn-top-form .form-box table th {
    width: 100%;
    display: block;
    vertical-align: top;
    padding: 0px 0px 10px 0px;
	font-family: var(--rn-font-zen-kaku-gothic-new);
    font-size: clamp(16px, 16px + 2 * (100vw - 390px) / 953, 18px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--rn-color-ink);
    text-align: left;
}
.renewal-site .rn-top-form .form-box .hissu {
	font-family: var(--rn-font-zen-kaku-gothic-new);
    font-size: clamp(14px, 14px + 2 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    color: #ffffff;
    background: var(--rn-color-pink-bg);
    margin-top: 3px;
    margin-right: 12px;
    padding: 2px 5px 2px 5px;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
}
.renewal-site .rn-top-form .form-box .doui-box .hissu {
    margin-top: -1px;
}
.renewal-site .rn-top-form .form-box table td {
    width: 100%;
    display: block;
    vertical-align:top;
    padding: 5px 0px 25px 0px;
	font-family: var(--rn-font-zen-kaku-gothic-new);
    font-size: clamp(14px, 14px + 4 * (100vw - 390px) / 953, 18px);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--rn-color-ink);
    text-align: left;
}
.renewal-site .rn-top-form .form-box table td p {
}

.renewal-site .rn-top-form .form-box input {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding: 12px 15px 12px 15px;
	font-family: var(--rn-font-zen-kaku-gothic-new);
    font-size: clamp(14px, 14px + 4 * (100vw - 390px) / 953, 18px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0;
    background: var(--rn-color-white);
    border: #e7e7e7 1px solid;
    border-radius: 4px;
}

.renewal-site .rn-top-form .form-box .checkbox-2 {
    border: none;
    display: inline-block;
}
.renewal-site .rn-top-form .form-box .checkbox-2 label {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.renewal-site .rn-top-form .form-box .checkbox-2 label::before {
    width: 22px;
    height: 22px;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    background: #ffffff;
    content: "";
}
.renewal-site .rn-top-form .form-box .checkbox-2 label:has(:checked)::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 3px;
    width: 20px;
    height: 12px;
    border-bottom: 3px solid var(--rn-color-pink-bg);
    border-left: 3px solid var(--rn-color-pink-bg);
    transform: rotate(-45deg);
}
.renewal-site .rn-top-form .form-box .checkbox-2 input {
    display: none;
}

.renewal-site .rn-top-form .form-box textarea {
    -webkit-appearance: none;
    appearance: none;
    padding: 12px 15px 12px 15px;
	font-family: var(--rn-font-zen-kaku-gothic-new);
    font-size: clamp(14px, 14px + 4 * (100vw - 390px) / 953, 18px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0;
    background: var(--rn-color-white);
    border: #e7e7e7 1px solid;
    border-radius: 4px;
    width: 100%;
}

.renewal-site .rn-top-form .form-box .in-koumoku {
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em 10em;
    border: none;
    font-weight: 700;
}
.renewal-site .rn-top-form .form-box .in-koumoku label {
    width: 36%;
    display: flex;
    align-items: center;
    gap: 0 .2em;
    position: relative;
    cursor: pointer;
    font-weight: 700;
}
.renewal-site .rn-top-form .form-box .in-koumoku label::before,
.renewal-site .rn-top-form .form-box .in-koumoku label::after {
    border-radius: 0;
    content: '';
}
.renewal-site .rn-top-form .form-box .in-koumoku label::before {
    width: 24px;
    height: 24px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
}
.renewal-site .rn-top-form .form-box .in-koumoku label::after {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background-color: var(--rn-color-white);
}
.renewal-site .rn-top-form .form-box .in-koumoku label:has(:checked)::before {
    border: 1px solid var(--rn-color-yellow);
}
.renewal-site .rn-top-form .form-box .in-koumoku label:has(:checked)::after {
    background-color: var(--rn-color-yellow);
}
.renewal-site .rn-top-form .form-box .in-koumoku input {
    display: none;
}

.renewal-site .rn-top-form input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
}

.renewal-site .rn-top-form .formbtn-box {
    margin-top: 40px;
    padding: 45px 25% 45px 25%;
    background: var(--rn-color-yellow-bg2);
}
.renewal-site .rn-top-form .formbtn {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(178deg, #FFB400 0%, #FF8800 100%) !important;
    width: 100%;
    padding: 15px 10px 15px 10px !important;
    border-radius: 10px !important;
    color: var(--rn-color-white);
	font-family: var(--rn-font-zen-kaku-gothic-new);
    font-size: clamp(18px, 18px + 2 * (100vw - 390px) / 953, 20px) !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0;
    display: block;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    border: none;
    cursor : pointer;
}
.renewal-site .rn-top-form .formbtn:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* ▼IE10・IE11用 */
.renewal-site .rn-top-form :-ms-input-placeholder {
    color: #A8A8A8;
	font-family: var(--rn-font-zen-kaku-gothic-new);
}
/* ▼Chrome・Safari・Opera用(※1：Edgeでも有効) */
.renewal-site .rn-top-form ::-webkit-input-placeholder {
    color: #A8A8A8;
	font-family: var(--rn-font-zen-kaku-gothic-new);
}
/* ▼Firefox18以前用(※2) */
.renewal-site .rn-top-form :-moz-placeholder {
    color: #A8A8A8;
	font-family: var(--rn-font-zen-kaku-gothic-new);
}
/* ▼Firefox19以上用(※3) */
.renewal-site .rn-top-form ::-moz-placeholder {
    color: #A8A8A8; opacity: 1;
	font-family: var(--rn-font-zen-kaku-gothic-new);
}
/* ▼CSS4標準(予定)の記述 */
.renewal-site .rn-top-form ::placeholder {
    color: #A8A8A8;
	font-family: var(--rn-font-zen-kaku-gothic-new);
}

.renewal-site .rn-top-form form .upload .rn-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
.renewal-site .rn-top-form form .upload .rn-file-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 200px;
    height: 48px;
    padding: 0 16px;
    color: #2e2e2e;
    background: var(--rn-color-white);
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    vertical-align: middle;
}
.renewal-site .rn-top-form form .upload .rn-file-label-text {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
}
.renewal-site .rn-top-form form .upload .rn-file-label-icon {
    flex: 0 0 16px;
    width: 16px;
    height: 18px;
}
.renewal-site .rn-top-form form .upload .rn-file-input:focus-visible + .rn-file-label {
    outline: 2px solid var(--rn-color-ink);
    outline-offset: 2px;
}
.renewal-site .rn-top-form form .upload .alt  {
    padding:4px;
    border:1px solid #999;
    vertical-align:middle;
}

.renewal-site .rn-top-form form .rn-file-list {
    display: flex;
    align-items: center;
    gap: 52px;
}
.renewal-site .rn-top-form form .rn-filebox {
    display: flex;
    flex: none;
    align-items: center;
    gap: 15px;
    width: 292px;
    height: 48px;
}
.renewal-site .rn-top-form form .upload {
    display: block;
    flex: 0 0 200px;
    height: 48px;
}
.renewal-site .rn-top-form form .rn-file-preview {
    position: relative;
    display: flex;
    flex: 0 0 77px;
    align-items: center;
    justify-content: center;
    width: 77px;
    height: 48px;
    overflow: hidden;
    border-radius: 5px;
}
.renewal-site .rn-top-form form .rn-file-preview:has(img.thumb) {
    background: var(--rn-color-white);
}
.renewal-site .rn-top-form form .rn-file-preview img.thumb {
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: contain;
}
.renewal-site .rn-top-form form .rn-file-remove {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 1;
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 20px;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    color: var(--rn-color-ink);
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--rn-color-gray-line);
    border-radius: 10px;
    cursor: pointer;
}
.renewal-site .rn-top-form form .rn-file-preview:has(img.thumb) .rn-file-remove {
    display: flex;
}
.renewal-site .rn-top-form form .rn-file-remove:hover,
.renewal-site .rn-top-form form .rn-file-remove:focus-visible {
    color: var(--rn-color-red);
    border-color: var(--rn-color-red);
}
.renewal-site .rn-top-form form .rn-file-remove:focus-visible {
    outline: 2px solid var(--rn-color-ink);
    outline-offset: 1px;
}


@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-form::before {
        background: url("../img/top/contact-bg-sp.webp") no-repeat center top;
        background-size: cover;
    }
    .renewal-site .rn-top-form .contact-img img {
        max-width: 90%;
    }
    .renewal-site .rn-top-form .form-box {
        border: var(--rn-color-yellow-line) 2px solid;
        border-radius: 15px;
    }
    .renewal-site .rn-top-form .formbtn-box {
        margin-top: 20px;
        padding: 25px 15px 25px 15px;
    }
    .renewal-site .rn-top-form .form-box .in-koumoku label {
        width: 100%;
    }
    .renewal-site .rn-top-form .form-box table {
        margin: 0px auto 0px auto;
        padding: 0px 0px 0px 0px;
        width: 90%;
        border-collapse:separate;
        border-spacing:-1px;
    }
    .renewal-site .rn-top-form .form-box .hissu {
        margin-top: 1px;
    }
    .renewal-site .rn-top-form .form-box .doui-box {
        margin-top: 0px;
        text-align: left;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .renewal-site .rn-top-form .form-box .doui-box .hissu {
        margin-bottom: 10px;
    }
    .renewal-site .rn-top-form .form-box .doui {
        margin-top: -2px;
    }
    .renewal-site .rn-top-form form .rn-file-list {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media screen and (max-width:390px) {
}

@media screen and (max-width:360px) {
    .renewal-site .rn-top-form form .rn-filebox {
        gap: 10px;
        width: 287px;
    }
}

/*	よくある質問
---------------------------------*/
.renewal-site .rn-top-faq {
    position: relative;
}

.renewal-site .rn-top-faq .contents-inr {
    padding-top: clamp(40px, 40px + 40 * (100vw - 390px) / 953, 80px);
    padding-bottom: clamp(40px, 40px + 40 * (100vw - 390px) / 953, 80px);
}

.renewal-site .rn-top-faq .ttl01 {
    text-align: center;
}
.renewal-site .rn-top-faq .ttl01 img {
}

.renewal-site .rn-top-faq .ttl02 {
    text-align: center;
    font-size: clamp(24px, 24px + 40 * (100vw - 390px) / 953, 64px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    margin-bottom: clamp(30px, 30px + 10 * (100vw - 390px) / 953, 40px);
}

.renewal-site .rn-top-faq .acd-box {
    height: auto;
    margin-bottom: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: var(--rn-color-white);
    border: var(--rn-color-gray-line2) 1px solid;
    border-radius: 5px;
}
.renewal-site .rn-top-faq .acd-box .acd-content {
    display: none;
}
.renewal-site .rn-top-faq .acd-box.acd-box-open .acd-content {
    display: block;
}
.renewal-site .rn-top-faq .acd-box .acd-label {
    display: block;
    margin: 0px 0px 0px 0px;
    position: relative;
    text-align: left;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
	z-index: 1001;
}
.renewal-site .rn-top-faq .acd-box .acd-label::before,
.renewal-site .rn-top-faq .acd-box .acd-label::after {
	position: absolute;
	content: '';
	top: 0;
	right: 30px;
	bottom: 0;
	width: 22px;
	height: 3px;
	margin: auto;
	background: var(--rn-color-green);
}
.renewal-site .rn-top-faq .acd-box .acd-label::after {
	transform: rotate(-90deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.renewal-site .rn-top-faq .acd-box .acd-label.active::after {
	transform: rotate(0deg);
}
.renewal-site .rn-top-faq .acd-box .acd-label h5 {
    padding: 30px 60px 30px 40px;
}
.renewal-site .rn-top-faq .acd-box .q-icon {
    margin-top: 0px;
    width: 50px;
}
.renewal-site .rn-top-faq .acd-box .q-txt {
    padding-top: 8px;
    padding-left: 20px;
    width: calc(100% - 50px);
    font-size: clamp(15px, 15px + 5 * (100vw - 390px) / 953, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 1px;
    color: var(--rn-color-ink);
}
.renewal-site .rn-top-faq .acd-box .acd-content {
    background: var(--rn-color-green-bg2);
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 20px 60px 25px 40px;
}
.renewal-site .rn-top-faq .acd-box .a-icon {
    margin-top: 0px;
    width: 50px;
}
.renewal-site .rn-top-faq .acd-box .a-txt {
    padding-top: 10px;
    padding-left: 20px;
    width: calc(100% - 50px);
    font-size: clamp(15px, 15px + 1 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0px;
    color: var(--rn-color-ink);
}
.renewal-site .rn-top-faq .acd-box .a-txt > :first-child {
    margin-top: 0;
}
.renewal-site .rn-top-faq .acd-box .a-txt > :last-child {
    margin-bottom: 0;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-faq .acd-box .acd-label::before,
    .renewal-site .rn-top-faq .acd-box .acd-label::after {
        right: 15px;
        width: 15px;
        height: 2px;
    }
    .renewal-site .rn-top-faq .acd-box .acd-label h5 {
        padding: 15px 40px 15px 12px;
    }
    .renewal-site .rn-top-faq .acd-box .q-icon {
        width: 30px;
    }
    .renewal-site .rn-top-faq .acd-box .q-txt {
        padding-top: 2px;
        padding-left: 10px;
        width: calc(100% - 30px);
    }
    .renewal-site .rn-top-faq .acd-box .acd-content {
        padding: 15px 15px 15px 12px;
    }
    .renewal-site .rn-top-faq .acd-box .a-icon {
        width: 30px;
    }
    .renewal-site .rn-top-faq .acd-box .a-txt {
        padding-top: 1px;
        padding-left: 10px;
        width: calc(100% - 30px);
    }
}

@media screen and (max-width:390px) {
}


/*	お役立ちコラム
---------------------------------*/
.renewal-site .rn-top-column {
    position: relative;
}
.renewal-site .rn-top-column::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-yellow-bg3);
	z-index: -8;
}

.renewal-site .rn-top-column .contents-inr {
    padding-top: clamp(40px, 40px + 60 * (100vw - 390px) / 953, 100px);
    padding-bottom: clamp(60px, 60px + 20 * (100vw - 390px) / 953, 80px);
}

.renewal-site .rn-top-column .btn-cmn02 {
    position: absolute;
    top: clamp(50px, 50px + 100 * (100vw - 390px) / 953, 150px);
    right: 30px;
    width: clamp(150px, 150px + 250 * (100vw - 390px) / 953, 400px);
}

.renewal-site .rn-top-column .ttl01 {
    margin-bottom: 2px;
    font-size: clamp(24px, 24px + 40 * (100vw - 390px) / 953, 64px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-ink);
}

.renewal-site .rn-top-column .ttl02 {
    margin-bottom: clamp(30px, 30px + 40 * (100vw - 390px) / 953, 70px);
    font-size: clamp(16px, 16px + 4 * (100vw - 390px) / 953, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0px;
    color: var(--rn-color-ink);
}

.renewal-site .rn-top-column .ttl03 {
    text-align: center;
    margin-top: clamp(40px, 40px + 20 * (100vw - 390px) / 953, 60px);
    margin-bottom: clamp(20px, 20px + 10 * (100vw - 390px) / 953, 30px);
    position: relative;
}
.renewal-site .rn-top-column .ttl03 span {
    display: inline-block;
    font-size: clamp(18px, 18px + 10 * (100vw - 390px) / 953, 28px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    color: var(--rn-color-green);
    background: url("../img/top/icon-ttl-left.svg") no-repeat left center, url("../img/top/icon-ttl-right.svg") no-repeat right center;
    background-size: 21px, 21px;
    padding: 6px 30px 6px 30px;
}
.renewal-site .rn-top-column .ttl03 img {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 15%;
    height: auto;
    z-index: 1;
}

.renewal-site .rn-top-column .page-list {
}
.renewal-site .rn-top-column .page-list li {
	width: calc((100% - 90px) / 4);
	margin-right: 30px;
	margin-bottom: 30px;
}
.renewal-site .rn-top-column .page-list li:nth-of-type(4n) {
	margin-right: 0px;
}
.renewal-site .rn-top-column .page-list li:last-of-type {
	margin-right: 0px;
}
.renewal-site .rn-top-column .page-list li a {
    padding: 15px 15px 15px 15px;
    display: block;
    width: 100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    position: relative;
}
.renewal-site .rn-top-column .page-list li a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: var(--rn-color-white);
	border-radius: 5px;
	z-index: -6;
}
.renewal-site .rn-top-column .page-list li a:hover {
    opacity: 0.6;
}
.renewal-site .rn-top-column .page-list li .img-box {
	width: 100%;
	padding-top: 12vw;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.renewal-site .rn-top-column .page-list li h5 {
    font-size: clamp(13px, 13px + 5 * (100vw - 390px) / 953, 18px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: var(--rn-color-green);
}
.renewal-site .rn-top-column .page-list li p {
}
.renewal-site .rn-top-column .page-list li p span {
    display: inline-block;
    font-size: clamp(10px, 10px + 2 * (100vw - 390px) / 953, 12px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    padding: 1px 6px 1px 6px;
    color: var(--rn-color-green);
    border: var(--rn-color-green) 1px solid;
    border-radius: 2px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-column .page-list li {
        width: calc((100% - 30px) / 3);
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .renewal-site .rn-top-column .page-list li:nth-of-type(4n) {
        margin-right: 15px;
    }
    .renewal-site .rn-top-column .page-list li:nth-of-type(3n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-column .page-list li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-column .page-list li .img-box {
        padding-top: 20vw;
    }
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-column .btn-cmn02 {
        margin-top: 25px;
        position: static;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .renewal-site .rn-top-column .ttl01 {
        margin-bottom: 10px;
        text-align: center;
    }
    .renewal-site .rn-top-column .ttl02 {
        text-align: center;
    }
    .renewal-site .rn-top-column .ttl03 span {
        background-size: 15px, 15px;
        padding: 5px 25px 5px 25px;
    }
    .renewal-site .rn-top-column .ttl03 img {
        top: 35px;
        right: -10px;
        width: 28%;
        height: auto;
    }
    .renewal-site .rn-top-column .page-list li {
        width: calc((100% - 15px) / 2);
        margin-right: 15px;
    }
    .renewal-site .rn-top-column .page-list li:nth-of-type(4n) {
        margin-right: 15px;
    }
    .renewal-site .rn-top-column .page-list li:nth-of-type(3n) {
        margin-right: 15px;
    }
    .renewal-site .rn-top-column .page-list li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .renewal-site .rn-top-column .page-list li:last-of-type {
        margin-right: 0px;
    }
    .renewal-site .rn-top-column .page-list li .img-box {
        padding-top: 25vw;
    }
    .renewal-site .rn-top-column .page-list li a {
        padding: 5px 5px 10px 5px;
    }
}

@media screen and (max-width:390px) {
}


/*	ユニテックにお任せください
---------------------------------*/
.renewal-site .rn-top-ft01 {
    position: relative;
}

.renewal-site .rn-top-ft01 .contents-inr {
    padding-top: clamp(50px, 50px + 0 * (100vw - 390px) / 953, 50px);
    padding-bottom: clamp(50px, 50px + 0 * (100vw - 390px) / 953, 50px);
}

.renewal-site .rn-top-ft01 .tbl-box {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.renewal-site .rn-top-ft01 .tbl-box .tbl-box-left {
	width: 40%;
	display: table-cell;
    vertical-align: middle;
    text-align: left;
    border-right: var(--rn-color-gray-line3) 1px solid;
}
.renewal-site .rn-top-ft01 .tbl-box .tbl-box-right {
	width: 60%;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.renewal-site .rn-top-ft01 .tbl-box .tbl-box-left .ft01-logo {
}
.renewal-site .rn-top-ft01 .tbl-box .tbl-box-left p {
    margin-top: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    font-size: clamp(15px, 15px + 1 * (100vw - 390px) / 953, 16px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0px;
}

.renewal-site .rn-top-ft01 .tbl-box .tbl-box-right .rn-top-ft01-list {
    padding-left: 18%;
    padding-right: 7%;
}
.renewal-site .rn-top-ft01 .tbl-box .tbl-box-right .rn-top-ft01-list h2 {
    margin-top: clamp(20px, 20px + 0 * (100vw - 390px) / 953, 20px);
    margin-bottom: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
    font-size: clamp(20px, 20px + 4 * (100vw - 390px) / 953, 24px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 2px;
}
.renewal-site .rn-top-ft01 .tbl-box .tbl-box-right .rn-top-ft01-list li {
}
.renewal-site .rn-top-ft01 .tbl-box .tbl-box-right .rn-top-ft01-list li:nth-of-type(1) {
	width: 100%;
}
.renewal-site .rn-top-ft01 .tbl-box .tbl-box-right .rn-top-ft01-list li:nth-of-type(2) {
	width: 50%;
    padding-right: 5px;
}
.renewal-site .rn-top-ft01 .tbl-box .tbl-box-right .rn-top-ft01-list li:nth-of-type(3) {
	width: 50%;
    padding-left: 5px;
    padding-bottom: clamp(0px, 0px + 30 * (100vw - 390px) / 953, 30px);
}

@media screen and (max-width:1343px) {
    .renewal-site .rn-top-ft01 .tbl-box .tbl-box-right .rn-top-ft01-list {
        padding-left: 10%;
        padding-right: 5%;
    }
}

@media screen and (max-width:1023px) {
    .renewal-site .rn-top-ft01 .tbl-box .tbl-box-left {
        width: 100%;
        display: inline;
        border-right: none;
        text-align: center;
    }
    .renewal-site .rn-top-ft01 .tbl-box .tbl-box-right {
        width: 100%;
        display: inline;
    }
    .renewal-site .rn-top-ft01 .tbl-box .tbl-box-right .rn-top-ft01-list {
        padding-left: 0;
        padding-right: 0;
    }
    .renewal-site .rn-top-ft01 .tbl-box .tbl-box-right .rn-top-ft01-list li:nth-of-type(2) {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }
    .renewal-site .rn-top-ft01 .tbl-box .tbl-box-right .rn-top-ft01-list li:nth-of-type(3) {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:390px) {
}


/*	フッターメニュー
---------------------------------*/
.renewal-site .rn-top-ft02 {
    position: relative;
}
.renewal-site .rn-top-ft02::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-green-bg3);
	z-index: -8;
}

.renewal-site .rn-top-ft02 .contents-inr {
    padding-top: clamp(20px, 20px + 15 * (100vw - 390px) / 953, 35px);
    padding-bottom: clamp(10px, 10px + 10 * (100vw - 390px) / 953, 20px);
}

.renewal-site .rn-top-ft02 .rn-top-ft02-list {
}
.renewal-site .rn-top-ft02 .rn-top-ft02-list li {
	margin-right: 70px;
	margin-bottom: 15px;
    text-align: center;
}
.renewal-site .rn-top-ft02 .rn-top-ft02-list li:nth-of-type(5) {
	margin-right: 40px;
}
.renewal-site .rn-top-ft02 .rn-top-ft02-list li:nth-of-type(6) {
	margin-right: 0px;
    width: 100%;
}
.renewal-site .rn-top-ft02 .rn-top-ft02-list li a {
    font-size: clamp(16px, 16px + 2 * (100vw - 390px) / 953, 18px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0px;
    color: var(--rn-color-ink);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.renewal-site .rn-top-ft02 .rn-top-ft02-list li:nth-of-type(6) a {
    font-size: clamp(12px, 12px + 2 * (100vw - 390px) / 953, 14px);
}
.renewal-site .rn-top-ft02 .rn-top-ft02-list li a:hover {
    color: #30CE89;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-ft02 .rn-top-ft02-list li {
        margin-right: 0px;
        margin-bottom: 10px;
        width: 50%;
    }
    .renewal-site .rn-top-ft02 .rn-top-ft02-list li:nth-of-type(5) {
        width: 50%;
        margin-right: 0px;
    }
    .renewal-site .rn-top-ft02 .rn-top-ft02-list li:nth-of-type(6) {
        width: 50%;
        margin-right: 0px;
    }
}

@media screen and (max-width:390px) {
}


/*	対応エリア
---------------------------------*/
.renewal-site .rn-top-ft03 {
    position: relative;
}
.renewal-site .rn-top-ft03::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: var(--rn-color-green);
	z-index: -8;
}

.renewal-site .rn-top-ft03 .contents-inr {
    padding-top: clamp(30px, 30px + 10 * (100vw - 390px) / 953, 40px);
    padding-bottom: clamp(30px, 30px + 30 * (100vw - 390px) / 953, 60px);
}

.renewal-site .rn-top-ft03 h2 {
    margin-bottom: clamp(20px, 20px + 5 * (100vw - 390px) / 953, 25px);
    text-align: center;
}
.renewal-site .rn-top-ft03 h2 span {
    display: inline-block;
    font-size: clamp(20px, 20px + 0 * (100vw - 390px) / 953, 20px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    background: url("../img/top/ft-ttl-bg@3x.png") repeat-x center bottom;
    background-size: 12px;
    padding: 0px 0px 8px 0px;
    color: var(--rn-color-white);
}

.renewal-site .rn-top-ft03 h3 {
    margin-bottom: clamp(10px, 10px + 0 * (100vw - 390px) / 953, 10px);
    text-align: left;
}
.renewal-site .rn-top-ft03 h3 .span01 {
    display: inline-block;
    font-size: clamp(14px, 14px + 0 * (100vw - 390px) / 953, 14px);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    padding: 5px 20px 5px 20px;
    color: var(--rn-color-green);
    background: var(--rn-color-white);
    border-radius: 30px;
    text-align: center;
}
.renewal-site .rn-top-ft03 h3 .span02 {
    display: inline-block;
    font-size: clamp(14px, 14px + 0 * (100vw - 390px) / 953, 14px);
    font-weight: 700;
    line-height: 0.8;
    letter-spacing: 0px;
    padding: 4px 10px 4px 10px;
    color: var(--rn-color-green);
    background: var(--rn-color-white);
    border-radius: 30px;
    text-align: center;
}
.renewal-site .rn-top-ft03 h3 .span03 {
    display: inline-block;
    font-size: clamp(10px, 10px + 0 * (100vw - 390px) / 953, 10px);
    font-weight: 500;
    line-height: 0.8;
    letter-spacing: 0px;
    color: var(--rn-color-green);
    text-align: center;
}

.renewal-site .rn-top-ft03 .p01 {
    font-size: clamp(12px, 12px + 0 * (100vw - 390px) / 953, 12px);
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: 0px;
    color: var(--rn-color-white);
    text-align: left;
}

.renewal-site .rn-top-ft03 .p02 {
    padding-top: clamp(10px, 10px + 30 * (100vw - 390px) / 953, 40px);
    text-align: center;
    font-size: clamp(10px, 10px + 0 * (100vw - 390px) / 953, 10px);
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: 0px;
    color: var(--rn-color-white);
}

.renewal-site .rn-top-ft03 .rn-top-ft03-list {
}
.renewal-site .rn-top-ft03 .rn-top-ft03-list li {
    margin-bottom: 15px;
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
    .renewal-site .rn-top-ft03 h3 {
        text-align: center;
    }
    .renewal-site .rn-top-ft03 .rn-top-ft03-list li {
        margin-bottom: 15px;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width:390px) {
}


/*	コピーライト
---------------------------------*/
.renewal-site .rn-top-ftcopyright {
    text-align: center;
    padding-top: clamp(10px, 10px + 5 * (100vw - 390px) / 953, 15px);
    padding-bottom: clamp(150px, 150px + 80 * (100vw - 390px) / 953, 230px);
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:390px) {
}


/*	slider
---------------------------------*/
.renewal-site .rn-top-maker-banner .rn-top-maker-banner-slider {
    width: 100%;
    padding-bottom: clamp(20px, 20px + 30 * (100vw - 390px) / 953, 50px);
    overflow: hidden;
}
.renewal-site .rn-top-maker-banner .rn-top-maker-banner-slider .infiniteslide {
}
.renewal-site .rn-top-maker-banner .rn-top-maker-banner-slider .infiniteslide li {
    margin-right: 0px;
}
.renewal-site .rn-top-maker-banner .rn-top-maker-banner-slider .infiniteslide li img {
    width: clamp(1370px, 1370px + 520 * (100vw - 390px) / 953, 1890px);
    height: auto;
}

@media screen and (max-width:1343px) {
}

@media screen and (max-width:1023px) {
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:390px) {
}


/*	swipeicon
---------------------------------*/
.renewal-site .swipe_icon{
	display: none;
}
.renewal-site .slideWrap+.renewal-site .swipecaption{
  text-align: right;
}

@media only screen and (max-width: 768px) {

	.renewal-site .slideWrap {
		position: relative;
		overflow-y: hidden;
		overflow-x: auto;
		z-index: 300;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	.renewal-site .slideWrap > img,
	.renewal-site .slideWrap > figure > img{
		max-width: 100% !important;
		width: auto !important;
	}
	.renewal-site .slideWrap > figure {
		width: 900px !important;
	}
	.renewal-site .slideWrap > figure figcaption {
		right: 0;
		left: auto;
		bottom: 0;
	}

	.renewal-site .swipe_icon {
		display: block;
		position:absolute;
		top:50%;
		left:50%;
		z-index:301;
		width:90px;
		transform: translate(-50%,-50%);
		/*animation: ;*/
	}
	.renewal-site .swipe_icon img {
		width:100%;
		height:auto;
	}
	.renewal-site .swipe_icon2 {
		position:absolute;
		top:70%;
		left:76%;
		z-index:305;
		width:120px;
		animation: rn-horizontal 1s ease-in-out infinite alternate;
	}

}

@keyframes rn-horizontal {
0% { transform:translate(-30%,-50%); }
100% { transform:translate(-70%,-50%); }
}

.renewal-site .slideWrap figure{
	/*margin:0;*/
	margin: 0 auto;
	/*画像を中央に*/
	display: block;
	text-align:center;
}
.renewal-site .slideWrap figure img{
	width:100%;
	height:auto;
}