@charset "utf-8";

/* ========================================
  reset
======================================== */
html{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y:scroll;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

html, body{
	min-width: 1000px;
	height: 100%;
}
body{
	background-color: #025c9b;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}

a {
	margin: 0;
	padding: 0;
	color: #007ec4;
	vertical-align: baseline;
	background: transparent;
}
a:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.3s ease-in-out;
}
a:focus {
	outline: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

em, address{
	font-style: normal;
}

form, fieldset, input, textarea{font:inherit;}
input, textarea, select{font-size: 1.6rem; outline: none;}
form,
input,
textarea,
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
::-ms-expand{
	display: none;
}

h1,h2,h3,h4,h5,h6{font-size: 100%;}

img{border:0; max-width:100%; vertical-align:top;}

sup,sub{font-size: 60%;}
sup{vertical-align:text-top;}
sub{vertical-align:baseline;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font: inherit;
}
th, td {
	font: inherit;
	text-align: left;
	vertical-align:top;
}

ul, ol, li {
	list-style: none;
}


@media print, screen and (max-width:1016px){
}

@media print, screen and (min-width:768px){
}

@media screen and (max-width:767px){
	html, body{
		min-width: 0;
	}
}

/* ========================================
  BASE
======================================== */
/*====wrap====*/
.wrap{
	width: 100%;
}

/*==header==*/
.tybHeader{
	width: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 102;
}
.tybHeader .tybHeaderIn{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}
.tybHeader .tybHeaderIn:after{content: ""; clear: both; display: block;}

/*logo*/
.tybHeader .logo{
	width: 120px;
	padding-top: 28px;
	padding-bottom: 28px;
	float: left;
	transition:all 0.3s ease 0s;
}

/*hInfo*/
.tybHeader .hLinks{
	padding-top: 23px;
	float: right;
	transition:all 0.3s ease 0s;
}
.tybHeader .hLinks .hInfo{
	transition:all 0.3s ease 0s;
}
.tybHeader .hInfo > ul{
}
.tybHeader .hInfo > ul:after{content: ""; clear: both; display: block;}
.tybHeader .hInfo > ul > li{
	margin-left: 20px;
	float: right;
}
.tybHeader .hInfo > ul > li:last-child{
	margin-left: 0;
}
.tybHeader .hInfo > ul > li a{
	text-decoration: none;
	display: block;
}
.tybHeader .hInfo .hEntry{
	min-width: 194px;
}
.tybHeader .hInfo .hEntry a{
	padding: 16px 15px 15px 10px;
	background-color: #007ec4;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	position: relative;
	transition:all 0.3s ease 0s;
}
.tybHeader .hInfo .hEntry a:after{
	content: "";
	display: block;
	width: 17px;
	height: 100%;
	background: url(/common_res/images/icon_outerlink_white.png) center center no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	right: 20px;
}
.tybHeader .hInfo .hSupport{
	min-width: 194px;
}
.tybHeader .hInfo .hSupport a{
	padding: 15px 9px 14px;
	background-color: #fff;
	border: 1px solid #999;
	color: #666;
	font-size: 1.4rem;
	text-align: center;
	transition:all 0.3s ease 0s;
}

@media print, screen and (min-width:768px){
	.tybHeader{
		border-bottom: 1px solid #ededed;
	}

	/*[.tybHeader] SCROLLED*/
	.tybHeader.fixed{}
	.tybHeader.fixed .logo{
		width: 82px;
	}

	/*hInfo*/
	.tybHeader.fixed .hLinks{
		padding-top: 15px;
	}
	.tybHeader.fixed .hInfo .hEntry a{
		padding: 12px 15px 12px 10px;
	}
	.tybHeader.fixed .hInfo .hSupport a{
		padding: 11px 9px 11px;
	}
}

@media screen and (max-width:767px){
	.tybHeader{}
	.tybHeader .tybHeaderIn{
		width: 100%;
		padding-right: 2%;
		padding-left: 2%;
		position: relative;
		z-index: 103;
	}

	/*logo*/
	.tybHeader .logo{
		width: 80px;
		padding-top: 17px;
		padding-bottom: 17px;
	}
	.tybHeader .hInfo{
		padding-top: 0;
		padding-bottom: 0;
	}
	.tybHeader .hInfo > ul > li{
	}
	.tybHeader .hInfo > ul > li:before{
		display: none;
	}
	.tybHeader .hInfo > ul > li.hGlobal{
		display: block;
	}

	.tybHeader .hLinks{
		padding-top: 10px;
	}
	/*hInfo*/
	.tybHeader .hInfo > ul > li{
		margin-left: 11px;
	}
	.tybHeader .hInfo .hEntry{
		min-width: 84px;
	}
	.tybHeader .hInfo .hEntry a{
		padding: 11px 15px 11px 5px;
		font-size: 1rem;
	}
	.tybHeader .hInfo .hEntry a:after{
		width: 12px;
		background: url(/common_res/images/icon_outerlink_white.png) center center no-repeat;
		background-size: 100% auto;
		right: 10px;
	}
	.tybHeader .hInfo .hSupport{
		min-width: 84px;
	}
	.tybHeader .hInfo .hSupport a{
		padding: 5px;
		font-size: 1rem;
	}
}


/*==container==*/
#container{
	padding-top: 82px;
	background-color: #fff;
}
.container{
	width: 100%;
	padding-top: 82px;
	padding-bottom: 80px;
	background-color: #fff;
}

@media screen and (max-width:767px){
	#container{
		padding-top: 54px;
	}
	.container{
		padding-top: 54px;
		padding-bottom: 70px;
	}
}

