@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 7, page_businessRailway.scss */
#business { /*================================================================================================================
　fishplate
================================================================================================================*/ /*================================================================================================================
　various_rails_processing
================================================================================================================*/ /*================================================================================================================
　components
================================================================================================================*/ /*================================================================================================================
　factory_equipment
================================================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- PC～スマホ 調整（兼タブレット）
--------------------------------------------------------------------------------------------- */ }
/* line 13, page_businessRailway.scss */
#business.fishplate { /*============================
#intro
============================*/ /*============================
#about
============================*/ /*============================
#line
============================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 23, page_businessRailway.scss */
#business.fishplate #about.inner { margin-bottom: 100px; }
/* line 24, page_businessRailway.scss */
#business.fishplate #about.inner .pointBox { margin-bottom: 50px; }
/* line 28, page_businessRailway.scss */
#business.fishplate #about.inner .pointBox .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; }
/* line 29, page_businessRailway.scss */
#business.fishplate #about.inner .pointBox ul { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; margin-top: 20px; }
/* line 30, page_businessRailway.scss */
#business.fishplate #about.inner .pointBox ul li { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 31, page_businessRailway.scss */
#business.fishplate #about.inner .pointBox ul li:not(:last-child) { margin-right: 50px; }
/* line 32, page_businessRailway.scss */
#business.fishplate #about.inner .pointBox ul li em { width: 55px; height: 25px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border: 1px solid #f0713b; color: #f0713b; font-size: 18px; font-size: 1.125rem; line-height: 1.125rem; padding-top: 2px; font-weight: 500; background: #fff; }
/* line 33, page_businessRailway.scss */
#business.fishplate #about.inner .pointBox ul li span { font-size: 16px; font-size: 1rem; line-height: 1.6rem; }
/* line 34, page_businessRailway.scss */
#business.fishplate #about.inner .pointBox ul li span::before { content: "…"; padding: 0 5px; }
/* line 45, page_businessRailway.scss */
#business.fishplate #line.inner { margin-bottom: 120px; /* 流れ */ }
/* line 47, page_businessRailway.scss */
#business.fishplate #line.inner .ttlCmn { margin-bottom: 40px; }
/* line 51, page_businessRailway.scss */
#business.fishplate #line.inner ul.flow { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 52, page_businessRailway.scss */
#business.fishplate #line.inner ul.flow li { width: calc(100% / 4 - 18px); margin-bottom: 25px; position: relative; }
/* line 54, page_businessRailway.scss */
#business.fishplate #line.inner ul.flow li:not(:last-child)::after { content: ""; background: url("../img/arrow.png") no-repeat; background-size: cover; width: 20px; height: 38px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 100%; opacity: .6; margin-top: 30px; }
/* line 56, page_businessRailway.scss */
#business.fishplate #line.inner ul.flow li .t { font-size: 18px; font-size: 1.125rem; line-height: 1.125rem; font-weight: bold; border-radius: 8px; overflow: hidden; background: linear-gradient(to bottom, #e6e6e6 0%, #fcfcfc 100%); border: 3px solid #fff; margin-bottom: 20px; width: 100%; height: 45px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding-top: 4px; box-shadow: 2px 2px 12px -6px rgba(0, 0, 0, 0.25) inset, 2px 3px 5px 0px rgba(0, 0, 0, 0.25); box-sizing: border-box; }
/* line 60, page_businessRailway.scss */
#business.fishplate #line.inner .caption { display: block; text-align: right; }
/* line 62, page_businessRailway.scss */
#business.fishplate #line.inner .movieList.flex { margin-top: 50px; margin-bottom: 50px; }
/* line 70, page_businessRailway.scss */
#business.fishplate .mv { margin-bottom: 60px; }
@media only screen and (max-width: 750px) { /* line 76, page_businessRailway.scss */
  #business.fishplate #about.inner { margin-bottom: 50px; }
  /* line 77, page_businessRailway.scss */
  #business.fishplate #about.inner .pointBox { margin-bottom: 40px; }
  /* line 81, page_businessRailway.scss */
  #business.fishplate #about.inner .pointBox .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; }
  /* line 82, page_businessRailway.scss */
  #business.fishplate #about.inner .pointBox ul { justify-content: center; margin-top: 20px; }
  /* line 83, page_businessRailway.scss */
  #business.fishplate #about.inner .pointBox ul li { width: 100%; justify-content: flex-start; }
  /* line 84, page_businessRailway.scss */
  #business.fishplate #about.inner .pointBox ul li:not(:last-child) { margin-right: 0px; margin-bottom: 10px; }
  /* line 85, page_businessRailway.scss */
  #business.fishplate #about.inner .pointBox ul li em { width: 55px; height: 25px; font-size: 16px; font-size: 1rem; line-height: 1rem; padding-top: 2px; }
  /* line 86, page_businessRailway.scss */
  #business.fishplate #about.inner .pointBox ul li span { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; }
  /* line 87, page_businessRailway.scss */
  #business.fishplate #about.inner .pointBox ul li span::before { padding: 0 5px; }
  /* line 94, page_businessRailway.scss */
  #business.fishplate #line.inner { margin-bottom: 40px; /* 流れ */ }
  /* line 96, page_businessRailway.scss */
  #business.fishplate #line.inner .ttlCmn { margin: 0 auto 30px; width: 90%; }
  /* line 100, page_businessRailway.scss */
  #business.fishplate #line.inner ul.flow { padding: 0 5%; }
  /* line 101, page_businessRailway.scss */
  #business.fishplate #line.inner ul.flow li { width: calc(100% / 2 - 7.5px); margin-bottom: 15px; }
  /* line 103, page_businessRailway.scss */
  #business.fishplate #line.inner ul.flow li:not(:last-child)::after { width: 15px; height: 32px; margin-top: 30px; }
  /* line 105, page_businessRailway.scss */
  #business.fishplate #line.inner ul.flow li .t { font-size: 16px; font-size: 1rem; line-height: 1rem; border-radius: 8px; overflow: hidden; margin-bottom: 10px; width: 100%; height: 36px; padding-top: 4px; box-shadow: 2px 2px 12px -6px rgba(0, 0, 0, 0.25) inset, 2px 3px 5px 0px rgba(0, 0, 0, 0.25); }
  /* line 109, page_businessRailway.scss */
  #business.fishplate #line.inner .caption { display: block; text-align: left; padding: 0 5%; }
  /* line 111, page_businessRailway.scss */
  #business.fishplate #line.inner .movieList.flex { margin-top: 30px; margin-bottom: 0px; padding: 0 5%; flex-direction: column-reverse; }
  /* line 113, page_businessRailway.scss */
  #business.fishplate #line.inner .movieList.flex .phSet { margin-bottom: 30px; } }
/* line 125, page_businessRailway.scss */
#business.various_rails_processing { /*============================
#intro
============================*/ /*============================
#turnout
============================*/ /*============================
#railprocessing
============================*/ /*============================
#qualitycontrol
============================*/ /*============================
#railwelding
============================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 127, page_businessRailway.scss */
#business.various_rails_processing .list { margin-bottom: 150px; }
/* line 128, page_businessRailway.scss */
#business.various_rails_processing .aboutT { font-weight: bold; font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; border-bottom: 2px dotted #f0713b; padding-bottom: 3px; margin-bottom: 10px; display: inline-block; }
/* line 140, page_businessRailway.scss */
#business.various_rails_processing #turnout.inner.list ul.phList.col3 { margin-bottom: 50px; }
/* line 148, page_businessRailway.scss */
#business.various_rails_processing #railprocessing.inner.list ul.phList.col3 { margin-bottom: 50px; }
/* line 156, page_businessRailway.scss */
#business.various_rails_processing #qualitycontrol.inner.list .read { font-size: 15px; font-size: 0.9375rem; line-height: 2.0625rem; margin: 0 auto 40px; }
/* line 157, page_businessRailway.scss */
#business.various_rails_processing #qualitycontrol.inner.list .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 158, page_businessRailway.scss */
#business.various_rails_processing #qualitycontrol.inner.list .phWrap .sec01 { display: flex; justify-content: space-between; flex-wrap: wrap; width: 65.82%; }
/* line 159, page_businessRailway.scss */
#business.various_rails_processing #qualitycontrol.inner.list .phWrap .sec01 .ph.ph01 { width: 100%; margin-bottom: 4%; }
/* line 160, page_businessRailway.scss */
#business.various_rails_processing #qualitycontrol.inner.list .phWrap .sec01 .ph.ph02, #business.various_rails_processing #qualitycontrol.inner.list .phWrap .sec01 .ph.ph03 { width: 48%; }
/* line 163, page_businessRailway.scss */
#business.various_rails_processing #qualitycontrol.inner.list .phWrap .ph.ph04 { width: 31.55%; }
/* line 170, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list { /* ゴールドサミット溶接 */ /* ガス溶射肉盛 */ /* レール溶接部後熱処理装置RH-2 */ }
/* line 172, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .read { font-size: 15px; font-size: 0.9375rem; line-height: 2.0625rem; margin: 0 auto 40px; text-align: left; }
/* line 174, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .goldsummit.flex { margin-bottom: 60px; }
/* line 175, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .goldsummit.flex .ttlCmn { margin-bottom: 30px; }
/* line 178, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .goldsummit.flex .phSet { width: 340px; margin-top: 10px; }
/* line 179, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .goldsummit.flex .phSet span { display: block; }
/* line 180, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .goldsummit.flex .phSet em { display: block; text-align: left; margin-top: 12px; }
/* line 182, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .goldsummit.flex .text { width: calc(100% - 390px); text-align: left; }
/* line 189, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .goldsummit.flex .text .pointBox ol li { display: list-item; list-style-type: decimal; list-style-position: outside; margin-left: 1em; color: #f0713b; font-weight: bold; font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; }
/* line 190, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .goldsummit.flex .text .pointBox ol li:not(:last-child) { margin-bottom: 8px; }
/* line 191, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .goldsummit.flex .text .pointBox ol li span { color: #262626; font-weight: 500; }
/* line 196, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .goldsummit.flex .read.read02 { margin: 20px 0 0; }
/* line 199, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .guswelding.flex { margin-bottom: 60px; }
/* line 200, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .guswelding.flex .ttlCmn { margin-bottom: 30px; }
/* line 201, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .guswelding.flex .ph { width: 340px; }
/* line 202, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .guswelding.flex .text { width: calc(100% - 380px); text-align: left; }
/* line 203, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .guswelding.flex .text .read { width: 100%; }
/* line 207, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .rh2.flex { position: relative; }
/* line 208, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .rh2.flex .ttlCmn { margin-bottom: 30px; }
/* line 209, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .rh2.flex .ph.abs { width: 460px; top: -20px; right: 0; }
/* line 210, page_businessRailway.scss */
#business.various_rails_processing #railwelding.inner.list .rh2.flex .read { width: 100%; padding-right: 520px; margin-bottom: 0; }
@media only screen and (max-width: 750px) { /* line 125, page_businessRailway.scss */
  #business.various_rails_processing { /*============================
#turnout
============================*/ /*============================
#railprocessing
============================*/ /*============================
#qualitycontrol
============================*/ /*============================
#railwelding
============================*/ }
  /* line 219, page_businessRailway.scss */
  #business.various_rails_processing .titImgWrap .t { padding-top: 15px; }
  /* line 220, page_businessRailway.scss */
  #business.various_rails_processing .titImgWrap .t em.jpH { /*line-height: 1.2;*/ }
  /* line 221, page_businessRailway.scss */
  #business.various_rails_processing .titImgWrap .t em.jpH strong { bottom: calc(100% - 15px); }
  /* line 226, page_businessRailway.scss */
  #business.various_rails_processing .list { margin-bottom: 80px; }
  /* line 228, page_businessRailway.scss */
  #business.various_rails_processing .aboutT { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; padding-bottom: 3px; margin-bottom: 10px; }
  /* line 235, page_businessRailway.scss */
  #business.various_rails_processing #turnout.inner.list ul.phList.col3 { margin-bottom: 50px; }
  /* line 243, page_businessRailway.scss */
  #business.various_rails_processing #railprocessing.inner.list ul.phList.col3 { margin-bottom: 50px; }
  /* line 251, page_businessRailway.scss */
  #business.various_rails_processing #qualitycontrol.inner.list .read { font-size: 15px; font-size: 0.9375rem; line-height: 2.0625rem; margin: 0 auto 30px; width: 90%; text-align: left; }
  /* line 252, page_businessRailway.scss */
  #business.various_rails_processing #qualitycontrol.inner.list .phWrap { padding: 0 5%; }
  /* line 253, page_businessRailway.scss */
  #business.various_rails_processing #qualitycontrol.inner.list .phWrap .sec01 { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
  /* line 254, page_businessRailway.scss */
  #business.various_rails_processing #qualitycontrol.inner.list .phWrap .sec01 .ph.ph01 { width: 100%; margin-bottom: 3%; }
  /* line 255, page_businessRailway.scss */
  #business.various_rails_processing #qualitycontrol.inner.list .phWrap .sec01 .ph.ph02, #business.various_rails_processing #qualitycontrol.inner.list .phWrap .sec01 .ph.ph03 { width: 48.5%; }
  /* line 258, page_businessRailway.scss */
  #business.various_rails_processing #qualitycontrol.inner.list .phWrap .ph.ph04 { width: 100%; margin-top: 3%; }
  /* line 265, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list { /* ゴールドサミット溶接 */ /* ガス溶射肉盛 */ /* レール溶接部後熱処理装置RH-2 */ }
  /* line 267, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .read { font-size: 15px; font-size: 0.9375rem; line-height: 2.0625rem; margin: 0 auto 40px; width: 90%; }
  /* line 269, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .goldsummit.flex { margin-bottom: 60px; }
  /* line 270, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .goldsummit.flex .ttlCmn { width: 90%; margin: 0 auto 30px; }
  /* line 273, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .goldsummit.flex .phSet { width: 100%; margin-top: 0px; margin-bottom: 30px; padding: 0 5%; }
  /* line 275, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .goldsummit.flex .phSet em { margin-top: 12px; }
  /* line 277, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .goldsummit.flex .text { width: 100%; }
  /* line 284, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .goldsummit.flex .text .pointBox ol li { margin-left: 1em; font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; }
  /* line 285, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .goldsummit.flex .text .pointBox ol li:not(:last-child) { margin-bottom: 10px; }
  /* line 291, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .goldsummit.flex .read.read02 { margin: 20px 0 0; padding: 0 5%; }
  /* line 294, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .guswelding.flex { margin-bottom: 60px; padding: 0 5%; }
  /* line 295, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .guswelding.flex .ttlCmn { margin-bottom: 30px; }
  /* line 296, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .guswelding.flex .ph { width: 100%; margin-bottom: 20px; }
  /* line 297, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .guswelding.flex .text { width: 100%; }
  /* line 298, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .guswelding.flex .text .read { width: 100%; }
  /* line 302, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .rh2.flex { position: relative; padding: 0 5%; }
  /* line 303, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .rh2.flex .ttlCmn { margin-bottom: 20px; }
  /* line 304, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .rh2.flex .ph.abs { position: relative; width: 100%; top: auto; right: auto; margin-bottom: 20px; }
  /* line 305, page_businessRailway.scss */
  #business.various_rails_processing #railwelding.inner.list .rh2.flex .read { width: 100%; padding-right: 0px; margin-bottom: 0; } }
