@charset "utf-8";
/* CSS Document */

/*./site/greeting.php
-------------------------------------------------------------------------------------------------*/
.greeting {
	color: #333333;
	line-height: 1.8;
}
	.greeting .jpn {
		font-family: "Sawarabi Mincho","Yu Mincho", YuMincho, "Hiragino Mincho ProN", HiraMinProN-W3, 'HGS明朝E', 'MS PMincho', sans-serif;
	}
	.greeting .jpn section {
		margin-bottom:40px;
	}
	.greeting .jpn section .greetingHeading {
		margin-bottom:20px;
		font-size:1.42rem;
		font-weight: bold;
	}
	.greeting .jpn section p {
		margin-bottom:20px;
		font-size:1.14rem;
		line-height:1.8;
	}
	.greeting .jpn p.img {
		float: right;
		margin: 0 0 0 20px;
		text-align: center;
	}

	.greeting .eng {
		border: 5px solid #E1E9F2;
		padding	: 16px 17px 0;
		margin: 30px 0 0;
	}
	.greeting .eng h3 {
		margin-bottom:20px;
	}
	.greeting .eng p {
		margin-bottom:20px;
		line-height:1.8;
	}
.greeting aside {
	text-align:right;
}
	.greeting aside b {
		margin-right:10px;
		font-size:16px;
		font-size:1.1rem;
	}
	.greeting aside strong {
		font-size:20px;
		font-size:1.4rem;
	}
/*./site/planning.php
-------------------------------------------------------------------------------------------------*/

.planningAbout{}
	.planningAbout h4{
		margin-bottom: 30px;
		font-size:2rem;
		font-weight: normal;
	}
		.planningAbout h4 img{
			margin-left: 30px;
		}
	.planning .planningAbout p{}

@media screen and (max-width:767px) {
	.planningAbout h4 {
		text-align:center;
	}
	.planningAbout h4 img {
		display:block;
		margin:0 auto;
	}

}

.planningFlow {
	background:url(../../site/images/bg_content_planning.gif) repeat-y right 0;
}
	.planningFlow section {
		padding-top:10px;
		display:flex;
		flex-wrap:no-wrap;
		justify-content:flex-start;
	}
	.planningFlow01{
		padding: 0 0 120px;
		background : url(../../site/images/bg_planning_01.gif) no-repeat right bottom;
	}
	.planningFlow02{
		padding: 0 0 120px;
		background : url(../../site/images/bg_planning_02.gif) no-repeat right bottom;
	}
	.planningFlow03{
		padding: 0 0 170px;
		background : url(../../site/images/bg_planning_03.gif) no-repeat right bottom;
	}
	.planningFlow04{
		padding: 0 0 120px;
		background : url(../../site/images/bg_planning_04.gif) no-repeat right bottom;
	}
	
	.planningFlow section figure{
		margin-left:10px;
	}
	
	.planningFlow section dl {width:45%;}
	.planningFlow section dl dt{
		margin-bottom:10px;
		padding-left:10px;
		border-left:4px solid #00489C;
		line-height:1;
		font-size: 22px;
		font-size:1.4rem;
		font-weight: normal;
	}
		.planningFlow section dl dd{
			margin: 35px 0 0;
			line-height: 1.8;
		}
			.planningFlow section dl dd span{
				color: #00529E;
				font-weight: bold;
			}

@media screen and (max-width:767px) {
.planningFlow {
	background:none;
}
.planningFlow section {
	display:block;
}

.planningFlow01,
.planningFlow02,
.planningFlow03,
.planningFlow04 {
	padding-bottom:20px;
	background:none;
}
.planningFlow section dl {
	width:auto;
	margin:0;
	padding:0;
}
.planningFlow section dl dt{
	padding-left:5px;
}
.planningFlow section dl dd {
	margin:0 0 20px;
}
.planningFlow section figure {
	margin:0;
	padding:0;

}
}

.supportNetwork {}
	.supportNetwork figure {
		margin-bottom:20px;
	}
	.supportNetwork p {
		margin-bottom:20px;
	}
	
	.supportNetwork table {
		width: 100%;
	}
	.supportNetwork table th,
	.supportNetwork table td {
		padding:10px;
	}
	.supportNetwork table thead th {
		background:#eee;
		font-weight:bold;
	}
	
	.supportNetwork table tbody tr {
		border-bottom:#ddd dotted 1px;
	}
	.supportNetwork table tbody th {
		width:40%;
		font-weight:bold;
	}