.lp_con_wrap {
 overflow: hidden;
 color: #000;
}

.lp_con_wrap h2 {
 font-size: 40px;
 line-height: 40px;
 font-weight: bold;
 text-align: center;
 color: #000;
 margin: 0 0 40px;
}

.lp_con_wrap .contact_wrap {
 margin: 0;
}

.lp_con_wrap .pan_wrap {
 position: absolute;
 left: 5px;
 top: 158px;
 color: #fff;
 margin: 0 !important;
 z-index: 10;
}

.lp_con_wrap .pan_wrap a {
 color: #fff;
}

.lp_con_wrap .pan_wrap div {
 font-size: 10px;
}

/*--------------------main----------------------*/
.lp_main_wrap {
 background: url(/sozoku/img/main_bg.png);
 background-size: cover;
 background-position: center;
 height: 450px;
 box-sizing: border-box;
 padding-top: 178px;
 overflow: hidden;
}

.lp_main_inner {
 width: 1100px;
 margin: 0 auto;
 position: relative;
 z-index: 0;
}

.lp_main_inner::before {
 content: "";
 display: block;
 background: url(/sozoku/img/main_ti_bg.png);
 width: 342px;
 height: 407px;
 position: absolute;
 top: -150px;
 left: 0;
 z-index: -1;
}

.lp_main_inner::after {
 content: "";
 display: block;
 background: url(/sozoku/img/main_icon.png);
 width: 337px;
 height: 292px;
 position: absolute;
 right: -50px;
 bottom: -50px;
}

.lp_main_inner a {
 display: block;
 width: 300px;
 line-height: 66px;
 border: 2px solid #B3111C;
 background: #B3111C;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 box-sizing: border-box;
 border-radius: 5px;
 box-shadow: 0 0 8px rgb(0 0 0 / 15%);
 position: relative;
 text-align: center;
 margin-top: 25px;
 margin-left: 20px;
}

.lp_main_inner a::before {
 content: "";
 width: 6px;
 height: 6px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 right: 20px;
 top: 30px;
 transition: .3s;
}

.lp_main_inner a:hover {
 background: #fff;
 color: #B3111C;
}

.lp_main_inner a:hover::before {
 border-top: 2px solid #B3111C;
 border-right: 2px solid #B3111C;
}

/*-------sumikae_main---------*/
.sumikae_main_wrap {
 background: url(/sumikae/img/main_bg.png);
 background-size: cover;
 background-position: center;
}

.sumikae_main_wrap .lp_main_inner::before {
 content: "";
 display: block;
 background: url(/sumikae/img/main_ti_bg.png);
 width: 342px;
 height: 406px;
}

.sumikae_main_wrap .lp_main_inner::after {
 content: "";
 display: block;
 background: url(/sumikae/img/main_icon.png);
 width: 603px;
 height: 376px;
 right: -80px;
 bottom: -90px;
 z-index: -1;
}


/*-------rikon_main---------*/
.rikon_main_wrap {
 background: url(/rikon/img/main_bg.png);
 background-size: cover;
 background-position: center;
}

.rikon_main_wrap .lp_main_inner::before {
 content: "";
 display: block;
 background: url(/rikon/img/main_ti_bg.png);
 width: 342px;
 height: 406px;
}

.rikon_main_wrap .lp_main_inner::after {
 content: "";
 display: block;
 background: url(/rikon/img/main_icon.png);
 width: 446px;
 height: 332px;
 right: -50px;
 bottom: -65px;
 z-index: -1;
}

/*-------rikon_main---------*/
.kaitori_main_wrap {
 background: url(/kaitori/img/main_bg.png);
 background-size: cover;
 background-position: center;
}

.kaitori_main_wrap .lp_main_inner::before {
 content: "";
 display: block;
 background: url(/kaitori/img/main_ti_bg.png);
 width: 342px;
 height: 406px;
}

.kaitori_main_wrap .lp_main_inner::after {
 content: "";
 display: block;
 background: url(/kaitori/img/main_icon.png);
 width: 271px;
 height: 386px;
 right: -50px;
 bottom: -65px;
 z-index: -1;
}

/*-------akiya_main---------*/
.akiya_main_wrap {
 background: url(/akiya/img/main_bg.png);
 background-size: cover;
 background-position: center;
}

.akiya_main_wrap .lp_main_inner::before {
 content: "";
 display: block;
 background: url(/akiya/img/main_ti_bg.png);
 width: 342px;
 height: 406px;
}

.akiya_main_wrap .lp_main_inner::after {
 content: none;
}

/*-------loan_main---------*/
.loan_main_wrap {
 background: url(/loan/img/main_bg.png);
 background-size: cover;
 background-position: center;
}

.loan_main_wrap .lp_main_inner::before {
 content: "";
 display: block;
 background: url(/loan/img/main_ti_bg.png);
 width: 342px;
 height: 406px;
}

.loan_main_wrap .lp_main_inner::after {
 content: "";
 display: block;
 background: url(/loan/img/main_icon.png);
 width: 229px;
 height: 391px;
 right: 0;
 bottom: -65px;
 z-index: -1;
}


/*-------leaseback_main---------*/
.lb_main_wrap {
 background: url(/leaseback/img/main_bg.png);
 background-size: cover;
 background-position: center;
}

.lb_main_wrap .lp_main_inner::before {
 content: "";
 display: block;
 background: url(/leaseback/img/main_ti_bg.png);
 width: 342px;
 height: 406px;
}

.lb_main_wrap .lp_main_inner::after {
 content: none;
}

/*-------reform_main---------*/
.reform_main_wrap {
 background: url(/reform/img/main_bg.png);
 background-size: cover;
 background-position: center;
}

.reform_main_wrap .lp_main_inner::before {
 content: "";
 display: block;
 background: url(/reform/img/main_ti_bg.png);
 width: 342px;
 height: 406px;
}

.reform_main_wrap .lp_main_inner::after {
 content: none;
}



/*--------------------/main----------------------*/

/* ----------------------------------------
　sozoku
---------------------------------------- */

.sozoku_ti {
 margin-bottom: 40px;
}

.sozoku_ti h2 {
 margin: 0 0 30px;
}

.sozoku_ti span {
 display: block;
 text-align: center;
 color: #171771;
 font-size: 30px;
 line-height: 30px;
 font-weight: bold;
 letter-spacing: 0.1em;
}



/*--------------------nayami----------------------*/
.sozoku_nayami_wrap {
 width: 1100px;
 margin: 80px auto;
}

