@charset "UTF-8";
body {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  letter-spacing: .1em;
}
.fnt-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*=============================================
 * text vertical
 *=============================================*/
.txt-vertical {
  cursor: vertical-text;
  writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  text-orientation: upright;
  word-wrap: break-word;
}
.txt-vertical .int {
  writing-mode: lr-tb;
  -o-writing-mode: horizontal-tb;
  -ms-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  -moz-writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  display: inline-block;
  text-align: center;
  line-height: 1.5em;
}
.txt-normal .int {
  height: 1.1em;
}
.txt-vertical-x > * {
  writing-mode: rl-tb;
  -o-writing-mode: vertical-tb;
  -ms-writing-mode: vertical-tb;
  -ms-writing-mode: rl-tb;
  -moz-writing-mode: vertical-tb;
  -webkit-writing-mode: vertical-tb;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  display: inline-block;
  white-space: nowrap;
  word-wrap: break-word;
  width: 1px;
  line-height: 1;
}
.txt-vertical .txt-latin {
  cursor: vertical-text;
  direction: rtl;
  writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  text-orientation: sideways-right;
  -o-text-orientation: sideways-right;
  -ms-text-orientation: upright;
  -ms-text-orientation: sideways-right;
  -moz-text-orientation: sideways-right;
  -webkit-text-orientation: sideways-right;
  letter-spacing: .25em;
}
.fnt-mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#key {
  background: url("../img/tempura_bansan/key.jpg") center top no-repeat;
  background-size: cover;
  position: relative;
  height: 650px;
}
#key .img_01 {
  position: absolute;
  top: 201px;
  left: calc(50% + 271px);
}
body{
  font-size: 15px;
  line-height: 32px;
  letter-spacing: 0.1em;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background: url("../img/bansanno_ato/s3-bg.jpg");
  color: #000;
}
.wrap{
  position: relative;
  width: 1000px;
  margin: auto;
}
#header .tel_header {
  top: 52px;
}
#container > div, .row, .col, .box, .inner{
  position: relative;
}
#notice{
  background: url(../img/tempura_bansan/notice_bg.jpg);
  color: #fff;
  text-align: center;
  padding: 71px 0 73px;
}
#notice .wrap{
  border: 7px double #655a4d;
  box-sizing: border-box;
  padding: 73px 0 52px;
}
#notice h2{
  font-size: 28px;
  letter-spacing: 0.08em;
  margin-bottom: 21px;
}
#notice .menu{
  width: 568px;
  margin: 47px auto 57px;
  display: flex;
  justify-content: space-between;
  text-align: left;
  position: relative;
}
#notice .menu::before{
  content: url(../img/tempura_bansan/notice_line.png);
  position: absolute;
  top: -23px;
  left: -43px;
}
#notice .menu::after{
  content: url(../img/tempura_bansan/notice_line2.png);
  position: absolute;
  bottom: -27px;
  right: -45px;
}
#notice ul{
  width: 50%;
}

.bg-parallax {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  width: 100%;
  min-height: 100px;
  height: 600px;
  overflow: hidden;

}
.img_parallax {
clip: rect(0, auto, auto, 0);
margin-bottom: 0;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.img_parallax > img {
width: 100%!important;
height: 100vh!important;
position: fixed;
top: 0;
left: 0;
padding: 0;
margin: 0;
object-fit: cover;
z-index: 0;
transform: translateZ(0);
z-index: -1;
}
#sec1{
  padding: 91px 0 94px;
}
#sec1::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  background: url(../img/tempura_bansan/s1-d1.png) no-repeat center left / cover;
  height: 773px;
}
#sec1 p.txt{
  width: 570px;
  padding: 31px 0 38px;
}
#sec1 p.btn{
  display: flex;
  width: 650px;
  justify-content: space-between;
}

