@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
.TACenter{
	text-align:center;
}
img{
	max-width:100%;
	vertical-align:bottom;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}
#container{
	width:100%;
	/*width:1200px;*/
	margin-left:auto;
	margin-right:auto;
}
.position{
	position: relative;
}
.btn-1{
	position: absolute;
	top:403px;
	left:48px;
	width: 206px;
}
.btn-2{
	position: absolute;
	top:408px;
	right:48px;
	width: 206px;
}
.btn-box{
	max-width: 1000px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 180px;
}
.btn-3{
	float: left;
	width: 49%;
}
.btn-4{
	float: right;
	width: 49%;
}

.head-bg{
	background: url(../images/head_bg_03.png) repeat left top;
}
.head-box{
	background-image:url(../images/head_bg_01.png),url(../images/head_bg_02.png);
	background-position: left top,right bottom;
	background-repeat: no-repeat,no-repeat;
	background-size:90%,90%;
	padding:120px 0 120px;
}
.head-box h1{
	max-width: 950px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.main-box{
	background: url(../images/main_bg.jpg) repeat-y center top;
	background-size:cover;
	overflow: hidden;
}
.wrap{
	max-width: 1100px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
}
.wrap2{
	max-width: 1000px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
}
.item-title{
	width: 18%;
}
.item-listbox{
	width: 80%;
}
.item-listbox ul{
	font-size:0;
}
.item-listbox .list1 li{
	width: 22%;
	margin-right: 3%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}
.item-listbox .list2 li{
	width: 20%;
	margin-right: 5%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}
.item-listbox .list3 li{
	margin-right: 3px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}
.item-listbox .list4 li{
	width: 44%;
	margin-right: 3%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 50px;
}
.bg-img-1{
	position: absolute;
	width: 420px;
	left:-100px;
	bottom:-40px;
	z-index: 1;
}
.bg-img-2{
	position: absolute;
	width: 420px;
	right:-100px;
	bottom:-340px;
	z-index: 1;
}
.bg-img-3{
	position: absolute;
	width: 420px;
	left:-100px;
	bottom:-240px;
	z-index: 1;
}
.big-img{
	width: 80%;
	position: relative;
	z-index: 2;
}
.red-bg{
	background: url(../images/red_bg_2.png) repeat left top;
	position: relative;
	z-index: 2;
}
.wt-title{
	color:#fff;
	letter-spacing: 3px;
	text-align: center;
	font-size: 36px;
}
.bg-box-ex{
	background-image:url(../images/gold_bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size:90%;
}
.logo{
	width: 24%;
	margin-left: auto;
	margin-right: auto;
}
.copy{
	width: 24%;
	margin-left: auto;
	margin-right: auto;
}
@media print, screen and (min-width : 768px) {
	.item-listbox .list1 li:nth-child(4n){
		margin-right: 0;
	}	
	.item-listbox .list2 li:nth-child(4n){
		margin-right: 0;
	}
	.item-listbox .list3 li:nth-child(1){
		width: 49.5%;
		margin-left: -2%;
	}
	.item-listbox .list3 li:nth-child(2){
		margin-right: 0;
		width: 48%;
	}
	.item-listbox .list4 li:nth-child(2n){
		margin-right: 0;
	}
}

@media only screen and (max-width : 767px) {
.head-box{
	background-image:url(../images/head_bg_01.png),url(../images/head_bg_02.png);
	background-position: left top,right bottom;
	background-repeat: no-repeat,no-repeat;
	background-size:90%,90%;
	padding:8% 0;
}
.head-box h1{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.wrap{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
}
.wrap2{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
}
.item-title{
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
}
.item-listbox{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.item-listbox ul{
	font-size:0;
}
.item-listbox .list1 li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 5%;
}
.item-listbox .list2 li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 5%;
}
.item-listbox .list3 li{
	margin-right: 0;
	margin-bottom: 5%;
	width: 100%;
}
.item-listbox .list4 li{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 7%;
}
.item-listbox .list1 li:nth-child(2n){
	margin-right: 0;
}	
.item-listbox .list2 li:nth-child(2n){
	margin-right: 0;
}
.item-listbox .list4 li:nth-child(2n){
	margin-right: 0;
}
.bg-img-1{
	position: absolute;
	width: 45%;
	left:-6%;
	bottom:-8%;
	z-index: 1;
}
.bg-img-2{
	position: absolute;
	width: 45%;
	right:-6%;
	bottom:-8%;
	z-index: 1;
}
.bg-img-3{
	position: absolute;
	width: 45%;
	left:-6%;
	bottom:-8%;
	z-index: 1;
}
.big-img{
	width: 80%;
	position: relative;
	z-index: 2;
}
.red-bg{
	/*background: rgba(220,0,18,0.9);*/
	position: relative;
	z-index: 2;
}
.wt-title{
	color:#fff;
	letter-spacing: 3px;
	text-align: center;
	font-size: 4.4vw;
}
.bg-box-ex{
	background-image:url(../images/gold_bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size:100%;
}
.logo{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.copy{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.btn-box{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15%;
}
.btn-3{
	float: none;
	width:100%;
	margin-bottom: 5%;
}
.btn-4{
	float: none;
	width:100%;
}
}