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

/* base style
=====================================================================*/
html, body, div, span, a, object, iframe,
p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input, textarea{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}


h1, h2, h3, h4, h5, h6{
	font-size:inherit;
	line-height:inherit;
	font-weight:inherit;
	margin:0;
}


ul,
ol{
	padding:0;
	margin:0;
}

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


body{
	font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana,Geneva, sans-serif !important;
	background:#FFF;
	font-size:14px;
	font-weight:300;
	color:#473933;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	margin:0;
	line-height:1.8;
}

*::selection{
	background:#CFD3DE;
}




#ani{
	width:90%;
	margin:0 auto 100px;
	box-sizing:border-box;
}
#ani img{
	max-width:100%;
	border:none;
}
#ani a{
	text-decoration:none;
}
#ani a:link, #ani a:visited, #ani a:active{
	color:#473933;
}
#ani a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}
#ani a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}
#ani .heading{
	margin:50px auto 0;
	text-align:center;
}
#ani .ttl1{
	display:inline-block;
	padding:0 0.5em 0.2em;
	text-align:center;
	font-size:18px;
	letter-spacing:0.08em;
	border-bottom:3px #473933 solid;
}
#ani .ttl2{
	display:inline-block;
	padding:0 0.5em 0.2em;
	text-align:center;
	font-size:17px;
	letter-spacing:0.08em;
	border-bottom:1px #473933 solid;
}
#ani .txt1{
	margin:50px auto 0;
	font-size:16px;
	line-height:25px;
}
#ani .txt2, #ani .txt4{
	margin:30px auto 0;
	font-size:15px;
	line-height:25px;
	text-align:left;
}
#ani .txt3{
	margin:30px auto 0;
	font-size:15px;
	line-height:25px;
	text-align:left;
}
#ani .txt5{
	margin:30px auto 0;
	font-size:14px;
	line-height:21px;
	text-align:left;
}
#ani .sign{
	margin:30px 0 0;
	text-align:right;
	font-size:14px;
	line-height:25px;
}
#ani .ayumi{
	margin:100px auto 0;
	text-align:center;
}
#ani .ayumi img{
	margin:0 0 10px;
}
#ani .summary{
	margin:150px auto 0;
	text-align:center;
}
#ani .dot_line{
	margin:20px auto 0;
	text-align:center;
}
#ani .circle{
  display:inline-block;
  width:7px;
  height:7px;
  margin:0 5px;
  border-radius:50%;
  background:#473933;
}
#ani .cnt{
	margin:100px auto 0;
	text-align:center;
}
#ani .cnt_lnk{
	margin:30px auto 0;
}




/******************************************
PC表示
******************************************/
@media screen and (min-width:768px){

#ani{
	width:980px;
	margin:50px auto 100px;
}
#ani .heading{
	margin:80px auto 0;
}
#ani .ttl1{
	font-size:27px;
}
#ani .ttl2{
	font-size:25px;
}
#ani .txt1{
	font-size:18px;
	line-height:30px;
	text-align:center;
}
#ani .txt2, #ani .txt4{
	margin:50px auto 0;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
}
#ani .txt3{
	text-align:center;
}
#ani .txt4{
	margin:30px auto 0;
}
#ani .txt5{
	font-size:15px;
	line-height:24px;
	text-align:center;
}
#ani .sign{
	font-size:15px;
	line-height:30px;
}
#ani .cnt{
	margin:150px auto 0;
}

}





/* レスポンシブ対応 */
/* 768px以上で2列 → 4列 */
@media screen and (min-width:768px){
#ctall #ani [class^="list-col"]{
	width:980px;
}
}