@charset "UTF-8";
/* CSS Document */

/* ************************************************************
レスポンシブ画像切り替え（基本的なブレイクポイントではpc,mb、イレギュラーな部分だけ02,03等つけていく）
************************************************************ */

.pc768{display:block;}
.mb768{display: none;} 
.pc02{display:block;}
.mb02{display: none;} 
.pc03{display:block;}
.mb03{display: none;} 
.pc04{display:block;}
.mb04{display: none;} 
.mb1024{display:none;}

/* ▼▼▼▼▼▼▼▼MaxWidth1024▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
 
.pc1024{display:none;}
.mb1024{display: block;} 

 /* *************** */
	}

/* ▼▼▼▼▼▼▼▼MaxWidth768▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

.pc768{display:none;}
.mb768{display: block;} 

 /* *************** */
	}


/* ▼▼▼▼▼▼▼▼MaxWidth768▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */

.pc02{display:none;}
.mb02{display: block;} 

 /* *************** */
	}


/* ▼▼▼▼▼▼▼▼MaxWidth768▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

.pc03{display:none;}
.mb03{display: block;} 

 /* *************** */
	}


/* ▼▼▼▼▼▼▼▼MaxWidth768▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */

.pc04{display:none;}
.mb04{display: block;} 

 /* *************** */
	}



/** --------------------------------------------------
h1共通
-------------------------------------------------- **/


#loan-renewal2022 .h1-title{
text-align: center!important;

margin: 0 auto;
width: 100%;
padding-top: 10%;
}

#loan-renewal2022 .h1-title h1{

text-align: center!important;

margin: 0 auto 2%;
font-family: 'Bebas Neue', cursive;
font-size: 60px;
letter-spacing: 0.05em;
}

#loan-renewal2022 .h1-title p{
text-align: center!important;

position: relative;
margin: 0 auto;
width: 100%;
font-size: 20px;
}

#loan-renewal2022 .h1-title p::after {
position: absolute;
content: '';
width: 55px;
height: 2px;
display: inline-block;
background-color: #000;
bottom: -17px;
left:50%;
transform: translateX(-50%);
}


/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#loan-renewal2022 .h1-title{padding-top: 15%;}

#loan-renewal2022 .h1-title h1{
margin: 0 auto 3%;
font-size: 55px;
}

#loan-renewal2022 .h1-title p{font-size: 18px;}


 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#loan-renewal2022 .h1-title{padding-top: 20%;}
#loan-renewal2022 .h1-title h1{
margin: 0 auto 4%;
font-size: 50px;
}
#loan-renewal2022 .h1-title p::after {width: 40px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#loan-renewal2022 .h1-title{padding-top: 25%;}
#loan-renewal2022 .h1-title h1{
margin: 0 auto 5%;
font-size: 45px;
}
#loan-renewal2022 .h1-title p{font-size: 16px;}

#loan-renewal2022 .h1-title p::after {width: 40px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#loan-renewal2022 .h1-title{padding-top: 30%;}
 /* ---------------------------------- */
}



/** --------------------------------------------------
mv
-------------------------------------------------- **/
#loan-renewal2022 #mv{
margin: 0 auto;
width: 100%;
}

#loan-renewal2022 #mv .mv-bar{
margin: 0 auto;
width: 100%;
padding: 5% 0;

background-image: url("../img/loan/mv-bar.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position:center;
position:relative;
}

#loan-renewal2022 #mv .mv-bar .mv-title{
text-align: center!important;

margin: 0 auto;
width: 100%;
font-size: 48px;
color: #FFFF00;
font-family: 'M PLUS Rounded 1c', sans-serif;
-moz-text-shadow: 0px 0px 15px rgba(104, 70, 65, 1);
-webkit-text-shadow: 0px 0px 15px rgba(104, 70, 65, 1);
-ms-text-shadow: 0px 0px 15px rgba(104, 70, 65, 1);
text-shadow: 0px 0px 15px rgba(104, 70, 65, 1);
}


#loan-renewal2022 #mv .mv-img{
margin: 30px auto 0;
max-width: 1300px;
width: 100%;
}

#loan-renewal2022 #mv .mv-img img{
width: 100%;
}

#loan-renewal2022 #mv article{
margin: 0 auto;
width: 100%;
max-width: 1500px;
padding: 7% 0;

display: flex;
justify-content: center;
align-items: flex-end;
flex-flow: row wrap;
}

#loan-renewal2022 #mv article p:nth-of-type(1){
width: 50%;
}

#loan-renewal2022 #mv article p:nth-of-type(2){
margin-left: 5%;
width: 30%;
}

#loan-renewal2022 #mv .mv-seo{
text-align: justify;
margin: 0 auto 5%;
width: 60%;
padding: 0 40px;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.05em;
position: relative;
}

#loan-renewal2022 #mv .mv-seo::before,
#loan-renewal2022 #mv .mv-seo::after{
position: absolute;
   content:"";
   display:block;
   width:100%;
   height:5px;
   background:#FFFF00;
   left:50%;
   transform: translateX(-50%);
}

#loan-renewal2022 #mv .mv-seo::before{top: -35px;}
#loan-renewal2022 #mv .mv-seo::after{bottom: -35px;}

/* ******************************************* */
@media screen and (max-width: 1920px) {
 /* ---------------------------------- */
#loan-renewal2022 #mv .mv-seo{
margin: 0 auto 7%;
width: 75%;
font-size: 16px;
}

#loan-renewal2022 #mv .mv-seo::before,
#loan-renewal2022 #mv .mv-seo::after{height:4px;}

#loan-renewal2022 #mv .mv-seo::before{top: -35px;}
#loan-renewal2022 #mv .mv-seo::after{bottom: -35px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1700px) {
 /* ---------------------------------- */
#loan-renewal2022 #mv .mv-seo{
margin: 0 auto 7%;
width: 65%;
font-size: 14px;
}

#loan-renewal2022 #mv .mv-seo::before,
#loan-renewal2022 #mv .mv-seo::after{height:4px;}

#loan-renewal2022 #mv .mv-seo::before{top: -30px;}
#loan-renewal2022 #mv .mv-seo::after{bottom: -30px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
#loan-renewal2022 #mv .mv-seo{
margin: 0 auto 7%;
width: 75%;
font-size: 14px;
}

#loan-renewal2022 #mv .mv-seo::before,
#loan-renewal2022 #mv .mv-seo::after{height:4px;}

#loan-renewal2022 #mv .mv-seo::before{top: -30px;}
#loan-renewal2022 #mv .mv-seo::after{bottom: -30px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1300px) {
 /* ---------------------------------- */
#loan-renewal2022 #mv .mv-img{
width: 90%;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#loan-renewal2022 #mv .mv-seo{
margin: 0 auto 10%;
font-size: 12px;
}

#loan-renewal2022 #mv .mv-bar h1{font-size: 40px!important;}

#loan-renewal2022 #mv article{padding: 10% 0;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#loan-renewal2022 #mv article p:nth-of-type(1){width: 60%;}
#loan-renewal2022 #mv article p:nth-of-type(2){
margin-left: 2%;
width: 30%;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#loan-renewal2022 #mv .mv-bar{
padding: 10% 0;
height: 50%;
}
#loan-renewal2022 #mv .mv-bar h1{font-size: 35px;}

/* ******************************************* */
@media screen and (max-width: 1300px) {
 /* ---------------------------------- */
#loan-renewal2022 #mv .mv-img{
margin-top: -10px;
width: 100%;
}
 /* ---------------------------------- */
}

#loan-renewal2022 #mv article{
padding: 13% 0;
align-items: center;
flex-flow: column wrap;
}
#loan-renewal2022 #mv article p:nth-of-type(1){width: 75%;}
#loan-renewal2022 #mv article p:nth-of-type(2){
margin-top: 7%;
margin-left: 0;
width: 50%;
}

#loan-renewal2022 #mv .mv-seo{
margin: 0 auto 15%;
width: 75%;
padding: 0 25px;
font-size: 14px;
}

#loan-renewal2022 #mv .mv-seo::before,
#loan-renewal2022 #mv .mv-seo::after{height:4px;}

