@charset "utf-8";
/* CSS Document */

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: reset */
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,
th,td{margin:0;padding:0;}

header,nav,section,aside,footer{display:block;}

table{border-spacing:0;}

fieldset,img,a img,
abbr,acronym{border:0;}

li img,dt img{vertical-align:top;}

address,caption,cite,code,dfn,em,th,var,strong{
font-style:normal;
font-weight:normal;
}

ol,ul{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

q:before,q:after{content:'';}

hr{display:none;}

html{overflow-y:scroll;}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:top;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: base */
/*--------------------------------------- font */

@font-face {
	font-family: notoserif;
	src: url('../fonts/NotoSerifCJKjp-Medium.otf') format("opentype");
}

/* base */
body .conArea{
/* font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'Noto Sans Japanese', sans-serif; */
/* font-family:'Noto Sans JP', sans-serif; */
/* font-family:'Noto Serif CJK JP', sans-serif, "游明朝体", "Yu Mincho", YuMincho, serif; */
line-height:1.5;
color:#333333;
font-size: 13px;
/*Firefox、Safari、Opera等モダンブラウザやMac IE5に適用*/
*font-size: small;
/*Win IE7およびWin IE6標準準拠モードに適用*/
*font: x-small;
/*Win IE 5-5.5､6(後方互換モード)に適用*/
}

.serif{font-family: notoserif, sans-serif;}

/*----------------------- color */
/* wine red */
.red{color:#990000;}

/* white */
.mainArea .con p.subTitle,
.headArea .con,
.white{color:#FFF;}

.mainArea .con p{color:#000000;}

.bottomArea p.copy{color:#b0b0b0;}

/* bold */
.bold{font-weight:bold;}

/*----------------------- size */

/* size10px */
.conArea p .caution{font-size:75%;}
.conArea p.caution,
.conArea .small{font-size:80%;}

/* size16px */
.conArea .con,
.conArea .middle{font-size:123.1%;}

.conArea h2,
.conArea h1{font-size:220%;}

/*--------------------------------------- anchor */

.conArea a:link,
.conArea a:visited{
color:#009900;
text-decoration:none;
}
.conArea a:hover{
color:#FF6600;
text-decoration:none;}

/*--------------------------------------- add class */
/*float*/
.floatL{float:left;}
.floatR{float:right;}
.clearB{clear:both;}

.center{text-align:center;}
.bold{font-weight:bold;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common setup */
/*--------------------------------------- bg */
html{background:#FFF;}

/*--------------------------------------- page top */

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main common */


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main */
/*--------------------------------------- 01: index.html */
.conArea p,
.conArea h1{letter-spacing:0.1em;}
.conArea h2,
.conArea h1{margin-bottom:70px;}
.conArea p{line-height:2.5em; margin-bottom:64px;}

.con dl dt,
.con dl dd{float:left; width:512px;}
#con07 dl dt,
#con06 dl dt{width:686px;}
#con07 dl dd,
#con06 dl dd{width:338px;}
#con07 dl dt,
#con07 dl dd,
#con04 dl dt,
#con04 dl dd,
#con02 dl dt,
#con02 dl dd{float:right;}
#con02 dl dt{margin-top:50px;}
#con03 dl dt{margin-top:30px;}
#con04 dl dt{margin-top:80px;}
#con06 dl dt{margin-top:70px;}
#con07 dl dt{margin-top:70px;}
#con04 dl dt p,
#con03 dl dt p,
#con02 dl dt p{margin-bottom:0;}

#con10 div.mt01{margin-top:40px;}

#con10 h1,
#con08 h1,
#con07 h1,
#con06 h1,
#con05 h1{border-top:#cccccc solid 1px; padding-top:70px; margin-left:60px; margin-right:60px;}
.con#con06{margin-top:0;}
#con08 h1,
#con07 h1,
#con06 h1{padding-top:10px;}
p.caution{text-align:left; margin-bottom:0; line-height:2.0em;}

#con09{margin-top:100px; margin-bottom:40px;}

#con02, 
#con01 {
	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common contents */
/*--------------------------------------- all center */
body{text-align:center; background:#ffffff;}

.conArea .con{
	width:1024px;
	margin:0 auto;
	text-align:center;
}

.conArea .con{margin-top:80px;}
.conArea .mb01{margin-bottom:20px;}
.conArea .lh01{line-height:2.5em;}
.conArea .mt01{margin-top:-380px; position:relative;}
.conArea .posL{text-align:left;}
.conArea .posR{text-align:right;}
.conArea p .compact{letter-spacing:-0.05em;}
.conArea p .line01{background:url(../img/line01.png) 5px 3px no-repeat; padding-left:40px;}


/*--------------------------------------- header */

/*--------------------------------------- breadCrumb */

/*--------------------------------------- mainContaints */

/*--------------------------------------- side */

/*--------------------------------------- footer */


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */

div:after,
ul:after,
dl:after,
.con:after{
content:".";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
font-size: 0;
}

	/* IE6 */
	* html div,
	* html ul,
	* html dl,
	* html .con{height:1%;}

	/* IE7 */
	*:first-child+html div,
	*:first-child+html ul,
	*:first-child+html dl,
	*:first-child+html .con{display:inline-block;}