@charset "utf-8";

html {
	font-size: 62.5%;
}
body {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: clamp(1.6rem, 1.171vw, 1.8rem);
	font-weight: normal;
	line-height: 1.6;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #000;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	position: relative;
}
a {
	color: #0071BC;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
img {
	width: auto;
	max-width: 100%;
	height: auto;
}
a img {
	transition: .5s;
}
a:hover img {
	opacity: .7;
}
a.blank::after {
  content: "";
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	background: url("../../common/images/icon_blank_b.svg") no-repeat center center / 100% auto;
	margin: 0 .25em;
	vertical-align: -.1em;
}
.container {
  width: calc(100% - 140px);
  max-width: 1200px;
  margin: 0 auto;
}
.mt005 {margin-top: .5em !important;}
.mt01 {margin-top: 1em !important;}
.fs_xsmall {font-size: 80%;}
.fs_small {font-size: 90%;}
.fs_large {font-size: 110%;}
.ff_jp {font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;}
.em {font-weight: bold;}
.blue {color: #0071BC;}
.lblue {color: #00A6E9;}
.red {color: #f00;}
.list > li {
  position: relative;
  padding-left: 1.3em;
}
.list > li + li {
  margin-top: .2em;
}
.list > li::before,
.list > li > .num {
  position: absolute;
  top: 0;
  left: 0;
}
.list.kome > li::before {
  content: "※";
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}
.list.smldot > li::before {
  content: "・";
}
.list.circle > li::before {
  content: "○";
}
.list.operation > li {
  padding: .2em 0 0 6em;
  line-height: 1.6;
}
.list.operation > li + li {
  margin-top: .5em;
}
.list.operation > li > .num {
  width: 5em;
  background: #CCEDFB;
  border-radius: 999px;
  color: #0071BC;
  font-weight: bold;
  text-align: center;
  padding: .2em 0;
}
.list.nextop > li {
  padding-left: 0;
  line-height: 1.6;
}
.list.nextop > li + li {
  margin-top: .75em;
}
.list.commentary > li {
  counter-increment: commnum;
  padding-left: 2.3em;
}
.list.commentary > li::before {
  content: counter(commnum);
  width: 1.5em;
  height: 1.5em;
  background: #CCEDFB;
  border-radius: 50%;
  color: #0071BC;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.list.commentary > li ._tit {
  color: #0071BC;
  font-size: 105%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: .25em;
}
.faq_content .flow_block > div ._body .list.commentary > li ._body {
  line-height: 1.6;
}

/* header & footer */
header {
  padding: 1.5em 0;
}
header .logo {
  width: 21%;
	max-width: 120px;
}
footer {
  background: #FAFAFA;
  padding: 3em 0;
}
footer .fnav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
footer .fnav ul {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: calc(100% - 6em);
}
footer .fnav ul > li + li {
  margin-left: 2em;
}
footer .fnav ul > li > a {
  color: #000;
  text-decoration: none;
  position: relative;
  padding-right: 1.5em;
}
footer .fnav ul > li > a::after {
  content: "";
  width: .7em;
  height: .7em;
  background: url("../../common/images/arrow_bl.svg") no-repeat 0 0 / cover;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
footer .fnav ul > li > a:hover {
  text-decoration: underline;
}
footer .pagetop {
  width: 4.5em;
  height: 4.5em;
}
footer hr {
  border: none;
  border-top: 1px solid #EAEAEA;
  margin: 2em auto;
}
footer .copyright {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
footer .copyright .f_logo {
  width: 21%;
	max-width: 120px;
}
footer .copyright small {
  font-size: .6875em;
  letter-spacing: .05em;
  color: #333;
}

/* faq_content */
.faq_content .index_area {
  background: #CCEDFB;
  padding: 5em 0;
  text-align: center;
}
.faq_content * + .index_body {
  margin-top: 1.5em;
}
.faq_content .index_body {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.faq_content .index_heading {
  width: 24em;
}
.faq_content .index_heading ._tit {
  margin-bottom: 1em;
}
.faq_content .index_btn {
  display: flex;
  flex-flow: column wrap;
}
.faq_content .index_btn > * {
  background: #fff;
  border: 2px solid #0071BC;
  color: #0071BC;
  font-size: 1.125em;
  font-weight: bold;
  text-decoration: none;
  padding: 1em;
}
.faq_content .index_btn > a {
  background: #0071BC;
  color: #fff;
}
.faq_content .index_btn > a:hover {
  opacity: .7;
}
.faq_content .index_btn > *:first-child {
  border-radius: .5em .5em 0 0;
}
.faq_content .index_btn > *:last-child {
  border-radius: 0 0 .5em .5em;
}
.faq_content .index_menulist {
  text-align: left;
  margin-left: 5em;
}
.faq_content .index_menulist ol > li {
  counter-increment: indexnum;
  font-size: 1.25em;
  font-weight: bold;
  padding-left: 2.2em;
}
.faq_content .index_menulist ol > li + li {
  margin-top: .75em;
}
.faq_content .index_menulist ol > li > a {
  text-decoration: none;
}
.faq_content .index_menulist ol > li > a:hover {
  text-decoration: underline;
}
.faq_content .index_menulist ol > li::before {
  content: counter(indexnum);
  width: 1.5em;
  height: 1.5em;
  background: #0071BC;
  border-radius: 50%;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
.faq_content .index_menulist ol > li > .list {
  margin-top: .2em;
}
.faq_content .index_menulist ol > li > .list > li {
  font-size: .8889em;
  font-weight: normal;
  padding-left: 1em;
}
.faq_content .index_menulist ol > li > .list > li::before {
  content: "";
  width: .55em;
  height: .55em;
  background: url("../../common/images/arrow_b.svg") no-repeat 0 0 / cover;
  top: .5em;
}
.faq_content .index_menulist ol > li > .list > li a {
  color: #000;
}
.faq_content .index_menulist ol > li > .list > li a:hover {
  color: #0071BC;
  text-decoration: underline;
}
.faq_content section {
  padding: 5em 0;
}
.faq_content section#input {
  padding-top: 0;
}
.faq_content .sec_tit {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  color: #0071BC;
  font-size: 1.625em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1em;
}
.faq_content .sec_tit::before,
.faq_content .sec_tit::after {
  content: "";
  width: 100%;
  height: .55em;
  background: repeating-linear-gradient(
    -45deg,
    #0071BC,
    #0071BC 2px,
    #fff 0,
    #fff 4px
  );
}
.faq_content .sec_tit > span {
  white-space: nowrap;
  padding: 0 1em;
}
.faq_content .sec_tit .num {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background: #0071BC;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-right: .5em;
}
.faq_content .flow_block > div {
  display: grid;
  grid-template-columns: 40% 55%;
  grid-template-rows: 2.2em auto;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2em;
}
.faq_content .flow_block > div + div {
  border-top: 1px solid #EAEAEA;
  margin-top: 2em;
  padding-top: 4em;
}
.faq_content .flow_block > div ._cap {
  grid-row: span 2;
  text-align: center;
}
.faq_content .flow_block > div ._cap._spn1 {
  grid-row: span 1;
}
.faq_content .flow_block > div ._cap img {
  width: 70%;
  max-width: 400px;
}
.faq_content .flow_block > div ._cap._wide img {
  width: 100%;
  max-width: 600px;
}
.faq_content .flow_block > div ._body {
  line-height: 2;
}
.faq_content .flow_block > div ._body > * + * {
  margin-top: 1.5em;
}
.faq_content .flow_block > div ._step {
  width: 9em;
  background: #0071BC;
  border-radius: 999px;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 2.2;
  text-align: center;
}
.faq_content .flow_block > div ._step + ._body {
  margin-top: 1.5em;
}
.faq_content .flow_block .emp {
  background: #FCEE21;
  font-weight: bold;
  padding: .2em .3em;
}
.faq_content .flow_block a.emp {
  display: inline-block;
  background: #fff;
  border: 2px solid #0071BC;
  border-radius: 999px;
  font-size: 1.125em;
  text-decoration: none;
  padding: .2em .75em;
  margin-right: .3em;
}
.faq_content .flow_block * + a.emp {
  margin-left: .5em;
}
.faq_content .flow_block a.emp:hover {
  background: #FDF690;
}
.faq_content .flow_block ._stit {
  display: inline-block;
  background: #666;
  color: #fff;
  font-weight: bold;
  padding: .2em .75em .25em;
  margin-bottom: .5em;
}
.faq_content .flow_block .list.nextop ._stit._next {
  margin: 0 .75em 0 0;
  position: relative;
}
.faq_content .flow_block .list.nextop ._stit._next::after {
  content: "";
  width: .75em;
  height: 100%;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background: #666;
  position: absolute;
  top: 0;
  right: -.75em;
}
.faq_content .b_box {
  width: 100%;
  background: #E5F6FD;
  border-radius: 1em;
  line-height: 1.6;
  padding: 1em 1.5em;
}
.faq_content .b_box._flex {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 1.5em;
}
.faq_content .b_box._flex ._body {
  line-height: 1.6;
  margin-top: .5em;
}

/* lnav */
.faq_content .lnav {
  background: #FAFAFA;
  padding: 3em 0;
}
.faq_content .lnav > .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.faq_content .lnav > .container > li {
  width: 32%;
  text-align: center;
}
.faq_content .lnav > .container > li:nth-child(1) {
  text-align: left;
}
.faq_content .lnav > .container > li:nth-child(3) {
  text-align: right;
}
.faq_content .lnav > .container > li > a {
  display: inline-block;
  background: #fff;
  border: 1px solid #EAEAEA;
  border-radius: 999px;
  color: #000;
  text-decoration: none;
  padding: .5em 1.5em;
  position: relative;
}
.faq_content .lnav > .container > li > a::before {
  content: "";
  width: .75em;
  height: .75em;
  background: url("../../common/images/arrow_bl.svg") no-repeat 0 0 / cover;
  position: absolute;
  top: 50%;
}
.faq_content .lnav > .container > li:nth-child(1) > a {
  padding-left: 2.75em;
}
.faq_content .lnav > .container > li:nth-child(1) > a::before {
  left: 1.5em;
  transform: translateY(-50%) rotate(180deg);
}
.faq_content .lnav > .container > li:nth-child(2) > a {
  padding-right: 2.75em;
}
.faq_content .lnav > .container > li:nth-child(2) > a::before {
  right: 1.5em;
  transform: translateY(-50%) rotate(-90deg);
}
.faq_content .lnav > .container > li:nth-child(3) > a {
  padding-right: 2.75em;
}
.faq_content .lnav > .container > li:nth-child(3) > a::before {
  right: 1.5em;
  transform: translateY(-50%);
}
.faq_content .lnav > .container > li > a:hover {
  background: #EAEAEA;
}
.faq_content .lnav > .container > li > * > .num {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background: #0071BC;
  border-radius: 50%;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  margin-right: .5em;
}


/* -----------------------------------------------
		スマホ向けのスタイル（～768px）
----------------------------------------------- */
@media only screen and (max-width: 768px) {
  body {
    font-size: clamp(1.4rem, 3.733vw, 1.6rem);
  }
  .pc {display: none;}
  .container {
    width: 92%;
    margin: 0 auto;
  }
  .list.nextop > li + li {
    margin-top: 2em;
  }
  
  /* header & footer */
  header {
    padding: 1em 0;
  }
  header .logo {
    max-width: 100px;
  }
  footer .fnav {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  footer .fnav ul {
    width: calc(100% - 4em);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
  }
  footer .fnav ul > li + li {
    margin-left: 0;
     margin-top: .5em;
  }
  footer .pagetop {
    align-self: flex-end;
    width: 3.75em;
    height: 3.75em;
  }
  footer hr {
    margin: 1.5em auto;
  }
  footer .copyright .f_logo {
    max-width: 100px;
  }
  footer .copyright small {
    width: 72%;
    text-align: right;
    font-size: .7143em;
  }
  
  /* faq_content */
  .faq_content .index_area {
    padding: 2.5em 0;
    text-align: left;
  }
  .faq_content .index_body {
    flex-direction: column;
  }
  .faq_content .index_heading {
    width: 100%;
  }
  .faq_content .index_heading ._tit {
    width: 90%;
    max-width: 330px;
    margin: 0 auto 1em;
  }
  .faq_content .index_btn {
    flex-flow: row nowrap;
  }
  .faq_content .index_btn > * {
    width: 50%;
    border-width: 1px;
    line-height: 1.4;
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
  }
  .faq_content .index_btn > *:first-child {
    border-radius: .5em 0 0 .5em;
  }
  .faq_content .index_btn > *:last-child {
    border-radius: 0 .5em .5em 0;
  }
  .faq_content .index_menulist {
    margin: 1.5em 0 0 0;
  }
  .faq_content section {
    padding: 2.5em 0;
  }
  .faq_content .sec_tit {
    font-size: 1.428em;
    margin-bottom: .5em;
  }
  .faq_content .sec_tit > span {
    padding: 0 .5em;
  }
  .faq_content .flow_block > div {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 1em 0;
  }
  .faq_content .flow_block > div + div {
    margin-top: 1em;
    padding-top: 2em;
  }
  .faq_content .flow_block > div ._cap {
    order: 2;
    width: 100%;
  }
  .faq_content .flow_block > div ._cap._spn1 + ._body .list.operation {
    margin-top: .5em;
  }
  .faq_content .flow_block > div ._body {
    order: 3;
    width: 100%;
  }
  .faq_content .flow_block > div ._body > * + * {
    margin-top: 1em;
  }
  .faq_content .flow_block > div ._step {
    order: 1;
    align-self: center;
    margin-bottom: 1em;
  }
  .faq_content .flow_block a.emp {
    border-width: 1px;
  }
  .faq_content .flow_block * + a.emp {
    margin-left: 0;
  }
  .faq_content .flow_block ._stit {
    display: block;
    margin-bottom: 1em;
  }
  .faq_content .flow_block .list.nextop ._stit._next {
    margin: 0 0 1em 0;
  }
  .faq_content .flow_block .list.nextop ._stit._next::after {
    content: none;
  }
  .faq_content .b_box {
    padding: 1em 4%;
  }
  .faq_content .flow_block > div ._body + .b_box {
    margin-top: 1em;
  }
  
  /* lnav */
  .faq_content .lnav {
    padding: 1.5em 0;
  }
  .faq_content .lnav > .container {
    flex-direction: column;
    justify-content: center;
  }
  .faq_content .lnav > .container > li {
    width: 100%;
  }
  .faq_content .lnav > .container > li:nth-child(1) {
    order: 1;
    text-align: center;
  }
  .faq_content .lnav > .container > li:nth-child(2) {
    order: 3;
    width: 100%;
  }
  .faq_content .lnav > .container > li:nth-child(3) {
    order: 2;
    text-align: center;
  }
  .faq_content .lnav > .container > li + li {
    margin-top: .75em;
  }
  .faq_content .lnav > .container > li > a {
    display: block;
    padding: .5em 1em;
  }
  
}



/* -----------------------------------------------
		タブレット＆PCのスタイル（769px～）
----------------------------------------------- */
@media only screen and (min-width: 769px) {
  .sp {display: none;}
}