html {
 overflow-y: scroll;
scroll-behavior:smooth;
overflow-x: hidden;
}

body {
margin:0 auto;
padding:0;
font-family: "Noto Sans JP",'Hiragino Sans','ヒラギノ角ゴシック','メイリオ', 'Meiryo','ＭＳ Ｐゴシック','MS PGothic' !important;
}

.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
margin:0 auto;
    vertical-align:bottom;
}

div:after,
ul:after {
 content: "";
display: block;
 clear: both;
}

ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
}

a img {
    transition: opacity 0.1s linear;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*汎用*/

.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 991px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
.pc2 { display: block !important; }
.sp2 { display: none !important; }
@media only screen and (max-width: 768px) {
.pc2 { display: none !important; }
.sp2 { display: block !important; }
}

.tact{text-align:center;}
.talt{text-align:left;}
.tart{text-align:right;}



/*base*/

.baseInner{
    max-width:1140px;
    margin:0 auto;
    position:relative;
    padding: 0 15px;
}


/*header*/

.headerOuter{
    border-bottom:1px solid #ccc;
}
.headerLogo{
    text-align:left;
    padding:10px 0;
}
.btnBack {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    right: 0;
}
@media only screen and (max-width: 992px) {
.btnBack {
    display:none;
}
}

/*mainimage*/

/*info*/

.menuOuter{
    background-image: url(../eloan_freeloan/bg_menu.png);
    padding:0 15px;
    margin: 0px auto;
    background-position: bottom center;
    text-align:center;
}
.info01Inner{
    max-width:1000px;
    margin:0 auto;
}
.info01Inner ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width:552px;
    margin:0 auto;
}
.info01Inner li{
    width:calc(100% / 3);
    padding:17px;
    text-align:center;
    box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
.menuOuter{
    background-position: center;
}
}
@media only screen and (max-width: 468px) {
.menuOuter{
    padding:0 5px;
}
.info01Inner li{
    padding:5px;
}

}


/***/


.introOuter{
    background-image: url(../eloan_freeloan/bg_intro.png);
    padding: 0 15px;
    margin: 0px auto;
    background-size: cover;
    background-position: center;
    text-align:center;
}
.info02Inner,
.tips{
    max-width:900px;
    margin:0 auto;
    padding:0 10px;
}
.info02Inner h3{
    position:relative;
    font-size:40px;
    margin: 0;
    padding: 63px 0 31px;
}

.info02Inner h3:before,
.info02Inner h3:after{
    background-repeat: no-repeat;
    content:"";
    display:inline-block;
    width:32px;
    height:52px;
    position:relative;
    top: 10px;
}
.info02Inner h3:before{
    background-image:url(../eloan_freeloan/svg/item_slash_L.svg);
}
.info02Inner h3:after{
    background-image:url(../eloan_freeloan/svg/item_slash_R.svg);
}
.info02Inner dl{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin:0 auto;
    padding:0;
    max-width:1000px;
}
.info02Inner dl dt{
    width:calc(50%);
    margin:0;
    padding:0;
}
.info02Inner dl dd{
    width:calc(50%);
    margin:0;
    padding:0;
}


.info02Inner dl dt ul{
}
.info02Inner dl dt ul li{
    position:relative;
    font-size:22px;
    text-align:left;
    padding:10px 0;
    text-indent: -1.55em;
    margin: 0 0 0 1.55em;
}
.info02Inner dl dt ul li:before{
    background-image:url(../eloan_freeloan/svg/item_checkbox.svg);
    background-repeat: no-repeat;
    content:"";
    display:inline-block;
    width:28px;
    height:28px;
    position:relative;
    padding:0 5px 0 0;
    top:6px;
}