.sozoku_nayami_wrap ul {
 position: relative;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

.sozoku_nayami_wrap ul::after {
 content: "";
 display: block;
 background: url(/sell/img/nayami_icon.png);
 width: 329px;
 height: 218px;
 position: absolute;
 bottom: 40px;
 left: 360px;
 z-index: -1;
}

.sozoku_nayami_wrap ul li {
 border: 1px solid #ccc;
 border-radius: 10px;
 padding: 20px 30px;
 font-size: 20px;
 font-weight: bold;
 line-height: 30px;
 position: relative;
 text-align: center;
 margin-bottom: 30px;
 background: #fff;
}

.sozoku_nayami_wrap ul li:nth-child(2) {
 margin: 0 35px 30px;
}

.sozoku_nayami_wrap ul li:nth-child(4) {
 margin: 0px 0 30px 410px;
}

.sozoku_nayami_wrap ul li:nth-child(6) {
 margin: 0 0 30px 300px;
}

.sozoku_nayami_wrap ul li span {
 font-weight: bold;
 background: linear-gradient(transparent 60%, #ffdbde 60%);
}

.sozoku_nayami_wrap ul li::before {
 content: "";
 border-left: 16px solid transparent;
 border-top: 16px solid #ccc;
 position: absolute;
 right: 35px;
 bottom: -16px;
 transform: rotate(-90deg);
}

.sozoku_nayami_wrap ul li::after {
 content: "";
 border-left: 15px solid transparent;
 border-top: 15px solid white;
 position: absolute;
 right: 35px;
 bottom: -14px;
 transform: rotate(-90deg);
}


.sozoku_nayami_wrap ul li:nth-child(3)::before {
 top: 56px;
 right: -16px;
 bottom: auto;
}

.sozoku_nayami_wrap ul li:nth-child(3)::after {
 top: 57px;
 right: -14px;
 bottom: auto;
}

.sozoku_nayami_wrap ul li:nth-child(4)::before {
 top: 36px;
 left: -16px;
 right: auto;
 bottom: auto;
 transform: none;
}

.sozoku_nayami_wrap ul li:nth-child(4)::after {
 top: 37px;
 left: -14px;
 right: auto;
 bottom: auto;
 transform: none;
}

.sozoku_nayami_wrap ul li:nth-child(5)::before,
.sozoku_nayami_wrap ul li:nth-child(6)::before {
 top: -16px;
 right: 35px;
 bottom: auto;
 transform: rotate(-180deg);
}

.sozoku_nayami_wrap ul li:nth-child(5)::after,
.sozoku_nayami_wrap ul li:nth-child(6)::after {
 top: -14px;
 right: 35px;
 bottom: auto;
 transform: rotate(-180deg);
}

/*--------------------/nayami----------------------*/

/*--------------------about----------------------*/
.sozoku_about_wrap {
 background: #eee;
 padding: 80px 0;
}

.sozoku_about_inner {
 width: 1100px;
 margin: 0 auto;
}

.sozoku_about_point {
 border: 3px solid #171771;
 background: #fff;
 box-sizing: border-box;
 border-radius: 5px;
 padding: 50px 40px;
 position: relative;
 margin-bottom: 90px;
}

.sozoku_about_point h3 {
 color: #171771;
 font-size: 40px;
 line-height: 40px;
 font-weight: bold;
 letter-spacing: 0.05em;
 margin: 0;
}

.sozoku_about_point p {
 font-size: 25px;
 font-weight: bold;
 line-height: 25px;
 color: #000;
 letter-spacing: 0.18em;
 margin: 40px 0;
}

.sozoku_about_point ul li {
 position: relative;
 padding-left: 40px;
 font-size: 18px;
 color: #ff5050;
 font-weight: 500;
 line-height: 25px;
 margin-bottom: 10px;
 font-weight: bold;
}

.sozoku_about_point ul li::before {
 content: "";
 display: block;
 background: url(/sozoku/img/check_icon.png);
 width: 25px;
 height: 25px;
 position: absolute;
 top: 0;
 left: 0;
}

.sozoku_about_point img {
 position: absolute;
 right: 40px;
 bottom: -15px;
 z-index: 10;
}

.sozoku_problem_wrap {
 width: 1100px;
 margin: 0 auto;
}

.sozoku_problem_wrap h2 {
 color: #171771;
}

.sozoku_problem_top p {
 font-size: 25px;
 font-weight: bold;
 line-height: 40px;
 text-align: center;
 letter-spacing: 0.18em;
 margin: 0;
}

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

.sozoku_problem_top ul li {
 margin-bottom: 20px;
 background: #fff;
 width: 350px;
 height: 130px;
 box-sizing: border-box;
 border: 1px solid #ccc;
 border-radius: 5px;
 text-align: center;
 padding: 20px 0;
}

.sozoku_problem_top ul li span {
 display: block;
 text-align: center;
 font-size: 25px;
 line-height: 30px;
 color: #000;
 font-weight: bold;
}

.sozoku_problem_top ul li p {
 color: #b3111c;
 font-size: 18px;
 line-height: 30px;
 letter-spacing: 0.05em;
 margin: 0;
 height: 60px;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 5px;
}

.sozoku_problem_con ul li {
 background: #fff;
 padding: 20px;
 border-radius: 10px;
 margin-bottom: 30px;
}

.sozoku_problem_con ul li h3 {
 background: #171771;
 line-height: 60px;
 border-radius: 10px;
 text-align: left;
 padding-left: 20px;
 color: #fff;
 font-size: 35px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin: 0 0 30px;
}

.sozoku_problem_flex {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}

.sozoku_problem_txt {
 width: 630px;
 margin-left: 20px;
}

.sozoku_problem_txt h4 {
 font-size: 25px;
 font-weight: bold;
 line-height: 30px;
 margin: 0 0 15px;
}

.sozoku_problem_txt p {
 font-size: 18px;
 font-weight: 500;
 line-height: 35px;
 margin: 0;
}

/*--------------------/about----------------------*/

/*--------------------point----------------------*/
.sozoku_point_wrap {
 width: 1100px;
 margin: 100px auto;
}

.sozoku_point_wrap ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-top: 90px;
}

.sozoku_point_wrap ul li {
 width: 530px;
 height: 570px;
 box-sizing: border-box;
 border: 3px solid #171771;
 border-radius: 10px;
 background: #fff;
 padding: 70px 15px 0;
 text-align: center;
 margin-bottom: 60px;
 position: relative;
}

.sozoku_point_wrap ul li:last-child {
 width: 1100px;
 height: 380px;
 padding: 40px 15px;
 margin: 0;
}

.sozoku_point_wrap ul li h3 {
 width: 490px;
 text-align: center;
 background: #171771;
 border-radius: 10px;
 font-size: 24px;
 font-weight: bold;
 line-height: 36px;
 letter-spacing: 0.05em;
 padding: 10px 0;
 position: absolute;
 left: 17px;
 top: -40px;
 z-index: 10;
 margin: 0;
 color: #fff;
}


.sozoku_point_wrap ul li p {
 color: #222;
 font-size: 18px;
 line-height: 30px;
 margin: 15px 0 0;
 text-align: left;
}

.sozoku_point_wrap ul li p span {
 font-weight: bold;
 color: #f00;
}

.sozoku_point_wrap ul li:last-child p {
 width: 690px;
}

.sozoku_point_wrap ul li:first-child img {
 margin: 14px 0;
}

.sozoku_point_wrap ul li:last-child h3 {
 top: -30px;
}

.sozoku_point_wrap ul li:last-child img {
 position: absolute;
 right: 15px;
 top: 15px;
}


/*--------------------/point----------------------*/

/*--------------------qa----------------------*/
.sozoku_qa_wrap {
 padding: 80px 0;
}

.sozoku_qa_inner {
 width: 1050px;
 margin: 0 auto;
}

.sozoku_qa_ti h2 {
 margin: 0;
}

.sozoku_qa_ti span {
 display: block;
 text-align: center;
 color: #171771;
 font-size: 24px;
 font-weight: bold;
 letter-spacing: 0.05em;
 margin-bottom: 50px;
}

.sozoku_qa_ti span::before {
 content: "";
 display: block;
 background: #dadada;
 width: 25px;
 height: 4px;
 margin: 15px auto;
}

.sozoku_qa_con {
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.sozoku_qa_con dt {
 background: #fff;
 padding: 0 20px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 align-items: center;
 font-size: 25px;
 line-height: 100px;
 font-weight: bold;
 color: #000;
}

.sozoku_qa_con dt::before {
 content: "";
 display: block;
 background: url(/sell/img/q_icon.png);
 width: 31px;
 height: 33px;
 margin-right: 20px;
}

.sozoku_qa_con dd {
 background: #eee;
 padding: 20px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 font-size: 22px;
 line-height: 40px;
 font-weight: bold;
 color: #000;
 min-height: 140px;
 box-sizing: border-box;
 margin: 0 0 40px;
}

.sozoku_qa_con dd::before {
 content: "";
 display: block;
 background: url(/sell/img/a_icon.png);
 width: 27px;
 height: 28px;
 margin-right: 20px;
}


/*--------------------/qa----------------------*/

/* /sozoku
---------------------------------------- */

/* ----------------------------------------
sumikae
---------------------------------------- */
.sale_con_title {
 text-align: center;
 margin-bottom: 40px;
}

.sale_con_title h2 {
 font-size: 40px;
 margin: 0 0 20px;
 line-height: 1;
}

.sale_con_title img {}

/* --- 悩み --- */
.nayami {
 width: 1100px;
 margin: 100px auto 120px;
}

.nayami h2 {
 text-align: center;
 display: block;
 font-size: 40px;
 line-height: 1;
 font-weight: bold;
 margin: 0 0 50px;
}

.nayami_group {
 position: relative;
 margin: 0px 0;
}

.nayami_icon {
 position: absolute;
 top: 38%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}

.nayami_group ul {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 padding: 0;
 margin: 0;
}

.nayami_group ul li {
 width: 350px;
 height: 110px;
 font-size: 17px;
 font-weight: bold;
 line-height: 30px;
 border: 1px solid #bfbfbf;
 padding: 25px 0;
 box-sizing: border-box;
 list-style: none;
 border-radius: 10px;
 margin: 10px 8px;
 text-align: center;
}

.nayami_group ul li span {
 background: linear-gradient(transparent 60%, #ffdbde 0%);
}

/* ---/ 悩み --- */
/* --- ライフスタイルに合わせた暮らしを --- */
.sumi_life_wrap {}

.sumi_life_ti {}

.sumi_life_ti h2 {
 font-size: 40px;
 line-height: 50px;
 margin: 0 0 40px;
}

.sumi_life_block {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 60px;
}

.sumi_life_graph {
 margin-right: 90px;
}

.sumi_life_txt {
 text-align: center;
 font-weight: bold;
}

.sumi_life_txt .fukidashi {
 position: relative;
 font-size: 20px;
 color: #171771;
 line-height: 28px;
 margin: 0 0 50px;
 position: relative;
}

.sumi_life_txt .fukidashi::before {
 content: "";
 width: 50px;
 display: block;
 height: 2px;
 background-color: #171771;
 transform: rotate(70deg);
 position: absolute;
 left: -50px;
 bottom: 20px;
}

.sumi_life_txt .fukidashi::after {
 content: "";
 width: 50px;
 display: block;
 height: 2px;
 background-color: #171771;
 transform: rotate(-70deg);
 position: absolute;
 right: -50px;
 bottom: 20px;
}

.sumi_life_txt .big_txt {
 font-size: 30px;
 line-height: 40px;
}

.sumi_life_txt .big_txt span {
 color: #ff7815;
}

.sumi_life_txt .annotation {
 font-size: 10px;
 line-height: 15px;
}

.sumi_q {
 margin-bottom: 100px;
}

.sumi_q_block {
 width: 1100px;
 margin: 0 auto 50px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.sumi_q_txt {
 width: 680px;
}

.sumi_q_txt h3 {
 font-size: 30px;
 line-height: 1;
 font-weight: bold;
 margin: 0 0 40px;
}

.sumi_q_txt p {
 font-size: 18px;
 line-height: 1.8;
}

.sumi_q_block:nth-child(2) {
 flex-flow: row-reverse;
}

.sumi_q_img {
 width: 360px;
}

/* ---/ ライフスタイルに合わせた暮らしを --- */
/* --- 住み替えタイプから選ぶ --- */
.sumi_type_wrap {
 background-color: #eee;
 padding: 80px 0;
}

.sumi_type_wrap .sale_con_title h2 {
 color: #222;
}

.sumi_type_txt p {
 font-size: 18px;
 text-align: center;
 line-height: 30px;
 color: #222;
 margin: 50px 0 60px;
}

.sumi_tp_block_wrap {
 width: 1100px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
}

.sumi_tp_block {
 width: 540px;
 padding: 40px 30px;
 box-sizing: border-box;
 background-color: #fff;
}

.sumi_tp_ti {
 text-align: center;
}

.sumi_tp_ti h3 {
 font-size: 35px;
 color: #171771;
 background: linear-gradient(transparent 70%, #f4f4ff 0%);
 line-height: 1.3;
 display: inline-block;
 margin: 0px;
}

.sumi_tp_ti p {
 font-size: 18px;
 color: #222;
 margin: 20px 0 30px;
 font-weight: bold;
}

.sumi_tp_merit {
 border: 2px solid #b3111c;
 box-sizing: border-box;
 padding: 20px;
 height: 195px;
}

.sumi_tp_merit p {
 font-size: 18px;
 color: #b3111c;
 margin: 0 0 10px;
 line-height: 1;
 font-weight: bold;
}

.sumi_tp_merit ul {
 padding: 0 0 0 30px;
 margin: 0;
}

.sumi_tp_merit ul li {
 font-size: 18px;
 line-height: 1.4;
 margin-bottom: 20px;
 position: relative;
 list-style-type: none;
 font-weight: bold;
}

.sumi_tp_merit ul li::before {
 content: "";
 position: absolute;
 top: 8px;
 left: -25px;
 display: block;
 width: 10px;
 height: 10px;
 border-radius: 50px;
 background-color: #b3111c;
}

.demerit {
 border: 2px solid #171771;
 margin-top: 20px;
 height: 180px;
}

.demerit ul li::before {
 background-color: #171771;
}

.demerit p {
 color: #171771;
}

/* ---/ 住み替えタイプから選ぶ --- */
/* --- 住み替えの成功の秘訣とは？ --- */
.sumi_point_wrap {
 padding: 100px 0;
}

.sumi_pt_komoku {
 width: 1100px;
 margin: 0 auto;
 display: flex;
 justify-content: flex-end;
 font-weight: bold;
}

.sumi_pt_komoku p {
 line-height: 50px;
 font-size: 20px;
 width: 330px;
 text-align: center;
 border-radius: 50px;
 background-color: #ebebeb;
 margin: 20px 80px;
}

.sumi_pt_komoku p:nth-child(2) {
 background-color: #171771;
 color: #fff;
}

.sumi_pt_list {
 width: 1100px;
 margin: 0 auto;
}

.sumi_pt_list ul {
 margin: 0;
 padding: 0;
 display: flex;
 font-weight: bold;
}

.sumi_pt_list ul li:nth-child(1) {
 width: 95px;
 display: flex;
 align-items: center;
}

.sumi_pt_list ul li:nth-child(2) {
 width: 500px;
 margin: 0 5px 5px 0;
 background-color: #ebebeb;
 padding: 25px;
 box-sizing: border-box;
}

.sumi_pt_list ul li:nth-child(3) {
 width: 500px;
 margin: 0 0px 5px 0;
 background-color: #f4f4ff;
 color: #171771;
 padding: 25px;
 box-sizing: border-box;
}

.sumi_pt_list ul li {
 list-style-type: none;
}

.sumi_pt_list ul li p {
 margin: 0;
 line-height: 30px;
 font-size: 18px;
}

.sumi_pt_list ul li span {
 display: none;
}

.sumi_pt_img {
 text-align: center;
 margin: 40px 0 80px;
}

.sumi_pt_txt p {
 text-align: center;
 font-size: 40px;
 line-height: 60px;
 font-weight: bold;
}

.sumi_pt_txt span {
 background: linear-gradient(transparent 70%, #ffdbde 0%);
 line-height: 1.3;
 font-weight: bold;
}

/* ---/ 住み替えの成功の秘訣とは？ --- */
/* --- 相談事例 --- */
.sumi_result_wrap {
 padding: 100px 0 0;
}

.sumi_re_block {
 width: 1100px;
 margin: 0 auto;
}

.sumi_re_bl_ti {
 font-size: 30px;
 line-height: 1;
 font-weight: bold;
 margin: 0 0 50px;
 text-align: center;
 letter-spacing: 3px;
}

.sumi_re_bl_ti span {
 background: linear-gradient(transparent 70%, #ffdbde 0%);
 line-height: 1.3;
 font-size: 40px;
}

.sumi_re_bl_komoku {
 text-align: center;
}

.sumi_re_list_wrap {
 display: flex;
 justify-content: space-around;
 margin-bottom: 100px;
}

.sumi_re_list {
 width: 490px;
}

.sumi_re_list_img {
 text-align: center;
 height: 170px;
 position: relative;
 margin-top: 40px;
}

.sumi_re_list_img img {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 margin: 0 auto;
}

.sumi_re_list ul {
 margin: 0;
 padding: 0;
 border: 2px solid #171771;
 border-radius: 10px;
 box-sizing: border-box;
 padding: 40px;
}

.sumi_re_list ul li {
 list-style-type: none;
 font-size: 18px;
 color: #171771;
 margin-bottom: 25px;
 line-height: 1;
 position: relative;
 padding-left: 40px;
 font-weight: bold;
}

.sumi_re_list ul li:last-child {
 margin-bottom: 0px;
}

.sumi_re_list ul li::before {
 position: absolute;
 content: url(/sell/img/sumi_re_moya.png);
 top: -5px;
 left: 0;
}

.sumi_re_list:nth-child(2) ul {
 border: 2px solid #ff5050;
}

.sumi_re_list:nth-child(2) ul li {
 color: #ff5050;
}

.sumi_re_list:nth-child(2) ul li::before {
 content: url(/sell/img/sumi_re_check.png);
}


/* sumikae
---------------------------------------- */

/* ----------------------------------------
rikon
---------------------------------------- */

/* --- 悩み --- */
.nayami {
 width: 1100px;
 margin: 100px auto 120px;
}

.nayami h2 {
 text-align: center;
 display: block;
 font-size: 40px;
 line-height: 1;
 font-weight: bold;
 margin: 0 0 50px;
}

.nayami_group {
 position: relative;
 margin: 0px 0;
}

.nayami_icon {
 position: absolute;
 top: 38%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}

.nayami_group ul {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 padding: 0;
 margin: 0;
}

.nayami_group ul li {
 width: 350px;
 height: 110px;
 font-size: 17px;
 font-weight: bold;
 line-height: 30px;
 border: 1px solid #bfbfbf;
 padding: 25px 0;
 box-sizing: border-box;
 list-style: none;
 border-radius: 10px;
 margin: 10px 8px;
 text-align: center;
}

.nayami_group ul li span {
 background: linear-gradient(transparent 60%, #ffdbde 0%);
}

/* ---/ 悩み --- */
/* --- 当社なら --- */
.rik_strong {
 background-color: #eee;
 padding: 100px 0 80px;
}

.rik_str_fhkidashi {
 text-align: center;
 margin-bottom: 60px;
}

.rik_str_txt p {
 font-size: 30px;
 letter-spacing: 1.8px;
 line-height: 40px;
 font-weight: bold;
 text-align: center;
 margin: 0 0 80px;
}

.rik_str_list {}

.rik_str_list ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 width: 1100px;
 margin: 0 auto;
}

.rik_str_list ul li {
 width: 530px;
 background-color: #fff;
 border: 1px solid #ccc;
 border-radius: 5px;
 margin-bottom: 40px;
 box-sizing: border-box;
 display: flex;
 align-items: center;
 padding: 20px;
 justify-content: space-between;
}

.rik_str_list .img {
 width: 150px;
}

.rik_str_list .img img {
 width: 100%;
}

.rik_str_list .txt {
 width: 300px;
}

.rik_str_list .txt p {
 font-size: 18px;
 line-height: 30px;
 margin: 0;
 font-weight: bold;
}

/* ---/ 当社なら --- */
/* --- 財産分与する方法 --- */
.rik_property {
 padding: 130px 0 150px;
}

.rik_pro_about {
 position: relative;
 width: 1100px;
 margin: 0 auto 60px;
 background-color: #fff;
 border: 3px solid #171771;
 border-radius: 10px;
 padding: 60px 70px;
 box-sizing: border-box;
}

.rik_pro_about h3 {
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 font-size: 18px;
 text-align: center;
 line-height: 50px;
 display: inline-block;
 width: 170px;
 border-radius: 50px;
 background-color: #171771;
 color: #fff;
 top: -25px;
}

.rik_pro_about p {
 font-size: 18px;
 color: #222;
 line-height: 35px;
 margin: 0;
}

.rik_pro_about p span {
 color: #f00;
}

.rik_pro_list {}

.rik_pro_list ul {
 display: flex;
 justify-content: space-between;
 width: 1100px;
 margin: 0 auto;
 padding: 0;
}

.rik_pro_list ul li {
 width: 530px;
 background-color: #fff;
 border: 3px solid #171771;
 border-radius: 10px;
 list-style-type: none;
 padding: 30px;
 margin-bottom: 60px;
 box-sizing: border-box;
 text-align: center;
}

.rik_pro_list h3 {
 font-size: 24px;
 font-weight: bold;
 background: linear-gradient(transparent 70%, #ffdbde 0%);
 line-height: 1.3;
 color: #222;
 display: inline-block;
 position: relative;
}

.rik_pro_list ul li:first-child h3:after {
 position: absolute;
 content: "おすすめ";
 background-color: #b3111c;
 width: 95px;
 line-height: 28px;
 color: #fff;
 font-size: 20px;
 top: -35px;
 left: 0;
 right: 0;
 margin: 0 auto;
 border-radius: 5px;
}

.rik_pro_list img {
 display: block;
 margin: 50px auto;
}

.rik_pro_list p {
 color: #222;
 font-size: 18px;
 line-height: 30px;
 text-align: left;
}

.rik_pro_txt {
 text-align: center;
}

.rik_pro_txt p {
 font-size: 23px;
 font-weight: bold;
 line-height: 45px;
}

.rik_pro_txt p span {
 background: linear-gradient(transparent 70%, #ffdbde 0%);
 line-height: 1.3;
}

/* ---/ 財産分与する方法 --- */
/* --- 財産分与の流れ --- */
.rik_flow {
 background-color: #eee;
 padding: 110px 0 150px;
}

.sale_con_title {}

.pc_pff {}

.rik_flow_block {
 background-color: #fff;
 border-radius: 30px;
 padding: 60px 50px;
 width: 1100px;
 margin: 70px auto 0;
 box-sizing: border-box;
}

.rik_flow_block ul {
 padding: 0;
 margin: 0;
}

.rik_flow_block ul li {
 display: flex;
 justify-content: space-between;
 list-style-type: none;
 margin-bottom: 70px;
 position: relative;
}

.rik_flow_block ul li:last-child {
 margin-bottom: 0px;
}

.rik_flow_block ul li::after {
 position: absolute;
 content: "";
 bottom: -65px;
 left: 0px;
 right: 357px;
 margin: 0 auto;
 box-sizing: border-box;
 width: 4px;
 height: 4px;
 border: 20px solid transparent;
 border-left: 20px solid #171771;
 transform: rotate(90deg);
}

.rik_flow_block ul li:last-child:after {
 content: none;
}

.rik_flow_block .rik_fl_ti {
 width: 320px;
 border-right: 2px solid #171771;
}

.rik_flow_block .rik_fl_ti img {}

.rik_flow_block .rik_fl_ti h3 {
 font-size: 20px;
 font-weight: bold;
 color: #171771;
 margin: 20px 0 0;
}

.rik_flow_block .rik_fl_txt {
 width: 630px;
}

.rik_flow_block .rik_fl_txt p {
 font-size: 17px;
 line-height: 35px;
 margin: 10px 0;
}

/* ---/ 財産分与の流れ --- */
/* --- 相談事例 --- */
.salec_result_wrap {
 background-color: #eee;
 padding: 110px 0 90px;
}

.salec_result_wrap.rik_result {
 background-color: #fff;
}

.salec_res_list {}

.salec_res_list ul {
 width: 1100px;
 margin: 0 auto;
 padding: 0;
}

.salec_res_list ul li {
 list-style-type: none;
 background-color: #fff;
 border: 3px solid #171771;
 border-radius: 5px;
 box-sizing: border-box;
 padding: 40px;
 margin-bottom: 30px;
}

.res_list_top {}

.res_list_top p {
 font-size: 23px;
 color: #171771;
 font-weight: bold;
 margin: 20px 0;
}

.res_list_top p .res_list_number {
 display: inline-block;
 background-color: #b3111c;
 color: #fff;
 padding: 10px 20px;
 margin-right: 20px;
 font-size: 18px;
}

.res_list_top p .res_list_name {
 font-size: 18px;
}

.res_list_btm {
 display: flex;
}

.res_list_btm .img {
 width: 340px;
 text-align: center;
}

.res_list_btm .txt {
 width: 700px;
}

.res_list_btm .txt p {
 font-size: 16px;
 line-height: 1.5;
 margin: 20px 0;
}

/* ---/ 相談事例 --- */
/* --- よくある質問 --- */
.salec_qa_wrap {
 padding: 110px 0 80px;
}

.salec_qa_list {}

.salec_qa_list ul {
 padding: 0;
 margin: 0 auto;
 width: 1100px;
}

.salec_qa_list ul li {
 border: 1px solid #ccc;
 border-radius: 5px;
 padding: 5px 20px;
 box-sizing: border-box;
 list-style-type: none;
 margin-bottom: 20px;
}

.salec_list_q {
 border-bottom: 1px dashed #ccc;
 font-size: 20px;
 font-weight: bold;
 padding: 20px 0 20px 65px;
 background-image: url(/img/sell_qa_q.png);
 background-position: center left;
 background-repeat: no-repeat;
}

.salec_list_a {
 font-size: 18px;
 line-height: 30px;
 padding: 20px 0 20px 50px;
 background-image: url(/img/sell_qa_a.png);
 background-position: top 20px left;
 background-repeat: no-repeat;
}

/* ---/ よくある質問 --- */

/* rikon
---------------------------------------- */


/* ----------------------------------------
kaitori
---------------------------------------- */


.kaitori_con_wrap {
 overflow: hidden;
 color: #000;
}

.kaitori_con_wrap h2 {
 font-size: 40px;
 line-height: 40px;
 font-weight: bold;
 text-align: center;
 color: #000;
 margin: 0 0 40px;
}

.kaitori_ti {
 margin-bottom: 60px;
}

.kaitori_ti h2 {
 font-size: 48px;
 line-height: 48px;
 color: #171771;
 letter-spacing: 0.05em;
 margin: 0;
}

.kaitori_ti h2::after {
 content: "";
 display: block;
 width: 25px;
 height: 4px;
 background: #dadada;
 margin: 20px auto;
}

.kaitori_ti span {
 display: block;
 text-align: center;
 color: #333;
 font-size: 24px;
 line-height: 24px;
 font-weight: bold;
 letter-spacing: 0.05em;
}



/*--------------------nayami----------------------*/
.kaitori_nayami_wrap {
 width: 900px;
 margin: 80px auto;
}

.kaitori_nayami_wrap ul {
 position: relative;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

.kaitori_nayami_wrap ul::after {
 content: "";
 display: block;
 background: url(/sell/img/nayami_icon.png);
 background-size: contain;
 background-repeat: no-repeat;
 width: 213px;
 height: 224px;
 position: absolute;
 bottom: -80px;
 left: 340px;
 z-index: -1;
}

.kaitori_nayami_wrap ul li {
 border: 1px solid #ccc;
 border-radius: 10px;
 padding: 20px 30px;
 font-size: 20px;
 font-weight: bold;
 line-height: 30px;
 position: relative;
 text-align: center;
 margin-bottom: 30px;
 background: #fff;
}

.kaitori_nayami_wrap ul li:nth-child(1) {
 margin-left: 45px;
}

.kaitori_nayami_wrap ul li:nth-child(2) {
 margin: 0 35px 30px;
}

.kaitori_nayami_wrap ul li:nth-child(4) {
 margin: 0px 0 30px 355px;
}

.kaitori_nayami_wrap ul li span {
 font-weight: bold;
 background: linear-gradient(transparent 60%, #ffdbde 60%);
}

/*--------------------/nayami----------------------*/

/*--------------------feature----------------------*/
.kaitori_feature_wrap {
 background: #f6f6f6;
 padding: 80px 0;
}

.kaitori_feature_inner {
 width: 1100px;
 margin: 0 auto;
}

.kaitori_feature_inner ul li {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 margin-bottom: 40px;
}

.kaitori_feature_inner ul li:last-child {
 margin-bottom: 0;
}

.kaitori_feature_txt {
 margin-left: 30px;
}

.kaitori_feature_txt span {
 display: block;
 width: 100px;
 line-height: 35px;
 text-align: center;
 border-radius: 20px;
 background: #171771;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.1em;
}

.kaitori_feature_txt h3 {
 font-size: 40px;
 line-height: 46px;
 color: #000;
 letter-spacing: 0.05em;
 margin: 30px 0;
}

.kaitori_feature_inner ul li:nth-child(2) {
 align-items: flex-end;
}

.kaitori_feature_inner ul li:nth-child(2) img {
 margin-left: -5px;
 margin-bottom: -10px;
}

.kaitori_feature_inner ul li:nth-child(2) .kaitori_feature_txt h3 {
 margin: 15px 0;
}

.kaitori_feature_txt p {
 font-size: 18px;
 font-weight: 500;
 letter-spacing: 0.05em;
 line-height: 32px;
 margin: 0;
}

.kaitori_feature_point p {
 background: #fff;
 width: 500px;
 box-sizing: border-box;
 padding: 15px 20px;
 font-weight: bold;
 margin: 15px 0 10px;
 border-radius: 10px;
 line-height: 30px;
}

.kaitori_feature_point p b {
 background: linear-gradient(transparent 60%, #ffdbde 60%);
}

.kaitori_feature_point span {
 font-size: 12px;
 line-height: 12px !IMPORTANT;
 letter-spacing: 0.05em;
 color: #000;
 display: initial;
 background: none;
 font-weight: 500;
}

/*--------------------/feature----------------------*/

/*--------------------flow----------------------*/
.kaitori_flow_wrap {
 width: 1100px;
 margin: 80px auto;
}

.kaitori_flow_wrap .kaitori_ti {
 margin-bottom: 80px;
}

.kaitori_flow_wrap ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.kaitori_flow_wrap ul li {
 background: #f8f8f8;
 width: 260px;
 height: 430px;
 border-radius: 10px;
 box-sizing: border-box;
 margin-bottom: 70px;
 text-align: center;
}

.kaitori_flow_wrap ul li span {
 display: block;
 width: 100px;
 line-height: 35px;
 text-align: center;
 border-radius: 20px;
 background: #171771;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin: -17px auto 20px;
}

.kaitori_flow_wrap ul li h3 {
 color: #171771;
 font-size: 20px;
 font-weight: bold;
 line-height: 25px;
 letter-spacing: 0.05em;
 margin: 20px 0;
}

.kaitori_flow_wrap ul li p {
 color: #666;
 font-size: 15px;
 font-weight: 500;
 line-height: 25px;
 margin: 0;
 text-align: left;
 padding: 0 10px;
}

.kaitori_flow_wrap ul li:first-child p {
 line-height: 20px;
}

/*--------------------/flow----------------------*/


/*--------------------qa----------------------*/
.kaitori_qa_wrap {
 padding: 80px 0;
}

.kaitori_qa_inner {
 width: 1050px;
 margin: 0 auto;
}

.kaitori_qa_ti h2 {
 margin: 0;
}

.kaitori_qa_ti span {
 display: block;
 text-align: center;
 color: #171771;
 font-size: 24px;
 font-weight: bold;
 letter-spacing: 0.05em;
 margin-bottom: 50px;
}

.kaitori_qa_ti span::before {
 content: "";
 display: block;
 background: #dadada;
 width: 25px;
 height: 4px;
 margin: 15px auto;
}

.kaitori_qa_con {
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.kaitori_qa_con dt {
 background: #fff;
 padding: 0 20px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 align-items: center;
 font-size: 25px;
 line-height: 100px;
 font-weight: bold;
 color: #000;
}

.kaitori_qa_con dt::before {
 content: "";
 display: block;
 background: url(/sell/img/q_icon.png);
 width: 31px;
 height: 33px;
 margin-right: 20px;
}

.kaitori_qa_con dd {
 background: #eee;
 padding: 20px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 font-size: 22px;
 line-height: 40px;
 font-weight: bold;
 color: #000;
 min-height: 140px;
 box-sizing: border-box;
 margin: 0 0 40px;
}

.kaitori_qa_con dd::before {
 content: "";
 display: block;
 background: url(/sell/img/a_icon.png);
 width: 27px;
 height: 28px;
 margin-right: 20px;
}


/*--------------------/qa----------------------*/


/* kaitori
---------------------------------------- */



/* ----------------------------------------
akiya
---------------------------------------- */


/*--------------------nayami----------------------*/
.akiya_nayami_wrap {
 width: 1100px;
 margin: 80px auto;
}

.akiya_nayami_wrap ul {
 position: relative;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

.akiya_nayami_wrap ul::after {
 content: "";
 display: block;
 background: url(/sell/img/nayami_icon.png);
 width: 290px;
 height: 214px;
 position: absolute;
 bottom: 160px;
 left: 390px;
 z-index: 10;
}

.akiya_nayami_wrap ul li {
 border: 1px solid #ccc;
 border-radius: 10px;
 padding: 20px 30px;
 font-size: 20px;
 font-weight: bold;
 line-height: 30px;
 position: relative;
 text-align: center;
 margin-bottom: 30px;
}

.akiya_nayami_wrap ul li:nth-child(2) {
 margin: 0 30px 30px;
}

.akiya_nayami_wrap ul li:nth-child(4) {
 margin: 0 415px 30px 0;
 width: 340px;
 box-sizing: border-box;
}

.akiya_nayami_wrap ul li:nth-child(6) {
 margin: 0 360px 30px 0;
 width: 340px;
 box-sizing: border-box;
}

.akiya_nayami_wrap ul li:nth-child(9) {
 margin: 0 30px 30px;
}

.akiya_nayami_wrap ul li span {
 font-weight: bold;
 background: linear-gradient(transparent 60%, #ffdbde 60%);
}

.akiya_nayami_wrap ul li::before {
 content: "";
 border-left: 16px solid transparent;
 border-top: 16px solid #ccc;
 position: absolute;
 right: 35px;
 bottom: -16px;
 transform: rotate(-90deg);
}

.akiya_nayami_wrap ul li::after {
 content: "";
 border-left: 15px solid transparent;
 border-top: 15px solid white;
 position: absolute;
 right: 35px;
 bottom: -14px;
 transform: rotate(-90deg);
}

.akiya_nayami_wrap ul li:nth-child(5)::before,
.akiya_nayami_wrap ul li:nth-child(7)::before {
 top: 36px;
 left: -16px;
 right: auto;
 bottom: auto;
 transform: none;
}

.akiya_nayami_wrap ul li:nth-child(5)::after,
.akiya_nayami_wrap ul li:nth-child(7)::after {
 top: 37px;
 left: -14px;
 right: auto;
 bottom: auto;
 transform: none;
}

.akiya_nayami_wrap ul li:nth-child(4)::before,
.akiya_nayami_wrap ul li:nth-child(6)::before {
 top: 56px;
 right: -16px;
 bottom: auto;
}

.akiya_nayami_wrap ul li:nth-child(4)::after,
.akiya_nayami_wrap ul li:nth-child(6)::after {
 top: 57px;
 right: -14px;
 bottom: auto;
}

.akiya_nayami_wrap ul li:nth-child(8)::before,
.akiya_nayami_wrap ul li:nth-child(9)::before,
.akiya_nayami_wrap ul li:nth-child(10)::before {
 top: -16px;
 right: 35px;
 bottom: auto;
 transform: rotate(-180deg);
}

.akiya_nayami_wrap ul li:nth-child(8)::after,
.akiya_nayami_wrap ul li:nth-child(9)::after,
.akiya_nayami_wrap ul li:nth-child(10)::after {
 top: -14px;
 right: 35px;
 bottom: auto;
 transform: rotate(-180deg);
}


/*--------------------/nayami----------------------*/

/*--------------------risk----------------------*/
.akiya_risk_wrap {
 background: #eee;
 padding: 80px 0;
}

.akiya_risk_inner {
 width: 1100px;
 margin: 0 auto;
}

.akiya_risk_txt {}

.akiya_risk_txt p {
 text-align: center;
 font-size: 20px;
 line-height: 35px;
 letter-spacing: 0.1em;
 color: #222;
 font-weight: bold;
 margin: 0 0 50px;
}

.akiya_risk_txt p span {
 background: linear-gradient(transparent 60%, #ffdbde 60%);
}

.akiya_risk_inner ul li {
 width: 1100px;
 box-sizing: border-box;
 background: #fff;
 padding: 30px;
 margin-bottom: 30px;
 border: 3px solid #171771;
 border-radius: 5px;
}

.akiya_risk_inner ul li:last-child {
 margin-bottom: 0;
}

.akiya_risk_inner ul li h3 {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 align-items: center;
 margin: 0 0 20px;
 color: #171771;
 font-size: 27px;
 line-height: 27px;
 letter-spacing: 0.1em;
}

.akiya_risk_inner ul li h3 span {
 display: block;
 background: #171771;
 width: 90px;
 line-height: 40px;
 text-align: center;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-right: 20px;

}

.akiya_risk_con {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
}

.akiya_risk_con p {
 margin: 0 0 0 30px;
 font-size: 16px;
 font-weight: 500;
 line-height: 28px;
 letter-spacing: 0.1em;
}

/*--------------------/risk----------------------*/

/*--------------------point----------------------*/
.akiya_point_wrap {
 width: 1100px;
 margin: 80px auto;
}

.akiya_point_txt {
 text-align: center;
}

.akiya_point_txt h2 {
 display: inline-block;
 position: relative;
 background: linear-gradient(transparent 60%, #ffdbde 60%);
}

.akiya_point_txt h2::before {
 content: "";
 display: block;
 width: 2px;
 height: 50px;
 background: #000;
 transform: rotate(-25deg);
 position: absolute;
 bottom: -5px;
 left: -30px;
}

.akiya_point_txt h2::after {
 content: "";
 display: block;
 width: 2px;
 height: 50px;
 background: #000;
 transform: rotate(25deg);
 position: absolute;
 bottom: -5px;
 right: -30px;
}

.akiya_point_txt p {
 text-align: center;
 font-size: 20px;
 line-height: 35px;
 letter-spacing: 0.05em;
 color: #222;
 font-weight: 500;
 margin: 0 0 60px;
}

.akiya_point_wrap ul li:first-child {
 margin-bottom: 50px;
}

.akiya_point_wrap ul li h3 {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 align-items: center;
 font-size: 30px;
 font-weight: bold;
 line-height: 30px;
 letter-spacing: 0.1em;
 margin: 0 0 15px;
}

.akiya_point_wrap ul li h3 span {
 display: block;
 width: 160px;
 font-size: 25px;
 line-height: 52px;
 background: #171771;
 color: #fff;
 text-align: center;
 border-radius: 5px;
 margin: 0 20px 0 20px;
}

.akiya_point_con {
 background: #f8f8f8;
 border-radius: 10px;
 padding: 30px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 align-items: center;
}

.akiya_point_con p {
 margin: 0 0 0 30px;
 font-size: 18px;
 line-height: 36px;
 font-weight: 500;
}

/*--------------------/point----------------------*/

/*--------------------qa----------------------*/
.akiya_qa_wrap {
 padding: 80px 0;
}

.akiya_qa_inner {
 width: 1050px;
 margin: 0 auto;
}

.akiya_qa_ti h2 {
 margin: 0;
}

.akiya_qa_ti span {
 display: block;
 text-align: center;
 color: #171771;
 font-size: 24px;
 font-weight: bold;
 letter-spacing: 0.05em;
 margin-bottom: 50px;
}

.akiya_qa_ti span::before {
 content: "";
 display: block;
 background: #dadada;
 width: 25px;
 height: 4px;
 margin: 15px auto;
}

.akiya_qa_con {
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.akiya_qa_con dt {
 background: #fff;
 padding: 0 20px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 align-items: center;
 font-size: 25px;
 line-height: 100px;
 font-weight: bold;
 color: #000;
}

.akiya_qa_con dt::before {
 content: "";
 display: block;
 background: url(/sell/img/q_icon.png);
 width: 31px;
 height: 33px;
 margin-right: 20px;
}

.akiya_qa_con dd {
 background: #eee;
 padding: 20px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 font-size: 22px;
 line-height: 40px;
 font-weight: bold;
 color: #000;
 min-height: 140px;
 box-sizing: border-box;
 margin: 0 0 40px;
}

.akiya_qa_con dd::before {
 content: "";
 display: block;
 background: url(/sell/img/a_icon.png);
 width: 27px;
 height: 28px;
 margin-right: 20px;
}


/*--------------------/qa----------------------*/

/* akiya
---------------------------------------- */


/* ----------------------------------------
loan
---------------------------------------- */

/* --- 悩み --- */
.nayami {
 width: 1100px;
 margin: 100px auto 120px;
}

.nayami h2 {
 text-align: center;
 display: block;
 font-size: 40px;
 line-height: 1;
 font-weight: bold;
 margin: 0 0 50px;
}

.nayami_group {
 position: relative;
 margin: 0px 0;
}

.nayami_icon {
 position: absolute;
 top: 38%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}

.nayami_group ul {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 padding: 0;
 margin: 0;
}

.nayami_group ul li {
 width: 350px;
 height: 110px;
 font-size: 17px;
 font-weight: bold;
 line-height: 30px;
 border: 1px solid #bfbfbf;
 padding: 25px 0;
 box-sizing: border-box;
 list-style: none;
 border-radius: 10px;
 margin: 10px 8px;
 text-align: center;
}

.nayami_group ul li span {
 background: linear-gradient(transparent 60%, #ffdbde 0%);
}

/* ---/ 悩み --- */
/* --- 滞納したままにすると・・ --- */
.nb_arrearage_wrap {
 background-color: #eee;
 position: relative;
 padding: 120px 0 100px;
 box-sizing: border-box;
}

.nb_arrearage_wrap:after {
 position: absolute;
 content: "";
 top: -15px;
 left: 0px;
 right: 0;
 margin: 0 auto;
 box-sizing: border-box;
 width: 4px;
 height: 4px;
 border: 84px solid transparent;
 border-left: 54px solid rgb(255, 255, 255);
 transform: rotate(90deg);
}

.nb_arr_inner {}

.nb_arr_txt {
 text-align: center;
}

.nb_arr_txt h3 {
 font-size: 35px;
 line-height: 1;
}

.nb_arr_txt p {
 font-size: 18px;
 line-height: 30px;
 margin: 50px 0;
}

.nb_arr_img {
 text-align: center;
}

.nb_arr_img img {}

/* ---/ 滞納したままにすると・・ --- */
/* --- 任意売却で解決 --- */
.nb_solution_wrap {
 text-align: center;
 margin: 90px 0 110px;
}

.nb_sol_title h3 {
 font-size: 35px;
 background: linear-gradient(transparent 70%, #ffdbde 0%);
 line-height: 1.3;
 display: inline-block;
 margin: 0 0 10px;
}

.nb_solution_wrap p {
 font-size: 18px;
 line-height: 35px;
 margin: 40px 0;
}

.nb_sol_img {}

/* ---/ 任意売却で解決 --- */
/* --- 競売と任意売却の違い --- */
.nb_difference_wrap {
 padding: 120px 0 0;
}

.nb_dif_table {
 width: 1100px;
 margin: 0 auto;
 border: 1px solid #ccc;
 box-sizing: border-box;
 padding: 40px 50px;
 display: flex;
 justify-content: space-between;
}

.nb_dif_table ul {
 padding: 0;
 margin: 0;
}

.nb_dif_table ul li {
 list-style-type: none;
}

.nb_dif_block {
 width: 400px;
}

.keibai_block {}

.nb_dif_block .komoku p {
 width: 400px;
 line-height: 50px;
 text-align: center;
 color: #fff;
 font-size: 20px;
 background-color: #aaaaaa;
 margin: 0;
 font-weight: bold;
}

.nb_dif_block.nini_block .komoku p {
 background-color: #171771;
}

.nb_dif_list {}

.nb_dif_list ul {}

.nb_dif_list ul li {
 padding: 40px 0;
 text-align: center;
 border-bottom: 1px dashed #ccc;
}

.nb_dif_list ul li p {
 font-size: 20px;
 line-height: 1;
 margin: 20px 0 10px;
 font-weight: bold;
}

.nb_dif_list ul li span {
 font-size: 14px;
 color: #565656;
}

.pc_off {}

.nb_dif_btm {
 text-align: center;
 margin-top: 30px;
}

.nb_dif_btm p {
 font-size: 20px;
 font-weight: bold;
 margin: 20px 0;
}

.nb_dif_btm .arrow {}

.nb_dif_btm .illust {}

.nb_dif_komoku {
 width: 80px;
 margin-top: 70px;
}

.nb_dif_komoku li {
 text-align: center;
 margin-bottom: 70px;
}

.nb_dif_komoku li p {
 font-size: 15px;
 font-weight: bold;
 line-height: 1;
 margin-bottom: 20px;
}

.nb_dif_komoku li img {}

.sp_off {}

/* ---/ 競売と任意売却の違い --- */
/* --- タイムリミット --- */
.nb_limit_wrap {
 text-align: center;
 margin-bottom: 110px;
}

.nb_lim_title {
 margin: 90px 0 70px;
}

.nb_lim_title h3 {
 font-size: 35px;
 line-height: 1;
 margin-bottom: 30px;
}

.nb_lim_title h3 span {
 color: #b3111c;
 font-weight: bold;
}

.nb_lim_title p {
 margin: 0;
 font-size: 20px;
}

.nb_lim_img {
 margin-bottom: 60px;
}

.nb_lim_btm {}

.nb_lim_btm .fz30 {
 font-size: 30px;
 line-height: 1;
 font-weight: bold;
 margin: 20px 0;
}

.nb_lim_btm .fz30 span {
 background: linear-gradient(transparent 70%, #ffdbde 0%);
 line-height: 1.3;
}

.nb_lim_btm .fz35 {
 font-size: 35px;
 line-height: 1;
 font-weight: bold;
}

/* ---/ タイムリミット --- */
/* --- 任意売却の相談事例 --- */
.salec_result_wrap {
 background-color: #eee;
 padding: 110px 0 90px;
}

.salec_res_list {}

.salec_res_list ul {
 width: 1100px;
 margin: 0 auto;
 padding: 0;
}



.res_list_top p .res_list_name {
 font-size: 18px;
}

.res_list_btm {
 display: flex;
}

.res_list_btm .img {
 width: 340px;
 text-align: center;
}

.res_list_btm .txt {
 width: 700px;
}

.res_list_btm .txt p {
 font-size: 16px;
 line-height: 1.5;
 margin: 20px 0;
}

/* ---/ 任意売却の相談事例 --- */
/* --- 任意売却に関するよくある質問 --- */
.salec_qa_wrap {
 padding: 110px 0 80px;
}

.salec_qa_list {}

.salec_qa_list ul {
 padding: 0;
 margin: 0 auto;
 width: 1100px;
}

.salec_qa_list ul li {
 border: 1px solid #ccc;
 border-radius: 5px;
 padding: 5px 20px;
 box-sizing: border-box;
 list-style-type: none;
 margin-bottom: 20px;
}

.salec_list_q {
 border-bottom: 1px dashed #ccc;
 font-size: 20px;
 font-weight: bold;
 padding: 20px 0 20px 65px;
 background-image: url(/img/sell_qa_q.png);
 background-position: center left;
 background-repeat: no-repeat;
}

.salec_list_a {
 font-size: 18px;
 padding: 20px 0 20px 50px;
 background-image: url(/img/sell_qa_a.png);
 background-position: top 20px left;
 background-repeat: no-repeat;
}

/* ---/ 任意売却に関するよくある質問 --- */

/* loan
---------------------------------------- */

/* ----------------------------------------
leaseback
---------------------------------------- */
.lb_nayami_wrap {
 width: 1100px;
 margin: 80px auto 120px;
}

.lb_nayami_wrap h2::before {
 content: "";
 display: block;
 background: url(/leaseback/img/n_ti_be.png);
 width: 514px;
 height: 36px;
 margin: 0 auto 15px;
}

.lb_nayami_wrap h2::after {
 content: "";
 display: block;
 width: 70px;
 height: 5px;
 background-color: #171771;
 margin: 40px auto 0;
}

.lb_nayami_txt {
 background: #f8f8f8;
 padding: 40px 40px 0;
 margin-bottom: 20px;
}

.lb_nayami_txt h3 {
 font-size: 25px;
 line-height: 30px;
 font-weight: bold;
 color: #171771;
 letter-spacing: 0.1em;
 padding-left: 50px;
 position: relative;
 margin: 0;
 border-bottom: 1px solid #eee;
 padding-bottom: 20px;
}

.lb_nayami_txt h3::before {
 content: "";
 display: block;
 background: url(/leaseback/img/ti_icon.png);
 width: 38px;
 height: 57px;
 position: absolute;
 left: -4px;
 top: -18px;
}

.lb_nayami_txt ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 flex-direction: column;
 padding: 20px 10px 25px;
}

.lb_nayami_top {
 height: 110px;
 box-sizing: border-box;
}

.lb_nayami_bottom {
 height: 255px;
 box-sizing: border-box;
}


.lb_nayami_txt ul li {
 width: 50%;
 font-size: 16px;
 font-weight: bold;
 line-height: 30px;
 letter-spacing: 0.1em;
 color: #222;
 list-style: disc;
}

.lb_nayami_txt ul li b {
 color: #df0707;
}

.lb_nayami_flex {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}

.lb_nayami_flex .lb_nayami_txt {
 width: 540px;
 box-sizing: border-box;
}

.lb_nayami_flex .lb_nayami_txt ul {
 display: block;
}

.lb_nayami_flex .lb_nayami_txt ul li {
 width: auto;
}

.lb_nayami_about {
 width: 1100px;
 margin: 80px auto;
}

.lb_nayami_about h2::after {
 content: "";
 display: block;
 width: 70px;
 height: 5px;
 background-color: #171771;
 margin: 40px auto 0;
}

.lb_nayami_about ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.lb_nayami_about ul li {
 width: 340px;
 margin-bottom: 40px;
}

.lb_nayami_about ul li h3 {
 font-size: 20px;
 font-weight: bold;
 color: #171771;
 letter-spacing: 0.05em;
 line-height: 30px;
 margin: 20px 0 10px;
}

.lb_nayami_about ul li p {
 font-size: 16px;
 font-weight: 500;
 line-height: 28px;
 color: #222;
 margin: 0;
}

/* leaseback
---------------------------------------- */

/* ----------------------------------------
reform
---------------------------------------- */

.reform_nayami_wrap h2::after {
 content: "";
 display: block;
 width: 70px;
 height: 5px;
 background-color: #171771;
 margin: 40px auto 0;
}

.reform_nayami_wrap ul li {
 min-width: 280px;
 background: #fff;
}

.reform_nayami_wrap ul li:nth-child(2) {
 margin: 0 0 30px 60px;
}

.reform_nayami_wrap ul li:nth-child(4) {
 margin: 0 0 30px 395px;
}

.reform_nayami_wrap ul::after {
 width: 329px;
 bottom: 54px;
 left: 390px;
 z-index: -1;
}

.reform_nayami_wrap ul li:nth-child(3)::before {
 top: 56px;
 right: -16px;
 bottom: auto;
}

.reform_nayami_wrap ul li:nth-child(3)::after {
 top: 57px;
 right: -14px;
 bottom: auto;
}

.reform_nayami_wrap ul li:nth-child(4)::before {
 top: 36px;
 left: -16px;
 right: auto;
 bottom: auto;
 transform: none;
}

.reform_nayami_wrap ul li:nth-child(4)::after {
 top: 37px;
 left: -14px;
 right: auto;
 bottom: auto;
 transform: none;
}

.reform_nayami_wrap ul li:nth-child(5)::before {
 content: none;

}

.reform_nayami_wrap ul li:nth-child(5)::after {
 content: none;
}


.reform_point_wrap {
 background: #eee;
 padding: 60px 0;
 margin-top: 80px;
}

.reform_point_inner {
 width: 1100px;
 margin: 0 auto;
}

.reform_point_inner h2::before {
 content: "";
 display: block;
 background: url(/reform/img/ti_icon.png);
 width: 514px;
 height: 35px;
 margin: 0 auto 15px;
}

.reform_point_inner h2::after {
 content: "";
 display: block;
 width: 70px;
 height: 5px;
 background-color: #171771;
 margin: 40px auto 0;
}

.reform_point_inner ul li {
 background: #fff;
 padding: 70px 50px 50px;
 border-radius: 10px;
 position: relative;
 margin-bottom: 30px;
}

.reform_point {
 width: 78px;
 background: #b3111c;
 color: #fff;
 border-radius: 2px;
 text-align: center;
 line-height: 28px;
 font-size: 13px;
 font-weight: bold;
 position: absolute;
 left: 0;
 top: 20px;
}

.reform_point_inner ul li h3 {
 color: #171771;
 font-size: 30px;
 line-height: 40px;
 letter-spacing: 0.05em;
 margin: 0 0 30px;
}

.reform_point_txt {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
}

.reform_point_txt p {
 font-size: 15px;
 line-height: 25px;
 font-weight: bold;
 color: #222;
 margin: 0;
}

.reform_point_txt p span {
 font-weight: bold;
 background: linear-gradient(transparent 60%, #fafce0 60%);
}

.reform_point_con {
 width: 320px;
 height: 350px;
 box-sizing: border-box;
 border: 1px solid #171771;
 border-radius: 5px;
 text-align: center;
 padding: 20px;
}

.reform_point_con h4 {
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.1em;
 line-height: 25px;
 color: #171771;
 height: 50px;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 margin: 0 0 20px;
}

.reform_point_con p {
 text-align: left;
 font-size: 13px;
 line-height: 20px;
 letter-spacing: 0.05em;
 margin: 20px 0 0;
}

.reform_md_wrap {
 padding: 120px 0 100px;
}

.reform_md_wrap h2::after {
 content: "";
 display: block;
 width: 70px;
 height: 5px;
 background-color: #171771;
 margin: 40px auto 0;
}

.reform_md_wrap .nb_dif_block .komoku p {
 background: #b3111c;
}

.reform_md_wrap .nini_block .komoku p {
 background: #171771;
}

.reform_md_wrap .nb_dif_list ul li {
 padding: 10px 0 30px;
}

.reform_md_wrap .nb_dif_list ul li span {
 font-size: 14px;
 line-height: 26px;
 color: #565656;
 margin-top: 15px;
 font-weight: bold;
 display: block;
}

.reform_qa_wrap h2::after {
 content: "";
 display: block;
 width: 70px;
 height: 5px;
 background-color: #171771;
 margin: 40px auto 0;
}

/* reform
---------------------------------------- */

.catalog_bnr {
 width: 1100px;
 margin: 0 auto 80px;
}

.ct_lp_cms h2 {
 font-size: 40px;
 line-height: 40px;
 font-weight: bold;
 text-align: center;
 color: #000;
 margin: 0;
}

.ct_lp_cms h2::after {
 content: "";
 display: block;
 width: 70px;
 height: 5px;
 background-color: #171771;
 margin: 40px auto 0;
}

.ct_lp_cms iframe {
 display: block;
 width: 1100px;
 height: 380px;
 margin: 0 auto;
}

.ct_lp_cms_more a {
 display: block;
 width: 380px;
 line-height: 66px;
 background: #fff;
 border: 2px solid #171771;
 box-sizing: border-box;
 border-radius: 5px;
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.05em;
 color: #171771;
 position: relative;
 margin: 30px auto 100px;
 transition: .3s;
}

.ct_lp_cms_more a::before {
 content: "";
 width: 6px;
 height: 6px;
 border-top: 2px solid #171771;
 border-right: 2px solid #171771;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 right: 30px;
 top: 29px;
 transition: .3s;
}

.ct_lp_cms_more a:hover {
 background: #171771;
 color: #fff;
 transition: .3s;
}

.ct_lp_cms_more a:hover::before {
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 transition: .3s;
}

/* ----------------------------------------
sitemap
---------------------------------------- */

.sitemap_ti h2 {
 font-size: 30px;
 margin: 60px auto 30px;
 font-weight: 500;
 line-height: 1;
 font-weight: bold;
 width: 1100px;
}

.sitemap_wrap {
 width: 1000px;
 margin: 0 auto 60px;
 background: #f8f8f8;
 padding: 50px 50px 10px;
 box-sizing: border-box;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
}

.sitemap_inner {
 width: 430px;
 margin-bottom: 50px;
}

.sitemap_inner:nth-child(odd) {
 margin-right: 40px;
}

.sitemap_inner h3 {
 font-size: 25px;
 margin: 0 0 30px;
 font-weight: 500;
 line-height: 1;
}

.sitemap_inner ul {
 background: #fff;
 padding: 30px;
 height: calc(100% - 60px);
 box-sizing: border-box;
}

.sitemap_inner ul li {}

.sitemap_inner ul li a {
 font-size: 14px;
 color: #333;
 line-height: 1.7;
 position: relative;
 padding-left: 20px;
 margin-bottom: 5px;
 display: block;
}

.sitemap_inner ul li a:hover {
 text-decoration: underline;
}

.sitemap_inner ul li a::before {
 content: "";
 width: 6px;
 height: 6px;
 border-top: 1px solid #171771;
 border-right: 1px solid #171771;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 left: 0;
 top: 8px;
}

.sitemap_group {
 padding-left: 50px !important;
}

.sitemap_group_ti {
 margin-left: -20px;
}

.sitemap_flex ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
}

.sitemap_flex ul li {
 width: 50%;
}

.sitemap_flex ul li:first-child {
 width: 100%;
}


/* sitemap
---------------------------------------- */


/* ----------------------------------------
lp_result
---------------------------------------- */

.sl_tag_wrap {
 width: 1100px;
 margin: 80px auto;
}

.sl_tag_wrap iframe {
 display: block;
 width: 1150px;
 height: 465px;
}

.sl_tag_wrap h2::before {
 content: "";
 display: block;
 background: url(../../sell/img/result_ti_icon.png);
 background-size: contain;
 background-position: center;
 background-repeat: no-repeat;
 width: 72px;
 height: 69px;
 margin: 0 auto 30px;
}

/* lp_result
---------------------------------------- */

/* ----------------------------------------
sdgs
---------------------------------------- */
.sdgs_content_wrap {
 overflow: hidden;
}

.sdgs_content_wrap h2 {
 color: #111;
 font-size: 32px;
 font-weight: bold;
 text-align: center;
 line-height: 1.5;
 margin: 0;
}

.sdgs_content_wrap h2::after {
 content: "";
 display: block;
 background: url(../sdgs/img/ti_line.png);
 width: 142px;
 height: 5px;
 margin: 20px auto 40px;
}

.sdgs_content_wrap p {
 color: #111;
 font-size: 15px;
 line-height: 30px;
 font-weight: 500;
 letter-spacing: 0.05em;
 margin: 0;
}

.sdgs_main_wrap {
 background: url(/sdgs/img/main_bg.png);
 background-size: cover;
 background-position: center;
 margin-top: 140px;
}

.sdgs_main_inner {
 width: 1100px;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 240px;
 margin: 0 auto;
}

.sdgs_main_inner p {
 color: #fff;
 text-align: center;
 font-weight: bold;
 line-height: 1.3;
}

.sdgs_main_inner p b {
 display: block;
 font-size: 38px;
}

.sdgs_about {
 width: 1210px;
 margin: 80px auto;
 text-align: center;
 position: relative;
}

.sdgs_about::before {
 content: "";
 display: block;
 background: url(../sdgs/img/about_icon01.png);
 width: 179px;
 height: 177px;
 position: absolute;
 left: 60px;
 top: -30px;
}

.sdgs_about::after {
 content: "";
 display: block;
 background: url(../sdgs/img/about_icon02.png);
 width: 95px;
 height: 78px;
 position: absolute;
 right: 120px;
 top: 30px;
}

.sdgs_con_wrap ul li {
 padding: 60px 0;
}

.sdgs_con_wrap ul li:nth-child(odd) {
 background: #f5f5f5;
}

.sdgs_con_inner {
 width: 1100px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.sdgs_con_wrap ul li:nth-child(odd) .sdgs_con_inner {
 flex-direction: row-reverse;
}

.sdgs_con_inner h3 {
 color: #111;
 font-size: 24px;
 line-height: 34px;
 font-weight: bold;
 text-align: left;
 margin: 0;
}

.sdgs_con_inner h3::after {
 content: "";
 display: block;
 background: url(../sdgs/img/ti_line.png);
 width: 142px;
 height: 5px;
 margin: 10px 0 0;
}

.sdgs_con_inner p {
 margin: 20px 0;
 line-height: 1.8;
 max-width: 650px;
}

.sdgs_con_icon {
 display: flex;
}

.sdgs_con_icon img {
 display: block;
 margin-right: 10px;
}

.csr_con_wrap {
 width: 1100px;
 margin: 0 auto;
 position: relative;
 padding-top: 340px;
}

.csr_con_wrap::before {
 content: "";
 display: block;
 background: url(/sdgs/img/csr_main.png);
 width: 1500px;
 height: 260px;
 position: absolute;
 left: -200px;
 top: 0;
}

.csr_con_inner {
 width: 1000px;
 margin: 0 auto;
 position: relative;
 text-align: center;
}

.csr_con_inner::before {
 content: "";
 display: block;
 background: url(../sdgs/img/csr_icon.png);
 width: 220px;
 height: 210px;
 position: absolute;
 left: -120px;
 top: -40px;
}

.csr_con_inner ul {
 width: 920px;
 margin: 60px auto;
 display: flex;
 justify-content: space-between;
}

.csr_con_inner ul li {
 width: 440px;
}

.csr_con_inner ul li h3 {
 font-size: 22px;
 line-height: 1;
 margin: 30px 0;
}

.csr_con_inner ul li p {
 font-size: 14px;
 line-height: 26px;
 text-align: left;
 margin-top: 30px;
}


.csr_info_con {
 width: 1000px;
 margin: 0 auto;
}

.csr_info_con ul li a {
 background: #fff;
 border-bottom: 1px solid #ccc;
 padding: 15px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 align-items: center;
 color: #222;
 position: relative;
}

.csr_info_con ul li a:hover {
 background: #f5f5f5;
}

.csr_info_con ul li:first-child a {
 border-top: 1px solid #ccc;
}

.csr_info_con ul li a span p {
 height: auto;
 display: flex;
}

.csr_info_con ul li a span label {
 display: inline-block;
 padding: 0 15px;
 line-height: 40px;
 text-align: center;
 background: #171771;
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 0.05em;
 border-radius: 20px;
 margin-right: 15px;
}

.csr_info_con ul li a span label:not(:first-child) {
 display: none;
}

.csr_info_con ul li a p {
 color: #111;
 font-size: 15px;
 height: 18px;
 line-height: 18px;
 font-weight: 500;
 letter-spacing: 0.05em;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 -webkit-line-clamp: 1;
 overflow: hidden;
}

.csr_info_btn a {
 display: block;
 width: 380px;
 line-height: 66px;
 background: #fff;
 border: 2px solid #171771;
 box-sizing: border-box;
 border-radius: 5px;
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.05em;
 color: #171771;
 position: relative;
 margin: 40px auto 40px auto;
 transition: .3s;
}



.csr_info_btn a::before {
 content: "";
 width: 6px;
 height: 6px;
 border-top: 2px solid #171771;
 border-right: 2px solid #171771;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 right: 30px;
 top: 29px;
 transition: .3s;
}

.csr_info_btn a:hover {
 background: #171771;
 color: #fff;
 transition: .3s;
}

.csr_info_btn a:hover::before {
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 transition: .3s;
}

.csr_info_wrap iframe {
 display: block;
 width: 1000px;
 height: 220px;
 margin: 0 auto;
}

/* sdgs
---------------------------------------- */