@charset "UTF-8";

/* =======================================

	Contents

======================================= */
#contents {
}

	/*#top-blk{
		background-color: rgba(2, 16, 96, 0.3);
		margin-bottom: 20px;
	}*/

	#top-img{
		margin-bottom: 20px;
	}

	#find-area {
	}

	#find-area p {
		margin-bottom: 15px;
	}

	#find-area .larger-txt{
		font-size: 1.3em;
	}

	#find-area a{
		color:#6be6fb;
		text-decoration:none;
	}
	
	#find-area a.mailto{
		color:#fff;
	}
	
	#find-area a:hover{
		text-decoration:underline;
	}


	#other-area {
	}

	.other-cont {
		margin-bottom: 15px;
	}

	.other-cont h3 {
		font-size: 1.538em;
		font-weight: normal;
		margin-bottom: 10px;
	}

	.other-cont a:first-child{
		margin-right:15px;
	}


@media screen and (min-width : 640px) {

	#main {
		padding: 20px 0 0 28px;
		box-sizing: border-box;
	}
	
	/*#top-img {
		float:left;
		width:245px;
	}
	
	#top-txt{
		margin-left:245px;
		padding-top:40px;
		padding-left:10%;
	}*/

	#find-area {float: left;
		width: 335px;
	}

	#find-area p {
		font-size: 1.077em;
	}

	#find-area table td{
		padding:0 40px 0 0;
	}

	#other-area {
		float: right;
		width: 379px;
	}

	.other-cont {
	}

	.other-cont .left-area {
		float: left;
	}

	.other-cont .left-area img {}

	.other-cont .right-area {
		float: right;
		width: 236px;
	}

	.other-cont .right-area h3 {
	}

	.other-cont .right-area p {
		font-size: 1.077em;
	}

}


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

	#top-blk{
		text-align:center;
	}
	
	#top-img {
	}
	
	#top-txt{
	}

	#find-area {
		margin-bottom: 40px;
		text-align: center;
	}

	#find-area p {
		padding: 0 4%;
	}

	#find-area table {
		margin:0 auto;
	}
	
	#find-area table td{
		padding:0 5px;
	}

	#other-area {
		text-align: center;
	}

	.other-cont {
	}


}