#loan-renewal2022 #mv .mv-seo::before{top: -30px;}
#loan-renewal2022 #mv .mv-seo::after{bottom: -30px;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#loan-renewal2022 #mv article{padding: 15% 0;}
#loan-renewal2022 #mv .mv-bar h1{font-size: 33px!important;}

#loan-renewal2022 #mv article p:nth-of-type(1){width: 90%;}
#loan-renewal2022 #mv article p:nth-of-type(2){width: 60%;}

#loan-renewal2022 #mv .mv-seo{
margin: 0 auto 20%;
width: 75%;
padding: 0 20px;
font-size: 12px;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */

#loan-renewal2022 #mv .mv-bar{
padding: 10% 0;
height: 60%;
}
#loan-renewal2022 #mv .mv-bar h1{font-size: 28px!important;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */

 /* ---------------------------------- */
}


/** --------------------------------------------------
block01
-------------------------------------------------- **/
#loan-renewal2022 #block01{
margin: 0 auto;
width: 100%;
padding: 0 0 10%;

background-image: url("../img/loan/bg.jpg");
background-size:cover;
background-repeat:repeat;
background-position:center;
z-index: -1;
}

#loan-renewal2022 #block01 .title{
position: relative;
margin: 0 auto;
width: 100%;
padding: 1% 0;
background: #bf0000;
}

/*トライアングル*/
#loan-renewal2022 #block01 .title .triangle-box{
margin: 0 auto 5%;
width: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -45%;
}

#loan-renewal2022 #block01 .title .triangle-box .triangle{
width: 0;
height: 50px;
border-style: solid;
border-width: 30px 30px 0 30px;
border-color: #bf0000 transparent transparent transparent;
position: absolute;
left: 50%;
transform: translateX(-50%);
}


#loan-renewal2022 #block01 .title h1{
text-align: center!important;

margin: 0 auto;
width: 100%;
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
}

#loan-renewal2022 #block01 .title span{
color: #ff0;
font-size: 40px;
}

#loan-renewal2022 #block01 .title h1::before{
content: url("../img/loan/block01-h1-left.png");
display: inline-block;
vertical-align: middle;
padding-right: 50px;
transform: scale(0.6);
}

#loan-renewal2022 #block01 .title h1::after{
content: url("../img/loan/block01-h1-right.png");
display: inline-block;
vertical-align: middle;
padding-left: 50px;
transform: scale(0.6);
}

#loan-renewal2022 #block01 article{
margin: 0 auto;
width: 100%;
padding: 8% 0;
max-width: 1000px;
}

/*フキダシ+イラスト3つ*/
#loan-renewal2022 #block01 article div{
margin: 0 auto;
width: 100%;

display: flex;
justify-content: space-between;
align-items: flex-start;
flex-flow: row wrap;
}

#loan-renewal2022 #block01 article div p:nth-of-type(1){width: 29%;}
#loan-renewal2022 #block01 article div p:nth-of-type(2),
#loan-renewal2022 #block01 article div p:nth-of-type(3){width: 27%;}

#loan-renewal2022 #block01 article .text{
text-align: center!important;

margin: 10% auto 0;
width: 100%;
font-size: 14px;
line-height: 1.5;
letter-spacing: 0.05em;
}

#loan-renewal2022 #block01 article h2{
text-align: center!important;

margin: 5% auto 0;
width: 80%;
padding: 3% 0;
font-size: 23px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.05em;
color: #fff;
background: #bf0000;
border-radius: 100px;
}

#loan-renewal2022 #block01 article h2 span{
font-size: 30px;
font-weight: 700;
color: #ff0;
}


/**メディアクエリ**/
/* *********** ******************************** */
@media screen and (max-width: 1600px) {
 /* ---------------------------------- */
#loan-renewal2022 #block01 .title .triangle-box{bottom: -35%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#loan-renewal2022 #block01 .title .triangle-box{bottom: -30%;}

#loan-renewal2022 #block01 article{padding: 12% 0;}
#loan-renewal2022 #block01 article div{width: 90%;}

#loan-renewal2022 #block01 article div p:nth-of-type(1){width: 32%;}
#loan-renewal2022 #block01 article div p:nth-of-type(2),
#loan-renewal2022 #block01 article div p:nth-of-type(3){width: 29%;}


 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
/*トライアングル*/
#loan-renewal2022 #block01 .title .triangle-box{bottom: -25%;}
#loan-renewal2022 #block01 .title .triangle-box .triangle{
border-width: 25px 25px 0 25px;
}
#loan-renewal2022 #block01 article .text{margin: 7% auto 0;}

#loan-renewal2022 #block01 .title h1{font-size: 25px;}
#loan-renewal2022 #block01 .title span{font-size: 32px;}

/* ---------------------------------- */
}
/* ******************************************* */
@media screen and (max-width: 800px) {
 /* ---------------------------------- */
 #loan-renewal2022 #block01 .title .triangle-box{bottom: -20%;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#loan-renewal2022 #block01 .title h1{font-size: 22px;}
#loan-renewal2022 #block01 .title span{font-size: 28px;}

#loan-renewal2022 #block01 article h2{
width: 80%;
font-size: 20px;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 680px) {
 /* ---------------------------------- */
#loan-renewal2022 #block01 .title .triangle-box{bottom: -18%;}
#loan-renewal2022 #block01 .title h1::before{padding-right: 0;}
#loan-renewal2022 #block01 .title h1::after{padding-left: 0;}

#loan-renewal2022 #block01 article div{justify-content: space-around;}

#loan-renewal2022 #block01 article div p:nth-of-type(1),
#loan-renewal2022 #block01 article div p:nth-of-type(2),
#loan-renewal2022 #block01 article div p:nth-of-type(3){
margin-bottom: 5%;
width: 43%;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#loan-renewal2022 #block01 .title{padding: 5% 0;}

#loan-renewal2022 #block01 article{padding: 15% 0;}
#loan-renewal2022 #block01 .title h1{position: relative;}

#loan-renewal2022 #block01 .title h1::before{
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%) scale(0.4);
}

#loan-renewal2022 #block01 .title h1::after{
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%) scale(0.4);
}

#loan-renewal2022 #block01 article .text br{display: none}
#loan-renewal2022 #block01 article .text{
text-align: justify;
margin: 10% auto 0;
width: 80%;
}

#loan-renewal2022 #block01 article h2{
width: 90%;
font-size: 16px;
}

#loan-renewal2022 #block01 article h2 span{font-size: 20px;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#loan-renewal2022 #block01 .title{padding: 7% 0;}
#loan-renewal2022 #block01 .title .triangle-box{bottom: -15%;}

#loan-renewal2022 #block01 .title h1{font-size: 18px;}
#loan-renewal2022 #block01 .title span{font-size: 23px;}
#loan-renewal2022 #block01 .title h1::before{left: 0;}
#loan-renewal2022 #block01 .title h1::after{right: 0;}

#loan-renewal2022 #block01 article{padding: 20% 0;}

#loan-renewal2022 #block01 article div{
justify-content: center;
align-items: center;
flex-flow: column wrap;
}

#loan-renewal2022 #block01 article div p:nth-of-type(1),
#loan-renewal2022 #block01 article div p:nth-of-type(2),
#loan-renewal2022 #block01 article div p:nth-of-type(3){
margin-bottom: 12%;
width: 65%;
}

#loan-renewal2022 #block01 article .text{
margin: 0 auto;
font-size: 12px;
}

#loan-renewal2022 #block01 article h2{
width: 90%;
font-size: 14px;
}

#loan-renewal2022 #block01 article h2 span{font-size: 17px;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
 #loan-renewal2022 #block01 article h2{font-size: 13px;}
 /* ---------------------------------- */
}


/** --------------------------------------------------
block02
-------------------------------------------------- **/
#loan-renewal2022 #block02{
margin: 0 auto;
width: 100%;
}

/*一番上のイラスト*/
#loan-renewal2022 #block02 .illust{
margin: -10% auto 0;
width: 50%;
}

#loan-renewal2022 #block02 .block02-bar{
margin: 7% auto 0;
padding: 5% 0;
width: 100%;

