@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
/*
#eee9d7 background-color
#96833f boeder
*/
body {
	font-size:16px;
	line-height:1.6;
	color:#000;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
a img {
	border: none;
}
a:link {
	color:#001eb6;
	text-decoration: underline;
}
a:visited {
	color: #001eb6;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color: #ff0000;
	text-decoration: underline;
}
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
li {
	list-style-type: none;
}
.bold {
	font-size:120%;
	font-weight:bold;
}
.red {
	font-size:110%;
	color: #ff6882;
	font-weight:bold;
}
.fullImage {
	max-width: 100%;
    height: auto;
}
.spHidden {
	display: none;
}
/*----------------------------------------------------
 Basic structure
----------------------------------------------------*/
.container {
	width: 100%;
	background-color: #fff;
	background-image: url("../img/bg.jpg");
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position: top center;

}
.content {
	width: 100%;
	line-height: 1.6;
}
.block {
	width: 90%;
	margin: 0 auto;
}
/*----------------------------------------------------
 header
----------------------------------------------------*/
.header {
    width:100%;
	line-height: 0;
}
/*----------------------------------------------------
 footer
----------------------------------------------------*/
.footer {
    width:100%;
	padding:1.6em 0 1.6em;
	background-color:#1d2080;
}
.copy {
    width:100%;
	color: #fff;
	font-size:70%;
	text-align:center;line-height: 1.6;
}
/*----------------------------------------------------
 social
----------------------------------------------------*/
.social {
	width:100%;
	padding:0 0 0;
}
.social ul {
	font-size: 0;
	text-align: center;
}
.social li {
	display: inline-block;
	width: 14%;
	padding:4%;
}
/*----------------------------------------------------
 block
----------------------------------------------------*/
.plan1Block {
	width:100%;
	padding:5% 4% 4% 4%;
	margin-top:3em;
	background-color: #fff;
	background-image: url("../img/bg_1.gif");
	background-position: top center;
	box-sizing:border-box;
	position:relative;
}
.plan2Block {
	width:100%;
	padding:5% 4% 0 4%;
	margin-top:3em;
	background-color: #fff;
	background-image: url("../img/bg_2.gif");
	background-position: top center;
	box-sizing:border-box;
	position:relative;
}
.plan3Block {
	width:100%;
	padding:5% 4% 4% 4%;
	margin-top:3em;
	background-color: #fff;
	background-image: url("../img/bg_3.gif");
	background-position: top center;
	box-sizing:border-box;
	position:relative;
}
.plan4Block {
	width:100%;
	padding:5% 4% 4% 4%;
	margin-top:3em;
	background-color: #fff;
	background-image: url("../img/bg_4.gif");
	background-position: top center;
	box-sizing:border-box;
	position:relative;
}
.planImage {
	width:36%;
	position:absolute;
	left:0.5em;
	top:-2.3em;
}
/*----------------------------------------------------
 text
----------------------------------------------------*/
.text {
    width:100%;
	padding: 0 0 0;
	color:  #fff;
	font-size: 90%;
}
.plan2Text {
    width:100%;
	padding: 0.5em 0 1.3em;
	margin: 0 0 1.6em;
	color:  #fff;
	font-size: 90%;
	border-bottom: #fff solid 2px;
}
.plan3Text {
    width:100%;
	padding: 1em 0 1em;
	color:  #000;
	font-size: 1o0%;
	font-weight:bold;
}
.plan4Text {
    width:100%;
	padding: 1em 0 0.3em;
	color:  #fff;
	font-size:100%;
	font-weight:bold;
}
.textOrange {
	color:  #ff5800;
	font-size: 120%;
	line-height: 1.4;
}
.textYellow {
	color:  #ffff00;
	font-size: 120%;
	font-weight:bold;
	line-height: 1.4;
}
/*----------------------------------------------------
 other
----------------------------------------------------*/
.btnBlock {
	width:100%;
	margin: 0 auto;
	padding:1em 0 1em;
}
.textImage {
    width:100%;
}
.bnrImage {
    width:100%;
	margin: 0 auto;
	padding-bottom:1em;
}
/*----------------------------------------------------
 clear
----------------------------------------------------*/
.clear {
    clear:both;
}