/* CSS Document */

@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
html {
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,footer, header, nav, section, article {
	margin: 0px;
	padding: 0px;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
footer, header, nav, section, article{
	display:block;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
address,caption,cite,code,dfn,em,strong,var {
	font-style: normal;
}
caption,th {
	text-align: left;
	font-weight:bold;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
}
h1,h2,h3,h4,h5,h6,textarea {
	font-size: 100%;
	font-weight:normal;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
table {
	font-size:100%;
	border-collapse:collapse;
	vertical-align:top;
}
table th{
	font-weight: normal;
}
input ,
textarea{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
/* For modern browsers */
.cf:before,
.cf:after,
.contact_det li:before,
.contact_det li:after,
.contact_det-btn li:before,
.contact_det-btn li:after {
    content:"";
    display:table;
}
 
.cf:after,
.contact_det li:after,
.contact_det-btn li:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf,
.contact_det li,
.contact_det-btn li {
    zoom:1;
}

.clear{
	clear:both;
}




/*--- リンクカラー */
a {
	color:#333;
	text-decoration:underline;
	transition: all 1.5s;
}
a:hover {
	color:#333;
	text-decoration:none;
	transition: all 1.5s;
}
a { outline : 0 ;}



/*--- default */
html,body {
	color: #333;
	line-height: 1.8;
	font-size:calc(100vw / 31);
	text-align:left;
	letter-spacing: 0.18em;
font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , Times New Roman , "MSP明朝","MS PMincho","MS 明朝",serif;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
body{
-webkit-text-size-adjust: 100%;
		word-break : break-all;
	background: #f3efe3 url(../../img/common/bg_site1.gif) 0 0 ;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	position: relative;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

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