@charset "utf-8";

/* PC---------------------------------------------------------------------------------------- */
@media screen and (min-width:980px) {

	/*1000px*/
	#wrap{
		width: 100%;
		margin: 0 auto;
		margin-top: 132px;
	}
	
	.teabag_contents_1{
		width: 100%;
		height: 501px;
		margin: 0 auto;
		background-image: url(../images/flavor_top_img.png);
		background-repeat: no-repeat;
	}
	
	
	
	.contents_3{
		width: 100%;
		height: 700px;
		margin: 0 auto;
		background-color: #f5f5f5;
	}
	
	.contents_3_txt{
		width: 780px;
		text-align: center;
		padding-top: 30px;
		margin: 0 auto;
	}
	
	.rakuten_btn{
		position:  absolute;
		left: 500px-100px;
		width:  1000px;
		text-align:  center;
		bottom: -180px;
	}
	
	.contents_4{
		width: 100%;
		height: 600px;
		margin: 0 auto;
		background-color: #fff;
	}
	
	.contents_5{
		width: 100%;
		height: 400px;
		margin: 0 auto;
		background-color: #fff;
	}
	
	.contents_5_img{
		padding:  30px;
		text-align:  center;
		margin: 0 auto;
		text-align: center;
		padding: 30px;
		font-size: 2.2em;
		font-family: "Noto Sans JP";
		line-height: 160%;
	}
	.contents_5_txt{
		width: 1000px;
		text-align: justify;
		padding-top: 30px;
		line-height:  160%;
	}
	
	.contents_5_txt2{
		width: 1000px;
		text-align: center;
		padding-top: 30px;
		line-height:  160%;
	}
	
	
	.contents_6{
		width: 100%;
		height: 900px;
		margin: 0 auto;
		background-color: #f5f5f5;
	}
	
	.hattyu_frow{
		
	}
	
	.hattyu_frow ul{
		
	}
	
	.hattyu_frow ul li{
		
	}
	
	.hattyu_frow_title{
		font-size: 1.4em;
		line-height: 180%;
		margin-top: 30px;
	}
	
	.hattyu_frow_dital{
		line-height: 140%;
		margin-bottom: 3px;
		margin-left: 30px;
	}
	
	.company_img{
		width: 442px;
		float:  left;
		margin-top: 40px;
	}
	
	.company_txt{
		width: 400px;
		float: right;
		line-height: 160%;
		margin-top:  40px;
	}
	
	.inner{
		width: 1000px;
		padding: 10px;
		margin: 0 auto;
		position:  relative;
		margin-top: 30px;
	}
	
	.inner_shop{
		width: 1000px;
		height: 340px;
		padding: 10px;
		margin: 0 auto;
		position:  relative;
	}
	
	.sec_title{
		margin: 0 auto;
		text-align: center;
		padding: 30px;
		font-size: 1.8em;
		color: #568946;
		font-family: "Noto Sans JP";
		line-height: 160%;
	}
	
	.sec_title img{
		width: 800p;
	}
	
	.contents_1_block{
		float: left;
		width: 333px;
	}
	
	.contents_1_block img{
		
	}
	
	.contents_1_block p{
		line-height: 160%;
		padding: 5px;
		min-height: 160px;
		height: auto !important;
		height: 160px;
	}
	
	.flow{
		
	}
	.flow ul{
	  width: 1000px;
	  padding:0;
	  font-size:0px;
	  margin-top: 50px;
	  margin-bottom: 30px;
	  height: 165px;
	}
	
	.flow ul li {
	  display: table;
	  text-align: center;
	  font-size:16px;
	  float:  left;
	}
	
	.flow ul li p{
		display: table-cell;
		margin: 0;
		text-align: center;
		vertical-align: middle;
	}
	
	.kako1,.kako2,.kako3,.kako4{
		width: 160px;
	}
	
	
	.kako5{
		width:  160px;
		padding: -100px;
		padding-top: 50px;
	}
	
	.kako6{
		padding-top: 35px;
	}
	
	.kako7,.kako9,.kako11,.kako12{
		width: 167px;
	}
	
	.kako8{
		width: 110px;
		padding: -100px;
		padding-top: 50px;
	}
	
	
	.kako10{
		width: 110px;
		padding: -100px;
		padding-top: 50px;
	}
	
	.option_area{
		width: 100%;
		padding: 30px;
		/* height:400px; */
		border: 1px solid #678065;
		margin-top: 50px;
		line-height: 180%;
	}
	.option_area_title{
		width: 400px;
		text-align: left;
		margin-bottom: 20px;
		font-size: 1.8em;
		font-family: "Noto Sans JP";
		line-height: 160%;
	}
	
	.mitumori_muryo{
		text-align: center;
		padding: 30px;
		color: red;
		font-size: 1.6em;
	}
	
	.contents_7{
		width: 100%;
		height: 300px;
		margin: 0 auto;
		background-color: #f5f5f5;
	}
	
	/*発注までの流れ*/
	.contents_8{
		width: 100%;
		/* height: 1300px; */
		margin: 0 auto;
		background-color: #fff;
	}
	
	/*お問い合わせ*/
	.contents_9{
		width: 100%;
		height: 400px;
		margin: 0 auto;
		background-color: #fff;
	}
	
	.contents_9_inner{
		width: 600px;
		margin: 0 auto;
		margin-top: 30px;
	}
	
	.fukidasi{
		background-image: url(../images/fukidasi.png);
		background-repeat: no-repeat;
		width: 885px;
		height:280px;
		float: left;
	}
	
	.fukidasi_p{
		width: 450px;
		height: 150px;
		line-height: 160%;
		font-size: 1.4em;
		margin-left: 40px;
		margin-top: 10px;
	}
	
	.tel{
		text-align: center;
		margin: 0 auto;
		width: 400px;
		float: left;
	}
	
	.mail{
		text-align: center;
		margin: 0 auto;
		width: 400px;
	}
	
	/*ご提案*/
	.contents_10{
		background-color: #f5f5f5;
		background-image: url(../images/oem.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		width: 100%;
		height: 630px;
		margin: 0 auto;
	}
	
	.contents_10_img{
		text-align: center;
		margin-top: 30px;
	}
	
	.contents_10_p{
		
	width: 625px;
	margin: 0 auto;
	line-height: 180%;
	}
	
	/*ノベルティ紹介*/
	.contents_11{
		background-color: #fff;
		width: 100%;
		height: 300px;
		margin: 0 auto;
	}
	
	.contents_11_p{
		width: 600px;
		margin: 0 auto;
		text-align: justify;
	}
	
	dt{  
	  padding-top : 10px;    
	  padding-bottom : 10px;
	  padding-left : 10px;
	  width : 200px;
	  float : left;
	  clear : both;
	  font-weight: 600;
	}
	 
	dd{
	  padding-top : 10px;
	  margin-left : 140px;
	  overflow: auto;
	}
	/*20211203追加*/
	.original-top{
		border: 1px solid #008b86;
		padding: 10px;
		text-align: center;
		width: 320px;
		margin: auto;
		font-size: 1.8em;
		line-height: 1.4;
		margin-top: 60px;
	}
	.original-top2{
    font-size: 1.4em;
    line-height: 2;
    /* margin-top: 30px; */
    border-right: solid 3px;
    padding-right: 30px;
}
	
	
	.lot{
	    width: 800px;
	    margin: auto;
	    display: flex;
	    flex-direction: column;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
	}
	.lot p{
	    /* width: 100%; */
	}
	.number{
	    font-size: 2em;
	    padding-right: 20px;
	}
	.lot img{
	    /* width: 260px; */
	    margin-top: 30px;
	}
	.lot-p{
	    display: flex;
	    flex-direction: row;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
	    margin-bottom: 30px;
	    margin-top: 30px;
	}
	.lot-rei{
	    color: #c90505;
	    border: 1px solid red;
	    padding: 10px;
	    line-height: 1.8;
	    /* width: 60%; */
	    margin-bottom: 30px;
	    margin-top: 30px;
	    margin: auto;
	    padding: 20px;
	    margin-top: 30px;
	}
	.kakaku{
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    margin-top: 30px;
    /* width: 570px; */
    /* margin: auto; */
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
}
	.kakaku img{}
	.kakaku-detail{
    width: 470px;
}
	.kakaku-detail span{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
	.kakaku-detail p{
    /* border-left: 1px solid; */
    /* padding-right: 70px; */
    text-align: center;
    width: 100px;
}
	.kakaku-detail-p{
	    border-left: 1px solid;
	    padding-right: 70px;
	    width: 210px!important;
	    margin-bottom: 10px;
	}
	.kakaku-detail-p2{
    line-height: 1.8;
}
	.kakaku-wrap{
		width: 900px;
		margin: auto;
		margin-top: 50px;
	}
	.kakaku-title{
    text-decoration: underline;
    font-size: 1.1em;
}
	.kakaku-detail-comment{
		color: red;
		font-size: 0.8em;
		position: absolute;
		right: -23px;
		bottom: 30px;
	}
	.kako-p{
    margin: 20px 0 20px;
}
	.kako-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}
	.kako-inner{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 20%;
    margin: 0 10px;
    margin-bottom: 80px;
    padding: 10px;
}
	.kako-inner-title{
    margin-bottom: 10px;
}
	.kako-inner img{}
	.kako-inner-kakaku{
    margin: 20px 0 20px;
    color: red;
}
	.kako-inner-detail{
    line-height: 1.4;
}


.flavor-p{
	margin-top: 30px;
}
.shiharai-wrap{
    margin-top: 30px;
}
.shiharai-inner{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    height: 60px;
}
.shiharai-inner-title{
    width: 30%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 1.4em;
    border-right: 5px solid #008b86;
    height: 40px;
}
.shiharai-inner-detail{
    width: 70%;
    padding-left: 20px;
}

}

