@charset "shift_jis";
/* ===================================================================
CSS information
*/

/*  #syunodaiko
----------------------------------------*/
#syunodaiko {
  margin: 0;
  padding: 20px 0;
}

#syunodaiko .inner {
	padding: 0 10px;
}

#syunodaiko .main_title {
  margin-bottom: 15px;
}
#syunodaiko .main_title img {
	max-width: 600px;
	margin: 0 auto;
}

/*  .movie
----------------------------------------*/
#movie {
	margin-bottom: 30px;
}
.movie_item {
	float: none;
	width: 100%;
	margin: 15px 0 0 0;
}
.movie_item:first-child {
	margin: 0;
}
.movie_item iframe {
	width: 100%;
}
.movie_item .section_inner {
	padding: 15px;
	text-align: center;
}
.movie_item .section_inner iframe {
	min-height: 200px;
	max-width: 360px;
}
#movie .banner_video {
	width: 100%;
  height: auto;
}
/*  #payment
----------------------------------------*/
#payment {
	padding: 15px;
	margin-bottom:25px;
}
#payment .payment_title {
	width: 100%;
	margin: 0 auto;
	display: table;
}
#payment .payment_title .title_image {
	width: 30%;
	margin-right: 2%;
	display: table-cell;
	vertical-align: middle;
	float: none;
	text-align: right;
}
#payment .payment_title .title_image img {
	max-width: 118px;
}
#payment .payment_title .title_txt {
	display: table-cell;
	vertical-align: middle;
	width: 63%;
	font-size: 18px;
	margin-bottom:0;
	line-height:1.6;
	float: none;
	padding-left: 2%;
}
#payment .payment_caption {
	border: 2px solid #dfdfdf;
	padding: 8px 0;
	font-size: 15px;
	margin-top: 10px;
}

/*  #anchor
----------------------------------------*/
#anchor {
	padding: 0;
}
#anchor .anchor_item {
	width: calc(50% - 1px);
	margin: 0 0 2px 2px;
}
#anchor .anchor_item:first-child a {
	background: url(../img/sp/bg-anchor_1.png) no-repeat 5% center #fff;
}
#anchor .anchor_item:nth-child(2) a {
	background: url(../img/sp/bg-anchor_2.png) no-repeat 5% center #fff;
}
#anchor .anchor_item:nth-child(3) a {
	background: url(../img/sp/bg-anchor_3.png) no-repeat 5% center #fff;
}
#anchor .anchor_item:nth-child(4) a {
	background: url(../img/sp/bg-anchor_4.png) no-repeat 5% center #fff;
}
#anchor .anchor_item:nth-child(4) a span {
	padding: 18px 0 35px 0;
}
#anchor .anchor_item:nth-child(4) a span:after {
	top: 80%;
}
#anchor .anchor_item a {
	border-radius: 0;
	padding-left: 30%;
}
#anchor .anchor_item a span {
	padding: 24px 0 45px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	font-size: 15px;
	text-align:center;
}
#anchor .anchor_item a span:after {
	top: 68%;
	right: 50%;
	margin-right: -13px;
}
.note {
	line-height: 1.7;
	margin: 10px 0 30px 0;
}



/*  section_title
----------------------------------------*/
.section_title {
	font-size: 23px;
	padding: 9px 0;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.section_inner {
	padding: 15px;
}
.part_title {
	font-size: 18px;
	padding: 9px 0 10px;
}

/*  #communication
----------------------------------------*/
#communication {
  margin-bottom: 10px;
}
#syunodaiko .logo_list {
  padding: 15px 15px 0 15px;
}
#syunodaiko .bg_bottom {
  padding-bottom: 15px;
}


/*  #utility_charges
----------------------------------------*/
#syunodaiko .utility_list {
  padding: 15px 15px 0 15px;
}
.utility_list .txt {
  font-size: 12px;
	padding: 8px;
	margin-top:10px;
}

/*  #mail_order
----------------------------------------*/
#mail_order {
	margin-top: 10px;
}
#mail_order .logo_list {
	padding: 15px 15px 0 15px;
}

/*  #credit_agent
----------------------------------------*/
#credit_agent {
	margin-top: 10px;
}
#credit_agent .bg_bottom {
	padding-bottom: 15px;
}

/*  .logo_box
----------------------------------------*/
#syunodaiko .mail_list {
  padding: 15px 15px 0 15px;
}

#syunodaiko .credit_list {
	padding: 15px 15px 0 15px;
}

#syunodaiko .storage_source {
	margin: 25px 0;
	padding: 0 40px;
	box-sizing:border-box;
}

@media screen and (max-width : 570px) {
	#anchor .anchor_item a {
		background-size: 22%!important;
	}
	#anchor .anchor_item:nth-child(4) a span {
		padding: 22px 0 35px 0;
	}
}

/*  .page_top_sub
----------------------------------------*/
.page_top_sub {
	width: 60px;
}