background-image: url("../img/loan/block02-bar.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position:center;
}

#loan-renewal2022 #block02 .block02-bar h2{
text-align: center!important;

margin: 5% auto 0;
width: 100%;
font-size: 200px;
color: #fff;
font-family: 'Bebas Neue', cursive;
opacity: .5;
}

#loan-renewal2022 #block02 .block02-bar h3{
text-align: center!important;

margin: 3% auto 2%;
width: 100%;
font-size: 25px;
font-weight: 500;
color: #fff;
}

#loan-renewal2022 #block02 .block02-bar p{
text-align: center!important;

margin: 0 auto 3%;
width: 100%;
font-size: 13px;
line-height: 1.5;
letter-spacing: 0.05em;
color: #fff;
}

/*line up　大枠*/
#loan-renewal2022 #block02 .line-up{
margin: 10% auto 0;
width: 100%;
padding: 2% 2% 3%;
max-width: 1100px;

display: flex;
justify-content: space-between;
align-items: stretch;
flex-flow: row wrap;
}


#loan-renewal2022 #block02 .line-up article{
position: relative;
margin: 0 auto;
width: 44%;
padding: 2% 2% 5%;

border: 4px solid #744f4a;
outline: 1px solid #744f4a;
outline-offset: 10px;
display: block;
text-align: center;
text-decoration: none;
}


/*ボタン*/
#loan-renewal2022 #block02 article .viewmore a{
display: block;
margin: 7% auto 0;
    padding: 2% 2%;
    width: 65%;
    font-size: 20px;
    font-weight: 700;
    color: #744f4a;
    background: #ffe233;
    border: solid 4px #744f4a;
    border-radius: 50px;

position: absolute;
left: 50%;
bottom: -4%;
transform: translateX(-50%);
}


/*tecoro+conoppo タイトル*/
#loan-renewal2022 #block02 .line-up h2{
position: absolute;
width: 45%;
left: 50%;
transform: translateX(-50%);
top:-17%;
}

/*tecoro+conoppo 写真下のテキスト*/
#loan-renewal2022 #block02 .line-up article .text{
margin: 7% auto;
font-size: 12px;
line-height: 1.5;
}

/*tecoro+conoppo 値段調整*/
#loan-renewal2022 #block02 .line-up article .price01{
margin: 0 auto;
width: 70%;
}

#loan-renewal2022 #block02 .line-up article .price02{
margin: 0 auto;
width: 85%;
}

/*吹き出し*/
#loan-renewal2022 #block02 .line-up .hukidasi{
position: absolute;
top: -30px;
left: -30px;
max-width: 200px;
}

#loan-renewal2022 #block02 h2{
margin: 0 auto 7%;
text-align: center!important;
width:900px;
}

/* ******************************************* */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
/*line up　大枠*/
#loan-renewal2022 #block02 .line-up{margin: 15% auto 2%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
/*一番上のイラスト*/
#loan-renewal2022 #block02 .illust{
margin: -15% auto 0;
width: 60%;
}

#loan-renewal2022 #block02 .block02-bar{margin: 10% auto 0;}

#loan-renewal2022 #block02 .block02-bar h2{
margin: 7% auto 0;
font-size: 150px;
}

#loan-renewal2022 #block02 .block02-bar h3{
font-size: 22px;
}

#loan-renewal2022 #block02 .block02-bar p{font-size: 12px;}

#loan-renewal2022 #block02 .line-up{
margin: 20% auto 7%;
padding: 0 2%;
}

/*tecoro+conoppo 写真下のテキスト*/
#loan-renewal2022 #block02 .line-up article .text{
margin: 10% auto;
font-size: 11px;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#loan-renewal2022 #block02 .illust{width: 70%;}

#loan-renewal2022 #block02 .block02-bar{
margin: 15% auto 0;
padding: 5% 0 7%;
}

#loan-renewal2022 #block02 .block02-bar h2{
margin: 10% auto 0;
}

#loan-renewal2022 #block02 .block02-bar h3{
margin: 3% auto;
font-size: 20px;
}

#loan-renewal2022 #block02 .block02-bar p{
margin: 0 auto 8%;
}

#loan-renewal2022 #block02 h2{
width:768px;
}

 /* ---------------------------------- */
}

/* *********** ******************************** */
@media screen and (max-width: 900px) {
 /* ---------------------------------- */
#loan-renewal2022 #block02 h2{
margin: 10% auto 7%;
}

/*line up　大枠*/
#loan-renewal2022 #block02 .line-up{
margin: 30% auto 5%;
flex-flow: column wrap;
}

#loan-renewal2022 #block02 .line-up article{
margin-top: 10%;
width: 70%;

outline-offset: 5px;
}

#loan-renewal2022 #block02 .line-up article:nth-of-type(1){margin-bottom: 25%;}

/*tecoro+conoppo タイトル*/
#loan-renewal2022 #block02 .line-up h2{
width: 40%;
top:-21%;
}
/*tecoro+conoppo 写真下のテキスト*/
#loan-renewal2022 #block02 .line-up article .text{
margin: 7% auto;
font-size: 13px;
}
/*tecoro+conoppo 値段調整*/
#loan-renewal2022 #block02 .line-up article .price01{
width: 70%;
padding-bottom: 5%;
}

#loan-renewal2022 #block02 .line-up article .price02{
width: 85%;
padding-bottom: 5%;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#loan-renewal2022 #block02 .illust{width: 80%;}

#loan-renewal2022 #block02 .block02-bar{
margin: 15% auto 0;
padding: 7% 0;
}

#loan-renewal2022 #block02 .block02-bar h2{font-size: 130px;}
#loan-renewal2022 #block02 .block02-bar h3{
margin: 3% auto;
font-size: 18px;
}

#loan-renewal2022 #block02 .block02-bar p{
margin: 0 auto 5%;
font-size: 10px;
}

#loan-renewal2022 #block02 h2{
margin: 10% auto;
width: 80%;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#loan-renewal2022 #block02 .block02-bar{padding: 11% 0;}

#loan-renewal2022 #block02 .line-up article{width: 80%;}
/*tecoro+conoppo タイトル*/
#loan-renewal2022 #block02 .line-up h2{width: 50%;}
#loan-renewal2022 #block02 .block02-bar p{
margin: 0 auto 7%;
}


/*tecoro+conoppo 写真下のテキスト*/
#loan-renewal2022 #block02 .line-up article .text{font-size: 11px;}

/*tecoro+conoppo 値段調整*/
#loan-renewal2022 #block02 .line-up article .price01{width: 75%;}
#loan-renewal2022 #block02 .line-up article .price02{width: 90%;}
/*吹き出し*/
#loan-renewal2022 #block02 .line-up .hukidasi{
left: -40px;
max-width: 170px;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
 
#loan-renewal2022 #block02 .illust{width: 90%;}
#loan-renewal2022 #block02 .line-up article{width: 90%;}
#loan-renewal2022 #block02 .block02-bar{padding: 13% 0;}
#loan-renewal2022 #block02 .block02-bar h2{font-size: 110px;}
#loan-renewal2022 #block02 .block02-bar h3{
margin: 2% auto 3%;
font-size: 16px;
}

#loan-renewal2022 #block02 .line-up article{
margin-top: 20%;
padding: 2% 2% 7%;
}

/*ボタン*/
#loan-renewal2022 #block02 article .viewmore a{width: 75%;}

/*tecoro+conoppo 写真下のテキスト*/
#loan-renewal2022 #block02 .line-up article .text{
margin: 10% auto;
font-size: 10px;
}
/*吹き出し*/
#loan-renewal2022 #block02 .line-up .hukidasi{
top: -10px;
left: -20px;
max-width: 150px;
}

#loan-renewal2022 #block02 h2{
margin:10% auto 15%;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#loan-renewal2022 #block02 .block02-bar{padding: 17% 0;}
#loan-renewal2022 #block02 .block02-bar h2{font-size: 100px;}

 /* ---------------------------------- */
}


/** --------------------------------------------------
warranty
-------------------------------------------------- **/
#warranty{
margin: 10% auto;
width: 100%;
max-width: 900px;
}

