@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;} 
.header{width:100%;margin: 0px auto 0px auto;text-align:center; padding: 0px 0 0px 0;}

/*アンカー*/
#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%;}
.lp img{width:100%;}
.lp1{width:85%;margin: 0px auto 0px auto;text-align:center; padding: 30px 0% 0px 0%;}
.lp2{width:85%;margin: 0px auto 0px auto;text-align:center; padding: 30px 0% 70px 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/bg1.jpg');background-size: cover;background-position: center top;background-repeat: repeat-y;padding:0px 0 20px 0;}
.lpbg2{width:100%;height:auto;margin: 0px auto 0px auto;text-align:left; padding: 20px 8% 15px 8%;background-color:#44C7C1;font-size:1.8rem;font-weight:400;color:#fff;line-height: 170%;}
.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 0px auto;font-size: 1.8rem;font-weight:700;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: 30px 0% 30px 0%;}

.flex1 {width:100%;display: flex;flex-direction: column;align-items: center;margin: 30px auto 30px;padding:20px 0 50px 0;}
.flex1 li {width:100%;height:auto;margin: 15px;}

.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:85%;text-align: center;margin: 70px auto 30px;position: relative}
.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:100%;margin: 0px auto 30px auto;text-align:center; padding: 30px 0% 30px 0%;border-bottom:1px solid #000}
.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:40%;text-align: center;margin: 50px auto 30px;}


/* font */
.font1{font-size:2.4rem;line-height: 150%;color:#000;padding: 0px 0 20px 0;font-weight: 700;text-align:center;}
.font2{font-size:1.8rem;line-height: 160%;color:#000;padding: 0px 0 50px 0;font-weight: 700;text-align:left;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.font3{font-size:1.8rem;line-height: 160%;color:#000;padding: 30px 0 0px 0;font-weight: 700;text-align:left;}
.font4{font-size:2.4rem;line-height: 160%;color:#D80003;padding: 0px 0 40px 0;font-weight: 700;text-align:left ;text-decoration:underline wavy #D80003;text-underline-offset: 10px;}
.font5{font-size:2.2rem;line-height: 170%;color:#FFF462;padding: 0px 0 40px 0;font-weight: 700;text-align:left ;text-decoration:underline wavy #FFF462;text-underline-offset: 10px;}
.font6{font-size:2.0rem;line-height: 160%;color:#fff;padding: 30px 0 0px 0;font-weight: 700;text-align:left;}
.font7{font-size:1.8rem;line-height: 160%;color:#000;padding: 0px 0 30px 0;font-weight: 700;text-align:center;}
.font8{font-size:2.2rem;line-height: 160%;color:#C4161D;padding: 0px 0 0px 0;font-weight: 700;text-align:center;}
.font10{font-size:2.2rem;line-height: 160%;color:#C4161D;padding: 0px 0 0px 0;font-weight: 700;text-align:center;}
.font11{font-size:2.4rem;line-height: 160%;color:#000;padding: 0px 0 30px 0;font-weight: 700;text-align:center;}
.font12{font-size:2.4rem;line-height: 160%;color:#000;padding: 0px 0 30px 0;font-weight: 700;text-align:center;}
.font13{font-size:2.0rem;line-height: 160%;color:#000;padding: 0px 0 30px 0;font-weight: 700;text-align:center;}
.font14{font-size:3.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:left;}

.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;}