@charset "utf-8";

/* ソリューションサービス中面css 第2弾 */

/* -------リセット--------------------- */
* { box-sizing: border-box; }
body, html { min-width: auto; }
dl, dt, dd { margin-bottom: 0; }
ul { margin-top: 0; margin-bottom: 0; list-style-type: disc; padding-inline-start: 40px; }
dt { font-weight: normal; }
sup { font-size: 75%; line-height: 0; }
h1, h2, h3, h4 { font-size: 1em; margin: 0 0; }
a { text-decoration: none; color: #000000; }
a:active { color: black; }
a:focus { outline: none; }
a:hover { text-decoration: none; }

.reset_ss { font-size: 14px; line-height: 150%; }

/* ヘッダー -----------------------*/
.head-inner { background-color: white; }
.sp_pad { display: none; }

/* ------パンくず----------------- */
.crumb {
/*	background:url(https://www.jfe-steel.co.jp/products/images/crumb_bg.png); (2025/11)*/
	background:url(/products/solution/images/crumb_bg.png);
	height:initial;
  min-height: 25px;
	width:1024px;
	margin:0 auto;
/*	font-size:70%; (2025/11) */
	font-size:85%;
	font-weight:200;
	z-index: 3;
/*	line-height: 18.8px; (2025/11) */
	line-height: 26.32px;
  padding-top: 5px;
  padding-bottom: 5px;/* add */
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width:1024px) { 
    .crumb { width:100%; } }
@media screen and (max-width:470px) { 
/*    .crumb { font-size:8.5px; } }*/
    .crumb { font-size:11.9px; } }


.crumb ul,.crumb li,.crumb ul span {
  margin:0;
  padding:0;
  float:left;
  list-style:none;
  color:#fff;
}

.crumb ul {
  margin-left:16px;
}

.crumb li {
  overflow: hidden;
}

.crumb li:after {
  margin: 0 5px;
  content: ">";
}

.crumb li:last-child:after {
  content: "";
}

.crumb li a {
  text-decoration:none;
  color:#26C9FF;
}

.crumb li a:hover{color:#FF8000;text-decoration:none;
}

.crumb_english {
  margin-right:16px;
}

.crumb_english a {
  color:#26C9FF;
  white-space: nowrap;
}
.crumb_english a:hover{color:#FF8000;text-decoration:none;
}

.head-inner {
  background-color: white;
}

/* -------配置?文字--------------------- */
.tCenter { text-align: center; }
.tLeft { text-align: left; }
.tRight { text-align: right; }
.fx_left { display: flex; justify-content: flex-start; }
.fx_center { display: flex; justify-content: center; }
.fx_right { display: flex; justify-content: flex-end; }
.fx_top { display: flex; align-items: flex-start; }
.fx_middle { display: flex; align-items: center; }
.fx_bottom { display: flex; align-items: flex-end; }
.fx_column { display: flex; flex-direction: column; }
.marg_center { margin-left: auto; margin-right: auto; }
.marg_right { margin-left: auto; }
.marg_left { margin-right: auto; }
.margt_auto { margin-top: auto; }
.float_R { float: right; }
.w_fit { width: fit-content; }
.inline_block { display: inline-block; }

.bold_36 { font-weight: 700; font-size: 36px; line-height: 150%; }
.bold_30 { font-weight: 700; font-size: 30px; line-height: 150%; }
.bold_24 { font-weight: 700; font-size: 24px; line-height: 150%; }
.bold_24_2 { 
    font-weight: 700; font-size: 24px; line-height: 150%; margin-top: 30px; }
.bold_24_3 { 
    font-weight: 700; font-size: 24px; line-height: 150%; margin-bottom: 8px; }
.m_24 { font-weight: 500; font-size: 24px; line-height: 150%; }
.bold_20 { font-weight: 700; font-size: 20px; line-height: 150%; color:#333 }
.bold_18_blue { 
    font-weight: 700; font-size: 18px; line-height: 180%; color:#006DC9; }
.r_18 { font-size: 18px; line-height: 180%; }
.n_16 { font-size: 16px; line-height: 180%; }
.n_12 { font-size: 15px; line-height: 150%; }

.indent_1 { padding-left: 1em; text-indent: -1em; }
.indent_5 { padding-left: 4.84em; text-indent: -4.84em; }
.pdl_1em { padding-left: 1em; }
.pdl_2em { padding-left: 2em; }
.pdl_3em { padding-left: 3em; }
.pdl_5em { padding-left: 4.84em; }
.indent_1_pdl_3 { padding-left: 3em; text-indent: -1em; }
.indent_1_pdl_7 { padding-left: 6.84em; text-indent: -1em; }
.pdLR_20 { padding-left: 20px; padding-right: 20px;}
.pdT10 { padding-top: 10px; }
.pdT15 { padding-top: 15px; }
.mgT_1em { margin-top: 1em;}
.mgT_1_5_em { margin-top: 1.5em;}
.mgB_1em { margin-bottom: 1em;}
.mgB_3em { margin-bottom: 3em;}
.font_bold { font-weight: 700; }
.font_med { font-weight: 500 !important; }
.ti_0_pdL_18px > p,
.ti_0_pdL_18px > a { text-indent: 0 !important; padding-left: 18px !important; }

.txt_wh { color: white; }
.txt_white { color: white;}
.fcolor_blue { color: #006DC9; }
.fcolor_blue_2 { color: #21B3F5; }
.fcolor_green { color: #00A706; }
.fcolor_orange1 { color: #f16b31; }
.tx_yellow { color: #FFC512; }
.bg_white { background-color: white; }

@media screen and (max-width:768px) {
.bold_36 { font-size: 24px; }
.bold_30 { font-size: 20px; }
.bold_24 { font-size: 20px; }
.bold_24_2 { font-size: 18px; padding-top: 20px;}
.bold_24_3 { font-size: 18px; }
.bold_20 { font-size: 16px; }
.bold_18_blue { font-size: 15px;}
.link_list li { font-size: 12px;  padding-bottom: 8px; }
.r_18 { font-size: 15px; }
.n_16 { font-size: 14px; }
.n_12 { font-size: 12px; } 
}

/* 表示?非表示 -----------------------*/
.nopc_768 { display: none; }
.nopc_768 { display: none; }

@media screen and (max-width:980px) {
.nosp_980 { display: none; }
}

@media screen and (max-width:850px) {
.nosp_850 { display: none; }
}
    
@media screen and (max-width:768px) { 
.nosp_768 { display: none; }
.nopc_768 { display: block; }
}

@media screen and (max-width:450px) { 
.nosp_450 { display: none; }
}

@media screen and (max-width:420px) { 
.nosp_420 { display: none; }
}

/* ページ内リンク調整用 ---------------------------*/
a.anchor {
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}    

/* ------- Solution List Top ------------------------ */
.container_w1500 {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;;
}

.solution_list_txt > div:first-child { 
    display: flex; 
    align-items: center; 
    font-weight: 700; 
    font-size: 58px; 
    line-height: 100%;
    margin-top: 45px;
}
.solution_list_txt > div:first-child > div { 
    font-size: 15px; 
    line-height: 100%; 
    letter-spacing: 0.05em; 
    padding: 8px 0 0 15px;
}
.solution_list_txt > div:last-child { 
    font-weight: 700;
    font-size: 15px; 
    line-height: 180%; 
    letter-spacing: 0.05em; 
    margin: 15px 0 32px;
}

/* 背景英字 共通 */
.container_map_common,
.container_data_science_field,
.container_general_purpose,
.container_blast_furnace,
.container_licencing_flow,
.container_total_solution,
.container_search,
.container_raw_material_processing,
.container_hot_rolled,
.container_energy,
.container_plates,
.container_steelmaking,
.container_coke,
.container_bulk_transport {
    background: #F4F4F6 no-repeat;
    padding: 50px 20px 100px;
}
/* 背景英字 個別 */
.container_data_science_field {
    background-image: url(/products/solution/data-science/images/bg_text_data_science.png);
    background-position: top 50px left -3px;
}
.container_general_purpose {
    background-image: url(/products/solution/images/bg_text_general_purpose.png);
    background-position: top 50px left -42px;
}
.container_blast_furnace {
    background-image: url(/products/solution/blast-furnace/images/bg_text_blast_furnace.png);
    background-position: top 50px left -3px;
}
.container_licencing_flow {
    background-image: url(/products/solution/licensing/images/bg_text_flow.png);
    background-position: top 0px left -3px;
    padding-top: 0;
}
.container_total_solution {
    background-image: url(/products/solution/total-s/images/bg_text_totalsolution.png);
    background-position: top 0px left -3px;
    padding-top: 0;
}
.container_search {
    background-image: url(/products/solution/sear/images/bg_text_search.png);
    background-position: top 0px left -3px;
    padding-top: 0;
}
.container_raw_material_processing {
    background-image: url(/products/solution/raw-materials/images/bg_text_raw_material_processing.png);
    background-position: top 50px left -42px;
}
.container_hot_rolled {
    background-image: url(/products/solution/hot-rolled/images/bg_text_hot-rolled.png);
    background-position: top 50px left -3px;
}
.container_energy {
    background-image: url(/products/solution/energy/images/bg_text_energy.png);
    background-position: top 50px left -42px;
}
.container_plates {
    background-image: url(/products/solution/plates/images/bg_text_plates.png);
    background-position: top 50px left 0px;
}
.container_steelmaking {
    background-image: url(/products/solution/steelmaking/images/bg_text_steelmaking.png);
    background-position: top 50px left 0px;
}
.container_coke {
    background-image: url(/products/solution/coke/images/bg_text_coke.png);
    background-position: top 50px left -3px;
}
.container_bulk_transport {
    background-image: url(/products/solution/raw-materials/images/bg_text_raw_material_processing.png);
    background-position: top 50px left -42px;
}
.container_wirerods {
    background-image: url(/products/solution/wirerods/images/bg_text_wire_rods.png);
    background-position: top 50px left 0px;
}
.container_pipes {
    background-image: url(/products/solution/pipes/images/bg_text_steel_pipe.png);
    background-position: top 50px left 0px;
}
.container_shapes {
    background-image: url(/products/solution/shapes/images/bg_text_shapes.png);
    background-position: top 50px left 0px;
}
.container_slag {
    background-image: url(/products/solution/slag/images/bg_text_slag.png);
    background-position: top 50px left 0px;
}

.solution_map {
    position: relative;
    padding: 50px;
}
.solution_map::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 1px;
    height: 30px;
    background-color: white;
}
.solution_map::after {
    position: absolute;
    content: "";
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 1px;
    height: 30px;
}
.solution_map + p {
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    margin: 60px 0 25px;
}
/* データサイエンス用 */
.map_data_science { background-color: #006DC9; }
.map_data_science::after { background-color: #006DC9; }
.map_data_science + p { color: #006DC9; }
/* 汎用技術用 */
.map_general_purpose { 
  background-color: #06a3ea;
  padding: 35px 29px 25px 21px;
 }
.map_general_purpose::after { background-color: #06a3ea }
.map_general_purpose + p { color: #06a3ea }

.list_applicable_technology {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 55px;
    max-width: 1310px;
    margin: 0 auto 70px;
}
.list_applicable_technology a,
.list_applicable_technology p {
    position: relative;
    display: block;
    background-color: white;
    width: 400px;
    padding: 15px 35px 15px 40px;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    text-indent: -22px;
}
.list_applicable_technology > p a {
    display: inline-block;
    width: 350px;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    text-indent: 0;
}
.list_applicable_technology span {
    font-weight: 400;
    font-size: 16px;
}
.list_applicable_technology a:hover {
    color: white;
    background-color: black;
    transition: .3s;
}
.list_applicable_technology a::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 20px;
    width: 7px;
    height: 7px;
    border-top: solid 3px #969696;
    border-right: solid 3px #969696;
    transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width:1370px) { 
    .list_applicable_technology { max-width: 855px; }
}
@media screen and (max-width:915px) { 
    .list_applicable_technology { max-width: 400px; }
}
@media screen and (max-width:768px) { 
    .solution_list_txt > div:first-child { 
        flex-direction: column;
        align-items: flex-start;
        font-size: 50px; 
    }
    .solution_list_txt > div:first-child div { 
        padding: 8px 0 0 0;
    }
    .solution_list_txt > div:last-child { 
        margin: 20px 0 32px;
    }
    .container_data_science_field,
    .container_general_purpose,
    .container_blast_furnace,
    .container_licencing_flow,
    .container_raw_material_processing,
    .container_hot_rolled,
    .container_energy,
    .container_plates,
    .container_steelmaking {
        background: #F4F4F6 no-repeat;
        padding: 50px 20px 50px;
    }
    .container_data_science_field {
        background-size: auto 960px;
    }
    .container_data_general_purpose {
        background-size: auto 1060px;
    }
    .container_licencing_flow {
        background-position: top 50px left -3px;
    }
    .solution_map {
        padding: 20px;
    }
    .map_general_purpose { 
      padding: 20px 15px 15px 11px !important;
    }
    .solution_map::before {
        height: 15px;
    }
    .solution_map::after {
        bottom: -15px;
        height: 15px;
    }
    .solution_map + p {
        font-size: 20px;
        margin: 30px 0 15px;
    }
    .list_applicable_technology {
        max-width: 340px;
        gap: 10px;
        margin: 0 auto;
    }
    .list_applicable_technology a {
        padding: 13px 35px 13px 34px;
        font-size: 15px;
        text-indent: -19px;
    }
}

/* -------Top------------------------ */
.container_ss_top { background: #F4F4F6 no-repeat center top; }

/*汎用技術*/
.ss_top_bg_gp001 { 
    background-image: url(/products/solution/images/ss_top_bg_gp001.jpg); }
.ss_top_bg_gp002 { 
    background-image: url(/products/solution/images/ss_top_bg_gp002.jpg); }
.ss_top_bg_gp003 { 
    background-image: url(/products/solution/images/ss_top_bg_gp003.jpg); }
.ss_top_bg_gp004 { 
    background-image: url(/products/solution/images/ss_top_bg_gp004.jpg); }
.ss_top_bg_gp005 { 
    background-image: url(/products/solution/images/ss_top_bg_gp005.jpg); }
.ss_top_bg_gp006 { 
    background-image: url(/products/solution/images/ss_top_bg_gp006.jpg); }
.ss_top_bg_gp007 { 
    background-image: url(/products/solution/images/ss_top_bg_gp007.jpg); }
.ss_top_bg_gp008 { 
    background-image: url(/products/solution/images/ss_top_bg_gp008.jpg); }
.ss_top_bg_gp009 { 
    background-image: url(/products/solution/images/ss_top_bg_gp009.jpg); }
.ss_top_bg_gp010 { 
    background-image: url(/products/solution/images/ss_top_bg_gp010.jpg); }
.ss_top_bg_gp011 { 
    background-image: url(/products/solution/images/ss_top_bg_gp011.jpg); }
.ss_top_bg_gp012 { 
    background-image: url(/products/solution/images/ss_top_bg_gp012.jpg); }
.ss_top_bg_gp013 { 
    background-image: url(/products/solution/images/ss_top_bg_gp013.jpg); }
.ss_top_bg_gp014 { 
    background-image: url(/products/solution/images/ss_top_bg_gp014.jpg); }
.ss_top_bg_gp015 { 
    background-image: url(/products/solution/images/ss_top_bg_gp015.jpg); }
.ss_top_bg_gp016 { 
    background-image: url(/products/solution/images/ss_top_bg_gp016.jpg); }
.ss_top_bg_gp017 { 
    background-image: url(/products/solution/images/ss_top_bg_gp017.jpg); }
.ss_top_bg_gp018 { 
    background-image: url(/products/solution/images/ss_top_bg_gp018.jpg); }
.ss_top_bg_gp019 { 
    background-image: url(/products/solution/images/ss_top_bg_gp019.jpg); }
.ss_top_bg_gp020 { 
    background-image: url(/products/solution/images/ss_top_bg_gp020.jpg); }

        
/*データサイエンス*/
.ss_top_bg_ds001 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds001.jpg); }
.ss_top_bg_ds002 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds002.jpg); }
.ss_top_bg_ds003 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds003.jpg); }
.ss_top_bg_ds004 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds004.jpg); }
.ss_top_bg_ds005 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds005.jpg); }
.ss_top_bg_ds006 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds006.jpg); }
.ss_top_bg_ds007 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds007.jpg); }
.ss_top_bg_ds008 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds008.jpg); }
.ss_top_bg_ds009 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds009.jpg); }
.ss_top_bg_ds010 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds010.jpg); }
.ss_top_bg_ds011 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds011.jpg); }
.ss_top_bg_ds012 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds012.jpg); }
.ss_top_bg_ds013 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds013.jpg); }
.ss_top_bg_ds014 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds014.jpg); }
.ss_top_bg_ds015 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds015.jpg); }
.ss_top_bg_ds016 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds016.jpg); }
.ss_top_bg_ds017 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds017.jpg); }
.ss_top_bg_ds018 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds018.jpg); }
.ss_top_bg_ds019 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds019.jpg); }
.ss_top_bg_ds020 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds020.jpg); }
.ss_top_bg_ds021 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds021.jpg); }
.ss_top_bg_ds022 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds022.jpg); }
.ss_top_bg_ds023 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds023.jpg); }
.ss_top_bg_ds024 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds024.jpg); }
.ss_top_bg_ds025 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds025.jpg); }
.ss_top_bg_ds026 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds026.jpg); }
.ss_top_bg_ds027 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds027.jpg); }
.ss_top_bg_ds028 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds028.jpg); }
.ss_top_bg_ds029 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds029.jpg); }
.ss_top_bg_ds030 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds030.jpg); }
.ss_top_bg_ds031 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds031.jpg); }
.ss_top_bg_ds032 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds032.jpg); }
.ss_top_bg_ds033 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds033.jpg); }
.ss_top_bg_ds034 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds034.jpg); }
.ss_top_bg_ds035 { 
    background-image: url(/products/solution/data-science/images/ss_top_bg_ds035.jpg); }


