@charset "utf-8";

/* layout =============================================================
		
	1. Container
	2. Header
	*. Print CSS
	
======================================================================== */

	/* ページ読み込み時にフェードイン
	body {
		animation: fadeIn 2s ease 0s 1 normal;
		-webkit-animation: fadeIn 2s ease 0s 1 normal;
		}
	@keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
		}
	@-webkit-keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
		} */


/*	 Font family / Font size
===================================================== */
	@font-face {
		font-family: "YuGothic-M";
		font-weight: normal;
		 src: local("YuGothic-Medium"),
				local("Yu Gothic Medium"),
				local("YuGothic-Regular");
		}
	@font-face {
		font-family: "YuGothic-M";
		font-weight: bold;
		 src: local("YoGothic-Bold"),
				local("Yu Gothic");
		}
	body {
		font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		}

  html {
		font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
		}
	body {
		font-size: 1.4rem;/* 14px */	
		}
@media screen and (max-width: 768px) {
	/*SP*/
	body {
		font-size: 1.6rem;/* 16px */	
		}	
}
@media screen and (max-width: 320px) {
	/*SP*/
	body {
		font-size: 1.4rem;/* 14px */	
		}
}
		
		
	body {
		background-color: #fff;
		-webkit-text-size-adjust: none; 
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: none;
		box-sizing: border-box;
		line-height: 1.75;
		color: #333333;
		word-wrap: break-word;
		-webkit-transform-origin-x: 0;
		-moz-transform-origin-x: 0;
		-o-transform-origin-x: 0;
		transform-origin-x: 0;
		-webkit-text-size-adjust: 100% !important;
		}



	input:placeholder {
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
		}
	
	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
		vertical-align: top !important;
		}
	img { -ms-interpolation-mode: bicubic; }
  
	a {
		-webkit-transition: all .3s;
		transition: all .3s;
		}
	a:link, a:visited {
		color: #1F2E40;
		text-decoration: none;
		}
	a:hover {
		color: #999999;
		}




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

	1. Container
	
======================================================================== */

		.l-contents {
			position: relative;
			}
	@media print, screen and (min-width: 769px) {
		/*TB,PC*/
		.l-wrap {
			margin: 0 auto;
			width: 960px;
			clear: both;
			}
		.l-wrap-inner {
			margin: 0 auto;
			width: 800px;
			}
	}
	@media screen and (min-width: 769px) and (max-width: 1025px) {
		/*TB*/
		.l-wrap,
		.l-wrap-inner {
			width: 97%;
			}
	}
	@media screen and (max-width: 768px) {
		/*SP*/
		.l-wrap,
		.l-wrap-inner {
			margin-left: 1.6rem;
			margin-right: 1.6rem;
			}			
	}



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

	2. Header
	
======================================================================== */

	@media print, screen and (min-width: 769px) {
		/*TB,PC*/
		.l-header {
			position: relative;
			}
	}



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

	*. Print CSS
	
======================================================================== */
	@media print {
		.is-hidden-large {
			display: none;
			}
	
	}