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

body {animation: bodyFadeIn 2s ease 0s 1 normal;-webkit-animation: bodyFadeIn 2s ease 0s 1 normal;}
@keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes bodyFadeIn {0% {opacity: 0}100% {opacity: 1}}

h3{margin: 0px auto 0px auto;text-align:center; padding: 0px 0 0px 0;}
body{font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
html { font-size: 62.5%; scroll-behavior: smooth;}
img {max-width: 100%;height: auto;border:0;} 



/* グローバルナビ*/
.gnavi {width:984px;margin: 15px auto 0px auto;}
.gnavi_bg {width:100%;margin: 0px auto 0px auto;background-image:url(../navi/navibg.jpg);}
.gnavi:after {content: "";clear: both;display: block;}
.gnavi li {float: left;width: 164px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 32px;font-size:140%; color: #fff;margin: 0px 0px 0px auto;background:#000}
.gnavi a {display: block;text-decoration: none;color: #000;}
.gnavi li:nth-child(8) {font-size: 13px;}


/*アンカー*/
#point1{padding-top:50px;margin-top:-50px;}
#point2{padding-top:50px;margin-top:-50px;}
#point3{padding-top:50px;margin-top:-50px;}
#point4{padding-top:50px;margin-top:-50px;}
#point5{padding-top:50px;margin-top:-50px;}
#point6{padding-top:50px;margin-top:-50px;}
#point7{padding-top:50px;margin-top:-50px;}

/* ホーバー*/
a img.opacity,.hoverimg a img{-webkit-transition: all .3s;transition: all .3s;}
.hoverimg a:hover img{ opacity:0.7;}
a img.opacity:hover{opacity:0.3;}

.lp{width:100%;margin: 0px auto 0px auto;text-align:center; padding: 0px 0% 0px 0%; border-top: 2px solid #35ADBE;}
.lp1{max-width:1200px;width:85%;margin: 0px auto 80px auto;text-align:center; padding: 30px 0% 0px 0%;}
.lp2{width:85%;margin: 0px auto 0px auto;text-align:center; padding: 30px 0% 30px 0%;}
.lp22{width:85%;margin: 0px auto 0px auto;text-align:center; padding: 0px 0% 30px 0%;}
.lp222{width:85%;margin: 0px auto 0px auto;text-align:center; padding: 0px 0% 0px 0%;}
.lp3{width:100%;margin: 0px auto 0px auto;text-align:center; padding: 20px 0% 0px 0%;}
.lp4{width:100%;margin: 0px auto 0px auto;text-align:center; padding: 0px 0% 30px 0%;}

.lpbg{background-image: url('../img/7point/bg.jpg');background-position: center top;padding:0px 0 80px 0;}
.lpbg2{width:100%;height:auto;margin: 0px auto 0px auto;text-align:left; padding: 20px 8% 0px 8%;background-color:#44C7C1;font-size:3.0rem;font-weight:700;color:#fff;line-height: 220%;}
.lpbg3{width:100%;margin: 0px auto 0px auto;text-align:center; padding: 50px 0% 0px 0%;background-color:#ECECEC;position: relative}

.lpbg4{width:100%;background-image: url('../img/7point/bg4.jpg');background-size: cover;background-position: center top; background-repeat: repeat-y;font-size: 1.8rem;font-weight:700;text-align: center;padding:20px 0 20px 0;margin: 0px auto 0px auto;color: #fff;}

.lpbg5{width:100%;background-color: rgba(68, 199, 193, .8);color: #fff;padding:20px 0 20px 0;margin:0px auto 50px auto;font-size: 2.4rem;font-weight:700;text-align: center;}
.lpbg55{max-width:1000px;width:80%;padding:20px 0 20px 0;margin: 50px auto 0px auto;text-align: center;}

.lpbg6{width:100%;margin: 0px auto 0px auto;text-align:center; padding: 0px 0% 0px 0%;background-color:#DAF4F3;}

.number{width:38%;margin: 20px auto 20px auto;text-align:center; }
.seikyu{width:100%;margin: 0px auto 0px auto;text-align:center; padding: 40px 0% 50px 0%;}


.pointnavi {width:1200px;width:80%;margin: 20px auto 20px auto;display: flex;flex-wrap: wrap;}
.column {width: calc(50% - 20px); margin: 10px;box-sizing: border-box; }


.point1 {max-width:1200px;width:80%;margin: 20px auto 20px auto;text-align:center;line-height: 200%;font-size:2.0rem;}


.photo {width:100%;display: flex;flex-direction: column;align-items: center;margin: 0px auto 0px;padding:0px 0 0px 0;}
.photo li {width:100%;height:auto;margin: 0px auto 20px;}

.choice{width:100%;text-align: center;margin:0px auto 40px;background-color:#C3161D;}
.scroll1{width:7%;margin: 0px auto 0px auto;text-align:center; padding: 30px 0 40px 0;position: absolute;top: -10%;left: 50%;transform: translate(-50%, -50%);}
.loan{width:100%;text-align: center;margin: 0px auto 0px;position: relative}
.scroll2{width:7%;margin: 0px auto 0px auto;text-align:center; padding: 30px 0 40px 0;position: absolute;top: -0%;left: 50%;transform: translate(-50%, -50%);}

.lpbg6{width:100%;margin: 0px auto 0px auto;text-align:center; padding: 0px 0% 0px 0%;background-color:#DAF4F3;position: relative}
.scroll3{width:7%;margin: 0px auto 0px auto;text-align:center; padding: 30px 0 40px 0;position: absolute;bottom: -4.5%;left: 50%;transform: translate(-50%, -50%);}


.hp{width:40%;margin: 30px auto 30px auto;text-align:center; padding: 30px 0% 30px 0%;}
.cap{width:100%;margin: 0px auto 0px auto;text-align:left ;padding: 0px 0px 0px 0px;font-size:1.2rem;line-height: 150% !important;}	
.cap2{width:96%;margin: 0px auto 0px auto;text-align:left ;padding: 0px 0px 10px 0px;font-size:1.2rem;line-height: 150% !important;}	
.quality{width:20%;text-align: center;margin: 0px auto 30px;padding: 50px 0px 10px 0px;}


/* font */
.font1{font-size:2.8rem;line-height: 150%;color:#000;padding: 0px 0 20px 0;font-weight: 700;text-align:center;}
.font2{font-size:2.2rem;line-height: 160%;color:#000;padding: 0px 0 50px 0;font-weight: 700;text-align:center;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.font3{font-size:2.2rem;line-height: 160%;color:#000;padding: 30px 0 0px 0;font-weight: 700;text-align:center;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.font4{font-size:2.8rem;line-height: 160%;color:#D80003;padding: 0px 0 40px 0;font-weight: 700;text-align:center ;text-decoration:underline wavy #D80003;text-underline-offset: 10px;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.font5{font-size:2.8rem;line-height: 170%;color:#FFF462;padding: 0px 0 40px 0;font-weight: 700;text-align:center ;text-decoration:underline wavy #FFF462;text-underline-offset: 10px;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.font6{font-size:2.4rem;line-height: 160%;color:#fff;padding: 30px 0 0px 0;font-weight: 700;text-align:center;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.font7{font-size:2.2rem;line-height: 160%;color:#000;padding: 0px 0 0px 0;font-weight: 700;text-align:center;}
.font8{font-size:3.0rem;line-height: 160%;color:#C4161D;padding: 0px 0 0px 0;font-weight: 700;text-align:center;}
.font10{font-size:2.8rem;line-height: 160%;color:#C4161D;padding: 0px 0 0px 0;font-weight: 700;text-align:center;}
.font11{font-size:3.0rem;line-height: 160%;color:#000;padding: 0px 0 30px 0;font-weight: 700;text-align:center;}
.font12{font-size:3.0rem;line-height: 160%;color:#000;padding: 0px 0 30px 0;font-weight: 700;text-align:center;}
.font13{font-size:2.4rem;line-height: 160%;color:#000;padding: 0px 0 30px 0;font-weight: 700;text-align:center;}
.font14{font-size:4.9rem;line-height: 140%;color:#C4161D;padding: 50px 0 30px 0;font-weight: 700;text-align:center;}
.font15{font-size:1.8rem;line-height: 160%;color:#000;padding: 0px 0 0px 0;font-weight: 700;text-align:center;}

.b30 { margin-bottom:30px; }
.b10 { margin-bottom:10px; }
.b20 { margin-bottom:20px; }
.t30 { margin-top:30px; }


/* scroll */
#page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99}
#page-top a {background-color:#929A94;text-decoration: none;color: #fff;font-weight:bold;width: auto;padding: 0px 0;text-align: center;display: block;z-index:99}
#page-top a:hover {text-decoration: none;background-color:#929A94;}