@charset "utf-8";
#container #mainContent{padding:0;}
.oneColumnWrap{display:none;}
.ns_note{text-align: left;}
.ns_note li{text-indent: -1em; margin-left:1em;}
#ns_general_000000vpoint{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:26px;}
#ns_general_000000vpoint a:hover img{opacity:1}
#ns_general_000000vpoint h1,#ns_general_000000vpoint h2,#ns_general_000000vpoint h3{margin:0; padding:0; border:none; font-weight:bold; text-align: center; font-size:30px;}
#ns_general_000000vpoint h1{ line-height:2.0em; margin:0.6em auto; width:37em;}
h1 img{font-size:30px; height:2.0em; margin-right:0.5em;}
.ns_emphasis{color:#ffcaca;}
.ns_vpoint_read{background:#2E53A4; color:#fff; text-align: center; font-weight:bold; line-height:3.5em; font-size:30px;}
.ns_vpoint_read span{color:#FFF200; letter-spacing:0.07em;}
.ns_vpoint_main{background-image: radial-gradient(rgba(124, 205, 68, 1) 11%, rgba(0, 159, 69, 1));}
.ns_vpoint_main_bg{background:url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/000000vpoint/kv_bg2.png?"); background-repeat:no-repeat; background-position:center center; background-size:cover; text-align: center; padding-top:20px;}
.ns_vpoint_main_bg img{width:900px;}
.ns_vpoint_cardinfo{padding:1em 0 2em;text-align: center; font-weight:bold; color:#2E53A4; overflow: hidden}
.ns_vpoint_cardinfo img{width:900px; filter: drop-shadow(4px 4px 3px rgb(0 0 0 / 0.4));}
#ns_general_000000vpoint .ns_vpoint_cardinfo h2{margin-bottom:1.2em;}
.ns_vpoint_cardinfo h2 span{color:#00B3FF;}
.ns_vpoint_cardinfo_note{margin:0px 0 1em;}

.ns_vpoint_cardinfo .ns_note{font-size:0.6em; width:980px; margin:32.5px auto 0; color:#fff;}

.ns_vpoint_button{display: block; background:#004EC0; color:#fff; text-decoration:none; width:12em; border-radius:5em; margin:0 auto; padding:1em; }
.ns_vpoint_button:hover{text-decoration:none; color:#fff; }

.ns_7ns_info{background:#4c3b3b; text-align: center; padding:2em 0; font-weight: bold; overflow: hidden;}
.ns_7ns_info .ns_logo{width:100px; margin:0 0.5em 0 0; font-size:1em;}
.ns_7ns_info > dl{width:980px; margin:0 auto;}
.ns_7ns_info > dl > dt{background:#FFF200; color:#2E53A4; padding:0.7em 0 0.7em 0; margin-bottom:6px; letter-spacing:0.07em; font-size:1.1em; line-height:3em;}
.ns_7ns_info_ttl_1,.ns_7ns_info_ttl_2,.ns_7ns_info_ttl_3,.ns_7ns_info_ttl_7{background:#2E53A4; color:#fff; width:20%; margin-bottom:6px; float: left}
.ns_7ns_info_read_1,.ns_7ns_info_read_2,.ns_7ns_info_read_3,.ns_7ns_info_read_7{background:#fff; color:#2E53A4; width:80%; margin-bottom:6px; float: left;}

.ns_7ns_info_note{font-size:0.5em; display:inline-block; position:absolute; top:0.9em;}
.ns_7ns_info_note2{font-size:0.5em; line-height:0em; text-decoration: underline;}

.ns_7ns_info_ttl_1,.ns_7ns_info_read_1{height:5em; line-height:5em;}
.ns_7ns_info_read_1 img{vertical-align: middle; margin:-5px 10px 0 0;}
.ns_7ns_info_ttl_2,.ns_7ns_info_read_2{height:9.4em;}
.ns_7ns_info_ttl_3,.ns_7ns_info_read_3{height:auto;}

.ns_7ns_info_ttl_2{line-height:9.4em;}
.ns_7ns_info_read_2 dl{width:calc(100% - 12px); margin:6px auto; overflow: hidden}
.ns_7ns_info_read_2 dt{width:100%; background:#DBE3F5; line-height:1em; margin-bottom:6px; position:relative; display:block; font-size:1.1em; padding:0.7em 0;}
.ns_7ns_info_read_2 dd{width:calc(50% - 4px); float:left; border-right:6px solid #DBE3F5; padding:1em 0; font-size:1em;}
.ns_7ns_info_read_2 dd:last-child{border:none;}
.ns_7ns_info_read_2 .ns_7ns_info_note{font-size:0.6em; color:#ED1519; margin-left:0.2em;}

.ns_7ns_info_ttl_3{line-height:calc(6em + 1.2em * 1.2 * 1.5 + 1.2em * 1.5);}
.ns_7ns_info_read_3{padding:2.4em 0;}
.ns_7ns_info_read_3 dt{width:calc(100% - 12px); overflow: hidden; position:relative;}
.ns_7ns_info_read_3 dt .ns_7ns_info_note{top:0.5em;}
.ns_7ns_info_read_3 dd{position:relative;}
.ns_7ns_info_read_3 dd .ns_7ns_info_note{top:0;}
.ns_7ns_info_read_3 dd span{font-size:1.2em;}
.ns_7ns_info_read_3 dt .ns_7ns_info_note, .ns_7ns_info_read_3 dd .ns_7ns_info_note{font-size:0.5em;}
.ns_7ns_info_read_3 dd span.ns_7ns_info_note3{display: block; font-size:0.6em; line-height:2em;}

.ns_7ns_info_read_3 dt{font-size:1.2em;}
.ns_7ns_info_read_3 dt span{font-size:1.2em;}
.ns_7ns_info_note font{ color:#ED1519; margin-right:0.2em;}

.ns_7ns_info_read_4{font-size:0.6em; text-align: left; clear: both; color:#DBE3F5;}
.ns_7ns_info_read_4 dt, .ns_7ns_info_read_4 dd{display:inline-block}
.ns_7ns_info_read_4 dt::after {content: " ･･･ ";}
.ns_7ns_info_read_4 dd{margin-right:0.1em;}
.ns_7ns_info_read_4 a{ margin:0 0.3em;}
.ns_7ns_info_read_4 .google{font-family:Arial, Helvetica}

.ns_7ns_info_read_5{font-size:0.6em; text-align: left; padding:1em 0; color:#fff;}
.ns_7ns_info_read_5 a{color:#fff;}
.ns_7ns_info_read_5 li{text-indent:-1em; margin-left:1em;}

.ns_7ns_info_ttl_7,.ns_7ns_info_read_7{height:5em; line-height:5em;}

/*hover_start*/
#ns_general_000000vpoint a, #ns_general_000000vpoint a img{
 transition: 0.3s;
}
#ns_general_000000vpoint a:hover, #ns_general_000000vpoint a img:hover{
 transform: translate(10px, 0);
 transition: 0.3s;
 filter: drop-shadow(0 0 0 none);
}
/*hover_end*/

.ns_banner{width:750px; margin:0 auto; padding:2em 0;}
.ns_banner li{margin-bottom:1em;}

@media screen and (max-width: 640px) {
.disp_PC{display:none;}
.disp_SP{display:block;}
.NS_breadcrumbs { margin:-20px auto 0; padding: 12px 0 7px 0; line-height: 1.3em; font-size: 12px; box-sizing: border-box; color:#777777; }
.NS_breadcrumbs li { display:inline-block;}
.NS_breadcrumbs li::after {content: ">";}
.NS_breadcrumbs li:last-child::after {content:none;}
.NS_breadcrumbs a { color:#777777; transition: .3s; }
.NS_breadcrumbs a:hover { opacity: .7; }
.NS_breadcrumbs span { margin-right:0.3em; }

#ns_general_000000vpoint a.is-tap{text-decoration: none !important; color:#fff}
#ns_general_000000vpoint a.is-tap:active{text-decoration: none !important; color:#fff}

#ns_general_000000vpoint{font-size:15px;}
#ns_general_000000vpoint h2,#ns_general_000000vpoint h3{font-size:15px;}
#ns_general_000000vpoint h1{display:block; line-height:1.2em; letter-spacing:0.1em; margin:1vw auto 1.8vw; width:100%; font-size:3.9vw; text-align:center;}
h1 img{font-size:3.3vw; height:2.5em; margin-right:0.5em; display:inline-block; vertical-align: middle; float:none; margin-top:-0.1em;}

.ns_vpoint_main_bg{background-position:top -15vw center; background-size:120%; text-align: center; padding-top:20px;}
.ns_vpoint_main_bg img{width:800px;}

.ns_vpoint_read{line-height:1.2em; font-size:3.9vw; padding:2.5vw 0;}
.ns_vpoint_read span{letter-spacing:0.05em;}

.ns_vpoint_main{line-height:0;}
.ns_vpoint_main img{width:100%;}
.ns_vpoint_cardinfo{line-height:1.3em;}
.ns_vpoint_cardinfo img{width:90%; filter: drop-shadow(1px 1px 3px rgb(0 0 0 / 0.4));}

.ns_7ns_info{padding:6px 0 2em;}
.ns_7ns_info .ns_logo{display:none;}
.ns_7ns_info > dl{width:calc(100% - 12px); margin:0 auto;}
.ns_7ns_info > dl > dt{padding:0.7em 1em 0.7em; line-height:1.3em; font-size:1em;}
.ns_7ns_info_ttl_1,.ns_7ns_info_ttl_2,.ns_7ns_info_ttl_3,.ns_7ns_info_ttl_7{font-size:0.9em;}
.ns_7ns_info_read_1,.ns_7ns_info_read_2,.ns_7ns_info_read_3,.ns_7ns_info_read_7{font-size:0.9em}

.ns_7ns_info_note{font-size:0.7em; display:inline-block; position:absolute; top:-0.5em;}

.ns_7ns_info_ttl_1{padding:2.5em 0; line-height:1.4em; height:auto;}
.ns_7ns_info_read_1{padding:2em 0; line-height:1.2em; height:auto;}
.ns_7ns_info_read_1 img{display:none; vertical-align: middle; margin:-5px 10px 0 0; width:3em;}
.ns_7ns_info_ttl_2,.ns_7ns_info_read_2{height:calc(12px + 2.2em + 6px + 3em * 0.9 + 2em * 0.9);}
.ns_7ns_info_ttl_3,.ns_7ns_info_read_3{height:auto;}

.ns_7ns_info_ttl_2{line-height:calc(12px + 2.2em + 6px + 3em * 0.9 + 2em * 0.9);}
.ns_7ns_info_read_2 dl{width:calc(100% - 12px); margin:6px auto; overflow: hidden}
.ns_7ns_info_read_2 dt{width:100%; background:#DBE3F5; line-height:2.2em; margin-bottom:6px; position:relative; display:block; font-size:1em;}
.ns_7ns_info_read_2 dt .ns_7ns_info_note{margin-left:-0.2em;}
.ns_7ns_info_read_2 dd{width:calc(50% - 6%); margin-right:3%; font-size:0.9em; line-height:1.3em; padding:1.2em 0; text-align: left; height:auto;}
.ns_7ns_info_read_2 dd:nth-child(2){width:calc(50% - 1%);}
.ns_7ns_info_read_2 dd:last-child{border:none; margin-right:0;}


  
.ns_7ns_info_ttl_3{line-height:1.3em; padding:4.1em 0;}
.ns_7ns_info_read_3{padding:2em 0;}
.ns_7ns_info_read_3 dt{width:calc(100% - 12px); overflow: hidden;}
.ns_7ns_info_read_3 dd{position:relative;}
.ns_7ns_info_read_3 dt .ns_7ns_info_note{font-size:0.6em;}
.ns_7ns_info_read_3 dd .ns_7ns_info_note{top:auto; font-size:0.7em;}
.ns_7ns_info_read_3 dd span{font-size:1.2em;}

.ns_7ns_info_read_3 dt{font-size:1.2em;}
.ns_7ns_info_read_3 dt span{font-size:1.2em;}

.ns_7ns_info_read_4{font-size:0.8em; text-align: left; clear: both}
.ns_7ns_info_read_4 dt, .ns_7ns_info_read_4 dd{display:inline; white-space: nowrap;}
.ns_7ns_info_read_4 dt::after {display:inline-block; content: " ･･･ "; white-space: nowrap;}
.ns_7ns_info_read_4 dd{margin-right:0.1em;}

.ns_7ns_info_read_5{font-size:0.8em; text-align: left; padding:1em 0;}
.ns_7ns_info_read_5 a{color:#FFF200;}
.ns_7ns_info_read_5 li{text-indent:-1em; margin-left:1em;}

.ns_7ns_info_read_6 .ns_vpoint_button{color:#fff;}
.ns_7ns_info_read_6 .ns_vpoint_button:hover{color:#fff;}

.ns_banner{width:calc(100% - 12px); margin:0 auto; padding:2em 0;}
.ns_banner li{margin-bottom:6px;}
.ns_banner li img{width:100%;}
}

@media screen and (min-width: 641px) {
.disp_PC{display:block;}
.disp_SP{display:none;}
.NS_breadcrumbs { margin:-20px auto 0; padding: 12px 0; line-height: 1.2em; font-size: 14px; width: 98%; box-sizing: border-box; }
.NS_breadcrumbs li { display:inline-block;}
.NS_breadcrumbs li::after {content: ">";}
.NS_breadcrumbs li:last-child::after {content:none;}
.NS_breadcrumbs a { color:#000; transition: .3s; }
.NS_breadcrumbs a:hover { opacity: .7; }
.NS_breadcrumbs span { margin-right:0.3em; }
}