#warranty div{
margin: 0 auto;
width: 100%;
position: relative;
}

#warranty div img{
width: 100%;
}

#warranty div p{
width: 60%;
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
}

#warranty div p a{
text-align: center;
display: block;
padding: 8px 0;
color: #323231;
background: #ffe233;
font-size: 16px;
border-radius: 50px;
border: solid 1.5px #ffe233;
position: relative;
transition: all .3s;
}

#warranty div p a:hover{
color: #fff;
background: #e00000;
border: solid 1.5px #ffe233;
}

#warranty div p a::after{
content: '▶︎';
padding-left: 10px;
transition: all .3s;
}

#warranty div p a:hover::after{
padding-left: 15px;
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#warranty{
width: 90%;
}

#warranty div p{
width: 60%;
bottom: -10px;
}

#warranty div p a{
padding: 8px 0;
font-size: 16px;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 900px) {
 /* ---------------------------------- */
#warranty{
width: 90%;
}

#warranty div p{
width: 60%;
}

#warranty div p a{
padding: 5px 0;
font-size: 14px;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#warranty{
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#warranty{
margin: 10% auto 15%;

}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#warranty{

}

#warranty div p{
width: 80%;
}

#warranty div p a{
padding: 5px 0;
font-size: 14px;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#warranty div p a{
padding: 3px 0;
font-size: 12px;
}
 /* ---------------------------------- */
}



/** --------------------------------------------------
block03
-------------------------------------------------- **/
#loan-renewal2022 #block03{
margin: 0 auto;
width: 100%;
padding-bottom: 10%;

background-image: url( "../img/loan/bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position:center;
position:relative;
}

/*ブロックのタイトル*/
#loan-renewal2022 #block03 .title{
margin: 0 auto;
padding: 12% 0 0 0;
width: 900px;
}

#loan-renewal2022 #block03 article{
margin: 0 auto;
width: 100%;
padding: 10% 0 5%;
max-width: 768px;
}

#loan-renewal2022 #block03 article .flex{
position: relative;
margin: 0 auto 5%;
width: 100%;
padding: 5%;
background: rgba(255,255,255,.6);
border-radius: 20px;

display: flex;
justify-content: space-between;
align-items: flex-start;
flex-flow: row wrap;
}

/*右上の飾り*/
#loan-renewal2022 #block03 article .flex .deco{
position: absolute;
top: 20px;
right: 25px;
max-width: 40px;
}

/*左のアイコン*/
#loan-renewal2022 #block03 article .flex .left{
margin: 0 auto;
width: 12%;
}

/*右のテキスト*/
#loan-renewal2022 #block03 article .flex div{
margin: 0 auto;
width: 80%;
}

#loan-renewal2022 #block03 article .flex div h2{
position: relative;
margin: 0 auto 5%;
width: 100%;
text-align: left;
font-size: 25px;
font-weight: 700;
color: #bf0000;
line-height: 1.3;
letter-spacing: 0.05em;
}

/*点線*/
#loan-renewal2022 #block03 article .flex div h2::after{
position: absolute;
border-bottom: 3px dotted #000;
content: '';
width: 100%;
height: 2px;
display: inline-block;
bottom: -17px;
left:50%;
transform: translateX(-50%);
}

#loan-renewal2022 #block03 article .flex div p{
margin: 0 auto;
width: 100%;
text-align: justify;
font-size: 14px;
line-height: 1.3;
letter-spacing: 0.05em;
}


/*フォームへボタン*/
#loan-renewal2022 #block03 a{
margin: 0 auto;
width: 100%;
}

#loan-renewal2022 #block03 a p{
text-align: center!important;

margin: 0 auto;
padding: 1% 0;
max-width: 600px;
font-size: 20px;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
color: #fff;
background: #bf0000;
border-radius: 100px;
}

#loan-renewal2022 #block03 a p span{
font-size: 25px;
font-weight: 700;
color: #ff0;
border-top: solid 1px #fff;
padding-top: 1%;
}

#loan-renewal2022 #block03 a p span::before{
content: "▼";
padding-right: 5px;
}

#loan-renewal2022 #block03 a p span::after{
content: "▼";
padding-left: 5px;
}

#loan-renewal2022 #block03 a:hover{
opacity: .7;
transition-duration: .3s;
}


/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
/*ブロックのタイトル*/
#loan-renewal2022 #block03 .title{width: 80%;}

#loan-renewal2022 #block03 article .flex{
position: relative;
margin: 0 auto 5%;
width: 100%;
padding: 5%;
background: rgba(255,255,255,.6);
border-radius: 20px;

display: flex;
justify-content: space-between;
align-items: flex-start;
flex-flow: row wrap;
}

/*右上の飾り*/
#loan-renewal2022 #block03 article .flex .deco{
position: absolute;
top: 20px;
right: 25px;
max-width: 40px;
}

/*左のアイコン*/
#loan-renewal2022 #block03 article .flex .left{
margin: 0 auto;
width: 12%;
}

/*右のテキスト*/
#loan-renewal2022 #block03 article .flex div{
margin: 0 auto;
width: 80%;
}

#loan-renewal2022 #block03 article .flex div h2{
position: relative;
margin: 0 auto 5%;
width: 100%;
text-align: left;
font-size: 25px;
font-weight: 700;
color: #bf0000;
line-height: 1.3;
letter-spacing: 0.05em;
}

/*点線*/
#loan-renewal2022 #block03 article .flex div h2::after{
position: absolute;
border-bottom: 3px dotted #000;
content: '';
width: 100%;
height: 2px;
display: inline-block;
bottom: -17px;
left:50%;
transform: translateX(-50%);
}

#loan-renewal2022 #block03 article .flex div p{
margin: 0 auto;
width: 100%;
text-align: justify;
font-size: 14px;
line-height: 1.3;
letter-spacing: 0.05em;
}


 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#loan-renewal2022 #block03{padding-bottom: 15%;}
#loan-renewal2022 #block03 article{max-width: 700px;}
/*ブロックのタイトル*/
#loan-renewal2022 #block03 .title{padding: 14% 0 0 0;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
  #loan-renewal2022 #block03{padding-bottom: 25%;}

 /*ブロックのタイトル*/
#loan-renewal2022 #block03 .title{padding: 17% 0 0 0;}
#loan-renewal2022 #block03{padding-bottom: 15%;}
#loan-renewal2022 #block03 article .flex{width: 90%;}
/*右上の飾り*/
#loan-renewal2022 #block03 article .flex .deco{
max-width: 30px;
}

/*左のアイコン*/
#loan-renewal2022 #block03 article .flex .left{width: 12%;}
/*右のテキスト*/
#loan-renewal2022 #block03 article .flex div{width: 82%;}
#loan-renewal2022 #block03 article .flex div h2{font-size: 22px;}
/*点線*/
#loan-renewal2022 #block03 article .flex div h2::after{
border-bottom: 2px dotted #000;
bottom: -15px;
}

#loan-renewal2022 #block03 article .flex div p{font-size: 13px;}

/*フォームへボタン*/
#loan-renewal2022 #block03 a p{
padding: 1% 0;
max-width: 500px;
font-size: 18px;
}

#loan-renewal2022 #block03 a p span{
font-size: 22px;
padding-top: .5%;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */

 /*ブロックのタイトル*/
#loan-renewal2022 #block03 .title{
margin: 10% auto 5%;
width: 90%;
}
#loan-renewal2022 #block03 article{padding: 5% 0;}
#loan-renewal2022 #block03 article .flex div h2{
margin: 0 auto 7%;
font-size: 20px;
}

/*点線*/
#loan-renewal2022 #block03 article .flex div p{font-size: 12px;}

/*フォームへボタン*/
#loan-renewal2022 #block03 a p{
padding: 1.5% 0;
width: 85%;
font-size: 16px;
line-height: 2.3;
}

#loan-renewal2022 #block03 a p span{
font-size: 22px;
padding-top: 1.5%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
/*ブロックのタイトル*/
#loan-renewal2022 #block03 .title{margin: 15% auto 5%;}
#loan-renewal2022 #block03 article .flex{
margin: 0 auto 7%;
padding: 7% 5%;
}

