@charset "utf-8";

.pc_only_block{display:block;}
.pc_only_inline{display:inline;}

.sp_only_block{display:none;}
.sp_only_inline{display:none;}

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

.pc_only_block{display:none;}
.pc_only_inline{display:none;}

.sp_only_block{display:block;}
.sp_only_inline{display:inline;}

}

input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
input[type="tel"],
textarea,
select{
	box-shadow:none;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic, sans-serif;
}


/* 共通カラー / グループトップ - グループ会社
--------------------------------------------------------------- */

/* SSスチール開発 */
.top_group_area .s_kaihatsu dt,
.company_list .s_kaihatsu dt{color:#d4782c;}
.top_group_area .s_kaihatsu dt:after,
.company_list .s_kaihatsu dt:after{background-color:#d4782c;}
.top_group_area .s_kaihatsu .btn_type1,
.company_list .s_kaihatsu .btn_type1{border-color:#d4782c; color:#d4782c;}
.top_group_area .s_kaihatsu .btn_type1:after,
.company_list .s_kaihatsu .btn_type1:after{border-color:#d4782c;}
.top_group_area .s_kaihatsu .btn_type1:hover,
.company_list .s_kaihatsu .btn_type1:hover{background-color:#d4782c; color:#FFF;}
.top_group_area .s_kaihatsu .btn_type1:hover:after,
.company_list .s_kaihatsu .btn_type1:hover:after{border-color:#FFF;}


/* エコクリーン */
.top_group_area .s_eco dt,
.company_list .s_eco dt{color:#33A757;}
.top_group_area .s_eco dt:after,
.company_list .s_eco dt:after{background-color:#33A757;}
.top_group_area .s_eco .btn_type1,
.company_list .s_eco .btn_type1{border-color:#33A757; color:#33A757;}
.top_group_area .s_eco .btn_type1:after,
.company_list .s_eco .btn_type1:after{border-color:#33A757;}
.top_group_area .s_eco .btn_type1:hover,
.company_list .s_eco .btn_type1:hover{background-color:#33A757; color:#FFF;}
.top_group_area .s_eco .btn_type1:hover:after,
.company_list .s_eco .btn_type1:hover:after{border-color:#FFF;}


/* SSスチールライン */
.top_group_area .s_line dt,
.company_list .s_line dt{color:#4b7db9;}
.top_group_area .s_line dt:after,
.company_list .s_line dt:after{background-color:#4b7db9;}
.top_group_area .s_line .btn_type1,
.company_list .s_line .btn_type1{border-color:#4b7db9; color:#4b7db9;}
.top_group_area .s_line .btn_type1:after,
.company_list .s_line .btn_type1:after{border-color:#4b7db9;}
.top_group_area .s_line .btn_type1:hover,
.company_list .s_line .btn_type1:hover{background-color:#4b7db9; color:#FFF;}
.top_group_area .s_line .btn_type1:hover:after,
.company_list .s_line .btn_type1:hover:after{border-color:#FFF;}


/* 共通カラー / グループトップ - お知らせ
--------------------------------------------------------------- */

.top_news_area li .tag.s_kaihatsu{background-color:#d4782c;}
.top_news_area li .tag.s_eco{background-color:#33A757;}
.top_news_area li .tag.s_line{background-color:#4b7db9;}


/* 共通ピクト / グループトップ - グループについて
--------------------------------------------------------------- */

.top_about_area li.s_about a{background-image:url(../img/common/ic_about.png);}
.top_about_area li.s_policy a{background-image:url(../img/common/ic_policy.png);}
.top_about_area li.s_access a{background-image:url(../img/common/ic_access.png);}
.top_about_area li.s_recruit a{background-image:url(../img/common/ic_recruit.png);}
.top_about_area li.s_contact a{background-image:url(../img/common/ic_contact.png);}

.top_about_area li.s_about a:hover{background-image:url(../img/common/ic_about_w.png);}
.top_about_area li.s_policy a:hover{background-image:url(../img/common/ic_policy_w.png);}
.top_about_area li.s_access a:hover{background-image:url(../img/common/ic_access_w.png);}
.top_about_area li.s_recruit a:hover{background-image:url(../img/common/ic_recruit_w.png);}
.top_about_area li.s_contact a:hover{background-image:url(../img/common/ic_contact_w.png);}

.ic_pdf{display:inline-block; min-height:24px; padding-right:34px; background:url(../img/common/ic_pdf.png) right center / 24px auto no-repeat;}


/* margin
--------------------------------------------------------------- */
.mauto{margin:0 auto;}.m0{margin:0;}.mb1em{margin-bottom:1em;}.mb0{margin-bottom:0;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb300{margin-bottom:300px;}.mleft0{margin-left:0;}.mleft5{margin-left:5px;}.mleft10{margin-left:10px;}.mleft15{margin-left:15px;}.mleft20{margin-left:20px;}.mleft25{margin-left:25px;}.mleft30{margin-left:30px;}.mleft35{margin-left:35px;}.mright0{margin-right:0;}.mright5{margin-right:5px;}.mright10{margin-right:10px;}.mright15{margin-right:15px;}.mright20{margin-right:20px;}.mright25{margin-right:25px;}.mright30{margin-right:30px;}.mright35{margin-right:35px;}.mtop0{margin-top:0;}.mtop5{margin-top:5px;}.mtop10{margin-top:10px;}.mtop15{margin-top:15px;}.mtop20{margin-top:20px;}.mtop25{margin-top:25px;}.mtop30{margin-top:30px;}.mtop35{margin-top:35px;}

/* padding
--------------------------------------------------------------- */
.p0{padding:0;}.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.pb0{padding-bottom:0;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pleft0{padding-left:0;}.pleft5{padding-left:5px;}.pleft10{padding-left:10px;}.pleft15{padding-left:15px;}.pleft20{padding-left:20px;}.pleft25{padding-left:25px;}.pleft30{padding-left:30px;}.pleft35{padding-left:35px;}.pleft40{padding-left:40px;}.pleft45{padding-left:45px;}.pright0{padding-right:0;}.pright5{padding-right:5px;}.pright10{padding-right:10px;}.pright15{padding-right:15px;}.pright20{padding-right:20px;}.pright25{padding-right:25px;}.ptop0{padding-top:0;}.ptop5{padding-top:5px;}.ptop10{padding-top:10px;}.ptop15{padding-top:15px;}.ptop20{padding-top:20px;}.ptop25{padding-top:25px;}.ptop30{padding-top:30px;}.plr10{padding:0 10px;}.plr70{padding:0 70px;}

/* position
--------------------------------------------------------------- */
.txtleft{text-align:left;}.txtcenter{text-align:center;}.txtright{text-align:right;}.fleft{float:left;}.fright{float:right;}.clearfloat{clear:both;}

/* font
--------------------------------------------------------------- */
.bd{font-weight:bold;}.uline{text-decoration:underline;}.red{color:#FF0000;}.gold{color:#7F7611;}.green{color:#046B42;}.fsize11{font-size:11px;}.fsize12{font-size:12px;}.fsize13{font-size:13px;}


/* table
--------------------------------------------------------------- */
.vtop{vertical-align:top;}.vbottom{vertical-align:bottom;}.vmiddle{vertical-align:middle;}

/* clearfix
--------------------------------------------------------------- */
.cf:after{content:"";display:block;clear:both;}

/* youtube
--------------------------------------------------------------- */
.yt-thumb { margin-bottom: 25px; }
.yt-thumb a { display: block; position: relative; }
.yt-thumb a img { width: 100%; }
.yt-thumb a:after { position: absolute; content: ''; top:0; left: 0; right: 0; bottom: 0; z-index: 2; background:rgba(0,0,0,.3); transition: all, .3s; }
.yt-thumb a svg { width: 14.8%; position: absolute; z-index: 3; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.yt-thumb a svg .st0 { fill: #fff; -webkit-transition: all, .2s; transition: all, .2s; }
.yt-thumb .ytcaption { display: block; text-align: center; line-height: 1.4; margin-top: 8px; }
.yt-thumb a:hover svg .st0 { fill: #FF0100; }
.yt-thumb a:hover:after { background:rgba(0,0,0,.1); }

/*
-------------------------------------------------------------------------------
 Responsive style
-------------------------------------------------------------------------------
*/

/* Responsive margin
--------------------------------------------------------------- */
.mb5rd{margin-bottom:5px;}.mb10rd{margin-bottom:10px;}.mb15rd{margin-bottom:15px;}.mb20rd{margin-bottom:20px;}.mb25rd{margin-bottom:25px;}.mb30rd{margin-bottom:30px;}.mb35rd{margin-bottom:35px;}.mb40rd{margin-bottom:40px;}.mb50rd{margin-bottom:50px;}.mb60rd{margin-bottom:60px;}.mb80rd{margin-bottom:80px;}.mb300rd{margin-bottom:300px;}.mleft5rd{margin-left:5px;}.mleft10rd{margin-left:10px;}.mleft15rd{margin-left:15px;}.mleft20rd{margin-left:20px;}.mleft25rd{margin-left:25px;}.mleft30rd{margin-left:30px;}.mleft35rd{margin-left:35px;}.mright5rd{margin-right:5px;}.mright10rd{margin-right:10px;}.mright15rd{margin-right:15px;}.mright20rd{margin-right:20px;}.mright25rd{margin-right:25px;}.mright30rd{margin-right:30px;}.mright35rd{margin-right:35px;}.mtop5rd{margin-top:5px;}.mtop10rd{margin-top:10px;}.mtop15rd{margin-top:15px;}.mtop20rd{margin-top:20px;}.mtop25rd{margin-top:25px;}.mtop30rd{margin-top:30px;}.mtop35rd{margin-top:35px;}

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

/* SP Responsive margin
--------------------------------------------------------------- */
.mb5rd{margin-bottom:2.5px;}.mb10rd{margin-bottom:5px;}.mb15rd{margin-bottom:7.5px;}.mb20rd{margin-bottom:10px;}.mb25rd{margin-bottom:12.5px;}.mb30rd{margin-bottom:15px;}.mb35rd{margin-bottom:17.5px;}.mb40rd{margin-bottom:20px;}.mb50rd{margin-bottom:25px;}.mb60rd{margin-bottom:30px;}.mb80rd{margin-bottom:40px;}.mb300rd{margin-bottom:150px;}.mleft5rd{margin-left:2.5px;}.mleft10rd{margin-left:5px;}.mleft15rd{margin-left:7.5px;}.mleft20rd{margin-left:10px;}.mleft25rd{margin-left:12.5px;}.mleft30rd{margin-left:15px;}.mleft35rd{margin-left:17.5px;}.mright5rd{margin-right:2.5px;}.mright10rd{margin-right:5px;}.mright15rd{margin-right:7.5px;}.mright20rd{margin-right:10px;}.mright25rd{margin-right:12.5px;}.mright30rd{margin-right:15px;}.mright35rd{margin-right:17.5px;}.mtop5rd{margin-top:2.5px;}.mtop10rd{margin-top:5px;}.mtop15rd{margin-top:7.5px;}.mtop20rd{margin-top:10px;}.mtop25rd{margin-top:12.5px;}.mtop30rd{margin-top:15px;}.mtop35rd{margin-top:17.5px;}
	
}


/* Responsive padding
--------------------------------------------------------------- */
.p5rd{padding:5px;}.p10rd{padding:10px;}.p15rd{padding:15px;}.pb5rd{padding-bottom:5px;}.pb10rd{padding-bottom:10px;}.pb15rd{padding-bottom:15px;}.pb20rd{padding-bottom:20px;}.pb25rd{padding-bottom:25px;}.pb30rd{padding-bottom:30px;}.pb35rd{padding-bottom:35px;}.pleft5rd{padding-left:5px;}.pleft10rd{padding-left:10px;}.pleft15rd{padding-left:15px;}.pleft20rd{padding-left:20px;}.pleft25rd{padding-left:25px;}.pleft30rd{padding-left:30px;}.pleft35rd{padding-left:35px;}.pleft40rd{padding-left:40px;}.pleft45rd{padding-left:45px;}.pright5rd{padding-right:5px;}.pright10rd{padding-right:10px;}.pright15rd{padding-right:15px;}.pright20rd{padding-right:20px;}.pright25rd{padding-right:25px;}.ptop5rd{padding-top:5px;}.ptop10rd{padding-top:10px;}.ptop15rd{padding-top:15px;}.ptop20rd{padding-top:20px;}.ptop25rd{padding-top:25px;}.ptop30rd{padding-top:30px;}.plr10rd{padding:0 10px;}.plr70rd{padding:0 70px;}


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

/* SP Responsive padding
--------------------------------------------------------------- */
.p5rd{padding:2.5px;}.p10rd{padding:5px;}.p15rd{padding:7.5px;}.pb5rd{padding-bottom:2.5px;}.pb10rd{padding-bottom:5px;}.pb15rd{padding-bottom:7.5px;}.pb20rd{padding-bottom:10px;}.pb25rd{padding-bottom:12.5px;}.pb30rd{padding-bottom:15px;}.pb35rd{padding-bottom:17.5px;}.pleft5rd{padding-left:2.5px;}.pleft10rd{padding-left:5px;}.pleft15rd{padding-left:7.5px;}.pleft20rd{padding-left:10px;}.pleft25rd{padding-left:12.5px;}.pleft30rd{padding-left:15px;}.pleft35rd{padding-left:17.5px;}.pleft40rd{padding-left:20px;}.pleft45rd{padding-left:22.5px;}.pright5rd{padding-right:2.5px;}.pright10rd{padding-right:5px;}.pright15rd{padding-right:7.5px;}.pright20rd{padding-right:10px;}.pright25rd{padding-right:12.5px;}.ptop5rd{padding-top:2.5px;}.ptop10rd{padding-top:5px;}.ptop15rd{padding-top:7.5px;}.ptop20rd{padding-top:10px;}.ptop25rd{padding-top:12.5px;}.ptop30rd{padding-top:15px;}.plr10rd{padding:0 5px;}.plr70rd{padding:0 35px;}

}