@charset "utf-8";

/*===============================================
●共通
===============================================*/
#container header {
	padding:0 1em;
	background:url(../../images/index/tex08.png) repeat center top;
}
#container header h2 {
	color:#fff;
	font-weight:bold;
	background:url(../../images/guide/icon01.png) no-repeat left center;
}

/* box01 */
#box01 ul {
	display:table;
	margin:0 auto;
}
#box01 ul li {
	float:left;
	display:inline-block;
	margin:0 1% 2%;
}
#box01 ul li a {
	display:block;
	line-height:1.5em;
	padding:0 0.5em 1em!important;
	text-decoration:none;
	text-align:center;
	border:#000 2px solid;
	background:url(../../images/mainframe/icon_arrow09.png) no-repeat center 2.3em #fff;
	background-size:10px 6px;
}
#box01 ul li a:hover {
	color:#ff0000;
	background:url(../../images/mainframe/icon_arrow10.png) no-repeat center 2.3em #fff;
	background-size:10px 6px;
}

/* contents */
#contents {
	background-color:#04B2E0;
}
#contents .title04 {
	color:#00154E;
	background:url(../../images/mainframe/border_tex04.gif) repeat left top;
}

/* guide01 */

/* 電話番号削除対応 */
/*#guide01 article {
	border:#C5E1F8 2px solid
}
#guide01 h5 {
	font-weight:bold;
	color:#159FFF;
	text-align:center;
	font-size:1.2em;
	line-height:2.5em;
	border-bottom:#C5E1F8 2px solid;
	background:url(../../images/mainframe/dots_tex02.gif) repeat center top;
}*/
/* 電話番号削除対応ここまで */

#guide01 h5 span {
	display:inline-block;
	font-size:1.4em;
	margin-right:0.7em;
	vertical-align:middle;
}
#guide01 article p span {
	display:block;
	color:#FF0000;
	font-weight:bold;
	font-size:1.8em;
	line-height:1.3em;
}

/* 電話番号削除対応 */
/*#guide01 article p {
	padding:1em;
}*/
/* 電話番号削除対応ここまで */

#guide01 article .btn01 {
	padding:0;
	margin:0 1em 1em;
}
#guide01 article .btn01 a,
#guide06 .btn01 a {
	line-height:1.2em;
	padding:0.5em 0;
}

/* guide03 */
#guide03 p .colorcaution,
#guide05 p .colorcaution {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
}

/* guide05 */
#guide05 .bankInfo {
	display:inline-block;
	padding:0.7em;
	font-size:1.15em;
	font-weight:bold;
	border:#ccc 1px solid;
	margin-bottom:1em;
}

/*===============================================
●画面の横幅が740px以下
===============================================*/
@media screen and (max-width: 739px){
	
	#container header h2 {
		font-size:1.3em;
		padding:1em;
		line-height:1.2em;
		box-sizing:border-box;
		padding-left:60px;
		background-size:43px 30px;
	}
	
	/* box01 */
	#box01 .inner {
		padding:0.8em 0.7em 1em;
	}
	#box01 .inner ul {
		display:block;
	}
	#box01 ul li {
		width:49%;
		margin:0 1% 2% 0;
		box-sizing:border-box;
	}
	#box01 ul li:nth-child(even) {
		margin-right:0;
	}
	#box01 p {
		line-height:1.3em;
	}

	/* contents */
	#box01 ul li a {
		padding-top:0.2em!important;
		background-position:center 1.7em;
	}
	#box01 ul li a:hover {
		background-position:center 1.7em;
	}
	
	/* contents */
	#contents {
		padding:1em;
	}
	#contents .inner {
		padding:1em;
		background-color:#fff;
	}
	#contents .guideBox {
		margin-bottom:2em;
	}
	
	/* guide01 */
	
	/* 電話番号削除対応 */
	/*#guide01 article {
		margin-bottom:1em;
	}*/
	
	/* 電話番号削除対応ここまで */
	#guide01 article p span a {
		color:#FF0000;
		text-decoration:none;
	}
	
	/* guide02 */
	#guide02 ul li {
		margin-bottom:0.5em;
	}
	
	#guide03Box02 p {
		word-break: break-all;
	}
	
	/* guide04 */
	#guide04 ul li {
		text-align:center;
		font-size:0.9em;
		padding-bottom:1em;
		margin-bottom:1em;
		background:url(../../images/guide/arrow02.jpg) no-repeat bottom center;
		background-size:10px 6px;
	}
	#guide04 ul li:last-child {
		background:none;
	}
	#guide04 ul li img {
		display:block;
		width:100%;
		max-width:100%;
		height:auto;
		box-sizing:border-box;
		margin:0 auto 0.5em;
		border:#ccc 1px solid;
	}
}

/*===============================================
●画面の横幅が740px以上
===============================================*/
@media screen and (min-width: 740px){

	#container header h2 {
		font-size:2em;
		width:100%;
		max-width:1180px;
		margin:0 auto;
		padding:1.5em 1.5em 1.5em 4em;
		box-sizing:border-box;
	}
	#container header h2 span {
		font-size:0.5em;
	}
	
	/* box01 */
	#box01 {
		padding:1.5em 0;
	}
	#box01 ul {
		width:100%;
		max-width:1180px;
		margin:0 auto;
		padding:0 1em;
		box-sizing:border-box;
	}
	#box01 ul li {
		width:16%;
		margin:0 0.8% 0 0;
	}
	#box01 ul li:last-child {
		margin-right:0;
	}
	#box01 ul li a {
		padding-right:1em;
		line-height:2.3em;
	}
	
	/* contents */
	#contents {
		padding:2em;
	}
	#contents .inner {
		width:100%;
		max-width:1180px;
		margin:0 auto;
		padding:2em;
		box-sizing:border-box;
		background-color:#fff;
	}
	#contents .guideBox {
		margin-bottom:2.5em;
	}
	#contents .btn01 {
		width:30%;
		font-size:1em;
	}
	#contents .btn01 a {
		font-size:1em;
	}

	/* guide01 */
	
	/* 電話番号削除対応 */
	/*#guide01 article {
		width:32%;
		float:left;
		max-height:25em;
		margin-right:2%;
		box-sizing:border-box;
	}*/
	/* 電話番号削除対応ここまで */
	
	#guide01 article:last-child {
		margin-right:0;
	}
	#guide01 .btn01 {
		width:auto;
	}
	#guide01 #guide01Box01 p {
		line-height:1.57em;
	}
	#guide01 #guide01Box02 p {
		margin-bottom:3em;
	}
	
	/* guide03 */
	#guide03 #guide03Box01 {
		background:url(../../images/mainframe/guide03.gif) no-repeat right center;
	}


	/* guide04 */
	#guide04 ul li {
		width:25%;
		float:left;
		text-align:center;
		padding-right:2%;
		margin-right:1.5%;
		box-sizing:border-box;
		background:url(../../images/guide/arrow01.jpg) no-repeat right 7.5em;
	}
	#guide04 ul li:last-child {
		margin-right:0;
		background:none;
	}
	#guide04 ul li img {
		display:block;
		width:100%;
		max-width:100%;
		height:auto;
		margin-bottom:0.3em;
		border:#ccc 1px solid;
		box-sizing:border-box;
	}
	
	/* guide05 */
	#guide05 {
		background:url(../../images/mainframe/guide04.gif) no-repeat right 5em;
	}
}