/*右上の飾り*/
#loan-renewal2022 #block03 article .flex .deco{
top: 15px;
right: 15px;
max-width: 30px;
}
/*左のアイコン*/
#loan-renewal2022 #block03 article .flex .left{width: 14%;}
/*右のテキスト*/
#loan-renewal2022 #block03 article .flex div{width: 80%;}
#loan-renewal2022 #block03 article .flex div h2{
margin: 0 auto 10%;
font-size: 18px;
}

/*フォームへボタン*/
#loan-renewal2022 #block03 a p{font-size: 14px;}
#loan-renewal2022 #block03 a p span{font-size: 16px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
/*フォームへボタン*/
#loan-renewal2022 #block03 a p{width: 90%;}
#loan-renewal2022 #block03 a p span{font-size: 15px;}

 /* ---------------------------------- */
}


/** --------------------------------------------------
block04
-------------------------------------------------- **/
#loan-renewal2022 #block04{
margin: 0 auto;
padding: 13% 0;
width: 100%;
max-width: 900px;
}

#loan-renewal2022 #block04 .title{
margin: 0 auto 15%;
width: 100%;
}

#loan-renewal2022 #block04 article{
margin: 0 auto;
width: 100%;

display: flex;
justify-content: space-between;
align-items: flex-start;
flex-flow: row wrap;
}

#loan-renewal2022 #block04 article dl{
text-align: justify;
width: 30%;
}

#loan-renewal2022 #block04 article dl dd{
margin: 7% auto 0;
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.03em;
}

/*下*/
#loan-renewal2022 #block04 div{
position: relative;
margin: 15% auto 0;
width: 100%;
padding: 5% 0;

display: flex;
justify-content: space-between;
align-items: center;
flex-flow: row wrap;

border-top: dashed 2px #744f4a;
border-bottom: dashed 2px #744f4a;
}

#loan-renewal2022 #block04 div::before,
#loan-renewal2022 #block04 div::after{
position: absolute;
border-bottom:solid 3px #744f4a;
content: '';
width: 100%;
height: 2px;
display: inline-block;
left:50%;
transform: translateX(-50%);
}

/*線の位置のみ*/
#loan-renewal2022 #block04 div::before{top: -15px;}
#loan-renewal2022 #block04 div::after{bottom: -15px;}


#loan-renewal2022 #block04 div p:nth-of-type(1){
text-align: center!important;

padding-left: 2%;
font-size: 17px;
font-weight: 500;
line-height: 1.6;
width: 70%;
}

#loan-renewal2022 #block04 div p:nth-of-type(1)>span{
font-size: 20px;
letter-spacing: 0.05em;
font-weight: 700;
color: #bf0000;
}

#loan-renewal2022 #block04 div p:nth-of-type(2){
position: absolute;
right: 20px;
bottom: 0;
width: 25%;
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#loan-renewal2022 #block04{
padding: 13% 0;
max-width: 700px;
}

#loan-renewal2022 #block04 .title{margin: 0 auto 15%;}
#loan-renewal2022 #block04 article dl dd{margin: 10% auto 0;}

/*下*/
#loan-renewal2022 #block04 div{

margin: 12% auto 0;
padding: 3% 0;
border-top: dashed 1.5px #744f4a;
border-bottom: dashed 1.5px #744f4a;
}

/*線の位置のみ*/
#loan-renewal2022 #block04 div::before{top: -12px;}
#loan-renewal2022 #block04 div::after{bottom: -12px;}

#loan-renewal2022 #block04 div p:nth-of-type(1){

font-size: 15px;
width: 70%;
}

#loan-renewal2022 #block04 div p:nth-of-type(1)>span{font-size: 18px;}

#loan-renewal2022 #block04 div p:nth-of-type(2){width: 30%;}


 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#loan-renewal2022 #block04{padding: 17% 5%;}
#loan-renewal2022 #block04 article dl dd{font-size: 11px;}

/*下*/
#loan-renewal2022 #block04 div{
margin: 14% auto 0;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
 #loan-renewal2022 #block04{padding: 25% 5%;}

#loan-renewal2022 #block04 div p:nth-of-type(1){
padding-left: 1%;
font-size: 13px;
line-height: 1.5;
width: 75%;
}

#loan-renewal2022 #block04 div p:nth-of-type(1)>span{font-size: 17px;}

#loan-renewal2022 #block04 div p:nth-of-type(2){
width: 33%;
right: 10px;
}

/*下*/
#loan-renewal2022 #block04 div{
margin: 17% auto 0;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#loan-renewal2022 #block04 article{
justify-content: center;
align-items: center;
flex-flow: column wrap;
}

#loan-renewal2022 #block04 article dl{width: 85%;}
#loan-renewal2022 #block04 article dl dt{
margin: 0 auto;
width: 65%;
}

#loan-renewal2022 #block04 article dl dd{
margin: 7% auto 20%;
font-size: 13px;
}

/*下*/
#loan-renewal2022 #block04 div{
margin: 5% auto 0;
padding: 6% 0 0;
width: 100%;

justify-content: center;
flex-flow: column wrap;
}

/*線の位置のみ*/
#loan-renewal2022 #block04 div::before{top: -15px;}
#loan-renewal2022 #block04 div::after{bottom: -15px;}

#loan-renewal2022 #block04 div p:nth-of-type(1){
margin:  0 auto 5%;
padding-left: 0;
width: 100%;
}


#loan-renewal2022 #block04 div p:nth-of-type(2){
position: static;
width: 50%;
}

 /* ---------------------------------- */
}



/** --------------------------------------------------
block05　SCF
-------------------------------------------------- **/

/*********上部分　レスポンシブまで*********/
#loan-renewal2022 #block05{
margin: 0 auto;
width: 100%;
}

/*メインタイトル*/
#loan-renewal2022 #block05 .bar-title{
position:relative;

margin: 0 auto;
width: 100%;
padding: 6% 0 7%;

background-image: url( "../img/loan/block05-bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position:center;
}

#loan-renewal2022 #block05 .bar-title .title{
margin: 0 auto;
width: 100%;
max-width: 400px;
}

/*吹き出し*/
#loan-renewal2022 #block05 .bar-title .hukidasi{
margin: 0 auto;
width: 100%;
max-width: 500px;

position: absolute;
bottom: -25%;
left: 50%;
transform: translateX(-50%);
}

#loan-renewal2022 #block05 .bar-title .hukidasi p{
margin: 0 auto;
width: 100%;
}



/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
/*メインタイトル*/
#loan-renewal2022 #block05 .bar-title{padding: 6% 0 9%;}
/*吹き出し*/
#loan-renewal2022 #block05 .bar-title .hukidasi{
max-width: 450px;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
/*メインタイトル*/
#loan-renewal2022 #block05 .bar-title{padding: 7% 0 10%;}
#loan-renewal2022 #block05 .bar-title .title{max-width: 350px;}
/*吹き出し*/
#loan-renewal2022 #block05 .bar-title .hukidasi{
bottom: -22%;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
/*メインタイトル*/
#loan-renewal2022 #block05 .bar-title{padding: 10% 0 13%;}
#loan-renewal2022 #block05 .bar-title .title{max-width: 350px;}
/*吹き出し*/
#loan-renewal2022 #block05 .bar-title .hukidasi{
bottom: -25%;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
/*メインタイトル*/
#loan-renewal2022 #block05 .bar-title{padding: 12% 0 15%;}
#loan-renewal2022 #block05 .bar-title .title{max-width: 350px;}
/*吹き出し*/
#loan-renewal2022 #block05 .bar-title .hukidasi{
bottom: -27%;
padding: 2%;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
 /*メインタイトル*/
#loan-renewal2022 #block05 .bar-title{padding: 15% 0 25%;}
#loan-renewal2022 #block05 .bar-title .title{max-width: 80%;}
#loan-renewal2022 #block05 .bar-title .hukidasi{bottom: -20%;}
#loan-renewal2022 #block05 .bar-title .hukidasi p{width: 95%;}

 /* ---------------------------------- */
}


/*********下部分　SCF　レスポンシブまで*********/