/* line 313, page_businessRailway.scss */
#business.components { /*============================
#intro
============================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 319, page_businessRailway.scss */
#business.components #intro.inner .catch.jpH { margin-bottom: 30px; }
/* line 320, page_businessRailway.scss */
#business.components #intro.inner .logoSet.flex { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 30px; }
/* line 321, page_businessRailway.scss */
#business.components #intro.inner .logoSet.flex .logoKyutekki { width: 280px; }
/* line 322, page_businessRailway.scss */
#business.components #intro.inner .logoSet.flex .cross { width: 34px; margin: 0 30px; }
/* line 323, page_businessRailway.scss */
#business.components #intro.inner .logoSet.flex .logoKoito { width: 280px; }
/* line 325, page_businessRailway.scss */
#business.components #intro.inner .read { font-size: 15px; font-size: 0.9375rem; line-height: 2.0625rem; margin: 0 auto 50px; }
/* line 327, page_businessRailway.scss */
#business.components #phWrap.inner.flex { position: relative; padding-bottom: 100px; }
/* line 328, page_businessRailway.scss */
#business.components #phWrap.inner.flex ul.phList.col3 { z-index: 1; }
/* line 329, page_businessRailway.scss */
#business.components #phWrap.inner.flex .phMain { position: absolute; bottom: 0; right: 0; z-index: 0; width: 680px; }
/* line 330, page_businessRailway.scss */
#business.components #phWrap.inner.flex .link { /*margin-top: 60px;*/ }
/* line 331, page_businessRailway.scss */
#business.components #phWrap.inner.flex .link a { text-decoration: underline; }
@media only screen and (max-width: 750px) { /* line 313, page_businessRailway.scss */
  #business.components { /*============================
#intro
============================*/ }
  /* line 346, page_businessRailway.scss */
  #business.components #intro.inner .catch.jpH { margin-bottom: 25px; }
  /* line 347, page_businessRailway.scss */
  #business.components #intro.inner .logoSet.flex { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 30px; flex-direction: column; }
  /* line 348, page_businessRailway.scss */
  #business.components #intro.inner .logoSet.flex .logoKyutekki { width: 274px; }
  /* line 349, page_businessRailway.scss */
  #business.components #intro.inner .logoSet.flex .cross { width: 34px; margin: 10px auto 15px; }
  /* line 350, page_businessRailway.scss */
  #business.components #intro.inner .logoSet.flex .logoKoito { width: 254px; }
  /* line 352, page_businessRailway.scss */
  #business.components #intro.inner .read { font-size: 15px; font-size: 0.9375rem; line-height: 2.0625rem; margin: 0 auto 40px; text-align: left; padding: 0 5%; }
  /* line 354, page_businessRailway.scss */
  #business.components #phWrap.inner.flex { padding-bottom: 80px; }
  /* line 356, page_businessRailway.scss */
  #business.components #phWrap.inner.flex .phMain { position: relative; bottom: auto; right: auto; }
  /* line 357, page_businessRailway.scss */
  #business.components #phWrap.inner.flex .link { margin-top: 40px; width: 100%; } }
/* line 369, page_businessRailway.scss */
#business.factory_equipment { /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 370, page_businessRailway.scss */
#business.factory_equipment #intro.inner { padding-bottom: 100px; }
/* line 371, page_businessRailway.scss */
#business.factory_equipment #intro.inner .catch.jpH { margin-bottom: 30px; }
/* line 372, page_businessRailway.scss */
#business.factory_equipment #intro.inner .read { font-size: 16px; font-size: 1rem; line-height: 2.2rem; margin: 0 auto 50px; }
@media only screen and (max-width: 750px) { /* line 369, page_businessRailway.scss */
  #business.factory_equipment { padding-bottom: 60px; }
  /* line 385, page_businessRailway.scss */
  #business.factory_equipment #intro.inner { padding-bottom: 0; }
  /* line 386, page_businessRailway.scss */
  #business.factory_equipment #intro.inner .catch.jpH { margin-bottom: 25px; }
  /* line 387, page_businessRailway.scss */
  #business.factory_equipment #intro.inner .read { font-size: 16px; font-size: 1rem; line-height: 2.2rem; margin: 0 auto 40px; padding: 0 5%; text-align: left; } }