@charset "UTF-8";

#body {
	font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', '�q���M�m�p�S�V�b�N', YuGothic, 'Yu Gothic', '���C���I', Meiryo, '�l�r �o�S�V�b�N', 'MS PGothic' ;
	font-size : 20px;
	line-height : 2;
	margin : 0px;
	padding: 0px;
	background: #f0f0f0;
	color: #444;
	text-align: center;
}

/* �X�}�z�K�pCSS */
@media screen and (max-width: 640px){
#body {
	font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', '�q���M�m�p�S�V�b�N', YuGothic, 'Yu Gothic', '���C���I', Meiryo, '�l�r �o�S�V�b�N', 'MS PGothic' ;
	font-size : 230%;
	line-height : 2;
	margin : 0px;
	padding: 0px;
	color: #444;
	text-align: center;
	width: 1000px;
}}

.wrap {
	overflow: hidden;
}

#header {
	background: url(../image/header.png) no-repeat top center;
	text-align: center;
	height: 1180px;
}

#header2 {
	background: url(../image/header2.png) no-repeat center;
	text-align: center;
	height: 845px;
}

#header3 {
	background: url(../image/header3.png) no-repeat center;
	text-align: center;
	height: 1075px;
}

#header_bottom {
	background: url(../image/header_bottom.png) no-repeat center;
	text-align: center;
	height: 280px;
}

/* �_�� */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
 
#main {
	margin : auto;
	max-width: 1000px;
	background: #fcfcfc;
	box-shadow: 0 0 10px rgba(68, 68, 68, 0.1);
}

/* �X�}�z�K�pCSS */
@media screen and (max-width: 640px){
#main {
	margin : 0px;
	overflow: hidden;
}}

#footer {
	padding: 5px 0px;
	background: #252525;
	font-size : 14px;
	line-height : 1.5;
	color: #fff;
	width: 100%;
}

#footer p {
	margin: 0px;
	text-align: center;
}

#footer a {
	color: #fcfcfc
}

.container {
	margin : auto;
	padding : 80px 0px;
	text-align: left;
	background: #fcfcfc;
}

.container_cr {
	margin : auto;
	padding : 80px 0px;
	text-align: center;
/*	background: #d1e3e8;*/
}

.container_law {
	margin : auto;
	padding : 60px 150px;
	text-align: center;
}

.container_law p {
	margin: 0px;
	padding: 0px;
}

.ttl_001 {
	background: url(../image/ttl_001.png) center no-repeat;
	height: 275px;
}

.ttl_002 {
	background: url(../image/ttl_002.png) center no-repeat;
	height: 275px;
}

.thx_001 {
	background: url(../image/thx_001.png) center no-repeat;
	height: 300px;
}

.ttl_101 {
	background: url(../image/ttl_101.png) center no-repeat;
	height: 330px;
}

.ttl_102 {
	background: url(../image/ttl_102.png) center no-repeat;
	height: 330px;
}

.ttl_103 {
	background: url(../image/ttl_103.png) center no-repeat;
	height: 275px;
}

.ttl_104 {
	background: url(../image/ttl_104.png) center no-repeat;
	height: 330px;
}

.ttl_201 {
	background: url(../image/ttl_201.png) center no-repeat;
	height: 270px;
}

.ttl_202 {
	background: url(../image/ttl_202.png) center no-repeat;
	height: 330px;
}

.ttl_203 {
	background: url(../image/ttl_203.png) center no-repeat;
	height: 330px;
}

.ttl_204 {
	background: url(../image/ttl_204.png) center no-repeat;
	height: 275px;
}

.ttl_301 {
	background: url(../image/ttl_301.png) center no-repeat;
	height: 275px;
}

@media screen and (min-width: 768px){
	.sp_on{
		display: none;
	}
}