/*真ん中のテキスト*/
#loan-renewal2022 #block05 .text{
text-align: center!important;

margin: 0 auto;
padding-top: 2%;
width: 100%;
font-size: 15px;
font-weight: 700;
line-height: 1.8;
letter-spacing: 0.05em;
}

#loan-renewal2022 #block05 .text span{color: #bf0000;}


/*SCF*/

#loan-renewal2022 #block05 .case-list{
text-align: center!important;

margin: 0 auto;
width: 100%;
padding:8% 5% 10%;

background-image: url( "../img/loan/bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position:center;
}

#loan-renewal2022 #block05 .case-list .case-list-2{
margin: 0 auto;
width: 100%;
padding-top: 5%;
display: flex;
justify-content: space-between;
align-items: stretch;
flex-flow: row wrap;
}

#loan-renewal2022 #block05 .case-list .case-list-2 article{
position: relative;
margin: 0 auto 7%;
width: 30%;
padding: 3% 0;
background: #fff;
box-shadow: 5px 5px 0px 0 rgb(177, 158, 153);
}

#loan-renewal2022 #block05 .case-list .case-list-2 article:nth-of-type(5){margin-right: 35%;}

/*CASE 00*/
#loan-renewal2022 #block05 .case-list .case-list-2 article .case-No{
margin: 0 auto;
width: 100%;
font-family: 'Bebas Neue', cursive;
font-size: 30px;
color: #fff;
text-shadow: 
       3px  3px 2px #744f4a,
      -3px  3px 2px #744f4a,
       3px -3px 2px #744f4a,
      -3px -3px 2px #744f4a,
       3px  0px 2px #744f4a,
       0px  3px 2px #744f4a,
      -3px  0px 2px #744f4a,
       0px -3px 2px #744f4a;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -2%;
}

/*声*/
#loan-renewal2022 #block05 .case-list .case-list-2 article .voice{
margin: 0 auto;
width: 100%;
font-size: 14px;
font-weight: 700;
color: #744f4a;
line-height: 1.3;
}

/*承認額*/
#loan-renewal2022 #block05 .case-list .case-list-2 article .price{
margin: 5% auto;
width: 80%;
padding: 3% 0;
font-size: 20px;
font-weight: 700;
color: #bf0000;
border: solid 2px #bf0000;
border-radius: 50px;
}


/*詳細部分*/
#loan-renewal2022 #block05 .case-list .case-list-2 article div{
margin: 0 auto;
width: 100%;
}

#loan-renewal2022 #block05 .case-list .case-list-2 article ul{
margin: 0 auto;
width: 100%;
margin-bottom: -2%;
padding-right: 5%;

display: flex;
justify-content: center;
align-items:center;
flex-flow: row nowrap;

font-weight: 700;
}

#loan-renewal2022 #block05 .case-list .case-list-2 article ul li:nth-of-type(1){
width: 40%;
padding: 1.5% 1%;
font-size: 12px;
letter-spacing: 0.05em;
color: #fff;
background: #744f4a;

vertical-align: middle;
}

#loan-renewal2022 #block05 .case-list .case-list-2 article ul li:nth-of-type(2){
text-align: left;
margin-left: -4%;
width: 60%;
padding: 0 1% 1% 1% ;
font-size: 14px;
line-height: 1.5;
letter-spacing: 0.05em;
border-bottom: solid 1px #744f4a;
}

/*テキストエリア*/
#loan-renewal2022 #block05 .case-list .case-list-2 article .textarea{
margin: 7% auto 0;
width: 80%;
font-size: 11px;
line-height: 1.2;
text-align: justify;
}


/*フォームへボタン*/
#loan-renewal2022 #block05 a{
margin: 0 auto;
width: 100%;
}

#loan-renewal2022 #block05 a p{
text-align: center!important;

margin: 0 auto;
padding: 1% 0;
max-width: 600px;
font-size: 20px;
font-weight: 500;
line-height: 2;
letter-spacing: 0.05em;
color: #fff;
background: #bf0000;
border-radius: 100px;
}

#loan-renewal2022 #block05 a p span{
font-size: 25px;
font-weight: 700;
color: #ff0;
border-top: solid 1px #fff;
padding-top: 1%;
}

#loan-renewal2022 #block05 a p span::before{
content: "▼";
padding-right: 5px;
}

#loan-renewal2022 #block05 a p span::after{
content: "▼";
padding-left: 5px;
}

#loan-renewal2022 #block05 a:hover{
opacity: .7;
transition-duration: .3s;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
/*真ん中のテキスト*/
#loan-renewal2022 #block05 .text{padding-top: 7%;}

#loan-renewal2022 #block05 .case-list .case-list-2 article{width: 45%;}
#loan-renewal2022 #block05 .case-list .case-list-2 article:nth-of-type(5){margin-right: 52%;}
#loan-renewal2022 #block05 .case-list .case-list-2{padding-top: 10%;}
#loan-renewal2022 #block05 .case-list .case-list-2 article ul li:nth-of-type(1){width: 35%;}
#loan-renewal2022 #block05 .case-list .case-list-2 article ul li:nth-of-type(2){
width: 65%;
font-size: 13px;
margin-left: -6%;
}

/*CASE 00*/
#loan-renewal2022 #block05 .case-list .case-list-2 article .case-No{font-size: 30px;}
/*声*/
#loan-renewal2022 #block05 .case-list .case-list-2 article .voice{margin-top: 4%;}
/*テキストエリア*/
#loan-renewal2022 #block05 .case-list .case-list-2 article .textarea{width: 85%;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#loan-renewal2022 #block05 .case-list .case-list-2 article .voice{margin: 7% auto;}
 /* ---------------------------------- */
}


/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
/*真ん中のテキスト*/
#loan-renewal2022 #block05 .text{
padding-top: 12%;
font-size: 13px;
}
#loan-renewal2022 #block05 .case-list .case-list-2{padding-top: 10%;}
#loan-renewal2022 #block05 .case-list .case-list-2 article .voice{margin: 10% auto;}

#loan-renewal2022 #block05 .case-list .case-list-2 article ul li:nth-of-type(1){width: 40%;}
#loan-renewal2022 #block05 .case-list .case-list-2 article ul li:nth-of-type(2){
width: 60%;
}

/*フォームへボタン*/
#loan-renewal2022 #block05 a p{
margin: 5% auto;
padding: 1% 0;
max-width: 500px;
font-size: 18px;
}

#loan-renewal2022 #block05 a p span{
font-size: 22px;
padding-top: .5%;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 680px) {
 /* ---------------------------------- */
#loan-renewal2022 #block05 .case-list{padding:8% 5% 5%;}
#loan-renewal2022 #block05 .case-list .case-list-2 article{
width: 80%;
padding: 5% 0 7%;
margin-top: 5%;
}

/*真ん中のテキスト*/
#loan-renewal2022 #block05 .text{padding-top: 15%;}

#loan-renewal2022 #block05 .case-list .case-list-2 article .voice{margin: 7% auto;}

#loan-renewal2022 #block05 .case-list .case-list-2 article:nth-of-type(5){margin-right: auto;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#loan-renewal2022 #block05 .case-list{padding: 5% 0 10%;}
/*フォームへボタン*/
#loan-renewal2022 #block05 a p{
padding: 1.5% 0;
width: 85%;
font-size: 16px;
line-height: 2.3;
}

#loan-renewal2022 #block05 a p span{
font-size: 22px;
padding-top: 1.5%;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#loan-renewal2022 #block05 .case-list .case-list-2 article{margin-top: 10%;}
/*真ん中のテキスト*/
#loan-renewal2022 #block05 .text{
padding-top: 20%;
font-size: 12px;
}
#loan-renewal2022 #block05 .case-list .case-list-2{padding-top: 5%;}
/*フォームへボタン*/
#loan-renewal2022 #block05 a p{font-size: 14px;}
#loan-renewal2022 #block05 a p span{font-size: 16px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
/*フォームへボタン*/
#loan-renewal2022 #block05 a p{width: 90%;}

 /* ---------------------------------- */
}







