@charset "utf-8";
#komesori img{
	width: 100%;
	vertical-align:top;
}
#komesori{
	background: #f4f4f4;
		color:#616161;

}
#komesori #main{
	background: #ffffff;
	max-width: 1280px;
	margin: 0 auto;
}
#komesori .information_bg{
	background:#fef5e6;
	/* padding-bottom: 3%; */
}
#komesori .width_body{
	width:80%;
	margin:0 auto;
}
#komesori .information_title{
	text-align:center;
	font-size: 2rem;
	padding:3%;
	line-height: 1.8;
}
#komesori .rule_list{
	text-align:start;
	font-size: 1.6rem;
	list-style:disc;
}
#komesori .caution_list{
	text-align:start;
	font-size: 1.6rem;
	list-style-type: decimal;
}
#komesori .red_text{
	color:#da0707;
}

#komesori .bgblue_wrap{
	background:#3197bd;
	padding-bottom: 1%;
}
#komesori .bgblue_title{
	color:#ffffff;
	text-align:center;
	font-size: 2rem;
	font-weight: bold;
	padding: 2% 0;
}
#komesori .upcycle_box{
	display:block;
	margin:0 auto 2%;
	width:50%;
	padding:1% 3%;
	border-radius:7px;
	font-size:2.3rem;
	font-weight:bold;
	text-align:center;
	background-image: linear-gradient(0deg, #fbffaf 10%, rgba(255, 255, 255, 1) 90%);
	box-shadow: 5px 5px 8px 0px rgb(0 0 0 / 30%);
	color:#0964ab;
}
#komesori .gray_btn{
	background:#bdbdbd;
	color:#808080;
}
#komesori .upcycle_box>span{
	font-size:2rem;
}
#komesori .flex_box:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
transition:0.4s;
}
#komesori .pc_none{
	display:none;
}
#komesori .return_box{
	display:block;
	margin:0 auto;
	background:#ffffff;
	width: 40%;
	padding: 1%;
	font-size:1.5rem;
	text-align:center;
	color:#0964ab;
}

@media screen and (max-width: 1279px){
    #komesori .link-btn {font-size: 1.3vw;}
}
}