@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-family: "Noto Sans JP", sans-serif;}
body {line-height:1; background:#fff; color:#322A2A;}
img{vertical-align:top;}

.header{display:flex; justify-content:center; align-items: flex-start; padding:10px 0;}
.header img{width:260px; height:auto;}
.banner{position:relative; background:url(img/fv_background.jpg) no-repeat bottom center; background-size:cover; display:flex; justify-content:center; align-items:center; padding:180px 0;}
.banner img.fv_pop{position:absolute; top:100px; left:50%; margin-left:-580px; width:300px;}
.banner img.cloud{position:absolute; bottom:-12.3vw; width:100%;}
.banner img.sp_cloud1{display:none;}
.banner img.sp_cloud2{display:none;}
@media (max-width:960px){
	.banner{background:url(img/sp/fv_background.jpg) no-repeat bottom center; padding:180px 0; background-size:cover;}
	.banner img.fv_title{width:90%; position:relative; top:-11vw;}
	.banner img.fv_pop{display:none;}
	.banner img.cloud{display:none;}
	.banner img.sp_cloud1{display:block; width:56vw; position:absolute; bottom:0px; left:0;}
	.banner img.sp_cloud2{display:block; width:48vw; position:absolute; bottom:-49px; right:0;}
}

/*s1*/
.s1{padding:100px 0; background:url(img/s1.jpg) no-repeat top center; background-size:cover; display:flex; justify-content:center;}
@media (max-width:960px){
	.s1{padding:40px 20px;}
	.s1 img{width:100%;}
}

/*s2*/
.s2{position:relative; padding:0 0 40px 0; background:url(img/s2.jpg) no-repeat top center; background-size:100% auto;}
.s2 .inner{text-align:center; position:relative; top:-73px; z-index:2;}
.s2 .inner img.s2_content{margin-bottom:60px; max-width:100%;}
.s2 .inner .s2_text img{max-width:100%;}
.s2 img.hanabi1{width:345px; bottom:7vw; left:0; position:absolute;}
.s2 img.hanabi2{width:405px; bottom:-2vw; right:0; position:absolute; z-index:0;}
@media (max-width:960px){
	.s2{background:url(img/s2.jpg) repeat top center; padding-bottom:40px;}
	.s2 .inner{top:-11vw;}
	.s2 .inner img.s2_content{width:100%; margin-bottom:0;}
	.s2 .inner .s2_text{width:100%; padding:0 20px; box-sizing:border-box;}
	.s2 .inner .s2_text img{width:100%;}
	.s2 img.hanabi1{width:37vw; bottom:37vw; left:0; position:absolute;}
	.s2 img.hanabi2{width:34vw; bottom:0; right:0; position:absolute; z-index:0;}
}

/*s3*/
.s3{position:relative; padding:100px 0; background:url(img/s3.jpg) no-repeat top center; background-size:100% auto; display:flex; justify-content:center;}
.s3 .inner{display:flex; flex-direction:column; width:fit-content; align-items:center;}
.s3 .inner .s3_text1{margin-bottom:30px;}
.s3 .s3_image1{position:absolute; top:50%; right:50%; margin-right:-612px; margin-top:-165px;}
@media (max-width:1225px){
	.s3{flex-direction:column; background:url(img/s3.jpg) repeat top center; padding:40px 20px; align-items:center;}
	.s3 .s3_image1{position:static; width:50%; margin:0 auto;}
	.s3 .inner{margin-bottom:40px;}	
}
@media (max-width:960px){
	.s3 .inner .s3_text2{width:80%; margin:0 auto;}
	.s3 img{width:100%;}
	.s3 .s3_image1{width:80%;}
}

/*s4*/
.s4{position:relative; padding:100px 0; background:url(img/s2.jpg) repeat top center; background-size:100% auto; display:flex; flex-direction:column; align-items:center; overflow:hidden;}
.s4 .s4_label{margin-bottom:40px;}
.s4 .present_container{position:relative; width:100%; max-width:1150px; display:flex; justify-content:center; margin-bottom:100px;}
.s4 .present_container img.s4_hanabi1{position:absolute; width:473px; top:-97px; left:-265px;}
.s4 .present_container .item{width:48%; background:#fff; padding:40px; margin:0 10px; position:relative;}
.s4 .present_container .item .item_sh{position:absolute; left:0; top:20px; z-index:6;}
.s4 .present_container .item .item_image{margin-bottom:40px; position:relative; z-index:4;}
.s4 .present_container .item .item_image .capacity{display:block; width:fit-content; background:#fff; border-radius:100px; font-size:20px; padding:3px 20px 5px 20px; position:absolute; bottom:10px; right:10px;}
.s4 .present_container .item .item_image img{width:100%;}
.s4 .present_container .item .item_label{margin-bottom:40px;}
.s4 .present_container .item .item_info{margin-bottom:20px;}
.s4 .present_container .item .item_info dl{display:flex; align-items:start; margin-bottom:8px;}
.s4 .present_container .item .item_info dl dt span{display:block; width:fit-content; font-weight:500; line-height:150%; font-size:16px; margin-right:10px; background:#CFB56D; color:#fff; padding:0px 10px 2px 10px; border-radius:100px;}
.s4 .present_container .item .item_info dl dd{font-weight:500; line-height:150%; font-size:16px; padding:0;}
.s4 .present_container .item .item_info dl dd .small{font-size:12px;}
.s4 .present_container .item .item_info2 .label{font-weight:500; line-height:150%; font-size:16px; margin-right:20px; background:#CFB56D; color:#fff; padding:0px 10px; border-radius:100px; display:block; width:fit-content; margin:0 0 10px 0;}
.s4 .present_container .item .item_info2 dl{display:flex; align-items:start; margin-bottom:6px;}
.s4 .present_container .item .item_info2 dl dt{font-weight:500; line-height:150%; font-size:13px; margin-right:10px;}
.s4 .present_container .item .item_info2 dl dd{font-weight:500; line-height:150%; font-size:13px;}
.s4 .present_container .item .item_info2 dl dd .orange{color:#F56400;}
.s4 .present_container .item .item_info2 .small{font-size:12px;}

.s4 .present_container2{position:relative; width:100%; max-width:1150px; display:flex; justify-content:center; margin-bottom:300px;}
.s4 .present_container2 img.s4_hanabi2{position:absolute; width:384px; top:-176px; right:-172px;}
.s4 .present_container2 .item{display:flex; width:100%; background:#fff; padding:40px 120px; margin:0 10px; position:relative;}
.s4 .present_container2 .item .item_image{margin-right:40px; height:230px;}
.s4 .present_container2 .item .item_image img{height:100%;}
.s4 .present_container2 .item .item_info img{margin-bottom:20px;}
.s4 .present_container2 .item .item_info p{font-size:16px; line-height:150%; font-weight:400;}

.s4 .campaign_detail{position:relative; width:100%; max-width:900px; background:#FDF6E1; border-radius:5px; margin-bottom:80px;v}
.s4 .campaign_detail img.s4_hanabi3{width:635px; position:absolute; top:-200px; right:-423px; z-index: 0;}
.s4 .campaign_detail img.s4_hanabi4{width:384px; position:absolute; top:686px; left:-364px; z-index: 0;}
.s4 .campaign_detail img.s4_hanabi5{width:501px; position:absolute; top:160px; right:-428px; z-index: 0;}
.s4 .campaign_detail .label{background:url(img/s5_label_bg.jpg) no-repeat center center; padding:20px 0; text-align:center; background-size:100%; font-weight:600; font-size:18px; position:relative; z-index:2;}
.s4 .campaign_detail .inner{padding:20px 50px; position:relative; z-index:2; background:#FDF6E1;}
.s4 .campaign_detail .inner dl dt{background:url(img/s5_label_bg.jpg) no-repeat center center; background-size:100%; padding:3px 0;}
.s4 .campaign_detail .inner dl dt span{font-weight:600; font-size:18px; display:block; background:#fff; text-align:center; padding:10px 0;}
.s4 .campaign_detail .inner dl dd{padding:10px 50px 30px 50px; text-align:left; font-size:16px; font-weight:400; line-height:150%;}
.s4 .campaign_detail .inner dl dd .annotation{text-indent:-1em; padding-left:1em; display:inline-block;}
@media (max-width:960px){
	.s4{padding:60px 20px;}
	.s4 .present_container{flex-direction:column; margin-bottom:20px;}
	.s4 .present_container .item{width:calc(100% - 40px); padding:20px; margin:0;}
	.s4 .present_container .item.aprize{margin-bottom:20px;}
	.s4 .present_container2 .item{flex-direction:column; padding:20px; margin:0;}
	.s4 .campaign_detail .inner{padding:20px;}
	.s4 .present_container .item .item_sh{width:40%; top:10px;}
	.s4 .present_container .item .item_sh img{width:100%;}
	.s4 .present_container .item .item_info dl dt span{white-space: nowrap;}
	.s4 .present_container2 .item .item_image{height:auto; width:80%; margin:0 auto 40px auto;}
	.s4 .present_container2 .item .item_image img{width:100%;}
	.s4 .present_container2 .item .item_info img{width:100%;}
	.s4 .present_container2{margin-bottom:20px;}
	.s4 .campaign_detail .inner dl dd{padding:10px 0 15px 0;}
	.s4 .campaign_detail{margin-bottom:20px;}
	.s4 .present_container .item .item_label img{width:100%;}
	.s4 .campaign_detail .inner dl dd ul{margin-left:20px;}
	.s4 img.s4_hanabi1{display:none;}	
	.s4 .present_container2 img.s4_hanabi2{display:none;}
	.s4 .campaign_detail img.s4_hanabi3{display:none;}
	.s4 .campaign_detail img.s4_hanabi4{display:none;}
	.s4 .campaign_detail img.s4_hanabi5{display:none;}
	.s4 .present_container .item .item_info dl dd .small{font-size:11px;}
}

/*s5*/
.s5{padding:100px 0; background:url(img/s5.jpg) no-repeat top center; background-size:100% auto; display:flex; flex-direction:column; align-items:center;}
.s5 .label{margin-bottom:100px;}
.s5 .inner{width:100%; max-width:828px; margin-bottom:40px;}
.s5 .inner .label{display:block; margin-bottom:5px;}
.s5 .inner ul{list-style-type:none;}
.s5 .inner ul li{display:flex; margin-bottom:5px; line-height:150%;}
.s5 .inner ul li::before{content:"●";}
.s5 .inner ul.no-liststyletype li::before{content:"";}
@media (max-width:960px){
	.s5{background:url(img/s5.jpg) repeat top center; padding:60px 20px;}
	.s5 .label{margin-bottom:40px;}
}

/*s6*/
.s6{padding:100px 0; background:#FDEDE1; background-size:100% auto; display:flex; flex-direction:column; align-items:center;}
.s6 .label{margin-bottom:100px; font-weight:700;}
.s6 .text{margin-bottom:40px;}
.s6 .qr{display:flex; justify-content:center; margin-bottom:20px;}
.s6 .qr .item{padding:0 20px;}
.s6 .text2{margin-bottom:40px;}
.s6 .label2{margin-bottom:40px;}
.s6 .main_annotation{margin-bottom:40px;}
.s6 .main_annotation p{margin:0; line-height:150%; text-indent:-1em; padding-left:1em; font-size:12px; font-feature-settings: "palt";}

.s6 .tab_container{max-width:1000px; width:100%; margin:0 auto;}
.s6 .tab_container .tab_header{display:flex; justify-content:space-between; background:#fff; border-radius:10px; position:relative; transition:.3s; margin-bottom:32px;}
.s6 .tab_container .right_container{display:none;}
.s6 .tab_container .tab_header .tab_active{content:""; display:block; width:50%; background:#f56400; border-radius:10px; position:absolute; height:100%; z-index:0; transition:.3s;}
.s6 .tab_container .tab_header .tab_active:after{content:""; display:block; width:33px; height:33px; background:url(img/tab_active_buttom.png) no-repeat; background-size:100%; position:absolute; bottom:-30px; right:50%; margin-right:-16.5px;}
.s6 .tab_container .tab_header.left  .tab_active{left:0 !important;}
.s6 .tab_container .tab_header.right .tab_active{left:50% !important;}
.s6 .tab_container .tab_header a{display:block; text-decoration:none; color:#f56400; width:50%; text-align:center; box-sizing:border-box; padding:20px; 
position:relative; z-index:1;  font-size: 23px; line-height: 140%; font-weight: bold; transition:.3s;}
.s6 .tab_container .tab_header.left a.left{color:#fff;}
.s6 .tab_container .tab_header.left a.right{color:#f56400;}
.s6 .tab_container .tab_header.right a.left{color:#f56400;}
.s6 .tab_container .tab_header.right a.right{color:#fff;}

.s6 .tab_content .inner{font-feature-settings: "palt"; border:5px solid #facea5; padding:20px; background:#fff; box-sizing:border-box; border-radius:2px; position:relative; margin: 0 auto 40px auto;}
.s6 .tab_content .inner:after{content:""; display:block; width:33px; height:33px; background:url(img/tab_active_buttom.png) no-repeat; position:absolute; bottom:-38px; left:50%; margin-left:-16.6px;}
.s6 .tab_content .inner.noarrow:after{display:none;}
.s6 .tab_content .inner .header{display:flex; justify-content:flex-start; align-items:center; font-size:19px; font-weight:bold; border-bottom:1px solid #f56400; padding:0 0 20px 0; text-align:left;}
.s6 .tab_content .inner .header .step_icon{width:fit-content; background:#f56400; border-radius:100px; color:#fff; font-size:20px; padding:8px 30px; margin-right:20px;}
.s6 .tab_content .inner .content{padding:20px 0; text-align:left; font-size:16px;}
.s6 .tab_content .inner .content p{margin:0 0 20px 0; line-height:150%;}
.s6 .tab_content .inner .content p.mb0px{margin:0;}
.s6 .tab_content .inner dl.tab_content{margin:0 0 20px 0;}
.s6 .tab_content .inner dl.tab_content dt{color:#f56400; margin:0 0 10px 0;}
.s6 .tab_content .inner dl.tab_content dd{padding-left:20px;}

.s6 .tab_content .inner dl.tab_content2{margin:0 0 20px 0;}
.s6 .tab_content .inner dl.tab_content2{display:flex;}
.s6 .tab_content .inner dl.tab_content2 dt{font-size:18px; color:#f56400; margin-bottom:10px; margin-right:10px;}
.s6 .tab_content .inner dl.tab_content2 dd{line-height:150%; font-size:12px;}
.s6 .tab_content .inner dl.tab_content2 dd span.label{font-size:16px; font-weight:700; display:block; margin-bottom:5px;}
.s6 .tab_content .inner dl.tab_content2 dd span.label2{font-size:14px; font-weight:500; color:#E57528;}

.s6 .tab_content .inner.flex{display:flex; justify-content:end;}
.s6 .tab_content .inner .sub_inner{position:absolute; width:calc(100% - 40px);}
.s6 .tab_content .inner .sub_inner .content{width:calc(62% - 40px);}
.s6 .tab_content .inner .sub_inner .content .tab_inner_arrow{text-align:center;}
.s6 .tab_content .inner .sub_inner .content .tab_inner_arrow img{width:25px;}
.s6 .tab_content .inner .laststep_image{position:relative; z-index:1; width:50%;}

.s6 .tab_content .inner .content.flex{display:flex; justify-content:space-between;}
.s6 .tab_content .inner .secondary_inner.mr20px{margin-right:20px;}
.s6 .tab_content .inner .secondary_inner .annotation{font-size:12px;}
.s6 .tab_content .inner .secondary_inner .annotation p{text-indent:-1em; padding-left:1em;}
.s6 .tab_content .inner .secondary_inner .qr_flex{display:flex; margin-bottom:10px;}
.s6 .tab_content .inner .secondary_inner .qr_flex a{display:block; margin:0 10px;}
.s6 .tab_content .inner .secondary_inner .text_small{font-size:12px; text-indent: -1em; padding-left: 1em;}
.s6 .tab_content .inner .secondary_inner .text_small2{font-size:12px; text-indent: -1em; padding-left: 1em;}
.s6 .tab_content .inner .secondary_inner .text_small3{font-size:12px;}
.s6 .tab_content .inner .secondary_inner .text_small.mb10px{margin-bottom:10px;}
.s6 .tab_content .inner .secondary_inner p a{color:#eb6100; text-decoration:none;}
.s6 .tab_content .tab_end_message{font-size:32px; font-weight:bold; color:#f56400; line-height:140%; text-align:center;}

.pcno{display:none;}
@media screen and (max-width:960px){
	.s6{padding:40px 20px; box-sizing:border-box;}
	.s6 .label2 img{width:100%;}
	.s6 .text img{width:100%;}
	.s6 .text2 img{width:100%;}
	.s6 .qr .item{padding:0 10px;}
	.s6 .qr .item a img{max-width:100%;}
	.s6 .tab_container .tab_header{align-items:center;}
	.s6 .tab_container .tab_header a{font-size:15px; padding:10px;}
	.s6 .tab_content .inner .header{flex-direction:column; justify-content:center; text-align:center; line-height:150%; padding:0 0 15px 0;}
	.s6 .tab_content .inner .header .step_icon{font-size:18px; margin:0 0 15px 0; padding:4px 30px;}
	.s6 .tab_content .inner .content{padding:15px 0;}
	.s6 .tab_content .inner .sub_inner{position:static; width:100%;}
	.s6 .tab_content .inner.flex{flex-wrap:wrap;}
	.s6 .tab_content .inner .sub_inner .content{width:100%;}
	.s6 .tab_content .inner dl.tab_content2.flex-direction-column{flex-direction: column;}
	.s6 .tab_content .inner .laststep_image{width:100%;}
	.s6 .tab_content .inner .laststep_image img{width:100%;}
	.s6 .tab_content .inner .content.flex{flex-direction: column;}
	.s6 .tab_content .inner .secondary_inner .qr_flex a{margin:0 5px;}
	.s6 .tab_content .inner .secondary_inner .qr_flex a img{max-width:100%;}
	.s6 .tab_content .inner .secondary_inner .qr_flex{margin-top:20px;}
	.s6 .tab_content .inner .content p{margin:0 0 15px 0;}
	.s6 .tab_content .inner dl.tab_content2{margin:0 0 10px 0;}
	.s6 .tab_content .inner dl.tab_content2 dt{margin-bottom:0;}
	.secondary_inner.w48p{width:100%;}
	.secondary_inner.w48p img{width:100%;}
	.s6 .tab_content .tab_end_message{font-size:23px; line-height:150%; text-align:left;}
	
	.pcno{display:block;}
}

/*s7*/
.s7{padding:100px 0; background:url(img/s7.jpg) repeat top center; background-size:100% auto; display:flex; flex-direction:column; align-items:center;}
.s7 .label{margin-bottom:80px;}
.s7 .qa_container{max-width:900px; width:100%; margin-bottom:200px; background:#fff; padding:20px;}
.s7 .qa_container dl{margin-bottom:20px;}
.s7 .qa_container dl:last-child{margin-bottom:0;}
.s7 .qa_container dl dt{line-height:150%; font-size:18px; display:flex; border:1px solid #322A2A; padding:10px 50px; background:#F2DA9A;}
.s7 .qa_container dl dd{line-height:150%; font-size:18px; display:flex; border:1px solid #322A2A; padding:10px 50px; background:#FDF6E1;}
.s7 .qa_container dl dt span,.s7 .qa_container dl dd span{margin-right:10px;}
.s7 .contact{margin-bottom:100px;}
.s7 .button{margin-bottom:100px; width:411px;}
.s7 .button img{width:100%;}
.s7 .button a{border-radius:38px; display:block; background:url(img/dandanbank_button_hover.png) no-repeat center center #fff; background-size:100%;}
.s7 .button a:hover img{opacity:0;}
@media screen and (max-width:960px){
	.s7{background:none; padding:40px 20px;}
	.s7 .qa_container{padding:0; margin-bottom:100px;}
	.s7 .qa_container dl dt{padding:10px;}
	.s7 .qa_container dl dd{padding:10px;}
	.s7 .label{margin-bottom:40px;}
	.s7 .contact{margin-bottom:60px;}
	.s7 .contact img{width:100%;}
	.s7 .footer_ad img{width:100%;}
	.s7 .button{margin-bottom:60px; width:100%;}
	.s7 .button a img{width:100%;}
}

.spno{display:block;}
@media screen and (max-width:960px){
	.spno{display:none;}
}

.scroll-top svg{width:80px; height:80px;}
.scroll-top svg:hover{cursor:pointer;}
.scroll-top{position:fixed; bottom:40px; right:40px; transition:opacity 0.4s; opacity:0; z-index:9999;}
#scroll-top.show{opacity:1; pointer-events:auto;}
@media screen and (max-width:960px){
	.scroll-top{bottom:20px; right:20px;}
	.scroll-top svg{width:60px; height:60px;}
}