/** --------------------------------------------------
block06
-------------------------------------------------- **/
#loan-renewal2022 #block06{
margin: 0 auto;
width: 100%;
padding: 15% 0 10%;

background-image: url("../img/loan/block06-bg.png");
background-size:contain;
background-repeat: no-repeat;
background-position:top;
}

#loan-renewal2022 #block06 article{
position: relative;
margin: 0 auto;
width: 100%;
padding: 5%;
max-width: 1000px;
background: #fff;
border-radius: 30px;
}

#loan-renewal2022 #block06 article h1{
position: absolute;
width: 50%;
left: 50%;
transform: translateX(-50%);
top: -10%;
}

#loan-renewal2022 #block06 article ul{
margin: 0 auto;
width: 100%;
padding: 7%;

display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
}

#loan-renewal2022 #block06 article ul li{
margin: 5% auto 0;
width: 40%;
}

#loan-renewal2022 #block06 article p{
margin: 0 auto;
max-width: 650px;
}


/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#loan-renewal2022 #block06{padding: 20% 5% 10%;}
#loan-renewal2022 #block06 article h1{width: 65%;}
#loan-renewal2022 #block06 article ul{
margin-top: 10%;
padding: 7% 10%;
}

#loan-renewal2022 #block06 article ul li{width: 43%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#loan-renewal2022 #block06 article p{max-width: 85%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#loan-renewal2022 #block06{padding: 20% 5%;}
#loan-renewal2022 #block06 article h1{width: 75%;}
#loan-renewal2022 #block06 article ul{
margin-top: 15%;
padding: 7%;
}

#loan-renewal2022 #block06 article ul li{width: 45%;}
#loan-renewal2022 #block06 article p{max-width: 90%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 680px) {
 /* ---------------------------------- */
#loan-renewal2022 #block06{padding: 20% 5%;}

#loan-renewal2022 #block05 .case-list .case-list-2{
justify-content: center;
align-items: center;
flex-flow: column wrap;
}

#loan-renewal2022 #block06 article h1{width: 80%;}
#loan-renewal2022 #block06 article ul{
margin-top: 15%;
padding: 5%;
}

#loan-renewal2022 #block06 article ul li{width: 45%;}
#loan-renewal2022 #block06 article p{max-width: 95%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#loan-renewal2022 #block06 article h1{width: 85%;}
#loan-renewal2022 #block06 article ul{margin-top: 20%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#loan-renewal2022 #block06{padding: 30% 7% 20%;}
#loan-renewal2022 #block06 article h1{
width: 75%;
top: -5%;
}

#loan-renewal2022 #block06 article ul{
margin-top: 25%;
flex-flow: column wrap;
}

#loan-renewal2022 #block06 article ul li{
width: 80%;
margin: 10% auto 0;
}

#loan-renewal2022 #block06 article p{
max-width: 90%;
margin-top: 10%;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#loan-renewal2022 #block06 article{padding: 5% 0;}
#loan-renewal2022 #block06 article h1{width: 90%;}
#loan-renewal2022 #block06 article ul{
width: 90%;
margin-top: 25%;
}
#loan-renewal2022 #block06 article ul li{
width: 95%;
margin: 13% auto 0;
}

#loan-renewal2022 #block06 article p{
max-width: 90%;
margin-top: 15%;
}
 /* ---------------------------------- */
}




/** --------------------------------------------------
block07　お問合せ
-------------------------------------------------- **/
#loan-renewal2022 #block07{
margin: 0 auto;
padding-bottom: 10%;
width: 100%;

background-image: url("../img/loan/bg.jpg");
background-size:cover;
background-repeat:repeat;
background-position:center;
}

/*コンタクトフォーム*/

#loan-renewal2022 #contact_form{
margin: 0 auto;
width: 100%;
}

#loan-renewal2022 #contact_form .wrap{
margin: 5% auto 0;
padding: 5%;
max-width:1000px;
width: 100%;
background: #fff;
border: solid 1px #000;
border-radius: 20px;
}

#loan-renewal2022 #contact_form .wrap .form_wrap{
margin: 0 auto;
width: 100%;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
 /*コンタクトフォーム*/
#loan-renewal2022 #contact_form .wrap{width: 85%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
 /*コンタクトフォーム*/
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
 /*コンタクトフォーム*/
#loan-renewal2022 #contact_form .wrap{width: 95%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */

 /* ---------------------------------- */
}


/*入力フォーム*/

/*必須*/
#loan-renewal2022 #contact_form .form_table .must{
  color: #fff;
  background-color: #AA0000;
  border-radius: 2px;
  font-size: 14px;
  display: inline-block;
  padding: 3px 7px;
}

/*入力部分*/
#loan-renewal2022 #contact_form .form_table dl{
  border-bottom: 1px solid #DBDBDB;
}

#loan-renewal2022 #contact_form .form_table dl dt{
 font-size: 15px;
 line-height: 1.5;
}

#loan-renewal2022 #contact_form .form_table dl dd{
  width: 100%;
}

#loan-renewal2022 #contact_form .form_table dl dd input[type="text"],
#loan-renewal2022 #contact_form .form_table dl dd input[type="email"],
#loan-renewal2022 #contact_form .form_table dl dd textarea{
  border: 1px solid #000000;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;  
}

#loan-renewal2022 #contact_form .form_table dl dd input[type="text"],
#loan-renewal2022 #contact_form .form_table dl dd input[type="email"]{
  height: 46px;
}

#loan-renewal2022 #contact_form .form_table dl dd .add_table{
  width: 100%;
}

#loan-renewal2022 #contact_form .form_table dl dd .add_table th{
  font-weight: normal;
  text-align: left;
  width: 20%;
  padding-right: 20px;
  font-size: 15px;
}

#loan-renewal2022 #contact_form .form_table dl dd .add_table td{
  padding-bottom: 13px;
}
#loan-renewal2022 #contact_form .form_table dl dd .add_table td input[name="your-zip"]{
  width: 150px;
}
#loan-renewal2022 #contact_form .form_table dl dd .add_table td select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #000;
  border-radius: 4px;
  height: 30px;
  background: url( "../img/contact/icon_select.svg") right center no-repeat;
  width: 150px;
  box-sizing: border-box;
  padding-left: 10px;
}
#loan-renewal2022 #contact_form .form_table dl dd.radio > span,
#loan-renewal2022 #contact_form .form_table dl dd.check > span{
  display: block;
  margin-bottom: 10px;
}
#loan-renewal2022 #contact_form .form_table dl dd.radio input[type="radio"],
#loan-renewal2022 #contact_form .form_table dl dd.check input[type="checkbox"]{
  display: none;
}
#loan-renewal2022 #contact_form .form_table dl dd.radio label span,
#loan-renewal2022 #contact_form .form_table dl dd.check label span{
  position: relative;
  padding-left: 30px;
}
/*ラジオボタン*/
#loan-renewal2022 #contact_form .form_table dl dd.radio label span::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  transform: translate(0,-50%);  
}
#loan-renewal2022 #contact_form .form_table dl dd.radio input[type="radio"]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 6px;
  width: 10px;
  height: 10px;
  background: #008DE5;
  border-radius: 50%;
  transform: translate(0,-50%);  
}
/*チェックボックス*/
#loan-renewal2022 #contact_form .form_table dl dd.check label span::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 2px;
  transform: translate(0,-50%);    
}
#loan-renewal2022 #contact_form .form_table dl dd.check input[type="checkbox"]:checked + span::before{
  background-color: #008DE5;
}
#loan-renewal2022 #contact_form .form_table dl dd.check input[type="checkbox"]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 3px;  
  width: 6px;
  height: 10px;
  transform: rotate(45deg) translate(0,-50%);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;  
}
/*プライバシー*/
#loan-renewal2022 #contact_form .priv_box{
  background-color: #F0F0F0;
  margin: 0 auto 20px;
  width: 85%;
  font-size: 14px;
  padding: 16px 16px 15px;
  letter-spacing: 0.05em;
}
#loan-renewal2022 #contact_form .priv_box .priv_inner{
  overflow-y: scroll;
  height: 100%;  
}
#loan-renewal2022 #contact_form .priv_box .txt{
text-align: justify;
font-size: 12px;
line-height: 1.3;
letter-spacing: 0.03em;
}

