html{
	background:#decc84;
}

body{
	line-height:1.4;
	color:#000000;
	font-family: "メイリオ",Meiryo,"MS Gothic","ＭＳ ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",monospace;
	padding:0;
	margin:0;
}

p{
	margin:0;
	padding:0;
}
img{
	border:0px;
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
li{  
	list-style-type:none;  
}  
.clear{  
	clear:both;  
}

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



/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
#container{
	width:100%;
}
#main{
	background: url(images/bg_goiken.png) center top /100% no-repeat;
	text-align:center;
	padding:0 0 2em 0;
}

#title{
	width:35%;
	padding:0 2% 0 0;
	margin:0 auto 0 auto;
}

.contents{
	width:70%;
	padding:2em 0;
	margin:2em auto 2em auto;
	border-right:3em #bfbaa6 solid;
	border-left:3em #bfbaa6 solid;
	background-color:#fff;
}

h1.ttt{
	width:94%;
	height:3em;
	background:url(images/cate.png) no-repeat;
	background-size:100%;
	font-size:1.7em;
	padding:1em 0 0 0;
	margin:0 auto;
}

p.t1{
	font-size:1em;
	text-align:left;
	padding:0.4em 2em;
	font-weight:bold;
}

p.t2{
	font-size:0.8em;
	text-align:left;
	padding:0.8em 2.6em;
	margin:0 0 2em 0;
}

img.nc{
	width:60%;
}

.form{
	width:90%;
	padding:0.4em 0;
	margin:0 auto 2em auto;
	background-color:#e6e6e6;
}

p.t3{
	font-size:1.4em;
	text-align:center;
	padding:0.4em 1em;
	font-weight:bold;
}

p.t4{
	font-size:1em;
	text-align:center;
	padding:0.4em 2.6em;
	margin:0 0 0.4em 0;
}

p.t5{
	width:80%;
	font-size:0.8em;
	text-align:left;
	padding:0.4em 2.6em;
	margin:0 auto;
}
p.t6{
	font-size:1.4em;
	text-align:center;
	padding:0.4em 1em;
	font-weight:bold;
}

input.s60{
	width:60%;
}

textarea.s60{
	width:60%;
}
.s100{
	width:100%;
}
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
#container{
	width:100%;
}

#main{
	width:100%;
	margin-top:-20%;
	background: url(images/bg_goiken_sp.png) center top /100% no-repeat;
	text-align:center;
	padding:20% 0 2em 0;
}

#title{
	width:20em;
	margin:0 auto 1em auto;
	padding:0 2% 0 0;
}

.boxsizing {
box-sizing: border-box;
}

.contents{
	width:100%;
	padding:0 0 2em 0;
	margin:0 auto 2em auto;
	background-color:#fff;
}

img#icon{
	width:30%;
}

h1.ttt{
	width:100%;
	padding:2em 0.2em;
	font-size:1.4em;
	background-color:#f2f1ed;
	border-right:1em #bfbaa6 solid;
	border-left:1em #bfbaa6 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0 0 1em 0;
}

p.t1{
	font-size:1.2em;
	text-align:left;
	padding:1.4em 1em;
	font-weight:bold;
}

p.t2{
	font-size:1em;
	text-align:left;
	padding:0.8em;
	margin:0 0 2em 0;
}

img.nc{
	width:60%;
}

.form{
	width:90%;
	padding:0.4em 0;
	margin:0 auto 2em auto;
	background-color:#e6e6e6;
}
p.t6{
	font-size:1.4em;
	text-align:center;
	padding:1.4em 1em 0.4em 1em;
	font-weight:bold;
	margin:1em 0 0 0;
}
input.s60{
	width:60%;
}

textarea.s60{
	width:60%;
}
.s100{
	width:90%;
}

}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
#container{
	width:100%;
}


}