@charset "shift_jis";
/* CSS Document */

@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');


p{
color: #524B41;
}

.banner_img{
	width:800px;
	height:auto;
	margin:0 auto 60px auto;
	text-align:center;
	border:1px solid #666;
}


#header{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;
}
#header h1{
	width:100%;
	height:140px;
	color:#fff;
	line-height:140px;
	font-family:Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , "Sawarabi Mincho" , serif;
	font-size:40px;
	font-size:4.0rem;
	font-weight:normal;
	font-style:normal;
	padding:0;
	margin:0;
	text-align:center;
	box-sizing:border-box;
	border:none;
background: rgb(0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(61,61,61,1) 50%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(61,61,61,1) 50%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(61,61,61,1) 50%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
	-moz-font-feature-settings: "halt";
	-webkit-font-feature-settings: "halt";
	font-feature-settings: "halt";
}


#contents table{
	width:100%;
	margin:15px auto;
	}
	
#contents table table{
	width:100%;
	margin:5px auto;
	}

#contents table caption{
	text-align:left;
	font-weight:bold;
	color:#524B41;
	}


#contents table th{
	width:100%;
	background:#dadada;
	border:#999 1px solid;
	padding:4px 10px;
	text-align:left;
	color:#524B41;
}

#contents table th.th02{
	padding:14px 10px;
}

#contents table td{
	width:100%;
	border:#999 1px solid;
	padding:4px 10px;
	text-align:left;
	color:#524B41;
}


#contents table table th{
	width:25%;
	background:#dadada;
	border:#999 1px solid;
	padding:4px 10px;
	text-align:left;
	color:#524B41;
}

#contents table table td{
	width:75%;
	border:#999 1px solid;
	padding:4px 10px;
	text-align:left;
	color:#524B41;
}


em{
	margin:0 0 0 0;
	color:#C00;
	font-style:normal;
}


#contents table p{
margin:0 0 0 0 !important;
line-height:2;
}




#contents table td ul {
	list-style:none;
	margin:0 auto;
	padding:0 0 0 0;
	overflow:hidden;
}
#contents table td ul li {
	float:left;
	width:32%;
	margin:0 0 0 0;
}


li.close{
	text-decoration:line-through;
	color:#C00;
}

li.close span {
	display:inherit;
   color: #000;
 }


.txt12cen { 
text-align: center;
font-size: 12px; 
color: #333333; 
line-height:1.8; 
} 


select{
margin:1px 2px 1px 0;
}


input{
margin:1px 0 1px 0;
padding:2px;
line-height:1.1;
}





input:focus,textarea:focus{
background-color: #F4F3EC;
}



#form_box02{
	width:94%;
	margin:0 auto 30px auto;
	padding:2%;
	border:1px solid #CC0000;
	background-color:#FFF;
}

#form_box02 h3{
	height:auto;
	text-align:left;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#CC0000;
	margin:0 0 10px 0;
	border:none;
	
}


#form_box02 p{
	font-size:14px !important;
	margin:0 0 10px 0 !important;
}


h2{
	text-align:center;
	font-family:Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , "Sawarabi Mincho" , serif;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight:normal;
	font-style:normal;
	line-height:140%;
	color: #524B41;
	-moz-font-feature-settings: "halt";
	-webkit-font-feature-settings: "halt";
	font-feature-settings: "halt";
	margin:40px 0 20px 0;
}

h2 em{
	font-size: 46px;
	font-size: 4.6rem;
	color: #524B41;
	margin:0 10px 0 0;
}

h3{
	clear:both;
	text-align:left;
	font-family:Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , "Sawarabi Mincho" , serif;
	font-size:24px;
	font-size:2.4rem;
	font-weight:normal;
	font-style:normal;
	line-height:140%;
	color: #524B41;
	-moz-font-feature-settings: "halt";
	-webkit-font-feature-settings: "halt";
	font-feature-settings: "halt";
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	border-left:10px solid;
}


.bt_box{
	position:relative;
	display:block;
	width: 100%;
	border: #7d0000 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height:40px;
	font-size:12px;
    font-size:1.2rem;
	color: #fff;
	text-align: left;
	transition: all .3s;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	box-sizing:border-box;
	cursor :pointer;
	background:#7d0000;
}