@media only screen and (max-width: 878px) {
.info02Inner h3{
    position:relative;
    font-size:30px;
    margin: 0;
    padding: 60px 30px 60px;
}
.info02Inner h3:before,
.info02Inner h3:after{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
.info02Inner h3:before{
    left:5px;
}
.info02Inner h3:after{
    right:5px;
}
.info02Inner dl dt{
    width:calc(100%);
    max-width:473px;
    margin:0 auto;
}
.info02Inner dl dd{
    width:calc(100%);
    max-width:473px;
}
}
@media only screen and (max-width: 478px) {
.info02Inner h3{
    position:relative;
    font-size:21px;
    margin: 0;
    padding: 30px 30px 30px;
}
}



/* * */


.pointOuter{
    background-color:#fff;
    padding: 0px 15px 65px;
    margin: 0px auto;
    text-align:center;
}

.info03Inner{
    max-width:1000px;
    margin:0 auto;
    background-color:#fff;
    padding:15px;
    text-align:center;
}
.info03Inner h3{
    color:#237ecc;
    font-size:55px;
    line-height:86px;
    position:relative;
    z-index:10;
    margin:0;
    padding:68px 0 66px;
}
.info03Inner h3 span{
    position:relative;
    z-index:10;
    background: linear-gradient(transparent 75%, #fff000 75%);
}
.info03Inner p{
    font-size:20px;
    margin:0;
    padding:0 0 42px;
    font-weight:bold;
}
.info03Inner ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width:800px;
    margin:0 auto;
}
.info03Inner ul li{
    width:calc(100% / 3);
    padding: 6px;
    box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
.info03Inner h3{
    font-size: 6vw;
    line-height: 1.8em;
}
}
@media only screen and (max-width: 578px) {
.info03Inner p{
    font-size:16px;
}
.info03Inner ul li{
    width:calc(100% / 2);
}
}

/***/
.exampleOuter{
    background-image: url(../eloan_freeloan/bg_example.jpg);
    padding: 62px 15px 55px;
    margin: 0px auto;
    background-size: cover;
    background-position: center;
    text-align:center;
}
.exampleInner{
    max-width:1000px;
    margin:0 auto;
    background-color:#fff;
    padding:47px 32px 32px;
    border-radius:10px;
}
.exampleInner h3{
    margin:0;
    padding:0 0 32px;
    font-size:31px;
    font-weight:bold;
}

.exampleBox{
    border:4px solid #237ecc;
    max-width:881px;
    margin:0 auto;
}
.exampleBox h4{
    font-size:28px;
    color:#fff;
    background-color:#237ecc;
    margin:0;
    padding: 9px 0 15px;
}
.exampleBox h5{
    font-size:25px;
    font-weight:normal;
    padding:28px 0 20px;
    width:92%;
    margin:0 auto;
    border-bottom:4px solid #237ecc;
}
.exampleBox dl{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width:92%;
    margin:0 auto;
    padding:30px 0 17px;
}
.exampleBox dl dt{
    padding:0 30px;
    width:50%;
    box-sizing: border-box;
}
.exampleBox dl dt div{
    background-color:#ededed;
    font-size:26px;
    width:100%;
    padding:18px 34px;
    text-align:left;
    box-sizing: border-box;
}
.exampleBox dl dt div span{
    font-size:21px;
}
.exampleBox dl dd{
    width:50%;
    padding:0;
    margin:0;
    font-size:63px;
    text-align:left;
    font-weight:bold;
}
.exampleBox dl dd p{
    font-size:18px;
    margin: 0 0 -17px;
    font-weight:normal;
}
.exampleBox dl dd span{
    font-size:36.7px;
    font-weight:bold;
}
@media only screen and (max-width: 992px) {
.exampleBox dl dt{
    padding:0 30px;
    width:100%;
}
.exampleBox dl dt div{
    text-align:center;
}
.exampleBox dl dd{
    width:100%;
    text-align:center;
    padding:15px 0 0;
}
}
@media only screen and (max-width: 468px) {
.exampleInner{
    padding:10px;
}
.exampleBox h4{
    font-size:21px;
}
.exampleBox h5{
    font-size:18px;
    width:97%;
}
.exampleBox dl{
    width:97%;
}
.exampleBox dl dt{
    padding:0 10px;
}
.exampleBox dl dt div{
    font-size:18px;
    padding:18px 10px;
}
.exampleBox dl dt div span{
    font-size:14px;
}
.exampleBox dl dd{
    font-size:40px;
}
.exampleBox dl dd p{
    font-size:12px;
    margin: 0 0 -6px;
}
.exampleBox dl dd span{
    font-size:24px;
}
}


/***/
.entryOuter{
    padding:76px 15px 90px;
}
.rFrame{
    border:8.5px solid #ea1c24;
    border-radius:14px;
    max-width:1030px;
    margin:0 auto;
}
.entryInner{
    text-align:center;
}
.entryInner h3{
    font-size:27px;
}
.entryInner p{
    font-size:17px;
    padding: 0 10px;
}
.entryInner h4{
    font-size:24px;
    color:#6e6e6e;
    border-top:4px solid #c6c6c6;
    border-bottom:4px solid #c6c6c6;
    position:relative;
    width:80%;
    margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height:75px;
}
.entryInner h4:before{
    background-image:url(../eloan_freeloan/svg/icon_pc.svg);
    background-repeat: no-repeat;
    content:"";
    display:inline-block;
    width:50px;
    height:42px;
    position:relative;
    padding:0 5px 0 0;
}
.entryInner .btnEntry{
    padding:48px 0 60px;
    width:80%;
    margin:0 auto;
}
.entryInner .btnEntry a{
    max-width: 500px;
    width: 100%;
    display: block;
    background-color: #ea1c24;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
    text-align: center;
    border-radius: 4px;
    border-top: 0px solid #fff;;
    border-bottom: 4px solid rgba(0,0,0,0.4);
    margin: 0 auto;
    padding: 41px 40px;
    position:relative;
    transition: all 0.2s linear;
    box-sizing: border-box;
}
.entryInner .btnEntry a:hover{
    opacity:0.8;
    border-radius: 8px 8px 4px 4px;
    border-top: 4px solid #fff;;
    border-bottom: 0px solid rgba(0,0,0,0.4);
}
.entryInner .btnEntry a:after{
    content: "";
    background-image:url(../eloan_freeloan/svg/item_arrow.svg);
    background-position:center;
    width:24px;
    height:24px;
    position: absolute;
    top:50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

@media only screen and (max-width: 578px) {
.entryInner h4{
    width:90%;
    padding:10px 10px 10px 45px;
    box-sizing: border-box;
    font-size:18px;
    height:auto;
}
.entryInner h4:before{
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
.entryInner .btnEntry{
    width:90%;
}
.entryInner .btnEntry a{
    font-size:16px;
    padding: 21px 45px 21px 11px;
    transition: all 0.2s linear;
    box-sizing: border-box;
}
}


/***/

.bOuter{
    background-color:#e7f7f6;
    padding: 43px 15px 63px;
    margin: 0px auto;
    text-align:center;
}
.info04Inner{
    max-width:1000px;
    margin:0 auto;
}
.info04Inner h3{
    background: -moz-linear-gradient(left,  rgba(35,126,204,0) 0%, rgba(35,126,204,1) 11%, rgba(35,126,204,1) 50%, rgba(35,126,204,1) 89%, rgba(35,126,204,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(35,126,204,0) 0%,rgba(35,126,204,1) 11%,rgba(35,126,204,1) 50%,rgba(35,126,204,1) 89%,rgba(35,126,204,0) 100%);
    background: linear-gradient(to right,  rgba(35,126,204,0) 0%,rgba(35,126,204,1) 11%,rgba(35,126,204,1) 50%,rgba(35,126,204,1) 89%,rgba(35,126,204,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00237ecc', endColorstr='#00237ecc',GradientType=1 );
    color:#fff;
    font-size:31px;
    padding: 13.5px;
    margin:0 0 50px;
}

.info05Inner{
    max-width:1000px;
    margin:0 auto;
}
.info05Inner ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin:20px -25px 40px 0;
}
.info05Inner li{
    width:calc(25% - 25px);
    position:relative;
    margin-right:25px;
}
.info05Inner li:after{
    background-image:url(../eloan_freeloan/svg/item_steparrow.svg);
    background-repeat: no-repeat;
    content:"";
    display:block;
    width:15px;
    height:28px;
    position:absolute;
    right: -20px;
    top:115px;
}
.info05Inner li:last-child::after{
    display:none;
}
.info05Inner li p{
    width: 95%;
    text-align: left;
    margin: 10px auto 30px;
    font-size:14px;
    line-height:22px;
}

@media only screen and (max-width: 992px) {
.info05Inner ul{
    margin:20px 0 40px 0;
}
.info05Inner li{
    width:calc(100%);
    position:relative;
    margin-right:0;
    margin-bottom:50px;
}
.info05Inner li:after{
    position:absolute;
    right:auto;
    top:auto;
    bottom:-15px;
    left: 50%;
    transform: translateX(-50%)  rotate(90deg);
    -webkit- transform: translateX(-50%)  rotate(90deg);
}
.info05Inner li p{
    width: 66%;
}
}
@media only screen and (max-width: 678px) {
.info04Inner h3{
    font-size:5vw;
}
}

.infoOuter{
    background-color:#fff;
    padding: 0px 15px;
    margin: 0px auto;
}
.info06Inner{
    max-width:920px;
    margin:0 auto;
    background-color:#fff;
    border-radius:16px;
    padding: 15px 50px;
    box-sizing: border-box;
}
.info06Inner h3{
    text-align:center;
    font-size:38px;
    font-weight:bold;
    padding:120px 0 77px;
}
.info06Inner dl{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    height: 125px;
}
.info06Inner dl:nth-child(even){
    background-color:#f2f4f6;
}
.info06Inner dt{
    font-size:19px;
    width:100%;
    max-width:238px;
    margin:0;
    padding: 25px;
    box-sizing: border-box;
    text-align:left;
    font-weight:bold;
}
.info06Inner dd{
    font-size:17px;
    width:calc(100% - 238px);
    margin:0;
    padding:0;
    line-height: 30px;
}

.info06Inner .btnEntry{
    padding:70px 0 132px;
    width:80%;
    margin:0 auto;
}
.info06Inner .btnEntry a{
    max-width: 500px;
    width: 100%;
    display: block;
    background-color: #237ecc;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    text-align: center;
    border-radius: 4px;
    border-top: 0px solid #fff;;
    border-bottom: 4px solid rgba(0,0,0,0.4);
    margin: 0 auto;
    padding: 41px 40px;
    position:relative;
    transition: all 0.2s linear;
    box-sizing: border-box;
}
.info06Inner .btnEntry a span{
    font-size:25px;
    border-bottom:1px solid #fff;
    padding: 0 0 7px;
    margin: 0 0 7px;
    display: inline-block;
}
.info06Inner .btnEntry a:hover{
    opacity:0.8;
    border-radius: 8px 8px 4px 4px;
    border-top: 4px solid #fff;;
    border-bottom: 0px solid rgba(0,0,0,0.4);
}
.info06Inner .btnEntry a:after{
    content: "";
    background-image:url(../eloan_freeloan/svg/item_arrow.svg);
    background-position:center;
    width:24px;
    height:24px;
    position: absolute;
    top:50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

@media only screen and (max-width: 992px) {
.info06Inner{
    padding: 10px 15px;
}
.info06Inner dl{
    height: auto;
    padding:10px;
}
.info06Inner dt{
    width:calc(100%);
    max-width: 100%;
    margin:0;
    padding:10px;
    border-bottom:1px solid #3f3f3f;
}
.info06Inner dd{
    width:calc(100%);
    padding:10px;
}
}
@media only screen and (max-width: 578px) {

.info06Inner .btnEntry{
    width:90%;
}
.info06Inner .btnEntry a{
    font-size:16px;
    padding: 21px 45px 21px 11px;
    transition: all 0.2s linear;
    box-sizing: border-box;
}
.info06Inner .btnEntry a span{
    font-size:21px;
}
}

/* app */

.appOuter{
    background-image:url(../eloan_freeloan/bg_app.png);
}
.appInner{
    max-width:1000px;
    margin:0 auto;
}
.appInner dl{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.appInner dt{
    width:calc(100% - 380px);
}
.appInner dd{
    width:380px;
    margin: 0 0 0 -90px;
    padding:0;
}
.appBtn{
    text-align:center;
}
@media only screen and (max-width: 992px) {
.appInner dd{
    margin: 0 -45px 0 -45px;
}
}
@media only screen and (max-width: 768px) {
.appOuter{
    padding:30px 15px 0;
}
.appInner dt{
    width:calc(100%);
    text-align:center;
}
.appInner dd{
    width:calc(100%);
    max-width:280px;
    margin: 15px 0 0;
}
}



/*footer*/

.footerOuter{
    border-top:5px solid #3c3c3c;
    border-bottom:5px solid #3c3c3c;
    padding:30px 10px;
    text-align:center;
}
.footerInner{}

/* * */
.telLink{
    pointer-events: none;
    color:#000;
    text-decoration:none;
    
}
.telLink:hover{
    text-decoration:none;
}
@media only screen and (max-width: 768px) {
.aboutInner{
    max-width:900px;
    margin:0 auto;
    background-color:#fff;
    padding:15px;
}

.telLink{
    font-size:21px;
    pointer-events: auto;
    border:3px solid #000;
    border-radius:12px;
    width:100%;
    text-align:center;
    display:Block;
    margin:10px auto;
    position:relative;
    padding:10px;
    box-sizing: border-box;
}
.telLink:after{
    content: "＞";
    font-weight : 900;
    position: absolute;
    top:50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
}
@media only screen and (max-width: 568px) {
.telLink{
    font-size:16px;
    padding:5px;
}
}

/*copyright*/

.copyright{
    max-width:1000px;
    margin:0 auto;
    padding:30px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.copyright dl{
    margin:0;
    padding:0;
    width: 100%;
    margin: 0;
}
.copyright dt{
    margin:0;
    padding:0;
}
.copyright dd{
    font-size:10px;
    margin:0;
    padding:0;
    text-align:right;
}

@media only screen and (max-width: 768px) {
.copyright dl{
    width: 100%;
    text-align:center;
    margin-bottom:15px
}
.copyright dd{
    text-align:center;
    padding:15px 0 0;
}
}