@charset "UTF-8";
* {
  font-family: "Noto Sans JP", sans-serif;
  color: #1a1a1a;
  word-wrap: break-word;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

.sp_absolute {
  position: static;
}

.sp_none {
  display: block;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.se {
  display: none;
}

.white {
  color: white;
}

.bg_white {
  background-color: white;
}

p {
  margin: 0;
}

a {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  text-decoration: none;
}

a p,
a span {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

a:hover {
  opacity: 0.6;
  color: white;
}

.vertical {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.horizontal {
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
}

/*----------------------------------------------------------------

フォントサイズ

----------------------------------------------------------------*/
.f_10 {
  font-size: 10px;
}

.f_12 {
  font-size: 12px;
}

.f_14 {
  font-size: 14px;
}

.f_16 {
  font-size: 16px;
}

.f_18 {
  font-size: 18px;
}

.f_20 {
  font-size: 20px;
}

.f_22 {
  font-size: 22px;
}

.f_24 {
  font-size: 24px;
}

.f_26 {
  font-size: 26px;
}

.f_28 {
  font-size: 28px;
}

.f_30 {
  font-size: 30px;
}

.f_32 {
  font-size: 32px;
}

.f_34 {
  font-size: 34px;
}

.f_36 {
  font-size: 36px;
}

.f_38 {
  font-size: 38px;
}

.f_40 {
  font-size: 40px;
}

.f_42 {
  font-size: 42px;
}

.f_44 {
  font-size: 44px;
}

.f_46 {
  font-size: 46px;
}

.f_48 {
  font-size: 48px;
}

.f_50 {
  font-size: 50px;
}

.f_52 {
  font-size: 52px;
}

.f_54 {
  font-size: 54px;
}

.f_56 {
  font-size: 56px;
}

.f_58 {
  font-size: 58px;
}

.f_60 {
  font-size: 60px;
}

.f_62 {
  font-size: 62px;
}

.f_64 {
  font-size: 64px;
}

.f_66 {
  font-size: 66px;
}

.f_68 {
  font-size: 68px;
}

.f_70 {
  font-size: 70px;
}

.f_72 {
  font-size: 72px;
}

.f_74 {
  font-size: 74px;
}

.f_76 {
  font-size: 76px;
}

.f_78 {
  font-size: 78px;
}

.f_80 {
  font-size: 80px;
}

.f_82 {
  font-size: 82px;
}

.f_84 {
  font-size: 84px;
}

.f_86 {
  font-size: 86px;
}

.f_88 {
  font-size: 88px;
}

.f_90 {
  font-size: 90px;
}

.f_92 {
  font-size: 92px;
}

.f_94 {
  font-size: 94px;
}

.f_96 {
  font-size: 96px;
}

.f_98 {
  font-size: 98px;
}

.f_100 {
  font-size: 100px;
}

.f_102 {
  font-size: 102px;
}

.f_104 {
  font-size: 104px;
}

.f_106 {
  font-size: 106px;
}

.f_108 {
  font-size: 108px;
}

.f_110 {
  font-size: 110px;
}

.f_112 {
  font-size: 112px;
}

.f_114 {
  font-size: 114px;
}

.f_116 {
  font-size: 116px;
}

.f_118 {
  font-size: 118px;
}

.f_120 {
  font-size: 120px;
}

.f_122 {
  font-size: 122px;
}

.f_124 {
  font-size: 124px;
}

.f_126 {
  font-size: 126px;
}

.f_128 {
  font-size: 128px;
}

.f_130 {
  font-size: 130px;
}

.f_132 {
  font-size: 132px;
}

.f_134 {
  font-size: 134px;
}

.f_136 {
  font-size: 136px;
}

.f_138 {
  font-size: 138px;
}

.f_140 {
  font-size: 140px;
}

.f_142 {
  font-size: 142px;
}

.f_144 {
  font-size: 144px;
}

.f_146 {
  font-size: 146px;
}

.f_148 {
  font-size: 148px;
}

.f_150 {
  font-size: 150px;
}

.f_152 {
  font-size: 152px;
}

.f_154 {
  font-size: 154px;
}

.f_156 {
  font-size: 156px;
}

.f_158 {
  font-size: 158px;
}

.f_160 {
  font-size: 160px;
}

.f_162 {
  font-size: 162px;
}

.f_164 {
  font-size: 164px;
}

/*----------------------------------------------------------------

文字の横の間隔(letter-spacing)と
文字の縦の間隔(line-height)

----------------------------------------------------------------*/
.ls_5 {
  letter-spacing: 0.05em;
}

.ls_50 {
  letter-spacing: 0.5em;
}

.lh_14 {
  line-height: 1.4em;
}

/*----------------------------------------------------------------

各サイト別クラス

----------------------------------------------------------------*/
.animated {
  -webkit-animation-duration: .75s !important;
          animation-duration: .75s !important;
}

::-moz-selection {
  color: #ff7e00;
  background-color: #1a1a1a;
}

::selection {
  color: #ff7e00;
  background-color: #1a1a1a;
}

.orange {
  color: #ff7e00;
}

.bg_orange {
  background-color: #ff7e00;
}

.gblue {
  color: #009e9f;
}

.bg_gblue {
  background-color: #009e9f;
}

.lblue {
  color: #d6f4f1;
}

.bg_lblue {
  background-color: #d6f4f1;
}

.green {
  color: #2f6920;
}

.bg_green {
  background-color: #2f6920;
}

.bg_grad_blue {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #49b7ba), color-stop(90%, #4897db));
  background: linear-gradient(90deg, #49b7ba 25%, #4897db 90%);
}

.bg_grad_gray {
  background: -webkit-gradient(linear, left bottom, left top, from(#cccccc), to(white));
  background: linear-gradient(0deg, #cccccc 0%, white 100%);
}

.bg_grad_black {
  background: -webkit-gradient(linear, left top, right top, from(black), color-stop(50%, #4d4d4d), to(black));
  background: linear-gradient(90deg, black 0%, #4d4d4d 50%, black 100%);
}

.black {
  color: black;
}

.bg_black {
  background-color: black;
}

.gray {
  color: #333333;
}

.bg_gray {
  background-color: #333333;
}

.lgray {
  color: #e5e5e6;
}

.bg_lgray {
  background-color: #e5e5e6;
}

.mw-1280 {
  max-width: 1280px;
  width: 90%;
  margin: auto;
}

.mw-980 {
  max-width: 980px;
  width: 100%;
  margin: auto;
}

.big_txt {
  white-space: nowrap;
}

.big_txt02 {
  position: relative;
  z-index: 1;
}

.big_txt02::before {
  position: absolute;
  content: "";
  bottom: -50px;
  width: 100%;
  height: 100%;
  background-image: url(../img/common/wave02.svg);
  background-position: bottom 0px left;
  background-repeat: no-repeat;
  background-size: auto 100%;
  z-index: -1;
}

.big_txt02.reverse {
  text-align: right;
}

.big_txt02.reverse::before {
  right: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.border_btm_orange {
  padding-bottom: 0.25rem !important;
  border-bottom: 2px solid #ff7e00;
  display: inline-block;
}

.border_btm_white {
  padding-bottom: 0.25rem !important;
  border-bottom: 2px solid #fff;
  display: inline-block;
}

.btn01 {
  background-color: white;
  position: relative;
  max-width: 340px;
  z-index: 1;
  overflow: hidden;
}

.btn01 p,
.btn01 span {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.btn01::before {
  position: absolute;
  content: "";
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #ff7e00;
  z-index: -1;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.btn01:hover {
  color: white;
  opacity: 1;
}

.btn01:hover p,
.btn01:hover span {
  color: white;
  opacity: 1;
}

.btn01:hover::before {
  width: 100%;
}

.btn02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ff7e00;
  width: 200px;
  height: 45px;
}

.btn02:hover {
  opacity: 1;
  background-color: white;
  color: #ff7e00;
}

.right_arrow {
  position: relative;
  width: 60px;
  height: 20px;
  display: block;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.right_arrow::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  background-color: #ff7e00;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.right_arrow::after {
  position: absolute;
  content: "";
  bottom: 4px;
  left: 40px;
  width: 20px;
  height: 2px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  background-color: #ff7e00;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.takanocraft_btn_link_container {
  max-width: 1000px;
  width: 100%;
}

.takanocraft_btn_link_container .takanocraft_btn_link.name_plate_btn {
  border-radius: 10px;
  -webkit-box-shadow: 6px 6px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 6px 6px 2px 0px rgba(0, 0, 0, 0.2);
}

/*----------------------------------------------------------------

フォント読み込み

----------------------------------------------------------------*/
.f_sab {
  font-family: "Sarabun", sans-serif;
}

.f_sal {
  font-family: "Sarala", sans-serif;
}

.f_syn {
  font-family: "Syncopate", sans-serif;
}

/*----------------------------------------------------------------

Pagetop ボタン

----------------------------------------------------------------*/
.warp_btn {
  position: fixed;
  bottom: 15%;
  right: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
  width: 15px;
  height: 120px;
  z-index: 20;
  -webkit-transition: none;
  transition: none;
}

.warp_btn:hover {
  opacity: 1;
}

.warp_btn_img {
  width: 15px;
  height: 120px;
  background: url(../img/common/pagetop.png) no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.warp_btn_img:hover {
  opacity: 0.6;
}

/*----------------------------------------------------------------

ハンバーガーメニュー

----------------------------------------------------------------*/
.side_nav {
  display: none;
}

footer address {
  bottom: 0;
  height: 30px;
  padding-top: 5px;
  width: 100%;
}

.sp_banner_btn {
  display: block;
  position: absolute;
  height: 1px;
}

.recruit_btn,
.entry_btn {
  display: none;
}

a.view_more_btn.w270 {
  width: 270px;
  height: 70px;
  margin: 0 4px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 0;
}

/*----------------------------------------------------------------
  
  header
  
  ----------------------------------------------------------------*/
header {
  position: fixed;
  z-index: 1000;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

header.add_bg {
  background-color: rgba(0, 0, 0, 0.6);
}

header.remove_bg {
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  background-color: transparent;
}

header a {
  position: relative;
  text-decoration: none;
}

header a::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

header a:hover {
  opacity: 1;
}

header a:hover::before {
  background-color: #ff7e00;
}

header .cnt_btn {
  height: 80px;
}

header .cnt_btn p,
header .cnt_btn span {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

header .cnt_btn::before {
  display: none;
}

header .cnt_btn:hover {
  background-color: #ff7e00;
}

header .cnt_btn:hover p,
header .cnt_btn:hover span {
  color: white;
}

/*----------------------------------------------------------------
  
  main
  
  ----------------------------------------------------------------*/
main .mv {
  width: 100%;
}

main .mv .slider {
  width: 100%;
}

main .mv .slider .slider_item img {
  width: 100%;
  height: auto;
}

main .mv .mv_title {
  top: 45%;
}

main .top_about {
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #cccccc), color-stop(90%, white));
  background: linear-gradient(0deg, #cccccc 25%, white 90%);
  z-index: 1;
}

main .top_about::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-image: url(../img/common/wave01.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

main .top_welding {
  background-image: url(../img/top/welding.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

main .top_welding .top_welding_items .top_welding_list::after {
  content: "";
  display: block;
  width: 300px;
  height: 400px;
}

main .top_welding .top_welding_items .top_welding_list a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px;
  height: 400px;
  z-index: 1;
  margin-bottom: 1.5rem !important;
}

main .top_welding .top_welding_items .top_welding_list a .tw_item_num {
  top: 20%;
}

main .top_welding .top_welding_items .top_welding_list a .tw_item_name {
  bottom: 20px;
  border: 1px solid white;
}

main .top_welding .top_welding_items .top_welding_list a::before {
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  opacity: 0.6;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

main .top_welding .top_welding_items .top_welding_list a:hover {
  opacity: 1;
}

main .top_welding .top_welding_items .top_welding_list a:hover::before {
  background-color: #ff7e00;
}

main .top_welding .top_welding_items .top_welding_list .tw_tig {
  background-image: url(../img/common/tig01.jpg);
}

main .top_welding .top_welding_items .top_welding_list .tw_semiauto {
  background-image: url(../img/common/semiauto02.jpg);
}

main .top_welding .top_welding_items .top_welding_list .tw_laser {
  background-image: url(../img/common/laser03.jpg);
}

main .top_welding .top_welding_items .top_welding_list .tw_arc {
  background-image: url(../img/common/arc04.jpg);
}

main .top_welding .top_welding_items .top_welding_list .tw_gas {
  background-image: url(../img/common/gas05.jpg);
}

main .top_welding .top_welding_items .top_welding_list .tw_spot {
  background-image: url(../img/common/spot06.jpg);
}

main .top_welding .top_welding_items .top_welding_list .tw_brazing {
  background-image: url(../img/common/brazing07.jpg);
}

main .top_service .top_service_items {
  margin-top: 8rem !important;
  z-index: 1;
}

main .top_service .top_service_items::before {
  position: absolute;
  content: "";
  top: 160px;
  bottom: 0px;
  width: 100%;
  background-color: #333333;
  z-index: -1;
}

main .top_service .top_service_items a {
  width: 85%;
  min-height: 310px;
  margin-left: auto;
  margin-right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 5.5rem !important;
}

main .top_service .top_service_items a .ts_inner {
  max-width: 780px;
  width: 90%;
  min-height: 180px;
  margin-left: auto;
  margin-right: 0;
  border-left: 6px solid #ff7e00;
  padding-left: 3.5rem !important;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .top_service .top_service_items a .ts_inner .ts_inner_item {
  min-width: 300px;
}

main .top_service .top_service_items a:nth-of-type(2n) {
  margin-left: 0;
  margin-right: auto;
}

main .top_service .top_service_items a:nth-of-type(2n) .ts_inner {
  margin-left: 0;
  margin-right: auto;
  padding-left: 0rem !important;
  padding-right: 3.5rem !important;
  border-left: 0px;
  border-right: 6px solid #ff7e00;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

main .top_service .top_service_items a:nth-of-type(2n):hover .ts_inner {
  border-right: 6px solid white;
}

main .top_service .top_service_items a:nth-of-type(1) {
  background-image: url(../img/top/service01.jpg);
}

main .top_service .top_service_items a:nth-of-type(2) {
  background-image: url(../img/top/service02.jpg);
}

main .top_service .top_service_items a:nth-of-type(3) {
  background-image: url(../img/top/service03.jpg);
}

main .top_service .top_service_items a:nth-of-type(4) {
  background-image: url(../img/top/service04.jpg);
}

main .top_service .top_service_items a:hover {
  opacity: 1;
}

main .top_service .top_service_items a:hover .ts_inner {
  background-color: #ff7e00;
  border-left-color: white;
}

main .top_service .top_service_items a:hover .ts_inner p {
  color: white;
}

main .top_service .top_service_items a:hover .ts_inner .right_arrow {
  -webkit-transform: translateX(16px);
          transform: translateX(16px);
}

main .top_service .top_service_items a:hover .ts_inner .right_arrow::before, main .top_service .top_service_items a:hover .ts_inner .right_arrow::after {
  background-color: white;
}

main .top_company .top_company_bg {
  background-image: url(../img/top/company.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

main .top_company .top_company_bg .top_company_inner .company_item .company_item_inner .btn02_list {
  max-width: 420px;
  width: 100%;
}

main .top_info .top_info_inner .top_info_list .top_info_item {
  width: 260px;
  margin: 0 30px 15px;
}

main .top_info .top_info_inner .top_info_list .top_info_item .top_info_item_img img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

main .top_info .top_info_inner .top_info_list .top_info_item .top_info_item_text .top_info_item_title {
  position: relative;
  display: block;
  white-space: inherit;
}

main .top_info .top_info_inner .top_info_list .top_info_item .top_info_item_text .top_info_item_title:hover {
  opacity: 1;
  color: #ff7e00;
}

main .top_info .top_info_inner .top_info_list .top_info_item .top_info_item_text .top_info_item_datecategory .top_info_item_category a {
  color: white;
  background-color: #ff7e00;
  padding: 0px 10px;
  font-size: 14px;
}

main .top_info .top_info_inner .top_info_list .top_info_item .top_info_item_text .top_info_item_datecategory .top_info_item_category a:hover {
  opacity: 0.6;
  color: white !important;
  background-color: #ff7e00 !important;
}

main .top_outlink .top_outlink_inner {
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

main .top_outlink .top_outlink_inner:hover {
  opacity: .6;
}

main .top_outlink .top_outlink_inner .takanocraft_btn {
  border-radius: 20px;
}

main .top_outlink .top_outlink_inner .takanocraft_btn .takanocraft_btn_text .takanocraft_btn_link {
  border-radius: 10px;
  -webkit-box-shadow: 6px 6px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 6px 6px 2px 0px rgba(0, 0, 0, 0.2);
}

main .top_outlink .top_outlink_inner .takanocraft_btn .takanocraft_btn_img {
  background-image: url(../img/top/takanocraft01.png);
  background-position: center left;
  background-size: cover;
  background-repeat: no-repeat;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

main .top_outlink .top_outlink_inner .takanocraft_btn .takanocraft_btn_img::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-image: url(../img/top/takanocraft02.png);
  background-position: center left;
  background-size: cover;
  background-repeat: no-repeat;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

main .common_contact .common_contact_inner .common_contact_left {
  border-right: 2px solid #ff7e00;
}

main .common_contact .common_contact_inner .common_contact_right .common_contact_form .common_contact_btn {
  background-color: #ff7e00;
  width: 380px;
  border: 1px solid #ff7e00;
}

main .common_contact .common_contact_inner .common_contact_right .common_contact_form .common_contact_btn:hover {
  opacity: 1;
  background-color: white;
}

main .common_contact .common_contact_inner .common_contact_right .common_contact_form .common_contact_btn:hover p, main .common_contact .common_contact_inner .common_contact_right .common_contact_form .common_contact_btn:hover span {
  color: #ff7e00;
}

/*----------------------------------------------------------------

footer

----------------------------------------------------------------*/
footer .footer_contents .footer_logo img {
  width: 450px;
  height: auto;
}

footer .footer_contents .footer_list a {
  padding-left: 30px;
}

footer .footer_contents .footer_list a::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 20px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #ff7e00;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

footer .footer_contents .footer_list a:hover {
  opacity: 1;
  color: #ff7e00;
}

footer .footer_contents .footer_list a:hover::before {
  background-color: white;
}

#tig,
#semiauto,
#laser,
#arc,
#gas,
#spot,
#brazing,
#canned_products,
#mold_overlay,
#different_overlay,
#parts_repair,
#industrial_machinery,
#machine_parts,
#mold_overlay,
#name_plate,
#greeting,
#history,
#outline,
#access {
  -webkit-transform: translateY(-80px);
          transform: translateY(-80px);
  display: block;
}

.wp-block-image {
  overflow: hidden;
}
/*# sourceMappingURL=main.css.map */