@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, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

body, input, select, textarea {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Lucida Grande", Meiryo, メイリオ, Roboto, "Droid Sans", sans-serif;
}

body {
  font-size: 14px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

div, h1, h2, h3, h4, h5, h6, p, dt, dd, caption, th, td, article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  text-align: left;
}

address, caption, cite, code, dfn, var {
  font-style: normal;
  font-weight: normal;
}

/* チェック・ラジオ・テキスト入力 */
input[type=checkbox],
input[type=radio],
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=telephone],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
  margin: 0;
  vertical-align: middle;
}

/* ボタン・セレクト */
input[type=button],
input[type=file],
input[type=image],
input[type=reset],
input[type=submit],
select {
  margin: 0;
  vertical-align: middle;
}

/* Firefox hack */
@-moz-document url-prefix() {
  select {
    margin-left: 1px;
  }
}
li {
  list-style: none;
}

em {
  font-style: normal;
}

/* [[ breakpoints  ]] */
/* [[ color ]] */
/* [[ font size ]] */
/* [[ margin ]] */
/* [[ mixin / not text ]] */
/*[memo]
ブロック要素内に画像のみの場合のline-heightを無効かする指定
------------------------------------------------*/
/* [[ mixin / clear fix ]] */
/* [[ mixin / button共通 ]] */
/* [[ ボタン：コンバージョンタイプ ]] */
/*----------------------------------------------*/
/* [[ mixin / ボタン アイコンパターン ]] */
/* [[ mixin / box shadow ]] */
/* [[ mixin / slant（斜めにする）  ]] */
/* [[ mixin / box shadow ]] */
/* [[ mixin / checkTitle ]] */
/* [[ html / body ]] */
html {
  background: #fff;
}

body {
  min-width: 320px;
  color: #222;
  font-size: 16px;
  line-height: 1.8;
}

/* [[ link ]] */
a {
  color: #000;
}
a:visited, a:active {
  color: black;
}

/* [[ .header ]] */
.header {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
  border-top: #00a0e9 solid 5px;
  border-bottom: #006a9c solid 5px;
  background: url("../image/intro_bg.jpg") no-repeat center top;
  background-size: cover;
}
.header:before {
  content: " ";
  position: absolute;
  top: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
}
@media screen and (max-width: 800px) {
  .header {
    padding-bottom: 0;
  }
}
.header_inner {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .header_inner {
    width: 100%;
  }
}

.hpkitaFaq .header,
.hpkitaVoice .header {
  position: static;
  width: 100%;
  padding-bottom: 0;
  border-top: 0;
  border-bottom: 0;
  background: none;
  background-size: unset;
}
.hpkitaFaq .header:before,
.hpkitaVoice .header:before {
  display: none;
}
@media screen and (max-width: 800px) {
  .hpkitaFaq .header,
  .hpkitaVoice .header {
    padding-bottom: 0;
  }
}
.hpkitaFaq .header_inner,
.hpkitaVoice .header_inner {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .hpkitaFaq .header_inner,
  .hpkitaVoice .header_inner {
    width: 100%;
  }
}

/* [[ .content ]] */
.content {
  width: 100%;
}
/* [[ .footer ]] */
.footer {
  width: 100%;
  margin-top: 80px;
  border-top: #eee solid 5px;
}
.footer_inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  font-size: 12px;
}
@media screen and (max-width: 800px) {
  .footer_inner {
    width: 100%;
  }
}

.hpkitaFaq .footer,
.hpkitaVoice .footer {
  margin-top: 50px;
}

/* [[ .header ]] */
.headerSet {
  position: relative;
  opacity: 1;
  box-sizing: border-box;
  padding: 20px 0;
  z-index: 1000;
}
.headerSet_inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  max-width: 900px;
  margin: 0 auto;
  z-index: 1000;
}
@media screen and (max-width: 900px) {
  .headerSet_inner {
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
  }
}