.float-right{
    position: fixed;
    right: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 999;
    top: 310px;
}
.float-right img{
    width: 60px;
    height: fit-content;
}

/* SmartPhone---------------------------------------------------------------------------------------- */
@media screen and (max-width:979px) {

	/*1000px*/
	#wrap{
		width: 100%;
		margin: 0 auto;
		margin-top: 220px;
		
	}
	
	.teabag_contents_1{
		width: 100%;
		height:600px;
		margin: 0 auto;
		background-image: url(../images/flavor_top_img_sp.png);
		background-repeat: no-repeat;
	}
	
	.contents_2{
		width: 100%;
		margin: 0 auto;
		background-repeat: no-repeat;
		background-position: 0px 30px;
	}
	
	.contents_2_txt{
		line-height: 160%;
		margin: 0 auto;
		width:  95%;
		text-align: center;
		font-size: 0.9em;
	}
	
	.contents_3{
		width: 100%;
		margin: 0 auto;
		background-color: #f5f5f5;
		/* margin-top: 1000px; */
	}
	
	.contents_3_txt{
		width: 100%;
		text-align: center;
		padding-top: 30px;
	}
	
	.rakuten_btn{
		position:  absolute;
		left: 500px-100px;
		width:  1000px;
		text-align:  center;
		bottom: -180px;
	}
	
	.contents_4{
		width: 100%;
		height: 600px;
		margin: 0 auto;
		background-color: #fff;
	}
	
	.contents_5{
		width: 100%;
		margin: 0 auto;
		background-color: #fff;
		padding: 30px 0 30px 0;
	}
	
	.contents_5_img{
		text-align:  center;
		/*! width: 100%; */
	}
	
	.contents_5_img img{
		width: 280px;
	}
	
	.contents_5_txt{
		text-align: justify;
		padding-top: 30px;
		line-height:  160%;
	}
	
	.contents_5_txt2{
		text-align: justify;
		padding-top: 30px;
		line-height:  160%;
		padding-bottom: 30px;
	}
	
	
	.contents_6{
		width: 100%;
		margin: 0 auto;
		background-color: #f5f5f5;
	}
	
	.hattyu_frow{
		
	}
	
	.hattyu_frow ul{
		
	}
	
	.hattyu_frow ul li{
		
	}
	
	.hattyu_frow_title{
		font-size: 1.4em;
		line-height: 180%;
		margin-top: 30px;
	}
	
	.hattyu_frow_dital{
		line-height: 140%;
		margin-bottom: 3px;
		margin-left: 30px;
	}
	
	.company_img{
		width: 442px;
		float:  left;
		margin-top: 40px;
	}
	
	.company_txt{
		width: 400px;
		float: right;
		line-height: 160%;
		margin-top:  40px;
	}
	
	.inner{
		padding: 15px;
		margin: 0 auto;
		position:  relative;
	}
	
	.inner_shop{
		width: 1000px;
		height: 340px;
		padding: 10px;
		margin: 0 auto;
		position:  relative;
	}
	
	.sec_title{
		/* margin: 0 auto; */
		/* text-align: center; */
		/* padding: 10px; */
		margin: 0 auto;
		text-align: center;
		padding: 5px;
		font-size: 1.4em;
		color: #568946;
		font-family: "Noto Sans JP";
		line-height: 160%;
	}
	
	.sec_title img{
		width: 800p;
		width: 100%;
	}
	
	.contents_1_block{
		float: left;
		width: 333px;
	}
	
	.contents_1_block img{
		
	}
	
	.contents_1_block p{
		line-height: 160%;
		padding: 5px;
		min-height: 160px;
		height: auto !important;
		height: 160px;
	}
	
	.flow_sp{
		text-align: center;
	}
	
	.flow_sp img{
		width: 90%;
	}

	
	.option_area{
		padding: 5px;
		border: 1px solid #678065;
		margin-top: 50px;
		line-height: 180%;
	}
	.option_area_title{
		text-align: center;
		margin-bottom: 30px;
		padding-top: 20px;
	}

	.option_area_title img{
		width: 280px;
	}
	.mitumori_muryo{
		text-align: center;
		padding: 30px;
		color: red;
		font-size: 1.2em;
		line-height: 160%;
	}
	
	.contents_7{
		width: 100%;
		margin: 0 auto;
		background-color: #f5f5f5;
	}
	
	/*発注までの流れ*/
	.contents_8{
		width: 100%;
		margin: 0 auto;
		background-color: #fff;
	}
	
	/*お問い合わせ*/
	.contents_9{
		width: 100%;
		margin: 0 auto;
		background-color: #fff;
	}
	
	.contents_9_inner{
		width: 100%;
		margin: 0 auto;
		margin-top: 30px;
	}
	
	.fukidasi{
		width: 100%;
	}
	
	.fukidasi img{
		padding: 0px;
		margin: 0px;	
		margin-top: -8px;
	}
	
	
	.fukidasi_p{
		width: 450px;
		height: 150px;
		line-height: 160%;
		font-size: 1.4em;
		margin-left: 40px;
		margin-top: 10px;
	}
	
	.tel{
		text-align: center;
		margin: 0 auto;
		width: 400px;
		float: left;
	}
	
	.mail{
		text-align: center;
		margin: 0 auto;
		width: 400px;
	}
	
	/*ご提案*/
	.contents_10_sp{
		background-color: #f5f5f5;
		width: 100%;
		margin: 0 auto;
		margin-top: -30px;
	}
	
	.contents_10_img{
		text-align: center;
		margin-top: 30px;
	}
	
	.contents_10_p{
		margin: 0 auto;
		line-height: 180%;
		padding: 20px;
	}
	
	/*ノベルティ紹介*/
	.contents_11{
		background-color: #fff;
		width: 100%;
		margin: 0 auto;
		padding-top: 30px;
	}
	
	.contents_11_p{
		margin: 0 auto;
		text-align: justify;
		padding: 20px;
	}
	
	dt{  
	  padding-bottom : 10px;
	   clear : both;
	  font-weight: 600;
	}
	 
	dd{    
	  
	}
	/*20211203追加*/
	.original-top{
		border: 1px solid #008b86;
		padding: 10px;
		text-align: center;
		width: 320px;
		margin: auto;
		font-size: 1.8em;
		line-height: 1.4;
		margin-top: 60px;
	}
	.original-top2{
    font-size: 1.4em;
    line-height: 2;
    /* margin-top: 30px; */
    /* border-right: solid 3px; */
    /* padding-right: 30px; */
    margin-bottom: 10px;
}
	
	
	.lot{
	    /* width: 800px; */
	    margin: auto;
	    display: flex;
	    flex-direction: column;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
	}
	.lot p{
	    /* width: 100%; */
	}
	.number{
	    font-size: 2em;
	    padding-right: 20px;
	}
	.lot img{
	    width: 100%;
	    margin-top: 30px;
	    margin-bottom: 30px;
	}
	.lot-p{
	    display: flex;
	    flex-direction: row;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
	    margin-bottom: 30px;
	    margin-top: 30px;
	}
	.lot-rei{
	    color: #c90505;
	    border: 1px solid red;
	    padding: 10px;
	    line-height: 1.8;
	    /* width: 60%; */
	    margin-bottom: 30px;
	    margin-top: 30px;
	    margin: auto;
	    padding: 20px;
	}
	.kakaku{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    /* width: 570px; */
    /* margin: auto; */
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
    flex-wrap: nowrap;
}
	.kakaku img{}
	.kakaku-detail{
    width: 100%;
    margin-top: 30px;
}
	.kakaku-detail span{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
}
	.kakaku-detail p{
    /* border-left: 1px solid; */
    /* padding-right: 70px; */
    text-align: center;
    /* width: 239px; */
}
	.kakaku-detail-p{
	    border-left: 1px solid;
	    padding-right: 70px;
	    /* width: 210px!important; */
	    margin-bottom: 10px;
	}
	.kakaku-detail-p2{
    line-height: 1.8;
}
	.kakaku-wrap{
		/* width: 790px; */
		margin: auto;
		margin-top: 50px;
	}
	.kakaku-title{
    text-decoration: underline;
    font-size: 1.1em;
}
	.kakaku-detail-comment{
		color: red;
		font-size: 0.8em;
		/* position: absolute; */
		/* right: -23px; */
		/* bottom: 0px; */
	}
	.kako-p{
    margin: 20px 0 20px;
}
	.kako-wrap{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
	.kako-inner{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* width: 28%; */
    margin: 0 10px;
    margin-bottom: 80px;
    padding: 10px;
}
	.kako-inner-title{
    margin-bottom: 10px;
}
	.kako-inner img{}
	.kako-inner-kakaku{
    margin: 20px 0 20px;
    color: red;
}
	.kako-inner-detail{
    line-height: 1.4;
}
.flavor-p{
	margin-top: 30px;
}
.shiharai-wrap{
    margin-top: 50px;
}
.shiharai-inner{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 74px;
    height: 60px;
}
.shiharai-inner-title{
    width: 31%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 1.1em;
    border-right: 5px solid #008b86;
    height: 40px;
}
.shiharai-inner-detail{
    width: 70%;
    padding-left: 20px;
    line-height: 150%;
}


}

.u-line{
	text-decoration: underline;
}