@charset "utf-8";

@font-face{
font-family:"源柔ゴシック";
src:url("fonts/GenJyuuGothic-P-Heavy.ttf");
}

/**********リセット**********/
*{margin:0; padding:0; box-sizing:border-box; list-style:none; line-height:1;}

/**********共通**********/
html{font-size:62.5%;}
body{font-family:'Noto Sans Japanese', sans-serif; font-size:1.8rem; color:#333; background:url("images/back_dot.png");}
.inner{max-width:1300px; margin:auto;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;}
.fr{float:right;}

a,a:hover{color:#023894; cursor:pointer;}
a:hover{text-decoration:none; opacity:0.8; transition:0.2s;}
img{max-width:100%; height:auto; vertical-align:top;}
p{line-height:1.8;}
table{border-collapse:collapse; width:100%; margin-bottom:40px;}
table th,
table td{padding:15px; border:2px #ccc solid; background:#fff; line-height:1.5;}
table th{background:#023894; color:#fff;}

/**********ヘッダ**********/
header{}
.header_content{padding:15px;}
.header_content img{width:235px; height:auto;}

/**********メイン**********/
main{}
section{max-width:1450px; margin:100px auto;}
section:first-child{margin-top:0;}

section#mainimage{background:url("images/mainimage_back.png") no-repeat top;}
.mainimage_column{display:flex; column-gap:40px; padding:40px; padding-bottom:0;}
.initial_cost{display:block; width:20.0rem; height:20.0rem; background:#fff; border-radius:50%; padding:30px; font-family:"源柔ゴシック", sans-serif; text-align:center; margin-bottom:10px; float:right;}
.initial_cost .txt1{display:block; font-size:3.0rem; font-weight:900; color:#ffcc00;}
.initial_cost .txt2{display:block;}
.initial_cost .txt2 .number{font-size:12.0rem; font-weight:900; color:#023894;}
.initial_cost .txt2 .yen{font-size:4.0rem; font-weight:900; color:#023894;}
.mainimage_column .txt{flex:1;}
.mainimage_column .txt .title{clear:both; display:block; font-family:"源柔ゴシック", sans-serif; font-size:7.2rem; white-space:nowrap; margin-bottom:30px;}
.mainimage_column .txt .title1{display:block; color:#fff; margin-bottom:20px;}
.mainimage_column .txt .title2{display:block; color:#023894;}
.mainimage_column .txt .plan{display:block; background:#023894; font-size:3.0rem; font-weight:900; color:#fff; text-align:center; border-radius:30px; padding:10px; margin-bottom:30px;}
.mainimage_column .txt .button{display:inline-block; background:#fff; padding:15px; font-size:2.2rem; font-weight:700; color:#023894; text-decoration:none; text-align:center; float:right;}
.mainimage_column .txt .button .txt{font-size:1.2rem; display:block; margin-bottom:10px;}
.mainimage_column .txt .button .link:before{font-family:'Font Awesome 5 Free'; content:'\f0da'; margin-right:10px;}

section#about{}
section#about h2{font-family:"源柔ゴシック", sans-serif; font-size:4.0rem; color:#023894; text-align:center; margin-bottom:80px; position:relative;}
section#about h2:after{font-family:'Font Awesome 5 Free'; content:'\f141'; color:#ffcc00; position:absolute; bottom:-60px; left:50%; transform:translateX(-50%);}
.about_content .title{font-size:3.6rem; font-weight:500; text-align:center; color:#023894; margin-bottom:40px;}
.about_content .txt{font-size:2.4rem; text-align:center; margin-bottom:80px;}
.about_content .pic{text-align:center;}

section#point{background:url("images/point_back.png") no-repeat top center;}
section#point h2{font-size:7.2rem; font-weight:900; text-align:center; color:#023894; padding:40px 0; margin-bottom:80px; position:relative;}
section#point h2 span{font-size:1.8rem; font-weight:500; display:block;}
section#point h2:before{content:''; display:block; width:170px; height:170px; background:#ffcc00; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1;}
.point_column{display:flex; gap:40px; align-items:center; margin-bottom:80px;}
.point_column .pic{position:relative;}
.point_column .txt{flex:1;}
.point_column h3{font-family:"源柔ゴシック", sans-serif; font-size:3.6rem; color:#023894; line-height:1.5; margin-bottom:80px; position:relative;}
.point_column h3:before{position:absolute; content:''; display:block; width:80px; height:8px; background:#ffcc00; left:0; bottom:-40px;}
.point_column h3:after{position:absolute; content:''; display:block; width:10px; height:8px; background:#023894; left:0; bottom:-40px;}
.point_column p{font-size:2.4rem;}
.point_column .maintenance{display:block; position:absolute; right:20px; bottom:20px; padding:20px; padding-right:150px; width:525px; background:url("images/maintenance_back.png") no-repeat bottom 0 right 10px #fff; border:1px #023894 solid;}
.point_column .maintenance .title{display:block; font-size:2.4rem; font-weight:700; color:#023894; border-bottom:2px #ffcc00 solid; padding-bottom:10px; margin-bottom:10px;}
.point_column .maintenance .txt{display:block; line-height:1.5;}
.cashless_flow_title{text-align:center; margin-bottom:40px;}
.cashless_flow_title span{font-size:3.0rem; font-weight:500; line-height:1.5; position:relative;}
.cashless_flow_title span:after{content:''; display:block; width:100%; height:20px; background:rgba(255,204,0,.2); position:absolute; bottom:0; left:0; z-index:-1;}
.cashless_flow_column{display:flex; gap:40px; margin-bottom:60px;}
.cashless_flow_column .block{background:#EFF9FF; padding:20px; text-align:center; width:calc((100% - 120px)/4); position:relative;}
.cashless_flow_column .block:after{position:absolute; top:50%; right:-25px; transform:translateY(-50%); font-family:'Font Awesome 5 Free'; font-weight:700; font-size:30px; content:'\f0da'; color:#023894;}
.cashless_flow_column .block:last-child:after{content:none;}
.cashless_flow_column .block img{margin-bottom:10px;}
.cashless_flow_column .block span{display:block; font-size:1.4rem; font-weight:700;}
.cashless_card_content{background:#fff; padding:30px; border:1px #023894 solid;}
.cashless_card_title{text-align:center; margin-bottom:40px;}
.cashless_card_title span{display:inline-block; font-size:2.0rem; font-weight:700; color:#fff; background:#ffcc00; padding:10px 20px; border-radius:30px;}
.cashless_card_waon{text-align:center; margin-bottom:40px;}
.cashless_card_others{display:flex; gap:40px; justify-content:center;}
.cashless_card_others .title{display:block; font-weight:700; text-align:center; border-top:1px #333 solid; border-bottom:1px #333 solid; padding:10px 0; margin-bottom:20px;}

section#items{background:#ff9999; padding:60px 0;}
section#items h2{font-family:"源柔ゴシック", sans-serif; font-size:3.6rem; color:#fff; text-align:center; margin-bottom:20px;}
section#items h2 span{position:relative; display:inline-block; line-height:1.2;}
section#items h2 span:before{
content:'';
border-right:10px solid transparent;
border-bottom:60px solid #fff;
border-left:10px solid transparent;
position:absolute;
left:-50px;
bottom:0;
transform:rotate(160deg);
}
section#items h2 span:after{
content:'';
border-right:10px solid transparent;
border-bottom:60px solid #fff;
border-left:10px solid transparent;
position:absolute;
right:-50px;
bottom:0;
transform:rotate(200deg);
}

.items_txt{font-size:2.4rem; font-weight:500; text-align:center; margin-bottom:60px;}
.items_txt .date{display:block; font-size:1.4rem; color:#fff; margin-top:10px;}
.items_column{display:flex; gap:30px; justify-content:center; flex-wrap:wrap;}
.items_column .block{width:calc((100% - 120px)/5); background:#fff; border-radius:10px; padding:20px; position:relative;}
.items_column .block .ico{display:block; width:100px; color:#fff; font-size:1.4rem; font-weight:500; text-align:center; border-radius:30px; padding:5px; position:absolute; top:-10px; left:50%; transform:translateX(-50%);}
.ico1{background:#cc9966;}
.ico2{background:#ffcc66;}
.ico3{background:#99cc99;}
.ico4{background:#023894;}
.ico5{background:#cc3333;}
.ico6{background:#99cccc;}
.ico7{background:#cc99cc;}
.items_column .block .pic{display:block; width:150px; height:150px; background:#ccc; border-radius:50%; overflow:hidden; margin:auto; margin-bottom:10px;}
.items_column .block .name{display:block; text-align:center; font-size:1.4rem; font-weight:500; line-height:1.5;}

section#unit{}
section#unit h2{font-family:"源柔ゴシック", sans-serif; font-size:4.0rem; color:#023894; text-align:center; margin-bottom:80px; position:relative;}
section#unit h2:after{font-family:'Font Awesome 5 Free'; content:'\f141'; color:#ffcc00; position:absolute; bottom:-60px; left:50%; transform:translateX(-50%);}
.unit_column{display:flex; gap:40px; justify-content:center;}
.unit_column .pic img{max-width:420px; height:auto;}
.unit_column .hosoku{font-size:1.6rem;}

section#flow{}
section#flow h2{font-family:"源柔ゴシック", sans-serif; font-size:4.0rem; color:#023894; text-align:center; margin-bottom:80px; position:relative;}
section#flow h2:after{font-family:'Font Awesome 5 Free'; content:'\f141'; color:#ffcc00; position:absolute; bottom:-60px; left:50%; transform:translateX(-50%);}
.flow_column{display:flex;}
.flow_column .block{width:calc(100%/3); padding:30px; min-height:250px; position:relative;}
.flow_column .step1{background:#eef4ff; color:#023894;}
.flow_column .step2{background:#023894; color:#fff; padding-left:50px;}
.flow_column .step3{background:#fdd000; color:#023894; padding-left:50px;}
.flow_column .step1:after{position:absolute; content:''; display:block; top:0; right:-20px; width:0; height:0; border-style:solid; border-width:125px 0 125px 20px; z-index:1; border-color:transparent transparent transparent #eef4ff;}
.flow_column .step2:after{position:absolute; content:''; display:block; top:0; right:-20px; width:0; height:0; border-style:solid; border-width:125px 0 125px 20px; z-index:1; border-color:transparent transparent transparent #023894;}
.flow_column .block .step{display:block; font-size:2.4rem; font-weight:700; margin-bottom:10px;}
.flow_column .block .title{display:block; font-size:3.0rem; font-weight:700; margin-bottom:20px;}
.flow_column .block .txt{font-weight:500; line-height:1.5;}

section#qa{background:#f5f5f5; padding:60px 0;}
section#qa h2{font-family:"源柔ゴシック", sans-serif; font-size:4.0rem; color:#023894; text-align:center; margin-bottom:80px; position:relative;}
section#qa h2:after{font-family:'Font Awesome 5 Free'; content:'\f141'; color:#ffcc00; position:absolute; bottom:-60px; left:50%; transform:translateX(-50%);}
.qa_column{display:flex; gap:40px; flex-wrap:wrap;}
.qa_column .block{background:#fff; padding:30px; width:calc((100% - 40px)/2);}
.qa_q{display:block; font-size:2.4rem; font-weight:700; color:#023894; line-height:1.5; margin-bottom:20px;}
.qa_q:before{font-family:'Font Awesome 5 Free'; content:'\f059'; margin-right:10px;}
.qa_a{display:block; line-height:1.5;}

section#recommend{}
.recommend_title{text-align:center; margin-bottom:40px;}
.recommend_title span{font-family:"源柔ゴシック", sans-serif; font-size:2.4rem; color:#023894; position:relative;}
.recommend_title span:before{content:''; width:30px; height:5px; border-radius:5px; background:#ffcc00; position:absolute; left:-50px; top:50%; transform:translateY(-50%);}
.recommend_title span:after{content:''; width:30px; height:5px; border-radius:5px; background:#ffcc00; position:absolute; right:-50px; top:50%; transform:translateY(-50%);}
.recommend_column{display:flex; gap:30px; flex-wrap:wrap;}
.recommend_column .block{width:calc((100% - 60px)/3); border:5px #cddfff solid; background:#fff; padding:20px;}
.recommend_column .block .title{background:#cddfff; font-size:2.8rem; font-weight:700; color:#023894; text-align:center; padding:15px 20px 20px 20px; margin:-20px -20px 20px -20px;}
.recommend_column .block .pic{display:block; text-align:center; margin-bottom:20px;}
.recommend_column .block .exp{display:block; font-size:1.8rem; font-weight:700; color:#023894; line-height:1.5; margin-bottom:20px;}
.recommend_column .block .txt{display:block; font-size:1.4rem; line-height:1.5;}

section#contact{background:#eef4ff; padding:60px 0;}
section#contact h2{font-family:"源柔ゴシック", sans-serif; font-size:4.0rem; color:#023894; text-align:center; line-height:1.5; margin-bottom:80px; position:relative;}
section#contact h2:after{font-family:'Font Awesome 5 Free'; content:'\f141'; color:#ffcc00; position:absolute; bottom:-60px; left:50%; transform:translateX(-50%);}
.campaign_ban{background:#fff; border:2px #3399ff solid; display:flex; gap:20px; align-items:center; max-width:1130px; height:230px; margin:auto; margin-bottom:80px; overflow:hidden;}
.campaign_ban .hukidasi{width:280px; height:280px; background:#ffcc00; padding:20px; border-radius:50%; font-size:3.0rem; font-weight:700; color:#023894; line-height:1.2; display:flex; align-items:center; justify-content:center; position:relative;}
.campaign_ban .hukidasi:after{position:absolute; content:''; display:block; top:50%; right:-15px; transform:translateY(-50%); width:0; height:0; border-style:solid; border-width:10px 0 10px 20px; border-color:transparent transparent transparent #ffcc00;}
.campaign_ban .left{padding:0 30px;}
.campaign_ban .center{flex:1; font-size:3.0rem; font-weight:500; color:#023894; text-align:center; line-height:1.5;}
.campaign_ban .right{padding:0 30px;}
.contact_content .button{display:block; max-width:560px; background:#023894; color:#fff; border-radius:40px; font-size:3.6rem; font-weight:700; text-align:center; text-decoration:none; padding:20px; margin:auto; margin-bottom:80px;}
.contact_column{display:flex; gap:40px;}
.contact_column .contact_mail,
.contact_column .contact_tel{flex:1; font-weight:700; color:#023894; text-align:center;}
.contact_column .title{display:block; font-size:2.4rem; text-align:center; border-bottom:4px #ffcc00 solid; padding-bottom:20px; margin-bottom:40px;}
.contact_column .button_mail{display:block; max-width:430px; background:#fff; color:#023894; border-radius:40px; border:1px #023894 solid; font-size:3.0rem; text-align:center; text-decoration:none; padding:20px; margin:auto;}
.contact_column .name{display:block; font-size:2.4rem; margin-bottom:20px;}
.contact_column .tel{display:block; font-size:4.2rem; margin-bottom:20px;}
.contact_column .tel span{display:block; font-size:1.6rem; margin-top:10px;}
.contact_column .open{display:block; font-size:2.0rem; margin-bottom:20px;}
.contact_column .hosoku{display:block; font-size:1.4rem;}

/**********フッタ**********/
footer{background:#023894; padding:40px 0;}
.footer_content{text-align:center;}
.footer_content .logo{text-align:center; margin-bottom:40px;}
.footer_content .logo img{width:235px; height:auto;}
.footer_content .copyright{font-size:1.4rem; color:#fff; text-align:center;}

.footer_contact{background:#fff; padding:15px; border-radius:20px; position:fixed; bottom:50px; right:50px; width:240px; box-shadow:0 0 10px rgba(0,0,0,.2); opacity:0; transition:.5s;}
.footer_contact .title{display:block; text-align:center; font-weight:700; font-size:1.6rem; margin-bottom:10px;}
.footer_contact .tel{display:block; text-align:center; font-weight:700; font-size:2.4rem; color:#023894; margin-bottom:10px;}
.footer_contact .tel span{display:block; text-align:center; font-size:1.2rem; color:#333; margin-top:5px;}
.footer_contact .open{display:block; text-align:center; font-weight:700; font-size:1.2rem; margin-bottom:10px;}
.footer_contact .button{display:block; border-radius:5px; font-weight:700; font-size:1.4rem; text-align:center; text-decoration:none; padding:10px; margin:auto; background:#023894; color:#fff;}

/**********レスポンシブ**********/
@media(max-width:1450px){}/*1450*/

@media(max-width:1300px){
html{font-size:55%;}
.inner{padding:0 20px;}
.point_column .pic{max-width:50%;}
}/*1300*/

@media(max-width:1200px){
.point_column .maintenance{position:relative; right:inherit; bottom:inherit; margin:auto; margin-bottom:20px;}
.items_column .block{width:calc((100% - 80px)/4);}
.campaign_ban .hukidasi{width:230px; height:230px;}
}/*1200*/

@media(max-width:1024px){
html{font-size:50%;}
.mainimage_column{flex-direction:column;}
.mainimage_column .pic{text-align:center;}
.mainimage_column .pic img{max-width:420px;}
.mainimage_column .txt .title{text-align:center;}
.mainimage_column .txt .title1{color:#ffcc00;}
.point_column{flex-direction:column;}
.point_column .pic{text-align:center; max-width:100%;}
.point_column .txt{text-align:center;}
.point_column h3:before{left:50%; transform:translateX(-50%);}
.point_column h3:after{content:none;}
.items_column{gap:20px;}
.items_column .block{width:calc((100% - 40px)/3);}
.unit_column{flex-direction:column;}
.unit_column .pic{text-align:center;}
.flow_column{flex-direction:column;}
.flow_column .block{width:100%;}
.flow_column .step1:after,
.flow_column .step2:after{top:inherit; right:inherit; bottom:-135px; left:50%; transform:translateX(-50%) rotate(90deg);}
.flow_column .step2,
.flow_column .step3{padding-left:30px;}
.qa_column{flex-direction:column;}
.qa_column .block{width:auto;}
.campaign_ban{flex-direction:column; padding:20px; height:auto;}
.campaign_ban .hukidasi:after{top:inherit; right:inherit; bottom:-15px; left:50%; transform:translateX(-50%) rotate(90deg);}
.recommend_column{flex-direction:column;}
.recommend_column .block{width:auto;}
.contact_column{flex-direction:column;}
.contact_column .title{border-bottom:0; border-top:4px #ffcc00 solid; padding-bottom:0; padding-top:40px;}
.footer_contact{display:none;}
}/*1024*/

@media(max-width:834px){
.cashless_flow_column{flex-direction:column;}
.cashless_flow_column .block{width:100%;}
.cashless_flow_column .block:after{top:inherit; right:inherit; bottom:-35px; left:50%; transform:translateX(-50%) rotate(90deg);}
}/*834*/

@media(max-width:768px){
.items_column .block{width:calc((100% - 20px)/2);}
.cashless_card_others{flex-direction:column;}
.cashless_card_others .left,
.cashless_card_others .right{text-align:center;}
.point_column .maintenance{width:100%; padding-right:20px; padding-bottom:150px; background-position:center bottom;}
}/*768*/

@media(max-width:600px){
section{margin:50px auto;}
.inner{padding:0 10px;}
section#mainimage{background-size:200%;}
table th,
table td{display:block;}
.mainimage_column .pic img{max-width:100%;}
.mainimage_column .txt .title{font-size:4.0rem;}
.mainimage_column .txt .plan{font-size:2.0rem;}
.initial_cost{margin:0 auto 20px auto; box-shadow:0 0 10px rgba(0,0,0,.2);}
section#items h2{font-size:3.0rem;}
section#items h2 span:before{left:-20px; border-left:5px solid transparent; border-right:5px solid transparent;}
section#items h2 span:after{right:-20px; border-left:5px solid transparent; border-right:5px solid transparent;}
.items_column{gap:10px;}
.items_column .block{width:calc((100% - 10px)/2);}
.unit_column .pic img{max-width:100%;}
}/*600*/

@media(min-width:429px){
br.pc{display:block;}
br.sp{display:none;}
}

@media(max-width:428px){
br.pc{display:none;}
br.sp{display:block;}
.mainimage_column{padding:30px;}
.mainimage_column .txt .button{float:none; width:100%; text-align:center;}
.initial_cost{float:none;}
.cashless_flow_title span{display:block;}
.items_column .block .pic{width:120px; height:120px;}
.contact_column .name{font-size:2.0rem;}
}/*428*/

@media(max-width:375px){}/*375*/