.headerSetNav {
  zoom: 1;
  display: inline-block;
}
.headerSetNav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .headerSetNav {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.headerSetNav_item {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  display: inline-block;
  line-height: 2.5;
  margin-right: 10px;
  text-align: center;
  font-weight: bold;
  border-radius: 50px;
  background: #d44300;
}
@media screen and (max-width: 800px) {
  .headerSetNav_item {
    font-size: 14px;
  }
}
.headerSetNav_item:last-child {
  margin-right: 0;
}
.headerSetNav_item-contact .headerSetNav_links {
  width: 180px;
}
@media screen and (max-width: 800px) {
  .headerSetNav_item-contact .headerSetNav_links {
    width: 110px;
  }
}
.headerSetNav_item-nav .headerSetNav_links {
  width: 45px;
}
.headerSetNav_item-nav img {
  font-size: 0;
  line-height: 0;
  max-width: 16px;
  vertical-align: text-bottom;
}
@media screen and (max-width: 800px) {
  .headerSetNav_item-nav img {
    vertical-align: middle;
  }
}
.headerSetNav_links {
  cursor: pointer;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}
.headerSetNav_links:visited, .headerSetNav_links:active {
  color: #fff;
}

.headerSetNavBody.ui-accordion-item {
  display: none;
}

.headerSetNavBody.ui-accordion-item.open {
  display: block;
  position: absolute;
  top: -25px;
  right: 0;
  width: 310px;
  background: #d44300;
  z-index: 1000;
}

.headerSetNavBody_links {
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  padding: 10px 10px 10px 60px;
  color: #fff;
  text-decoration: none;
  border-top: #fff 1px solid;
}
.headerSetNavBody_links:visited, .headerSetNavBody_links:active {
  color: #fff;
}
.headerSetNavBody_links:hover {
  background-color: #e66317;
}
.headerSetNavBody_links-nav01 {
  background: url("../image/menu_icon_light.png") no-repeat 15px center;
  background-size: 30px;
}
.headerSetNavBody_links-nav02 {
  background: url("../image/menu_icon_graph.png") no-repeat 15px center;
  background-size: 30px;
}
.headerSetNavBody_links-nav03 {
  background: url("../image/menu_icon_article.png") no-repeat 15px center;
  background-size: 30px;
}
.headerSetNavBody_links-nav04 {
  background: url("../image/menu_icon_money.png") no-repeat 15px center;
  background-size: 30px;
}
.headerSetNavBody_links-nav05 {
  background: url("../image/menu_icon_kira.png") no-repeat 15px center;
  background-size: 30px;
}
.headerSetNavBody_links-nav06 {
  background: url("../image/menu_icon_kira.png") no-repeat 15px center;
  background-size: 30px;
}
.headerSetNavBody_links-nav07 {
  background: url("../image/menu_icon_kira.png") no-repeat 15px center;
  background-size: 30px;
}
.headerSetNavBody_links-nav08 {
  background: url("../image/menu_icon_download.png") no-repeat 15px center;
  background-size: 30px;
}

.headerSetNavBodyClose {
  position: relative;
  padding: 70px 10px 0 0;
}
.headerSetNavBodyClose_inner {
  display: inline-block;
  position: absolute;
  top: 30px;
  right: 15px;
  cursor: pointer;
}
.headerSetNavBodyClose_inner img {
  display: inline-block;
}

.headerSetLogo {
  display: none;
}

.headerSet.active {
  position: fixed;
  top: -10px;
  left: 0;
  right: 0;
  width: 100%;
  border-top: #00a0e9 solid 5px;
  z-index: 1000;
}
.headerSet.active:before {
  content: " ";
  position: absolute;
  top: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
  z-index: -1;
}

@media screen and (max-width: 800px) {
  .headerSet.active .headerSet_inner:before {
    content: " ";
    position: absolute;
    left: -12px;
    top: -25px;
    width: 132px;
    height: 80px;
    border-right: #00a0e9 solid 5px;
    background-color: #fff;
    transform: skewX(-15deg);
    z-index: -1;
  }
  .headerSet.active .headerSet_inner:after {
    content: " ";
    position: absolute;
    top: 50px;
    left: 0;
    width: 112px;
    border-bottom: #00a0e9 solid 5px;
    z-index: -1;
  }
}

.headerSet.active .headerSetLogo {
  display: block;
}

.headerSet.active .headerSetLogo_image {
  zoom: 1;
  float: left;
  max-width: 140px;
}
.headerSet.active .headerSetLogo_image:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .headerSet.active .headerSetLogo_image {
  display: inline-table;
  /*\*/
  display: block; /**/
}
@media screen and (max-width: 800px) {
  .headerSet.active .headerSetLogo_image {
    max-width: 100px;
  }
}

.headerBody {
  font-size: 0;
  line-height: 0;
  max-width: 800px;
  margin: 0 auto;
  padding-top: 80px;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .headerBody {
    width: 100%;
    padding-top: 60px;
  }
}
.headerBody_inner {
  display: block;
  text-align: center;
  line-height: 1.8;
}
@media screen and (max-width: 800px) {
  .headerBody_inner {
    margin-top: 80px;
    padding: 20px 10px;
    background-color: #00a0e9;
  }
}
.headerBody_logo {
  max-width: 484px;
}
@media screen and (max-width: 800px) {
  .headerBody_logo {
    width: 100%;
    max-width: 320px;
  }
}
.headerBody_copy {
  transform: skewX(-15deg);
  z-index: 0;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 15px;
  padding: 0 30px;
  text-align: center;
  font-size: 25px;
  color: #fff;
  background-color: #00a0e9;
}
@media screen and (max-width: 800px) {
  .headerBody_copy {
    display: block;
    margin-top: 0;
    font-size: 20px;
    background-color: transparent;
  }
}
.headerBody_copy:first-child {
  margin-top: 0;
}

/* [[ .solution ]] */
.solution {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 80px;
}
@media screen and (max-width: 800px) {
  .solution {
    width: 100%;
    margin-top: 40px;
  }
}
.solution_lead {
  padding-top: 40px;
  line-height: 1.8;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width: 800px) {
  .solution_lead {
    padding: 40px 20px 0 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  .solution_lead {
    text-align: left;
  }
}

.solutionTitle {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #00a0e9;
}
.solutionTitle:before {
  content: "";
  transform: none;
  display: block;
  width: 50px;
  height: 27px;
  margin: 0 auto 10px auto;
  background: url("../image/headline_eyecatch_check.png") no-repeat left top;
  background-size: 50px 27px;
}
.solutionTitle_inner {
  display: inline-block;
  line-height: 1.6;
  transform: skewX(-15deg);
  z-index: 0;
}
@media screen and (max-width: 320px) {
  .solutionTitle_inner {
    font-size: 20px;
  }
}

.solutionList {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding-top: 40px;
}
@media screen and (max-width: 800px) {
  .solutionList {
    display: block;
    padding: 80px 20px 0 20px;
  }
}
.solutionList_item {
  margin-left: 40px;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .solutionList_item {
    margin-left: 0;
    margin-top: 80px;
  }
}
.solutionList_item:first-child {
  margin-left: 0;
}
@media screen and (max-width: 800px) {
  .solutionList_item:first-child {
    margin-top: 0;
  }
}
.solutionList_image {
  width: 100%;
  max-width: 423px;
}

.solutionListCard {
  border-radius: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  margin-top: 30px;
  padding: 20px;
  text-align: center;
}
.solutionListCard_image {
  width: 100%;
  max-width: 448px;
}
.solutionListCard_catch {
  padding: 20px 5px 0 5px;
  font-size: 20px;
}
.solutionListCard_nav {
  padding: 0 5px;
  text-align: center;
}
.solutionListCard_nav:before {
  transform: skewX(-15deg);
  z-index: 0;
  content: "";
  display: block;
  margin-top: 20px;
  border-top: 5px solid #eee;
}
.solutionListCard_links {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
  text-decoration: none;
  font-size: 20px;
}
.solutionListCard_links:after {
  content: "";
  display: block;
  width: 19px;
  height: 20px;
  margin: 10px auto 0 auto;
  background: url("../image/button_cursor_down.png") no-repeat left top;
  background-size: 19px 20px;
}

/* [[ .chapter/chapter01〜03共通 ]] */
.chapter {
  margin-top: 160px;
}
@media screen and (max-width: 800px) {
  .chapter {
    margin-top: 80px;
  }
}
.chapter_headline {
  font-size: 0;
  line-height: 0;
  width: 100%;
  padding: 25px 0;
  text-align: center;
  background: #00a0e9;
}
.chapter_image {
  max-width: 198px;
}
@media screen and (max-width: 800px) {
  .chapterCopy {
    padding: 0 20px;
  }
}
.chapterCopy_inner {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .chapterCopy_inner {
    width: 100%;
  }
}
.chapterCopy_list {
  display: flex;
  justify-content: center;
  padding-top: 40px;
}
@media screen and (max-width: 800px) {
  .chapterCopy_list {
    display: block;
    justify-content: normal;
    text-align: center;
  }
}
.chapterCopy_item-right .chapterCopy_itemInner:before {
  transform: skewX(15deg);
  content: "";
  position: absolute;
  left: -55px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: inline-block;
  width: 40px;
  height: 34px;
  background: #fff url("../image/chapter_headline_cross.png") no-repeat left center;
  background-size: 40px 34px;
}
@media screen and (max-width: 800px) {
  .chapterCopy_item-right .chapterCopy_itemInner:before {
    top: -125px;
    right: 0;
    bottom: 0;
    left: -35px;
    margin: auto;
  }
}
.chapterCopy_lead {
  padding-top: 40px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .chapterCopy_lead {
    text-align: left;
  }
}
.chapterCopy_lead strong {
  line-height: 1.8;
  padding: 0 5px;
  font-size: 20px;
  font-weight: normal;
}
.chapterCopy_itemInner {
  transform: skewX(-15deg);
  z-index: 0;
  display: inline-block;
  margin-left: 70px;
  padding: 5px 30px;
  color: #fff;
  font-size: 30px;
  background: #00a0e9;
}
@media screen and (max-width: 800px) {
  .chapterCopy_itemInner {
    margin: 60px 0 0 0;
  }
}

.chapterCopy_item:first-child .chapterCopy_itemInner {
  margin: 0;
}

.chapterUnit {
  background: linear-gradient(to bottom, #f6fcff, #FFF);
  margin-top: 80px;
  padding-top: 80px;
}
@media screen and (max-width: 800px) {
  .chapterUnit {
    margin-top: 40px;
    padding-top: 40px;
  }
}
.chapterUnit_inner {
  box-sizing: border-box;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .chapterUnit_inner {
    width: 100%;
    padding: 0 20px;
  }
}
.chapterUnit_catch {
  padding-top: 60px;
  font-weight: bold;
}
.chapterUnit_lead {
  padding-top: 60px;
}
@media screen and (max-width: 800px) {
  .chapterUnit_lead {
    padding-top: 40px;
  }
}
.chapterUnit_lead-blue {
  color: #2d6ced;
  font-weight: bold;
}
.chapterUnit_catch + .chapterUnit_lead {
  padding-top: 10px;
}
.chapterUnit_notes {
  padding-top: 20px;
  font-size: 12px;
}
.chapterUnit_notes-center {
  width: 70%;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .chapterUnit_notes-center {
    width: 100%;
  }
}

.chapterUnitTitle {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #00a0e9;
}
.chapterUnitTitle:before {
  content: "";
  transform: none;
  display: block;
  width: 50px;
  height: 27px;
  margin: 0 auto 10px auto;
  background: url("../image/headline_eyecatch_check.png") no-repeat left top;
  background-size: 50px 27px;
}
.chapterUnitTitle_inner {
  display: inline-block;
  line-height: 1.6;
  transform: skewX(-15deg);
  z-index: 0;
}
.chapterUnitTitle_inner br {
  display: none;
}
@media screen and (max-width: 800px) {
  .chapterUnitTitle_inner br {
    display: block;
  }
}
@media screen and (max-width: 320px) {
  .chapterUnitTitle_inner {
    font-size: 20px;
  }
}

.chapterUnitBtn_links {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
  padding: 5px 10px;
  vertical-align: middle;
  width: 100%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  color: #d44300;
  background-color: #fff;
  border: 3px solid #d44300;
  max-width: 275px;
  margin: 40px auto 0 auto;
}
.chapterUnitBtn_links:visited, .chapterUnitBtn_links:active {
  color: #d44300;
}
.chapterUnitBtn_links:after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto 0;
  width: 18px;
  height: 20px;
  background: url("../image/button_cursor_next.png") no-repeat left top;
  background-size: 18px 20px;
}

.chapterUnitSet {
  position: relative;
  display: flex;
  margin-top: 80px;
}
@media screen and (max-width: 800px) {
  .chapterUnitSet {
    display: block;
    margin-top: 40px;
  }
}

.chapterUnitSet.chapterUnitSet_column {
  flex-direction: column;
}
@media screen and (max-width: 800px) {
  .chapterUnitSet.chapterUnitSet_column {
    flex-direction: initial;
  }
}
.chapterUnitSet.chapterUnitSet_column .chapterUnitSetItem {
  padding-left: 0;
}
@media screen and (max-width: 800px) {
  .chapterUnitSet.chapterUnitSet_column .chapterUnitSetItem {
    text-align: center;
  }
}

.chapterUnitSetItem {
  width: 50%;
  padding-left: 40px;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .chapterUnitSetItem {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}
.chapterUnitSetItem:first-child {
  padding-left: 0;
}
.chapterUnitSetItem_item {
  padding-top: 20px;
  text-align: center;
}
.chapterUnitSetItem_item:first-child {
  padding-top: 0;
}
.chapterUnitSetItem_item:first-child:before {
  content: none;
}
.chapterUnitSetItem_item:before {
  content: "";
  vertical-align: top;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  padding-top: 20px;
  text-align: center;
  background: url("../image/chapter01_step_icon_plus.png") no-repeat left top;
  background-size: 20px 20px;
}
.chapterUnitSetItem_item-center .chapterUnitSetItem_text {
  padding-top: 10px;
  text-align: center;
}
.chapterUnitSetItem_item-center .chapterUnitSetItem_notes {
  text-align: center;
}
.chapterUnitSetItem_title {
  font-weight: bold;
  font-size: 20px;
}
.chapterUnitSetItem_subtitle {
  color: #00a0e9;
}
@media screen and (max-width: 800px) {
  .chapterUnitSetItem_subtitle {
    font-size: 14px;
  }
}
.chapterUnitSetItem_catch {
  padding-top: 30px;
  color: #00a0e9;
}
.chapterUnitSetItem_text {
  padding-top: 20px;
}
.chapterUnitSetItem_notes {
  padding-top: 10px;
  font-size: 12px;
}
.chapterUnitSetItem_image-imageOnly {
  max-width: 320px;
}
@media screen and (max-width: 800px) {
  .chapterUnitSetItem_image-imageOnly {
    max-width: 80%;
    padding-top: 40px;
  }
}
.chapterUnitSetItem_image-imageAndText {
  max-width: 270px;
}
@media screen and (max-width: 800px) {
  .chapterUnitSetItem_image-imageAndText {
    width: 100%;
    max-width: 300px;
  }
}
.chapterUnitSetItem_layoutRight .chapterUnitSetItem_image {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 800px) {
  .chapterUnitSetItem_layoutRight .chapterUnitSetItem_image {
    position: static;
    top: unset;
    right: unset;
  }
}

.chapterUnitSetItemPushWord {
  text-align: center;
}
@media screen and (max-width: 800px) {
  .chapterUnitSetItemPushWord {
    padding-top: 20px;
  }
}
.chapterUnitSetItemPushWord_text {
  display: inline-block;
  padding-left: 10px;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 800px) {
  .chapterUnitSetItemPushWord_text {
    display: block;
    padding-left: 0;
  }
}
.chapterUnitSetItemPushWord_text:first-child {
  padding-left: 0;
}
.chapterUnitSetItemPushWord_text-blue {
  color: #2d6ced;
}

.chapterUnitSetItemBtn_links {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
  padding: 5px 10px;
  vertical-align: middle;
  width: 100%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  color: #d44300;
  background-color: #fff;
  border: 3px solid #d44300;
  max-width: 275px;
  margin: 40px auto 0 auto;
}
.chapterUnitSetItemBtn_links:visited, .chapterUnitSetItemBtn_links:active {
  color: #d44300;
}
.chapterUnitSetItemBtn_links:after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto 0;
  width: 18px;
  height: 20px;
  background: url("../image/button_cursor_down.png") no-repeat left top;
  background-size: 18px 20px;
}

.chapterUnitList {
  margin-top: 80px;
  border-top: 5px solid #ccefff;
}
@media screen and (max-width: 800px) {
  .chapterUnitList {
    margin-top: 40px;
  }
}
.chapterUnitList_item {
  margin: 20px 40px 0 40px;
  padding: 20px 0 0 80px;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 800px) {
  .chapterUnitList_item {
    margin: 20px 0 0 0;
  }
}
.chapterUnitList_item:first-child {
  margin-top: 60px;
  padding-top: 0;
  border-top: none;
}
@media screen and (max-width: 800px) {
  .chapterUnitList_item:first-child {
    margin-top: 40px;
  }
}
.chapterUnitList_item-case01 {
  background: url("../image/chapter01_addInfo_icon_pen.png") no-repeat left 5px;
  background-size: 55px 50px;
}
.chapterUnitList_item-case02 {
  background: url("../image/chapter01_addInfo_icon_question.png") no-repeat left 25px;
  background-size: 55px 50px;
}
.chapterUnitList_item-case03 {
  background: url("../image/chapter01_addInfo_icon_hokkaido.png") no-repeat left 25px;
  background-size: 55px 50px;
}
.chapterUnitList_item-case04 {
  background: url("../image/chapter01_addInfo_icon_magnifier.png") no-repeat left 25px;
  background-size: 55px 50px;
}
.chapterUnitList_title {
  line-height: 1.6;
  font-size: 20px;
  font-weight: bold;
}
.chapterUnitList_text {
  padding-top: 20px;
}

.chapterUnitSearch {
  display: flex;
  padding-top: 80px;
}
@media screen and (max-width: 800px) {
  .chapterUnitSearch {
    padding-top: 40px;
    flex-direction: column;
  }
}

.chapterUnitSearchItem {
  width: 50%;
  padding-left: 40px;
}
@media screen and (max-width: 800px) {
  .chapterUnitSearchItem {
    padding-left: 0;
  }
}
.chapterUnitSearchItem:first-child {
  padding-left: 0;
}
@media screen and (max-width: 800px) {
  .chapterUnitSearchItem {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .chapterUnitSearchItem_set01 {
    order: 2;
    padding-top: 40px;
    text-align: center;
  }
}
@media screen and (max-width: 800px) {
  .chapterUnitSearchItem_set02 {
    order: 1;
  }
}
.chapterUnitSearchItem_image {
  max-width: 360px;
}
@media screen and (max-width: 800px) {
  .chapterUnitSearchItem_image {
    max-width: 80%;
  }
}
.chapterUnitSearchItem_lead {
  color: #00a0e9;
}

.chapterUnitSearchItemList_item {
  position: relative;
  margin-top: 40px;
}
.chapterUnitSearchItemList_text-underline {
  border-bottom: solid 2px #ffe036;
}
.chapterUnitSearchItemList_text-blue {
  color: #2d6ced;
  font-weight: bold;
}
.chapterUnitSearchItemList_notes {
  font-size: 12px;
}

.chapterUnitSearchItemListSet_item {
  display: inline-block;
  height: 40px;
  margin-left: 10px;
}
@media screen and (max-width: 320px) {
  .chapterUnitSearchItemListSet_item {
    height: 37px;
  }
}
.chapterUnitSearchItemListSet_item:first-of-type {
  margin-left: 0;
}
.chapterUnitSearchItemListSet_image {
  height: 100%;
}

.chapterUnitCooperate {
  margin-top: 40px;
  padding: 30px;
}
@media screen and (max-width: 800px) {
  .chapterUnitCooperate {
    padding: 15px;
  }
}
.chapterUnitCooperate-blue {
  background: #e8f6fc;
}
.chapterUnitCooperate-blue .chapterUnitCooperate_title {
  color: #00a0e9;
}
.chapterUnitCooperate-yellow {
  background: #fcf6d4;
}
.chapterUnitCooperate-yellow .chapterUnitCooperate_title {
  color: #b0a45f;
}
.chapterUnitCooperate_title {
  text-align: center;
}
.chapterUnitCooperate_title-small {
  font-size: 12px;
}
.chapterUnitCooperate_list {
  padding-top: 20px;
  display: flex;
}
.chapterUnitCooperate_list + .chapterUnitCooperate_list {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px dotted #ccc;
}
@media screen and (max-width: 800px) {
  .chapterUnitCooperate_list {
    padding-top: 40px;
    flex-direction: column;
  }
  .chapterUnitCooperate_list + .chapterUnitCooperate_list {
    padding-top: 30px;
    margin-top: 30px;
  }
}
.chapterUnitCooperate_item {
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .chapterUnitCooperate_item {
    width: 100%;
    padding-top: 80px;
  }
  .chapterUnitCooperate_item:first-of-type {
    padding-top: 0;
  }
  .chapterUnitCooperate_item + .chapterUnitCooperate_item {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px dotted #ccc;
  }
}
.chapterUnitCooperate_image {
  width: 210px;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .chapterUnitCooperate_image {
    min-width: auto;
  }
}
.chapterUnitCooperate_indeed {
  margin-top: 20px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  background: #fff;
}
.chapterUnitCooperate_indeed-blue {
  color: #2d6ced;
}

.chapterUnitCooperateNotes {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  font-size: 12px;
}
.chapterUnitCooperateNotes_image {
  max-width: 76px;
  padding: 0 5px;
}

.chapterUnitChart {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
@media screen and (max-width: 800px) {
  .chapterUnitChart {
    flex-direction: column;
  }
}
.chapterUnitChart_item {
  width: 33.3333333333%;
  margin-left: 20px;
}
@media screen and (max-width: 800px) {
  .chapterUnitChart_item {
    width: 100%;
    margin-left: 0;
    margin-top: 80px;
  }
  .chapterUnitChart_item:first-child {
    margin-top: 0;
  }
}
.chapterUnitChart_item-value {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  background-color: #fff;
}
.chapterUnitChart_item-value .chapterUnitChartItemBody_title {
  color: #fff;
  background: #d44300;
}
.chapterUnitChart_item-standard .chapterUnitChartItemBody_title {
  background: #e8f6fc;
}
.chapterUnitChart_item-light .chapterUnitChartItemBody_title {
  background: #cfeffc;
}

.chapterUnitChartItemBody {
  line-height: 1.6;
}
.chapterUnitChartItemBody_title {
  padding: 20px 0;
  text-align: center;
}
.chapterUnitChartItemBody_text {
  height: 100px;
  text-align: center;
  margin: 0 20px;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}
.chapterUnitChartItemBody_text-line2 {
  height: 56px;
}
@media screen and (max-width: 800px) {
  .chapterUnitChartItemBody_text-line2 {
    height: auto;
  }
}
.chapterUnitChartItemBody_text-line3 {
  height: 76px;
}
@media screen and (max-width: 800px) {
  .chapterUnitChartItemBody_text-line3 {
    height: auto;
  }
}
.chapterUnitChartItemBody_text-line4 {
  height: 96px;
}
@media screen and (max-width: 800px) {
  .chapterUnitChartItemBody_text-line4 {
    height: auto;
  }
}
.chapterUnitChartItemBody_text:first-of-type {
  border-top: none;
}
.chapterUnitChartItemBody_text-big {
  font-size: 20px;
}
.chapterUnitChartItemBody_text-notes {
  display: block;
  font-size: 12px;
}
.chapterUnitChartItemBody_list {
  margin: 0 20px;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}
.chapterUnitChartItemBody_item {
  text-align: center;
}
.chapterUnitChartItemBody_item:before {
  content: "■";
  color: #eee;
  padding-right: 5px;
}
.chapterUnitChart + .chapterUnit_notes {
  padding-top: 40px;
}
@media screen and (max-width: 800px) {
  .chapterUnitChart + .chapterUnit_notes {
    padding-top: 20px;
  }
}

/* [[ .voice：お客様の声 ]] */
.voice {
  margin-top: 80px;
}
.voice_inner {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .voice_inner {
    width: 100%;
  }
}

.voiceHeadline_inner {
  display: inline-block;
  width: 100%;
  padding: 25px 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 30px;
  color: #b0a45f;
  background: #fcf6d4;
}
.voiceHeadline_inner:before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 91px;
  height: 25px;
  margin: auto 0;
  padding-right: 10px;
  background: url("../image/chapterMore_headline_eyecatch.png") no-repeat left top;
  background-size: 91px 25px;
}
@media screen and (max-width: 800px) {
  .voiceHeadline_inner {
    font-size: 20px;
  }
}
@media screen and (max-width: 320px) {
  .voiceHeadline_inner {
    font-size: 18px;
  }
}

.voiceCard_inner {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .voiceCard_inner {
    width: 100%;
  }
}
.voiceCard_lead {
  padding-top: 30px;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width: 800px) {
  .voiceCard_lead {
    padding: 30px 20px 0 20px;
  }
}
.voiceCard_lead-notes {
  display: block;
  font-size: 12px;
  padding-top: 10px;
}
.voiceCard_list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
}
@media screen and (max-width: 800px) {
  .voiceCard_list {
    display: block;
    flex-direction: column;
    padding: 40px 20px 0 20px;
  }
}

.voiceCardItem {
  width: calc(50% - 15px);
  border-radius: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  margin-top: 30px;
  padding: 20px;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .voiceCardItem {
    width: 100%;
  }
}
.voiceCardItem:nth-child(1), .voiceCardItem:nth-child(2) {
  margin-top: 0;
}
@media screen and (max-width: 800px) {
  .voiceCardItem:nth-child(2) {
    margin-top: 30px;
  }
}
.voiceCardItem:nth-child(2n+1) {
  margin-right: 30px;
}
.voiceCardItem_name {
  padding-top: 30px;
  font-size: 16px;
}
.voiceCardItem_lead {
  padding-top: 10px;
  font-size: 20px;
}
.voiceCardItem_nav {
  text-align: center;
}
.voiceCardItem_nav:before {
  transform: skewX(-15deg);
  z-index: 0;
  content: "";
  display: block;
  margin-top: 20px;
  border-top: 5px solid #eee;
}
.voiceCardItem_links {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
  text-decoration: none;
  font-size: 20px;
}
.voiceCardItem_links:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 20px;
  vertical-align: text-bottom;
  margin-left: 5px;
  background: url("../image/button_cursor_next.png") no-repeat left top;
  background-size: 18px 20px;
}

.voiceCardItemImage {
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.voiceCardItemImage_detail {
  width: 100%;
  max-width: 350px;
}
@media screen and (max-width: 800px) {
  .voiceCardItemImage_detail {
    max-width: 100%;
  }
}

/* [[ .voice: お客様の声 詳しく見る ]] */
.hpkitaFaq .headerSetLogo,
.hpkitaVoice .headerSetLogo {
  display: block;
}

.hpkitaFaq .headerSet,
.hpkitaVoice .headerSet {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-top: #00a0e9 solid 5px;
  z-index: 1000;
  transform: none !important;
}
.hpkitaFaq .headerSet:before,
.hpkitaVoice .headerSet:before {
  content: " ";
  position: absolute;
  top: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
  z-index: -1;
}

@media screen and (max-width: 800px) {
  .hpkitaFaq .headerSet .headerSet_inner:before,
  .hpkitaVoice .headerSet .headerSet_inner:before {
    content: " ";
    position: absolute;
    left: -12px;
    top: -25px;
    width: 132px;
    height: 80px;
    border-right: #00a0e9 solid 5px;
    background-color: #fff;
    transform: skewX(-15deg);
    z-index: -1;
  }
  .hpkitaFaq .headerSet .headerSet_inner:after,
  .hpkitaVoice .headerSet .headerSet_inner:after {
    content: " ";
    position: absolute;
    top: 50px;
    left: 0;
    width: 112px;
    border-bottom: #00a0e9 solid 5px;
    z-index: -1;
  }
}

.hpkitaFaq .headerSet .headerSetLogo,
.hpkitaVoice .headerSet .headerSetLogo {
  display: block;
}

.hpkitaFaq .headerSet .headerSetLogo_image,
.hpkitaVoice .headerSet .headerSetLogo_image {
  zoom: 1;
  float: left;
  max-width: 140px;
}
.hpkitaFaq .headerSet .headerSetLogo_image:after,
.hpkitaVoice .headerSet .headerSetLogo_image:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .hpkitaFaq .headerSet .headerSetLogo_image,
* html .hpkitaVoice .headerSet .headerSetLogo_image {
  display: inline-table;
  /*\*/
  display: block; /**/
}
@media screen and (max-width: 800px) {
  .hpkitaFaq .headerSet .headerSetLogo_image,
  .hpkitaVoice .headerSet .headerSetLogo_image {
    max-width: 100px;
  }
}

.voiceInfo {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 120px;
}
@media screen and (max-width: 800px) {
  .voiceInfo {
    box-sizing: border-box;
    width: 100%;
    margin-top: 120px;
    padding: 0 20px;
  }
}
.voiceInfo_title {
  color: #00a0e9;
  font-size: 20px;
  font-weight: bold;
}
.voiceInfo_image {
  font-size: 0;
  line-height: 0;
  padding-top: 40px;
  text-align: center;
}
.voiceInfo_imageDetail {
  max-width: 720px;
}
@media screen and (max-width: 800px) {
  .voiceInfo_imageDetail {
    max-width: 100%;
  }
}

.voiceInfoSet {
  padding-top: 40px;
}
.voiceInfoSet_company {
  font-weight: bold;
  font-size: 20px;
  color: #222;
}
.voiceInfoSet_name {
  font-weight: bold;
  font-size: 20px;
  color: #222;
}
.voiceInfoSet_attribute {
  font-size: 16px;
  color: #222;
}

.voiceBody {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 40px;
}
@media screen and (max-width: 800px) {
  .voiceBody {
    padding: 40px 20px 0 20px;
  }
}

.voiceBodyInner:before {
  transform: skewX(-15deg);
  z-index: 0;
  content: " ";
  display: block;
  width: 100%;
  margin-bottom: 40px;
  border-top: 5px solid #00a0e9;
}
.voiceBodyInner:after {
  transform: skewX(-15deg);
  z-index: 0;
  content: " ";
  display: block;
  width: 100%;
  margin-top: 40px;
  border-bottom: 5px solid #00a0e9;
}
@media screen and (max-width: 800px) {
  .voiceBodyInner {
    box-sizing: border-box;
    width: 100%;
  }
}

.voiceBodyChapter:first-of-type {
  margin: 0;
  padding: 0;
  border: none;
}
.voiceBodyChapter:first-of-type:before {
  content: none;
}
.voiceBodyChapter:before {
  transform: skewX(-15deg);
  z-index: 0;
  content: " ";
  display: block;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  border-top: 5px solid #eee;
}
.voiceBodyChapter_subtitle {
  display: block;
  font-size: 14px;
  color: #00a0e9;
}
.voiceBodyChapter_title {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #222;
}

.textOnlyUnit {
  padding-top: 40px;
}
.textOnlyUnit_text {
  padding-top: 30px;
}
.textOnlyUnit_text:first-of-type {
  padding-top: 0;
}

.photoRightUnit {
  zoom: 1;
  padding-top: 40px;
}
.photoRightUnit:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .photoRightUnit {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.photoRightUnit_image {
  font-size: 0;
  line-height: 0;
  float: right;
}
@media screen and (max-width: 800px) {
  .photoRightUnit_image {
    float: none;
    text-align: center;
  }
}
.photoRightUnit_imageDetail {
  max-width: 390px;
  padding-left: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 800px) {
  .photoRightUnit_imageDetail {
    max-width: 100%;
    padding-left: 0;
    padding-bottom: 0;
  }
}
.photoRightUnit_text {
  padding-top: 30px;
}
.photoRightUnit_text:first-of-type {
  padding-top: 0;
}
@media screen and (max-width: 800px) {
  .photoRightUnit_text:first-of-type {
    padding-top: 30px;
  }
}

.photoLeftUnit {
  zoom: 1;
  padding-top: 40px;
}
.photoLeftUnit:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .photoLeftUnit {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.photoLeftUnit_image {
  font-size: 0;
  line-height: 0;
  float: left;
}
@media screen and (max-width: 800px) {
  .photoLeftUnit_image {
    float: none;
    text-align: center;
  }
}
.photoLeftUnit_imageDetail {
  max-width: 390px;
  padding-right: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 800px) {
  .photoLeftUnit_imageDetail {
    max-width: 100%;
    padding-right: 0;
    padding-bottom: 0;
  }
}
.photoLeftUnit_text {
  padding-top: 30px;
}
.photoLeftUnit_text:first-of-type {
  padding-top: 0;
}
@media screen and (max-width: 800px) {
  .photoLeftUnit_text:first-of-type {
    padding-top: 30px;
  }
}

.photoMain {
  padding: 40px 0;
}
.photoMain_image {
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.photoMain_imageDetail {
  max-width: 720px;
}
@media screen and (max-width: 800px) {
  .photoMain_imageDetail {
    max-width: 100%;
  }
}
.photoMain_text {
  padding-top: 30px;
}
.photoMain_text:first-of-type {
  padding-top: 0;
}
.photoMain_text + .photoMain_image {
  margin-top: 20px;
}

.companyInfo {
  padding-top: 40px;
}
.companyInfo_inner {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  align-items: flex-start;
  padding: 30px;
  background: #e8f6fc;
}
@media screen and (max-width: 800px) {
  .companyInfo_inner {
    flex-direction: column;
  }
}

.companyInfoUnit_title {
  font-size: 20px;
  font-weight: bold;
}
.companyInfoUnit_text {
  padding-top: 5px;
  font-size: 16px;
}

.companyInfoImage {
  font-size: 0;
  line-height: 0;
  padding-right: 20px;
}
@media screen and (max-width: 800px) {
  .companyInfoImage {
    margin: 0 auto;
    padding-top: 20px;
    padding-right: 0;
  }
}
.companyInfoImage_detail {
  max-width: 280px;
}
@media screen and (max-width: 800px) {
  .companyInfoImage_detail {
    width: 100%;
  }
}

.companyInfoUnitList {
  zoom: 1;
  margin-top: 20px;
  padding-top: 20px;
  font-size: 12px;
  border-top: 1px solid #ccc;
}
.companyInfoUnitList:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
* html .companyInfoUnitList {
  display: inline-table;
  /*\*/
  display: block; /**/
}
.companyInfoUnitList_item {
  float: left;
  padding-top: 10px;
  font-weight: bold;
  color: #00a0e9;
}
.companyInfoUnitList_item:first-of-type {
  padding-top: 0;
}
.companyInfoUnitList_detail {
  padding-top: 10px;
  padding-left: 90px;
}
.companyInfoUnitList_detail:first-of-type {
  padding-top: 0;
}
.companyInfoUnitList_map {
  padding-left: 10px;
  color: #00a0e9;
}
.companyInfoUnitList_map:hover, .companyInfoUnitList_map:visited, .companyInfoUnitList_map:active {
  color: #00a0e9;
}
.companyInfoUnitList_url {
  color: #00a0e9;
}
.companyInfoUnitList_url:hover, .companyInfoUnitList_url:visited, .companyInfoUnitList_url:active {
  color: #00a0e9;
}

.companyInfoJob {
  padding-top: 20px;
  font-size: 16px;
  text-align: right;
}
.companyInfoJob_links {
  color: #00a0e9;
}
.companyInfoJob_links:hover, .companyInfoJob_links:visited, .companyInfoJob_links:active {
  color: #00a0e9;
}
.companyInfoJob_links:after {
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  vertical-align: text-bottom;
  background: url("../image/button_link_new.png") no-repeat 5px center;
  background-size: 20px 20px;
}

.interview {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 50px;
  text-align: right;
}
@media screen and (max-width: 800px) {
  .interview {
    box-sizing: border-box;
    padding: 40px 20px 0 20px;
  }
}
.interview_inner {
  display: inline-block;
}
.interview_date {
  font-size: 16px;
  color: #00A0E9;
  text-align: right;
}
.interview_name {
  font-size: 16px;
  color: #00A0E9;
  text-align: right;
}

/* [[ .ability ]] */
.ability {
  margin-top: 80px;
}
.ability_inner {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .ability_inner {
    width: 100%;
  }
}

.abilityHeadline_inner {
  display: inline-block;
  width: 100%;
  padding: 25px 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 30px;
  color: #b0a45f;
  background: #fcf6d4;
}
.abilityHeadline_inner:before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 91px;
  height: 25px;
  margin: auto 0;
  padding-right: 10px;
  background: url("../image/chapterMore_headline_eyecatch.png") no-repeat left top;
  background-size: 91px 25px;
}
@media screen and (max-width: 800px) {
  .abilityHeadline_inner {
    font-size: 20px;
  }
}
@media screen and (max-width: 320px) {
  .abilityHeadline_inner {
    font-size: 18px;
  }
}

.abilityCopy_inner {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .abilityCopy_inner {
    width: 100%;
  }
}
.abilityCopy_lead {
  padding-top: 30px;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width: 800px) {
  .abilityCopy_lead {
    padding: 30px 20px 0 20px;
  }
}
.abilityCopy_lead-notes {
  display: block;
  font-size: 12px;
  padding-top: 10px;
}
.abilityCopy_list {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 15px 0 15px;
}
@media screen and (max-width: 800px) {
  .abilityCopy_list {
    padding: 40px 20px 0 20px;
    flex-direction: column;
  }
}
.abilityCopy_item {
  box-sizing: border-box;
  position: relative;
  width: calc(50% - 30px);
  min-height: 55px;
  margin-left: 30px;
  padding-left: 65px;
}
.abilityCopy_item:nth-child(odd) {
  margin-left: 0;
}
@media screen and (max-width: 800px) {
  .abilityCopy_item {
    width: 100%;
    margin: 30px 0 0 0;
    flex-direction: column;
  }
  .abilityCopy_item:first-of-type {
    margin-top: 0;
  }
}
.abilityCopy_item:nth-child(n+3) {
  margin-top: 30px;
}
.abilityCopy_item:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 55px;
  height: 55px;
  margin: auto 0;
}
.abilityCopy_item-list01:before {
  background: url("../image/chapterMore_headline_service.png") no-repeat left top;
  background-size: 55px 55px;
}
.abilityCopy_item-list02 {
  background: url("../image/chapterMore_headline_link.png") no-repeat left top;
  background-size: 55px 55px;
}
.abilityCopy_item-list03 {
  background: url("../image/chapterMore_headline_article.png") no-repeat left top;
  background-size: 55px 55px;
}
.abilityCopy_item-list04 {
  background: url("../image/chapterMore_headline_costDown.png") no-repeat left top;
  background-size: 55px 55px;
}
.abilityCopy_item-notes {
  display: block;
  font-size: 12px;
}

.abilityCopyPosition {
  margin-top: 40px;
  padding: 30px 80px;
  background: #fcf6d4 url("../image/chapterMore_support_bg.png") no-repeat left top;
  background-size: 185px 141px;
}
@media screen and (max-width: 800px) {
  .abilityCopyPosition {
    margin: 40px 20px 0 20px;
    padding: 15px 40px;
  }
}
.abilityCopyPosition_title {
  text-align: center;
  color: #00a0e9;
}
.abilityCopyPosition_text {
  padding-top: 5px;
  text-align: left;
}

.abilityUnit {
  background: linear-gradient(to bottom, #f6fcff, #FFF);
  margin-top: 80px;
  padding-top: 80px;
}
@media screen and (max-width: 800px) {
  .abilityUnit {
    margin-top: 40px;
    padding-top: 40px;
  }
}
.abilityUnit_inner {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .abilityUnit_inner {
    width: 100%;
  }
}
.abilityUnit_title {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #00a0e9;
}
.abilityUnit_title:before {
  content: "";
  transform: none;
  display: block;
  width: 50px;
  height: 27px;
  margin: 0 auto 10px auto;
  background: url("../image/headline_eyecatch_check.png") no-repeat left top;
  background-size: 50px 27px;
}
@media screen and (max-width: 800px) {
  .abilityUnit_title {
    padding: 0 20px;
    font-size: 18px;
  }
}

.abilityUnitTitle {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #00a0e9;
}
.abilityUnitTitle:before {
  content: "";
  transform: none;
  display: block;
  width: 50px;
  height: 27px;
  margin: 0 auto 10px auto;
  background: url("../image/headline_eyecatch_check.png") no-repeat left top;
  background-size: 50px 27px;
}
.abilityUnitTitle_inner {
  display: inline-block;
  line-height: 1.6;
  transform: skewX(-15deg);
  z-index: 0;
}
.abilityUnitTitle_inner br {
  display: none;
}
@media screen and (max-width: 800px) {
  .abilityUnitTitle_inner br {
    display: block;
  }
}
@media screen and (max-width: 320px) {
  .abilityUnitTitle_inner {
    font-size: 20px;
  }
}

.abilityUnitCard {
  width: 100%;
  margin-top: 40px;
}
.abilityUnitCard_inner {
  border-radius: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 30px 80px;
  border-radius: 20px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .abilityUnitCard_inner {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 20px 50px;
  }
}
.abilityUnitCard_inner:before {
  position: absolute;
  top: 30px;
  left: 20px;
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  background: url("../image/chapterMore_question_icon.png") no-repeat left top;
  background-size: 45px 45px;
}
@media screen and (max-width: 800px) {
  .abilityUnitCard_inner:before {
    top: 23px;
    left: 15px;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
  }
}
.abilityUnitCard_title {
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .abilityUnitCard_title {
    font-size: 16px;
  }
}
.abilityUnitCard_title:after {
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 0;
  content: "";
  display: block;
  width: 21px;
  height: 13px;
  margin: auto 0;
  background: url("../image/chapterMore_question_open.png") no-repeat left top;
  background-size: 21px 13px;
}
@media screen and (max-width: 800px) {
  .abilityUnitCard_title:after {
    right: 15px;
  }
}
.abilityUnitCard_lead {
  padding-top: 30px;
}
.abilityUnitCard_text {
  margin-top: 20px;
  padding-top: 20px;
  font-size: 12px;
  border-top: 1px solid #ccc;
}
.abilityUnitCard_text ul {
  margin-top: 5px;
}
.abilityUnitCard_text li {
  margin-bottom: 5px;
}
.abilityUnitCard_text li:before {
  content: "●";
  color: #00a0e9;
}

.abilityUnitCard_title.open:after {
  display: none;
}

.abilityUnitCardClose {
  cursor: pointer;
}
.abilityUnitCardClose_image {
  width: 21px;
  position: absolute;
  right: 40px;
  bottom: 20px;
}
@media screen and (max-width: 800px) {
  .abilityUnitCardClose_image {
    right: 15px;
  }
}

.abilityUnitBtn_links {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
  padding: 5px 10px;
  vertical-align: middle;
  width: 100%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  color: #d44300;
  background-color: #fff;
  border: 3px solid #d44300;
  color: #fff;
  background-color: #d44300;
  border: 3px solid #d44300;
  max-width: 290px;
  margin: 40px auto 0 auto;
}
.abilityUnitBtn_links:visited, .abilityUnitBtn_links:active {
  color: #d44300;
}
.abilityUnitBtn_links:visited, .abilityUnitBtn_links:active {
  color: #fff;
}
.abilityUnitBtn_links:after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto 0;
  width: 20px;
  height: 19px;
  background: url("../image/button_cursor_cv.png") no-repeat left top;
  background-size: 20px 19px;
}

/* [[ .flow：ハピキタ導入までの流れ ]] */
.flow {
  margin-top: 80px;
}
.flow_inner {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .flow_inner {
    width: 100%;
  }
}

.flowHeadline_inner {
  display: inline-block;
  width: 100%;
  padding: 25px 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 30px;
  color: #b0a45f;
  background: #fcf6d4;
}
.flowHeadline_inner:before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 91px;
  height: 25px;
  margin: auto 0;
  padding-right: 10px;
  background: url("../image/chapterMore_headline_eyecatch.png") no-repeat left top;
  background-size: 91px 25px;
}
@media screen and (max-width: 800px) {
  .flowHeadline_inner {
    font-size: 20px;
  }
}
@media screen and (max-width: 320px) {
  .flowHeadline_inner {
    font-size: 18px;
  }
}

.flowCopy_inner {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .flowCopy_inner {
    width: 100%;
  }
}
.flowCopy_lead {
  padding-top: 40px;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width: 800px) {
  .flowCopy_lead {
    padding: 40px 20px 0 20px;
  }
}
.flowCopy_lead-notes {
  display: block;
  font-size: 12px;
  padding-top: 10px;
}

.flowChart {
  padding-top: 40px;
}
@media screen and (max-width: 800px) {
  .flowChart {
    padding: 40px 20px 0 20px;
  }
}
.flowChart_inner {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .flowChart_inner {
    width: 100%;
  }
}

.flowChartUnit {
  padding-top: 80px;
}
.flowChartUnit:first-child {
  padding-top: 0;
}

.flowChartUnitHeadline {
  width: 99%;
}
.flowChartUnitHeadline_inner {
  transform: skewX(-15deg);
  z-index: 0;
  display: block;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  background-color: #fedb1d;
}
.flowChartUnitHeadline-notes {
  padding-left: 5px;
  font-weight: normal;
  font-size: 12px;
}

.flowChartUnitBody {
  display: flex;
  padding-top: 20px;
}
@media screen and (max-width: 800px) {
  .flowChartUnitBody {
    flex-direction: column;
  }
}

.flowChartUnitBodyItem {
  position: relative;
  width: 25%;
  margin-left: 30px;
}
.flowChartUnitBodyItem:first-child {
  margin-left: 0;
}
.flowChartUnitBodyItem:last-child .flowChartUnitBodyItemSetText_inner:before {
  content: none;
}
@media screen and (max-width: 800px) {
  .flowChartUnitBodyItem {
    width: 100%;
    margin-left: 0;
    margin-top: 60px;
  }
  .flowChartUnitBodyItem:first-child {
    margin-top: 0;
  }
}
.flowChartUnitBodyItem_notes {
  padding-top: 5px;
  font-size: 12px;
}

.flowChartUnitBodyItemSet {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.flowChartUnitBodyItemSet_title {
  min-height: 56px;
  line-height: 1.6;
  text-align: center;
  color: #b0a45f;
  font-weight: bold;
}
.flowChartUnitBodyItemSet_title-small {
  display: block;
  font-weight: normal;
  font-size: 12px;
}

.flowChartUnitBodyItemSetText {
  display: flex;
  align-items: center;
  height: 100%;
  border-radius: 5px;
  border: 3px solid #ccefff;
}
.flowChartUnitBodyItemSetText_inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  line-height: 1.6;
  padding: 20px 15px;
  text-align: left;
}
.flowChartUnitBodyItemSetText_inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: -28px;
  bottom: 0;
  display: block;
  width: 20px;
  height: 19px;
  margin: auto 0;
  background: url("../image/icon_cursor_next.png") no-repeat left center;
  background-size: 20px 19px;
}
@media screen and (max-width: 800px) {
  .flowChartUnitBodyItemSetText_inner:before {
    top: auto;
    right: 0;
    bottom: -55px;
    left: 0;
    margin: 0 auto;
    width: 20px;
    height: 19px;
    background: url("../image/icon_cursor_down.png") no-repeat left center;
    background-size: 20px 19px;
  }
}
.flowChartUnitBodyItemSetText_body {
  font-size: 12px;
}

.flowChartUnitFooter_notes {
  display: block;
  padding-top: 60px;
  font-size: 12px;
}
@media screen and (max-width: 800px) {
  .flowChartUnitFooter_notes {
    padding-top: 20px;
  }
}
.flowChartUnitFooter_notes-center {
  width: 70%;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .flowChartUnitFooter_notes-center {
    width: 100%;
  }
}

/* [[ .footer ]] */
.footerTerms {
  text-align: center;
}
.footerTerms_links {
  text-decoration: none;
  font-size: 14px;
  color: #005bbb;
}
.footerTerms_links:after {
  display: inline-block;
  content: "";
  width: 25px;
  height: 20px;
  padding-left: 10px;
  vertical-align: top;
  background: url("../image/button_link_new.png") no-repeat 5px center;
  background-size: 20px 20px;
}

.footerCopy {
  padding: 40px 20px 0;
  text-align: center;
}
.footerCopy_text {
  text-align: center;
}
.footerCopy_links {
  font-weight: bold;
  text-decoration: none;
}

body.hpkitaFaq {
  min-width: 320px;
}

body.hpkitaFaq .faq {
  max-width: 800px;
  margin: 80px auto 0;
  padding: 40px 20px;
}
body.hpkitaFaq .faq_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
body.hpkitaFaq .faq_list {
  border-top: 1px solid #ddd;
}
body.hpkitaFaq .faq_item {
  border-bottom: 1px solid #ddd;
}
body.hpkitaFaq .faq_item[open] .faq_question {
  background: #f7f7f7;
}
body.hpkitaFaq .faq_item[open] .faq_question::after {
  transform: translateY(-50%) rotate(225deg);
}
body.hpkitaFaq .faq_item[open] .faq_answer {
  animation: faq-slideDown 0.25s ease forwards;
}
body.hpkitaFaq .faq_question {
  position: relative;
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 10px;
  align-items: start;
  width: 100%;
  padding: 16px 40px 16px 16px;
  font-weight: bold;
  cursor: pointer;
  list-style: none;
  box-sizing: border-box;
}
body.hpkitaFaq .faq_question::-webkit-details-marker {
  display: none;
}
body.hpkitaFaq .faq_question::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.2s ease;
}
body.hpkitaFaq .faq_question:hover {
  background: #f7f7f7;
}
body.hpkitaFaq .faq_label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background: #0077b6;
  border-radius: 50%;
  margin-top: 3px;
}
body.hpkitaFaq .faq_answer {
  padding: 16px;
  font-size: 14px;
  line-height: 1.6;
}
body.hpkitaFaq .faq_answer p + p {
  margin-top: 8px;
}
body.hpkitaFaq .faq_cta {
  margin-top: 40px;
}
body.hpkitaFaq .faq_cta-box {
  padding: 32px 20px;
  border-radius: 8px;
  background: #f5f9fc;
  text-align: center;
}
body.hpkitaFaq .faq_cta-lead {
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}
body.hpkitaFaq .faq_cta-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
body.hpkitaFaq .faq_cta-button {
  display: inline-block;
  max-width: 300px;
  padding: 14px 28px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #d44300;
  border-radius: 50px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  transition: opacity 0.2s ease;
}
body.hpkitaFaq .faq_cta-button:hover {
  opacity: 0.8;
}
body.hpkitaFaq .faq_cta-tel {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.hpkitaFaq .faq_cta-tel-label {
  font-size: 14px;
  text-align: center;
}
body.hpkitaFaq .faq_cta-tel-number {
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  color: #0077b6;
  text-decoration: none;
}
body.hpkitaFaq .faq_cta-tel-hours {
  font-size: 12px;
  color: #666;
}
body.hpkitaFaq .faq_cta-note {
  font-size: 12px;
  line-height: 1.6;
}

@keyframes faq-slideDown {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*# sourceMappingURL=faq.css.map */