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


/* ▼----------スマートフォン start----------▼ */

.arrow {
	position:absolute;
	left:47%;
	width:18px;
	height:10px;
}

/*バナー、動画掲載箇所 start*/
　
.item_wrap {
	width: 100%;
}

.item_wrap ul {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	width: 100%;
}

.item_wrap li {
	width:100%;
	margin:0 0 5% 0;
	border:none;
	box-sizing:border-box;
	padding:0;
	height:auto;
}
.item_wrap ul {
	text-align: center;
}

.item_wrap li {
	width:100%;
	margin:0 0 5% 0;
	border:none;
	box-sizing:border-box;
	padding:0;
	height:auto;
}


.item_wrap li.end {
	width:100%;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0;
	height:auto;
}

.item_wrap li a:hover img {
	opacity:0.7;
	display:block;
}
	
.item_wrap li a img {
	transition:opacity 1s ease-out;
	display:block;
}



.item_wrap2 {
	width: 100%;


}

.item_wrap2 ul {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	width: 100%;

}

.item_wrap2 li {
	width:100%;
	margin:0 0 5% 0;
	border:none;
	box-sizing:border-box;
	padding:0;
	height:auto;
}


.item_wrap2 li.end {
	width:100%;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0;
	height:auto;
}

.item_wrap2 li a:hover img {
	opacity:0.7;
	display:block;

}
	
.item_wrap2 li a img {
	transition:opacity 1s ease-out;
	display:block;
width: 100%;
}


/*もっと詳しく start*/
.accordion_01 {
	width: 100%;
	}

.accordion_01 dt {
  display:block;
  padding:0;
  line-height:300%;
  text-align:center;
  margin:0 auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:14px;
  width:90%;
  cursor:pointer;
background:url( ../img/sankaku_sp_off.png) 90% 50% no-repeat;
	background-size: 4%;
	letter-spacing: 1px;
  
}
.accordion_01 dt.active {
  padding:0;
  line-height:300%;
  text-align:center;
  margin:0 auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:14px;
  width:90%;
  cursor:pointer;
background:url( ../img/sankaku_sp_on.png) 90% 50% no-repeat;
background-size: 4%;

}


.accordion_01 dd{
	display:none
	}


/*バナー、動画掲載箇所 end*/


/* ▲----------スマートフォン end----------▲ */





