@charset "UTF-8";
/* line 3, ../scss/style.scss */
body {
  font-family: "Helvetica";
  height: 100vh;
}
/* line 8, ../scss/style.scss */
body .index_height {
  height: 100vh;
}

/* line 14, ../scss/style.scss */
.top_header {
  height: 80px;
  background-color: #fff;
}

/* line 20, ../scss/style.scss */
.content_header {
  height: 60px;
}

/* line 26, ../scss/style.scss */
header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
}
/* line 36, ../scss/style.scss */
header .header_index {
  width: 90%;
  margin: 0 auto 0;
}
/* line 41, ../scss/style.scss */
header .header_index .index_back {
  font-size: 15px;
  font-weight: 400;
  position: fixed;
  top: 7%;
  right: 5%;
  letter-spacing: 0.5px;
}
/* line 48, ../scss/style.scss */
header .header_index .index_back a {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.5s;
  color: #000;
}
/* line 55, ../scss/style.scss */
header .header_index .index_back a:hover {
  color: #CF6419;
  transition: 0.5s;
}
/* line 60, ../scss/style.scss */
header .header_index .index_back a:hover .index_circle {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #CF6419;
  transition: 0.5s;
}
/* line 68, ../scss/style.scss */
header .header_index .index_back a .index_circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #000;
  transition: 0.5s;
}
/* line 82, ../scss/style.scss */
header .header_flex {
  width: 90%;
  margin: 20px auto 0;
  display: flex;
  align-items: center;
  padding: 17px 0;
  letter-spacing: 0.5px;
}
/* line 90, ../scss/style.scss */
header .header_flex .title_pc {
  font-size: 22px;
  font-weight: 400;
}
/* line 94, ../scss/style.scss */
header .header_flex .title_pc a {
  text-decoration: none;
  color: #000;
}
/* line 100, ../scss/style.scss */
header .header_flex .index_back {
  font-size: 16px;
  font-weight: 400;
}
/* line 104, ../scss/style.scss */
header .header_flex .index_back a {
  text-decoration: none;
  color: #000;
}
/* line 110, ../scss/style.scss */
header .header_flex .title_sh {
  display: none;
}
/* line 117, ../scss/style.scss */
header .header_flex .global_nav ul {
  display: flex;
  gap: 20px;
  padding-top: 4px;
  font-size: 16px;
  margin-left: 40px;
  font-weight: 200;
  letter-spacing: 0.5px;
}
/* line 128, ../scss/style.scss */
header .header_flex .global_nav ul li .nav_black {
  color: #000;
  text-decoration: none;
}
/* line 133, ../scss/style.scss */
header .header_flex .global_nav ul li .nav_glay {
  text-decoration: none;
  color: #929292;
}
/* line 137, ../scss/style.scss */
header .header_flex .global_nav ul li .nav_glay:hover {
  color: #000;
  transition: 0.75s;
}
/* line 147, ../scss/style.scss */
header .header_flex .sh_menu {
  display: none;
}

/* line 159, ../scss/style.scss */
.main_background {
  background-color: #F7F7F7;
}