#sec3{
  background: url(../img/tempura_bansan/s3-d1.png) no-repeat center top,url(../img/tempura_bansan/notice_bg.jpg);
  color: #fff;
  padding: 80px 0 104px;
}
#sec3 .box{
  width: 560px;
  margin-left: auto;
}
#sec3 .box h2{
  margin-bottom: 43px;
}
#sec3 p.img{
  position: absolute;
  top: 0;
  left: 0;
}
#sec4{
  padding: 107px 0 78px;
  background: url(../img/tempura_bansan/s4-bg.jpg);
}
#sec4::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% + 420px);
  background: url(../img/tempura_bansan/s4-d1.png) no-repeat center right / cover;
  height: 841px;
}
#sec4 p.txt{
  width: 535px;
  margin-top: 14px;
}
#sec4 h2{
  text-align: center;
}
#sec4 p.img{
  position: absolute;
  top: 0;
  right: -86px;
}
#sec5{
  padding: 0;
  background: url(../img/tempura_bansan/s5-d1.png) no-repeat center top 800px;
}
#sec5 h2{
  background: url(../img/tempura_bansan/s5-bgbox.jpg);
  text-align: center;
	height: 200px;
}
#sec5 h3{
  text-align: center;
}
#sec5 p.txt{
  text-align: center;
  margin: -39px 0 27px;
}
#sec5 p.txt2{
	    font-size: 115%;
    text-align: center;
    margin: -80px 0 27px;
    color: #fff;
    line-height: 24px;
}
#sec5 p.img1{
  position: absolute;
  top: 146px;
  left: -160px;
}
#sec5 p.img2{
  position: absolute;
  top: 107px;
  right: -187px;
}
#sec5 .box2{
  margin: 66px 0 73px;
}
#sec5 .box1 p.img:first-child{
  padding-left: 54px;
}
#sec5 .box2 p.img:first-child{
  padding-left: 17px;
}
#sec5 .box3 p.img:first-child{
  padding-left: 21px;
}
#sec5 .box1 p.img:last-child{
  position: absolute;
  top: 16px;
  right: 11px;
}
#sec5 .box2 p.img:last-child{
  position: absolute;
  top: 31px;
  right: -32px;
}
#sec5 .box3 p.img:last-child{
  position: absolute;
  top: -7px;
  right: -48px;
  z-index: 1;
}

#sec6{
  padding: 74px 0 173px;
  background: url(../img/tempura_bansan/s6-d2.png) no-repeat center bottom 20px,url(../img/tempura_bansan/s6-d1.png) no-repeat center top;
}
#sec6 h2{
  text-align: center;
  margin-bottom: 26px;
}
#sec6 p.txt-sub{
  text-align: center;
}
#sec6 p.txt1{
  padding: 14px 0 126px;
}
#sec6 dl{
  font-size: 30px;
  display: flex;
  letter-spacing: 0.1em;
  margin-bottom: 28px;
}
#sec6 dt{
  margin-right: 50px;
}
#sec6 .box{
  width: 503px;
}
#sec6 .col-1 .box{
  margin-left: auto;
}
#sec6 .col-1 p.img{
  position: absolute;
  top: -76px;
  left: 0;
}
#sec6 .col-2 p.img{
  position: absolute;
  top: -88px;
  right: 0;
}
#sec6 .col-1 {
  margin-bottom: 202px;
}
#sec7{
  background: url(../img/tempura_bansan/s4-bg.jpg);
  padding: 92px 0 72px;
}
#sec7 h2{
  text-align: center;
}
#sec7 h3{
  font-weight: bold;
}
#sec7 .col{
  display: flex;
  justify-content: space-between;
}
#sec7 .col .box{
  width: 457px;
}
#sec7 .col dl{
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 34px;
}
#sec7 .col dt{
  width: 75%;
}
#sec7 .col dd{
  width: 25%;
  text-align: right;
}
#sec7 p.txt-sub{
  text-align: center;
  padding: 16px 0 38px;
}
#sec8 h2 {
  background: url(../img/tempura_bansan/s8-bgbox.jpg);
  text-align: center;
}
#sec8 .wrap > p.img{
  margin: -62px 0 0 -100px;
}
#sec8 dt{
  font-size: 22px;
}
#sec8 dd{
  font-size: 32px;
}
#sec8 dd span{
  position: relative;
}
#sec8 dd span::before{
  content: '';
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #a46f2b;
}
#sec8 dl{
  text-align: center;
  line-height: 40px;
  letter-spacing: 0.1em;
  color: #a46f2b;
  margin-bottom: 36px;
}

