@charset "utf-8";

@import url(default.css);
@import url(base.css);


	#main .inner{
		width:100%;
		padding:50px 0;
		background-image:url(../images/bg_washi.png);
		background-color:#fff;
		background-position:50% 0;
		background-repeat:no-repeat;
	}

@media screen and (max-width:480px){

	#main .inner{
		padding:30px 0;
	}

}

		#main .inner h3{
			width:965px;
			height:50px;
			margin:40px auto 40px;
			padding-left:35px;
			line-height:50px;
			font-size:1.8em;
			font-family:"kozuka-mincho-pro",serif;
			font-weight:500;
		}
		#main .inner h3:nth-of-type(1){margin-top:0;}

	@media screen and (max-width:1040px){

		#main .inner h3{
			width:93%;
			padding-left:3%;
		}

	}

	@media screen and (max-width:480px){

		#main .inner h3{
			height:40px;
			margin:20px auto 20px;
			line-height:40px;
			font-size:1.4em;
			background-size:auto 40px;
		}
		#main .inner h3:nth-of-type(1){margin-top:0;}

	}



		#main .inner h4{
			width:965px;
			height:40px;
			margin:0 auto 20px;
			padding-left:10px;
			color:#c33;
			line-height:1.3em;
			font-size:1.4em;
			font-family:"kozuka-mincho-pro",serif;
			font-weight:500;
		}

	@media screen and (max-width:1040px){

		#main .inner h4{
			width:660px;
			margin:20px auto;
		}
		#main .inner h4 + ul + h4{
			margin-top: 0;
		}

	}

	@media screen and (max-width:710px){

		#main .inner h4{
			width:360px;
			font-size:1.3em;
		}

	}

	@media screen and (max-width:480px){

		#main .inner h4{
			max-width:320px;
			font-size:1.2em;
		}

	}

	@media screen and (max-width:370px){

		#main .inner h4{
			max-width:calc(100% - 20px);
			font-size:1.1em;
		}

	}



		#main .inner ul{
			width:990px;
			margin:0 auto;
			padding:0 0 30px;
		}

	@media screen and (max-width:1000px){

		#main .inner ul{
			width:660px;
			padding:0;
		}

	}

	@media screen and (max-width:710px){

		#main .inner ul{
			width:100%;
			padding:0;
		}

	}

			#main .inner li{
				width:330px;
				margin-bottom:-30px;
				text-align:center;
				list-style:none;
				float:left;
			}
			#main .inner li img{
				width:300px;
				position:relative;
			}

		@media screen and (max-width:1000px){
	
			#main .inner li{
				margin-bottom:0;
			}

		}

		@media screen and (max-width:710px){
	
			#main .inner li{
				max-width:330px;
				width:90%;
				margin:0 auto;
				float:none;
			}
			#main .inner li img{
				max-width:300px;
				width:100%;
			}

		}
	
				#main .inner li p{
					width:calc(100% - 35px);
					height:50px;
					margin:0;
					padding-left:20px;
					font-size:1.1em;
					font-weight:700;
					text-align:left;
					line-height:1.5em;
					position:relative;
					top:-15px;
					left:15px;
					background-image:url(../shared/dot_circle-orange.png);
					background-repeat:no-repeat;
					background-size:12px auto;
					background-position:0 5px;
				}

			@media screen and (max-width:480px){
		
				#main .inner li p{
					font-size:1.0em;
				}
	
			}
	
				#main .inner li p + p{
					height:30px;
					top:-35px;
				}

		
		#main .inner ul + p + .kome,
		#main .inner ul + p + .kome + .kome,
		#main .inner ul + p + .kome + .kome + .kome{
			max-width:960px;
			width:calc(100% - 60px);
			margin:30px auto 0 !important;
			padding-left:40px;
			color:#c00;
		}
		#main .inner ul + p + .kome + .kome,
		#main .inner ul + p + .kome + .kome + .kome{
			margin:10px auto 0 !important;
		}
	
		#main .inner ul + p + .kome a,
		#main .inner ul + p + .kome + .kome a,
		#main .inner ul + p + .kome + .kome + .kome a{
			color:#c00;
			font-weight:bold;
		}
	


		#main .inner h4 + ul li{
			margin-bottom:0;
		}

			#main .inner h4 + ul li p{
				height:40px;
			}