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


/* smartPhone */
.btn_point {
	width: auto;
}

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

}

.btn_point li, .btn_point li.end {
	width:100%;
	line-height:250%;
	background-color:#68b4cd;
	color:#fff;
	text-align:center;
	border-bottom:1px solid #fff;
	font-size:17px;
	padding:0 0 5% 0;
	
}

.btn_point li a {
	color:#fff;
	display:block;
}

.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 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;

}


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


/*アシスタント start*/

.bgwrap_box{
	width:100%;
}


#wrap_box {
	margin:0 auto 30px auto;
	width:100%;
}


h3.assistant {
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto 2% auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left:none;
  font-weight:bold;
  font-size:20px;
  width:100%;
}

.box_assistant{
	width:100%;
	height:auto;
	margin:0;
	padding: 0;
	background-color:#f5f5f5;

	
}

.box_assistant dl{
	width:100%;
	padding:0;
	margin:0 auto;
}

.box_assistant dt{
	width:auto;
	line-height:180%;
	color:#fff;
	background-color:#6699ff;
	text-align:center;
	font-size:17px;
	padding:2% 0 2% 0;
	margin:0 0 8% 0;
}

	
.box_assistant dd{
	text-align:left;
	padding:5%;
	margin:3% 0 0 0;
}

.box_assistant ul{
	text-align:left;
	padding:0;
	
}

.box_assistant li{
	line-height:120%;
	margin:0 0 5% 0;
	list-style:none;

}

.box_assistant ul.inner{	
	display:inline-block;
	padding:0;
}


.box_assistant li.inner_01{
	line-height: 120%;
	margin: 0 0 2% 0;
	float: left;
	width: 15%;
	list-style:none;

}

.box_assistant li.inner_01 img{
	width:70%;
	padding:0;
	margin:0;
	border:none;
}


.box_assistant li.inner_02{
	line-height:150%;
	margin:2% auto 0 auto;
	float:left;
	width:85%;
	list-style:none;
}


/*------------------------*/

.box_assistant_detail{
	width:100%;
	height:auto;
	margin:0 auto 15% auto;
	padding: 0;
	background-color:#f5f5f5;
	border-bottom:1px solid #ccc;
}
.box_assistant_detail dl{
	width:100%;
	padding:0;
	margin:0 auto;
}


.box_assistant_detail dt{
  display:block;
　padding:2% 0 2% 0;
  line-height:260%;
  text-align:center;
  margin:0 auto 0 auto;
  border-top: 1px solid #ccc;
  border-left:none;
  font-size:15px;
  width:100%;
  background-color:#fff !important;
  color:#333;
  cursor:pointer;
  background:url(../img/sankaku_sp_off.png) 230px 12px no-repeat;
}

.box_assistant_detail dt.active{
　padding:2% 0 2% 0;
  line-height:260%;
  text-align:center;
  margin:0 auto 2% auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left:none;
  font-size:15px;
  width:100%;
  background-color:#fff !important;
  color:#333;
  cursor:pointer;
  background:url(../img/sankaku_sp_on.png) 230px 12px no-repeat;
}



.box_assistant_detail dd{
	text-align: left;
	padding:8% 5% 8% 5%;
	margin:0;
	line-height:170%;
	display:none;
}

.box_assistant p{
	margin:0 auto 0 auto;
	width:auto;
}
	
.box_assistant p img{
	width:100%;
}

/*------------------------*/

/*アシスタント end*/



.sp{
	display:inherit;
}

.pc{
	display:none;
}





/* 768px以上用（タブレットとPC） */
@media screen and (min-width: 768px) {
	
.sp{
	display:none;
}

.pc{
	display:inherit;
}

/*バナー、動画掲載箇所 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;
}


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

.item_wrap li.end {
	width:33.3%;
	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;

}
	.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:33%;
	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;

}


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


/*Xperia Earとはボタン部分 start*/
　
.btn_point {
	width: auto;
}

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

}

.btn_point li {
	width:33.333%;
	float:left;
	line-height:300%;
	background-color:#68b4cd;
	color:#fff;
	text-align:center;
	border-right:15px solid #fff;
	box-sizing:border-box;
	font-size:17px;
	padding:0
}

.btn_point li.end {
	width:33.333%;
	line-height:300%;
	padding:0;
	border:none;
}

.btn_point li a {
	color:#fff;
	display:block;

}

/*Xperia Earとはボタン部分 end*/


/*アシスタント start*/

.bgwrap_box{
margin-right: auto;
margin-left: auto;
width: 990px;
box-sizing: border-box;
height: auto;
padding-left: 15px;
padding-right: 15px;
}


