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

.ue_image{
width:100%;
background: #1E1C19;
margin:0 auto;
}

.fukkakimai_ue_bun{
width:90%;
max-width: 1024px;
	color:#3d3d39;
	line-height:180%;
	margin:5% 5% 0 5% ; 
		text-align:left;

}
.bg_white{
	width:100%;
	padding:50px 0;
	background-color:#fff;
}
@media screen and (min-width:760px) {
.bg_white{
	padding:100px 0;
}
}

@media screen and (min-width:760px) {
.fukkakimai_ue_bun{
	margin:20px auto 0 auto ; 
display:flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.fukkakimai_ue_left{
width:45%;
}
.fukkakimai_ue_left img{
width:100%;
}
.fukkakimai_ue_right{
width:auto;
width:50%;
}

}
@media screen and (max-width:759px) {
.fukkakimai_ue_right{
margin-bottom: 3em;
}
.fukkakimai_ue_left{
text-align: center;
}
.fukkakimai_ue_left img{
width:70%;
}
}

.fukkakimai_hosoku th{
 white-space:nowrap;
 padding:5px;
}

.fukkakimai_hosoku td{
 white-space:wrap;
 padding:5px;
}

.korabo_title{
text-align: left;
width:90%;
max-width: 1024px;
margin:5em auto;
}
h5 {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  border: 3px solid #433126;
  font-size:1.4em;
}

h5:before {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -24px;
  left: -3px;
  height: 24px;
  padding: 0 1em;
  content: '業界初⁉';
  color: #fff;
  background: #433126;
}


.fukkakimai_uta_bun{
width:90%;
max-width: 1024px;
	color:#3d3d39;
	line-height:180%;
	margin:5% 5% 0 5% ; 
		text-align:left;

}

@media screen and (min-width:760px) {
.fukkakimai_uta_bun{
	margin:20px auto 0 auto ; 
display:flex;
justify-content: space-between;
}
.fukkakimai_uta_right{
width:45%;
}
.fukkakimai_uta_right img{
width:100%;
}
.fukkakimai_uta_left{
width:auto;
width:50%;
}

}
@media screen and (max-width:759px) {
.fukkakimai_uta_left{
margin-bottom: 3em;
}
.fukkakimai_uta_right{
text-align: center;
}
.fukkakimai_uta_right img{
width:70%;
}
}



.image-trim {
  position: relative;
  overflow: hidden;
  padding-top: 100%; /* 比率 */
}
.image-trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-trim_none-object-fit {
  position: relative;
  overflow: hidden;
  padding-top: 100%; /* 比率 */
  background: #EEE; /* 確認用 */
}
.image-trim_none-object-fit img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; 
}

.flex-item {
  flex-basis: 24%;
  margin-bottom: 1%;
}