/*breadCrumb*/
.breadCrumb{
}
.breadCrumb .breadCrumbIn{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 13px;
	padding-bottom: 12px;
}
.breadCrumb ul li{
	display: inline-block;
	margin-right: 7px;
	font-size: 1.2rem;
}
.breadCrumb ul li a{
	color: #333;
	font-size: 1.2rem;
	text-decoration: none;
}
.breadCrumb ul li a:hover{
	text-decoration: underline;
}
.breadCrumb li a:after{
	display: inline-block;
	content: ">";
	margin-left: 7px;
}

@media screen and (max-width:767px){
	.breadCrumb{
		display: none;
	}
}

/*contents*/
.contents{
	font-size: 1.6rem;
	line-height: 1.7;
}

@media screen and (max-width:767px){
	.contents{
		font-size: 1.4rem;
		line-height: 1.7;
	}
}


/*==footer==*/
.tybFooter{}

/*toTop*/
.toTop{
	width: 100%;
	position: relative;
}
.toTop a{
	width: 53px;
	height: 51px;
	background-color: rgba(51, 51, 51, 0.7);
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/common_res/images/arw_white_up.png);
	background-size: 18px auto;
	display: block;
	position: absolute;
	top: -25px;
	right: 10px;
}
.toTop.fixed a{
	position: fixed;
	top: auto;
	bottom: 10px;
}

/*fBtm*/
.tybFooter .fBtm{
	clear: both;
}
.tybFooter .fBtm .fBtmIn{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.tybFooter .fBtmLinks{}
.tybFooter .fBtmLinks ul{
	text-align: center;
}
.tybFooter .fBtmLinks ul li a{
	color: #fff;
	text-decoration: none;
}
.tybFooter .fBtmLinks ul li a:hover{
	text-decoration: underline;
}

.tybFooter .fLogo{
	width: 145px;
	margin: 20px auto 0;
}

.tybFooter .copyright{
	margin-top: 15px;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.545;
}

@media print, screen and (min-width:768px){
	.tybFooter .fBtmLinks ul{
	}
	.tybFooter .fBtmLinks ul li{
		margin-right: 14px;
		padding-right: 18px;
		font-size: 1.2rem;
		display: inline-block;
		position: relative;
	}
	.tybFooter .fBtmLinks ul li:after{
		content: "";
		width: 1px;
		height: 11px;
		margin-top: -5px;
		background-color: #9cb9dd;
		position: absolute;
		top: 50%;
		right: 0;
	}
	.tybFooter .fBtmLinks ul li:last-child{
		margin-right: 0;
		padding-right: 0;
	}
	.tybFooter .fBtmLinks ul li:last-child:after{
		display: none;
	}
}

@media screen and (max-width:767px){
	/*toTop*/
	.toTop{
	}
	.toTop a{
		width: 49px;
		height: 47px;
		top: -57px;
	}
	.toTop.fixed a{
	}

	/*fBtm*/
	.tybFooter .fBtm{}
	.tybFooter .fBtm .fBtmIn{
		width: 100%;
		max-width: 100%;
		padding-top: 0;
	}

	.tybFooter .fBtmLinks ul{
		background-color: #fff;
		border-top: 1px solid #f5f5f5;
		border-left: 1px solid #f5f5f5;
	}
	.tybFooter .fBtmLinks ul:after{content: ""; clear: both; display: block;}
	.tybFooter .fBtmLinks ul li{
		width: 50%;
		border-right: 1px solid #f5f5f5;
		border-bottom: 1px solid #f5f5f5;
		font-size: 1.3rem;
		float: left;
	}
	.tybFooter .fBtmLinks ul li a{
		width: 100%;
		padding: 16px 5px 15px;
		color: #666;
		display: table;
	}
	.tybFooter .fBtmLinks ul li a span{
		display: table-cell;
		vertical-align: middle;
	}

	.tybFooter .fLogo{
		width: 21.9%;
		max-width: 291px;
		margin-top: 15px;
	}

	.tybFooter .copyright{
		font-size: 1.1rem;
	}
}













/*  */