@charset "utf-8";
/* CSS Document */




/*トップ用テキスト*/
.main-text{
	color: #fff;
	font-family: "Zen Old Mincho", serif;
/*	 -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;*/
	position: absolute;
	top:40%;
	left: 40px;
	font-size: 22px;
	line-height: 2em;
}


@media print, screen and (min-width: 768px){
	
.main-text{
	font-size: 36px;
	}
	
}




/*トップ下バナー*/
.bn {
  background: url("../img/back_b.gif");
  padding-top: 20px;
  padding-bottom: 20px;
}
.bn .container {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.bn .text {
  width: 90%;
  text-align: center;
  margin-bottom: 10px;
}
#tabiiro {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .bn {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .bn .text {
    width: 48%;
  }
}






/*創業50年～*/
.conA {
  background: url("../img/back_b.gif");
  padding-top: 20px;
  padding-bottom: 20px;
}
.conA .container01 {
  padding: 1em;
  box-sizing: border-box;
  color: #fff;
}
.conA .container02 {
  padding: 1em;
  box-sizing: border-box;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
}
.conA .container03 {
  padding: 1em;
  box-sizing: border-box;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
}
.container01 .img {}
.container01 .text {}
.container02 .img {}
.container02 .text {
  margin-bottom: 1em;
}
.container03 .img {}
.container03 .text {
  margin-bottom: 1em;
}
@media print, screen and (min-width: 768px) {
	
	.conA{
		padding-bottom: 80px;
	}
	
  .conA .container01 {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1400px;
    margin: 0 auto -80px;
	  
  }
  .container01 .img {
    width: 60%;
  }
  .container01 .text {
    position: relative;
    top: 100px;
    left: -120px;
  }
  .conA .container02 {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    /*top: -50px;*/
	  margin-bottom: -100px;
  }
  .container02 .img {
    width: 60%;
  }
  .container02 .text {
    width: 40%;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.6em;
  }
  .conA .container03 {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
   /* top: -130px;*/
    justify-content: center;
  }
  .container03 .img {
    width: 60%;
  }
  .container03 .text {
    width: 40%;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: -100px;
    line-height: 1.6em;
  }
}




/*明治を再現した～*/

.conB{
	background: url("../img/conB_back.jpg");
	background-size: cover;
	background-position: center center;
	padding-top: 30px;
}

.conB .container{
	padding: 1em;
	box-sizing: border-box;
}

.conB .text{
	color: #fff;
	margin-bottom: 2em;
	line-height: 1.6em;
}

.conB h2{
	text-align: center;
	margin-bottom: 20px;
	padding: 0 1em;
	box-sizing: border-box;
}


@media print, screen and (min-width: 768px){
	
	.conB{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.conB .container{
		max-width: 1100px;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		flex-direction: row-reverse;
	}
	
	.conB h2{
		margin-bottom: 50px;
	}
	
	.conB .img{
		width: 60%;
	}
	
	.conB .text{
		width: 40%;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1.8em;
		margin-bottom: 0;
	}
	
}



/*昼は九州の山々～*/

.conC{
	background-image: url("../img/conC_back.jpg");
	background-size: cover;
	color: #fff;
	background-position: center 50%;
	padding-top: 30px;
	padding-bottom: 30px;
}

.conC .container{
	padding: 1em;
	box-sizing: border-box;
}

.conC h2{
	text-align: center;
	margin-bottom: 30px;
}

.conC .text p{
	/*margin-bottom: 1.8em;*/
}


@media print, screen and (min-width: 768px){
	
	
	.conC{
		min-height: 600px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.conC .container{
		max-width: 1100px;
		margin: 0 auto 50px;
	}
	
	.conC .text{
		line-height:1.8em;
	}
}



/*フッター上バナー*/
.conD{
	padding-top: 30px;
	padding-bottom: 30px;
	background: url("../img/back_b.gif");
}

.conD .container{
	padding: 1em;
	box-sizing: border-box;
}

@media print, screen and (min-width: 768px){
	
	.conD .container{
	max-width: 1100px;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
	}
	
	.conD .text{
		width: 50%;
	}
}