img{
	max-width: 100%;
	transition: all 0.5s;
}
h1 span, h2 span, h3 span, h4 span{
	display: inline-block;
}
#container{
	min-width: 1024px;
	line-height: 1.4;
}
#main{
	text-align: center;
	overflow: hidden;
}
.rounded{
	border-radius: 0.5em;
	border:#2A76B2 1px solid;
}
.main-color{
	background-color: #eee;
}
.sub-color{
	background-color:#F1F7FA;
}
.accent-color{
	background-color: #333;
	color: #fff;
}
span.text-accent{
	color: #f49916;
}
#main .eye-catch{
	margin:0 auto;
}
.annotation{
	font-size: smaller;
	text-align: left;
	padding: 0 1em;
}
.std-seg{
	padding: 1.0em 5% 3.0em;
}
.std-width{
	max-width: 825px;
	margin: 0 auto;
}
.std-seg h3, .std-seg div.side-by-side, .std-seg p, .std-seg dl, .std-seg form,
.download-btn, .std-seg-inner{
	max-width: 825px;
	margin: 1.5em auto;
} 
.std-seg h3{
	font-size: 2.2em;
	font-weight: normal;
	margin: 1.5em auto 0.5em;
}
.std-seg p{
	text-align: left;
}
.std-seg .right-bg-image{
	padding-right: 420px;
	width: 405px;
	background-position: center right;
	background-repeat: no-repeat;
}
.std-seg .left-bg-image{
	padding-left: 410px;
	width: 415px;
	background-position: center left;
	background-repeat: no-repeat;
}
.std-seg img.wide-width{
	display: block;
	max-width: 90%;
	margin: 2em auto;
}
.std-seg div.side-by-side > div{
	width: 50%;
	float: left;
}
.std-seg dl{
	color: #666;
}
.std-seg dl.spec-table div.row{
	text-align: left;
	margin: 0.2em 0;
	background-color: #e0e0e0;
	padding: 0.5em 1em;
}
.std-seg dl.spec-table div.row{
	position: relative;
}
.std-seg dl.spec-table div.row:nth-child(odd){
	background-color: #eee;
}
.std-seg dl.spec-table dt{
	width: 10em;
	float: left;
	font-weight: bolder;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 1.2em;
}
.std-seg dl.spec-table dd{
	margin-left: 10em;
}
.std-seg dl.spec-table dd table{
	width: 100%;
	border-collapse: collapse;
}
.std-seg dl.spec-table table td{
	padding: 0.5em 0.2em 0.5em 0;
}
.std-seg form{
	text-align: left;
}
.std-seg .item-name{
	width: 7em;
	float: left;
	font-weight: bolder;
	padding: 0.5em 0;
}
.std-seg .item-name span.require{
	font-size: smaller;
	background-color: red;
	color: #fff;
	padding: 0.2em;
	float: right;
	border-radius: 0.5em;
	font-weight: normal;
}
.std-seg .item-value input{
	background-color: #fff;
	width: 96%;
	padding: 0.5em 2%;
	border: 1px solid #ccc;
}
.std-seg .show-pc-os .item-value{
	margin: 0.5em 0 0.5em 8em;
}
.std-seg .show-sp-os .item-name{
	float: inherit;
}
.std-seg .show-sp-os .item-value{
	margin-left: 0;
}
#privacy{
	margin: 2em 0;
}
#privacy a {
	color: #3399CC ;
	text-decoration: underline;
}
#privacy input{
	width: 23px;
	height: 23px;
	vertical-align: text-top;
	margin: 0 0.2em;
}
.goto-download-btn{
	cursor: pointer;
}
.download-btn{
	background-color: #f49916;
	color: #fff;
	padding: 0.8em 0;
	font-weight: bolder;
	cursor: pointer;
	font-size: larger;
}
.send-btn {
	padding: 0.8em 0;
	font-weight: bolder;
	text-align: center;
	margin: 2em 0;
	cursor: pointer;
}

.accent-color{
	background-color: #2B6695;
}
.flex-container{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.flex-container [class^="item-grow"]{
	background-color: white;
	color: #666;
	padding-bottom: 10em;
	margin: 1em;
}
#needs-to .flex-container .item3{
	padding-top: 1em;
}
#fee-plan .item3{
	background-color: white;
}	
#fee-plan .flex-container{
	padding-top:5px;
}
#fee-plan .item3 p{
	width:176px;
	text-align:center;
	margin:0.5em auto 1.5em;
}
h4 span.emphasis1{
	font-size: 1.9em;
	padding-top:32px;
}
h4 span.emphasis2{
	font-size: 1.9em;
	color: #2A76B2;
	margin-left: 0.3em;
}
.btn-link{
	display: inline-block;
	padding:9px 110px 5px;
	font-size:20px;
	font-weight:bold;
	margin-top:50px;
}
#needs-to .item3 h4{
	margin-top:40px;
}
#needs-to .item3:nth-child(3) > h4{
	margin-top:55px;	
}
#needs-to .item3 p{
	width: 236px;
	text-align: justify;
}
.flex-container1{
	display:flex;
	justify-content:space-between;
}

#fee-plan .item3{
	width: 30%;
}
.flex-container .item-grow1{
	flex-grow: 1;
}
.flex-container .item-grow2{
	flex-grow: 2;
}

/*

.show-sp{
	display: none !important;
}
.show-pc-os{
	display: none;
}
.show-sp-os{
	display: none;
}

@media screen and (max-width: 768px) and (min-width: 1px){
	.show-sp{
		display: inherit !important;;
	}
	.show-pc{
		display: none !important;
	}
	#container {
		min-width: 300px;
	}
	#main{
		margin-top: 60px;
	}
	.std-seg h3{
		font-size: 1.4em;
	}
	.std-seg img.wide-width {
		max-width: 96%;
		margin: 1em auto 2em;
	}
	.std-seg dl{
		font-size: smaller;
	}
	.std-seg dl.spec-table dt{
		width: 8em;
	}
	.std-seg dl.spec-table dd{
		margin-left: 8em;
	}
	.std-seg .left-bg-image{
		padding-left: 0;
		width: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	.std-seg .right-bg-image{
		padding-right: 0;
		width: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		margin-bottom: 0;
	}
	.std-seg div.side-by-side > div{
		width: 100%;
		float: none;
	}
}
*/