@charset "utf-8";

/*==========================================
 body
===========================================*/
body {width: 100vw;
position: relative;
color:#333333;
background-color:#ffffff;
text-align: left;
line-height: 1.8;
letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */}


/*==========================================
 header
===========================================*/
header {width: 100vw; margin: 0 auto; padding:18px 0; text-align: center;
background-image: url(../images/header_bg.jpg);
background-size:auto;
background-repeat: no-repeat;
background-position:center bottom;}


header h1 {margin:0 auto 0;
color: #0068b9;
font-size: 1.18em; font-weight:normal;
}
header h1 span{display: block;}


/*==========================================
 headermenu
===========================================*/
.headermenu{width: 100vw; margin: 0px auto; padding:0px;
	position: fixed;
	top: 0;
	left: 0;
}
.headermenu a
{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
}


/*==========================================
 item
===========================================*/
#item {text-align: center; width: 100vw; margin: 0 auto; padding:0; background-color:#0068b9;}
#item h1 {color: #cccccc; font-size: 1.08em; font-weight:normal;}
#item h1 span {display: block;}

#item h2 {color: #ffffff; font-size: 1.18em; font-weight:normal;}
#item h2 span {display: block; font-size: 1.38em; font-weight:400;}
#item p {color: #ffffff; font-size: 1.08em; font-weight:normal;}

#item .item_l_eria {background-image: url(../images/item_000_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:right center;
text-align:center;}
#item .item_r_eria {}



/*==========================================
 allocation
===========================================*/
#allocation {text-align: center; width: 100vw; margin: 0 auto; padding:0;}
#allocation p {color: #ffffff; font-size: 1.08em; font-weight:normal;}
#allocation .item_l_eria {text-align:center;}
#allocation .item_r_eria {text-align:center;}

/*==========================================
 sub_Contentsコンテンツページ
===========================================*/
#sub_contents {text-align: center; width: 100vw; margin: 0 auto 0; padding: 18px 0 0; color:#ffffff; background: #2980b9; font-size: 1.48em;}
svg#bigTriangleColor {pointer-events: none;}
#bigTriangleColor path {fill: #2980b9; stroke: #2980b9; stroke-width: 2;}


/*==========================================
 sub_Contents_nest コンテンツページ
===========================================*/
#sub_contents_nest {text-align: center; width: 100vw; margin: 0 auto 0; padding: 38px 0;
background-image: url(../images/sub_contents_nest_bg.jpg);
background-size:cover;
background-repeat: no-repeat;
background-position:center bottom;}
#sub_contents_nest h2 {margin:0 auto 0;
color:#ffffff;
background-color: #0180fd;
border-top: 1px solid #0180fd;
border-bottom: 1px solid #0180fd;
font-size: 1.38em; font-weight:normal;
}

/*==========================================
 title_Contentsコンテンツページ
===========================================*/
#title_contents {text-align: center; width: 100vw; margin: 0 auto 0; padding: 0;}
#title_contents h2 {margin:0 auto 0;
font-size: 1.48em; font-weight:bold;
color: #0054ae;
text-shadow: 1px 1px 3px #888888; letter-spacing:3px;
}


/*==========================================
 news_Contents
===========================================*/
#news_contents {text-align: left; width: 100vw; margin: 0 auto 0; padding:18px 0;}
/*==========================================
 top_Contents
===========================================*/
#top_contents {text-align: center; width: 100vw; margin: 0 auto 0; padding:38px 0;}
#top_contents ul{margin: 0; padding: 0; list-style: none}
#top_contents li a{display: block; text-align: center;}
#top_contents .tc_l_eria {width: 48%; float:left; margin:0 auto 0; padding:0;}
#top_contents .tc_r_eria {width: 48%; float:right; margin:0 auto 0; padding:0;}

#top_contents_nest {text-align:left; width: 100vw; margin: 0 auto; padding: 0;}
#top_contents_nest .tc_l_eria {width: 48%; float:left; margin:0 auto; padding:0;}
#top_contents_nest .tc_r_eria {width: 48%; float:right; margin:0 auto; padding:0;}

/*==========================================
 footer
===========================================*/
#footer {width: 100vw; margin:0 auto;
background: #0180fd; /* Old browsers */
background: -moz-linear-gradient(-45deg, #0180fd 0%, #0067b6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #0180fd 0%,#0067b6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #0180fd 0%,#0067b6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0180fd', endColorstr='#0067b6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #ffffff;
}

footer a:link,
footer a:visited {color: #ffffff; text-decoration: none;}

footer a:hover,
footer a:active {color: #333333; text-decoration: none;}

.footer_nav {overflow: hidden; float: left;}
.footer_nav ul{margin: 0; padding: 0; list-style: none}
.footer_nav li {float: left; margin: 0 8px; padding: 0;}
.footer_nav li a:before {color:#ffffff; margin:0 4px; font-family: FontAwesome; content: '\f138';}

.company {overflow: hidden; float: left; font-size:0.8em;}
.company ul{margin: 0; padding: 0; list-style: none}
.company li {float: left; margin: 0 8px; padding: 0;}
.company li a:before {color:#ffffff; margin:0 4px; font-family: FontAwesome; content: '\f138';}
.company li.none {display: none;}

address {
overflow: hidden;
font-size: 0.88em;
float: right;
}