@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');


/*
	font-family: 'Roboto', sans-serif;
*/


  

/* CSS Document */

html {
	font-size:10px;
}
body {
	position:relative;
	font-size:1rem;
	line-height:1.7;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#000000;
	min-width:1100px;
	/*-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;*/
}

* {
	font-style: normal;

	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	behavior: url("/css/PIE.htc");
}
hr {
  height:1px; border :none;border-top:1px dashed #dedede;
}

a {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration:underline;}

a:hover img ,
footer .footer_in .f_contents section dl a:hover {
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}
header .header_l a:hover img ,
footer dl dt a:hover img {
	opacity:1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
	zoom:1;
}
img {
	max-width: 100%;
	height: auto;
	text-align: right;
}
/*共通*/
.sp {
	display: none;
}
@media screen and (max-width: 768px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
}






/*	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	behavior: url("/css/PIE.htc");*/

/*
:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
https://fontawesome.com/v4.7.0/icons/
:before {
	content: "\f14a";
	font-family: FontAwesome;
}
*/




/*header*/
header {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0 0 15px;
}
header:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
header .header_l {
	float:left;
	line-height:1.1;
	padding:15px 0 0;
}
header .header_l h1 {
	font-size:1.1rem;
	color:#858484;
	margin:0 0 5px;
}
header .header_r {
	position:relative;
	float:right;
	line-height:1.1;
}
header .header_r ul {
	position: absolute;
	top:0;
	right:0;
	width:141px;
	height:30px;
	padding:8px 0 0 50px;
	background:url(../img/common/lang_bg.png) no-repeat center center;
	font-size:0;
}
header .header_r ul:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
header .header_r ul li {
	float:left;
	font-size:1.4rem;
}
header .header_r ul li:first-child {
	border-right: solid 1px #FFFFFF;
	padding:0 15px 0 0;
	margin:0 15px 0 0;
}
header .header_r ul li a ,
header .header_r ul li a:hover {
	color:#FFF;
}
header .header_r p {
	padding:18px 0 0;
	margin:0 0 11px;
	font-size:1.4rem;
}
header .header_r dl:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
header .header_r dl dt ,
header .header_r dl dd {
	position:relative;
	float:left;
}
header .header_r dl dt {
	padding:3px 16px 0 0;
}
header .header_r dl dt span {
	display:block;
	font-size:1.2rem;
	text-align:right;
	margin:0 -0.8em 0 0;
	padding:8px 0 0;
}
header .header_r dl dd {
	width:210px;
}
header .header_r dl dd a {
	position:relative;
	display:block;
	background:#cb0e17 url(../img/common/h_icon.png) no-repeat left 35px center;
	padding:15px 0 15px 70px;
	color:#FFF;
	font-size:1.4rem;
	font-weight:bold;
}
header .header_r dl dd a:after {
	position:absolute;
	right:20px;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	content: "\f101";
	font-family: FontAwesome;
}
header .header_r dl dd a:hover {
	text-decoration:none;
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}


/*nav*/
nav {
	position:relative;
	z-index:100;
	background:rgba(42,42,42,0.95);
	height:60px;
	margin-bottom:-59px;
}
nav:after {
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:3px;
	content:'';
	display:block;
	z-index:100;
	background:rgba(14,79,160,0.85);
}
nav ul {

	width:960px;
	margin:0 auto;
	display: table;
	border-collapse: collapse;
}
nav ul li {
	/*position:relative;*/
	display: table-cell;
	line-height:60px;
	text-align:center;
	font-size:1.4rem;
}
nav ul li:after {
	position: absolute;
	top:13px;
	right:0;
	display:block;
	width:1px;
	height:35px;
	content:'';
	background:#000;
}
nav ul li:last-child:after {
	display:none;
}
nav ul li:hover {
	background:rgba(255,255,255,0.5);
}
nav ul li a {
	color:#FFF;
	display:block;
}
nav ul li a:hover {
	text-decoration:none;
	color:#FFF;
}
nav ul li:hover:after {
	display:none;
}
/*メガメニュー*/
nav ul li:hover .menu {
  max-height: 100%;
  opacity: 1;
}
nav ul li .menu {
	transition: all .2s ease-in;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 105%;
	left: -105px;
	text-align: center;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	top: 58px;
}
nav ul li .menu ul {
  width:auto;
  display:inline-block;
  padding:1em 0 ;
}
nav ul li .menu ul li {
  display: inline-block;
  margin: 0 .5em;
  line-height: 1.1;
}
av ul li .menu ul li:after {
	display:none;
}
nav ul li .menu a {
  color: #fff;
  padding:0.5em 1em;
}






/*common-btn*/
.common-btn {
	width:960px;
	margin:0 auto 70px;
	padding:80px 0 0;
}
.common-btn ul:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.common-btn ul li {
	float:left;
	margin:0 24px 0 0;
}
.common-btn ul li:last-child {
	margin:0;
}



