@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#gNavi .navi02 a {
	background: url(../images/common/icon/icon07.gif) no-repeat center 59px;
}

#conts .comInner {
	margin-bottom: 26px;
}

#conts .imgBoxBg {
	margin-bottom: 19px;
	padding-bottom: 12px;
	background: url(../images/common/icon/icon03.gif) no-repeat center bottom;
}

#conts .imgBoxBg .imgBox {
	padding: 21px 0 0 14px;
	border: 3px solid #91CAE6;
}

#conts .imgBoxBg .imgBox .photoBox {
	margin: -17px 0 0 -10px;
	float: right;
	position: relative;
}

#conts .imgBoxBg .imgBox ul {
	width: 380px;
	float: left;
}

#conts .imgBoxBg .imgBox li {
	padding-left: 12px;
	color: #1F1F1F;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
	background: url(../images/common/icon/icon02.gif) no-repeat left 7px;
}

#conts .imgBoxBg .imgBox li span {
	color: #FF3F00;
}

#conts .section .textImg {
	margin: 0 5px;
}

#conts .ttl01 {
	margin-bottom: 20px;
}

#conts .ttl02 {
	margin-bottom: 23px;
}

#conts .section {
	padding: 0 12px;
}

#conts .section p {
	margin-bottom: 9px;
	color: #202020;
	font-size: 13px;
}

#conts .section .photoList {
	margin-bottom: 20px;
}

#conts .section .photoList li {
	float: left;
}

#conts .section .textList {
	margin-bottom: 12px;
	position: relative;
	padding: 12px 16px 10px;
	border: 2px solid #FF4C10;
}

#conts .section .textList .photo {
	position: absolute;
	right: 31px;
	bottom: 0;
	background: none;
}

#conts .section .textList li {
	margin-right: 16px;
	padding-left: 14px;
	color: #202020;
	display: inline;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/common/icon/icon01.gif) no-repeat left 8px;
}

#conts .section .text01 {
	margin-bottom: 5px;
}

#conts .section .text02 {
	margin-bottom: 2px;
}

#conts .section .link {
	text-align: right;
}

#conts .link a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .inner01 .innerBg {
	padding-bottom: 11px;
}

#conts .comInner .listUl {
	margin-bottom: 17px;
	padding: 10px 20px 9px 8px;
	width: 379px;
	border: 2px solid #FF4C10;
}

#conts .comInner .listUl li {
	color: #202020;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}

#conts .comInner .listUl li span {
	color: #FF4C10;
}

#conts .section .textImg01 {
	margin-bottom: 12px;
}

#conts .comInner .innerBg {
	position: relative;
}

#conts .comInner .photo01 {
	position: absolute;
	right: 20px;
	bottom: -2px;
}

#conts .flow {
	margin-bottom: 36px;
}

#conts .flow .innerBg {
	padding-bottom: 10px;
}

#conts .flow .photo {
	position: absolute;
	right: 18px;
	bottom: -2px;
}

#conts .section01 {
	padding: 0 15px;
}

#conts .flow .section .textBox {
	width: 435px;
}

#conts .flow .section .textBox p {
	margin-bottom: 14px;
}

#conts .flow .section .textBox .text {
	margin-bottom: 4px;
}

#conts .flow .section .link {
	text-align: left;
}

#conts .btmInner {
	padding: 50px 10px 10px 15px;
	border: 1px solid #DDD;
	background-color: #FFF;
}

#conts .btmInner .photoBox {
	position: relative;
	float: left;
}
	
#conts .btmInner .photoBox .ttl {
	position: absolute;
	top: -60px;
	left: 0;
}

#conts .btmInner .textBox {
	width: 350px;
	float: right;
}

#conts .btmInner .textBox p {
	margin-bottom: 15px;
	font-size: 13px;
}

#conts .btmInner .textBox .textImg {
	margin-bottom: 5px;
}

#conts .btmInner .textBox .link {
	text-align: right;
}