/*コークス*/
.ss_top_bg_ck001 { 
    background-image: url(/products/solution/coke/images/ss_top_bg_ck001.jpg); }
.ss_top_bg_ck002 { 
    background-image: url(/products/solution/coke/images/ss_top_bg_ck002.jpg); }
.ss_top_bg_ck003 { 
    background-image: url(/products/solution/coke/images/ss_top_bg_ck003.jpg); }

/*製鋼*/
.ss_top_bg_st001 { 
    background-image: url(/products/solution/steelmaking/images/ss_top_bg_st001.jpg); }
.ss_top_bg_st002 { 
    background-image: url(/products/solution/steelmaking/images/ss_top_bg_st002.jpg); }

.ss_top_bg_st001a { 
    background-image: url(/products/solution/steelmaking/images/ss_top_bg_st001a.jpg); }


/*熱延*/
.ss_top_bg_hr001 { 
    background-image: url(/products/solution/hot-rolled/images/ss_top_bg_hr001.jpg); }
.ss_top_bg_hr002 { 
    background-image: url(/products/solution/hot-rolled/images/ss_top_bg_hr002.jpg); }
.ss_top_bg_hr003 { 
    background-image: url(/products/solution/hot-rolled/images/ss_top_bg_hr003.jpg); }

/*厚板*/
.ss_top_bg_pl001 { 
    background-image: url(/products/solution/plates/images/ss_top_bg_pl001.jpg); }
