@charset "shift_jis";

@font-face {
	font-family: "Century Gothic";
	src: url('/font/GOTHIC_0.woff2') format('woff'),
		url('/font/GOTHIC_0.TTF') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* bold */
@font-face {
	font-family: "Century Gothic";
	src: url('/font/GOTHICB_0.woff2') format('woff'),
		url('/font/GOTHICB_0.TTF') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/*************************************************/
/* 制作を始める時にはtop.css、header.css、h_menu.cssの中身をを削除してください */
/* ナビメニューのプルダウンを使用したい場合にはh_menu.cssの記述を参考にしてみてください。 */
/* この下にあるコメントアウトを活用してください！ */
/* 「assessment」は売却査定フォームのデフォルトデザイン用cssです */
/*************************************************/
/*************************************************/
/*  assessment  */
/*************************************************/
.t_asse_form_wrap {
 width: 1000px;
 margin: 0 auto 40px;
}

.t_asse_form_wrap .h2_title {
 width: 1000px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.t_asse_form {
 margin: 20px auto;
 border-radius: 3px;x
 box-shadow: 0 0 3px 0 #999;
 padding: 20px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.t_asse_form table {
 border-collapse: collapse;
 margin: 0;
 padding: 0;
 width: 100%;
}

.t_asse_form tr {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 margin-bottom: 3px;
}

.t_asse_form tr th,
.t_asse_form tr td {
 padding: 15px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.t_asse_form tr th {
 width: 25%;
 background: #FAFAF9;
}

.t_asse_form tr th {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 font-size: 14px;
 align-items: flex-start;
 text-align: left;
}

.t_asse_form tr td {
 width: 75%;
 font-size: 15px;
 line-height: 22px;
}

.t_asse_form th span {
 font-size: 12px;
 font-weight: bold;
 padding: 0 10px;
 line-height: 22px;
 border-radius: 3px;
}

.t_asse_form th span.t_asse_required {
 border: 1px solid #ff4a32;
 color: #ff4a32;
 background: #FFE8E5;
}

.t_asse_form th span.t_asse_any {
 border: 1px solid #237dc0;
 color: #237dc0;
 background: #dfebf5;
}

.t_asse_form td p {
 color: #999;
}

.t_asse_form td input[type="text"],
.t_asse_form td input[type="tel"],
.t_asse_form td input[type="password"],
.t_asse_form td input[type="number"],
.t_asse_form td textarea,
.t_asse_form td select {
 font-size: 16px;
 line-height: 24px;
 padding: 8px 15px;
 border: 1px solid #ccdae4;
 background: #f5f9fc;
 font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 3px;
 margin-bottom: 4px;
 margin-right: 5px;
}

.t_asse_form td input[type="button"] {
 font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
 font-size: 16px;
 line-height: 24px;
 padding: 8px 15px;
 border: 1px solid #ccc;
 background: #eee;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 3px;
 cursor: pointer;
}

.t_asse_form td input[type="button"]:hover {
 background: #ccc;
}

.t_asse_form td select {
 cursor: pointer;
 height: 42px;
 vertical-align: bottom;
}

.t_asse_form td textarea {
 height: 150px;
 display: block;
}

.t_asse_form td label {
 border: 1px solid #ccdae4;
 background: #f5f9fc;
 cursor: pointer;
 border-radius: 3px;
 padding: 9px 15px 9px 9px;
 display: inline-block;
 margin: 0 2px 5px 0;
}

.t_asse_form td label input {
 width: 20px;
 height: 20px;
 margin-right: 5px;
}

.t_asse_form td label input[type="checkbox"],
.t_asse_form td label input[type="radio"] {
 vertical-align: sub;
 margin: 0 5px 0 0;
 cursor: pointer;
}

.t_asse_form td input[type="text"]:hover,
.t_asse_form td input[type="tel"]:hover,
.t_asse_form td input[type="password"]:hover,
.t_asse_form td input[type="number"]:hover,
.t_asse_form td textarea:hover,
.t_asse_form td select:hover,
.t_asse_form td label:hover {
 background: #f9fcf5;
 border: 1px solid #d6eaba;
}

.t_asse_btn input[type="submit"] {
 -webkit-appearance: none;
 border: 2px solid #2799fb;
 background: #2799fb;
 color: #fff;
 border-radius: 30px;
 width: 400px;
 height: 60px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: 0 0 3px 0 #999;
 padding: 0 40px;
 font-weight: bold;
 cursor: pointer;
 margin: 0 auto;
 font-size: 20px;
 display: block;
 font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}

.t_asse_btn input[type="submit"]:hover {
 color: #2799fb;
 background: #fff;
}

.t_asse_btn input[type="button"] {
 -webkit-appearance: none;
 border: 1px solid #ccc;
 background: #eee;
 border-radius: 3px;
 width: 100px;
 height: 40px;
 font-weight: bold;
 cursor: pointer;
 margin: 0 auto;
 display: block;
 font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}

.t_asse_btn input[type="button"]:hover {
 background: #ccc;
}

/*************************************************/
/* ここから下は削除して問題ありません  */
/*************************************************/
.sy_plan-detail {
 margin: 0 auto 60px;
 padding-top: 60px;
}

.sy_plan-detail table {
 border-collapse: collapse;
 width: 70%;
}

.sy_plan-detail th,
.sy_plan-detail td {
 border: 1px solid #ccc;
 padding: 4px;
 font-weight: bold;
 font-size: 14px;
}

.sy_plan-detail th {
 width: 275px;
}

.sy_plan-detail td {
 width: 822px;
 height: 50px;
 padding: 10px 5px;
}

.sy_plan-detail .title {
 background: #065C40;
 color: #fff;
 line-height: 40px;
}

.sy_plan-detail tbody {}

.sy_plan-detail tbody th {
 text-align: left;
}

.sy_plan-detail tbody tr:nth-child(2n-1) th {
 background: #F5F5F5;
}

.sy_plan-detail tbody tr:nth-child(2n-1) td {
 background: #F4F9FF;
}

/*************************************************/
.content_wrap,
h2,
h3,
p,
a {
 overflow: hidden;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.content_wrap ul {
    padding: 0;
}


.search_inner {
 width: 1200px;
 margin: 40px auto 0 auto;
 display: flex;
 justify-content: space-between;
}

.content_wrap h2 {
 font-weight: 500;
 font-size: 35px;
 line-height: 35px;
 letter-spacing: 0.07em;
 text-align: center;
}

.content_wrap h2 span {
 text-emphasis: filled #000;
 -webkit-text-emphasis: filled #000;
}

:-ms-input-placeholder,
:root .content_wrap h2 span {
 padding: 0.3em 0;
 background-repeat: repeat-x;
 background-size: 1em 0.2em;
 background-position: top left;
 background-image: -webkit-gradient(radial, center center, 0, center center, 1.5, from(#000000), color-stop(0.5, #000000), color-stop(0.9, transparent), to(transparent));
 background-image: -webkit-radial-gradient(center center, 0.1em 0.1em, #000000, #000000 95%, transparent 95%, transparent);
 background-image: radial-gradient(0.1em 0.1em at center center, #000000, #000000 95%, transparent);
}

.search_wrap h2::before {
 content: "";
 background: url(../img/ti_icon1.png);
 display: inline-block;
 width: 251px;
 height: 23px;
 margin-right: 15px;
}

.search_con {
 width: 588px;
}

.serch_list {
 display: flex;
 margin-bottom: 15px;
}

.map {
 position: relative;
}

.map::after {
 content: "";
 background: url(../img/map_text.png);
 width: 445px;
 height: 176px;
 display: block;
 position: absolute;
 bottom: -20px;
 left: 20px;
}

.search_con li {
 display: flex;
 align-items: flex-end;
 margin-bottom: 30px;
}

.search_con li h3 {
 width: 42px;
 font-weight: 500;
 font-size: 20px;
 line-height: 20px;
 letter-spacing: 0.05em;
 text-align: center;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 margin-right: 15px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.search_con li h3::before {
 content: "";
 display: inline-block;
 background: url(../img/pin_2.png);
 width: 42px;
 height: 49px;
 margin-bottom: 10px;
}

.search_con li:nth-child(2) h3::before {
 background: url(../img/pin_3.png);
}

.search_con li:nth-child(3) h3::before {
 background: url(../img/pin_4.png);
}

.search_con li:nth-child(4) h3::before {
 background: url(../img/pin_5.png);
}

.se_list_con_r h3::before {
 content: "";
 display: inline-block;
 background: url(../img/pin_6.png) !Important;
 width: 42px;
 height: 49px;
 margin-bottom: 10px;
}

.search_con li:nth-child(5) h3::before {
 background: url(../img/pin_7.png);
}

.search_con li:nth-child(6) h3::before {
 background: url(../img/pin_8.png);
}

.search_con li:nth-child(7) h3::before {
 background: url(../img/pin_8.png);
}

.search_con li ul {
 display: flex;
}

.btn_list_i li {
 margin-bottom: 0;
}

.btn_list_i li:not(:last-child) {
 margin-right: 10px;
}

.btn_list_i a {
 display: block;
 width: 94px;
 height: 90px;
 box-sizing: border-box;
 text-align: center;
 border-radius: 5px;
 border: 1px solid #000;
 font-size: 12px;
 line-height: 15px;
}

.kodawari li:first-child {
 background: #5edca8;
}

.kodawari li a::before {
 content: "";
 display: block;
 background: url(../img/search_icon1.png);
 width: 37px;
 height: 62px;
 background-repeat: no-repeat;
 background-position: center;
 margin: 0 auto 0px;
}

.kodawari li:nth-child(2) a::before {
 background: url(../img/search_icon4.png);
 width: 56px;
 height: 62px;
 background-repeat: no-repeat;
 background-position: center;
}

.kodawari li:nth-child(3) a::before {
 background: url(../img/search_icon2.png);
 width: 47px;
 height: 54px;
 background-repeat: no-repeat;
 background-position: center;
}

.kodawari li:nth-child(4) a::before {
 background: url(../img/search_icon3.png);
 width: 56px;
 height: 54px;
 background-repeat: no-repeat;
 background-position: center;
}

.kodawari li:nth-child(5) a::before {
 background: url(../img/search_icon3.png);
 width: 56px;
 height: 54px;
 background-repeat: no-repeat;
 background-position: center;
}

.btn_list_k li {
 margin-bottom: 0;
}

.btn_list_k a {
 display: block;
 width: 94px;
 height: 90px;
 box-sizing: border-box;
 text-align: center;
 border-radius: 5px;
 border: 1px solid #000;
 font-size: 14px;
 line-height: 15px;
}

.syubetsu li:not(:last-child) {
 margin-right: 10px;
}

.syubetsu li a::before {
 content: "";
 display: block;
 background: url(../img/search_icon4.png);
 width: 56px;
 height: 62px;
 background-repeat: no-repeat;
 background-position: center;
 margin: 0 auto 0px;
}

.syubetsu li:nth-child(2) a::before {
 background: url(../img/search_icon5.png);
 width: 38px;
 background-repeat: no-repeat;
 background-position: center;
}

.syubetsu li:nth-child(3) a::before {
 background: url(../img/search_icon6.png);
 width: 47px;
 background-repeat: no-repeat;
 background-position: center;
}

.syubetsu li:nth-child(4) a::before {
 background: url(../img/search_icon7.png);
 width: 56px;
 background-repeat: no-repeat;
 background-position: center;
}

.syubetsu li:nth-child(5) a::before {
 background: url(../img/search_icon8.png);
 width: 37px;
 background-repeat: no-repeat;
 background-position: center;
}

.btn_list_ka li {
 margin-bottom: 0;
}

.btn_list_ka a {
 display: block;
 width: 100px;
 height: 40px;
 line-height: 40px;
 box-sizing: border-box;
 text-align: center;
 border-radius: 5px;
 border: 1px solid #000;
 font-size: 14px;
}

.btn_list_ka li:not(:last-child) {
 margin-right: 10px;
}

.se_list_con a {
 display: block;
 width: 178px;
 height: 50px;
 line-height: 50px;
 box-sizing: border-box;
 text-align: center;
 border-radius: 5px;
 border: 1px solid #000;
 font-size: 14px;
 margin-top: 50px;
 margin-right: 15px;
}

.se_list_con {
 display: flex;
}

.se_list_con_r {
 display: flex;
}

.se_list_con_r a {
 display: block;
 width: 178px;
 height: 50px;
 line-height: 50px;
 box-sizing: border-box;
 text-align: center;
 border-radius: 5px;
 border: 1px solid #000;
 font-size: 14px;
 margin-top: 50px;
}

.sea_last a {
 display: block;
 width: 178px;
 height: 50px;
 line-height: 50px;
 box-sizing: border-box;
 text-align: center;
 border-radius: 5px;
 border: 1px solid #000;
 font-size: 14px;
 margin-top: 50px;
}

.search_con li form {
 display: flex;
}

.search_window {
 width: 342px;
 height: 45px;
 padding-left: 15px;
 box-sizing: border-box;
 border: 1px solid #000;
 border-radius: 5px;
 font-size: 14px;
 font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
 background-image: none !important;
}

.free_btn {
 width: 70px;
 height: 45px;
 background: #03a864;
 border: 1px solid #000 !important;
 color: #000;
 border: none;
 border-radius: 5px;
 margin-left: 15px;
 font-size: 16px;
 cursor: pointer;
 font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.free_btn:hover {
 color: #fff;
 transition: .3s;
}

.search_con a:hover {
 background: #03a864;
 color: #fff;
 transition: .3s;
}

/*----------i-slide---------------*/
.img_line_wrap {
 width: 100%;
 position: relative;
 margin: 80px 0;
}

.slide_icon {
 position: absolute;
 right: 0;
 top: -30px;
}

.slide_icon img {
 width: 100vw;
}

.infinity-slide {
 display: flex;
 margin: 0 auto;
 background: #fff;
 overflow: hidden;
}

#i_slide {
 animation-play-state: running;
 animation: infinity-loop 40s infinite linear 1s both;
 display: flex;
 width: 1480px;
 position: relative;
}

#i_slide img {
 margin-right: 20px;
}

#i_slide li:nth-child(2) {
 margin-top: 50px;
}

#i_slide li:nth-child(4) {
 margin-top: 20px;
}

:-ms-input-placeholder,
:root .i_slide_after {
 margin-left: 1480px;
}

/* 無限ループアニメーション */
@keyframes infinity-loop {
 from {
  transform: translateX(0vw);
 }

 to {
  transform: translateX(-1480px);
 }
}

/*----------/i-slide---------------*/
.tokusen_wrap {
 width: 100%;
}

.down_wrap {
 width: 100%;
 background: #f5f5f5;
 padding: 5px 0 50px;
}

.tokusen_inner {
 width: 1200px;
 box-sizing: border-box;
 background: #fff;
 margin: 0 auto;
 padding-top: 50px;
 padding-bottom: 30px;
}

.tokusen_inner iframe {
 display: block;
 width: 1230px;
 height: 480px;
 margin: 0 auto;
}

.tokusen_inner h2 {}

.tokusen_inner h2::before {
 content: "";
 background: url(../img/ti_icon1.png);
 display: inline-block;
 width: 251px;
 height: 23px;
 margin-right: 15px;
}

.tokusen_inner ul {
 width: 1200px;
 padding: 0 70px;
 position: relative;
}

.tokusen_inner ul li a {
 display: block;
 width: 330px;
 position: relative;
 overflow: initial;
}

.b_slider li {
 position: relative;
}

.b_slider li:nth-child(13) .tb_img::before {
 content: "";
 display: block;
 background: url(../img/toku_num10.png);
 width: 44px;
 height: 33px;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 200;
}

.b_slider li:nth-child(14) .tb_img::before {
 content: "";
 display: block;
 background: url(../img/toku_num11.png);
 width: 44px;
 height: 33px;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 200;
}

.b_slider li:nth-child(15) .tb_img::before {
 content: "";
 display: block;
 background: url(../img/toku_num12.png);
 width: 44px;
 height: 33px;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 200;
}

.tokusen_inner ul li:hover .tb_img::after {
 background: #03a864;
 transition: .6s;
}

.latest_con:hover .tb_img::after {
 background: #111 !important;
 transition: .6s;
}

.tb_img {
 position: relative;
 z-index: 100;
}

.tb_img img {
 border: 1px solid #000;
 display: block;
 border-radius: 10px;
 width: 320px;
 height: 200px !Important;
 object-fit: cover;
 text-align: center;
}

.toku_num {
 position: absolute;
 top: 0;
 left: -1px;
 z-index: 101;
 width: 44px !important;
}

.new_bukken ul li::before {
 content: "";
 background: url(../img/toku_new.png) !important;
 width: 50px;
 height: 33px;
 display: block;
 position: absolute;
 top: -2px !important;
 left: -6px !important;
 z-index: 101;
}

.tb_img::after {
 content: "";
 width: 320px;
 height: 200px;
 display: block;
 background: #e4d9d0;
 border-radius: 10px;
 position: absolute;
 top: 10px;
 left: 10px;
 z-index: -1;
}

.tb_text {
 padding: 20px 5px 0;
}

.tb_top {
 display: flex;
 align-items: center;
}

.tb_syubetsu {
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 0.1em;
 background: #f0efee;
 border-radius: 15px;
 padding: 5px 10px;
 display: block;
 min-width: 95px;
 box-sizing: border-box;
 min-height: 28px;
 text-align: center;
}

.tb_kakaku {
 color: #03a864;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-left: 10px;
}

.tb_ti {
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin: 10px 0;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 1;
 overflow: hidden;
}

.tb_text p {
 font-size: 13px;
 font-weight: 500;
 letter-spacing: 0.1em;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 1;
 overflow: hidden;
}

.tb_point {
 color: #03a864;
 font-size: 14px;
 height: 18px;
 font-weight: 500;
 letter-spacing: 0.1em;
 margin-top: 10px;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 1;
 overflow: hidden;
}

.new_bukken {
 background: #ececec;
 padding-bottom: 0;
}

.new_bukken h2::before {
 content: "";
 background: url(../img/ti_icon3.png);
 display: inline-block;
 width: 251px;
 height: 23px;
 margin-right: 15px;
}

.new_bukken .tb_syubetsu {
 background: #fff;
}

.t_bukken_more a {
 display: block;
 width: 550px;
 height: 68px;
 line-height: 68px;
 text-align: center;
 background: #f0efee;
 color: #000;
 border-radius: 34px;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.2em;
 margin: 30px auto;
 border: 1px solid #000000;
}

.t_bukken_more a:hover {
 color: #fff;
 transition: .3s;
 background: #03a864;
}

.bukken_more a {
 display: block;
 width: 550px;
 height: 68px;
 line-height: 68px;
 text-align: center;
 background: #fff;
 color: #000;
 border-radius: 34px;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.2em;
 margin: 30px auto;
}

.bukken_more a:hover {
 color: #fff;
 transition: .3s;
 background: #03a864;
}

.down_inner {
 width: 1120px;
 padding: 0 40px;
 margin: 0 auto;
}

.down_inner h2::before {
 content: "";
 background: url(../img/ti_icon4.png);
 display: inline-block;
 width: 251px;
 height: 23px;
 margin-right: 15px;
}

.down_inner ul {
 margin: 60px 0 40px;
}

.down_inner ul li a {
 display: block;
 width: 400px;
 height: 125px;
 box-sizing: border-box;
 padding-right: 60px;
 border-left: 1px solid #000;
}

.down_inner ul li a:hover span {
 transition: .3s;
 color: #03a864;
}

.down_top {
 display: flex;
}

.down_inner ul li img {
 display: inline-block;
 margin-right: 20px;
 margin-left: -1px;
 width: 76px;
}

.down_con {
 display: flex;
 align-items: center;
}

.donw_ti {
 font-size: 16px;
 font-weight: bold;
 color: #000;
 letter-spacing: 0.1em;
 margin-bottom: 10px;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 1;
 overflow: hidden;
}

.donw_kakaku {
 color: #03a864;
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 0.1em;
}

.donw_kakaku span {
 font-size: 22px;
 font-weight: bold;
 letter-spacing: 0.05em;
}

.donw_icon {
 display: inline-block;
 width: 100px;
 height: 40px;
 border-radius: 5px;
 border: 2px solid #000;
 line-height: 40px;
 text-align: center;
 background: #fff;
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-left: 10px;
}

.down_bottom {
 font-size: 20px;
 line-height: 30px;
 font-weight: bold;
 letter-spacing: 0.1em;
 display: flex;
 justify-content: space-between;
 margin-top: 25px;
 padding-left: 10px;
}

.donw_add {
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 1;
 overflow: hidden;
 width: 70%;
}

.w_auto {
 width: auto;
}

.donw_syubetsu {
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 1;
 overflow: hidden;
}

.plan_wrap {
 width: 1200px;
 margin: 160px auto 80px auto;
}

.plan_wrap h2::before {
 content: "";
 background: url(../img/ti_icon3.png);
 display: inline-block;
 width: 251px;
 height: 23px;
 margin-right: 15px;
}

.plan_wrap .subtitle{
    line-height: 30px;
}

.plan_inner {
 display: flex;
 justify-content: space-between;
 margin-top: 60px;
}

.plan_l {
 width: 570px;
 margin-left: 25px;
}

.plan_l h3 {
 line-height: 20px;
 font-size: 20px;
 font-weight: bold;
 color: #000;
 margin: 0 0 20px;
}

.plan_l p {
 line-height: 25px;
 font-size: 15px;
 font-weight: 500;
 color: #000;
}

.plan_text a {
 display: block;
 width: 300px;
 height: 68px;
 line-height: 68px;
 text-align: center;
 border: 2px solid #000;
 color: #03a864;
 box-sizing: border-box;
 background: #fff;
 border-radius: 34px;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.2em;
 margin: 30px 0 50px;
}

.plan_text a:hover {
 transition: .3s;
 color: #fff;
 background: #03a864;
}

.plan_con ul {
 width: 490px;
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 30px;
}

.plan_con ul li a {
 display: block;
 width: 150px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 border: 1px solid #000;
 border-radius: 5px;
 font-size: 14px;
 letter-spacing: 0.05em;
 font-weight: bold;
 color: #000;
 background: #ccc;
 margin-bottom: 15px;
 margin-top: 0;
}

.plan_con ul li a:hover {
 transition: .3s;
 background: #fff;
}

.plan_con ul li:not(:nth-child(3)) a {
 margin-right: 15px;
}

.plan_contact {
 width: 100%;
 box-sizing: border-box;
 border: 1px solid #000;
 border-radius: 5px;
 background: #fff;
 text-align: center;
 padding: 0 30px 26px;
}

.plan_contact::before {
 content: "";
 display: inline-block;
 width: 1px;
 height: 20px;
 background: #000;
 margin-bottom: 15px;
}

.plan_con_b {
 margin-top: 20px;
 display: flex;
 justify-content: space-between;
}

.plan_tel {
 font-size: 14px;
 font-weight: 500;
}

.plan_tel span {
 font-size: 30px;
 font-weight: bold;
 letter-spacing: 0.15em;
 margin-top: 15px;
 display: block;
 color: #03a864;
}

.plan_con_b a {
 display: block;
 width: 230px;
 height: 60px;
 line-height: 60px;
 border: 1px solid #000;
 border-radius: 5px;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.2em;
 box-sizing: border-box;
 padding-right: 10px;
 position: relative;
 margin: 0;
 color: #fff;
 background: #03a864;
}

.plan_con_b a:hover {
 transition: .3s;
 color: #03a864;
 background: #fff;
}

.plan_con_b a::after {
 content: "";
 background: url(../img/btn_arrow.png);
 display: inline-block;
 width: 8px;
 height: 12px;
 position: absolute;
 right: 20px;
 top: 24px;
}

.plan_r {
 background: url(../img/new/plan_img.png);
 width: 523px;
 height: 650px;
 position: relative;
 box-sizing: border-box;
 margin-right: 25px;
}

.plan_text_r {
 position: absolute;
 right: -25px;
 top: -25px;
}

.loan_wrap {
 width: 100%;
 background: #f5f5f5;
 padding: 80px 0 20px;
}

.loan_inner {
 width: 1200px;
 margin: 0 auto;
}

.loan_inner h2::before {
 content: "";
 background: url(../img/ti_icon3.png);
 display: inline-block;
 width: 251px;
 height: 23px;
 margin-right: 15px;
}

.loan_top {
 width: 760px;
 text-align: left;
 position: relative;
 z-index: 100;
 margin-top: 50px;
}

.loan_top p {
 font-weight: 500px;
 font-size: 15px;
 line-height: 25px;
 margin-bottom: 30px;
}

.loan_img2 {
 position: absolute;
 bottom: 60px;
 right: -52px;
}

.loan_img3 {
 position: absolute;
 bottom: 155px;
 right: -436px;
 z-index: -1;
}

.loan_img4 {
 position: absolute;
 bottom: -50px;
 right: -400px;
}

.loan_nayami_wrap {
 width: 1010px;
 margin: 70px auto 45px;
 position: relative;
}

.loan_nayami_wrap::before {
 content: "";
 display: block;
 background: url(../img/nayami_icon01.png);
 width: 325px;
 height: 211px;
 position: absolute;
 right: 0px;
 bottom: -50px;
}

.loan_nayami_wrap::after {
 content: "";
 display: block;
 background: url(../img/nayami_icon02.png);
 width: 393px;
 height: 90px;
 position: absolute;
 left: 10px;
 bottom: -10px;
}


.loan_nayami_wrap img {
 display: block;
 margin: 0 auto 25px;
}

.loan_inner ul {
 width: 1010px;
 margin: 30px auto 50px;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.loan_inner ul li {
 width: 486px;
 height: 388px;
 border-radius: 10px;
 box-sizing: border-box;
 padding: 20px;
 border: 1px solid #000;
 position: relative;
 top: 0px;
 left: 0px;
}

.loan_inner ul li:nth-child(1) {
 background: url(../img/loan_bg1.png);
 background-repeat: no-repeat;
 margin-bottom: 35px;
}

.loan_inner ul li:nth-child(2) {
 background: url(../img/loan_bg2.png);
 background-repeat: no-repeat;
 margin-bottom: 35px;
}

.loan_inner ul li:nth-child(3) {
 background: url(../img/loan_bg3.png);
 background-repeat: no-repeat;
}

.loan_inner ul li:nth-child(4) {
 background: url(../img/loan_bg4.png);
 background-repeat: no-repeat;
}

.loan_inner ul li h3 {
 font-size: 32px;
 line-height: 44px;
 font-weight: bold;
 color: #fff;
 text-align: left;
 text-shadow: 0 0 10px #333;
 margin: 0px;
 padding: 0px;
}

.loan_inner ul li p {
 width: 466px;
 background: rgba(255, 255, 255, 0.9);
 padding: 20px;
 font-size: 16px;
 line-height: 30px;
 font-weight: 500;
 border-radius: 5px;
 position: absolute;
 bottom: 10px;
 left: 10px;
 box-sizing: border-box;
}

.company_wrap {
 width: 100%;
 margin: 160px 0 80px 0px;
}

.company_inner {
 width: 1100px;
 height: 780px;
 margin: 0 auto;
 padding-left: 620px;
 position: relative;
 box-sizing: border-box;
}

.com_l {
 position: absolute;
 top: 0;
 left: -50px;
}

.com_l iframe {
 display: block;
 width: 100%;
 border-radius: 0 0 20px 0;
}

.com_r {
 width: 500px;
}

.com_r h2::before {
 content: "";
 background: url(../img/ti_icon6.png);
 display: inline-block;
 width: 71px;
 height: 23px;
 margin-right: 15px;
}
.company_inner
p.subtitle{
    font-size: 16px !important;
    text-align: left;
}

.com_text {
 margin: 40px 0;
}

.com_text p {
 font-size: 14px;
 line-height: 25px;
}

.com_text a {
 color: #03a864;
 font-size: 14px;
 line-height: 25px;
 text-decoration: underline;
}

.com_tel {
 font-size: 14px;
 line-height: 25px;
 margin-top: 5px;
}

.com_tel span {
 color: #03a864;
 font-size: 25px;
 font-weight: 500;
 margin-right: 10px;
}

.com_r ul {
 display: flex;
 justify-content: start;
 margin-bottom: 10px;
}

.com_r ul li {
 margin-right: 10px;
}

.com_r ul li a {
 display: block;
 width: 120px;
 height: 130px;
 text-align: center;
 background: #03a864;
 border: 1px solid #000;
 border-radius: 5px;
 box-sizing: border-box;
 padding: 15px 0 30px;
 font-size: 14px;
 font-weight: bold;
 color: #fff;
}

.com_r ul li a:hover {
 background: #f5f5f5;
 color: #03a864;
 transition: .3s;
}

.com_r ul li:nth-child(1) a::before {
 content: "";
 background: url(../img/btn_icon2.png);
 display: block;
 margin: 0 auto 15px;
 width: 54px;
 height: 64px;
}

.com_r ul li:nth-child(2) a::before {
 content: "";
 background: url(../img/btn_icon3.png);
 display: block;
 margin: 0 auto 15px;
 width: 54px;
 height: 64px;
}

.com_r ul li:nth-child(3) a::before {
 content: "";
 background: url(../img/btn_icon4.png);
 display: block;
 margin: 0 auto 15px;
 width: 54px;
 height: 64px;
}

.com_r ul li:nth-child(4) a::before {
 content: "";
 background: url(../img/btn_icon5.png);
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 display: block;
 margin: -5px auto 5px;
 width: 57px;
 height: 79px;
}

.com_img {
 position: absolute;
 right: -70px;
 bottom: 0;
}

.contact_wrap {
 width: 100%;
 background: #03a864;
 padding: 0 0 75px;
}

.contact_inner {
 width: 1200px;
 margin: 0 auto;
}

.contact_inner::before {
 content: "";
 display: block;
 width: 2px;
 height: 35px;
 margin: 0 auto;
 background: #fff;
 margin-bottom: 30px;
}

.contact_inner h2 {
 font-size: 25px;
 font-weight: bold;
 color: #fff;
 margin: 30px 0 60px;
}

.contact_top {
 display: flex;
 justify-content: space-between;
}

.con_tel {
 position: relative;
}

.con_tel a {
 display: block;
 width: 400px;
 height: 60px;
 line-height: 60px;
 text-align: center;
 border-radius: 40px;
 border: 2px solid #fff;
 margin-bottom: 20px;
 letter-spacing: 0.2em;
 font-weight: bold;
 font-size: 18px;
 color: #fff;
}

.con_tel a:hover {
 background: #fff;
 color: #03a864;
 transition: .3s;
}

.con_tel p {
 color: #fff;
 font-size: 14px;
 line-height: 25px;
 font-weight: 500;
 margin-bottom: 20px;
}

.con_tel span {
 font-weight: bold;
 font-size: 40px;
 line-height: 40px;
 letter-spacing: 0.2em;
 margin-bottom: 20px;
}

.con_tel::after {
 content: "";
 background: url(../img/f_img.png);
 display: block;
 width: 174px;
 height: 118px;
 position: absolute;
 left: 116px;
 bottom: -30px;
}

.contact_top ul {
 width: 725px;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.contact_top ul li {
 width: 330px;
}

.contact_top ul li a {
 background: #f5f5f5;
 width: 330px;
 height: 68px;
 line-height: 68px;
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.2em;
 margin-bottom: 25px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 35px;
}

.contact_top ul li a:hover {
 transition: .3s;
 color: #03a864;
}

.contact_top ul li:nth-child(1) a::before {
 content: "";
 background: url(../img/f_line.png);
 display: block;
 width: 36px;
 height: 36px;
 margin-right: 10px;
}

.contact_top ul li:not(:nth-child(1)) a::after {
 content: "";
 background: url(../img/btn_arrow.png);
 display: block;
 width: 8px;
 height: 12px;
 margin-left: 20px;
}

.contact_top ul li p {
 color: #fff;
 font-size: 14px;
 line-height: 25px;
 letter-spacing: 0.2em;
 margin-bottom: 40px;
}

.contact_bottom {
 display: flex;
 justify-content: space-between;
 margin-top: 30px;
}

.contact_bottom li a {
 display: block;
 width: 360px;
 height: 170px;
 background: #03a864;
 text-align: center;
 color: #fff;
 border-radius: 10px;
 border: 2px solid #fff;
 box-sizing: border-box;
 padding: 0 30px;
}

.contact_bottom li a:hover {
 background: #fff;
 color: #03a864;
 transition: .3s;
}

.contact_bottom li a::before {
 content: "";
 display: block;
 width: 2px;
 height: 35px;
 margin: 0 auto;
 background: #fff;
}

.contact_bottom li a:hover::before {
 background: #03a864;
 transition: .3s;
}

.contact_bottom li a span {
 font-size: 20px;
 font-weight: bold;
 margin: 20px 0px 10px;
 display: block;
}

.contact_bottom li a span::after {
 content: "";
 background: url(../img/con_btn_arrow.png);
 width: 8px;
 height: 12px;
 display: inline-block;
 margin-left: 15px;
}

.contact_bottom li a p {
 font-size: 14px;
 line-height: 25px;
}

.mem_list {}

.mem_list ul {
 text-align: center;
}

.mem_list li {
 width: 250px;
 display: inline-block;
 letter-spacing: 0.5px;
}

.mem_list li img {
 transition: transform 0.9s;
 -webkit-transition: -webkit-transform 0.9s;
}

.mem_list li:hover img {
 transform: rotateY(360deg);
 transition: transform 0.9s;
}

.mem_list li p {
 color: #333;
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 0.05em;
 margin: 20px auto 0;
 line-height: 22px;
 background: #fff;
 padding: 5px 0;
 width: 200px;
 border-radius: 5px;
}

.fadein_l {
 opacity: 0;
 transition: 1.5s;
 transform: translate(-50px, 0);
}

.fadein_r {
 opacity: 0;
 transition: 1.5s;
 transform: translate(50px, 0);
}

.fadein {
 opacity: 0;
 transition: 1.5s;
 transform: translate(0, 50px);
}

.fadein_l.fade_in_l,
.fadein_r.fade_in_r,
.fadein.fade_in {
 opacity: 1;
 transform: translate(0px, 0);
}

.scalein {
 opacity: 0;
 transition: 0.8s;
 transform: scale(0);
}

.scalein.scale_in {
 opacity: 1;
 transform: scale(1);
}

.f_kaiin_btn {
 height: 64px !important;
 line-height: 64px !important;
 line-height: 68px;
 background: #333;
 margin-top: 37px;
 text-align: center;
 position: relative;
}

.f_kaiin_btn span {
 font-weight: bold;
 font-size: 22px;
 margin-bottom: 0;
}

.f_kaiin_btn::after {
 content: "";
 background: url(../img/btn_arrow_w.png);
 display: block;
 width: 8px;
 height: 12px;
 margin-left: 20px;
 position: absolute;
 right: 26px;
 top: 26px;
}

.f_kaiin_btn:hover {
 background: #fff !important;
 color: #000 !important;
 transition: .3s;
}

.f_kaiin_btn:hover::after {
 content: "";
 background: url(../img/btn_arrow.png);
 display: block;
 width: 8px;
 height: 12px;
 margin-left: 20px;
 position: absolute;
 right: 26px;
 top: 26px;
}

/*20210202*/
h2 {
 margin: 0px;
 padding: 0px;
}

p.subtitle {
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 line-height: 24px;
 margin: 20px 0px;
 padding: 0px;
}

.tokusen_wrap a,
.down_inner a {
 outline: none;
}

/*------------------リニューアル追記-----------------------*/
.main_wrap {
 width: 100%;
 margin: 50px auto 80px;
}

.main_inner {
 width: 1100px;
 height: 550px;
 margin: 0 auto;
 position: relative;
}

.main_inner::before {
 content: "";
 display: block;
 background: url(../img/new/main_icon01.png);
 width: 668px;
 height: 104px;
 position: absolute;
 bottom: -8px;
 left: 150px;
 z-index: 10;
}

.main_inner::after {
 content: "";
 display: block;
 background: url(../img/new/main_icon02.png);
 width: 353px;
 height: 143px;
 position: absolute;
 bottom: -30px;
 right: -60px;
 z-index: 10;
}

.main_wrap_new .main_inner::before,
.main_wrap_new .main_inner::after
{
    content: none;
}

.main_wrap_new .main_inner{
    height: 650px;
}

.main_wrap_new .main_slider,
.main_wrap_new .main_slider li img{
    height: 650px !important;
}

.main_ti {
 position: absolute;
 top: 50px;
 left: -75px;
 z-index: 10;
}


.about_wrap{
    width: 100%;
    margin: 132px auto 60px auto;
    .about_inner{
        width: 1200px;
        margin: 0 auto;
        h2{
            color: #f5f5f5;
            font-size: 90px;
            font-weight: 900;
            font-family: Century Gothic;
            letter-spacing: 4px;
            text-align: center;
            margin: 0 0px -58px 25px;
            position: relative;
            z-index: 3;
            span{
                color: #03a864;
                text-emphasis: "";
            }
        }
        .about_box{
            display: flex;
            gap: 0 42px;
            .ab_tate_img{
                display: flex;
                align-items: flex-start; 
                gap: 0 20px;
                .ab_tate1{
                    margin: 80px 0 0 0;
                    position: relative;
                    z-index: 0;
            }
            }
            .about_more{
                p{
                    color: #000000;
                    font-size: 20px;
                    font-weight: bold;
                    letter-spacing: 1px;
                    line-height: 36px;
                    margin: 70px 0 37px 0;
                }
                .about_more_img{
                    display: flex;
                    .ab_green{
                        width: 550px;
                    }
                    .ad_hito{
                        width: 280px;
                        margin: 0 0 0 -94px;
                        object-fit: contain;
                    }
                }
            }
        }

    }
}

.buy_wrap{
    width: 100%;
    background-color: #f5f5f5;
    margin: 0 auto;
    padding: 100px 0 80px 0;
    .buy_inner{
        width: 1200px;
        margin: 0 auto;
        h2{

            &::before{
                content: "";
                background: url(../img/ti_icon2.png);
                display: inline-block;
                width: 251px;
                height: 23px;
                margin-right: 15px;
            }
        }
        .subtitle{
            line-height: 34px;
        }
        .buy_box{
            margin: 67px 0 60px 0;
            display: flex;
            justify-content: space-between;
            .buy_box_l{
                display: flex;
                align-items: flex-start;
                position: relative;
                .buy_ti_img{
                    width: 206px;
                    height: 436px;
                    position: absolute;
                    right: -24px;
                    top: -22px;
                }
            }
            .buy_box_r{
                ul{
                    margin: 0 50px 0 0;
                    li{
                        width: 700px;
                        background-color: #ffffff;
                        padding: 30px 97px 30px 24px;
                        border: 2px solid #000000;
                        border-radius: 10px;
                        box-sizing: border-box;
                        display: flex;
                        position: relative;
                        &:not(:last-child){
                            margin: 0 0 19px 0;
                            position: relative;
                            &::before{
                                content: "";
                                position: absolute;
                                background-image: url(/img/top_renewal/fukidashi_maru.webp);
                                width: 75px;
                                height: 15px;
                                bottom: -15px;
                                left: 178px;
                            }
                        }
                        &:first-child img{
                            position: absolute;
                            top: 0px;
                            bottom: 0px;
                            margin: auto;
                            right: 30px;
                        }
                         &:nth-child(2) img{
                            position: absolute;
                            top: 0px;
                            bottom: 0px;
                            margin: auto;
                            right: 4px;
                        }
                         &:nth-child(3) img{
                            position: absolute;
                            bottom: 0px;
                            right: 20px;
                        }
                         &:last-child img{
                            position: absolute;
                            top: 0px;
                            bottom: 0px;
                            margin: auto;
                            right: 0px;
                        }
                        .buy_text{
                            .buy_ti{
                                color: #03a864;
                                font-size: 24px;
                                font-weight: bold;
                                line-height: 30px;
                                letter-spacing: 3px;
                                margin: 0 0 27px 16px;
                            }
                            p{
                                color: #000000;
                                font-size: 14px;
                                line-height: 24px;
                                span{
                                    font-weight: bold;
                                    background: linear-gradient(transparent 50%, #ffe793 50%);
                                    padding-bottom: 0.3em;
                                }
                            }
                        }
                        .buy_no01{
                            color: #ffffff;
                            font-size: 30px;
                            font-weight: bold;
                            font-family: Century Gothic;
                            background-color: #000000;
                            border-radius: 50%;
                            padding: 10px;
                            box-sizing: border-box;
                            width: 50px;
                            height: 50px;
                            line-height: 30px;
                            position: absolute;
                            left: -27px;
                            top: 18px;
                        }
                    }
                }
            }

        }
        .flow_box{
            width: 1100px;
            margin: 0 auto;
            position: relative;
            &::before{
                content: "";
                position: absolute;
                background-image: url(/img/sp/flow_women_sp.webp);
                background-repeat: no-repeat;
                background-size: 100%;
                width: 247px;
                height: 280px;
                bottom: -126px;
                left: -50px;
            }
            h3{
                font-size: 24px;
                font-weight: bold;
                letter-spacing: 1px;
                text-align: center;
                line-height: 24px;
            }
            p{
                font-size: 15px;
                text-align: center;
            }
            img{
                width: 740px;
                display: block;
                margin: 30px auto 43px auto;
            }
        }
    }
    .t_bukken_more a{
        position: absolute; 
        left: 50%;
        bottom: -97px; 
        transform: translate(-50%, -50%); 
        z-index: 2;
        background-color: #03a864;
        color: #ffffff;
        &:hover{
            background-color: #f0efee;
            color: #000000;
        }
    }
}
.reform_wrap{
    width: 100%;
    background-image: url(/img/top_renewal/reform_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    padding: 90px 0;
    .reform_inner{
        width: 1100px;
        margin: 0 auto;
        color: #ffffff;      
        h2{
            span{
                -webkit-text-emphasis: filled #ffffff;
            }
            &::before {
                content: "";
                background: url(/img/top_renewal/white_ti_icon4.png);
                background-repeat: no-repeat;
                display: inline-block;
                width: 251px;
                height: 31px;
                margin-right: 15px;
            }
        }
        .subtitle{
            margin: 35px 0 45px 0;
        }
        h3{
            font-size: 24px;
            font-weight: bold;
            line-height: 42px;
            letter-spacing: 1px;
            text-align: center;
            margin: 0 0 60px 0;
            span{
                background-color: #03a864;
                padding: 4px 0px 4px 10px;
                    box-sizing: border-box;
                    border-radius: 5px;
            }
        }
        ul{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            li{
                width: 530px;
                display: flex;
                align-items: center;
                border-top: 1px solid rgba(255, 255, 255, 0.7);
                padding: 30px 0 30px 10px;
                position: relative;
                &::before{
                    content: "";
                    background-color: #ffffff;
                    background-repeat: no-repeat;
                    width: 117px;
                    height: 1px;
                    position: absolute;
                    top: -1px;
                    left: 0px;
                }
                &:nth-child(3){
                    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
                    position: relative;
                    &::after{
                        content: "";
                        background-color: #ffffff;
                        background-repeat: no-repeat;
                        width: 117px;
                        height: 1px;
                        position: absolute;
                        bottom: -1px;
                        left: 0px;
                    }
                }
                &:last-child{
                    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
                    position: relative;
                    &::after{
                        content: "";
                        background-color: #ffffff;
                        background-repeat: no-repeat;
                        width: 117px;
                        height: 1px;
                        position: absolute;
                        bottom: -1px;
                        left: 0px;
                    }
                }
                img{
                    width: 18%;
                    margin: 0 18px 0 0;
                }
                .reform_naiyou{
                    p{
                        font-size: 18px;
                        font-weight: bold;
                        line-height: 26px;
                        margin: 0 0 20px 0;
                    }
                    span{
                        font-size: 14px;
                        line-height: 24px;
                    }
                }
            }
        }
        .re_btn_wrap{
            display: flex;
            gap: 0 30px;
            justify-content: center;
            margin: 62px 0 0 0;
            a{
                display: block;
                width: 440px;
                color: #ffffff;
                font-size: 18px;
                font-weight: 500;
                letter-spacing: 3px;
                line-height: 14px;
                padding: 23px 0 26px 0;
                text-align: center;
                border: 1px solid #ffffff;
                border-radius: 35px;
                font-weight: bold;

                &:hover{
                    color: #000;
                    background-color: #ffffff;
                    transition: .3s;
                }
            }

        }
    }
}
.owner_wrap{
    width: 100%;
    padding: 100px 0 0 0;
    h2::before {
        content: "";
        background: url(../img/ti_icon5.png);
        background-repeat: no-repeat;
        display: inline-block;
        width: 251px;
        height: 31px;
        margin-right: 15px;
    }
    .subtitle{
        font-size: 18px;
        line-height: 34px;
        margin: 30px 0  40px 0;

    }
    .owner_nayami{
        padding: 80px 0 100px 0;
        background-image: url(/img/top_renewal/owner_bg.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        .owner_nayami_inner{
            width: 1200px;
            margin: 0 auto;
            h3{
                font-size: 24px;
                font-weight: bold;
                line-height: 38px;
                text-align: center;
            }
            ul{
                width: 1100px;
                display: flex;
                flex-wrap: wrap;
                margin: 70px auto 90px auto;
                gap: 22px;
                position: relative;
                &::before {
                    content: "";
                    background: url(/img/top_renewal/owner_hito.webp);
                    background-repeat: no-repeat;
                    width: 199px;
                    height: 156px;
                    position: absolute;
                    top: -67px;
                    right: 45px;
                }
                &::after {
                    content: "";
                    background: url(/img/top_renewal/owner_nayami.webp);
                    background-repeat: no-repeat;
                    width: 49px;
                    height: 41px;
                    position: absolute;
                    top: -121px;
                    left: 228px;
                }
                li{
                    color: #000000;
                    background-color: #ffffff;
                    font-size: 16px;
                    font-weight: bold;
                    line-height: 20px;
                    letter-spacing: 1px;
                    padding: 20px 30px;
                    border: 3px solid #000000;
                    border-radius: 15px;
                    &:nth-child(2){
                        margin: 0 139px 0 0;
                    }
                }
            }
            .owner_fukidashi{
                font-size: 20px;
                font-weight: bold;
                line-height: 32px;
                text-align: center;
                letter-spacing: 2px;
                position: relative;
                span{
                    background: linear-gradient(transparent 50%, #ffe793 50%);
                    padding-bottom: 0.3em;
                }
                &::before {
                    content: "";
                    background: url(/img/top_renewal/fukidashi_l.webp);
                    background-repeat: no-repeat;
                    position: absolute;
                    bottom: -5px;
                    left: 305px;
                    width: 31px;
                    height: 60px;
                }
                &::after {
                    content: "";
                    background: url(/img/top_renewal/fukidashi_r.webp);
                    background-repeat: no-repeat;
                    position: absolute;
                    bottom: -5px;
                    right: 305px;
                    width: 31px;
                    height: 60px;
                }
            }
        }
    } 
    .owner_mean{
        width: 1200px;
        margin: 0 auto;
        h3{
            font-size: 30px;
            line-height: 30px;
            font-weight: bold;
            text-align: center;
            margin: 0 0 50px 0;
        }
        p{
            font-size: 18px;
            font-weight: bold;
            line-height: 34px;
            text-align: center;
        }
        h3{
            line-height: 40px;
            position: relative;
             &::before {
                content: "";
                background: url(/img/top_renewal/mean_denki.webp);
                background-repeat: no-repeat;
                position: absolute;
                top: 0px;
                left: 344px;
                width: 26px;
                height: 39px;
            }
        }
        ul{
            display: flex;
            justify-content: space-between;
            margin: 43px 0 53px 0;
            position: relative;
            &::before {
                content: "";
                background: url(/img/top_renewal/mean_hito.webp);
                background-repeat: no-repeat;
                position: absolute;
                top: -177px;
                left: 13px;
                width: 165px;
                height: 179px;
            }
            li{
                width: 360px;
                height: 430px;
                padding: 23px 0px;
                border: 2px solid #000000;
                border-radius: 10px;
                box-sizing: border-box;
               .mean_t_box{
                    padding: 0 28px;
                    h4{
                        display: flex;
                        align-items: center;
                        margin: 22px 0;
                        padding: 0;
                        .mean_no01{
                            margin: 0 16px 0 0;
                            color: #ffffff;
                            font-size: 24px;
                            font-weight: bold;
                            font-family: Century Gothic;
                            background-color: #03a864;
                            border-radius: 20%;
                            padding: 12px;
                            box-sizing: border-box;
                            width: 36px;
                            height: 36px;
                            line-height: 12px;
                        }
                        .mean_tl{
                            font-size: 22px;
                            font-weight: bold;
                        }
                    }
                }
                .mean_txt{
                    font-size: 13px;
                    line-height: 24px;
                    text-align: left;
                    padding: 0 19px;
                }
            }
        }
    }
    .bukken_more a{
        background-color: #f0efee;
        &:hover{
            background-color: #03a864;
        }
    }
}



.info_wrap {
 width: 1100px;
 margin: 0px auto 90px auto;
}

.info_wrap iframe {
 display: block;
 width: 1100px;
 height: 175px;
 margin: 0 auto;
}

.info_ti {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 30px;
}

.info_ti a {
 display: block;
 width: 160px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 background: #f5f5f5;
 border-radius: 50px;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.05em;
 transition: .3s;
}

.info_ti a:hover {
 background: #aaa;
 transition: .3s;
}

.info_con ul {
 width: 1100px;
 margin: 0 auto;
 padding: 0;
 list-style: none;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}

.info_con ul li a {
 width: 340px;
 height: 170px;
 border-left: 1px solid #000;
 border-bottom: 1px solid #000;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 transition: .3s;
 overflow: hidden;
}

.info_con ul li a:hover img {
 transform: scale(1.1, 1.1);
 transition: .3s;
}

.info_img {
 width: 190px;
 height: 170px;
 overflow: hidden;
}

.info_img img {
 width: 100%;
 height: 100% !important;
 object-fit: cover;
 transition: .3s;
}

.info_txt {
 padding: 10px;
 width: 150px;
 box-sizing: border-box;
}

.info_txt p {
 font-size: 15px;
 line-height: 24px;
 font-weight: bold;
 color: #000;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 2;
 overflow: hidden;
}

.info_tag {
 display: inline-block;
 line-height: 30px;
 text-align: center;
 background: #03a864;
 border-radius: 5px;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.05em;
 padding: 0 10px;
}

.info_day {
 font-size: 14px;
 line-height: 14px;
 margin: 10px 0 20px;
 font-weight: 500;
 color: #ccc;
 letter-spacing: 0.05em;
}

.data_bank_wrap {
 width: 100%;
 background: url(../img/new/data_bank_bg.png);
 background-size: cover;
 background-position: center;
 padding: 80px 0 0;
 position: relative;
 margin-bottom: 80px;
 z-index: 1;
}

.data_bank_wrap::before {
 content: "";
 display: block;
 background: url(../img/new/data_bank.png);
 width: 100%;
 height: 140px;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 position: absolute;
 left: 0;
 top: 0;
 z-index: -1;
}

.data_bank_inner {
 width: 1100px;
 margin: 0 auto;
 position: relative;
 text-align: center;
 padding-bottom: 80px;
}

.data_bank_inner::before {
 content: "";
 display: block;
 background: url(../img/new/data_bank_icon01.png);
 width: 249px;
 height: 161px;
 position: absolute;
 left: -45px;
 bottom: -25px;
}

.data_bank_inner::after {
 content: "";
 display: block;
 background: url(../img/new/data_bank_icon02.png);
 width: 244px;
 height: 197px;
 position: absolute;
 right: -20px;
 bottom: -30px;
}

.data_bank_inner h2 {
 line-height: 50px;
 color: #fff;
 font-weight: bold;
}

.data_bank_inner h2::before {
 content: "";
 display: inline-block;
 background: url(../img/new/ti_icon01.png);
 width: 251px;
 height: 23px;
 margin-right: 20px;
}

.data_bank_inner ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 margin: 40px 0;
}

.data_bank_inner ul li {
 position: relative;
}

.data_bank_inner ul li span {
 color: #03a864;
 font-size: 35px;
 line-height: 30px;
 font-weight: bold;
 position: absolute;
 top: 60px;
 right: 55px;
 z-index: 10;
}

.data_bank {
 width: 100%;
 height: 68px;
 position: absolute;
 left: 0;
 bottom: -34px;
}

.data_bank a {
 display: block;
 width: 370px;
 height: 68px;
 line-height: 68px;
 border: 2px solid #000;
 box-sizing: border-box;
 text-align: center;
 background: #fff;
 color: #03a864;
 border-radius: 34px;
 font-size: 22px;
 font-weight: bold;
 letter-spacing: 0.05em;
 margin: 0 auto;
 transition: .3s;
}

.data_bank a:hover {
 color: #fff;
 background: #03a864;
 transition: .3s;
}
.side_fix_btn_wrap{
    position: fixed;
    right: -2px;
    bottom: 17%;
}
.side_fix_btn{
 
}
.sale{
    margin-bottom: 10px;
}
.faq{
 
}


/* =========================================================
	ipad 画面幅調整
========================================================= */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .buy_wrap{
        &::before{
            left: 56px;
        }
        .buy_box_r{
            li{
                .buy_text{
                    p{
                        font-size: 5px;
                    }
                }
            }
        }
    }
}

/* =========================================================
	conterasu
========================================================= */
.conterasu_wrap{
    background-color: #f5f5f5;
    padding: 80px 0;
    margin: 80px auto 0;
}
.conterasu_inner{
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

.conterasu_inner::before{
    content: "";
    display: block;
    background: url(../img/top_renewal/conterasu_icon.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 180px;
    height: 200px;
    position: absolute;
    right: -10px;
    top: -25px;
}

.conterasu_inner .subtitle{
    font-size: 16px;
    line-height: 1.6;
    margin: 30px 0 50px;
}

.conterasu_merit{
    padding-left: 440px;
    position: relative;
}

.conterasu_merit::before{
    content: "";
    display: block;
    background: url(../img/top_renewal/conterasu.webp);
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    border: 1px solid #000;
    width: 450px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -50px;
}

.conterasu_merit h3{
font-size: 18px;
    line-height: 1;
    font-weight: bold;
    color: #000;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    display: inline-block;
    background: #fff;
    width: 100%;
    border-radius: 10px;
}

.conterasu_merit ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.conterasu_merit li{
    border-top: 1px solid #aaa;
padding: 20px 0;
    width: 48%;
}

.conterasu_merit li:nth-child(1),
.conterasu_merit li:nth-child(2)
{
    border-top: none;
}

.conterasu_merit li h4{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 10px 0;
    position: relative;
    display: flex;
    align-items: center;
}

.conterasu_merit li:last-child h4{
    font-size: 16px;
}

.conterasu_merit li h4::before{
    content: "Merit01";
    display: inline-block;
    padding: 7px;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    font-weight: bold;
    background-color: #03a864;
    border-radius: 3px;
    margin-right: 10px;
}

.conterasu_merit li:nth-child(2) h4::before{
    content: "Merit02";
}

.conterasu_merit li:nth-child(3) h4::before{
    content: "Merit03";
}

.conterasu_merit li:nth-child(4) h4::before{
    content: "Merit04";
}

.conterasu_merit li p{
                            font-size: 14px;
                        line-height: 24px;
}

.conterasu_wrap .bukken_more a{
    background-color: #03a864;
    border: 1px solid #000;
    color: #fff;
    margin: 50px auto 0
}
.conterasu_wrap .bukken_more a:hover{
            background-color: #f0efee;
            color: #000000;
}