#sec8 .menu{
  display: flex;
  justify-content: space-between;
}
#sec8 .box{
  width: 577px;
  color: #fff;
  box-sizing: border-box;
  padding: 40px 54px 38px;
  background: url(../img/tempura_bansan/s8-bgbox1.png);
}
#sec8 .menu ul{
  width: 219px;
}
#sec8 .box-1{
  margin: -35px 0 67px -50px;
}
#sec8 h3{
  position: absolute;
  top: -8px;
  right: 26px;
}
#sec8 .txt2{
  text-align: center;
}
#sec8 .col-2 .box{
  margin-left: auto;
  width: 554px;
}
#sec8 .col-2 p.img{
  position: absolute;
  top: 0;
  left: 0;
}
#sec8 p.txt-sub{
  text-align: center;
  padding: 57px 0 50px;
}

#sec8 .box1{
  width: 490px;
  color: #fff;
  box-sizing: border-box;
  padding: 40px 54px 38px;
  background: url(../img/tempura_bansan/s8-bgbox1.png);
}

#sec8 .box-3{
  margin: -35px 0 67px -50px;
	float: left;
}

#sec8 .box-4{
  margin: -35px 0 67px -50px;
	float: left;
	margin-left: 58px;
}

#sec9{
  background: url(../img/tempura_bansan/s9-d1.png) no-repeat center top,url(../img/tempura_bansan/notice_bg.jpg);
  color: #fff;
  padding: 77px 0 85px;
}
#sec9::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/tempura_bansan/s9-img1.jpg) no-repeat center center / cover;
  width: 50%;
  height: 100%;
}
#sec9 p.txt{
  width: 452px;
  margin-top: 40px;
}
#sec10{
  padding: 110px 0 0;
}
#sec10 .inner{
  width: 1200px;
  margin: auto;
  background: url(../img/tempura_bansan/s4-bg.jpg);
  padding-bottom: 70px;
}
#sec10 .inner > .wrap > p.img{
  position: relative;
  top: -36px;
  left: 191px;
}
#sec10 .wrap:first-child:before{
  content: url(../img/tempura_bansan/s10-logo.png);
  position: absolute;
  top: 0;
  left: -18px;
}
#sec10 h2{
  padding: 47px 0 50px;
  text-align: center;
}
#sec10 dl{
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #000;
  display: flex;
  padding: 9px 0 12px;
}
#sec10 dt{
  width: 113px;
}
#sec10 dd{
  width: 353px;
}
#sec10 dd.ot{
  white-space: nowrap;
}
#sec10 dd span{
  font-size: 24px;
  font-weight: bold;
}
#sec10 dd small{
  font-weight: bold;
}
#sec10 .col{
  width: 476px;
}
#sec10 .row{
  display: flex;
  justify-content: space-between;
}
#sec10 .box{
  text-align: center;
  width: 800px;
  margin: 63px auto 68px;
  box-sizing: border-box;
  border: 1px solid #000;
  padding: 51px 0 41px;
}
#sec10 .box h3{
  font-size: 25px;
  text-align: center;
  padding-bottom: 23px;
  width: 500px;
  margin: 0 auto 21px;
  border-bottom: 1px solid #000;
}
#sec10 iframe{
  width: 100%;
  height: 550px;
}
#sec10 div.btn{
  display: flex;
  justify-content: center;
  padding: 52px 0 13px;
}
#sec10 div.btn p.btn{
  margin: 0 20px;
  transition: all .3s ease;
}
#sec10 p.btn-3 {
  margin-left: 204px;
}
#sec10 p.btn-3 a{
  font-size: 15px;
  letter-spacing: 0.1em;
  color: #000;
}
#sec10 p.btn-3 a:hover{
  text-decoration: underline;
}
#sec10 p.btn-2:hover{
  cursor: pointer;
}
#sec10 p.btn:hover{
  opacity: .8;
}
#sec11{
  padding: 97px 0 79px;
  background: url(../img/tempura_bansan/s11-d1.png) no-repeat center top,url(../img/tempura_bansan/notice_bg.jpg);
  color: #fff;
}
#sec11 h2{
  text-align: center;
  padding-bottom: 50px;
}
#sec11 p.btn{
  text-align: center;    
    margin-top: 60px;
}


#webyoyaku {
	position:fixed;
	left:5px;
	top:165px;
	z-index:999999;
}