.ss_top_bg_pl002 { 
    background-image: url(/products/solution/plates/images/ss_top_bg_pl002.jpg); }



/*エネルギー*/
.ss_top_bg_en001 { 
    background-image: url(/products/solution/energy/images/ss_top_bg_en001.jpg); }

/*鋼管*/
.ss_top_bg_pi001 { 
    background-image: url(/products/solution/pipes/images/ss_top_bg_pi001.jpg); }
.ss_top_bg_pi003 { 
    background-image: url(/products/solution/pipes/images/ss_top_bg_pi003.jpg); }

/*棒線*/
.ss_top_bg_wr001 { 
    background-image: url(/products/solution/wirerods/images/ss_top_bg_wr001.jpg); }

/*形鋼*/
.ss_top_bg_shp001 { 
    background-image: url(/products/solution/shapes/images/ss_top_bg_shp001.jpg); }

/*スラグ*/
.ss_top_bg_slag001 { 
    background-image: url(/products/solution/slag/images/ss_top_bg_slag001.jpg); }

.ss_top_bg_slag002 { 
    background-image: url(/products/solution/slag/images/ss_top_bg_slag002.jpg); }

.ss_top_bg_slag003 { 
    background-image: url(/products/solution/slag/images/ss_top_bg_slag003.jpg); }



