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

.item_icon {
    margin: 30px 0 0 !important;
    justify-content: flex-start !important;
}


.item_icon li {
    display: inline !important;
	height: auto;
	padding: 3px 10px 2px !important;
    background-color: #262835;
    border-radius: 30px;
    color: #fff;
	font-size: 1.5rem;
	line-height: 3rem;
}

.sp_only {
	display: none !important;
}

.column2,
.column2_2 {
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
}

.column2_2 {
	justify-content: flex-start !important;
}

.column2 li,
.column2_2 li{
	width: 50% !important;
	margin: 0 !important;
	padding: 0;
}

.wrapper {
	max-width: 1200px;
	margin: 82px auto;
}

.wrapper_inner {
	padding: 10px;
}


a:hover {
    opacity: 0.9 !important;
	transition: 1s;
}

/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box{
	opacity: 1;
}

/*==================================================
動かしたい動き（今回は” ふわっ” を採用）
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}


@media screen and (max-width: 600px)
{
	
.wrapper {
	width: 100%;
	margin: 120px 0 5% !important;
}
	
.tb_pc_only {
	display: none;
}
	
.wrapper .sp_only {
	display: block !important;
}
	
.wrapper .sp_only li {
	margin: auto !important;
}
		
.column2 {
	flex-direction: column;
}
	
.column2_2 {
	justify-content: flex-start !important;
}

.column2 li {
	width: 85% !important;
	padding: 0 !important;
}
	
.width80 {
	width: 85%;	
	margin: auto;
}
	
.column2_2 li:nth-child(2n+1) {
	width: 49.5% !important;
	margin-right: 0.5% !important;
}
	
.column2_2 li:nth-child(2n) {
	width: 49.5% !important;
	margin-left: 0.5%!important;
}
	
	
}