@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
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,
hgroup,
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;
}

div,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
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;
}

li {
  list-style: none;
}

div,
header,
footer,
main,
aside,
article,
section,
li,
img,
input,
textarea,
tr,
th,
td,
a {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 1.25rem;
  word-break: break-all;
  letter-spacing: 0.05rem;
}

a:link {
  color: #000;
}

a:visited {
  color: #000;
}

a:hover {
  color: #ff0000;
}

a:active {
  color: #ff8000;
}

.font_underline_blue {
  background: linear-gradient(transparent 50%, #ffff66 0%);
  line-height: 1.3em;
  font-weight: bold;
}

/*---------------
PCとスマホでの画像の切り替え
---------------*/
.disp_pc {
  display: none !important;
}
@media only screen and (min-width: 1020px) {
  .disp_pc {
    display: block !important;
  }
}

.disp_sm {
  display: block !important;
}
@media only screen and (min-width: 1020px) {
  .disp_sm {
    display: none !important;
  }
}

/*---------------
---------------*/
.container {
  width: 100%;
}

header .header_banner {
  width: 100%;
  background-color: #03abcf;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
header .header_banner img {
  max-width: 100%;
  height: auto;
}
header .header_banner a {
  width: 100%;
  display: flex;
  justify-content: center;
}
header .header_banner a:hover img {
  transform: scale(1.05);
  opacity: 0.8;
}
header .header_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
header .header_main_left {
  display: flex;
  align-items: center;
}
header .header_main_left_logo {
  width: 132px;
  margin-right: 20px;
}
header .header_main_left_logo img {
  width: 100%;
  height: auto;
}
header .header_main_left_menu {
  display: none;
}
@media only screen and (min-width: 1020px) {
  header .header_main_left_menu {
    display: block;
  }
  header .header_main_left_menu ul {
    display: flex;
    font-size: 0.75rem;
  }
  header .header_main_left_menu li {
    margin-right: 20px;
    padding: 15px 0;
  }
  header .header_main_left_menu li a {
    text-decoration: none;
  }
  header .header_main_left_menu li a:hover {
    text-decoration: underline;
  }
}
header .header_main_right ul {
  font-size: 0.75rem;
}
header .header_main_right li {
  margin-left: 20px;
}
header .header_main_right li a {
  padding: 15px 0;
  text-decoration: none;
}
header .header_main_right li a:hover {
  text-decoration: underline;
}
header .header_main_right li:nth-last-child(2) {
  margin-left: 10px;
}
header .header_main_right li:nth-last-child(2) a {
  color: #fff;
  background: linear-gradient(to left, #e70040, #e00188);
  border-radius: 10px;
  padding: 15px 20px;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}
header .header_main_right li:nth-last-child(2) a:hover {
  text-decoration: none;
  box-shadow: none;
  transform: translate3d(0, 5px, 0);
  transition-duration: 0.3s;
  opacity: 0.8;
}
header .header_main_right li:nth-last-child(3) {
  margin-left: 10px;
}
header .header_main_right li:nth-last-child(3) a {
  color: #fff;
  background: linear-gradient(to left, #128bda, #39bafd);
  border-radius: 10px;
  padding: 15px 20px;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}
header .header_main_right li:nth-last-child(3) a:hover {
  text-decoration: none;
  box-shadow: none;
  transform: translate3d(0, 5px, 0);
  transition-duration: 0.3s;
  opacity: 0.8;
}
header .header_main_right li:not(:last-child) {
  display: none;
}
@media only screen and (min-width: 1020px) {
  header .header_main_right li:not(:last-child) {
    display: inline;
  }
}
header .header_main_right li:last-child {
  display: inline;
}
@media only screen and (min-width: 1020px) {
  header .header_main_right li:last-child {
    display: none;
  }
}

footer .footer_provider_estimate {
  background: url("../images/common/footer_btn_bg.a8604f8ff488.jpg") no-repeat 50% 50%;
  background-size: cover;
  display: flex;
  justify-content: center;
}
footer .footer_provider_estimate_box {
  width: calc(100% - 20px);
  max-width: 1020px;
  padding: 30px 20px;
  text-align: center;
}
@media only screen and (min-width: 1020px) {
  footer .footer_provider_estimate_box {
    padding: 30px 30px;
  }
}
footer .footer_provider_estimate_box .midashi {
  padding: 0 20px 20px;
  font-weight: bold;
  font-size: 1rem;
}
@media only screen and (min-width: 1020px) {
  footer .footer_provider_estimate_box .midashi {
    font-size: 1.125rem;
  }
}
footer .footer_provider_estimate_box .midashi .big {
  font-size: 2rem;
}
footer .footer_provider_estimate_box .midashi .color {
  color: #e44c06;
}
footer .footer_provider_estimate_box_btn {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 1rem;
  line-height: 140%;
}
@media only screen and (min-width: 1020px) {
  footer .footer_provider_estimate_box_btn {
    flex-direction: row;
  }
}
footer .footer_provider_estimate_box_btn_provider {
  flex: 1;
}
footer .footer_provider_estimate_box_btn_provider a {
  display: block;
  color: #fff;
  background: linear-gradient(to right, #39bafd, #138cdb);
  border-radius: 10px;
  padding: 25px 20px 20px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}
footer .footer_provider_estimate_box_btn_provider a p:first-child {
  font-size: 1.5rem;
  padding-bottom: 5px;
}
footer .footer_provider_estimate_box_btn_provider a p:last-child {
  font-size: 0.875rem;
}
footer .footer_provider_estimate_box_btn_provider a:hover {
  box-shadow: none;
  transform: translate3d(0, 5px, 0);
  transition-duration: 0.3s;
}
footer .footer_provider_estimate_box_btn_estimate {
  flex: 1;
}
footer .footer_provider_estimate_box_btn_estimate a {
  display: block;
  color: #fff;
  background: linear-gradient(to right, #e00185, #e7003e);
  border-radius: 10px;
  padding: 25px 20px 20px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}
footer .footer_provider_estimate_box_btn_estimate a p:first-child {
  font-size: 1.5rem;
  padding-bottom: 5px;
}
footer .footer_provider_estimate_box_btn_estimate a p:last-child {
  font-size: 0.875rem;
}
footer .footer_provider_estimate_box_btn_estimate a:hover {
  box-shadow: none;
  transform: translate3d(0, 5px, 0);
  transition-duration: 0.3s;
}
footer .footer_provider_estimate_box_btn .balloon {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  color: #fff;
  background: #000;
  transform: translateY(5px);
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: bold;
}
footer .footer_provider_estimate_box_btn .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #000;
}
footer .footer_provider_estimate_box_btn .balloon p {
  margin: 0;
  padding: 0;
}
footer .footer_provider_estimate_box_btn .balloon .color {
  color: #ffe600;
}
footer .footer_provider_estimate_box_sub {
  padding-top: 20px;
}
footer .footer_provider_estimate_box_sub ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
footer .footer_provider_estimate_box_sub li {
  font-size: 0.875rem;
  display: inline;
  list-style: none;
}
footer .footer_provider_estimate_box_sub li:after {
  /* >を表示*/
  content: "/";
  padding: 0 5px;
  color: #555;
}
footer .footer_provider_estimate_box_sub li:last-child:after {
  content: "";
}
footer .footer_category_headline {
  padding: 120px 10px 10px 10px;
  display: flex;
  justify-content: center;
  background: #eee;
}
@media only screen and (min-width: 1020px) {
  footer .footer_category_headline {
    padding: 30px 10px 10px 10px;
  }
}
footer .footer_category_headline_box {
  width: 100%;
  max-width: 1400px;
  display: flex;
  justify-content: center;
  text-align: center;
}
footer .footer_category_headline_box_individual {
  flex: 2;
}
footer .footer_category_headline_box_individual h2 {
  color: #35a179;
  text-align: center;
  padding-bottom: 10px;
}
footer .footer_category_headline_box_corporate {
  flex: 3;
}
footer .footer_category_headline_box_corporate h2 {
  color: #2b66a9;
  text-align: center;
  padding-bottom: 10px;
}
footer .footer_category {
  padding: 0 10px 60px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #eee;
}
@media only screen and (min-width: 1020px) {
  footer .footer_category {
    padding: 0 0 60px 0;
  }
}
footer .footer_category_box {
  width: 100%;
  max-width: 1400px;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}
footer .footer_category_box_individual {
  display: flex;
  margin-right: 10px;
}
footer .footer_category_box_individual_box {
  width: 100%;
  padding: 20px 10px;
  column-count: 2;
}
@media only screen and (min-width: 1020px) {
  footer .footer_category_box_individual_box {
    padding: 20px;
    column-count: 5;
  }
}
footer .footer_category_box_individual_box > div {
  break-inside: avoid; /* こいつが肝 */
  margin: 0 0 10px;
  color: #fff;
  color: #35a179;
}
footer .footer_category_box_individual_box > div p {
  font-size: 0.875rem;
  font-weight: bold;
  background: url("../images/category/icon_life.866d7bbc9458.png") no-repeat 0 50%;
  background-size: 1rem auto;
  margin-bottom: 10px;
  padding-left: 1.1rem;
}
footer .footer_category_box_individual_box > div li {
  font-size: 0.875rem;
  padding-bottom: 10px;
  line-height: 140%;
  padding-left: 1.1rem;
}
footer .footer_category_box_corporate {
  display: flex;
}
footer .footer_category_box_corporate_box {
  width: 100%;
  padding: 20px 10px;
  column-count: 2; /* こいつが肝 */
}
@media only screen and (min-width: 1020px) {
  footer .footer_category_box_corporate_box {
    padding: 20px;
    column-count: 5; /* こいつが肝 */
  }
}
footer .footer_category_box_corporate_box > div {
  break-inside: avoid; /* こいつが肝 */
  margin: 0 0 10px;
  color: #fff;
  color: #2b66a9;
}
footer .footer_category_box_corporate_box > div p {
  font-size: 0.875rem;
  font-weight: bold;
  background: url("../images/category/icon_hp.ad4f093d7768.png") no-repeat 0 50%;
  background-size: 1rem auto;
  margin-bottom: 10px;
  padding-left: 1.1rem;
}
footer .footer_category_box_corporate_box > div li {
  font-size: 0.875rem;
  padding-bottom: 10px;
  line-height: 140%;
  padding-left: 1.1rem;
}
footer .request {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 60px;
}
footer .request_headline {
  width: calc(100% - 20px);
  margin: 0 10px;
  padding-bottom: 30px;
  max-width: 1400px;
  text-align: center;
}
footer .request_headline p {
  color: #e00188;
  padding-bottom: 10px;
  font-size: 0.75rem;
  font-weight: bold;
}
footer .request_headline h2 {
  font-size: 1.75rem;
  font-weight: bold;
}
footer .request_box {
  width: calc(100% - 20px);
  margin: 0 10px;
  max-width: 1400px;
  /*タブ切り替え全体のスタイル*/
  /*タブのスタイル*/
  /*ラジオボタンを全て消す*/
  /*タブ切り替えの中身のスタイル*/
  /*選択されているタブのコンテンツのみを表示*/
  /*選択されているタブのスタイルを変える*/
}
footer .request_box .tabs {
  padding-bottom: 20px;
  margin: 0 auto;
  max-width: 900px;
}
footer .request_box .tab_item {
  height: 1rem;
  line-height: 1rem;
  font-size: 0.875rem;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
  padding: 10px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: calc(33.3333333333% - 30px);
}
@media only screen and (min-width: 1020px) {
  footer .request_box .tab_item {
    width: auto;
    padding: 10px 20px;
  }
}
footer .request_box .tab_item:hover {
  background-color: #333;
  color: #fff;
  border-radius: 100px;
}
footer .request_box input[name=tab_item] {
  display: none;
}
footer .request_box .tab_content {
  display: none;
  padding: 0x 40px 0;
  clear: both;
  overflow: hidden;
  border-top: solid 1px #ccc;
}
footer .request_box #request:checked ~ #request_content,
footer .request_box #individual:checked ~ #individual_content,
footer .request_box #corporate:checked ~ #corporate_content {
  display: block;
}
footer .request_box .tabs input:checked + .tab_item {
  background-color: #333;
  color: #fff;
  border-radius: 100px;
}
footer .request_box ul > li {
  font-size: 0.875rem;
  padding: 10px 10px;
  border-bottom: solid 1px #ccc;
}
@media only screen and (min-width: 1020px) {
  footer .request_box ul > li {
    padding: 20px 10px;
  }
}
footer .request_box ol {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media only screen and (min-width: 1020px) {
  footer .request_box ol {
    flex-direction: row;
  }
}
footer .request_box ol li {
  padding: 8px 20px 8px 0;
}
footer .request_box ol li:nth-child(2) a:link, footer .request_box ol li:nth-child(2) a:visited {
  text-align: center;
  color: #fff;
  padding: 2px 5px;
}
footer .request_box ol li:nth-child(2) a:hover, footer .request_box ol li:nth-child(2) a:active {
  text-decoration: none;
}
footer .request_box ol li:last-child {
  background: url("../images/index/icon_map_pin.aba87a499b03.png") no-repeat 0 50%;
  background-size: 1.1rem;
  padding-left: 1.1rem;
}
footer .footer_menu {
  background-color: #333;
  padding: 30px;
  display: flex;
  justify-content: center;
}
footer .footer_menu_box {
  width: 100%;
  max-width: 1400px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1020px) {
  footer .footer_menu_box_2 {
    border-top: solid 1px #666;
  }
}
footer .footer_menu_box ul {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1020px) {
  footer .footer_menu_box ul {
    flex-direction: row;
    justify-content: center;
  }
}
footer .footer_menu_box li {
  font-size: 0.875rem;
}
footer .footer_menu_box a {
  display: block;
  border-bottom: solid 1px #fff;
  padding: 30px 10px;
}
@media only screen and (min-width: 1020px) {
  footer .footer_menu_box a {
    border-bottom: 0;
  }
}
footer .footer_menu_box a:link,
footer .footer_menu_box a:visited {
  text-align: center;
  color: #fff;
  text-decoration: none;
}
footer .footer_menu_box a:hover,
footer .footer_menu_box a:active {
  text-decoration: underline;
  background-color: #999;
}
@media only screen and (min-width: 1020px) {
  footer .footer_menu_box a:hover,
  footer .footer_menu_box a:active {
    background-color: inherit;
  }
}
footer .footer_copy {
  background-color: #333;
  padding: 0 0 30px 0;
  text-align: center;
  font-size: 0.75rem;
  color: #fff;
}
footer .footer_copy a:link,
footer .footer_copy a:visited {
  color: #fff;
  text-decoration: underline;
}
footer .footer_copy a:hover,
footer .footer_copy a:active {
  text-decoration: none;
}

/*---------------
ハンバーガー
---------------*/
.menu {
  display: inline-block;
  padding: 5px 10px 0px 10px;
  cursor: pointer;
}

.menu_box {
  display: none;
}
.menu_box p {
  margin: 0;
  padding: 1rem 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.menu_box ul {
  width: calc(100% - 20px);
  margin: 0 auto;
}
.menu_box li {
  font-size: 0.875rem;
}
.menu_box li a {
  display: block;
  padding: 20px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #000;
}
.menu_box li a:link, .menu_box li a:visited {
  background-color: #333;
  color: #fff;
}
.menu_box li a:hover, .menu_box li a:active {
  background-color: #eee;
  color: #000;
}

.openbtn1 {
  position: relative;
  /*ボタン内側の基点となるためrelativeを指定*/
  cursor: pointer;
  width: 50px;
  height: 50px;
}
.openbtn1 span {
  display: inline-block;
  transition: all 0.4s;
  /*アニメーションの設定*/
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background: #000;
  width: 80%;
}
.openbtn1 span:nth-of-type(1) {
  top: 15px;
}
.openbtn1 span:nth-of-type(2) {
  top: 23px;
}
.openbtn1 span:nth-of-type(3) {
  top: 31px;
}
.openbtn1.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 80%;
}
.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
  /*真ん中の線は透過*/
}
.openbtn1.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 80%;
}

.button21 a {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  color: #333;
  font-size: 0.875rem;
  background-color: #333;
  color: #fff;
  transition: 0.3s;
  border-radius: 100px;
  text-decoration: none;
  line-height: 140%;
  margin: 0 10px;
}

.button21 a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #e00188;
  transition: 0.3s;
  margin-left: 10px;
}

.button21 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
  color: #000;
}

.button21 a:hover::after {
  transform: translateX(5px);
}

/*----------------
----------------*/
.btn_provider_estimate {
  display: flex;
  justify-content: center;
}
.btn_provider_estimate_box {
  width: calc(100% - 20px);
  max-width: 1020px;
  margin: 0 10px 60px;
  background-color: #eee;
  padding: 30px 20px;
  text-align: center;
}
@media only screen and (min-width: 1020px) {
  .btn_provider_estimate_box {
    padding: 30px;
  }
}
.btn_provider_estimate_box .midashi {
  padding: 0 20px 20px;
  font-weight: bold;
  font-size: 1rem;
}
@media only screen and (min-width: 1020px) {
  .btn_provider_estimate_box .midashi {
    font-size: 1.125rem;
  }
}
.btn_provider_estimate_box .midashi .big {
  font-size: 2rem;
}
.btn_provider_estimate_box .midashi .color {
  color: #e44c06;
}
.btn_provider_estimate_box_btn {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 1rem;
  line-height: 140%;
}
@media only screen and (min-width: 1020px) {
  .btn_provider_estimate_box_btn {
    flex-direction: row;
  }
}
.btn_provider_estimate_box_btn_provider {
  flex: 1;
}
.btn_provider_estimate_box_btn_provider a {
  display: block;
  color: #fff;
  background: linear-gradient(to right, #39bafd, #138cdb);
  border-radius: 10px;
  padding: 25px 20px 20px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.btn_provider_estimate_box_btn_provider a p:first-child {
  font-size: 1.5rem;
  padding-bottom: 5px;
}
.btn_provider_estimate_box_btn_provider a p:last-child {
  font-size: 0.875rem;
}
.btn_provider_estimate_box_btn_provider a:hover {
  box-shadow: none;
  transform: translate3d(0, 5px, 0);
  transition-duration: 0.3s;
}
.btn_provider_estimate_box_btn_estimate {
  flex: 1;
}
.btn_provider_estimate_box_btn_estimate a {
  display: block;
  color: #fff;
  background: linear-gradient(to right, #e00185, #e7003e);
  border-radius: 10px;
  padding: 25px 20px 20px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.btn_provider_estimate_box_btn_estimate a p:first-child {
  font-size: 1.5rem;
  padding-bottom: 5px;
}
.btn_provider_estimate_box_btn_estimate a p:last-child {
  font-size: 0.875rem;
}
.btn_provider_estimate_box_btn_estimate a:hover {
  box-shadow: none;
  transform: translate3d(0, 5px, 0);
  transition-duration: 0.3s;
}
.btn_provider_estimate_box_btn .balloon {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  color: #fff;
  background: #000;
  transform: translateY(5px);
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: bold;
}
.btn_provider_estimate_box_btn .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #000;
}
.btn_provider_estimate_box_btn .balloon p {
  margin: 0;
  padding: 0;
}
.btn_provider_estimate_box_btn .balloon .color {
  color: #ffe600;
}
.btn_provider_estimate_box_sub {
  padding-top: 20px;
}
.btn_provider_estimate_box_sub ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.btn_provider_estimate_box_sub li {
  font-size: 0.875rem;
  display: inline;
  list-style: none;
}
.btn_provider_estimate_box_sub li:after {
  /* >を表示*/
  content: "/";
  padding: 0 5px;
  color: #555;
}
.btn_provider_estimate_box_sub li:last-child:after {
  content: "";
}

/*----------------
----------------*/
.btn_columns {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  border-bottom: solid 1px #ccc;
}
.btn_columns_box {
  width: calc(100% - 20px);
  max-width: 1020px;
  padding: 30px 20px;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1020px) {
  .btn_columns_box {
    padding: 30px;
  }
}
.btn_columns_box .midashi {
  padding: 0 20px 20px;
  font-weight: bold;
  font-size: 1rem;
}
@media only screen and (min-width: 1020px) {
  .btn_columns_box .midashi {
    font-size: 1.125rem;
  }
}
.btn_columns_box .midashi .big {
  font-size: 2rem;
}
.btn_columns_box .midashi .color {
  color: #e44c06;
}
.btn_columns_box_btn {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 1rem;
  line-height: 140%;
}
@media only screen and (min-width: 1020px) {
  .btn_columns_box_btn {
    flex-direction: row;
  }
}
.btn_columns_box_btn_about {
  flex: 1;
}
.btn_columns_box_btn_about a {
  display: block;
  color: #fff;
  background: linear-gradient(to right, #06c8b4, #00a9a5);
  border-radius: 10px;
  padding: 25px 20px 20px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.btn_columns_box_btn_about a p:first-child {
  font-size: 1.5rem;
  padding-bottom: 5px;
}
.btn_columns_box_btn_about a p:last-child {
  font-size: 0.875rem;
}
.btn_columns_box_btn_about a:hover {
  box-shadow: none;
  transform: translate3d(0, 5px, 0);
  transition-duration: 0.3s;
}
.btn_columns_box_btn .balloon {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  color: #fff;
  background: #000;
  transform: translateY(5px);
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: bold;
}
.btn_columns_box_btn .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #000;
}
.btn_columns_box_btn .balloon p {
  margin: 0;
  padding: 0;
}
.btn_columns_box_btn .balloon .color {
  color: #ffe600;
}
.btn_columns_box_sub {
  padding-top: 20px;
}
.btn_columns_box_sub ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.btn_columns_box_sub li {
  font-size: 0.875rem;
  display: inline;
  list-style: none;
}
.btn_columns_box_sub li:after {
  /* >を表示*/
  content: "/";
  padding: 0 5px;
  color: #555;
}
.btn_columns_box_sub li:last-child:after {
  content: "";
}

.title {
  display: flex;
  justify-content: center;
  background: url("../images/category/title_bg.78869a01ec87.gif") repeat-x bottom;
}
.title_box {
  width: 100%;
  max-width: 1400px;
  min-height: 300px;
  padding: 0 10px 10px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1020px) {
  .title_box {
    flex-direction: row;
    align-items: center;
    margin: 20px 0;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-size: contain;
  }
}
@media only screen and (min-width: 1020px) {
  .title_box_huyouhin {
    background-image: url("../images/category/huyouhin/title.6d14e6c8949a.jpg");
  }
  .title_box_hoardhouse {
    background-image: url("../images/category/hoardhouse/title.5a4f02e87bee.jpg");
  }
  .title_box_homemaker {
    background-image: url("../images/category/homemaker/title.a375c240815d.jpg");
  }
  .title_box_housecleaning {
    background-image: url("../images/category/housecleaning/title.0c7fa230e320.jpg");
  }
  .title_box_waterserver {
    background-image: url("../images/category/waterserver/title.9a917582ee65.jpg");
  }
  .title_box_handyman {
    background-image: url("../images/category/handyman/title.7d20aee98f9f.jpg");
  }
  .title_box_furnitureassembly {
    background-image: url("../images/category/furnitureassembly/title.cfb2c5588da8.jpg");
  }
  .title_box_ihinseiri {
    background-image: url("../images/category/ihinseiri/title.3d590c4a9f6b.jpg");
  }
  .title_box_disinfection {
    background-image: url("../images/category/disinfection/title.bda797817c02.jpg");
  }
  .title_box_moving {
    background-image: url("../images/category/moving/title.00a696240691.jpg");
  }
  .title_box_pest_control {
    background-image: url("../images/category/pest_control/title.8d0fac0b1b78.jpg");
  }
  .title_box_internet {
    background-image: url("../images/category/internet/title.77ea4651d70f.jpg");
  }
  .title_box_housing {
    background-image: url("../images/category/housing/title.b00a04de7963.jpg");
  }
  .title_box_realestate_sale {
    background-image: url("../images/category/realestate_sale/title.b00a04de7963.jpg");
  }
  .title_box_house_demolition {
    background-image: url("../images/category/house_demolition/title.c1b29d0fcae7.jpg");
  }
  .title_box_smartphone_repair {
    background-image: url("../images/category/smartphone_repair/title.230e997dac78.jpg");
  }
  .title_box_tablet_repair {
    background-image: url("../images/category/tablet_repair/title.bebd76144bb3.jpg");
  }
  .title_box_pc_repair {
    background-image: url("../images/category/pc_repair/title.5b1ac1ad5551.jpg");
  }
  .title_box_data_recovery {
    background-image: url("../images/category/data_recovery/title.9a26504b9214.jpg");
  }
  .title_box_consumerelectronics_repair {
    background-image: url("../images/category/consumerelectronics_repair/title.fd3105b94517.jpg");
  }
  .title_box_airconditioner_repair {
    background-image: url("../images/category/airconditioner_repair/title.1ac80c0f7728.jpg");
  }
  .title_box_chartered_bus {
    background-image: url("../images/category/chartered_bus/title.0b0398e6a097.jpg");
  }
  .title_box_on_location {
    background-image: url("../images/category/on_location/title.3cbe202080f9.jpg");
  }
  .title_box_wedding_photography {
    background-image: url("../images/category/wedding_photography/title.a626b6269267.jpg");
  }
  .title_box_on_location_kimono {
    background-image: url("../images/category/on_location_kimono/title.fca95185c455.jpg");
  }
  .title_box_car_purchase {
    background-image: url("../images/category/car_purchase/title.fcc97c202258.jpg");
  }
  .title_box_bike_purchase {
    background-image: url("../images/category/bike_purchase/title.504326a2f227.jpg");
  }
  .title_box_car_cleaning {
    background-image: url("../images/category/car_cleaning/title.a1a9d468b389.jpg");
  }
  .title_box_car_repair {
    background-image: url("../images/category/car_repair/title.4785d945f7ab.jpg");
  }
  .title_box_bike_repair {
    background-image: url("../images/category/bike_repair/title.d21241244584.jpg");
  }
  .title_box_tire_exchange {
    background-image: url("../images/category/tire_exchange/title.97bf3372e4b5.jpg");
  }
  .title_box_car_scrap {
    background-image: url("../images/category/car_scrap/title.c479b3d805a6.jpg");
  }
  .title_box_video_production_individuals {
    background-image: url("../images/category/video_production_individuals/title.730ba5c8a367.jpg");
  }
  .title_box_event_photography {
    background-image: url("../images/category/event_photography/title.ca9194186fb5.jpg");
  }
  .title_box_drone_photography {
    background-image: url("../images/category/drone_photography/title.2dcf53bca6c1.jpg");
  }
  .title_box_lawyer {
    background-image: url("../images/category/lawyer/title.15b4aece0b7c.jpg");
  }
  .title_box_taxaccountant {
    background-image: url("../images/category/taxaccountant/title.e53292562576.jpg");
  }
  .title_box_patentattorney {
    background-image: url("../images/category/patentattorney/title.3a8d876700a8.jpg");
  }
  .title_box_judicialscrivener {
    background-image: url("../images/category/judicialscrivener/title.c42461b9a2e3.jpg");
  }
  .title_box_administrativescrivener {
    background-image: url("../images/category/administrativescrivener/title.94a47e147902.jpg");
  }
  .title_box_homeinspector {
    background-image: url("../images/category/homeinspector/title.05f3d1ccdc18.jpg");
  }
  .title_box_transport_company {
    background-image: url("../images/category/transport_company/title.9ae4847fe7de.jpg");
  }
  .title_box_furniture_luggage_transportation {
    background-image: url("../images/category/furniture_luggage_transportation/title.d18b73ccaa13.jpg");
  }
  .title_box_piano_transportation {
    background-image: url("../images/category/piano_transportation/title.46d5b58c6157.jpg");
  }
  .title_box_bike_transport {
    background-image: url("../images/category/bike_transport/title.b12d367c6fc2.jpg");
  }
  .title_box_import_agency {
    background-image: url("../images/category/import_agency/title.5d6aacaed328.jpg");
  }
  .title_box_water_leak {
    background-image: url("../images/category/water_leak/title.76b1731ce603.jpg");
  }
  .title_box_faucet_replacement {
    background-image: url("../images/category/faucet_replacement/title.8ba33c101623.jpg");
  }
  .title_box_clogged_drain {
    background-image: url("../images/category/clogged_drain/title.7acefe39afe1.jpg");
  }
  .title_box_car_insurance {
    background-image: url("../images/category/car_insurance/title.7df07621dca5.jpg");
  }
  .title_box_bicycle_insurance {
    background-image: url("../images/category/bicycle_insurance/title.f0b02dccabb8.jpg");
  }
  .title_box_bike_insurance {
    background-image: url("../images/category/bike_insurance/title.f0b02dccabb8.jpg");
  }
  .title_box_pet_insurance {
    background-image: url("../images/category/pet_insurance/title.f0b02dccabb8.jpg");
  }
  .title_box_life_insurance {
    background-image: url("../images/category/life_insurance/title.f0b02dccabb8.jpg");
  }
  .title_box_fire_earthquake_insurance {
    background-image: url("../images/category/fire_earthquake_insurance/title.d2e33b673601.jpg");
  }
  .title_box_travelers_insurance {
    background-image: url("../images/category/travelers_insurance/title.f0b02dccabb8.jpg");
  }
  .title_box_golf_insurance {
    background-image: url("../images/category/golf_insurance/title.0bb91ee9e247.jpg");
  }
  .title_box_security_camera {
    background-image: url("../images/category/security_camera/title.203ff4d3dc0e.jpg");
  }
  .title_box_home_security {
    background-image: url("../images/category/home_security/title.22f2beb6533f.jpg");
  }
  .title_box_key_exchange {
    background-image: url("../images/category/key_exchange/title.4f665344b98c.jpg");
  }
  .title_box_lock_opening {
    background-image: url("../images/category/lock_opening/title.450537a9568b.jpg");
  }
  .title_box_window_security {
    background-image: url("../images/category/window_security/title.a2c794b6ec4e.jpg");
  }
  .title_box_bicycle_purchase {
    background-image: url("../images/category/bicycle_purchase/title.b450ee6bc8f7.jpg");
  }
  .title_box_furniture_purchase {
    background-image: url("../images/category/furniture_purchase/title.9bdd91ad3ecb.jpg");
  }
  .title_box_electronics_purchase {
    background-image: url("../images/category/electronics_purchase/title.567c50b68621.jpg");
  }
  .title_box_brandedgoods_purchase {
    background-image: url("../images/category/brandedgoods_purchase/title.83e3658d16df.jpg");
  }
  .title_box_shopping_agent {
    background-image: url("../images/category/shopping_agent/title.13338e7d4fef.jpg");
  }
  .title_box_moving_furniture {
    background-image: url("../images/category/moving_furniture/title.56b4182b4c5d.jpg");
  }
  .title_box_moving_help {
    background-image: url("../images/category/moving_help/title.49ed4b283cf2.jpg");
  }
  .title_box_find_spot {
    background-image: url("../images/category/find_spot/title.c6fa4d4ba7e3.jpg");
  }
  .title_box_grave_visitor {
    background-image: url("../images/category/grave_visitor/title.aefa5a748d6d.jpg");
  }
  .title_box_grave_cleaning {
    background-image: url("../images/category/grave_cleaning/title.7e1b1901f9d7.jpg");
  }
  .title_box_mowing {
    background-image: url("../images/category/mowing/title.29447080be42.jpg");
  }
  .title_box_shovel_snow {
    background-image: url("../images/category/shovel_snow/title.274bb47c16b9.jpg");
  }
  .title_box_taxreturn {
    background-image: url("../images/category/taxreturn/title.d3f774c7f137.jpg");
  }
  .title_box_inheritance {
    background-image: url("../images/category/inheritance/title.190a5b5e6315.jpg");
  }
  .title_box_gift_tax {
    background-image: url("../images/category/gift_tax/title.b573a38f155e.jpg");
  }
  .title_box_will {
    background-image: url("../images/category/will/title.cec4ea719de6.jpg");
  }
  .title_box_lifetime_gift {
    background-image: url("../images/category/lifetime_gift/title.9edd5bf2f5c6.jpg");
  }
  .title_box_legal_advice {
    background-image: url("../images/category/legal_advice/title.b7079d04484d.jpg");
  }
  .title_box_automobile_registrations {
    background-image: url("../images/category/automobile_registrations/title.51e905296568.jpg");
  }
  .title_box_divorce {
    background-image: url("../images/category/divorce/title.15b4aece0b7c.jpg");
  }
  .title_box_personal_bankruptcy {
    background-image: url("../images/category/personal_bankruptcy/title.523420d1905b.jpg");
  }
  .title_box_real_estate_registration {
    background-image: url("../images/category/real_estate_registration/title.de897a97c52e.jpg");
  }
  .title_box_renovation {
    background-image: url("../images/category/renovation/title.02a539d2c08a.jpg");
  }
  .title_box_hp {
    background-image: url("../images/category/hp/title.cb918cbdef93.jpg");
  }
  .title_box_ec {
    background-image: url("../images/category/ec/title.74d1a5c37326.jpg");
  }
  .title_box_lp {
    background-image: url("../images/category/lp/title.0e4fd1dce293.jpg");
  }
  .title_box_blog {
    background-image: url("../images/category/blog/title.328ae8ded3cb.jpg");
  }
  .title_box_owned_media {
    background-image: url("../images/category/owned_media/title.ed3bb8a9d6f0.jpg");
  }
  .title_box_portal_site {
    background-image: url("../images/category/portal_site/title.94876d171312.jpg");
  }
  .title_box_recruit_site {
    background-image: url("../images/category/recruit_site/title.243d8ce800c7.jpg");
  }
  .title_box_cms {
    background-image: url("../images/category/cms/title.3f33517ddf9a.jpg");
  }
  .title_box_app {
    background-image: url("../images/category/app/title.716eac938a39.jpg");
  }
  .title_box_web_design {
    background-image: url("../images/category/web_design/title.9a72c1600998.jpg");
  }
  .title_box_app_design {
    background-image: url("../images/category/app_design/title.c838fc76b619.jpg");
  }
  .title_box_system {
    background-image: url("../images/category/system/title.286aa57e6d68.jpg");
  }
  .title_box_programming {
    background-image: url("../images/category/programming/title.d99766fc19c4.jpg");
  }
  .title_box_ai {
    background-image: url("../images/category/ai/title.37ad80cac4af.jpg");
  }
  .title_box_blockchain {
    background-image: url("../images/category/blockchain/title.12e610d30216.jpg");
  }
  .title_box_db {
    background-image: url("../images/category/db/title.10a66131b776.jpg");
  }
  .title_box_infrastructure_construction {
    background-image: url("../images/category/infrastructure_construction/title.c08da66d194f.jpg");
  }
  .title_box_rpa {
    background-image: url("../images/category/rpa/title.d96965c417ce.jpg");
  }
  .title_box_software {
    background-image: url("../images/category/software/title.c6eaef72060a.jpg");
  }
  .title_box_ar {
    background-image: url("../images/category/ar/title.f167c2744058.jpg");
  }
  .title_box_video_production {
    background-image: url("../images/category/video_production/title.25b3a90b560d.jpg");
  }
  .title_box_video_editing {
    background-image: url("../images/category/video_editing/title.f5be472dc9b4.jpg");
  }
  .title_box_photo_shoot {
    background-image: url("../images/category/photo_shoot/title.acf677549a77.jpg");
  }
  .title_box_still_life_photography {
    background-image: url("../images/category/still_life_photography/title.af6ed0aafbe8.jpg");
  }
  .title_box_youtube_thumbnail {
    background-image: url("../images/category/youtube_thumbnail/title.b55fe6f07311.jpg");
  }
  .title_box_vr {
    background-image: url("../images/category/vr/title.82f476b1e826.jpg");
  }
  .title_box_seo {
    background-image: url("../images/category/seo/title.64aa15d8134e.jpg");
  }
  .title_box_listing_advertisement {
    background-image: url("../images/category/listing_advertisement/title.960a33a1b86b.jpg");
  }
  .title_box_meo {
    background-image: url("../images/category/meo/title.687e305bfffe.jpg");
  }
  .title_box_sns_marketing {
    background-image: url("../images/category/sns_marketing/title.4cb9497df7b5.jpg");
  }
  .title_box_sns_ad {
    background-image: url("../images/category/sns_ad/title.2aa2a12aa1bf.jpg");
  }
  .title_box_influencer {
    background-image: url("../images/category/influencer/title.b923a56e80e2.jpg");
  }
  .title_box_video_marketing {
    background-image: url("../images/category/video_marketing/title.b09b607ac417.jpg");
  }
  .title_box_affiliate {
    background-image: url("../images/category/affiliate/title.eff736e7d612.jpg");
  }
  .title_box_cross_border_ecommerce {
    background-image: url("../images/category/cross_border_ecommerce/title.30b56ea3af68.jpg");
  }
  .title_box_dm {
    background-image: url("../images/category/dm/title.0ac566cb5e6a.jpg");
  }
  .title_box_posting {
    background-image: url("../images/category/posting/title.e5ffdac4d02e.jpg");
  }
  .title_box_faxdm {
    background-image: url("../images/category/faxdm/title.614a1b7b6f81.jpg");
  }
  .title_box_questionnaire {
    background-image: url("../images/category/questionnaire/title.75b7c73365c6.jpg");
  }
  .title_box_market_research {
    background-image: url("../images/category/market_research/title.d7d8e8bf99ee.jpg");
  }
  .title_box_mail_magazine {
    background-image: url("../images/category/mail_magazine/title.845312ac2c51.jpg");
  }
  .title_box_mail_system {
    background-image: url("../images/category/mail_system/title.6a76ee8f862a.jpg");
  }
  .title_box_form_sales {
    background-image: url("../images/category/form_sales/title.4437c5049a31.jpg");
  }
  .title_box_vending_machine {
    background-image: url("../images/category/vending_machine/title.3e2962852aaf.jpg");
  }
  .title_box_food_vending_machine {
    background-image: url("../images/category/food_vending_machine/title.3b5afbba749b.jpg");
  }
  .title_box_frozenfood_vending_machine {
    background-image: url("../images/category/frozenfood_vending_machine/title.3b5afbba749b.jpg");
  }
  .title_box_sales_agency {
    background-image: url("../images/category/sales_agency/title.f8a482ed58ad.jpg");
  }
  .title_box_rpo {
    background-image: url("../images/category/rpo/title.4ab7c05fb0c0.jpg");
  }
  .title_box_accounting_agency {
    background-image: url("../images/category/accounting_agency/title.5d5f37551744.jpg");
  }
  .title_box_payroll_agency {
    background-image: url("../images/category/payroll_agency/title.debc29226fa2.jpg");
  }
  .title_box_job_ad {
    background-image: url("../images/category/job_ad/title.8cc8dd9e7340.jpg");
  }
  .title_box_magazine_ad {
    background-image: url("../images/category/magazine_ad/title.31fe7c1cbcab.jpg");
  }
  .title_box_traffic_ad {
    background-image: url("../images/category/traffic_ad/title.8c561dee0d63.jpg");
  }
  .title_box_tvcm {
    background-image: url("../images/category/tvcm/title.88c01fb34508.jpg");
  }
  .title_box_outdoor_ad {
    background-image: url("../images/category/outdoor_ad/title.23b8336f5969.jpg");
  }
  .title_box_digital_signage {
    background-image: url("../images/category/digital_signage/title.6b128a8331cd.jpg");
  }
  .title_box_newspaper_ad {
    background-image: url("../images/category/newspaper_ad/title.d5fa5352341a.jpg");
  }
  .title_box_pr_company {
    background-image: url("../images/category/pr_company/title.ccf0ec3c9d54.jpg");
  }
  .title_box_advertising_agency {
    background-image: url("../images/category/advertising_agency/title.0f2901ac2e98.jpg");
  }
  .title_box_recruiting_media {
    background-image: url("../images/category/recruiting_media/title.8745103b323a.jpg");
  }
  .title_box_recruitment_agency {
    background-image: url("../images/category/recruitment_agency/title.8745103b323a.jpg");
  }
  .title_box_temporary_staffing {
    background-image: url("../images/category/temporary_staffing/title.aaf63b54d807.jpg");
  }
  .title_box_internship {
    background-image: url("../images/category/internship/title.185e361429bf.jpg");
  }
  .title_box_recruitment_system {
    background-image: url("../images/category/recruitment_system/title.77bb92a46f44.jpg");
  }
  .title_box_recruitment_test {
    background-image: url("../images/category/recruitment_test/title.3f305806b5d9.jpg");
  }
  .title_box_retention_management {
    background-image: url("../images/category/retention_management/title.5d6b16bfcb6c.jpg");
  }
  .title_box_headhunting {
    background-image: url("../images/category/headhunting/title.e6358b90d66b.jpg");
  }
  .title_box_flyer {
    background-image: url("../images/category/flyer/title.9f2f7163df53.jpg");
  }
  .title_box_pamphlet {
    background-image: url("../images/category/pamphlet/title.9b73b905ff57.jpg");
  }
  .title_box_catalog {
    background-image: url("../images/category/catalog/title.2af85b099554.jpg");
  }
  .title_box_company_information {
    background-image: url("../images/category/company_information/title.1c67068ccf3b.jpg");
  }
  .title_box_businesscard {
    background-image: url("../images/category/businesscard/title.698d5bbc0760.jpg");
  }
  .title_box_poster {
    background-image: url("../images/category/poster/title.3df824662327.jpg");
  }
  .title_box_sticker {
    background-image: url("../images/category/sticker/title.f9c4b4952d7a.jpg");
  }
  .title_box_panel {
    background-image: url("../images/category/panel/title.539af4fa941f.jpg");
  }
  .title_box_ticket {
    background-image: url("../images/category/ticket/title.c123dc84f34b.jpg");
  }
  .title_box_fan {
    background-image: url("../images/category/fan/title.541a21b85a04.jpg");
  }
  .title_box_calendar {
    background-image: url("../images/category/calendar/title.fc33a99bdf29.jpg");
  }
  .title_box_label {
    background-image: url("../images/category/label/title.16e10be9a2d5.jpg");
  }
  .title_box_envelope {
    background-image: url("../images/category/envelope/title.102c037dfe3e.jpg");
  }
  .title_box_product_design {
    background-image: url("../images/category/product_design/title.8cba40911553.jpg");
  }
  .title_box_package_design {
    background-image: url("../images/category/package_design/title.10d480ef4168.jpg");
  }
  .title_box_bookjacket {
    background-image: url("../images/category/bookjacket/title.c78f54ef2b74.jpg");
  }
  .title_box_goods {
    background-image: url("../images/category/goods/title.0db446b8da0f.jpg");
  }
  .title_box_character_design {
    background-image: url("../images/category/character_design/title.adb19ec638cc.jpg");
  }
  .title_box_infographic {
    background-image: url("../images/category/infographic/title.cf84a73f7b42.jpg");
  }
  .title_box_signboard {
    background-image: url("../images/category/signboard/title.539af4fa941f.jpg");
  }
  .title_box_cg {
    background-image: url("../images/category/cg/title.dc7eaa443ef3.jpg");
  }
  .title_box_cad {
    background-image: url("../images/category/cad/title.c12294ed98d9.jpg");
  }
  .title_box_nobori {
    background-image: url("../images/category/nobori/title.7f6f5351492b.jpg");
  }
  .title_box_banner {
    background-image: url("../images/category/banner/title.c1ac2650ae35.jpg");
  }
  .title_box_logo {
    background-image: url("../images/category/logo/title.b7b9cd3327d5.jpg");
  }
  .title_box_illustration {
    background-image: url("../images/category/illustration/title.ce3152be38b0.jpg");
  }
  .title_box_character {
    background-image: url("../images/category/character/title.adb19ec638cc.jpg");
  }
  .title_box_icon {
    background-image: url("../images/category/icon/title.3961e7d7c917.jpg");
  }
  .title_box_portrait {
    background-image: url("../images/category/portrait/title.bee4ae8f4098.jpg");
  }
  .title_box_line {
    background-image: url("../images/category/line/title.4c3aa24809f2.jpg");
  }
  .title_box_welcome_board {
    background-image: url("../images/category/welcome_board/title.d9f5a6820a12.jpg");
  }
  .title_box_manga {
    background-image: url("../images/category/manga/title.ef4226c7cf54.jpg");
  }
  .title_box_nft {
    background-image: url("../images/category/nft/title.d63bf2924e87.jpg");
  }
  .title_box_data_entry {
    background-image: url("../images/category/data_entry/title.c44b32f4b18d.jpg");
  }
  .title_box_transcription {
    background-image: url("../images/category/transcription/title.bd17d274bb57.jpg");
  }
  .title_box_create_documents {
    background-image: url("../images/category/create_documents/title.49b6a2166cd8.jpg");
  }
  .title_box_manual {
    background-image: url("../images/category/manual/title.c2d3b1b573db.jpg");
  }
  .title_box_scanning {
    background-image: url("../images/category/scanning/title.b7f6f9e5ba0f.jpg");
  }
  .title_box_booth {
    background-image: url("../images/category/booth/title.d32bef6d71ca.jpg");
  }
  .title_box_event_planning {
    background-image: url("../images/category/event_planning/title.cc37b794f0f1.jpg");
  }
  .title_box_training {
    background-image: url("../images/category/training/title.b7bd257bc531.jpg");
  }
  .title_box_writer {
    background-image: url("../images/category/writer/title.acc8e6b9a0fc.jpg");
  }
  .title_box_article_writing {
    background-image: url("../images/category/article_writing/title.bdafab3c5cda.jpg");
  }
  .title_box_rewrite {
    background-image: url("../images/category/rewrite/title.f0ca375d0df9.jpg");
  }
  .title_box_scriptwriter {
    background-image: url("../images/category/scriptwriter/title.289388383277.jpg");
  }
  .title_box_interviewer {
    background-image: url("../images/category/interviewer/title.f9ae399d0781.jpg");
  }
  .title_box_composition {
    background-image: url("../images/category/composition/title.51d10cc39463.jpg");
  }
  .title_box_narration {
    background-image: url("../images/category/narration/title.9467f8ca2607.jpg");
  }
  .title_box_character_voice {
    background-image: url("../images/category/character_voice/title.c9d450683b7b.jpg");
  }
  .title_box_sound_editing {
    background-image: url("../images/category/sound_editing/title.f5360741529a.jpg");
  }
  .title_box_sheet_music {
    background-image: url("../images/category/sheet_music/title.e81c1e3a9154.jpg");
  }
  .title_box_play_instrument {
    background-image: url("../images/category/play_instrument/title.8b7be60fa01e.jpg");
  }
  .title_box_bgm {
    background-image: url("../images/category/bgm/title.b0caf83d8a9f.jpg");
  }
  .title_box_establishment {
    background-image: url("../images/category/establishment/title.b92304397635.jpg");
  }
  .title_box_contract {
    background-image: url("../images/category/contract/title.e22bc67025a4.jpg");
  }
  .title_box_application_form {
    background-image: url("../images/category/application_form/title.150be2cc8e15.jpg");
  }
  .title_box_patent_application {
    background-image: url("../images/category/patent_application/title.3159852d86da.jpg");
  }
  .title_box_trademark_registration {
    background-image: url("../images/category/trademark_registration/title.5cb285f6266e.jpg");
  }
  .title_box_design_registration {
    background-image: url("../images/category/design_registration/title.afcdab53b2cd.jpg");
  }
  .title_box_utility_model {
    background-image: url("../images/category/utility_model/title.805050856990.jpg");
  }
  .title_box_subsidy {
    background-image: url("../images/category/subsidy/title.423ccd232abb.jpg");
  }
  .title_box_pmark {
    background-image: url("../images/category/pmark/title.de4900724c53.jpg");
  }
  .title_box_iso {
    background-image: url("../images/category/iso/title.ab0331303af5.jpg");
  }
  .title_box_legal_check {
    background-image: url("../images/category/legal_check/title.d9a9fa9fca89.jpg");
  }
  .title_box_working_regulations {
    background-image: url("../images/category/working_regulations/title.43c63219ab6a.jpg");
  }
  .title_box_online_payment {
    background-image: url("../images/category/online_payment/title.1fa83fc6383f.jpg");
  }
  .title_box_store_payment {
    background-image: url("../images/category/store_payment/title.d587d767f3b4.jpg");
  }
  .title_box_pos {
    background-image: url("../images/category/pos/title.8620b240a8f1.jpg");
  }
  .title_box_self_checkout {
    background-image: url("../images/category/self_checkout/title.df7e4d033950.jpg");
  }
  .title_box_cashless_payment {
    background-image: url("../images/category/cashless_payment/title.7628c23684e5.jpg");
  }
  .title_box_corporate_mobile {
    background-image: url("../images/category/corporate_mobile/title.36dfe7e67a77.jpg");
  }
  .title_box_corporate_tablet {
    background-image: url("../images/category/corporate_tablet/title.ef46a3ae0be5.jpg");
  }
  .title_box_corporate_internet {
    background-image: url("../images/category/corporate_internet/title.76bfc7aef839.jpg");
  }
  .title_box_internet_fax {
    background-image: url("../images/category/internet_fax/title.5b2b6408eba7.jpg");
  }
  .title_box_phone_line {
    background-image: url("../images/category/phone_line/title.b9edb58e6bdc.jpg");
  }
  .title_box_moblie_wifi {
    background-image: url("../images/category/moblie_wifi/title.af6d5c919cb8.jpg");
  }
  .title_box_rent_negotiation {
    background-image: url("../images/category/rent_negotiation/title.c39164e5df58.jpg");
  }
  .title_box_led {
    background-image: url("../images/category/led/title.237c0eb5e62a.jpg");
  }
  .title_box_fundraising {
    background-image: url("../images/category/fundraising/title.2f64785661ec.jpg");
  }
  .title_box_factoring {
    background-image: url("../images/category/factoring/title.05e6cdb1ca6c.jpg");
  }
  .title_box_debt_collector {
    background-image: url("../images/category/debt_collector/title.fcee6faaaeef.jpg");
  }
  .title_box_store_cleaning {
    background-image: url("../images/category/store_cleaning/title.3ed573ae5cdc.jpg");
  }
  .title_box_store_sterilization {
    background-image: url("../images/category/store_sterilization/title.46c187642286.jpg");
  }
  .title_box_cleaning_company {
    background-image: url("../images/category/cleaning_company/title.c9d450683b7b.jpg");
  }
  .title_box_store_pest_control {
    background-image: url("../images/category/store_pest_control/title.354824126a89.jpg");
  }
  .title_box_commercial_air_conditioner_cleaning {
    background-image: url("../images/category/commercial_air_conditioner_cleaning/title.30aba54f9040.jpg");
  }
  .title_box_store_design {
    background-image: url("../images/category/store_design/title.7ac64373f06f.jpg");
  }
  .title_box_store_property_search {
    background-image: url("../images/category/store_property_search/title.56ecfe76c749.jpg");
  }
  .title_box_design_office {
    background-image: url("../images/category/design_office/title.e7db8edf873e.jpg");
  }
  .title_box_business_purchase {
    background-image: url("../images/category/business_purchase/title.d47add0d7346.jpg");
  }
  .title_box_industrial_waste_disposal {
    background-image: url("../images/category/industrial_waste_disposal/title.d934b367ef78.jpg");
  }
  .title_box_demolition_work {
    background-image: url("../images/category/demolition_work/title.99b2ff9d8dab.jpg");
  }
  .title_box_restoration_work {
    background-image: url("../images/category/restoration_work/title.17c393862b65.jpg");
  }
  .title_box_pc_disposal {
    background-image: url("../images/category/pc_disposal/title.04e60e4f668d.jpg");
  }
  .title_box_registered_management_consultant {
    background-image: url("../images/category/registered_management_consultant/title.00ab3c9fcdf4.jpg");
  }
  .title_box_consulting_firm {
    background-image: url("../images/category/consulting_firm/title.ad53e7391f4a.jpg");
  }
  .title_box_business_consultant {
    background-image: url("../images/category/business_consultant/title.00ab3c9fcdf4.jpg");
  }
  .title_box_web_consulting {
    background-image: url("../images/category/web_consulting/title.baeba73dc855.jpg");
  }
  .title_box_it_consulting {
    background-image: url("../images/category/it_consulting/title.d2ec744570e8.jpg");
  }
  .title_box_financial_consultant {
    background-image: url("../images/category/financial_consultant/title.5abc57197e15.jpg");
  }
  .title_box_recruitment_consultant {
    background-image: url("../images/category/recruitment_consultant/title.8bb8b02824ea.jpg");
  }
  .title_box_office_relocation {
    background-image: url("../images/category/office_relocation/title.1d6b3d8c60d3.jpg");
  }
  .title_box_interior_finishing {
    background-image: url("../images/category/interior_finishing/title.b451c524ebaf.jpg");
  }
  .title_box_office_design {
    background-image: url("../images/category/office_design/title.68a19d10af4f.jpg");
  }
  .title_box_manda {
    background-image: url("../images/category/manda/title.a5d39d9b74cd.jpg");
  }
  .title_box_business_plan {
    background-image: url("../images/category/business_plan/title.e0d7553fa553.jpg");
  }
  .title_box_overseas_expansion {
    background-image: url("../images/category/overseas_expansion/title.1dbdc5f1e728.jpg");
  }
  .title_box_tele_appointment {
    background-image: url("../images/category/tele_appointment/title.1bc67f34cdea.jpg");
  }
  .title_box_telemarketing {
    background-image: url("../images/category/telemarketing/title.090f0b5ad1e4.jpg");
  }
  .title_box_reputation_damage {
    background-image: url("../images/category/reputation_damage/title.371ae26935f2.jpg");
  }
  .title_box_dx {
    background-image: url("../images/category/dx/title.193b2661e540.jpg");
  }
  .title_box_rental_office_supplies {
    background-image: url("../images/category/rental_office_supplies/title.4a88b6677c8a.jpg");
  }
  .title_box_crime_prevention_measures {
    background-image: url("../images/category/crime_prevention_measures/title.98b57b4c12c0.jpg");
  }
  .title_box_entrance_exit_management {
    background-image: url("../images/category/entrance_exit_management/title.4cbf3ab4815f.jpg");
  }
  .title_box_smartlock {
    background-image: url("../images/category/smartlock/title.22f2beb6533f.jpg");
  }
  .title_box_administrative_agency {
    background-image: url("../images/category/administrative_agency/title.7aed6b1f4404.jpg");
  }
  .title_box_call_center {
    background-image: url("../images/category/call_center/title.290709da9346.jpg");
  }
  .title_box_telephone_answering {
    background-image: url("../images/category/telephone_answering/title.e56ff2c6c32c.jpg");
  }
  .title_box_online_secretary {
    background-image: url("../images/category/online_secretary/title.cec5d8e3c733.jpg");
  }
  .title_box_transport {
    background-image: url("../images/category/transport/title.4b8e947a4530.jpg");
  }
  .title_box_warehouse {
    background-image: url("../images/category/warehouse/title.9c2e37ba8977.jpg");
  }
  .title_box_export_import {
    background-image: url("../images/category/export_import/title.95dc7684abe4.jpg");
  }
  .title_box_warehouse_rent {
    background-image: url("../images/category/warehouse_rent/title.35f9cadcbf95.jpg");
  }
  .title_box_document_storage {
    background-image: url("../images/category/document_storage/title.14ffb53dd8be.jpg");
  }
  .title_box_ticket_vending_machine {
    background-image: url("../images/category/ticket_vending_machine/title.c123dc84f34b.jpg");
  }
  .title_box_office_equipment {
    background-image: url("../images/category/office_equipment/title.bb8a673b8a39.jpg");
  }
  .title_box_laptop_notebook {
    background-image: url("../images/category/laptop_notebook/title.d09a4eeb0507.jpg");
  }
  .title_box_online_meeting {
    background-image: url("../images/category/online_meeting/title.b45bbe80349e.jpg");
  }
  .title_box_copier {
    background-image: url("../images/category/copier/title.4143d22eff1f.jpg");
  }
  .title_box_business_phone {
    background-image: url("../images/category/business_phone/title.a7aefc0e3535.jpg");
  }
  .title_box_welfare {
    background-image: url("../images/category/welfare/title.546cb151c72e.jpg");
  }
  .title_box_office_convenience {
    background-image: url("../images/category/office_convenience/title.0a7d2568d585.jpg");
  }
  .title_box_office_green {
    background-image: url("../images/category/office_green/title.d81a4c09055d.jpg");
  }
  .title_box_ticket_vending_machine {
    background-image: url("../images/category/ticket_vending_machine/title.c123dc84f34b.jpg");
  }
  .title_box_coding {
    background-image: url("../images/category/coding/title.7f075d06f593.jpg");
  }
  .title_box_office_cleaning {
    background-image: url("../images/category/office_cleaning/title.f2e82ee3992f.jpg");
  }
  .title_box_detective {
    background-image: url("../images/category/detective/title.08973790bd9e.jpg");
  }
  .title_box_gamerepair {
    background-image: url("../images/category/gamerepair/title.dbc4cae9b4b3.jpg");
  }
  .title_box_dronerepair {
    background-image: url("../images/category/dronerepair/title.2dcf53bca6c1.jpg");
  }
  .title_box_airconditionercleaning {
    background-image: url("../images/category/airconditionercleaning/title.7b32d65b567c.jpg");
  }
  .title_box_pctrouble {
    background-image: url("../images/category/pctrouble/title.8569e067ee82.jpg");
  }
  .title_box_airconditionerconstruction {
    background-image: url("../images/category/airconditionerconstruction/title.7c50abcf4043.jpg");
  }
  .title_box_caregarden {
    background-image: url("../images/category/caregarden/title.5a8d79d6ad4a.jpg");
  }
  .title_box_gardentree {
    background-image: url("../images/category/gardentree/title.3859b2310f20.jpg");
  }
  .title_box_felling {
    background-image: url("../images/category/felling/title.0743a4fd7500.jpg");
  }
  .title_box_plant {
    background-image: url("../images/category/plant/title.f91d70100b0a.jpg");
  }
  .title_box_turfing {
    background-image: url("../images/category/turfing/title.84fcd995349a.jpg");
  }
  .title_box_fence {
    background-image: url("../images/category/fence/title.e6032c6963b1.jpg");
  }
  .title_box_weeding {
    background-image: url("../images/category/weeding/title.50074825570b.jpg");
  }
  .title_box_artificialgrass {
    background-image: url("../images/category/artificialgrass/title.8310253bd150.jpg");
  }
  .title_box_weedingsheet {
    background-image: url("../images/category/weedingsheet/title.cfd91768a0e2.jpg");
  }
  .title_box_gravel {
    background-image: url("../images/category/gravel/title.75c51a2216fb.jpg");
  }
  .title_box_gardener {
    background-image: url("../images/category/gardener/title.0316af3c4d8a.jpg");
  }
  .title_box_screendoor {
    background-image: url("../images/category/screendoor/title.ac8093cac636.jpg");
  }
  .title_box_kazaiseiri {
    background-image: url("../images/category/kazaiseiri/title.c2f6a6f3e0b8.jpg");
  }
  .title_box_fusuma {
    background-image: url("../images/category/fusuma/title.e15c72ada666.jpg");
  }
  .title_box_tatami {
    background-image: url("../images/category/tatami/title.0a73bae5e223.jpg");
  }
  .title_box_shoji {
    background-image: url("../images/category/shoji/title.dbd280fafb5b.jpg");
  }
  .title_box_videodubbing {
    background-image: url("../images/category/videodubbing/title.f4af4ee7e93f.jpg");
  }
  .title_box_copypress {
    background-image: url("../images/category/copypress/title.f99d3ff274cd.jpg");
  }
  .title_box_retirementagency {
    background-image: url("../images/category/retirementagency/title.3b55dfdfc84a.jpg");
  }
  .title_box_jobofferreject {
    background-image: url("../images/category/jobofferreject/title.ba4898471951.jpg");
  }
}
.title_box_img {
  width: 100%;
  padding: 0 10px 10px;
}
.title_box_img img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.title_box_text {
  flex: 1;
}
.title_box h1 {
  font-size: 2rem;
  width: calc(100% - 20px);
  padding: 0 10px 10px;
  line-height: 140%;
}
@media only screen and (min-width: 1020px) {
  .title_box h1 {
    width: auto;
    font-size: 2.75rem;
    padding: 20px 20px 20px 0;
    background-color: rgba(255, 255, 255, 0.6);
    display: inline-block;
  }
}
.title_box .explanation {
  width: calc(100% - 20px);
  padding: 0 10px 10px;
  font-size: 1.125rem;
  line-height: 140%;
}
@media only screen and (min-width: 1020px) {
  .title_box .explanation {
    width: calc(100% - 530px);
    font-size: 1.25rem;
    font-weight: bold;
    padding: 0;
  }
}
.title_box .explanation .color {
  color: #e44c06;
}
.title_box .breadcrumb {
  margin: 0;
  padding: 10px;
  list-style: none;
  background-color: #eee;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1020px) {
  .title_box .breadcrumb {
    background-color: initial;
    margin-bottom: -20px;
    padding: 0;
    position: absolute;
    z-index: 2;
  }
}
.title_box ul {
  width: 100%;
  display: flex;
  word-break: keep-all;
  white-space: nowrap;
  overflow-x: scroll;
  line-height: 160%;
  font-size: 0.75rem;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1020px) {
  .title_box ul {
    flex-direction: row;
    flex-wrap: wrap;
    word-break: normal;
    white-space: normal;
    overflow-x: hidden;
    padding-bottom: 0;
  }
}
.title_box .breadcrumb li {
  display: inline-block;
}
.title_box .breadcrumb li:after {
  content: ">";
  padding: 0 0.2rem;
}
.title_box .breadcrumb li:last-child:after {
  content: "";
}
.title_box .breadcrumb li a {
  text-decoration: none;
}
.title_box .breadcrumb li a:hover {
  text-decoration: underline;
}

.matter {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #eee;
  margin-bottom: 60px;
}
.matter_box {
  width: 100%;
  max-width: 1400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 10px 30px;
}
@media only screen and (min-width: 1020px) {
  .matter_box {
    flex-direction: row;
  }
}
.matter_box_midashi {
  text-align: center;
  font-size: 0.875rem;
  padding: 0 20px 10px;
}
@media only screen and (min-width: 1020px) {
  .matter_box_midashi {
    padding: 0 20px 0;
  }
}
.matter_box_midashi p:first-child {
  font-weight: bold;
  padding-bottom: 10px;
}
.matter_box_main {
  width: 100%;
}
@media only screen and (min-width: 1020px) {
  .matter_box_main {
    width: initial;
    padding-left: 20px;
    border-left: solid 1px #ccc;
  }
}
.matter_box ul > li {
  font-size: 0.75rem;
  padding: 5px 10px;
  border-bottom: solid 1px #ccc;
}
@media only screen and (min-width: 1020px) {
  .matter_box ul > li {
    padding: 2px 10px;
    border-bottom: 0;
  }
}
.matter_box ol {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media only screen and (min-width: 1020px) {
  .matter_box ol {
    flex-direction: row;
  }
}
.matter_box ol li {
  padding: 8px 20px 8px 0;
}
.matter_box ol li:nth-child(1) a:link, .matter_box ol li:nth-child(1) a:visited {
  text-align: center;
  color: #fff;
  padding: 2px 5px;
}
.matter_box ol li:nth-child(1) a:hover, .matter_box ol li:nth-child(1) a:active {
  text-decoration: none;
}
.matter_box ol li:last-child {
  background: url("../images/index/icon_map_pin.aba87a499b03.png") no-repeat 0 50%;
  background-size: 1.1rem;
  padding-left: 1.1rem;
}
.matter_box ol li .individual {
  background-color: #35a179;
}
.matter_box ol li .corporate {
  background-color: #2b66a9;
}

.about {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}
.about_box {
  width: calc(100% - 20px);
  max-width: 1020px;
  font-size: 1rem;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1020px) {
  .about_box {
    flex-direction: row;
    align-items: center;
  }
}
.about_box_movie {
  text-align: center;
  font-size: 0.75rem;
  aspect-ratio: 16/9;
}
@media only screen and (min-width: 1020px) {
  .about_box_movie {
    width: 400px;
  }
}
.about_box_movie iframe {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.about_box_movie p {
  font-size: 0.75rem;
}
.about_box_text {
  flex: 1;
  padding: 0 20px 20px 0;
}
.about_box_text h2 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 120%;
  border-left: 5px solid #2b66a9;
  padding: 5px 0 5px 10px;
  margin-bottom: 20px;
}
.about_box_text p {
  line-height: 160%;
  padding-bottom: 10px;
}

.supplement {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}
.supplement_box {
  width: calc(100% - 20px);
  max-width: 1020px;
  font-size: 1rem;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.supplement_box h2 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 120%;
  border-left: 5px solid #2b66a9;
  padding: 5px 0 5px 10px;
  margin-bottom: 20px;
}
.supplement_box .midashi_bold {
  font-weight: bold;
  padding-bottom: 10px;
}
.supplement_box .side_note_center {
  text-align: center;
}
.supplement_box .side_note_small {
  font-size: 0.875rem;
}
.supplement_box .list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.supplement_box .list li {
  background-color: #eee;
  border-radius: 10px;
  margin: 0 10px 10px 0;
  padding: 10px;
}
.faq {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}
.faq_box {
  width: calc(100% - 20px);
  font-size: 1rem;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1020px) {
  .faq_box {
    width: 100%;
    max-width: 1020px;
  }
}
.faq_box_midashi h2 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 120%;
  border-left: 5px solid #2b66a9;
  padding: 5px 0 5px 10px;
  margin-bottom: 20px;
}
.faq_box_list details {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d6dde3;
}
.faq_box_list details summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 0.5em 1em 1.5em;
  line-height: 140%;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}
.faq_box_list details summary::before,
.faq_box_list details p::before {
  position: absolute;
  left: 0;
  font-weight: 600;
  font-size: 1.3em;
}
.faq_box_list details summary::before {
  color: #2b66a9;
  content: "Q";
}
.faq_box_list details summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid rgba(51, 51, 51, 0.7019607843);
  border-right: 3px solid rgba(51, 51, 51, 0.7019607843);
  content: "";
  transition: transform 0.5s;
}
.faq_box_list details[open] summary::after {
  transform: rotate(225deg);
}
.faq_box_list details p {
  position: relative;
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 0.3em 1.5em 1.5em 1.5em;
  transition: transform 0.5s, opacity 0.5s;
  line-height: 140%;
}
.faq_box_list details[open] p {
  transform: none;
  opacity: 1;
}
.faq_box_btn {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}

.pickup {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}
.pickup h2 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 120%;
  border-left: 5px solid #2b66a9;
  padding: 5px 0 5px 10px;
  margin-bottom: 20px;
}
.pickup_boxtext {
  width: calc(100% - 20px);
  max-width: 1400px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.pickup_boxtext ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -5px;
}
.pickup_boxtext li {
  width: calc((100% - 20px) / 2);
  display: flex;
  justify-content: center;
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: 0.875rem;
  text-align: center;
  border-radius: 10px;
}
@media only screen and (min-width: 1020px) {
  .pickup_boxtext li {
    width: calc((100% - 40px) / 4);
  }
}
.pickup_boxtext li a {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eee;
  padding: 20px 10px;
  text-decoration: none;
  border-radius: 10px;
}
.pickup_boxtext li a:hover {
  background-color: #333;
  color: #fff;
}
.pickup_boximg {
  width: calc(100% - 20px);
  max-width: 1400px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.pickup_boximg ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -5px;
}
.pickup_boximg li {
  width: calc((100% - 20px) / 2);
  display: flex;
  justify-content: center;
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: 0.875rem;
  text-align: center;
  border-radius: 10px;
}
@media only screen and (min-width: 1020px) {
  .pickup_boximg li {
    width: calc((100% - 40px) / 4);
  }
}
.pickup_boximg li a {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 30px 10px;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
}
.pickup_boximg li a:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.pickup_boximg .wordpress {
  background: url("../images/category/hp/main_wordpress.4e90c4f38da2.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.pickup_boximg .lp {
  background: url("../images/category/hp/main_lp.dc2541a42720.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.pickup_boximg .ownedmedia {
  background: url("../images/category/hp/main_ownedmedia.b8fdb4fdd423.jpg") no-repeat 50% 50%;
  background-size: cover;
}

.area {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}
.area h2 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 120%;
  border-left: 5px solid #2b66a9;
  padding: 5px 0 5px 10px;
  margin-bottom: 20px;
}
.area_all {
  width: calc(100% - 20px);
  max-width: 1400px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1020px) {
  .area_all {
    background: url("../images/area/bg_japan.7a6d1bf54891.jpg") no-repeat right bottom;
    background-size: auto 70%;
  }
}
.area_all ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
}
.area_all li {
  width: calc((100% - 30px) / 3);
  display: flex;
  justify-content: center;
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: 0.875rem;
  text-align: center;
  border-radius: 10px;
}
@media only screen and (min-width: 1020px) {
  .area_all li {
    width: calc((100% - 90px) / 9);
  }
}
.area_all li a {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(230, 230, 230, 0.9);
  padding: 20px 10px;
  text-decoration: none;
  border-radius: 10px;
}
.area_all li a:hover {
  background-color: #333;
  color: #fff;
}
.area_main {
  width: calc(100% - 20px);
  max-width: 1400px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.area_main ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
}
.area_main li {
  width: calc((100% - 20px) / 2);
  display: flex;
  justify-content: center;
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: 0.875rem;
  text-align: center;
  border-radius: 10px;
}
@media only screen and (min-width: 1020px) {
  .area_main li {
    width: calc((100% - 50px) / 5);
  }
}
.area_main li a {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 30px 10px;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
}
.area_main li a:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.area_main .aichi {
  background: url("../images/area/bg_aichi.05e9f70eb34d.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.area_main .chiba {
  background: url("../images/area/bg_chiba.67ca70cbdb38.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.area_main .fukuoka {
  background: url("../images/area/bg_fukuoka.d64f2940dee3.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.area_main .hokkaido {
  background: url("../images/area/bg_hokkaido.7bb33de96463.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.area_main .hyogo {
  background: url("../images/area/bg_hyogo.4c8a1a4ab273.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.area_main .kanagawa {
  background: url("../images/area/bg_kanagawa.23d3e298641e.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.area_main .osaka {
  background: url("../images/area/bg_osaka.5ea5c9ff61a9.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.area_main .saitama {
  background: url("../images/area/bg_saitama.a237bc7bb984.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.area_main .shizuoka {
  background: url("../images/area/bg_shizuoka.760eda9d8bb2.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.area_main .tokyo {
  background: url("../images/area/bg_tokyo.db74e4cf6858.jpg") no-repeat 50% 50%;
  background-size: cover;
}

.providerranking {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}
.providerranking h2 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 120%;
  border-left: 5px solid #2b66a9;
  padding: 5px 0 5px 10px;
  margin-bottom: 20px;
}
.providerranking_box {
  width: calc(100% - 20px);
  max-width: 1400px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.providerranking_box ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
}
.providerranking_box li {
  width: calc((100% - 20px) / 2);
  margin-right: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1020px) {
  .providerranking_box li {
    width: calc((100% - 50px) / 5);
  }
}
.providerranking_box li a {
  text-decoration: none;
}
.providerranking_box li a:hover img {
  transform: scale(1.1);
}
.providerranking_box li .img {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.providerranking_box li .img img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1020px) {
  .providerranking_box li .img img {
    width: auto;
    height: auto;
    max-width: 270px;
    max-height: 180px;
  }
}
.providerranking_box li .text_logoname {
  width: calc(100% - 20px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: -10px 10px 0;
}
@media only screen and (min-width: 1020px) {
  .providerranking_box li .text_logoname {
    margin: -20px 10px 0;
  }
}
.providerranking_box li .text_logoname_logo {
  width: 80px;
  padding-right: 10px;
  z-index: 3;
}
@media only screen and (min-width: 1020px) {
  .providerranking_box li .text_logoname_logo {
    width: 120px;
  }
}
.providerranking_box li .text_logoname img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1020px) {
  .providerranking_box li .text_logoname img {
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 70px;
  }
}
.providerranking_box li .text_logoname_name {
  flex: 1;
  font-size: 0.875rem;
  line-height: 120%;
  z-index: 3;
}
.providerranking_box li .text_text {
  font-size: 0.75rem;
  line-height: 160%;
}
.providerranking_box li .rakingribbon {
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 10px;
  margin: 0;
  padding: 15px 0 7px;
  z-index: 2;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 13px;
  background: #9fa0a0;
  border-radius: 2px 0 0 0;
}
.providerranking_box li .rakingribbon:before {
  position: absolute;
  content: "";
  top: 0;
  right: -5px;
  border: none;
  border-bottom: solid 6px #9fa0a0;
  border-right: solid 5px transparent;
}
.providerranking_box li .rakingribbon:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #9fa0a0;
}
.providerranking_box li .rakingribbon1 {
  background: #d6b43c;
}
.providerranking_box li .rakingribbon1:before {
  border-bottom: solid 6px #d6b43c;
}
.providerranking_box li .rakingribbon1:after {
  border-top: 10px solid #d6b43c;
}
.providerranking_box li .rakingribbon2 {
  background: #9fa0a0;
}
.providerranking_box li .rakingribbon2:before {
  border-bottom: solid 6px #9fa0a0;
}
.providerranking_box li .rakingribbon2:after {
  border-top: 10px solid #9fa0a0;
}
.providerranking_box li .rakingribbon3 {
  background: #b97335;
}
.providerranking_box li .rakingribbon3:before {
  border-bottom: solid 6px #b97335;
}
.providerranking_box li .rakingribbon3:after {
  border-top: 10px solid #b97335;
}

.column {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 60px;
}
.column_box {
  width: calc(100% - 20px);
  margin: 0 10px;
  max-width: 1020px;
  /*タブのスタイル*/
  /*ラジオボタンを全て消す*/
  /*タブ切り替えの中身のスタイル*/
  /*選択されているタブのコンテンツのみを表示*/
  /*選択されているタブのスタイルを変える*/
}
.column_box h2 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 120%;
  border-left: 5px solid #2b66a9;
  padding: 5px 0 5px 10px;
  margin-bottom: 20px;
}
.column_box .tabs2 {
  width: 100%;
  padding-bottom: 20px;
  margin: 0 auto;
}
.column_box .tab2_item {
  height: 1rem;
  line-height: 1rem;
  font-size: 0.875rem;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
  padding: 10px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: calc(33.3333333333% - 30px);
}
.column_box .tab2_item:hover {
  background-color: #333;
  color: #fff;
  border-radius: 100px;
}
.column_box input[name=tab2_item] {
  display: none;
}
.column_box .tab2_content {
  display: none;
  padding: 0x 40px 0;
  clear: both;
  overflow: hidden;
  border-top: solid 1px #ccc;
}
.column_box #rankingcolumn:checked ~ #rankingcolumn_content,
.column_box #newcolumn:checked ~ #newcolumn_content,
.column_box #newprovider:checked ~ #newprovider_content,
.column_box #information:checked ~ #information_content {
  display: block;
}
.column_box .tabs2 input:checked + .tab2_item {
  background-color: #333;
  color: #fff;
  border-radius: 100px;
}
.column_box ul {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
@media only screen and (min-width: 1020px) {
  .column_box ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.column_box li {
  width: 100%;
}
@media only screen and (min-width: 1020px) {
  .column_box li {
    width: 50%;
  }
}
.column_box li .individual {
  background-color: #35a179;
  font-size: 0.75rem;
  line-height: 100%;
  padding: 2px 5px;
  display: inline;
  color: #fff;
}
.column_box li .corporate {
  background-color: #2b66a9;
  font-size: 0.75rem;
  line-height: 100%;
  padding: 2px 5px;
  display: inline;
  color: #fff;
}
.column_box li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 10px;
  padding: 10px 0;
  border-bottom: solid 1px #ccc;
  font-size: 1rem;
  line-height: 140%;
  text-decoration: none;
}
@media only screen and (min-width: 1020px) {
  .column_box li a {
    padding: 20px;
  }
}
.column_box_sam {
  width: 160px;
  padding-right: 20px;
}
.column_box_sam img {
  width: 100%;
  height: auto;
}
.column_box_text {
  flex: 1;
}
.column_box_text .company {
  font-size: 0.75rem;
}
.column_box_btn {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}ny {
  font-size: 0.75rem;
}
.column_box_btn {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}