@media screen and (max-width:1200px) { 
  .ss_top_bg_gp008 { 
    background-size: auto calc(100% - 170px); 
  } 
}

@media (max-width: 768px) {
  .ss_top_bg_gp001 {
    background-position: right 40% top;
  }
  .ss_top_bg_gp004 { 
    background-size: auto calc(100% - 170px);
    background-position: right 14% top;
  }
  .ss_top_bg_gp005 { 
    background-size: auto calc(100% - 170px);
    background-position: right 30% top;
  }
  .ss_top_bg_gp006 { 
    background-size: auto 414px;
    background-position: right 18% top;
  }
  .ss_top_bg_gp007 { 
    background-size: auto 414px;
    background-position: right 21% top;
  }
  .ss_top_bg_gp012 { 
    background-position: right 37% top;
  }
  .ss_top_bg_gp013 { 
    background-position: right 15% top;
  }
  .ss_top_bg_gp014 { 
    background-size: auto 381px;
  }
  .ss_top_bg_gp015 { 
    background-size: auto calc(100% - 140px);
    background-position: right 42% top;
  }
  .ss_top_bg_gp017 { 
    background-size: auto calc(100% - 240px);
  }
  .ss_top_bg_ds001 { 
    background-position: right 40% top;
  }
  .ss_top_bg_ds004 { 
    background-position: right 38% top;
  }
  .ss_top_bg_ds006 { 
    background-position: right 16% top;
  }
  .ss_top_bg_ds007 { 
    background-position: right 25% top;
  }
  .ss_top_bg_ds008 { 
    background-position: right 32% top;
  }
  .ss_top_bg_ds011 { 
    background-position: left 38% top;
  }
  .ss_top_bg_ds012 { 
    background-position: right 30% top;
  }
  .ss_top_bg_ds014 { 
    background-position: right 35% top;
  }
  .ss_top_bg_ds016 { 
    background-position: right 30% top;
  }
  .ss_top_bg_ds019 { 
    background-position: right 30% top;
  }
  .ss_top_bg_ds023 { 
    background-size: auto calc(100% - 140px);
  }
  .ss_top_bg_ds028 { 
    background-size: auto calc(100% - 170px);
    background-position: right 19% top;
  }
  .ss_top_bg_ds030 { 
    background-size: auto calc(100% - 270px);
    background-position: right 28% top;
  }
  .ss_top_bg_ds031 { 
    background-size: auto calc(100% - 230px);
    background-position: right 33% top;
  }
  .ss_top_bg_ds033 { 
    background-position: right 40% top;
  }
  .ss_top_bg_ck003 { 
    background-position: right 40% top;
  }
  .ss_top_bg_hr001 { 
    background-position: right 25% top;
  }
  .ss_top_bg_hr002 { 
    background-position: right 25% top;
  }
  .ss_top_bg_en001 { 
    background-size: auto calc(100% - 140px);
    background-position: right 31% top;
  }
  .ss_top_bg_pi001 { 
    background-position: right 59% top;
  }
  .ss_top_bg_shp001 { 
    background-size: auto calc(100% - 140px);
    background-position: right 58% top;
  }
  .ss_top_bg_slag001 { 
    background-position: right 18% top;
  }
  .ss_top_bg_slag002 { 
    background-position: right 40% top;
  }
}