.bt_box:after {
  position: absolute;
  right:2%;
  top:40%;
  width:6px;
  height:6px;
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.bt_box:hover {
	background: #fff;
	color: #7d0000;
}


.bt_box:hover:after {
  border-top: 2px solid #7d0000;
  border-right: 2px solid #7d0000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bt_box02{
	position:relative;
	display:block;
	width: 100%;
	border: #000066 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height:60px;
	font-size:24px;
    font-size:2.4rem;
	color: #fff;
	text-align: left;
	transition: all .3s;
	margin:0 0 0 0;
	/*margin:10px 0 60px 0;*/
	padding:0 0 0 20px;
	box-sizing:border-box;
	cursor :pointer;
	background:#000066;
}



.bt_box02:after {
  position: absolute;
  right:4%;
  top:40%;
  width:12px;
  height:12px;
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.bt_box02:hover {
	background: #fff;
	color: #000066;
}


.bt_box02:hover:after {
  border-top: 2px solid #000066;
  border-right: 2px solid #000066;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bt_box03{
	position:relative;
	display:block;
	width: 100%;
	border: #7d0000 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height:80px;
	font-size:24px;
    font-size:2.4rem;
	color: #fff;
	text-align: left;
	transition: all .3s;
	margin:10px 0 60px 0;
	padding:0 0 0 20px;
	box-sizing:border-box;
	cursor :pointer;
	background:#7d0000;
}



.bt_box03:after {
  position: absolute;
  right:2%;
  top:40%;
  width:12px;
  height:12px;
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.bt_box03:hover {
	background: #fff;
	color: #7d0000;
}


.bt_box03:hover:after {
  border-top: 2px solid #7d0000;
  border-right: 2px solid #7d0000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


#contbox01{
	width:80%;
	height:auto;
	padding:40px 0 0 0;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}





#contbox01 p.read{
	margin:0 auto 40px auto;
	text-align:center;
	font-family:Garamond , "Times New Roman" , "Ÿà–¾’©" , "Yu Mincho" , "Ÿà–¾’©‘Ì" , "YuMincho" , "ƒqƒ‰ƒMƒm–¾’© Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS–¾’©E" , "‚l‚r ‚o–¾’©" , "MS PMincho" , "Sawarabi Mincho" , serif;
	font-size:24px;
	font-size:2.4rem;
	font-weight:normal;
	font-style:normal;
	color:#3e3a39;
	line-height:140%;
}

#contbox01 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 auto 40px auto;
	padding:0 0 0 0;
	overflow:hidden;}
#contbox01 ul li {
	width:46%;
	height:auto; 
	box-sizing:border-box;
}

#contbox01 ul li p em{
	font-style:normal;
	font-size:28px;
	font-size:2.8rem;
	color:#C00;
	
}

#contbox01 a:hover img{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}

@media only screen and (max-width: 767px) {
	


#header{
	min-width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
#header h1{
	height:100px;
	line-height:100px;
	font-size:22px;
	font-size:2.2rem;
}
.banner_img{
	width:100%;
	box-sizing:border-box;
}



#contents{
min-height: inherit;
}

#contents table td ul li:nth-child(odd){
	float:left;
	width:45% !important;
	margin:0 0 10px 0;
}


#contents table td ul li:nth-child(even){
	float:right;
	width:45% !important;
	margin:0 0 10px 0;
}

#contents table table th{
	width:50%;
	background:#dadada;
	border:#999 1px solid;
	padding:4px 10px;
	text-align:left;
	color:#524B41;
}

#contents table table td{
	width:50%;
	border:#999 1px solid;
	padding:4px 10px;
	text-align:left;
	color:#524B41;
}


#contents table table td ul li:nth-child(odd){
	float:left;
	width:100% !important;
	margin:0 0 0 0;
}


#contents table table td ul li:nth-child(even){
	float:right;
	width:100% !important;
	margin:0 0 0 0;
}

em{
	margin:0 0 0 0;
}

#contents table td ul li.li_100{
	float:none;
	width:100% !important;
	margin:0 0 10px 0;
}


h2{font-size: 28px;
	font-size: 2.8rem;
}

h2 em{
	font-size: 36px;
	font-size: 3.6rem;
	color: #524B41;
	margin:0 10px 0 0;
}

h3{
	font-size:20px;
	font-size:2.0rem;
}


h3#h3_bk{
	padding:10px;
}


.bt_box:after {
  right:4%;
}


.bt_box02{
	line-height:140%;
	font-size:18px;
    font-size:1.8rem;
	padding:20px;
}



.bt_box02:after {
  right:4%;
}


.bt_box03{
	line-height:140%;
	font-size:18px;
    font-size:1.8rem;
	padding:20px;
}



.bt_box03:after {
  right:4%;
}


#contbox01{
	width:94%;
}

#contbox01 p.read{
	text-align:left;
	font-size:18px;
	font-size:1.8rem;
}


#contbox01 ul li {width:100%; margin:0 0 0 0;}


}