#loan-renewal2022 #contact_form .priv_box .priv_inner h3{
  margin-bottom: 1.0em;
}
/*送信ボタン*/
#loan-renewal2022 #contact_form .submit_btn button{
  display: block;
  position: relative;
  max-width: 340px;
  width: 80%;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid #000;
  color: #fff;
  text-align: center;
  background-color: #000;
  transition-duration: .3s;
  font-size: 1.06rem;
  font-weight: bold;
}
#loan-renewal2022 #contact_form .submit_btn button::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
  width: 11px;
  height: 12px;
  background: url(../img/common/btn_arw_wh.svg) right center no-repeat;
  background-size: contain;
  transition-duration: .3s;  
}
#loan-renewal2022 #contact_form .submit_btn button:hover{
  color: #000;
  background-color: #FFE232;
}
#loan-renewal2022 #contact_form .submit_btn button:hover::after{
  background: url("../img/common/btn_arw_bk.svg") right center no-repeat;
  background-size: contain; 
  right: 15px;
}


@media screen and (min-width: 1024px){
#loan-renewal2022 #contact_form .form_table dl dd .add_table th{font-size: 13px;}
}

@media screen and (min-width: 901px){
#loan-renewal2022 #contact_form .form_table dl dd .add_table th{font-size: 13px;}

  #loan-renewal2022 #contact_form .form_table .must{
    margin-left: 13px;
  }
  #loan-renewal2022 #contact_form .form_table dl{
    display: flex;
    align-items: center;
    padding: 0 20px;
  }
  #loan-renewal2022 #contact_form .form_table dl dt{
    width: 221px;
  }
  #loan-renewal2022 #contact_form .form_table dl dd{
    flex: 1;
    padding: 30px 0 30px 0; 
  }
  /*プライバシー*/
  #loan-renewal2022 #contact_form .priv_box{
    height: 203px;
    max-width: 685px;
  }
  /*送信ボタン*/
 #loan-renewal2022 #contact_form .submit_btn button{
    height: 60px;
  }  
}

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


  #loan-renewal2022 #contact_form{
    padding: 30px 4% 35px;
  }

  #loan-renewal2022 #contact_form .form_table .must{
    font-size: 0.86rem;
    margin-left: 10px;
  }
  #loan-renewal2022 #contact_form .form_table dl{
    padding: 25px 0 30px;
  }
  #loan-renewal2022 #contact_form .form_table dl dt{
    width: 100%;
    margin-bottom: 15px;
  }
  /*プライバシー*/
  #loan-renewal2022 #contact_form .priv_box{
    height: 200px;
  }
  #loan-renewal2022 #contact_form .priv_box p{
    font-size: 0.86rem;
    line-height: 1.75;
  }
  /*送信ボタン*/
  #loan-renewal2022 #contact_form .submit_btn button{
    height: 50px;
    font-size: 1.0rem;
  }
}
@media screen and (max-width: 640px){

  #loan-renewal2022 #contact_form .form_table dl{
    padding: 20px 2% 25px;
  }

  #loan-renewal2022 #contact_form .form_table dl dd input[type="text"], 
  #loan-renewal2022 #contact_form .form_table dl dd input[type="email"]{
    height: 40px;
  }
  #loan-renewal2022 #contact_form .form_table dl dd .add_table th,
  #loan-renewal2022 #contact_form .form_table dl dd .add_table td{
    display: block;
    width: 100%;
  }
  #loan-renewal2022 #contact_form .form_table dl dd .add_table th{
    font-size: 0.86rem;
    padding-bottom: 5px;
  }
  #loan-renewal2022 #contact_form .form_table dl dd.radio label span, 
  #loan-renewal2022 #contact_form .form_table dl dd.check label span{
    font-size: 0.86rem;
  }
  /*プライバシー*/
  #loan-renewal2022 #contact_form .priv_box{
    height: 160px;
  }
}


/** --------------------------------------------------
block08
-------------------------------------------------- **/
#loan-renewal2022 #block08{
margin: 0 auto;
width: 100%;
padding: 5%;

background-image: url( "../img/loan/block08-bg.jpg");
background-size:cover;
background-repeat:repeat;
background-position:center;
}

#loan-renewal2022 #block08 .title{
margin: 0 auto 4%;
width: 500px;
}

/*リンクボタン共通*/
#loan-renewal2022 #block08 div{
text-align: center!important;

margin: 0 auto;
padding: 1.5% 0;
width: 550px;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.05em;
color: #744f4a;
background: rgba(255,255,255,.9);
border-radius: 100px;
}

/*telボタン指定*/
#loan-renewal2022 #block08 .tel h2{
margin: 1% auto 0;
font-size: 60px;
font-family: 'Bebas Neue', cursive;
}

#loan-renewal2022 #block08 .tel h2::before{
content: url( "../img/loan/blocl08-tel-mark.png");
display: inline-block;
vertical-align: middle;
transform: scale(0.7);
padding-right: 5px;
margin-top: 7px;
}

/*LINEボタンのみ色など指定い*/
#loan-renewal2022 #block08 .line{
text-align: center!important;

margin-top: 2%;
font-size: 22px;
font-weight: 700;
color: #fff;
background: #39b353;
}

/*リンクホバー共通*/
#loan-renewal2022 #block08 a:hover{
opacity: 0.7;
transition-duration: 0.5s;
}


/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#loan-renewal2022 #block08{padding: 10%;}
#loan-renewal2022 #block08 .title{margin: 0 auto 7%;}

/*リンクボタン共通*/
#loan-renewal2022 #block08 div{padding: 3% 0;}

/*telボタン指定*/
#loan-renewal2022 #block08 .tel h2{
margin: 0 auto;
font-size: 55px;
}

#loan-renewal2022 #block08 .tel h2::before{
padding-right: 0px;
transform: scale(0.6);
}

/*LINEボタンのみ色など指定*/
#loan-renewal2022 #block08 .line{
margin-top: 4%;
font-size: 20px;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#loan-renewal2022 #block08 .title{width: 70%;}

/*リンクボタン共通*/
#loan-renewal2022 #block08 div{
padding: 4% 0;
width: 80%;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 680px) {
 /* ---------------------------------- */
/*リンクボタン共通*/
#loan-renewal2022 #block08 div{width: 85%;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#loan-renewal2022 #block08{padding: 15% 10%;}
#loan-renewal2022 #block08 .title{width: 85%;}
/*リンクボタン共通*/
#loan-renewal2022 #block08 div{
padding: 5% 0;
width: 100%;
font-size: 15px;
}
/*telボタン指定*/
#loan-renewal2022 #block08 .tel h2{
margin-top: 0;
margin-left: -4%;
font-size: 45px;
}

#loan-renewal2022 #block08 .tel h2::before{
transform: scale(0.5);
margin-top: 4px;
}

#loan-renewal2022 #block08 .tel>p:nth-of-type(1){margin-bottom: -2%;}
#loan-renewal2022 #block08 .tel>p:nth-of-type(2){margin-top: -2%;}

/*LINEボタンのみ色など指定*/
#loan-renewal2022 #block08 .line{
margin-top: 6%;
font-size: 16px;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#loan-renewal2022 #block08{padding: 15% 5%;}
#loan-renewal2022 #block08 .title{width: 90%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
/*LINEボタンのみ色など指定*/
#loan-renewal2022 #block08 .line{
margin-top: 7%;
font-size: 14px;
}
 /* ---------------------------------- */
}


/** --------------------------------------------------
確認画面上のテキスト
-------------------------------------------------- **/
#loan-renewal2022 #contact_form .caution{
margin: 0 auto;
width: 100%;
text-align: center;
font-size: 16px;
line-height: 1.5;
}

#loan-renewal2022 #contact_form .caution span{
color:#FF0004;
font-size: 18px;
font-weight: bold;
}

@media screen and (max-width: 768px){
#loan-renewal2022 #contact_form .caution{
font-size: 14px;
line-height: 1.7;
}

#loan-renewal2022 #contact_form .caution span{
font-size: 16px;
}
}