@media all and (min-width: 0) and (max-width: 640px)  {
	#conts .comInner {
		margin-bottom: 15px;
	}
	
	#conts .section {
   		 padding: 0 2px;
	}
	
	#conts .imgBoxBg {
		margin-bottom: 8px;
		padding-bottom: 7px;
		background-size: 11px 7px;
	}
	
	#conts .imgBoxBg .imgBox {
		padding: 13px 8px 5px;
		border: 2px solid #91CAE6;
	}
	
	#conts .imgBoxBg .imgBox li {
		font-size: 12px;
		line-height: 1.6;
	}
	
	#conts .imgBoxBg .imgBox .photoBox {
		margin: 0 0 9px;
		float: none;
	}

	#conts .imgBoxBg .imgBox .photoBox img {
		width: 100%;
	}
	
	#conts .imgBoxBg .imgBox ul {
		float: none;
		width: auto;
	}
	
	#conts .imgBoxBg .imgBox li {
		background-size: 3px 6px;
		letter-spacing: -0.5px;
	}
	
	#conts .section .textImg {
		width: 280px;
		margin: 0 auto;
	}
	
	#conts .ttl01 {
		margin-bottom: 14px;
	}
	
	#conts .section .photoList li {
		width: 33.333%;
	}
		
	#conts .section .photoList li img {
		width: 100%;
	}
	
	#conts .section .textList {
		padding: 8px 14px 8px;
	}
	
	#conts .section .textList li {
		padding-left: 10px;
		display: block;
		font-size: 14px;
		background-size: 5px 5px;
	}
	
	#conts .section .textList .photo {
		right: 10px;
	}
	
	#conts .section .textList .photo img {
		width: 120px;
	}
	
	#conts .section p {
		margin: 0 5px 10px;
	}

	#conts .section .link {
    	text-align: center;
	}
	
	#conts .section .link img {
		width: 212px;
	}
	
	#conts .section .text02 {
		margin-bottom: 10px;
	}
	
	#conts .comInner .listUl {
		margin-bottom: 17px;
		padding: 10px 100px 0px 8px;
		width: auto;
	}

	#conts .comInner .listUl li {
		margin-bottom: 5px;
		padding-left: 1em;
		font-size: 12px;
		text-indent: -1em;
		line-height: 1.3;
	}
		
	#conts .comInner .photo01 {
		bottom:none;
		top: 29px;
		right: 10px;
	}
	
	#conts .comInner .innerBg .photo01 img {
		width: 100px;
	}
		
	#conts .section .textImg01 {
		width: 279px;
		margin: 0 auto 10px;
	}
		
	#conts .flow .section .textBox {
		margin-right: 45px;
		width: auto;
	}
	
	#conts .flow .section .textBox p {
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 1.3;
	}
	
	#conts .flow .section .textBox .text {
		margin-bottom: 10px;
	}
	
	#conts .flow .section .textBox .txt {
		margin-right: 40px;
	}
	
	#conts .flow .photo {
		bottom: 10px;
		right: 0px;
	}
	
	#conts .flow .photo img {
		width: 150px;
	}
	
	#conts .flow .section .link {
		margin: 0 5px;
	}
	
	#conts .flow .section .link img {
		width: 130px;
	}
	
	#conts .btmInner {
		padding: 30px 5px 10px;
	}
	
	#conts .btmInner .photoBox {
		margin-bottom: 10px;
		float: none;
	}
	
	#conts .btmInner .photoBox img {
		width: 100%;
	}
	
	#conts .btmInner .photoBox .ttl {
		top: -40px;
	}
	
	#conts .btmInner .photoBox .ttl img {
		width: 240px;
	}
	
	#conts .btmInner .textBox {
		width: auto;
		float: none;
	}
	
	#conts .btmInner .textBox p {
		margin-bottom: 15px;
		font-size: 13px;
	}
	
	#conts .btmInner .textBox .subTxt {
		margin-bottom: 5px;
	}
	
	#conts .btmInner .textBox .subTxt .txt {
		margin-bottom: 0;
		padding-right: 160px;
	}
	
	#conts .btmInner .textBox .textImg {
		margin-bottom: 0;
		float: right;
	}
	
	#conts .btmInner .textBox .textImg img {
		width: 120px;
	}
	
	#conts .btmInner .textBox .link {
		text-align: center;
	}
	
	#conts .ttl02 {
		margin-bottom: 13px;
	}
}