/* line 165, ../scss/style.scss */
main {
  background-color: #fff;
  width: 100%;
}
/* line 174, ../scss/style.scss */
main .wrap {
  width: 85%;
  margin: 0px auto;
  padding-top: 120px;
}
/* line 179, ../scss/style.scss */
main .wrap .about_content_tab {
  display: none;
}
/* line 183, ../scss/style.scss */
main .wrap .about_content_sh {
  display: none;
}
/* line 188, ../scss/style.scss */
main .wrap .about_content {
  width: 92%;
  margin: 0 auto;
}
/* line 191, ../scss/style.scss */
main .wrap .about_content .message {
  justify-content: space-between;
  display: flex;
  align-items: flex-end;
  margin-bottom: 140px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1.5px solid #000;
}
/* line 201, ../scss/style.scss */
main .wrap .about_content .message .about_left {
  width: 25%;
}
/* line 204, ../scss/style.scss */
main .wrap .about_content .message .about_left h5 {
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0.75px;
}
/* line 211, ../scss/style.scss */
main .wrap .about_content .message .about_right {
  width: 60%;
}
/* line 213, ../scss/style.scss */
main .wrap .about_content .message .about_right .me_img {
  width: 60%;
  margin-left: auto;
  margin-right: 10px;
  margin-bottom: 20px;
}
/* line 218, ../scss/style.scss */
main .wrap .about_content .message .about_right p {
  font-size: 14px;
  letter-spacing: 0.5px;
}
/* line 225, ../scss/style.scss */
main .wrap .about_content .profile {
  justify-content: space-between;
  display: flex;
  align-items: flex-end;
  margin-bottom: 80px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1.5px solid #000;
}
/* line 235, ../scss/style.scss */
main .wrap .about_content .profile .about_left {
  width: 25%;
}
/* line 238, ../scss/style.scss */
main .wrap .about_content .profile .about_left h5 {
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0.75px;
}
/* line 245, ../scss/style.scss */
main .wrap .about_content .profile .about_right {
  width: 60%;
}
/* line 247, ../scss/style.scss */
main .wrap .about_content .profile .about_right p {
  font-size: 14px;
  letter-spacing: 0.5px;
}
/* line 254, ../scss/style.scss */
main .wrap .about_content .skill {
  justify-content: space-between;
  display: flex;
  align-items: flex-end;
  margin-bottom: 100px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1.5px solid #000;
}
/* line 264, ../scss/style.scss */
main .wrap .about_content .skill .about_left {
  width: 25%;
}
/* line 267, ../scss/style.scss */
main .wrap .about_content .skill .about_left h5 {
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0.75px;
}
/* line 274, ../scss/style.scss */
main .wrap .about_content .skill .about_right {
  width: 60%;
}
/* line 276, ../scss/style.scss */
main .wrap .about_content .skill .about_right p {
  font-size: 16px;
  letter-spacing: 0.5px;
}
/* line 283, ../scss/style.scss */
main .wrap .about_content .tools {
  justify-content: space-between;
  display: flex;
  align-items: flex-end;
  margin-bottom: 80px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1.5px solid #000;
}
/* line 293, ../scss/style.scss */
main .wrap .about_content .tools .about_left {
  width: 25%;
}
/* line 296, ../scss/style.scss */
main .wrap .about_content .tools .about_left h5 {
  font-size: 40px;
  font-weight: 400;
}
/* line 304, ../scss/style.scss */
main .wrap .about_content .tools .about_right {
  width: 60%;
}
/* line 306, ../scss/style.scss */
main .wrap .about_content .tools .about_right p {
  font-size: 16px;
  letter-spacing: 0.5px;
}
/* line 312, ../scss/style.scss */
main .wrap .about_content .tools .about_right .tools_bottom:first-child {
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  gap: 30px;
  border-bottom: 1px solid #000;
}
/* line 321, ../scss/style.scss */
main .wrap .about_content .tools .about_right .tools_bottom {
  display: flex;
  gap: 30px;
}
/* line 332, ../scss/style.scss */
main .wrap .about_content_pc {
  margin: 0 auto;
  display: block;
  max-width: 800px;
}
/* line 337, ../scss/style.scss */
main .wrap .about_content_pc .profile {
  margin-top: 2vh;
  align-items: flex-end;
  margin-bottom: 90px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1.5px solid #000;
}
/* line 346, ../scss/style.scss */
main .wrap .about_content_pc .profile .about_left {
  width: 100%;
}
/* line 349, ../scss/style.scss */
main .wrap .about_content_pc .profile .about_left h5 {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.75px;
}
/* line 357, ../scss/style.scss */
main .wrap .about_content_pc .profile .about_right {
  width: 100%;
  gap: 3%;
  align-items: flex-end;
  justify-content: space-around;
}
/* line 363, ../scss/style.scss */
main .wrap .about_content_pc .profile .about_right .me_img {
  width: 52%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 25px;
  margin-bottom: 35px;
}
/* line 371, ../scss/style.scss */
main .wrap .about_content_pc .profile .about_right p {
  width: 100%;
  font-size: 14px;
  letter-spacing: 0.5px;
}
/* line 379, ../scss/style.scss */
main .wrap .about_content_pc .message {
  align-items: flex-end;
  margin-bottom: 90px;
  margin-top: 10vh;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1.5px solid #000;
}
/* line 388, ../scss/style.scss */
main .wrap .about_content_pc .message .about_left {
  width: 100%;
}
/* line 391, ../scss/style.scss */
main .wrap .about_content_pc .message .about_left h5 {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.75px;
  margin-bottom: 20px;
}
/* line 399, ../scss/style.scss */
main .wrap .about_content_pc .message .about_right {
  width: 100%;
}
/* line 402, ../scss/style.scss */
main .wrap .about_content_pc .message .about_right p {
  font-size: 14px;
  letter-spacing: 0.5px;
}
/* line 411, ../scss/style.scss */
main .wrap .about_content_pc .skill {
  align-items: flex-end;
  margin-bottom: 90px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1.5px solid #000;
}
/* line 420, ../scss/style.scss */
main .wrap .about_content_pc .skill .about_left {
  width: 100%;
}
/* line 423, ../scss/style.scss */
main .wrap .about_content_pc .skill .about_left h5 {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.75px;
  margin-bottom: 20px;
}
/* line 431, ../scss/style.scss */
main .wrap .about_content_pc .skill .about_right {
  width: 100%;
}
/* line 433, ../scss/style.scss */
main .wrap .about_content_pc .skill .about_right p {
  font-size: 16px;
  letter-spacing: 0.5px;
}
/* line 440, ../scss/style.scss */
main .wrap .about_content_pc .tools {
  align-items: flex-end;
  margin-bottom: 80px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1.5px solid #000;
}
/* line 449, ../scss/style.scss */
main .wrap .about_content_pc .tools .about_left {
  width: 100%;
}
/* line 452, ../scss/style.scss */
main .wrap .about_content_pc .tools .about_left h5 {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.75px;
  margin-bottom: 20px;
}
/* line 461, ../scss/style.scss */
main .wrap .about_content_pc .tools .about_right {
  width: 100%;
}
/* line 463, ../scss/style.scss */
main .wrap .about_content_pc .tools .about_right p {
  font-size: 16px;
  letter-spacing: 0.5px;
}
/* line 469, ../scss/style.scss */
main .wrap .about_content_pc .tools .about_right .tools_bottom:first-child {
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  gap: 30px;
  border-bottom: 1px solid #000;
}
/* line 478, ../scss/style.scss */
main .wrap .about_content_pc .tools .about_right .tools_bottom {
  display: flex;
  gap: 30px;
}
/* line 490, ../scss/style.scss */
main .wrap .content_top_tab {
  display: none;
}
/* line 494, ../scss/style.scss */
main .wrap .content_top_sh {
  display: none;
}
/* line 501, ../scss/style.scss */
main .wrap .content_top_pc {
  display: flex;
  gap: 3%;
  margin-bottom: 3%;
}
/* line 506, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space {
  margin: 0 auto;
  width: 90%;
  box-shadow: 0px 3px 6px 0.5px #B6B6B6;
}
/* line 520, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_img {
  overflow: hidden;
  align-items: center;
  position: relative;
}
/* line 529, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_img:hover img {
  opacity: 0.25;
  transition-duration: 0.3s;
}
/* line 537, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_img:hover .content_name {
  opacity: 1;
  transition-duration: 0.3s;
  color: #fff;
}
/* line 543, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_img img {
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
/* line 553, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_img .content_name {
  position: absolute;
  opacity: 0;
  z-index: 99999;
  bottom: 6%;
  left: 5%;
}
/* line 561, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_img .content_name .content_title {
  font-size: 16px;
  padding-bottom: 2px;
}
/* line 567, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_img .content_name .content_concept {
  font-size: 12px;
  padding-bottom: 10px;
}
/* line 572, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_img .content_name .name_tag {
  font-size: 12px;
  padding-bottom: 1px;
  color: 　 #A90002;
  letter-spacing: 0.5px;
}
/* line 584, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_anko {
  background-color: #A90002;
}
/* line 587, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_space {
  background-color: #244059;
}
/* line 590, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_threee {
  background-color: #473B35;
}
/* line 594, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_fonts {
  background-color: #B76A00;
}
/* line 597, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_yamamoto {
  background-color: #5C7DAA;
}
/* line 600, ../scss/style.scss */
main .wrap .content_top_pc .img_bottom_space .hover_more {
  background-color: #019356;
}
/* line 610, ../scss/style.scss */
main .wrap .line_flex {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 25px;
  margin-bottom: 25px;
}
/* line 618, ../scss/style.scss */
main .wrap .line_flex .img_left {
  width: 100%;
  box-shadow: 0px 3px 6px 0.5px #B6B6B6;
}
/* line 626, ../scss/style.scss */
main .wrap .line_flex .img_right {
  width: 100%;
  box-shadow: 0px 3px 6px 0.5px #B6B6B6;
}
/* line 632, ../scss/style.scss */
main .wrap .line_flex .web_left {
  width: 50%;
  box-shadow: 0px 3px 6px 0.5px #B6B6B6;
}
/* line 636, ../scss/style.scss */
main .wrap .line_flex .web_qr {
  width: 50%;
}
/* line 640, ../scss/style.scss */
main .wrap .line_flex .web_qr a {
  text-decoration: none;
  color: #929292;
  font-size: 14px;
}
/* line 644, ../scss/style.scss */
main .wrap .line_flex .web_qr a:hover {
  color: #000;
  transition: 0.75s;
}
/* line 659, ../scss/style.scss */
main .wrap_index {
  width: 90%;
  margin: 0px auto;
  padding-top: 110px;
}
/* line 665, ../scss/style.scss */
main .wrap_index .index_flex_tab {
  display: none;
}
/* line 669, ../scss/style.scss */
main .wrap_index .index_flex_sh {
  display: none;
}
/* line 673, ../scss/style.scss */
main .wrap_index .index_flex_pc {
  display: flex;
  margin-bottom: 5%;
}
/* line 681, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .content_tag {
  width: 90%;
  margin: 0 auto 5px;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 200;
}
/* line 689, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space {
  margin: 0 auto 20px;
  width: 91%;
  box-shadow: 0px 3px 6px 0.5px #B6B6B6;
}
/* line 697, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_img {
  overflow: hidden;
  align-items: center;
  position: relative;
}
/* line 706, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_img:hover img {
  opacity: 0.25;
  transition-duration: 0.3s;
}
/* line 714, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_img:hover .content_name {
  opacity: 1;
  transition-duration: 0.3s;
  color: #fff;
}
/* line 720, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_img img {
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
/* line 730, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_img .content_name {
  position: absolute;
  opacity: 0;
  z-index: 99999;
  bottom: 6%;
  left: 5%;
}
/* line 738, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_img .content_name .content_title {
  font-size: 16px;
  padding-bottom: 2px;
}
/* line 744, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_img .content_name .content_concept {
  font-size: 12px;
  padding-bottom: 10px;
}
/* line 749, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_img .content_name .name_tag {
  font-size: 12px;
  padding-bottom: 1px;
  color: 　 #A90002;
  letter-spacing: 0.5px;
}
/* line 761, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_landerway {
  background-color: #1A8F14;
}
/* line 765, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_self {
  background-color: #CA5A00;
}
/* line 769, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_anko {
  background-color: #A90002;
}
/* line 772, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_space {
  background-color: #244059;
}
/* line 775, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_threee {
  background-color: #473B35;
}
/* line 779, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_fonts {
  background-color: #957B4B;
}
/* line 782, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_yamamoto {
  background-color: #5C7DAA;
}
/* line 785, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .img_bottom_space .hover_more {
  background-color: #019356;
}
/* line 795, ../scss/style.scss */
main .wrap_index .index_flex_pc .category_block .gra_block_flex {
  display: flex;
}
/* line 808, ../scss/style.scss */
main .wrap_index .content_top_tab {
  display: none;
}
/* line 812, ../scss/style.scss */
main .wrap_index .content_top_sh {
  display: none;
}
/* line 819, ../scss/style.scss */
main .wrap_content {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  height: 100vh;
}
/* line 827, ../scss/style.scss */
main .wrap_content .content_text {
  width: 78%;
  margin: 70px auto 90px;
}
/* line 832, ../scss/style.scss */
main .wrap_content .content_text .content_tag_flex_pcs {
  display: flex;
  gap: 15px;
  margin-bottom: 50px;
}
/* line 836, ../scss/style.scss */
main .wrap_content .content_text .content_tag_flex_pcs .visit_site {
  margin-top: 0px;
  padding: 1px 5px;
  border: 2px solid #000;
  width: 160px;
  text-align: center;
  font-size: 13px;
  letter-spacing: 1px;
  background-color: #000;
}
/* line 849, ../scss/style.scss */
main .wrap_content .content_text .content_tag_flex_pcs .visit_site a {
  text-decoration: none;
  color: #fff;
}
/* line 856, ../scss/style.scss */
main .wrap_content .content_text .content_tag_flex_pcs .visit_site_white {
  margin-top: 0px;
  padding: 1px 5px;
  border: 2px solid #E2E2E2;
  width: 160px;
  text-align: center;
  font-size: 13px;
  letter-spacing: 1px;
  background-color: #E2E2E2;
}
/* line 868, ../scss/style.scss */
main .wrap_content .content_text .content_tag_flex_pcs .visit_site_white a {
  text-decoration: none;
  color: #fff;
}
/* line 874, ../scss/style.scss */
main .wrap_content .content_text .content_tag_flex_pcs .visit_site_white:hover {
  background-color: #000;
  border: 2px solid #000;
  transition: 0.3s;
}
/* line 888, ../scss/style.scss */
main .wrap_content .content_text h4 {
  font-weight: 400;
  font-size: 40px;
  margin-bottom: 5px;
}
/* line 896, ../scss/style.scss */
main .wrap_content .content_text .title_bottom {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 40px;
  letter-spacing: 0.5px;
}
/* line 903, ../scss/style.scss */
main .wrap_content .content_text .concept_flex {
  display: flex;
  margin-bottom: 50px;
  width: 98%;
  margin: 0 auto 30px;
  gap: 40px;
  justify-content: space-between;
}
/* line 911, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_right {
  width: 50%;
}
/* line 914, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_right p {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 2;
}
/* line 921, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_right .text_weight {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.5px;
}
/* line 927, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_right .content_tag_flex_pc {
  display: flex;
  gap: 5px;
}
/* line 931, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_right .content_tag_flex_pc .visit_site {
  margin-top: 20px;
  border: 1.4px solid #000;
  width: 150px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
  background-color: #000;
}
/* line 940, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_right .content_tag_flex_pc .visit_site:hover {
  background-color: #CF6419;
  border: 1.4px solid #CF6419;
}
/* line 945, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_right .content_tag_flex_pc .visit_site a {
  text-decoration: none;
  color: #fff;
}
/* line 952, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_right .content_tag_flex_pc .visit_site_white {
  margin-top: 20px;
  border: 1.6px solid #000;
  width: 150px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
  background-color: #fff;
  box-sizing: border-box;
}
/* line 961, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_right .content_tag_flex_pc .visit_site_white a {
  text-decoration: none;
  color: #000;
}
/* line 967, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_right .content_tag_flex_pc .visit_site_white:hover {
  border: 1.6px solid  #CF6419;
  box-sizing: border-box;
}
/* line 970, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_right .content_tag_flex_pc .visit_site_white:hover a {
  color: #CF6419;
}
/* line 987, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_left {
  width: 35%;
}
/* line 992, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_left .text_weight {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.5px;
}
/* line 998, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_left .text_small {
  font-size: 13px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}
/* line 1005, ../scss/style.scss */
main .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh {
  display: none;
}
/* line 1014, ../scss/style.scss */
main .wrap_content .content_text .concept_last {
  margin: 30px auto;
  text-align: center;
}
/* line 1018, ../scss/style.scss */
main .wrap_content .content_text .concept_last .text_weight {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.5px;
}
/* line 1023, ../scss/style.scss */
main .wrap_content .content_text .concept_last .text_small {
  font-size: 13px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}
