@charset "UTF-8";
/* COMMON STYLE */
.ne01 a:hover { color: #004ea2; opacity: 0.8;}
.ne01 h2 { margin-bottom: 30px; font-size: 18px!important; line-height: 1.5!important;}
.ne01 h2 big { font-weight: normal;}
.ne01 h2 span { color: #004ea2;}
.ne01 h2 strong { font-size: 22px!important; font-weight: normal;}  
.ne01 sub { font-size: 10px;}
.ne01 .text-deco-line { color: #333;}
.ne01 .notes { font-size: 12px!important;}
.ne01 figure { margin: 0;}
.ne01 .button-top { margin-bottom: 10px; text-align: center;}
.ne01 .button-top img { max-width: 755px;}
@media screen and (max-width: 767px) {
  .ne01 h2, .ne01 h2 big, .ne01 h2 strong { font-weight: bold!important;}
  .ne01 .button-top { padding: 0 20px;}
}
@media screen and (min-width: 768px) {
  .ne01 h2 { font-size: 30px!important; font-weight: normal;}
  .ne01 h2 strong { font-size: 40px!important;}  
  .ne01 .notes { font-size: 10px!important;}
  .ne01 .button-top { margin: 0 auto 20px;}
}
/* .mv */
.ne01 .mv { color: #fff; background: #002a76;}
.ne01 .mv .box-left, .ne01 .mv .box-right { width: 100%;}
.ne01 h1 { margin: 20px 0 20px -0.5em; font-size: 15px; font-weight: 500; line-height: 1.5;}
.ne01 .mv .logo-top { font-size: 20px; line-height: 1.3!important;}
.ne01 .mv .logo-top span { display: block; font-size: 20px;}
.ne01 .mv .logo-top span strong { font-size: 20px; font-weight: normal;}
.ne01 .mv ul { display: flex; justify-content: center; margin: 10px auto 30px!important;}
.ne01 .mv ul li { margin-right: 5px; padding: 5px 15px; font-size: 12px; line-height: 1.3; background: #002a76; border: 1px solid #fff;}
.ne01 .mv ul li:last-child { margin-right: 0;}
.ne01 .mv .contents-inr .ambassador { max-width: 90%}
@media screen and (max-width: 767px) {
  .ne01 .mv .contents-inr { text-align: center;}
  .ne01 h1 { text-align: center;}
  .ne01 .mv .box-left .mv-logo { max-width:  90%; margin: 0 auto 20px;}
}
@media screen and (min-width: 768px) {
  .ne01 .mv .contents-inr { position: relative; height: 430px;}
  .ne01 h1 { margin: 0 0 10px -0.5em;}
  .ne01 .mv .box-left { width: 55%; min-width: 540px; padding-top: 30px; z-index: 4; position: absolute}
  .ne01 .mv .logo-top { font-size: 38px; letter-spacing: 0.06em;}
  .ne01 .mv .logo-top span { font-size: 30px;}
  .ne01 .mv .logo-top span strong { font-size: 40px;}
  .ne01 .mv ul { justify-content: flex-start}
  .ne01 .mv ul li { padding: 8px 15px; font-size: 13px;}
  .ne01 .mv .box-left .mv-logo { width: 460px;}
  .ne01 .mv .box-left .mv-logo img { width: 100%;}
  .ne01 .mv .contents-inr .ambassador { position: absolute; right: -45px; bottom: 2px; max-width: 545px;}
}
/* .sec-data */
.ne01 .sec-data { background: #f2f4f6;}
.ne01 .sec-data h2, .ne01 .sec-function h2 { width: fit-content!important; margin: 0 auto 30px; font-size: 18px!important;}
.ne01 .sec-data h2 small, .ne01 .sec-function h2 small { font-size: 18px;}
.ne01 .sec-data h2 big, .ne01 .sec-function h2 big { font-size: 24px;}
.ne01 .sec-data h2 span, .ne01 .sec-function h2 span { color: #004ea2;}
.ne01 .sec-data h2 figure, .ne01 .sec-function h2 figure { position: relative; display: flex; justify-content: center; align-items: center; width: 152px; height: 28px; padding: 0 20px; z-index: 1;}
.ne01 .sec-data h2 figure:before, .ne01 .sec-function h2 figure:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #004ea2; transform: skewX(-10deg); z-index: -1;}
.ne01 .sec-data .box-data { margin-top: 40px; padding: 20px; background: #fff; border: 2px solid #004ea2; border-radius: 12px;}
.ne01 .sec-data .box-data:first-of-type { margin-top: 0;}
.ne01 .sec-data .ttl { margin-bottom: 30px; padding-left: 50px; font-size: 18px; font-weight: bold; line-height: 1.3;}
.ne01 .sec-data .ttl span { color: #004ea2;}
.ne01 .sec-data .ttl i { position: relative; display: inline-block; width: 60px; height: 30px; line-height: 30px; margin: 0 10px 0 -70px; padding-left: 5px; color: #fff; font-size: 20px; background: #004ea2; z-index: 2;}
.ne01 .sec-data .ttl i:before { content: "data"; margin-right: 5px; font-size: 12px; font-style: normal; font-weight: normal;}
.ne01 .sec-data .ttl i:after { content: ''; position: absolute; top: 0; right: -5px; border-left: solid 5px #004ea2; border-bottom: solid 30px transparent; z-index: 1;}
.ne01 .sec-data .box-outline { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40px;}
.ne01 .sec-data .box-outline .graph-ttl { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 30px; margin-bottom: 30px!important; color: #fff; font-size: 15px; text-align: center; line-height: 1.3; background: #333; border-radius: 60px;}
.ne01 .sec-data .box-data .text { margin-bottom: 10px!important;}
.ne01 .sec-data .box-data .text strong { color: #004ea2;}
.ne01 .sec-data .box-data .text:nth-of-type(2) { margin-bottom: 0!important;}
.ne01 .sec-data .box-data:nth-of-type(2) .box-right figure { width: 80%; max-width: 350px; margin: 30px auto 0;}
.ne01 .sec-data .box-data:nth-of-type(3) .box-right { display: flex; justify-content: space-between; align-items: center;}
.ne01 .sec-data .box-data:nth-of-type(3) .box-right figure { width: 34%;}
.ne01 .sec-data .box-data:nth-of-type(3) .box-right .text { width: calc(66% - 20px);}

.ne01 .sec-data + .button-top { margin-bottom: 0; padding-bottom: 10px; background: #f2f4f6;}
@media only screen and (max-width: 767px) {
  .ne01 .sec-data h2 span, .ne01 .sec-function h2 span { font-size: 24px;}
  .ne01 .sec-data h2 figure, .ne01 .sec-function h2 figure { margin: 0 auto 10px;}
  .ne01 .sec-data .box-data .box-right { margin-top: 40px;}
}
@media print, (min-width: 768px) { 
  .ne01 .sec-data h2, .ne01 .sec-function h2 { font-size: 30px!important; line-height: 1!important;}
  .ne01 .sec-data h2 small, .ne01 .sec-function h2 small { font-size: 20px;}
  .ne01 .sec-data h2 big, .ne01 .sec-function h2 big { font-size: 40px;}
  .ne01 .sec-data h2 figure, .ne01 .sec-function h2 figure { margin-bottom: -10px;}
  .ne01 .sec-data .ttl { padding-left: 0; font-size: 23px;}
  .ne01 .sec-data .ttl i { width: 120px; height: 50px; line-height: 50px; margin: 0 30px 0 -40px; padding-left: 40px; font-size: 35px;}
  .ne01 .sec-data .ttl i:after { right: -20px; border-left: solid 20px #004ea2; border-bottom: solid 50px transparent;}
  .ne01 .sec-data .box-data { padding: 30px 40px;}
  .ne01 .sec-data .box-data i:before { font-size: 18px;}
  .ne01 .sec-data .box-left { width: 33%;}
  .ne01 .sec-data .box-right { width: calc(67% - 40px);}
}
/* .material-area */
.ne01 .material-area { padding: 26px 0; color: #fff; background: linear-gradient(to bottom,  #004ea2 50%, #003e80 100%);}
.ne01 .material-area .contents-inr { display: flex; justify-content: center; flex-direction: row-reverse; flex-wrap: wrap;}
.ne01 .material-area .box-left { text-align: center;}
.ne01 .material-area .box-left img { max-width: 80%;}
.ne01 .material-area a { position: relative; display: flex; justify-content: center; align-items: center; width: 300px; height: 50px; margin: 20px auto 0; color: #004ea2; font-size: 18px; font-weight: 500; background: #fff; border-radius: 50px;}
.ne01 .material-area .text-right { margin: 10px 0 20px!important; font-size: 12px; text-align: center;}
.ne01 .material-area .arrow-right::after {  content: "";  position: absolute;  margin: auto;  top: 0;  bottom: 0;  right: 20px;  width: 15px;  height: 15px;  border: 4px solid;  border-color:  #004ea2 #004ea2 transparent transparent;  transform: rotate(45deg);}
@media print, (min-width: 768px) { 
  .ne01 .material-area .box-left { width: 40%; text-align: center;}
  .ne01 .material-area .box-left img { max-width: 304px; margin-bottom: 15px;}
  .ne01 .material-area .box-right { width: 45.5%; max-width: 451px;}
  .ne01 .material-area .text-right { margin: 10px 0 0!important; text-align: right;}
}
/*.navi  */
.ne01 .navi { padding: 40px 0;}
.ne01 .navi  .ttl { width: fit-content; color: #004ea2; font-size: 20px; margin: 0 auto 20px!important;}
.ne01 .navi  .ttl .logo { display: inline-block; width: 150px;}
@media print, (min-width: 768px) { 
  .ne01 .navi { padding: 80px 0;}
  .ne01 .navi  .ttl { font-size: 30px;}
  .ne01 .navi  .ttl .logo { width: 250px;}
}
/* .anchor-link */
.ne01 .anchor-link { display: flex; justify-content: space-between; flex-wrap: wrap;}
.ne01 .anchor-link li { width: 49%;}
.ne01 .anchor-link li a { position: relative; display: flex; justify-content: center; align-items: center; height: 45px; padding-right: 10px; color: #fff; font-size: 11px; background: #000; border-radius: 4px;}
.ne01 .anchor-link li a:hover .arrow-down::before { background: #fff; border: none;}
.ne01 .arrow-down::before {  content: "";  position: absolute;  margin: auto;  top: 0;  bottom: 0;  right: 5px;  width: 20px;  height: 20px;  border: 1px solid #fff;  border-radius: 50%;}
.ne01 .arrow-down::after {  content: "";  position: absolute;  margin: auto;  top: -4px;  bottom: 0;  right: 11px;  width: 8px;  height: 8px;  border: 2px solid;  border-color:  transparent transparent #fff #fff;  transform: rotate(-45deg);}
.ne01 .anchor-link li a:hover .arrow-down::after { border-color:  transparent transparent #004ea2 #004ea2;  transform: rotate(-45deg);}
@media only screen and (max-width: 767px) {
  .ne01 .anchor-link li:nth-child(n + 3) { margin-top: 6px;}
}
@media print, (min-width: 768px) { 
  .ne01 .anchor-link li { width: 24.5%;}
  .ne01 .anchor-link li a { font-size: 16px;}
  .ne01 .anchor-link li a:hover { opacity: 1;}
  .ne01 .arrow-down::before { right: 10px;  width: 30px;  height: 30px;}
  .ne01 .arrow-down::after { right: 20px;  width: 10px;  height: 10px;}
}
/* .sec-function */
.ne01 .sec-function h2 figure { width: 120px;}
.ne01 .sec-function .box-function-right { margin-top: 30px; background: linear-gradient(90deg, #fff 0%, #fff 50%, #eaeef4 50%, #eaeef4 100%);}
.ne01 .sec-function .box-function-right:first-of-type { margin-top: 0;}
.ne01 .sec-function .box-function-left { margin-top: 30px; background: linear-gradient(90deg, #eaeef4 0%, #eaeef4 50%, #fff 50%, #fff 100%);}
.ne01 .sec-function .box-function-right .contents-inr,
.ne01 .sec-function .box-function-left .contents-inr { padding: 0 20px!important;}
.ne01 .sec-function .ttl { margin-bottom: 30px!important; font-size: 18px; text-align: center; font-weight: bold; line-height: 1.3!important;}
.ne01 .sec-function .ttl big { margin-right: 5px; color: #004ea2; font-size: 30px; font-weight: normal;}
.ne01 .sec-function .ttl span { color: #004ea2;}
.ne01 .sec-function .ttl-function  { width: 100%; height: 30px; line-height: 30px; margin-bottom: 20px!important; color: #fff; font-size: 15px; text-align: center; background: #004ea2;}
.ne01 .sec-function .text { font-size: 14px;}
.ne01 .sec-function .text p:first-of-type { margin-bottom: 1em!important;}
.ne01 .sec-function .box-outline figure { margin: auto;}
.ne01 .sec-function .box-function-right:first-of-type .box-outline figure { max-width: 90%;}
.ne01 .sec-function .box-function-left .box-outline figure { max-width: 70%;}
.ne01 .sec-function + .button-top { margin-top: 40px;}
@media only screen and (max-width: 767px) {
  .ne01 .sec-function .box-function-right .contents-inr,
  .ne01 .sec-function .box-function-left .contents-inr { width: calc(100% - 40px); margin: auto; background: #eaeef4;}
  .ne01 .sec-function .ttl { margin-top: -10px!important;}
  .ne01 .sec-function .box-outline figure { margin: 30px auto 0;}
  .ne01 .sec-function .box-outline .box-right { margin-top: 30px;}
  .ne01 .sec-function .box-outline .box-right figure { margin-bottom: -40px;}
  .ne01 .sec-function .box-function-right:last-of-type .box-left figure { max-width: 70%;}
}
@media print, (min-width: 768px) { 
  .ne01 .sec-function .box-function-right, .ne01 .sec-function .box-function-left { margin-top: 60px;}
  .ne01 .sec-function .box-function-right .contents-inr,
  .ne01 .sec-function .box-function-left .contents-inr { position: relative; padding: 40px 40px 0!important; z-index: 1;}
  .ne01 .sec-function .box-function-right .contents-inr:before { content: ""; position: absolute; top: 0; bottom: 0; left: -20px; right: 0; background: #eaeef4; transform: skewX(-10deg); z-index: -1;}
  .ne01 .sec-function .box-function-left .contents-inr:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0px; right: -20px; background: #eaeef4; transform: skewX(-10deg); z-index: -1;}
  .ne01 .sec-function .ttl { font-size: 23px;}
  .ne01 .sec-function .ttl big { font-size: 40px;}
  .ne01 .sec-function .text { min-height: 13em;}
  .ne01 .sec-function .box-outline { display: flex; justify-content: space-between;}
  .ne01 .sec-function .box-outline .box-left, .sec-function .box-outline .box-right { width: 47%;}
  .ne01 .sec-function .box-function-right:first-of-type .box-outline figure { max-width: 375px;}
  .ne01 .sec-function .box-function-left .box-outline figure { max-width: 250px;}
  .ne01 .sec-function .box-function-right:last-of-type .box-outline figure { max-width: 405px;}
  .ne01 .sec-function + .button-top { margin-top: 80px;}
}
/* .sec-plans */
.ne01 input[type="radio"] { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.ne01 input[name="tab_item"] { display: none;}
.ne01 .tabs { display: flex; justify-content: space-between; flex-wrap: wrap;}
.ne01 .tabs label { display: block; width: 49%; height: 50px; line-height: 50px; color: #999; text-align: center; font-weight: bold; background: #bbb; transition: all 0.2s ease;}
.ne01 .tabs label:hover { cursor: pointer;}
.ne01 .tabs input:checked + label { color: #fff; background: #396881;}
.ne01 .tabs label:hover { opacity: 0.7;}
.ne01 .tabs .tab_content { width: 100%; display: none; padding-top: 40px;}
#kanto:checked ~ #kanto_content,
#kansai:checked ~ #kansai_content,
#tokai:checked ~ #tokai_content, #othrer:checked ~ #othrer_content  { display: block;}
@media only screen and (max-width: 767px) {
  .ne01 .tabs label { font-size: 12px;}
  .ne01 .tabs label:nth-of-type(n + 3) { margin-top: 10px;}
}
@media print, (min-width: 768px) { 
  .ne01 .tabs label { width: 24.5%;}
}
.ne01 .tabs .tab_content dl { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 84%; font-weight: bold;}
.ne01 .tabs .tab_content dt, .ne01 .tabs .tab_content dd { display: flex; align-items: center; height: 50px; margin-bottom: 10px;}
.ne01 .tabs .tab_content dt:last-of-type, .baitoru .tabs .tab_content dd:last-of-type { margin-bottom: 0;}
.ne01 .tabs .tab_content dt { width: 40%; padding: 0 10px; color: #fff; background: #ff8080;}
.ne01 .tabs .tab_content dd { justify-content: center; width: 60%; font-size: 3.3vw; background: #fff3f3; border: 2px solid #ff8080;}
.ne01 .tabs .tab_content dd:after { content: "/1週間あたり"; margin-left: 3px; font-size: 12px; font-weight: normal;} 
.ne01 .tabs .tab_content dt:nth-of-type(2) { background: #f49144;}
.ne01 .tabs .tab_content dd:nth-of-type(2) { background: #fef4ed; border-color: #f49144;}
.ne01 .tabs .tab_content dt:nth-of-type(3) { background: #e6b40e;}
.ne01 .tabs .tab_content dd:nth-of-type(3) { background:  #fdf8e7; border-color: #e6b40e;}
.ne01 .tabs .tab_content dt:nth-of-type(4) { background: #92cc73;}
.ne01 .tabs .tab_content dd:nth-of-type(4) { background: #f4faf1; border-color: #92cc73;}
.ne01 .tabs .tab_content dt:nth-of-type(5) { background: #659ac4;}
.ne01 .tabs .tab_content dd:nth-of-type(5) { background: #f0f5f9; border-color: #659ac4;}
.ne01 .tabs .tab_content dt:nth-of-type(6) { background: #838383;}
.ne01 .tabs .tab_content dd:nth-of-type(6) { margin-bottom: 0; background: #f3f3f3; border-color: #838383;}
.ne01 .tab-outline { display: flex; justify-content: space-between;}
.ne01 .gradation { position: relative; margin-right: 11px; writing-mode: vertical-rl; text-align: center;}
.ne01 .gradation .inr { display: flex; justify-content: space-between; align-items: center; width: 20px; height: calc(100% - 20px); margin-top: 20px; padding: 5% 0; font-size: 18px;background: linear-gradient(to bottom,  #ffbfbf 0%,#f9c8a1 20%,#f2d986 40%,#c8e5b9 60%,#b2cce1 80%,#c1c1c1 100%);}
.ne01 .gradation:before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); content:""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #ffbfbe;}
.ne01 .tabs .tab_content ul { margin-top: 20px!important; font-size: 14px; line-height: 1.8;}
.ne01 .tabs .tab_content li { margin-left: 1.3em;}
.ne01 .tabs .tab_content li span { font-weight: bold;}
.ne01 .tabs .tab_content li:before { content: "■ "; margin-right: 3px; margin-left: -1.3em; color: #396881; font-size: 12px}
@media only screen and (max-width: 820px) {
  .ne01 .tabs .tab_content dd { font-size: 16px;}
  .ne01 .tabs .tab_content ul.sp-only { margin: 20px 0 40px!important}
}
@media only screen and (max-width: 384px) {
  .ne01 .tabs .tab_content dd { font-size: 12px;}
}
@media print, (min-width: 768px) { 
  .ne01 .tab-outline { width: 600px; margin: auto;}
  .ne01 .tabs .tab_content dt, .ne01 .tabs .tab_content dd { font-size: 18px;}
  .ne01 .gradation .inr { width: 30px; height: calc(100% - 30px); margin-top: 26px;}
  .ne01 .gradation:before { border-left: 26px solid transparent; border-right: 26px solid transparent; border-bottom: 26px solid #ffbfbe;}
  .ne01 .tabs .tab_content ul { width: fit-content; margin: 50px auto 0!important;}
}
/* .sec-example */
.ne01 .sec-example { padding: 40px 0;}
.ne01 .box-example { margin: 0 30px; padding: 20px; font-size: 14px; border: 1.5px solid #004ea2; border-radius: 12px;}
.ne01 .box-example .ttl { margin-bottom: 22px!important; padding-bottom: 10px; font-size: 18px; font-weight: 700; text-align: center; border-bottom: 1.5px solid #004ea2;}
.ne01 .box-example .company-logo { width: auto!important; height: 30px!important; margin-right: 10px;}
.ne01 .box-example .company-name { font-weight: 500;}
.ne01 .box-example dl dt { margin-bottom: 5px; color: #004ea2; font-weight: bold;}
.ne01 .box-example dl dd { line-height: 1.5;}
.ne01 .box-example dl dd:first-of-type { margin-bottom: 20px}
.ne01 .sec-example .box-link { height: 40px; color: #004ea2; font-size: 14px; border-color: #004ea2; border-radius: 2px}
.ne01 .sec-example .box-link02  { display: flex; justify-content: center; align-items: center; width: 200px; height: 40px; color: #fff; background: #004ea2; border-radius: 2px;}
@media only screen and (max-width: 767px) {
  .ne01 .box-example .pc-flex-between:first-of-type { margin-bottom: 30px;}
  .ne01 .box-example .box-example-name { text-align: center;}
  .ne01 .box-example .company-name { display: block; margin-top: 10px;}
  .ne01 .box-example dl { margin-top: 30px;}
  .ne01 .sec-example .box-link02  { margin: 30px auto 0;}
}
@media print, (min-width: 768px) { 
  .ne01 .sec-example { padding: 80px 0;}
  .ne01 .box-example { margin: 0 50px; padding: 30px 25px;}
  .ne01 .box-example .box-example-name { display: flex; align-items: center; flex-wrap: wrap; width: calc(100% - 220px);}
  .ne01 .box-example .company-logo { margin-right: 20px;}
  .ne01 .box-example .company-name { width: fit-content; white-space: nowrap;}
  .ne01 .box-example .ttl { font-size: 22px;}
  .ne01 .box-example .example-text figure { width: 30%!important;}
  .ne01 .box-example .example-text dl { width: calc(70% - 30px);}
}
/* .sec-example > SLICK Arrows */
.ne01 .slick-prev, .ne01 .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.ne01 .slick-prev:before, .ne01 .slick-next:before { color: #fff; font-size: 20px; line-height: 1;}
.ne01 .slick-prev { top: 50%; left: 10px; width: 40px; height: 40px; background:rgba(46,56,76,0.95);  border-radius: 50px; z-index:10;}
.ne01 .slick-prev:before { content: '←';}
.ne01 .slick-next { top: 50%; right:  10px; width: 40px; height: 40px; background:rgba(46,56,76,0.95); border-radius: 50px; z-index:10;}
.ne01 .slick-next:before { content: '→';}
.ne01 .slick-track { display: flex;}
.ne01 .slick-slide { height: auto !important;}
@media print, (min-width: 1201px) { 
  .ne01 .slick-prev, .ne01 .slick-next { width: 60px; height: 60px;}
  .ne01 .slick-prev:before, .ne01 .slick-next:before { font-size: 30px;}
  .ne01 .slick-prev { left: 270px;}
  .ne01 .slick-next { right: 270px;}
}
/* .sec-sec-flow */
.ne01 .sec-flow { background: url(../img/ne01/bg-sec-flow-sp.jpg) no-repeat top center/100% auto;}
.ne01 .sec-flow ul li { width: 100%; padding: 10px 10px 20px; text-align: center; font-size: 14px; background: #fff; line-height: 1.8; border: 1px solid #ddd;}
.ne01 .sec-flow h2 { color: #fff;}
.ne01 .sec-flow ul li .step { font-size: 14px; color: #fff; font-weight: bold; background: #004ea2;}
.ne01 .sec-flow ul li .step:before { content: "step"; font-size: 12px;}
.ne01 .sec-flow ul li .ttl { margin: 10px 0; color: #004ea2; font-size: 16px; font-weight: bold; line-height: 1.3;}
.ne01 .sec-flow ul li .ttl span { font-size: 12px;}
.ne01 .sec-flow ul li .text { font-size: 14px; text-align: left;}
@media only screen and (max-width: 767px) {
  .ne01 .sec-flow ul li { margin-top: 10px; border: 1px solid #ddd;}
  .ne01 .sec-flow ul li:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px;}
  .ne01  .sec-flow ul li:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
}
@media print, (min-width: 768px) { 
  .ne01 .sec-flow { background-image: url(../img/ne01/bg-sec-flow.jpg); background-size: cover;}
  .ne01 .sec-flow ul li { width: 19%; border-radius: 6px;}
  .ne01 .sec-flow ul li .step { padding-bottom: 5px; color: #004ea2; font-size: 20px; background: none; border-bottom: 1.5px solid #004ea2;}
  .ne01 .sec-flow ul li .ttl { min-height: 3em;}
  .ne01 .sec-flow ul li .ttl span { display: block;}
}
/* .sec-faq */
.ne01 .sec-faq a { color: #004ea2; text-decoration: underline;}
.ne01 .sec-faq .accordion { margin-bottom: 20px; border: 1px solid #ccc;}
.ne01 .sec-faq .toggle { display: none;}
.ne01 .sec-faq .box-faq { position: relative;}
.ne01 .sec-faq .question p { margin: 0!important; line-height: 1.3!important}
.ne01 .sec-faq .question, .sec-faq .answer { backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s;}
.ne01 .sec-faq .question { display: block; padding: 15px 40px;}
.ne01 .sec-faq .question::after, .sec-faq .question::before { content: ""; position: absolute; right: 1.25em; top: 45%; width: 3px; height: 1em; background-color: #004ea2; transition: all 0.3s;}
.ne01 .sec-faq .question::after { transform: rotate(90deg);}
.ne01 .sec-faq .answer { max-height: 0; overflow: hidden;}
.ne01 .sec-faq .answer-inr { padding: 15px;}
.ne01 .sec-faq .answer .lead { margin-bottom: 30px!important; padding-bottom: 30px; font-size: 16px; font-weight: 500; border-bottom: 1px dashed #ddd;}
.ne01 .sec-faq .toggle:checked + .question { color: #fff; background: #004ea2;}
.ne01 .sec-faq .toggle:checked + .question + .answer { max-height: 500px; transition: all 1.5s;}
.ne01 .sec-faq .toggle:checked + .question::before { transform: rotate(90deg) !important;}
.ne01 .sec-faq .toggle:checked + .question::after {background-color: #fff;}
.ne01 .sec-faq .ic-q { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; color: #004ea2; font-size: 21px; font-style: normal; font-weight: normal;}
.ne01 .sec-faq .ic-a { display: inline-block; width: 40px; height: 40px; line-height: 36px; margin-right: 10px; color: #fff; font-size: 30px; font-style: normal; text-align: center; background: #004ea2; border-radius: 40px;}
@media print, (min-width: 768px) { 
  .ne01 .sec-faq .question { padding: 20px 40px;}
  .ne01 .sec-faq .question::after, .sec-faq .question::before { right: 1.25em; top: 1.25em;}
  .ne01 .sec-faq .answer-inr { padding: 30px;}
}

/* BUTTON AREA */
.ne01 .button-area.content { padding: 30px 0 16px; background: #ddd;} 
.ne01 .button-area .contents-inr { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 22px!important}
.ne01 .button-area .box { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 70px; padding: 0 50px 0 100px; color: #fff; font-size: 18px; font-weight: bold; background: #004ea2; border-radius: 85px; box-shadow: 0 0 4px rgba(0,0,0,0.6);}
.ne01 .button-area .box .point { width: 100%; height: 20px; padding: 0 10px; line-height:20px; margin-bottom: 6px; color: #004ea2; font-size: 10px; text-align: center; font-weight: normal; background: #fff; border-radius: 20px;}
.ne01 .button-area .box .small { margin-top: 5px; font-size: 10px; font-weight: normal;}
.ne01 .button-area .box:nth-of-type(2), .button-area .box:nth-of-type(3) { color: #004ea2; background: #fff!important; border: 2px solid #004ea2;}
.ne01 .button-area .box:nth-of-type(2) .point, .ne01 .button-area .box:nth-of-type(3) .point { color: #fff; background: #004ea2;}
.ne01 .button-area .box:nth-of-type(4)  { font-size: 16px!important;}
.ne01 .button-area.mv-btm { margin-top: -20px;} 
.ne01 .button-area.mv-btm .box { background: #0f9a1d;}
.ne01 .button-area.mv-btm .box:nth-child(2), .button-area.mv-btm .box:nth-child(3) { color: #0f9a1d; border-color: #0f9a1d;}
.ne01 .button-area.mv-btm .box:nth-child(2) .point, .button-area.mv-btm .box:nth-child(3) .point {color: #fff!important; background: #0f9a1d;}
.ne01 .button-area.mv-btm .box .point { color: #0f9a1d;}
.ne01 .button-area .icon { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 60px; height: 60px; background-size: 60px auto; background-repeat: no-repeat; background-position: center center;}
.ne01 .button-area.mv-btm .icon.web { background-image: url(../img/sa-next/icon-web-o.png);}
.ne01 .button-area.mv-btm .icon.tel { background-image: url(../img/sa-next/icon-tel-o.png);}
.ne01 .button-area.mv-btm .icon.file { background-image: url(../img/sa-next/icon-file-o.png);}
.ne01 .button-area .icon.web { background-image: url(../img/sa-next/icon-web.png);}
.ne01 .button-area .icon.tel { background-image: url(../img/sa-next/icon-tel.png);}
.ne01 .button-area .icon.file { background-image: url(../img/sa-next/icon-file.png);}
@media only screen and (max-width: 767px) {
  .ne01 .button-area.mv-btm { padding-bottom: 30px; background: #002a76;}
  .ne01 .button-area.mv-btm .text-deco-line { color: #fff; font-size: 14px;}
  .ne01 .button-area .box:nth-of-type(2) { margin: 16px 0;}
}
@media screen and (min-width: 768px) {
  .ne01 .button-area .box { width: 32%; height: 85px; padding: 0 3% 0 10%; font-size: 1.818vw; transition-duration: .05s;}
  .ne01 .button-area .box:nth-of-type(4)  { font-size: 1.717vw;}
  .ne01 .button-area .box:hover { color: #004ea2; background: #fff; transform: scale(1.06); opacity: 1;}
  .ne01 .button-area .box:hover .point { color: #fff; background: #004ea2;}
  .ne01 .button-area .box:nth-of-type(3):hover { color: #fff; background: #004ea2!important; border: 2px solid #fff;}
  .ne01 .button-area .box:nth-of-type(3):hover .point { color: #004ea2; background: #fff;}
  .ne01 .button-area.mv-btm { margin-top: -42.5px; background: linear-gradient(180deg, transparent 0%, transparent 30%, #f2f4f6 30%, #f2f4f6 100%);}
  .ne01 .button-area.mv-btm .box:hover { color: #0f9a1d!important; background: #fff!important;}
  .ne01 .button-area.mv-btm .box:hover .point { color: #fff!important; background: #0f9a1d;}
  .ne01 .button-area.mv-btm .box:nth-child(3):hover { color: #fff!important; background: #0f9a1d!important; border: 2px solid #fff;}
  .ne01 .button-area.mv-btm .box:nth-child(3):hover .point { color: #0f9a1d!important; background: #fff!important;}
}
@media screen and (min-width: 990px) {
  .ne01 .button-area .box { font-size: 18px;}
}