#sec_pagettl{
 background: #1c1c1c url(../img/kodawari/ttl_bg.png) no-repeat right;
 background-size: auto 100%;
 padding: 80px 0px;
}

#sec_food{
 background: url(../img/kodawari/bg.png);
 background-attachment: fixed;
}
#sec_food .inner{
 background: #fff;
 padding: 50px;
}
#sec_food .photo>span{
 display: inline-block;
 position: relative;
}
#sec_food .photo .icon{
 position: absolute;
 top: -50px;
 left: -50px;
}
#sec_food .flex.reverse .photo .icon{
 position: absolute;
 top: -50px;
 left: auto;
 right: -50px;
}

#sec_skill{
 background: url(../img/kodawari/bg2.gif) top left;
 background-attachment: fixed;
 background-size: 100% auto;
}
#sec_skill .ttl{
 border-left: solid 5px #b79601;
 padding-left: 10px;
 position: relative;
}
#sec_skill .ttl:before{
 width: calc( 100% - 6em );
 display: block;
 content: "";
 border-bottom: solid 2px #b79601;
 position: absolute;
 right: 0px;
 top: calc( 50% - 1px );
}
#sec_skill .ttl.f4em:before{
 width: calc( 100% - 4em );
}
#sec_skill .maxWidth{
 position: relative;
 margin-bottom: 150px;
 min-height: 500px;
 padding-bottom: 200px;
}
#sec_skill .text .msg{
 position: absolute;
 left: 0px;
 width: 100%;
 height: auto;
 max-width: 480px;
 bottom: -100px;
 left: 0px;
}
#sec_skill .photo img{
 border: solid 4px #000;
}
#sec_skill_1 .bg{
 background: url(../img/kodawari/waza1_bg.jpg) no-repeat center bottom;
 position: relative;
}
#sec_skill_2 .bg{
 background: url(../img/kodawari/waza2_bg.jpg) no-repeat center bottom;
 position: relative;
}
#sec_skill_3 .bg{
 background: url(../img/kodawari/waza3_bg.jpg) no-repeat center bottom;
 position: relative;
}
#sec_skill_4 .bg{
 background: url(../img/kodawari/waza4_bg.jpg) no-repeat center bottom;
 position: relative;
}

#footer{
 margin-top:0px !important;
}

/*
===================================================
	pc small
===================================================
*/
@media screen and (max-width: 1400px) {


}

/*
===================================================
	tb
===================================================
*/
@media screen and (max-width: 1100px) {

}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 960px) {
 #sec_pagettl{
  padding: 30px 0px;
 }
 #sec_pagettl h1 img{
  height: 22px;
  width: auto;
 }
 #sec_food .inner{
  background: #fff;
  padding: 40px 20px;
 }
 #sec_food .photo .icon{
  width: 15vw;
  max-width: 100px;
  top: -10%;
  left: -10%;
 }
 #sec_food .flex.reverse .photo .icon{
  top: -10%;
  left: auto;
  right: -10%;
 }
 #sec_food .photo{
  padding-left: 30px;
 }
 #sec_food .flex.reverse .photo{
  padding-left: 0px;
  padding-right: 30px;
 }

 #sec_skill .maxWidth{
  position: relative;
  margin-bottom: 100px;
  min-height: auto;
  padding-bottom: 50px;
 }
 #sec_skill .text .msg{
  width: 35%;
  bottom: -50px;
  left: 10px;
 }
 #sec_skill .photo img{
  width: 70%;
  height: auto;
 }
 #sec_skill_1 .bg{
  background: url(../img/kodawari/waza1_sp_bg.jpg) no-repeat center bottom;
  position: relative;
  background-size: 100% auto;
 }
 #sec_skill_2 .bg{
  background: url(../img/kodawari/waza2_sp_bg.jpg) no-repeat center bottom;
  position: relative;
  position: relative;
  background-size: 100% auto;
 }
 #sec_skill_3 .bg{
  background: url(../img/kodawari/waza3_sp_bg.jpg) no-repeat center bottom;
  position: relative;
  position: relative;
  background-size: 100% auto;
 }
 #sec_skill_4 .bg{
  background: url(../img/kodawari/waza4_sp_bg.jpg) no-repeat center bottom;
  position: relative;
  position: relative;
  background-size: 100% auto;
 }

}


/*
===================================================
	sp small
===================================================
*/
@media screen and (max-width: 480px) {

}