.container_w1400_1200_left {
    padding-left: clamp(0px, -328.24px + 26.47vw, 180px);
    max-width: 1380px;
    width: 100%;
}
.container_w1400_1200_left > div { 
    max-width: 1230px;
    width: 100%;
}
.page_title {
    color: white;
    font-weight: 700;
    font-size: 40px;
    line-height: 130%;
    padding: 10px 0;
}
.sub_title {
    color: white;
    font-weight: 700;
    font-size: 20px;
    line-height: 105%;
    padding-top: 15px;
}
.catch_txt {
    color: white;
    font-weight: 500;
    font-size: 18px;
    line-height: 180%;
    padding: 20px 0 75px;
}
.catch_txt_img_r {
    color: white;
    font-weight: 500;
    font-size: 18px;
    line-height: 180%;
    padding: 20px 0;
}
.catch_txt_img_r img {
    float: left;
    margin-right: 1.5em;
}
.tag { padding-top: 90px; }
.tag span {
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    border-radius: 15px;
    padding: 5px 13px;
    margin-right: 10px;
    margin-bottom: 6px;
    display: inline-block;
    background-color: #FFC512;
}

.container_solution_point {
    display: flex;
    background-color: #006DC9;
    max-width: 1400px;
    width: 100%;
    padding: 25px 0 25px clamp(20px, -308.24px + 26.47vw, 200px);
}
.container_solution_point > p {
    width: 170px; flex-shrink: 0; font-weight: 700; font-size: 20px; line-height: 180%; color: white; padding-top: 4px;
}
.container_solution_point > ul { width: 1030px; padding-right: 35px; }
.container_solution_point li { 
    font-weight: 700; font-size: 24px; line-height: 180%; color:white; }
