@charset "UTF-8";

/* img {width: 100%; vertical-align: bottom;} */
a {position: relative;}
a.exLink:after {position: absolute; top: 50%; right: -20%; content: ""; width: 15px; height: 15px; background: url(../../../../../common/images/ico_pop_01.gif) no-repeat; background-size: 100%; transform: translateY(-50%);}
@media print, screen and (max-width: 320px) {
  a.exLink:after {right: -25%;}
}

.sp {display: block;}
.pc {display: none;}

.serchArea {display: none;}
.help__ttl {font-size: 4.4vw;}

.ankArea {margin-bottom: 11%; padding: 4% 0;}
.ankArea__txt {font-size: 3.34vw; font-weight: bold; text-align: justify; line-height: 1.36; letter-spacing: -.5px; margin-bottom: 4%;}
.ankAreaList {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.ankAreaList li {position: relative; width: 48.5%; display:table; background: #085eb0; border-radius: 10px; box-shadow: 2px 2px 0 1px rgba(0,0,0,0.2); }
.ankAreaList li:after {position: absolute; top: 50%; right: 3%; content: ""; width: 5%; height: 12%; background: url(../img/ico_arrow.svg) no-repeat; background-size: 100%; transform: translateY(-50%);}
.ankAreaList li {margin-bottom: 3%;}
.ankAreaList li a {display: table-cell; vertical-align: middle; width: 100%; font-size: 3.74vw; font-weight: bold; text-align: center; line-height: 1.2; color: #fff; text-decoration: none !important; padding: 4% 0;}
.ankAreaList li:hover {opacity: .7;}
.ankAreaList li a:hover {color: #fff;}
.block {margin-bottom: 15%;}
.block__ttl {position: relative; font-size: 4.8vw; padding-left: 3%;}
.block__ttl:before {position: absolute; top: 50%; left: 0; content: ""; width: 2%; height: 100%; background: url(../img/ico_bar.svg) no-repeat; background-size: 100%; transform: translateY(-50%);}
.block__lead {position: relative; font-size: 4.27vw; line-height: 1; color: #fff; background: #085eb0; padding: 4% 0 4% 10%; margin: 0 -2% 5.5% -2%;}
.block__lead:before {position: absolute; top: 50%; left: 2%; content: ""; width: 6%; height: 51%; background: url(../img/ico_question.svg) no-repeat; background-size: 100%; transform: translateY(-50%);}
.blockList {margin-bottom: 4%;}
.blockList li {font-size: 4vw; line-height: 1.53; font-weight: bold;}
.block__img {text-align: center;}
.block__img.left {text-align: left;}
.block__img .img01 {width: 82%; margin-bottom: 4%;}
.block__img .img02a {width: 92%; margin-bottom: 9%;}
.block__img .img02b {width: 100%; margin-bottom: 4%;}
.block__img .img02c {width: 100%; margin-bottom: 4%;}
.block__img .img03 {width: 100%; margin-bottom: 12%;}
.block__img .img04 {width: 100%; margin-bottom: 12%;}
.block__img .img05 {width: 72%; margin-bottom: 11%;}
.block__img .img06 {width: 100%; margin-bottom: 11%;}
.block__img .img07 {width: 70%; margin-bottom: 14%;}
.block__img .img08 {width: 100%; margin-bottom: 4%;}
.block__img .img09 {width: 72%; margin-bottom: 9%;}
.block__img .img10 {width: 65%; margin-bottom: 9%;}
.block__img .img11 {width: 64%; margin-bottom: 2%;}
.block__img .img12 {width: 64%; margin-bottom: 14%;}
.block__img .img13 {width: 56%; margin-bottom: 7%;}
.block__img .img14 {width: 230px; margin-bottom: 8%;}
.block__img .img15 {width: 100%; margin-bottom: 13%;}
.block__img .img16 {width: 86%; margin-bottom: 7%;}
.block__img .img17 {width: 91%; margin-bottom: 12%;}
.block__img .img18 {width: 54%; margin-bottom: 7%;}
.block__img .img19 {width: 89%; margin-bottom: 5%;}
.block__img .img20 {width: 100%; margin-bottom: 12%;}
.block__img .img21 {width: 90%; margin-bottom: 0;}
.block__img .img32 {width: 56%; margin-bottom: 7%;}
.block__heading {position: relative; font-size: 4.27vw; background: #cde0f1; color: #085eb0; padding: 4% 0 4% 10%; margin: 0 -2% 4% -2%;}
.block__heading:before {position: absolute; top: 50%; left: 2%; content: ""; width: 6%; height: 51%; background: url(../img/ico_exclamation.svg) no-repeat; background-size: 100%; transform: translateY(-50%);}
.block__txt {font-size: 4vw; margin-bottom: 2%;}
.block__txt a{font-size: 4vw;}
.block__txt.mb {margin-bottom: 7%;}
.block__note {font-size: 4vw; margin-bottom: 7%;}
.block__subheading {font-size: 4vw; font-weight: normal; margin-bottom: 4%; border-bottom: solid 1px #000;}

.blockLink.Pattern01 {display: flex; flex-wrap: wrap;}
.blockLink.Pattern01.mb {margin-bottom: 14%;}
.blockLink.Pattern01.mb02 {margin-bottom: 10%;}
.blockLink.Pattern01.mb03 {margin-bottom: 5%;}
.blockLink.Pattern01 li {width: 50%; font-size: 3.47vw; font-weight: bold; letter-spacing: -1px; line-height: 2; margin-bottom:10px;}
.blockLink.Pattern01 li a {font-size: 3.47vw; display: inline-block;}
.blockLink.Pattern01 li span {display: inline-block; width: 40%;}
.blockLink.Pattern01 li.width {width: 100%;}
.blockLink.Pattern01 li.width span:first-child {width: 20%;}
.blockLink.Pattern01.firstWidthWide li.flex span:first-child {width: 100%;}
.blockLink.Pattern01 li.width span:nth-of-type(2) {position: relative; display: inline-block; padding-left: 6.5%;}
/* .blockLink.Pattern01 li.width span:nth-of-type(2):before {position: absolute; top: 50%; left: 11%; content: ""; width: 1.2em; height: 81%; background: url(../../../../../common/images/pdficon_small.png) no-repeat; background-size: 100%; transform: translateY(-50%);} */

.blockLink.Pattern02.bb {border-bottom: solid 1px #000; padding-bottom: 13%; margin-bottom: 4%;}
.blockLink.Pattern02.bb02 {border-bottom: solid 1px #000; padding-bottom: 4%; margin-bottom: 4%;}
.blockLink.Pattern02.mb {margin-bottom: 10%;}
.blockLink.Pattern02.mb02 {margin-bottom: 5%;}
.blockLink.Pattern02 p {font-size: 3.74vw; font-weight: bold; letter-spacing: -1px; margin-bottom: 2%;}
.blockLink.Pattern02 ul li {display: block;}
.blockLink.Pattern02 ul li:not(:last-child) {display: block; margin-bottom: 2%;}
.blockLink.Pattern02 ul li a {position: relative; display: inline; font-size: 3.74vw; font-weight: bold; line-height: 1.4; letter-spacing: -1px;}
.blockLink.Pattern02 ul li a.exLink:after {position: absolute; top: 50%; right: -1.5em; content: ""; width: 1em; height: 105%; background: url(../../../../../common/images/ico_pop_01.gif) no-repeat; background-size: 100%; transform: translateY(-50%);}
.blockLink.Pattern02 ul li a.exLink.pos:after {top: 52%; transform: none; height: 50%;}
.blockLink.Pattern02 ul li a.exLink.pos02:after {right: -1em; top: 67%; transform: none; height: 30%;}
.blockLink.Pattern02 ul li span {position: relative; font-size: 3.74vw; font-weight: bold; display: inline-block; padding-left: 7%;}
/* .blockLink.Pattern02 ul li span:before {position: absolute; top: 50%; left: 21%; content: ""; width: 1.2em; height: 100%; background: url(../../../../../common/images/pdficon_small.png) no-repeat; background-size: 100%; transform: translateY(-50%);} */


.blockLink.Pattern03 ul li {font-size: 3.74vw; line-height: 1.6;}
.blockLink.Pattern03 ul li span:first-child {display: inline-block; width: 22%; font-weight: bold;}
.blockLink.Pattern03 ul li span:nth-of-type(2) {position: relative; display: inline-block; font-weight: bold; padding-left: 8%;}
.blockLink.Pattern03 ul li a {display: inline; font-size: 3.74vw; font-weight: bold; line-height: 1.6; text-decoration: underline;}

.blockPoint {position: relative; margin-bottom: 9%;}
.blockPoint__txt {font-size: 4vw; text-align: justify; line-height: 1.5; padding: 8% 3% 3% 3%; border: solid 2px #085eb0; border-radius: 5px;}
.blockPoint__icon {position: absolute; top: -8%; left: 3%; width: 40%;}
.blockPoint__icon.pos {top: -15%;}
.blockPoint__icon.pos02 {top: -6%;}

.block02 {background: #eeeeee; padding: 6% 2%; margin: 0 -2% 14% -2%;}
.block02__txt {font-size: 2.4vw; margin-bottom: 4%;}
.block02__note {font-size: 2.4vw;}


  @media print, screen and (min-width: 768px) {
  a {font-size: 100%;}
  a.exLink:after {right: -22px; width: 15px; height: 15px;}

  .sp {display: none;}
  .pc {display: block;}

  .help__ttl {font-size: 140%;}
  article.main {margin-bottom: 137px;}
  #header #headNav .headGroup .myEpson a img {width: 67px;}

  .ankArea {margin-bottom: 66px; padding: 30px 0 0 0;}
  .ankArea__txt {font-size: 18px; letter-spacing: 0; margin-bottom: 16px; padding: 0 19px;}
  .ankAreaList {padding: 0 19px;}
  .ankAreaList li {width: 300px; box-shadow: 3px 4px 0 1px rgba(0,0,0,0.2); }
  .ankAreaList li:after {right: 3%; width: 16px; height: 9.6px;}
  .ankAreaList li:nth-child(-n+6) {margin-bottom: 10px}
  .ankAreaList li a {font-size: 18px; line-height: 1.2; padding: 16px 0 14px;}
  .block {margin-bottom: 96px;}
  .block__ttl {font-size: 25px; padding-left: 25px; margin-bottom: 32px;}
  .block__ttl:before {width: 10px; height: 45px;}
  .block__lead {font-size: 23px; padding: 15px 0 12px 80px; margin: 0 0 18px 0; border-radius: 50px;}
  .block__lead.mb {margin-bottom: 23px;}
  .block__lead.mb02 {margin-bottom: 62px;}
  .block__lead.mb03 {margin-bottom: 30px;}
  .block__lead.mb04 {margin-bottom: 50px;}
  .block__lead:before {left: 30px; width: 38px; height: 38px;}
  .blockContainer {display: flex; justify-content: space-between; align-items: center; padding: 0 19px; margin-bottom: 15px;}
  .blockContainer.mb {margin-bottom: 58px;}
  .blockContainer.mb02 {margin-bottom: 36px;}
  .blockList {width: 545px; margin-bottom: 0;}
  .blockList.width {width: 100%; padding: 0 19px;}
  .blockList.mb {margin-bottom: 10px;}
  .blockList.mb02 {margin-bottom: 28px;}
  .blockList.mt {margin-top: -70px;}
  .blockList li {font-size: 17px; line-height: 1.8;}
  .block__imgContainer {display: flex; justify-content: space-between; width: 687px; margin: 0 auto 70px;}
  .block__img .img01 {width: 418px; margin: 0 28px 0 0;}
  .block__img .img02a {width: 437px; margin: 0 57px 0 0;}
  .block__img .img02b {width: 557px;  margin: 0 0 0 0;}
  .block__img .img02c {width: 579px;  margin: 0 0 0 0;}
  .block__img .img03 {width: 578px; margin: 0 6px 0 0;}
  .block__img .img04 {width: 428px; margin: 0 71px 0 0;}
  .block__img .img05 {width: 559px; margin-bottom: 0;}
  .block__img .img06 {width: 437px; margin: 0 53px 0 0;}
  .block__img .img07 {width: 772px; margin-bottom: 65px;}
  .block__img .img08 {width: 506px; margin-bottom: 30px;}
  .block__img .img09 {width: 259px; margin: 0 69px 0 0;}
  .block__img .img10 {width: 191px; margin: 0 96px 0 0;}
  .block__img .img11 {width: 329px; margin: 0;}
  .block__img .img12 {width: 332px; margin-bottom: 0;}
  .block__img .img13 {width: 249px; margin: 0 109px 0 0;}
  .block__img .img14 {width: 230px; margin: 0 119px 0 0;}
  .block__img .img15 {width: 601px; margin: 0 33px 0 0;}
  .block__img .img16 {width: 449px; margin: 0 54px 0 0;}
  .block__img .img17 {width: 434px; margin: 0 63px 0 0;}
  .block__img .img18 {width: 271px; margin-bottom: 0;}
  .block__img .img19 {width: 452px; margin: 0 55px 0 0;}
  .block__img .img20 {width: 481px; margin: 0 51px 0 0;}
  .block__img .img21 {width: 323px; margin: 0 0 0 0;}
  .block__img .img32 {width: 270px; margin: 0 109px 0 0;}
  .block__inner {padding: 0 19px;}
  .block__inner.flex {display: flex; justify-content: space-between;}
  .block__heading {font-size: 23px; padding: 15px 0 12px 80px; margin: 0 0 31px 0; border-radius: 50px;}
  .block__heading:before {left: 30px; width: 38px; height: 38px;}
  .block__txt {font-size: 18px; margin-bottom: 28px;}
  .block__txt a{font-size: 18px;}
  .block__txt.mb {margin-bottom: 0;}
  .block__note {font-size: 16px; padding: 0 19px; margin-bottom: 25px;}
  .block__subheading {font-size: 18px; padding-bottom: 7px; margin-bottom: 19px;}
  .blockLinkContainer {display: flex;}
  .blockLinkContainer .blockLink {width: 50%; height: 0; margin-bottom: 0 !important;}
  .blockLinkContainer .blockLink li {width: 50% !important;}
  .blockLinkContainer .block__img {width: 50%;}

  .blockLink.Pattern01.mb {margin-bottom: 43px;}
  .blockLink.Pattern01.mb02 {margin-bottom: 60px;}
  .blockLink.Pattern01 li {width: 25%; font-size: 15px; margin-bottom:0px;}
  .blockLink.Pattern01 li a {font-size: 15px;}
  .blockLink.Pattern01 li span {width: 80px;}
  .blockLink.Pattern01 li.width {width: 100%;}
  .blockLink.Pattern01 li.width span:first-child {width: auto;}
  .blockLink.Pattern01 li.width span:nth-of-type(2) {padding-left: 30px; width: 200px; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;}
  .blockLink.Pattern01 li.width span:nth-of-type(2):before {left: 22px; width: 15px; height: 15px;}
  .blockLink.Pattern01 li.flex {width: 50%;}
  .blockLink.Pattern01 li.flex span:first-child {width: 80px;}
  .blockLink.Pattern01.firstWidthWide li.flex span:first-child {width: 33%;}
  .blockLink.Pattern02 {}
  .blockLink.Pattern02.bb {padding-bottom: 14px; margin-bottom: 19px;}
  .blockLink.Pattern02.bb02 {padding-bottom: 14px; margin-bottom: 20px;}
  .blockLink.Pattern02.mb {margin-bottom: 64px;}
  .blockLink.Pattern02.mb02 {margin-bottom: 0;}
  .blockLink.Pattern02 p {font-size: 16px; margin-bottom: 14px;}
  .blockLink.Pattern02 ul {}
  .blockLink.Pattern02 ul li:not(:last-child) {margin-bottom: 10px;}
  .blockLink.Pattern02 ul li a {font-size: 15px;}
  .blockLink.Pattern02 ul li a.exLink:after {right: -1.4em; width: 15px; height: 15px;}
  .blockLink.Pattern02 ul li a.exLink.pos:after {top: 2px; height: 15px;}
  _::-webkit-full-page-media, _:future, :root .blockLink.Pattern02 ul li a.exLink.pos:after {top: 0;}
  .blockLink.Pattern02 ul li a.exLink.pos02:after {right: -1em; top: 25px; height: 15px;}
  _::-webkit-full-page-media, _:future, :root .blockLink.Pattern02 ul li a.exLink.pos02:after {top: 20px;}
  @-moz-document url-prefix() {.blockLink.Pattern02 ul li a.exLink.pos02:after {right: -215px;}}
  .blockLink.Pattern02 ul li span {font-size: 16px; font-weight: bold; letter-spacing: -1px; padding-left: 25px;}
  .blockLink.Pattern02 ul li span:before {left: 23px; width: 15px; height: 15px;}

  .blockLink.Pattern03 ul {display: flex; flex-wrap: wrap;}
  .blockLink.Pattern03 ul li {width: 36%; font-size: 16px; line-height: 1.8;}
  .blockLink.Pattern03 ul li span:first-child {display: inline-block; width: 30%;}
  .blockLink.Pattern03 ul li span:nth-of-type(2) {padding-left: 30px; letter-spacing: -1px;}
  /* .blockLink.Pattern03 ul li span:nth-of-type(2):before {left: 23px; width: 15px; height: 15px;} */
  .blockLink.Pattern03 ul li a {font-size: 15px;}

  .blockPoint {margin-bottom: 51px; padding: 0 19px;}
  .blockPoint__txt {font-size: 15px; line-height: 1.7; padding: 28px 19px 19px 19px; border: solid 3px #085eb0; border-radius: 20px;}
  .blockPoint__icon {top: -30px; left: 40px; width: 172px;}
  .blockPoint__icon.pos {top: -30px;}

  .block02 {display: flex; padding: 26px 20px; margin: 0 0 146px 0;}
  .block02__txtWrap {margin-left: 42px;}
  .block02__txt {font-size: 14px; margin-bottom: 30px;}
  .block02__note {font-size: 14px;}
  }
  
 .ankAreaList.last2contents::after{
  content:"";
  display: block;
  width:300px;
}

 .oneimg{
 text-align:center;
 margin-bottom:19px;
 }
 
 .oneimg img{
 width:auto;
 max-width:100%;
 
 }
 .graybox{
 	max-width: 350px;
    border: solid 1px #ccc;
    padding: 10px;
    margin: 0 auto 40px;
 }
 
 @media screen and (min-width: 768px) {
    .col1Contents a:hover, .col1Contents a:active {
        color: #005AB4;
        text-decoration: underline;
    }
}
 
 .ankArea02 {
    margin-bottom: 11%;
    padding: 4% 0;
  }
  .ankArea02 .ankArea__txt {
    font-size: 3.34vw;
    font-weight: bold;
    text-align: justify;
    line-height: 1.36;
    letter-spacing: -.5px;
    margin-bottom: 4%;
  }
  .ankAreaList02 {
    display: flex; 
    flex-wrap: wrap;
    gap: 4vw;
    justify-content: center;
  }
  .ankAreaList02 li {
    position: relative;
    width: 100%;
    border: 2px solid #085eb0;
    border-radius: 14px;
    text-align: center;
  }
  .ankAreaList02 li span {
    display: flex;
    background: #085eb0;
    color: #fff;
    font-size: 3.74vw;
    line-height: 1.2;
    border-radius: 10px 10px 0 0;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    height: 10vw;
  }
  .ankAreaList02 li .ankAreaList02_inner {
    color: #333333;
    padding: 3vw 4vw;
    text-align: left;
  }
  
  .ankAreaList02 .ankAreaList02_box {
    display: flex;
    align-items: center;
  }
  
  .ankAreaList02 .ankAreaList02_box img {
    width: 30vw;
    padding: 3vw;
  }
  
  .ankAreaList02 .ankAreaList02_box p {
    font-size: 2.8vw;
  }
 
  .ankArea02 a:hover, .ankArea02 a:active {
    color: #333333;
    text-decoration: none;
  }
   .ankAreaList02 li:hover {opacity: .7;}

   .ankAreaList02 li:after {
    position: absolute;
    top: 18%;
    right: 3%;
    content: "";
    width: 5%;
    height: 12%;
    background: url(/support/portal/kaiketsu/common/img/ico_arrow.svg) no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
  }
  .pattern03 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  
  .pattern03 + .pattern03 {
    margin-top: 10px;
  }

  .pattern03 .pattern03_inner,
  .pattern03 .pattern03_inner02 {
    width: 100%;
    font-size: 3.47vw;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 2;
  }

  .pattern03 .pattern03_inner .pattern03_title,
  .pattern03 .pattern03_inner02 .pattern03_title{
    padding-right: 0px;
    width: 100%;
    display: inline-block;
  }
  
  .pattern03  a{
    font-size: 3.47vw;
    display: inline-block;
  }
  
  .blockLink.Pattern01 .Pattern01_w50{
    width: 100%;
  }
  .blockLink.Pattern01 .Pattern01_w50 span{
    width: 50%;
  }

 @media print, screen and (min-width: 768px) {
  .ankArea02 {
    margin-bottom: 66px;
    padding: 30px 0 0 0;
  }
  .ankArea02 .ankArea__txt {
    font-size: 18px; 
    letter-spacing: 0; 
    margin-bottom: 16px; 
    padding: 0 19px;
  }
  .ankAreaList02 {
    gap: 15px;
    justify-content: normal;
  }
  .ankAreaList02 li {
    width: 306px;
  }
  .ankAreaList02 li span {
    height: auto;
    padding: 16px 0 14px;
    font-size: 18px;
  }
  
  .ankAreaList02 .ankAreaList02_box {
    flex-direction: column;
    align-items: normal;
  }
  
  .ankAreaList02 .ankAreaList02_box img {
    width: 270px;
    padding: 0;
  }
  
  .ankAreaList02 .ankAreaList02_box p {
    font-size: 13px;
  }
  
  .ankAreaList02 li .ankAreaList02_inner {
    color: #333333;
    padding: 10px 15px;
    text-align: left;
  }
  .ankAreaList02 li:after {
    top: 10%;
    right: 2%;
    width: 16px;
    height: 9.6px;
  }
    
  .pattern03 {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
  }

  .pattern03 .pattern03_inner {
    width: 460px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 2;
  }

  .pattern03 .pattern03_inner02 {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 2;
  }
  
  .pattern03 a {
    font-size: 15px;
  }

  .pattern03 .pattern03_inner .pattern03_title,
  .pattern03 .pattern03_inner02 .pattern03_title{
    padding-right: 15px;
    display: inline;
  }
  .blockLink.Pattern01 .Pattern01_w50{
    width: 50%;
  }
  .blockLink.Pattern01 .Pattern01_w50 span{
    width: 180px;
  }
 }