#wrap_box {
	padding-right:15px;
	margin:0 auto 30px auto;
	width:990px;
}

h3.assistant {
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto 2% auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:20px;
  width:100%;
}

.box_assistant{
	width:460px;
	height:420px;
	float:left;
	margin:0 10px 20px 10px;
	padding: 0 0 2% 0;
	border:1px solid #d8d8d8;
	box-sizing:border-box;
	background-color:#fff !important;

	
}

.box_assistant dl{
	width:auto;
	padding:0;
	margin:0 auto;
}

.box_assistant dt{
	width:auto;
	line-height:160%;
	color:#fff;
	background-color:#6699ff;
	text-align:center;
	font-size:17px;
	padding:2% 0 2% 0;
	margin:0 0 8% 0;
}

	
.box_assistant dd{
	text-align:left;
	padding:5%;
	margin:3% 0 0 0;
}

.box_assistant ul{
	text-align:left;
	
}

.box_assistant li{
	line-height:120%;
	margin:0 0 5% 0;
	list-style:none;
}

.box_assistant ul.inner{	
	display:inline-block;
	padding:0;
}


.box_assistant li.inner_01{
	line-height: 120%;
	margin: 0 0 2% 0;
	float: left;
	width: 20%;
	list-style:none;

}

.box_assistant li.inner_01 img{
	width:70%;
	padding:0;
	margin:0;
	border:none;
}


.box_assistant li.inner_02{
	line-height:150%;
	margin:2% auto 0 auto;
	float:left;
	width:80%;
	list-style:none;
}




.box_assistant p{
	margin:0 auto 0 auto;
	width:auto;
}
	
.box_assistant p img{
	width:100%;
}
	








.accordion_01 {
	margin:0;
	padding:0;	
	width:100%;
	}

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


.accordion_01 dd{
	display:none
	}

/*アシスタント end*/



}


 /* 768px - 979px用（タブレット用） */
@media screen and (min-width: 768px) and (max-width: 979px)  {


/*アシスタント start*/

.bgwrap_box{
margin-right: auto;
margin-left: auto;
width: 768px;
box-sizing: border-box;
height: auto;
padding-left: 15px;
padding-right: 15px;
}


#wrap_box {
	margin:0 auto 30px auto;
	width:auto;
	padding: 0;
}

h3.assistant {
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto 2% auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:20px;
  width:100%;
}

.box_assistant{
	width:48%;
	height:386px;
	float:left;
	margin:0 1% 2% 1%;
	padding: 0 0 2% 0;
	border:1px solid #d8d8d8;
	box-sizing:border-box;
	background-color:#fff !important;

	
}

.box_assistant dl{
	width:auto;
	padding:0;
	margin:0 auto;
}

.box_assistant dt{
	width:auto;
	line-height:160%;
	color:#fff;
	background-color:#6699ff;
	text-align:center;
	font-size:17px;
	padding:2% 0 2% 0;
	margin:0 0 8% 0;
}

	
.box_assistant dd{
	text-align:left;
	padding:5%;
	margin:3% 0 0 0;
}

.box_assistant ul{
	text-align:left;
	
}

.box_assistant li{
	line-height:120%;
	margin:0 0 5% 0;
	list-style:none;
}

.box_assistant ul.inner{	
	display:inline-block;
	padding:0;
}


.box_assistant li.inner_01{
	line-height: 120%;
	margin: 0 0 2% 0;
	float: left;
	width: 20%;
	list-style:none;

}

.box_assistant li.inner_01 img{
	width:70%;
	padding:0;
	margin:0;
	border:none;
}


.box_assistant li.inner_02{
	line-height:150%;
	margin:2% auto 0 auto;
	float:left;
	width:80%;
	list-style:none;
}




.box_assistant p{
	margin:0 auto 0 auto;
	width:auto;
}
	
.box_assistant p img{
	width:100%;
}

.accordion_01 {
	margin:0;
	padding:0;	
	width:100%;
	}

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


.accordion_01 dd{
	display:none
	}

/*アシスタント end*/

}


 /* -67px用（スマホ用） */
@media screen and (max-width: 767px) {
	
.box_assistant_img{
	width: 50%;
	display: table-cell;
	vertical-align: top;
}
	
.box_assistant_img > img{
	width: 100%;
	margin-top: 10px;
}
	.box_assistant_imgout{
		padding: 0 10px;
	}
	.box_assistant_imgout .box_assistant_img{
		padding: 0 5px;
	}
	dl > dd > .box_assistant_img > img{
		padding: 0 5px;
	}
	
	.box_assistant_img_alone{
		width: 50%;
    margin: 0 auto;
	}
}
}