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

/*lineup*/
.wid1,.wid2,.wid3,.wid4{
	margin: 0 auto;
}
.wid1{
	max-width: 280px;
	width: 90%;
}
.wid2{
	max-width: 124px;
	width: 100%;
}
.wid3{
	width: 100%;
}
.wid4{
	max-width: 150px;
	width: 100%;
}

/*flex*/
.flex1{
	max-width: 1100px;
	width: 100%;
}
.flex1,.flex2{
	display: flex;
	justify-content: space-around;
	text-align: center;
}
.flex2{
	justify-content: center;
}
.flex3{
	display: flex;
	justify-content: space-between;
}
.flex3 .text{
	width: 79%;
}
.flex3 .img{
	width: 20%;
	text-align: center;
	position: relative;
	top: -45px;
}

/*text*/
.text,.left{
	font-size: 14px;
}
.text:hover,.left:hover{
	color: #000;
	text-decoration: none;
}
.flex1 .text,.flex2 .text{
	padding-top: 14px;
}
.left{
	display: inline-block;
	text-align: left;
  width: 80%;
}

/*btn*/
.btn{
	position: relative;
  display: inline-block;
  font-weight:normal;
  color: #FFF;
  padding: 5px 0px 3px;
	width: 150px;
	border-radius: 20px;
  background-color: #e2ac74;
  transition: .4s;
	background-image: url(../../img/usr/common/ico_arw10.png);
  background-position: 95% center;
  background-repeat: no-repeat;
	margin-bottom: 6px;
}
.btn0{
	width: 190px;
}

/*btn個別設定*/
.btn1{
	background-color: #c17d9f;
}
.btn2{
	background-color: #ea8396;
}
.btn3{
	background-color: #cd6e1e;
}
.btn4{
	background-color: #289472;
}
.btn5{
	background-color: #cc5456;
}
.btn6{
	background-color: #e2358b;
}

/*hover*/
.link:hover{
	display: inline-block;
  opacity: 0.8;
}

/*sp*/
.wid5,.wid6,.wid7,.wid8{
	margin: 0 auto;
}
.wid5{
	width: 46%;
}
.wid6{
	width: 60%;
}
.wid7{
	width: 46%;
}
.wid8{
	width: 70%;
}
.flex4{
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.btn_sp{
	width: 90%;
}