@charset "UTF-8";
@import "../../common/css/reset.css";
@import "../../common/css/base.css";

/**************************************************/
/* 提案力・流通力・品質力 */
/**************************************************/
#power{width:100%;margin:0 auto 8.334%;}

#bottomMenu{background-color:#1c3249;}
#bottomMenu ul{box-sizing:border-box;padding:2.917% 0;padding-left:8.334%;}
#bottomMenu ul:after{content:'';display:block;width:100%;height:0;clear:both;}
#bottomMenu li{float:left;width:43.637%;margin-right:3.637%;}
#bottomMenu a{display:block;}
#bottomMenu img{width:100%;height:auto;}

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

#bottomMenu ul{padding:5.334% 0 2.667%;padding-left:0;}
#bottomMenu li{width:46%;margin-right:0;padding:0 0 2.667% 2.667%;}
#bottomMenu a{}
#bottomMenu a:after{content:'';display:block;width:100%;padding-top:23.189%;background-repeat:no-repeat;background-position:center;background-size:100%;}
#bottomMenu img{display:none;}

#bottomMenu1 a:after{background-image:url(../img/sp/global2Child1.png);}
#bottomMenu2 a:after{background-image:url(../img/sp/global2Child2.png);}

}

/* ページ内アンカー */
.powerAnchor{position:relative;margin-bottom:45px;}
.powerAnchor:after{content:'';display:block;clear:both;}
.powerAnchor li{width:33.334%;text-align:center;font-weight:bold;}
.powerAnchor a{display:block;color:#fff;font-size:18px;line-height:35px;padding:8px 0;border:2px solid #f6621e;background-color:#f6621e;transition:all .5s ease 0s;}
.powerAnchor a:hover{text-decoration:none;}

.pc .powerAnchor a:hover{background-color:#fff;color:#f6621e;}

#powerAnchor1{float:left;}
#powerAnchor2{float:left;border-left:1px solid #FFF;box-sizing:border-box;}
#powerAnchor3{position:absolute;right:0;top:0;border-left:1px solid #FFF;box-sizing:border-box;}

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

#pageTitle:after{background:url(../img/power/sp/pageTitle.png) no-repeat center;background-size:100%;}

#power{width:100%;margin:0 auto 13.334%;}

.powerAnchor{margin-bottom:6%;}
.powerAnchor a{font-size:4vw;line-height:2.6em;padding:0;}

#powerAnchor2{border-left-width:2px;}
#powerAnchor3{border-left-width:2px;}

}

/* 共通テンプレート */
.power{max-width:1000px;margin:0 auto;}
.power h3{color:#000;font-size:30px;line-height:35px;padding:20px 15px 20px 70px;border-bottom:1px solid #cdcdcd;margin-bottom:5.5%;position:relative;}
.power h3:before{content:'';display:block;position:absolute;left:0;width:70px;top:0;padding-top:76px;background-repeat:no-repeat;background-position:center;background-size:100%;}

.powerSection{}
.powerSection h4{color:#000;font-size:22px;line-height:35px;position:relative;padding-left:40px;margin-bottom:15px;}
.powerSection h4:before{content:'';display:block;position:absolute;left:16px;top:28.571%;width:15px;height:15px;border-radius:15px;background-color:#f6621e;}

.powerSection p{color:#505050;font-size:16px;line-height:32px;padding:0 1.5%;}
.powerSection p.powerImg{padding:0;margin:0 auto;}
.powerSection p.powerImg img{width:100%;height:auto;}

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

.power{width:94.667%;}
.power h3{font-size:5.35vw;line-height:1.5em;padding:2.677% 0 2.677% 9.86%;border-bottom-width:2px;margin-bottom:5.634%;}
.power h3:before{width:9.86%;padding-top:11.268%;}

.powerSection{padding-top:4.226%;}
.powerSection h4{font-size:4.6vw;line-height:1.59em;padding-left:6.338%;margin-bottom:4.93%;}
.powerSection h4:before{left:0;top:0;margin-top:1.268%;width:4.226%;padding-top:4.226%;height:0;border-radius:100%;}

.powerSection p{font-size:3.75vw;line-height:1.73em;padding:0;}
.powerSection p.powerImg img{display:none;}
.powerSection p.powerImg:after{content:'';display:block;width:100%;padding-top:100%;background-repeat:no-repeat;background-position:center;background-size:100%;}

}

/* 佐藤金属の提案力 */
/**************************************************/
#group1 h3:before{background-image:url(../img/power/icoHead1.png);}

/* クオリティ、コスト、デリバリーを考慮した総合的なご提案 */
#powerSection1{margin-bottom:7.5%;}
#powerSection1 p.powerImg{width:100%;margin-top:4%;}

/* 材料から工法まで一貫したご提案 */
#powerSection2{margin-bottom:5%;}

/* 材料から工法まで一貫したご提案 */
#powerSection3{margin-bottom:5%;}

/* 独自の情報ネットワークを活用したご提案 */
#powerSection4{margin-bottom:9%;}
#powerSection4 p.powerImg{width:48.1%;margin-top:4%;}

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

#group1 h3:before{background-image:url(../img/power/sp/icoHead1.png);}

#powerSection1{margin-bottom:5.634%;}
#powerSection1 p.powerImg{margin-top:7.747%;}
#powerSection1 p.powerImg:after{padding-top:105.634%;background-image:url(../img/power/sp/powerImg1.png);}

#powerSection2{margin-bottom:4.223%;}

#powerSection3{margin-bottom:4.223%;}

#powerSection4{margin-bottom:11.972%;}
#powerSection4 p.powerImg{width:100%;margin-top:4.226%;}
#powerSection4 p.powerImg:after{padding-top:57.184%;background-image:url(../img/power/sp/powerImg3.png);}

}

/* 佐藤金属の流通力 */
/**************************************************/
#group2 h3:before{background-image:url(../img/power/icoHead2.png);}

/* 佐藤金属のネットワーク */
#powerSection5{margin-bottom:8%;}
#powerSection5 p.powerImg{width:83%;margin:4.5% auto 1%;}

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

#powerSection5 p.powerImg{width:100%;margin:8.451% auto 0;}
#powerSection5 p.powerImg:after{padding-top:70.423%;background-image:url(../img/power/sp/powerImg4.png);}

}

.locationBox{padding-top:40px;}
.locationBox h5{color:#000;font-size:20px;line-height:35px;position:relative;padding-left:43px;margin:0 auto 12px;}
.locationBox h5:before{content:'';display:block;position:absolute;left:15px;width:12px;top:0;margin-top:9px;padding-top:12px;background-color:#f6621e;}

.locationBox ul{}
.locationBox ul:after{content:'';display:block;clear:both;}
.locationBox li{float:left;margin-right:20px;padding-top:20px;}
.locationBox li a{color:#000;font-size:16px;line-height:34px;padding:5px 1.844em;display:block;background-color:#f1f1f1;border-radius:44px;}
.locationBox li a:hover{text-decoration:none;}

.pc .locationBox li a:hover{text-decoration:underline;}

.locationImage{margin:40px auto 0;}
.locationImage:after{content:'';display:block;clear:both;}
.locationImage .locationBox{width:32%;padding-top:0;}
.locationImage p{padding:0;color:#000;font-size:14px;line-height:35px;}
.locationImage p img{margin-bottom:5px;width:100%;height:auto;}

#locationImage1{float:left;margin-right:20px;}
#locationImage2{float:left;}
#locationImage3{float:right;}

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

#group2 h3:before{background-image:url(../img/power/sp/icoHead2.png);}

#powerSection5{margin-bottom:9.86%;}

.locationBox{padding-top:9.86%;}
.locationBox h5{font-size:4vw;line-height:1.17em;padding-left:5.634%;margin-bottom:2.113%;}
.locationBox h5:before{left:0;width:2.536%;margin-top:0.986%;padding-top:2.536%;}

.locationBox li{margin-right:2.817%;padding-top:2.817%;}
.locationBox li a{font-size:3.7vw;line-height:1.5em;padding:0.498em 1.08em;}

.locationImage{margin:3.522% auto 0;width:67.606%;}
.locationImage .locationBox{width:100%;padding-top:7.292%;}
.locationImage p{padding:0;font-size:3.5vw;line-height:1.35em;}
.locationImage p img{margin-bottom:3.125%;}

#locationImage1{float:none;margin-right:0;}
#locationImage2{float:none;}
#locationImage3{float:none;}

}

/* 佐藤金属の品質力 */
/**************************************************/
#group3 h3:before{background-image:url(../img/power/icoHead3.png);}

/* 「つなぐ」品質保証 */
#powerSection6{margin-bottom:0;}
#powerSection6 p.powerImg{width:83%;margin-top:6.5%;}

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

#group3 h3:before{background-image:url(../img/power/sp/icoHead3.png);}

#powerSection6 p.powerImg{width:100%;margin-top:8.451%;}
#powerSection6 p.powerImg:after{padding-top:185.775%;background-image:url(../img/power/sp/powerImg5.png);}

}

/**************************************************/