/* ▼----------768px以上用（タブレットとPC） start----------▼ */
@media screen and (min-width: 768px) {

/*バナー、動画掲載箇所 start*/

.item_wrap {
	width: auto;
}

.item_wrap ul {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	width: 100%;
	padding-left:15px;
	padding-right:15px;
}
	
/*▼バナー3つ並びの時のwidth
.item_wrap li {
	width:33.33333333%;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0 1% 0 0;
	height:auto;
}
	
.item_wrap li:last-child {
	width:33.33333333%;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0 0 0 0;
	height:auto;
}
	
*/
	
.item_wrap li {
	width:25%;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0 1% 0 0;
	height:auto;
}
	
.item_wrap li:last-child {
	width:24%;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0 0 0 0;
	height:auto;
}


.item_wrap2 {
	width: auto;
}

.item_wrap2 ul {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	width: 100%;
	padding-left:15px;
	padding-right:15px;
}

.item_wrap2 ul{
	text-align: center;	
}
.item_wrap2 li {
	width:24%;
	display: inline-block;
	float: none;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0 1% 0 0;
	height:auto;
}



.item_wrap2 li a:hover img {
	opacity:0.7;
	display:block;

}
	
.item_wrap2 li a img {
	transition:opacity 1s ease-out;
	display:block;
	width: 100%;
}
	
.item_wrap4 ul{
	text-align: center;	
}
.item_wrap4 li {
	width:24.5%;
	display: inline-block;
	float: none;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding: 0;
	height:auto;
}
.item_wrap4 li:last-child {
	width:24.5%;
	margin:0;
	display: inline-block;
	border:none;
	box-sizing:border-box;
	padding: 0;
	height:auto;
}
.item_wrap3 ul{
	text-align: center;	
}
.item_wrap3 li {
	width:24.6%;
	display: inline-block;
	float: none;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding: 0;
	height:auto;
}
.item_wrap3 li:last-child {
	width:24.6%;
	display: inline-block;
	float: none;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding: 0;
	height:auto;
}
	

.item_wrap li.end {
	width:25%;
	float:left;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0 1% 0 0;
	height:auto;
}

.item_wrap li a:hover img {
	opacity:0.7;
	display:block;

}
	
.item_wrap li a img {
	transition:opacity 1s ease-out;
	display:block;

}

/*バナー、動画掲載箇所 end*/


/*もっと詳しく start*/
.accordion_01 {
	width: 100%;
	}

.accordion_01 dt {
  display:block;
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:20px;
  width:80%;
  cursor:pointer;
background:url(../img/sankaku_off.png) center 50% no-repeat;
  
}
.accordion_01 dt.active {
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto 5% auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:20px;
  width:80%;
  cursor:pointer;
  background:url(../img/sankaku_on.png) center 50% no-repeat;
}


.accordion_01 dd{
	display:none
	}

/*もっと詳しく end*/

}
/* ▲----------768px以上用（タブレットとPC） end----------▲ */
/*---------------
nav
-----------------*/
.nav01{
  margin-top: 30px;
}
.nav01 img{
  width: inherit;
}
.nav01 div{
  width: 32.8%;
  display: inline-block;
  overflow: hidden;
  border-left:1px solid #cecece;
  position: relative;
}
.nav01 div:after{
  content:"";
  position: absolute;
  width: 10px;
  height: 10px;
  border-right:2px solid #999999;
  border-bottom:2px solid #999999;
  transform:rotate(-45deg);
  right:10px;
  top:0;
  bottom:0;
  margin: auto;
}
.nav01 div img{
  width: 28.6%;
  float: left;
  margin-left: 3%;
  margin-right: 3%;
}
.nav01 div.nav_enta img{
  margin-left: 0;
}
.nav01 div p{
  font-size: 13px;
  line-height: 18px;
}
.nav01 div p span{
  font-size: 16px;
  line-height: 2;
  font-weight: 900;
}
.nav01 div.nav_enta{
  border:0px;
}
.nav_business span{
  color: #4351b3;
}
.nav_enta span{
  color: #d44364;
}
.nav_homeuse span{
  color: #ffcf51;
}
@media screen and (max-width: 767px) {
  .nav01{
    padding: 0;
  }
  .nav01 div{
  width: 100%;
  border-left:0px;
  border-bottom:1px solid #cecece;
  margin-top: 10px;
  padding-bottom: 10px;
}
.nav01 div.nav_enta{
  border-bottom:1px solid #cecece;
  margin-top: 0;
}
.nav01 div img{
  width:90px;
  margin-left: 0px;
}
.nav01 div p span{
  font-size: 19px;
}
}

.annotation.line_through{
	text-decoration: line-through;
}
@media screen and (max-width: 767px) {
.pc_only{
	display: none;
}
}
/*btn*/
.btn_app{
	color: #fff;
	background-color: #000;
	padding-top: 18px;
	padding-bottom: 18px;
	max-width:350px;
	width: 100%;
	display: inline-block;
	text-align:center;
	border-radius:4px;
	position:relative;
	transition:opacity 0.5s ease 0s;
	margin-top: 30px;
	
}
@media screen and (max-width: 767px) {
	.btn_app{
		max-width:inherit;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
.btn_app:hover{
	color: #fff;
	opacity:0.7;
}
.btn_app:after{
	font-family: FontAwesome;
  	position: absolute;
  	top:0;
  	bottom:0;
  	right:13px;
  	margin: auto;
  	font-size: 25px;
  	font-weight: 900;
  	width: 10px;
  	height: 35px;
  	content:"\f105";
}