/*f_info*/
.f_info {
	background:#0048a2;
	color:#FFF;
	font-size:1.4rem;
	padding:55px 0 50px;
}
.f_info .f_info_in {
	width:960px;
	margin:0 auto;
}
.f_info .f_info_in:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.f_info .f_info_in .f_info_in_l {
	float:left;
	width:275px;
	padding:10px 0 0 45px;
}
.f_info .f_info_in .f_info_in_l h2 {
	margin:0 0 20px;
}
.f_info .f_info_in .f_info_in_l p {
	line-height:2.0;
}
.f_info .f_info_in .f_info_in_r {
	float:left;
	padding:10px 0 10px 40px;
	border-left: solid 1px #FFFFFF;
}
.f_info .f_info_in .f_info_in_r p {
	font-size:1.5rem;
	margin:0 0 20px;
}
.f_info .f_info_in .f_info_in_r dl:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.f_info .f_info_in .f_info_in_r dl dt ,
.f_info .f_info_in .f_info_in_r dl dd {
	float:left;
}
.f_info .f_info_in .f_info_in_r dl dt {
	margin:0 20px 0 0;
}
.f_info .f_info_in .f_info_in_r dl dt span {
	display:block;
	padding:10px 0 0;
}
.f_info .f_info_in .f_info_in_r dl dd {
	width:280px;
}
.f_info .f_info_in .f_info_in_r dl dd a {
	position:relative;
	display:block;
	background:#cb0e17 url(../img/common/f_icon.png) no-repeat left 30px center;
	padding:20px 0 20px 65px;
	color:#FFF;
	font-size:1.5rem;
	font-weight:bold;
}
.f_info .f_info_in .f_info_in_r dl dd a:after {
	position:absolute;
	right:20px;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	content: "\f101";
	font-family: FontAwesome;
}
.f_info .f_info_in .f_info_in_r dl dd a:hover {
	text-decoration:none;
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}


/*footer*/
footer {
	position:relative;
	background:url(../img/common/f_bg01.png) no-repeat center center , url(../img/common/f_bg02.png) repeat-x center center;
	height:265px;
	color:#FFF;
	font-size:1.4rem;
}
footer .footer_in {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:65px 0 0;
}
footer .footer_in a ,
footer .footer_in a:hover {
	color:#FFF;
}
footer .footer_in ul {
	margin:0 0 20px;
}
footer .footer_in ul + ul {
	margin:0;
}
footer .footer_in ul:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
footer .footer_in ul li {
	float:left;
	margin:0 2em 0 0;
}
footer .footer_in ul li:last-child {
	margin:0;
}
footer .footer_in ul li:before {
	content: "\f105";
	font-family: FontAwesome;
	margin:0 1em 0 0;
}
footer .footer_in dl {
	position:absolute;
	top:35px;
	right:0;
	display:inline-block;
	border: solid 1px #a3a3a3;
	padding:15px 25px;
}
footer .footer_in dl:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
footer .footer_in dl dt ,
footer .footer_in dl dd {
	float:left;
	line-height:1.3;
}
footer .footer_in dl dt {
	padding:0 15px 0 0;
	margin:0 15px 0 0;
	border-right: solid 1px #d3d2d2;
}
footer .copy {
	display:block;
	position:absolute;
	bottom:30px;
	right:0;
	left:0;
	text-align:center;
	font-size:1.3rem;
	line-height:1.1;
}



/*page_ttl*/
.page_ttl {
	position:relative;
	height:360px;
}
.page_ttl .pege_ttl_in {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:135px 0 0;
}
.page_ttl .pege_ttl_in h2 {
	position:relative;
	display:inline-block;
	min-width:380px;
	line-height:1.1;
	background:rgba(0,72,162,0.8);
	color:#FFF;
	padding:35px 0 30px 50px;
	font-size:2.8rem;
}
.page_ttl .pege_ttl_in h2 span {
	display:block;
	font-family: arial,sans-serif;
	font-size:1.6rem;
	padding:15px 0 0;
}



/*article*/
article.sub {
	background:url(../img/common/common_bg.png) no-repeat center bottom;
	padding:60px 0 80px;
}
@media screen and (min-width: 1600px) {
article.sub {
	background-size:100% auto;
}
}
.wrap {
	width:960px;
	margin:0 auto;
	font-size:1.6rem;
}



/*タイトル*/
.ttl {
	background:#0048a2 url(../img/common/ttl_bg.png) no-repeat right center;
	height:60px;
	line-height:62px;
	margin: 0 0 35px;
	padding:0 0 0 28px;
	color:#FFF;
	font-size:2.2rem;
	font-weight:bold;
}
.ttl span {
	font-family: arial,sans-serif;
	font-size:1.5rem;
	font-weight:normal;
	color:#65b2ee;
	margin:0 0 0 20px;
}
.sttl {
	border-left: solid 4px #4a96da;
	padding:3px 20px;
	margin:0 0 35px;
	line-height:1.2;
	font-size:2.2rem;
	font-weight:bold;
	color:#0048a2;
}


/*return*/
.return {
	position:fixed;
	right:20px;
	bottom:20px;
}