@charset "shift_jis";

/*************************************************/
/* 制作を始める時には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;
 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;
}

.kaiin_wrap {
 width: 100%;
 background: url(../img/kaiin_bg.png);
 background-size: cover;
 background-position: top;
}

.kaiin_inner {
 width: 1200px;
 position: relative;
 box-sizing: border-box;
 text-align: center;
 margin: 60px auto;
 padding: 60px 0px;
}

.main_text {
 position: absolute;
 right: 0;
 top: -265px;
}

.kacon_l_text {
 background: url(../img/kaiin_fukidashi_b.png);
 width: 470px;
 height: 370px;
 box-sizing: border-box;
 padding: 30px;
 margin-bottom: 30px;
}

.kaiin_inner h2 {
 color: #fff !important;
 font-weight: bold !important;
 font-size: 38px !important;
 line-height: 38px !important;
 letter-spacing: 0.1em !important;
 margin: 0 !important;
}

.kaiin_inner ul {
 width: 760px;
 margin: 40px auto;
 display: flex;
 justify-content: space-between;
}

.kaiin_b {
 width: 1110px;
 margin: 0 auto;
 display: flex;
 justify-content: center;
}

.kaiin_num {
 display: flex;
 justify-content: center;
 height: 68px;
 box-sizing: border-box;
 background: rgba(255, 255, 255, 0.9);
 padding: 0 80px;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.2em;
 line-height: 64px;
 color: #000;
 border-radius: 34px;
}

.kaiin_num .kaiin {
 margin-left: 50px;
}

.ippan span {
 font-size: 30px;
 font-weight: bold;
 letter-spacing: 0.2em;
 padding: 0 10px;
}

.kaiin span {
 font-size: 30px;
 font-weight: bold;
 letter-spacing: 0.2em;
 padding: 0 10px;
 color: #03a864;
}

.kaiin_b a {
 display: block;
 width: 370px;
 height: 68px;
 line-height: 68px;
 background: #03a864;
 color: #fff;
 text-align: center;
 border-radius: 34px;
 font-weight: bold;
 font-size: 17px;
 letter-spacing: 0.2em;
 box-sizing: border-box;
 background-size: 200% 100%;
 background-image: -webkit-linear-gradient(left, transparent 50%, #038c53 50%);
 background-image: linear-gradient(to right, transparent 50%, #004c2d 50%);
 -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
 transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
 margin-left: 20px;
}

.kaiin_b a span {
 font-size: 22px;
 font-weight: bold;
}

.kaiin_b a:hover {
 transition: .3s;
 background-color: #004c2d;
 background-position: -100% 100%;
 color: #fff;
}

.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%;
 background: #f5f5f5;
 padding: 50px 0;
}

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

.tokusen_inner {
 width: 1200px;
 box-sizing: border-box;
 border: 1px solid #000;
 border-radius: 5px;
 background: #fff;
 margin: 0 auto;
 padding-top: 50px;
 padding-bottom: 50px;
}

.tokusen_inner h2 {}

.tokusen_inner h2::before {
 content: "";
 background: url(../img/ti_icon2.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;
}

.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-left: 10px;
 padding-top: 20px;
}

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

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

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

.tb_top::after {
 content: "";
 display: block;
 background: url(../img/bukken_arrow.png);
 width: 64px;
 height: 17px;
}

.tb_ti {
 font-size: 18px;
 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: 2;
 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;
}

.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;
}

.info_wrap {
 width: 100%;
 background: url(../img/info_bg.png);
 height: 600px;
 background-size: contain;
 box-sizing: border-box;
}

.info_inner {
 background: linear-gradient(90deg, transparent 0%, transparent 30%, #fff 30%, #fff 100%);
 height: 600px;
}

.info_con {
 width: 970px;
 padding-left: 310px;
 box-sizing: border-box;
 margin: 0 auto;
}

.info_con h2 {
 text-align: left;
 margin: 0;
 padding-top: 80px;
}

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

.info_con iframe {
 display: block;
 width: 660px;
 height: 320px;
}

.info_list {
 margin-top: 40px;
}

.info_list ul li a {
 box-sizing: border-box;
 padding: 40px 0px 0;
 position: relative;
 display: flex;
 align-items: flex-end;
}

.info_list ul li a:hover .info_ti {
 color: #03a864;
}

.new_icon {
 color: #03a864;
 font-size: 18px;
 letter-spacing: 0.05em;
 display: block;
 min-width: 80px;
 text-align: center;
 border-bottom: 2px solid #03a864;
 padding-bottom: 10px;
 font-weight: bold;
}

.info_day {
 font-size: 15px;
 font-weight: 500;
 color: #979696;
 min-width: 80px;
 margin: 0 20px;
}

.info_ti {
 font-size: 19px;
 font-weight: bold;
 color: #000;
 letter-spacing: 0.05em;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 1;
 overflow: hidden;
 line-height: 19px;
}

:-ms-input-placeholder,
:root .info_ti {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 margin-right: 0.6em;
 position: relative;
 padding-right: 10px;
}

.info_con .bukken_more a {
 margin: 70px 0 0;
 background: #f5f5f5;
}

.info_con .bukken_more a:hover {
 color: #fff;
 background: #333;
}

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

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

.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;
 background: #eee;
 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;
 font-weight: 500;
 color: #000;
 background: #fff;
 margin-bottom: 20px;
 margin-top: 0;
}

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

.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: #f5f5f5;
 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;
}

.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;
 background: #fff;
}

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

.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/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_icon7.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: 100px 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_icon8.png);
 display: inline-block;
 width: 71px;
 height: 23px;
 margin-right: 15px;
}

.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: 16px;
 line-height: 24px;
 margin: 20px 0px;
 padding: 0px;
}

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