.container_solution_point li::marker { color: #FFC512; }
.container_solution_point .pdl_1em {
    color: white;
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 10px;
}

@media screen and (max-width:768px) { 
.page_title { font-size: 24px; padding: 6px 0; }
.sub_title { font-size: 16px; padding-bottom: 8px; }
.catch_txt { font-size: 15px; padding-bottom: 75px; }
.catch_txt_img_r { font-size: 15px; }
.catch_txt_img_r img {
    float: initial;
    display: block;
    margin: 0 0 20px;
}
.tag { padding-top: 45px; }
.tag span {
    font-size: 10px;
    border-radius: 10px;
    padding: 5px 12px;
    margin-right: 8px;
    padding: 4px 13px;
}
.container_solution_point > p { font-size: 16px; width:140px; padding-top: 0; }
.container_solution_point > ul { padding-right: 20px; }
.container_solution_point li { font-size: 18px; }
.container_solution_point {
    flex-wrap: wrap;
    justify-content: flex-start;
}
}

@media screen and (max-width:500px) { 
}

/* Contact 追従ボタン --------------*/
.contact_fixed_2 { 
  position: sticky;
  top: 58px;
  margin-left: auto;
  z-index: 1100;
  width: 103px;
  height: 106px;
  border-radius: 20px 0 0 20px;
  background: #006DC9;
  display: block;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.2));
}
a.contact_fixed_2:hover {
  background: #80c6ff;
  transition: 0.3s all;
}
/* 旧コンタクトボタン（後で削除する） */
.contact_fixed { 
    position: sticky;
    top: 58px;
    margin-left: auto;
    z-index: 1100;
    width: 100px;
    height: 100px;
    background: #006DC9;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    font-weight: 700;
    font-size: 20px;
    line-height: 7px;
    padding-top: 12px;
}
.contact_fixed img {
    width: 55px; 
}
a.contact_fixed:hover {
    background: #80c6ff;
    transition: 0.3s all;
}
/* 旧コンタクトボタン　ここまで */
.bg_gray_F4F4F6 { background-color: #F4F4F6;}

@media screen and (max-width:768px) { 
.contact_fixed { display: none; }
}

/* --------Features------------------------ */
.container_feature {
    background: #F4F4F6 no-repeat url(../data-science/images/bg_text_features.png);
    background-position: top left;
    padding: 0px 20px;
}
.headline_border_left {
    border-left: 4px #006DC9 solid;
    padding-left: 18px;
    margin-bottom: 30px;
}
.headline_border_left > p {
    color: #006DC9;
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    padding-bottom: 10px;
}
.headline_border_left > div {
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
}
.box_skyblue {
    background: #E5F4FF;
    border: 1px solid #9AD4FF;
    padding: 30px 40px;
    margin-bottom: 30px;
}
.box_white_pd20 {
    background: white;
    padding: 20px;
}

.table_col_2 { padding-inline-start: 0px; }
.table_col_2 li {
    display: flex;
    gap: 7px;
    margin-top: 7px;
}
.table_col_2 li:first-child { margin-top: 0px; }
.table_col_2 > li > div {
    background-color: #fff;
    padding: 7px;
    width: 75%;
}
.table_col_2 > li:first-child > div { 
    background-color: #00b2ee !important; color: white; font-weight: 700;}
.table_col_2 > li > div:first-child { 
    width:25%; min-width: 130px; font-weight: 700; }

.img_w100per { width: 100%; }
.pdTB20 { padding-top: 20px; padding-bottom: 20px;}
.mgB20 { margin-bottom: 20px; }
.mgB30 { margin-bottom: 30px; }
.mgB35_25 { margin-bottom: 35px; }
.mgT100_50 { margin-top: 100px; }
.mgB100_50 { margin-bottom: 100px; }
.pdT100_50 { padding-top: 100px; }
.pd50_20 { padding: 50px; }
.mgB00 { margin-bottom: 0px !important;}

@media screen and (max-width:768px) { 
.container_feature { 
    background-position: top 40px left; padding-top: 50px; }
.headline_border_left { padding-left: 12px; margin-bottom: 20px; }
.headline_border_left > p { padding-bottom: 8px; }
.headline_border_left > div { font-size: 22px; }
.box_skyblue { padding: 20px; margin-bottom: 20px; }
.mgB20 { margin-bottom: 12px; }
.mgB35_25 { margin-bottom: 25px; }
.mgT100_50 { margin-top: 50px; }
.mgB100_50 { margin-bottom: 50px; }
.pdT100_50 { padding-top: 50px; }
.pd50_20 { padding: 20px; }
}

.container_w1230 {
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;;
}
.license_white_box {
    background-color: white;
    text-align: center;
    margin-top: 30px;
    padding: 15px;
}
.license_white_box + div {
    padding-top: 85px;
}
.license_white_box div {
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width:768px) { 
    .license_white_box {
        margin-top: 20px;
    }
    .license_white_box + div {
        padding-top: 45px;
    }
    
}

/* --------リンク集------------------------ */
.container_link {
    background: no-repeat url(../data-science/images/bg_text_links.png) white;
    background-position: top 80px left;
    padding: 80px 20px 0px;
}
.link_list { 
    font-weight: 700; font-size: 20px; line-height: 170%; color:#006DC9; padding-top: 28px; }
.container_link li,
.link_list_flow li { 
    font-weight: 700; font-size: 15px; line-height: 180%; padding: 2px 0; }
.container_link a:hover,
.link_list_flow a:hover { color: #006DC9; }
.container_link li::marker,
.link_list_flow li::marker { color: #006DC9; }
.movie_you, .movie_video { width:100%; aspect-ratio: 16 / 9; margin-top: 12px; }
.movie_you iframe { width: 100%; height: 100%; }
.list_logo { padding-inline-start: 0px;}
.list_logo li { list-style: none; border: 1px #aaa solid; 
    width: fit-content; padding: 16px 40px; margin-top: 8px; }

@media screen and (max-width:768px) { 
.container_link { padding: 80px 20px 50px; }
.link_list { font-size: 16px; padding-top: 20px; }
.list_logo li { padding: 12px 30px;}
}
@media screen and (max-width:420px) { 
.list_logo img { width:100%; }

}


/* --------その他ソリューションサービス-------- */
.container_w1600_1400_left {
    padding-left: clamp(0px, -328.24px + 26.47vw, 180px);
    max-width: 1580px;
    width: 100%;
}
.container_w1600_1400_left > div { 
    max-width: 1400px;
    width: 100%;
}
.box_skyblue_2 { 
    background: #E5F7FF; 
    padding: 40px; 
}
.box_skyblue_2 > div { 
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 40px;
}

.grid_solution {
    padding-top: 15px;
}
.grid_solution > a {
    color: white;
    width: 220px;
    height: 70px;
    padding: 0 10px 0 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.1;
}
.grid_solution > a:hover {
    border: 5px white solid;
    color: white;
    transition: all .3s;
}

.grid_problem > a { background: #f16b31; }
.grid_problem > a:hover { background-color: #FD9060; }
.grid_steel > a { background: #006DC9; }
.grid_steel > a:hover { background-color: #77C1FF; }
.grid_general > a { background: #21B3F5; }
.grid_general > a:hover { background-color: #A7EBFF; }
.grid_tec > a { background: #00A706;}
.grid_tec > a:hover { background: #3CD142;}

.grid_solution img { flex-shrink: 0; }
.grid_solution span { display: inline-block; }

@media screen and (max-width:768px) { 
.box_skyblue_2 > div { 
    justify-content: center;
    gap: 20px;
}
}

@media screen and (max-width:520px) { 
.box_skyblue_2 {
    padding: 15px 15px 20px 15px;
    gap: 20px;
}
.grid_solution { 
    padding-top: 10px;
}
.grid_solution > a {
    width: 200px;
    font-size: 15px;
    padding-right: 5px;
}
}

/* --------Contact 中面用-------- */

.bold_60_lh150 {
    font-weight: 700;
    font-size: clamp(36px, 23.856px + 2.89vw, 60px);
    line-height: 110%;
    padding-bottom: 5px;
}
.bold_15_20_ls5 {
    font-weight: 700;
    font-size: clamp(15px, 2.32px + 2.31vw, 20px);
    line-height: 135%;
    letter-spacing: 0.05em;
}
.h_104 { height: 104px; }
.padl_10 { padding-left: 10px; }
.padlr_50 { padding: 0 clamp(10px, -38.416px + 11.53vw, 50px); }

.contact_box_1 {
    width: fit-content;
    display: flex;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
    padding-top: clamp(70px, 37.392px + 8.15vw, 100px);
    padding-bottom: 55px;
}

.contact_bg {
    width: 100%;
    background-color: #F4F4F6;
    padding: 0 20px 100px;
}

.fuki {
    vertical-align: middle;
    padding-right: clamp(15px, -3.152px + 4.32vw, 30px);
}

.contact_box_2 {
    position: relative;
    background-color: #006DC9;
    max-width: 1000px;
    height: clamp(80px, -4.72px + 20.17vw, 150px);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin-left: auto;
    margin-right: auto;
}
.contact_box_2::after {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: auto;
    margin-left: auto;
}

.contact_box_2-2::after {
    content: "";
    top: 45.5%;
    right: clamp(15px, -27.36px + 10.09vw, 50px);
    width: 16px;
    height: 16px;
    border-top: 4px solid white;
    border-right: 4px solid white;
    transform: rotate(45deg);
    z-index: 2;
}
.contact_box_2-2 { transition: all 0.2s; }
.contact_box_2-2:hover { color: white; }
.contact_box_2-2:hover:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

.contact_toi { margin-right: 20px; }

@media screen and (max-width:768px) { 
.contact_toi {
    margin-right: clamp(55px, 36.848px + 4.32vw, 70px);
    letter-spacing: 0;
    }
}

/*↓中面右メニュー用スタイル↓*/
.right_menu {
    position: fixed;
    z-index: 100000;
    bottom: 30px;
    right: 75px;
    -webkit-transition: 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.navi-list {
    background: left  repeat-y 
    url(../data-science/images/list_border_left.png);
    list-style-type: none;
    padding-inline-start: 0;
}
.navi-list li {
    margin-top: 15px;
}
.navi-list li:first-child {
    margin-top: 0px;
}
.navi-list a {
    display: block;
    font-weight: 700;
    color: #969696;
    font-size: 15px;
    line-height: 100%;
    padding-left: 33px;
    border-left: 3px #E3E3E3 solid;
}
.navi-list a:hover { color:#006DC9; }
.navi-list-cat {
    font-size: 18px !important;
    margin-top: 25px !important;
    padding-left: 20px !important;
}

.is-current { 
    color:#006DC9 !important;
    border-left: 3px #006DC9 solid !important;
}

@media screen and (max-width:1650px) {
.right_menu { right: 30px; }
}
    
@media screen and (max-width:1240px) {
.right_menu { display:none; }
}
/*↑中面右メニュー用スタイル↑*/
/*↓トータルソリューション用スタイル↓*/
.container_w1500 {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;;
}

.total_s_txt > div:first-child { 
    display: flex; 
    align-items: center; 
    font-weight: 700; 
    font-size: 58px; 
    line-height: 100%;
    margin-top: 45px;
}
.total_s_txt > div:first-child > div { 
    font-size: 15px; 
    line-height: 100%; 
    letter-spacing: 0.05em; 
    padding: 8px 0 0 15px;
}
.total_s_txt > div:last-child { 
    font-weight: 700;
    font-size: 24px; 
    line-height: 180%; 
    letter-spacing: 0.05em; 
    margin: 40px 0 40px;
}
.total_s_txt span { 
    color: #f16b31; 
    font-size: 30px; 
}
/*↑トータルソリューション用スタイル↑*/
/*↓技術一覧検索用スタイル↓*/
.search-area {
  width: auto;
  margin: 10px auto;
}
.search-area select {
  padding: 10px;
  vertical-align: middle;
  margin: 15px;
  width: 250px;
  height: 54px;
  font-size: 18px;
  font-weight: bold;
  color: #006DC9;
}
#data {
  margin: 20px;
  border: 1px solid #CCC;
  border-collapse: collapse;
}
#data th{
  padding: 10px;
  border: 1px solid #abd1f0;
  background-color: #006DC9;
  font-size: 20px;
  color:#fff;
}
#data td {
  padding: 7px;
  border: 1px solid #006DC9;
  background-color: #fff;
  font-size: 16px;
}
#data td:nth-child(2) {
    width: 400px;
}
#data td:nth-child(3) {
    width: 600px;
}
#data td:last-child{
    width: 160px;
}
.none{
display:none;
}
.search-button {
  display : inline-block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 220px;
  height: 54px;
  border-radius: 100px;
  color: #006DC9;
  background:#fff ;
  border: 2px solid #006DC9;
  margin: 10px;
}
.search-button:hover {
  color: #fff;
  background: #006DC9;
  transition: 0.3s;
}
select,
::picker(select) {
  appearance: base-select;
  margin-top: 10px;
  margin-bottom: 10px;
}
.search_link a{
  text-decoration: underline;
  text-decoration-color: #006DC9;
  }
.search_link a:hover{
font-weight:bolder;
color:#006DC9;/*文字色*/
transition:.3s;
}
.keyword_input {
  padding: 10px;
  vertical-align: middle;
  margin: 15px;
  width: 250px;
  height: 54px;
  font-size: 18px;
  font-weight: bold;
  color: #006DC9;
  border: 1px solid #006DC9;
  border-radius: 10px;
}

input:focus{
  outline:#006DC9 2px solid;
}
.search_txt{
  color: #006DC9;
  }


/*↑一覧検索用スタイル↑*/