/* line 1031, ../scss/style.scss */
main .wrap_content .content_text .document_nav {
  display: flex;
  margin: 0px auto 0;
  gap: 50px;
  width: 98%;
}
/* line 1036, ../scss/style.scss */
main .wrap_content .content_text .document_nav .content_document_nav {
  display: flex;
  gap: 8px;
  text-decoration: none;
}
/* line 1041, ../scss/style.scss */
main .wrap_content .content_text .document_nav .content_document_nav .plan_text {
  text-align: center;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  letter-spacing: 0.8px;
  color: #999999;
}
/* line 1049, ../scss/style.scss */
main .wrap_content .content_text .document_nav .content_document_nav .circle {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #969696;
  border-radius: 50%;
  color: #969696;
  text-align: center;
}
/* line 1062, ../scss/style.scss */
main .wrap_content .content_text .document_nav .content_document_nav:hover .plan_text {
  transition-duration: 0.3s;
  color: #000;
}
/* line 1068, ../scss/style.scss */
main .wrap_content .content_text .document_nav .content_document_nav:hover .circle {
  background-color: #000;
  border: 1px solid #000;
  transition-duration: 0.3s;
  color: #fff;
}
/* line 1081, ../scss/style.scss */
main .wrap_content .content_text .document_nav .content_document_nav_hover {
  display: flex;
  gap: 8px;
  text-decoration: none;
}
/* line 1086, ../scss/style.scss */
main .wrap_content .content_text .document_nav .content_document_nav_hover .plan_text {
  text-align: center;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  letter-spacing: 0.8px;
  color: #000;
}
/* line 1094, ../scss/style.scss */
main .wrap_content .content_text .document_nav .content_document_nav_hover .circle {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #000;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  background-color: #000;
}
/* line 1109, ../scss/style.scss */
main .wrap_content .content_text .document_nav_sh {
  display: none;
}
/* line 1115, ../scss/style.scss */
main .wrap_content .content_text_detail {
  width: 52%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 90px;
  margin-bottom: 110px;
}
/* line 1122, ../scss/style.scss */
main .wrap_content .content_text_detail .text_weight {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-top: 30px;
}
/* line 1129, ../scss/style.scss */
main .wrap_content .content_text_detail p {
  line-height: 2;
  font-size: 14px;
  letter-spacing: 0.5px;
}
/* line 1136, ../scss/style.scss */
main .wrap_content .content_text_detail .text_detail_bottom {
  margin-bottom: 30px;
}
/* line 1149, ../scss/style.scss */
main .wrap_content .img_bottom_space {
  margin: 0px auto 100px;
  width: 62%;
  box-shadow: 1px 2px 3px 0.75px #B6B6B6;
}
/* line 1155, ../scss/style.scss */
main .wrap_content .img_bottom_space_s {
  margin: 0px auto 100px;
  width: 62%;
  display: flex;
  justify-content: space-between;
  gap: 1.5%;
}
/* line 1163, ../scss/style.scss */
main .wrap_content .img_bottom_space_s img {
  box-shadow: 1px 2px 3px 0.75px #B6B6B6;
}
/* line 1168, ../scss/style.scss */
main .wrap_content .pc_img_bottom {
  margin-bottom: 20px;
}
/* line 1176, ../scss/style.scss */
main .wrap_content .to_padding {
  padding-top: 30px;
}
/* line 1182, ../scss/style.scss */
main .wrap_content .img_name {
  margin: 0px auto 6px;
  width: 62%;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
/* line 1199, ../scss/style.scss */
main .top_footer {
  text-align: center;
  font-size: 12px;
  font-weight: 100;
  margin-top: 50px;
  padding-bottom: 20px;
}
/* line 1209, ../scss/style.scss */
main .content_footer {
  text-align: center;
  font-size: 12px;
  font-weight: 100;
  padding-bottom: 10px;
}

@media screen and (min-width: 700px) and (max-width: 1050px) {
  /* line 1225, ../scss/style.scss */
  header .header_index {
    width: 100%;
    height: 60px;
    margin: 0 auto 0;
    position: relative;
    background-color: #F7F7F7;
  }
  /* line 1232, ../scss/style.scss */
  header .header_index .index_back {
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 5%;
    letter-spacing: 0.5px;
    transform: translateY(-50%);
  }
  /* line 1241, ../scss/style.scss */
  header .header_index .index_back a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.5s;
    color: #000;
  }
  /* line 1249, ../scss/style.scss */
  header .header_index .index_back a:hover {
    color: #CF6419;
    transition: 0.5s;
  }
  /* line 1254, ../scss/style.scss */
  header .header_index .index_back a:hover .index_circle {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #CF6419;
    transition: 0.5s;
  }
  /* line 1262, ../scss/style.scss */
  header .header_index .index_back a .index_circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    transition: 0.5s;
  }

  /* line 1279, ../scss/style.scss */
  main .wrap {
    width: 90%;
    padding-top: 100px;
  }
  /* line 1283, ../scss/style.scss */
  main .wrap .about_content_pc {
    display: none;
  }
  /* line 1288, ../scss/style.scss */
  main .wrap .about_content_sh {
    display: none;
  }
  /* line 1293, ../scss/style.scss */
  main .wrap .about_content_tab {
    margin: 0 auto;
    display: block;
    max-width: 800px;
  }
  /* line 1298, ../scss/style.scss */
  main .wrap .about_content_tab .profile {
    margin-top: 2vh;
    align-items: flex-end;
    margin-bottom: 90px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1.5px solid #000;
  }
  /* line 1307, ../scss/style.scss */
  main .wrap .about_content_tab .profile .about_left {
    width: 100%;
  }
  /* line 1310, ../scss/style.scss */
  main .wrap .about_content_tab .profile .about_left h5 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.75px;
  }
  /* line 1318, ../scss/style.scss */
  main .wrap .about_content_tab .profile .about_right {
    width: 100%;
    gap: 3%;
    align-items: flex-end;
    justify-content: space-around;
  }
  /* line 1324, ../scss/style.scss */
  main .wrap .about_content_tab .profile .about_right .me_img {
    width: 52%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 25px;
    margin-bottom: 35px;
  }
  /* line 1332, ../scss/style.scss */
  main .wrap .about_content_tab .profile .about_right p {
    width: 100%;
    font-size: 13px;
    letter-spacing: 0.5px;
  }
  /* line 1340, ../scss/style.scss */
  main .wrap .about_content_tab .message {
    align-items: flex-end;
    margin-bottom: 90px;
    margin-top: 10vh;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1.5px solid #000;
  }
  /* line 1349, ../scss/style.scss */
  main .wrap .about_content_tab .message .about_left {
    width: 100%;
  }
  /* line 1352, ../scss/style.scss */
  main .wrap .about_content_tab .message .about_left h5 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.75px;
    margin-bottom: 20px;
  }
  /* line 1360, ../scss/style.scss */
  main .wrap .about_content_tab .message .about_right {
    width: 100%;
  }
  /* line 1363, ../scss/style.scss */
  main .wrap .about_content_tab .message .about_right p {
    font-size: 13px;
    letter-spacing: 0.5px;
  }
  /* line 1372, ../scss/style.scss */
  main .wrap .about_content_tab .skill {
    align-items: flex-end;
    margin-bottom: 90px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1.5px solid #000;
  }
  /* line 1381, ../scss/style.scss */
  main .wrap .about_content_tab .skill .about_left {
    width: 100%;
  }
  /* line 1384, ../scss/style.scss */
  main .wrap .about_content_tab .skill .about_left h5 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.75px;
    margin-bottom: 20px;
  }
  /* line 1392, ../scss/style.scss */
  main .wrap .about_content_tab .skill .about_right {
    width: 100%;
  }
  /* line 1394, ../scss/style.scss */
  main .wrap .about_content_tab .skill .about_right p {
    font-size: 15px;
    letter-spacing: 0.5px;
  }
  /* line 1401, ../scss/style.scss */
  main .wrap .about_content_tab .tools {
    align-items: flex-end;
    margin-bottom: 80px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1.5px solid #000;
  }
  /* line 1410, ../scss/style.scss */
  main .wrap .about_content_tab .tools .about_left {
    width: 100%;
  }
  /* line 1413, ../scss/style.scss */
  main .wrap .about_content_tab .tools .about_left h5 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.75px;
    margin-bottom: 20px;
  }
  /* line 1422, ../scss/style.scss */
  main .wrap .about_content_tab .tools .about_right {
    width: 100%;
  }
  /* line 1424, ../scss/style.scss */
  main .wrap .about_content_tab .tools .about_right p {
    font-size: 15px;
    letter-spacing: 0.5px;
  }
  /* line 1430, ../scss/style.scss */
  main .wrap .about_content_tab .tools .about_right .tools_bottom:first-child {
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #000;
  }
  /* line 1439, ../scss/style.scss */
  main .wrap .about_content_tab .tools .about_right .tools_bottom {
    display: flex;
    gap: 30px;
  }
  /* line 1449, ../scss/style.scss */
  main .wrap .content_top_pc {
    display: none;
  }
  /* line 1453, ../scss/style.scss */
  main .wrap .content_top_sh {
    display: none;
  }
  /* line 1457, ../scss/style.scss */
  main .wrap .content_top_tab {
    display: flex;
    gap: 3%;
    margin-bottom: 3%;
  }
  /* line 1463, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space {
    margin: 0 auto;
    width: 90%;
    box-shadow: 0px 3px 6px 0.5px #B6B6B6;
  }
  /* line 1477, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_img {
    overflow: hidden;
    align-items: center;
    position: relative;
  }
  /* line 1486, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_img:hover img {
    opacity: 0.25;
    transition-duration: 0.3s;
  }
  /* line 1494, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_img:hover .content_name {
    opacity: 1;
    transition-duration: 0.3s;
    color: #fff;
  }
  /* line 1500, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_img img {
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
  }
  /* line 1510, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_img .content_name {
    position: absolute;
    opacity: 0;
    z-index: 99999;
    bottom: 6%;
    left: 5%;
  }
  /* line 1518, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_img .content_name .content_title {
    font-size: 16px;
    padding-bottom: 2px;
  }
  /* line 1524, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_img .content_name .content_concept {
    font-size: 12px;
    padding-bottom: 10px;
  }
  /* line 1529, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_img .content_name .name_tag {
    font-size: 12px;
    padding-bottom: 1px;
    color: 　 #A90002;
    letter-spacing: 0.5px;
  }
  /* line 1541, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_anko {
    background-color: #A90002;
  }
  /* line 1544, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_space {
    background-color: #244059;
  }
  /* line 1547, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_threee {
    background-color: #473B35;
  }
  /* line 1551, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_fonts {
    background-color: #B76A00;
  }
  /* line 1554, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_yamamoto {
    background-color: #5C7DAA;
  }
  /* line 1557, ../scss/style.scss */
  main .wrap .content_top_tab .img_bottom_space .hover_more {
    background-color: #019356;
  }
  /* line 1567, ../scss/style.scss */
  main .wrap_index .index_flex_pc {
    display: none;
  }
  /* line 1571, ../scss/style.scss */
  main .wrap_index .index_flex_sh {
    display: none;
  }
  /* line 1575, ../scss/style.scss */
  main .wrap_index .index_flex_tab {
    display: block;
  }
  /* line 1579, ../scss/style.scss */
  main .wrap_index .index_flex_tab .content_tag {
    margin: 0 auto 5px;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 200;
  }
  /* line 1587, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block {
    display: flex;
    gap: 2%;
    margin-bottom: 40px;
  }
  /* line 1591, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space {
    margin: 0 auto 20px 0;
    width: 49%;
    box-shadow: 0px 3px 6px 0.5px #B6B6B6;
  }
  /* line 1599, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_img {
    overflow: hidden;
    align-items: center;
    position: relative;
  }
  /* line 1608, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_img:hover img {
    opacity: 0.25;
    transition-duration: 0.3s;
  }
  /* line 1616, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_img:hover .content_name {
    opacity: 1;
    transition-duration: 0.3s;
    color: #fff;
  }
  /* line 1622, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_img img {
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
  }
  /* line 1632, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_img .content_name {
    position: absolute;
    opacity: 0;
    z-index: 99999;
    bottom: 6%;
    left: 5%;
  }
  /* line 1640, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_img .content_name .content_title {
    font-size: 16px;
    padding-bottom: 2px;
  }
  /* line 1646, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_img .content_name .content_concept {
    font-size: 12px;
    padding-bottom: 10px;
  }
  /* line 1651, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_img .content_name .name_tag {
    font-size: 12px;
    padding-bottom: 1px;
    color: 　 #A90002;
    letter-spacing: 0.5px;
  }
  /* line 1663, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_landerway {
    background-color: #1A8F14;
  }
  /* line 1667, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_self {
    background-color: #CA5A00;
  }
  /* line 1671, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_anko {
    background-color: #A90002;
  }
  /* line 1674, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_space {
    background-color: #244059;
  }
  /* line 1677, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_threee {
    background-color: #473B35;
  }
  /* line 1681, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_fonts {
    background-color: #957B4B;
  }
  /* line 1684, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_yamamoto {
    background-color: #5C7DAA;
  }
  /* line 1687, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .img_bottom_space .hover_more {
    background-color: #019356;
  }
  /* line 1694, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block .index_gra_block {
    display: flex;
  }
  /* line 1698, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block:nth-of-type(2) {
    margin-bottom: 5px;
  }
  /* line 1701, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block:nth-of-type(4) {
    margin-bottom: 5px;
  }
  /* line 1705, ../scss/style.scss */
  main .wrap_index .index_flex_tab .category_block:nth-of-type(5) {
    margin-bottom: 5px;
  }

  /* line 1723, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text {
    width: 82%;
    margin: 50px auto 90px;
  }
  /* line 1730, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs {
    display: flex;
    gap: 15px;
    margin-top: 60px;
  }
  /* line 1734, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs .visit_site {
    margin-top: 0px;
    padding: 1px 5px;
    border: 2px solid #000;
    width: 150px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    background-color: #000;
  }
  /* line 1747, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs .visit_site a {
    text-decoration: none;
    color: #fff;
  }
  /* line 1754, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs .visit_site_white {
    margin-top: 0px;
    padding: 1px 5px;
    border: 2px solid #E2E2E2;
    width: 150px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    background-color: #E2E2E2;
  }
  /* line 1766, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs .visit_site_white a {
    text-decoration: none;
    color: #fff;
  }
  /* line 1772, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs .visit_site_white:hover {
    background-color: #000;
    border: 2px solid #000;
    transition: 0.3s;
  }
  /* line 1786, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text h4 {
    font-weight: 400;
    font-size: 32px;
    line-height: 1;
    margin-top: 60px;
  }
  /* line 1794, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .title_bottom {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    line-height: 1.5;
  }
  /* line 1803, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex {
    display: block;
  }
  /* line 1808, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left {
    width: 100%;
    margin-top: 10px;
  }
  /* line 1812, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh {
    display: flex;
    gap: 5px;
  }
  /* line 1816, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site {
    margin-top: 20px;
    border: 1.4px solid #000;
    width: 150px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #000;
  }
  /* line 1825, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site:hover {
    background-color: #CF6419;
    border: 1.4px solid #CF6419;
  }
  /* line 1830, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site a {
    text-decoration: none;
    color: #fff;
  }
  /* line 1837, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site_white {
    margin-top: 20px;
    border: 1.6px solid #000;
    width: 150px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #fff;
    box-sizing: border-box;
  }
  /* line 1846, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site_white a {
    text-decoration: none;
    color: #000;
  }
  /* line 1852, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site_white:hover {
    border: 1.6px solid  #CF6419;
    box-sizing: border-box;
  }
  /* line 1855, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site_white:hover a {
    color: #CF6419;
  }
  /* line 1866, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .text_weight {
    margin-top: 20px;
  }
  /* line 1871, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_right {
    width: 100%;
  }
  /* line 1874, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_right .content_tag_flex_pc {
    display: none;
  }
  /* line 1878, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_right p {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.5;
  }
  /* line 1885, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_right .text_weight {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-top: 25px;
  }
  /* line 1895, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_last {
    margin: 30px auto;
    text-align: center;
  }
  /* line 1899, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_last .text_weight {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.5px;
  }
  /* line 1904, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_last .text_small {
    font-size: 13px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
  }
  /* line 1913, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav {
    display: flex;
    margin: 0px auto 0;
    gap: 20px;
  }
  /* line 1918, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav .content_document_nav {
    display: flex;
    gap: 6px;
    text-decoration: none;
  }
  /* line 1923, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav .content_document_nav .plan_text {
    text-align: center;
    line-height: 42px;
    height: 42px;
    font-size: 13px;
    letter-spacing: 0.8px;
    color: #999999;
  }
  /* line 1931, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav .content_document_nav .circle {
    width: 42px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #969696;
    border-radius: 50%;
    color: #969696;
    text-align: center;
  }
  /* line 1944, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav .content_document_nav:hover .plan_text {
    transition-duration: 0.3s;
    color: #000;
  }
  /* line 1950, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav .content_document_nav:hover .circle {
    background-color: #000;
    border: 1px solid #000;
    transition-duration: 0.3s;
    color: #fff;
  }
  /* line 1962, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav .content_document_nav_hover {
    display: flex;
    gap: 6px;
    text-decoration: none;
  }
  /* line 1967, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav .content_document_nav_hover .plan_text {
    text-align: center;
    line-height: 42px;
    height: 42px;
    font-size: 13px;
    letter-spacing: 0.8px;
    color: #000;
  }
  /* line 1975, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav .content_document_nav_hover .circle {
    width: 42px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-color: #000;
  }
  /* line 1990, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav_sh {
    display: none;
  }
  /* line 1996, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text_detail {
    width: 62%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    margin-bottom: 100px;
  }
  /* line 2003, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text_detail .text_weight {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-top: 30px;
  }
  /* line 2010, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text_detail p {
    line-height: 2;
    font-size: 14px;
    letter-spacing: 0.5px;
  }
  /* line 2017, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text_detail .text_detail_bottom {
    margin-bottom: 30px;
  }
  /* line 2024, ../scss/style.scss */
  .main_background .content_flex .wrap_content .img_bottom_space {
    margin: 0px auto 85px;
    width: 82%;
    box-shadow: 1px 2px 3px 0.75px #B6B6B6;
  }
  /* line 2030, ../scss/style.scss */
  .main_background .content_flex .wrap_content .img_bottom_space_s {
    margin: 0px auto 85px;
    width: 82%;
    display: flex;
    justify-content: space-between;
    gap: 1.5%;
  }
  /* line 2038, ../scss/style.scss */
  .main_background .content_flex .wrap_content .img_bottom_space_s img {
    box-shadow: 1px 2px 3px 0.75px #B6B6B6;
  }
  /* line 2043, ../scss/style.scss */
  .main_background .content_flex .wrap_content .pc_img_bottom {
    margin-bottom: 15px;
  }
  /* line 2048, ../scss/style.scss */
  .main_background .content_flex .wrap_content .img_name {
    margin: 0px auto 6px;
    width: 82%;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.5px;
  }
}
@media screen and (max-width: 700px) {
  /* line 2072, ../scss/style.scss */
  header .header_index {
    width: 100%;
    height: 50px;
    margin: 0 auto 0;
    position: relative;
    background-color: #F7F7F7;
  }
  /* line 2079, ../scss/style.scss */
  header .header_index .index_back {
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 5%;
    letter-spacing: 0.5px;
    transform: translateY(-50%);
  }
  /* line 2088, ../scss/style.scss */
  header .header_index .index_back a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.5s;
    color: #000;
  }
  /* line 2096, ../scss/style.scss */
  header .header_index .index_back a:hover {
    color: #CF6419;
    transition: 0.5s;
  }
  /* line 2101, ../scss/style.scss */
  header .header_index .index_back a:hover .index_circle {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #CF6419;
    transition: 0.5s;
  }
  /* line 2109, ../scss/style.scss */
  header .header_index .index_back a .index_circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    transition: 0.5s;
  }

  /* line 2125, ../scss/style.scss */
  main .wrap {
    width: 94%;
  }
  /* line 2128, ../scss/style.scss */
  main .wrap .about_content_pc {
    display: none;
  }
  /* line 2132, ../scss/style.scss */
  main .wrap .about_content_tab {
    display: none;
  }
  /* line 2136, ../scss/style.scss */
  main .wrap .about_content_sh {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  /* line 2142, ../scss/style.scss */
  main .wrap .about_content_sh .profile {
    align-items: flex-end;
    margin-bottom: 80px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1.5px solid #000;
  }
  /* line 2152, ../scss/style.scss */
  main .wrap .about_content_sh .profile .about_left {
    width: 100%;
  }
  /* line 2155, ../scss/style.scss */
  main .wrap .about_content_sh .profile .about_left h5 {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.75px;
  }
  /* line 2163, ../scss/style.scss */
  main .wrap .about_content_sh .profile .about_right {
    width: 100%;
  }
  /* line 2165, ../scss/style.scss */
  main .wrap .about_content_sh .profile .about_right .me_img {
    width: 70%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }
  /* line 2171, ../scss/style.scss */
  main .wrap .about_content_sh .profile .about_right p {
    font-size: 12px;
    letter-spacing: 0.5px;
  }
  /* line 2178, ../scss/style.scss */
  main .wrap .about_content_sh .message {
    align-items: flex-end;
    margin-bottom: 70px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1.5px solid #000;
  }
  /* line 2188, ../scss/style.scss */
  main .wrap .about_content_sh .message .about_left {
    width: 100%;
  }
  /* line 2191, ../scss/style.scss */
  main .wrap .about_content_sh .message .about_left h5 {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.75px;
    margin-bottom: 30px;
  }
  /* line 2199, ../scss/style.scss */
  main .wrap .about_content_sh .message .about_right {
    width: 100%;
  }
  /* line 2202, ../scss/style.scss */
  main .wrap .about_content_sh .message .about_right p {
    font-size: 12px;
    letter-spacing: 0.5px;
  }
  /* line 2209, ../scss/style.scss */
  main .wrap .about_content_sh .skill {
    align-items: flex-end;
    margin-bottom: 70px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1.5px solid #000;
  }
  /* line 2218, ../scss/style.scss */
  main .wrap .about_content_sh .skill .about_left {
    width: 100%;
  }
  /* line 2221, ../scss/style.scss */
  main .wrap .about_content_sh .skill .about_left h5 {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.75px;
    margin-bottom: 30px;
  }
  /* line 2229, ../scss/style.scss */
  main .wrap .about_content_sh .skill .about_right {
    width: 100%;
  }
  /* line 2231, ../scss/style.scss */
  main .wrap .about_content_sh .skill .about_right p {
    font-size: 12px;
    letter-spacing: 0.5px;
  }
  /* line 2238, ../scss/style.scss */
  main .wrap .about_content_sh .tools {
    align-items: flex-end;
    margin-bottom: 80px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1.5px solid #000;
  }
  /* line 2247, ../scss/style.scss */
  main .wrap .about_content_sh .tools .about_left {
    width: 100%;
  }
  /* line 2250, ../scss/style.scss */
  main .wrap .about_content_sh .tools .about_left h5 {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.75px;
    margin-bottom: 30px;
  }
  /* line 2259, ../scss/style.scss */
  main .wrap .about_content_sh .tools .about_right {
    width: 100%;
  }
  /* line 2261, ../scss/style.scss */
  main .wrap .about_content_sh .tools .about_right p {
    font-size: 13px;
    letter-spacing: 0.5px;
  }
  /* line 2267, ../scss/style.scss */
  main .wrap .about_content_sh .tools .about_right .tools_bottom:first-child {
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #000;
  }
  /* line 2276, ../scss/style.scss */
  main .wrap .about_content_sh .tools .about_right .tools_bottom {
    display: flex;
    gap: 30px;
  }
  /* line 2286, ../scss/style.scss */
  main .wrap .content_top_pc {
    display: none;
  }
  /* line 2290, ../scss/style.scss */
  main .wrap .content_top_tab {
    display: none;
  }
  /* line 2294, ../scss/style.scss */
  main .wrap .content_top_sh {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 3%;
  }
  /* line 2300, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space {
    margin: 0 auto;
    width: 90%;
    box-shadow: 0px 3px 6px 0.5px #B6B6B6;
  }
  /* line 2314, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_img {
    overflow: hidden;
    align-items: center;
    position: relative;
  }
  /* line 2323, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_img:hover img {
    opacity: 0.25;
    transition-duration: 0.3s;
  }
  /* line 2331, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_img:hover .content_name {
    opacity: 1;
    transition-duration: 0.3s;
    color: #fff;
  }
  /* line 2337, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_img img {
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
  }
  /* line 2347, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_img .content_name {
    position: absolute;
    opacity: 0;
    z-index: 99999;
    bottom: 6%;
    left: 5%;
  }
  /* line 2355, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_img .content_name .content_title {
    font-size: 16px;
    padding-bottom: 2px;
  }
  /* line 2361, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_img .content_name .content_concept {
    font-size: 12px;
    padding-bottom: 10px;
  }
  /* line 2366, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_img .content_name .name_tag {
    font-size: 12px;
    padding-bottom: 1px;
    color: 　 #A90002;
    letter-spacing: 0.5px;
  }
  /* line 2378, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_anko {
    background-color: #A90002;
  }
  /* line 2381, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_space {
    background-color: #244059;
  }
  /* line 2384, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_threee {
    background-color: #473B35;
  }
  /* line 2388, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_fonts {
    background-color: #B76A00;
  }
  /* line 2391, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_yamamoto {
    background-color: #5C7DAA;
  }
  /* line 2394, ../scss/style.scss */
  main .wrap .content_top_sh .img_bottom_space .hover_more {
    background-color: #019356;
  }
  /* line 2408, ../scss/style.scss */
  main .wrap_index .index_flex_pc {
    display: none;
  }
  /* line 2412, ../scss/style.scss */
  main .wrap_index .index_flex_tab {
    display: none;
  }
  /* line 2416, ../scss/style.scss */
  main .wrap_index .index_flex_sh {
    display: block;
  }
  /* line 2419, ../scss/style.scss */
  main .wrap_index .index_flex_sh .category_block {
    margin-bottom: 80px;
  }
  /* line 2424, ../scss/style.scss */
  main .wrap_index .index_flex_sh .content_tag {
    width: 90%;
    margin: 0 auto 5px;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 200;
  }
  /* line 2432, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space {
    margin: 0 auto 20px;
    width: 90%;
    box-shadow: 0px 3px 6px 0.5px #B6B6B6;
  }
  /* line 2440, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_img {
    overflow: hidden;
    align-items: center;
    position: relative;
  }
  /* line 2449, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_img:hover img {
    opacity: 0.25;
    transition-duration: 0.3s;
  }
  /* line 2457, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_img:hover .content_name {
    opacity: 1;
    transition-duration: 0.3s;
    color: #fff;
  }
  /* line 2463, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_img img {
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
  }
  /* line 2473, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_img .content_name {
    position: absolute;
    opacity: 0;
    z-index: 99999;
    bottom: 6%;
    left: 5%;
  }
  /* line 2481, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_img .content_name .content_title {
    font-size: 16px;
    padding-bottom: 2px;
  }
  /* line 2487, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_img .content_name .content_concept {
    font-size: 12px;
    padding-bottom: 10px;
  }
  /* line 2492, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_img .content_name .name_tag {
    font-size: 12px;
    padding-bottom: 1px;
    color: 　 #A90002;
    letter-spacing: 0.5px;
  }
  /* line 2504, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_landerway {
    background-color: #1A8F14;
  }
  /* line 2508, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_self {
    background-color: #CA5A00;
  }
  /* line 2512, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_anko {
    background-color: #A90002;
  }
  /* line 2515, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_space {
    background-color: #244059;
  }
  /* line 2518, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_threee {
    background-color: #473B35;
  }
  /* line 2522, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_fonts {
    background-color: #957B4B;
  }
  /* line 2525, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_yamamoto {
    background-color: #5C7DAA;
  }
  /* line 2528, ../scss/style.scss */
  main .wrap_index .index_flex_sh .img_bottom_space .hover_more {
    background-color: #019356;
  }

  /* line 2545, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text {
    width: 86%;
    margin: 50px auto 90px;
  }
  /* line 2551, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text h4 {
    font-weight: 400;
    font-size: 26px;
    line-height: 1;
    margin-top: 5px;
  }
  /* line 2559, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .title_bottom {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    line-height: 1.5;
  }
  /* line 2567, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs {
    display: flex;
    gap: 15px;
    margin-top: 60px;
  }
  /* line 2571, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs .visit_site {
    margin-top: 0px;
    padding: 1px 5px;
    border: 2px solid #000;
    width: 150px;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1px;
    background-color: #000;
  }
  /* line 2584, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs .visit_site a {
    text-decoration: none;
    color: #fff;
  }
  /* line 2591, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs .visit_site_white {
    margin-top: 0px;
    padding: 1px 5px;
    border: 2px solid #E2E2E2;
    width: 150px;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1px;
    background-color: #E2E2E2;
  }
  /* line 2603, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs .visit_site_white a {
    text-decoration: none;
    color: #fff;
  }
  /* line 2609, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .content_tag_flex_pcs .visit_site_white:hover {
    background-color: #000;
    border: 2px solid #000;
    transition: 0.3s;
  }
  /* line 2624, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex {
    display: block;
  }
  /* line 2629, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left {
    width: 100%;
    margin-top: 10px;
  }
  /* line 2633, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh {
    display: flex;
    gap: 5px;
  }
  /* line 2637, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site {
    margin-top: 20px;
    border: 1.4px solid #000;
    width: 150px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #000;
  }
  /* line 2646, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site:hover {
    background-color: #CF6419;
    border: 1.4px solid #CF6419;
  }
  /* line 2651, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site a {
    text-decoration: none;
    color: #fff;
  }
  /* line 2658, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site_white {
    margin-top: 20px;
    border: 1.6px solid #000;
    width: 150px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #fff;
    box-sizing: border-box;
  }
  /* line 2667, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site_white a {
    text-decoration: none;
    color: #000;
  }
  /* line 2673, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site_white:hover {
    border: 1.6px solid  #CF6419;
    box-sizing: border-box;
  }
  /* line 2676, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .content_tag_flex_sh .visit_site_white:hover a {
    color: #CF6419;
  }
  /* line 2687, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_left .text_weight {
    margin-top: 20px;
  }
  /* line 2692, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_right {
    width: 100%;
  }
  /* line 2695, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_right .content_tag_flex_pc {
    display: none;
  }
  /* line 2699, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_right p {
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 1.5;
  }
  /* line 2706, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_right .text_weight {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-top: 25px;
  }
  /* line 2716, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_last {
    margin: 30px auto;
    text-align: center;
  }
  /* line 2720, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_last .text_weight {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.5px;
  }
  /* line 2725, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .concept_flex .concept_last .text_small {
    font-size: 13px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
  }
  /* line 2734, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav {
    display: none;
  }
  /* line 2739, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav_sh {
    display: block;
    width: 98%;
  }
  /* line 2743, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav_sh .content_document_nav {
    display: flex;
    margin: 20px 0;
    gap: 8px;
    justify-content: flex-end;
    text-decoration: none;
  }
  /* line 2749, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav_sh .content_document_nav .plan_text {
    text-align: center;
    line-height: 40px;
    height: 40px;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #999999;
  }
  /* line 2757, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav_sh .content_document_nav .circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #969696;
    border-radius: 50%;
    color: #969696;
    text-align: center;
  }
  /* line 2770, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav_sh .content_document_nav:hover .plan_text {
    transition-duration: 0.3s;
    color: #000;
  }
  /* line 2776, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav_sh .content_document_nav:hover .circle {
    background-color: #000;
    border: 1px solid #000;
    transition-duration: 0.3s;
    color: #fff;
  }
  /* line 2789, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav_sh .content_document_nav_hover {
    display: flex;
    margin: 20px 0;
    gap: 8px;
    justify-content: flex-end;
    text-decoration: none;
  }
  /* line 2795, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav_sh .content_document_nav_hover .plan_text {
    text-align: center;
    line-height: 40px;
    height: 40px;
    font-size: 12px;
    letter-spacing: 0.8px;
    color: #000;
  }
  /* line 2803, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text .document_nav_sh .content_document_nav_hover .circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-color: #000;
  }
  /* line 2820, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text_detail {
    width: 72%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    margin-bottom: 100px;
  }
  /* line 2827, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text_detail .text_weight {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-top: 30px;
  }
  /* line 2834, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text_detail p {
    line-height: 1.75;
    font-size: 12px;
    letter-spacing: 0.5px;
  }
  /* line 2841, ../scss/style.scss */
  .main_background .content_flex .wrap_content .content_text_detail .text_detail_bottom {
    margin-bottom: 30px;
  }
  /* line 2848, ../scss/style.scss */
  .main_background .content_flex .wrap_content .img_bottom_space {
    margin: 0px auto 70px;
    width: 86%;
    box-shadow: 1px 2px 3px 0.75px #B6B6B6;
  }
  /* line 2854, ../scss/style.scss */
  .main_background .content_flex .wrap_content .img_bottom_space_s {
    margin: 0px auto 70px;
    width: 86%;
    display: flex;
    justify-content: space-between;
    gap: 1.5%;
  }
  /* line 2862, ../scss/style.scss */
  .main_background .content_flex .wrap_content .img_bottom_space_s img {
    box-shadow: 1px 2px 3px 0.75px #B6B6B6;
  }
  /* line 2866, ../scss/style.scss */
  .main_background .content_flex .wrap_content .pc_img_bottom {
    margin-bottom: 12px;
  }
  /* line 2870, ../scss/style.scss */
  .main_background .content_flex .wrap_content .img_name {
    margin: 0px auto 6px;
    width: 86%;
    font-size: 10px;
    font-weight: 200;
    letter-spacing: 0.5px;
  }
}
/*
{
  
  header{
   height: auto;
    align-items: center;
    .header_flex{
      width: 92%;
      margin-left: auto;
      margin-right: auto;
        align-items: center;
    padding: 15px 0;
      .title_sh{
        display: block;
        line-height: 0.25;
        text-align: center;
        
        a{
         font-size: 16px; 
          line-height: 1;
          text-decoration: none;
          color: #000;
           text-align: center;
        }
        
      }
      .title_pc{
        display: none;
      }
      .global_nav{
        display: none;
      }
      
        .index_wrap{
      margin-left:auto;
      
      .index_box{
        display: flex;
        .index{
       font-size: 13px;
          padding: 0 5px;
        }
        
            .index_anko{
             color: #A90002; 
          border-top: 1px solid  #A90002;
          border-left: 1px solid  #A90002;
          border-bottom: 1px solid  #A90002;
        }
       
           .index_space{
             color: #244059; 
          border-top: 1px solid  #244059;
          border-left: 1px solid  #244059;
          border-bottom: 1px solid  #244059;
        }
        
           .index_threee{
             color: #473B35; 
          border-top: 1px solid  #473B35;
          border-left: 1px solid  #473B35;
          border-bottom: 1px solid  #473B35;
        }
        
          .index_fonts{
             color: #B76A00; 
          border-top: 1px solid  #B76A00;
          border-left: 1px solid  #B76A00;
          border-bottom: 1px solid  #B76A00;
        }
        
          .index_yamamoto{
             color: #5C7DAA; 
          border-top: 1px solid  #5C7DAA;
          border-left: 1px solid  #5C7DAA;
          border-bottom: 1px solid  #5C7DAA;
        }
        
          .index_more{
             color: #019356; 
          border-top: 1px solid  #019356;
          border-left: 1px solid #019356;
          border-bottom: 1px solid  #019356;
        }
        
        
        
        .indextitle_box{
         color: #fff;
          width: 140px;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          
          &:hover .dropdown_lists{
            opacity: 1;
            transform: scaleY(1);
          }
          
          .index_title_flex{
            width: 100%;
            display: flex;
            gap:20px;
            align-items: center;
            justify-content: center;
          .index_title{
            font-size: 12px;
          }
          .triangle{
     display: none;
          }
          }
        }
        
         .dropdown_lists{
       display: none;
        }
      
      }
    }
      
      .sh_menu{
      display: block;
        margin-left: 8px;
        border: 1px solid #000;
         padding: 0 5px;
        box-sizing: border-box;
        .menu{
          text-decoration: none;
          color: #000;
          text-align: center;
          font-size: 13px;
           box-sizing: border-box;
        }
    }
    
      
    }
  }
  
  .hummenu_work_pc{
    display: none;
  }
  
  .hummenu_work_sh{
    display: block;
     position: fixed;
  top: 0;
  right: 0;
  z-index: 99999999;
  width: 100vw;
  height: 100vh;
   background: #41444D;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s linear;
  margin: 0 auto;
  color: #fff;
    
     .hum_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
     width: 92%;
    margin: 0 auto;
    margin-top: 15px;
    
    .seikakura{
      font-size: 16px;
      line-height: 1;
      a{
        text-decoration: none;
        color: #fff;
      }
    }
    .close_sh{
      border: 1px solid #fff;
      padding: 0px 10px;
      line-height: 1.5;
      font-size: 13px;
    }
  }
    
    .hum_sh_nav{
      width: 92%;
      margin: 15px auto;
      
      ul{
        display: flex;
        justify-content: flex-end;
        gap: 20px;
        li{
          a{
            text-decoration: none;
            color: #fff;
            
            
            &:hover{
              color: #787878;
              transition: 0.5s;
            }
            
          }
        }
      }
    }
    
    .hum_sh_work{
      width: 75%;
      margin-left: auto;
      margin-right: auto;
      margin-top:25%;
      text-align: center;
      
      h2{
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
       
      }
      
      ul{
        margin-top: 40px;
        li{
          margin-top: 20px;
          margin-bottom: 20px;
          
          a{
            text-decoration: none;
            color: #fff;
          text-align: center;
            display: inline-block;
            
            &:hover{
              color: #787878;
              transition: 0.5s;
            }
            
            .hum_sh_flex{
              display: flex;
              gap:10px;
              align-items: baseline;
              
              .content_number{
                font-size: 14px;
              
              }
              
              .content_tag{
                font-size: 14px;
               
              }
            }
            
            .content_detail{
              font-size: 14px;
              margin-left: 23px;
            }
            
          }
        }
      }
      
    }
  }
  
  .hummenu_work_sh.is_active{
    opacity: 1;
      pointer-events: auto;
  }
  
  
  main{
    
    .wrap{
      .line_flex{
        display: block;
        
        .img_bottom_space{
           margin:0 auto 25px;
     width: 100%;
     
    box-shadow: 0px 3px 6px 0.5px #B6B6B6 ;
        }
        
        .web_qr{
          display: flex;
          gap:10px;
          align-items: flex-end;
          a{
          font-size: 13px;}
        }
      }
    }
    
    
    .content_flex{
    position: relative;
      
    
  .wrap_content{
  width: 90%;
    margin: 0 auto;
    padding-top: 25px;
    
    .img_bottom_space.is_detail{
      width: 100%;
    }
    
   
    
    
    }
    
    .detail_side{
  
  width: 85%;
  
    
    .detail_side.is_detail{
     
    }
      
           @keyframes slideRight {
  0% {
    
      transform: translateX(400px);
    
    
    opacity: 0;
  }
           30%{
        opacity: 1;
      }
  100% {
    
    opacity: 1;
    
     transform: translateX(0);
    
  }
  }
    
    .detail_button_pc{
      display: none;
    }
    
    
    .detail_button_sh{
    top:80vh;
    right:4%;
    position: fixed;
    color:#fff;
      display: block;
      
      
     .description{

       
     font-size: 13px;
        padding: 4.5px 10px 4.5px;
       
       box-sizing: border-box;
       
      }
    
      
     
    
    //descriptionのcolorチェンジ
    .des_anko{
      background-color:#A90002;
         border-top: 1px solid #A90002;
       border-left: 1px solid #A90002;
      border-right: 1px solid #A90002;
    }
    
    .des_space{
      background-color:#244059;
         border-top: 1px solid #244059;
       border-left: 1px solid #244059;
      border-right: 1px solid #244059;
    }
    
    .des_threee{
      background-color:#473B35;
         border-top: 1px solid #473B35;
       border-left: 1px solid #473B35;
      border-right: 1px solid #473B35;
    }
    
      .des_fonts{
      background-color:#B76A00;
         border-top: 1px solid #B76A00;
       border-left: 1px solid #B76A00;
      border-right: 1px solid #B76A00;
    }
    
      .des_yamamoto{
      background-color:#5C7DAA;
         border-top: 1px solid #5C7DAA;
       border-left: 1px solid #5C7DAA;
      border-right: 1px solid #5C7DAA;
    }
    
       .des_more{
      background-color:#019356;
         border-top: 1px solid #019356;
       border-left: 1px solid #019356;
      border-right: 1px solid #019356;
    }
    
 
    
    .detail_swhich{
      display: flex;
      justify-content:center;
      text-align: center;
     background-color: #fff;
  box-sizing: border-box;
  
    
      
      .on_sh{
        width: 40%;
        font-size: 10px;
        padding-top: 2px;
      }
      
       .on_sh.is_detail{
       
        padding-top: 0px;
         font-weight: bold;
        font-size: 12px;
      }
      
   
      
      .off_sh{
       width: 40%; 
        
         font-weight: bold;
        font-size: 12px;
      }
      
      .off_sh.is_detail{
        font-size: 10px;
        padding-top: 2px;
        font-weight: normal;
      }
      
    
    }
    
    
    //descriptionのcolorチェンジ
    .ds_anko{
          border-bottom: 1px solid #A90002;
       border-left: 1px solid #A90002;
      border-right: 1px solid #A90002;
      
      .on_sh{
         color:#A90002;
      }
      
      .off_sh{
          color:#A90002;
      }
    }
    
      .ds_space{
          border-bottom: 1px solid #244059;
       border-left: 1px solid #244059;
      border-right: 1px solid #244059;
      
      .on_sh{
         color:#244059;
      }
      
      .off_sh{
          color:#244059;
      }
    }
    
      .ds_threee{
          border-bottom: 1px solid #473B35;
       border-left: 1px solid #473B35;
      border-right: 1px solid #473B35;
      
      .on_sh{
         color:#473B35;
      }
      
      .off_sh{
          color:#473B35;
      }
    }
    
      .ds_fonts{
          border-bottom: 1px solid #B76A00;
       border-left: 1px solid #B76A00;
      border-right: 1px solid #B76A00;
      
      .on_sh{
         color:#B76A00;
      }
      
      .off_sh{
          color:#B76A00;
      }
    }
    
      .ds_yamamoto{
          border-bottom: 1px solid #5C7DAA;
       border-left: 1px solid #5C7DAA;
      border-right: 1px solid #5C7DAA;
      
      .on_sh{
         color:#5C7DAA;
      }
      
      .off_sh{
          color:#5C7DAA;
      }
    }
    
      .ds_more{
          border-bottom: 1px solid #019356;
       border-left: 1px solid #019356;
      border-right: 1px solid #019356;
      
      .on_sh{
         color:#019356;
      }
      
      .off_sh{
          color:#019356;
      }
    }
    
  
    
  }
  
}
    }

    
  .content_flex.is_detail{
    display: flex;
  }

  
  



}


}
  
  */

/*# sourceMappingURL=style.css.map */