@charset "utf-8";


/* layout =============================================================

	1. container
	2. header
	3. information
	4. footer
	
======================================================================== */


	html {
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		}

	body {
		font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, sans-serif;
  	line-height: 1.7;
		color: #333333;
		word-wrap: break-word;
		}
	
	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
		vertical-align: bottom;
		}
	img { -ms-interpolation-mode: bicubic; }
	
	a {
		color: #333333;	
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		}
	a:link, a:visited {
		text-decoration: underline;
		}
	a:hover {
		color: #0896F8;
		text-decoration: none;
		}
	
	
	
/* =====================================================================

	Colors
	
	#0099CC		ベースカラー ブルー
	
======================================================================== */

	.u-cBlue					{ color: #0099CC; }
	.u-bgcBlue				{ background-color: #0099CC; }



/* =====================================================================

	1. container
	
======================================================================== */

	.l-container {
		margin-right: auto;
		margin-left: auto;
		}
	.l-container:before, .l-container:after {
		display: table;
		content: " ";
		}
	.l-container:after {
		clear: both;
		}

@media print, screen and (min-width: 62em) {
	/*TB横,PC*/
	.l-container {
		width: 700px;
		}
}
@media screen and (max-width: 61.9375em) {
	/*SP～TB縦*/
	.l-container {
		margin-left: 3.5%;
		margin-right: 3.5%;
		}
	.l-sp-collapse {
		margin-left: -3.5%;
		margin-right: -3.5%;
		}		
}

		

/* =====================================================================

	2. header
	
======================================================================== */

@media print, screen and (min-width: 62em) {
	/*TB横,PC*/
	.l-header {
		margin-top: 2.4rem;
		margin-bottom: 1.6rem;
		}
}
@media screen and (max-width: 61.9375em) {
	/*SP～TB縦*/
	.l-header {
		margin-top: 1.6rem;
		margin-bottom: 1.6rem;
		}
	.p-logoImg {
		height: 33.333px;
		}
}

		

/* =====================================================================

	3. information
	
======================================================================== */

	.c-info-tit {
		color: #FFF;
		font-weight: bold;
		padding: 5px;
		}
	.c-info-tit span {
		display: inline-block;
		position: relative;
		top: -2px;
		}
	.c-info-icon {
		width: 50px;
		height: 32px;
		margin-right: 5px;
		}


/*	 ログインボタン
----------------------------------------------------*/
	.p-column-wrap {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-flow: row wrap;
		justify-content: space-between;
		}	
@media print, screen and (min-width: 62em) {
	/*TB横,PC*/
	.p-login-item {
		width: 32%;
		}
}
@media screen and (max-width: 61.9375em) {
	/*SP～TB縦*/
	.p-login-item {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1.6rem;
		}
}

		

/* =====================================================================

	4. footer
	
======================================================================== */

	.l-footer {
		margin-top: 2.4rem;
		padding: .6rem 0;
		}

/*	 Copyright
----------------------------------------------------*/
	.p-copyright {
		color: #FFF;
		font-size: 12px;
		}