@charset "utf-8";

/*-----------------------------------------------------------
  各国との安全保障協力・対話、防衛協力・交流/能力構築支援事業 ページの設定　
-----------------------------------------------------------*/


	h1 {
		position: relative;
	}
	h1 span {
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}

	#program-table {
		margin:30px 0 30px 20px;
		width: 95%;
	}

	#photo_area ul {
		margin: 30px auto 0;
		width:800px;
	}
	#photo_area ul li {
		float: left;
		list-style-type: none;
		text-align: center;
		width: 48%;
	}

	.sp {
		display: none;
	}

	.list-td {
			border-bottom: 1px solid #accc2d;
	}		

	/*-アイコン-*/
	.icon-brown {
	    background-color:#b22222;
	    float:right;
	    color:#ffffff;
	    font-size: 75%;
	    padding:3px 10px;
	    display: inline-block;
	}

	.icon-blue {
	    background-color:#0066cc;
	    float:right;
	    color:#ffffff;
	    font-size: 75%;
	    padding:3px 10px;
	    display: inline-block;
	}

	.icon-orange {
	    background-color:#ff8c00;
	    float:right;
	    color:#ffffff;
	    font-size: 75%;
	    padding:3px 10px;
	    display: inline-block;
	}
	@media screen and (max-width: 820px) {
		h1 {
			padding-right: 80px !important;
		}
		#program-table {
			margin: 2rem 1.4rem;
			width: auto;
		}

		#photo_area ul {
			margin-top:　20px;
			width:100%;
		}

		#photo_area ul li {
			float: none;
			width: 100%;
		}

		.sp {
			display: block;
		}	

		.list-td {
			padding-left: 10px;
		}			
	}