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


/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
	
	
body {

	color: #000;
	background:#fff;
	font-size: medium;
	/*line-height: 1.4;*/
	font-family: "メイリオ", sans-serif;
margin:0;
padding:0;



/*background: -webkit-gradient( from(0.30, #a3a3a3), to(0.00, #c4c4c4));
background: -webkit-linear-gradient(top, #c4c4c4 0%, #a3a3a3 100%);
background: -moz-linear-gradient(top, #c4c4c4 0%, #a3a3a3 100%);
background: -o-linear-gradient(top, #c4c4c4 0%, #a3a3a3 100%);
background: -ms-linear-gradient(top, #c4c4c4 0%, #a3a3a3 100%);
background: linear-gradient(to bottom, #c4c4c4 0%, #a3a3a3 100%);
*/
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: large;
	
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 3em;
    padding: 2em 0;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}





/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
#t{
}
/*topphoto-mobile*/
#tm{
	display:none;
}
/*topphoto-mobile*/
#header{
width:100%;
max-height:80px;
height:auto;
text-align:center;
float:left;
background:#fff;
}
#header img{
vertical-align: middle;
}
.logo:hover,
.logo:active {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#header h1{
color:#00367a;
font-size:300%;
position:relative;
top:-0.5em;
background:#fff;
}
.h1{
color:#00367a;
font-size:300%;
/*position:relative;
top:-0.5em;*/
background:#fff;
}
#header_tb {
display:none;
margin:0;
padding:0;
}
#header_smt {

}
.title{
	color:#000;
width:100%;
background:#fff;
float:left;
margin:0;
padding:0;
}
.title h2{
color:#000;
font-size:200%;
font-weight:normal;
height:1em;
}

.title_sub{
	color:#000;
width:90%;
float:left;
margin:0% 5% 5% 5%;
padding:0;
}
.title_sub h2{
color:#000;
font-size:200%;
font-weight:normal;
height:2em;
}

h1{


}
h2{
font-size:xx-large;
font-weight:normal;
color:#000;/*color:#00367a;*/
/*clear:both;
width:100%;
color:#fff;
background:#00367a;*/
}
h3{
font-size:xx-large;
font-weight:normal;
}
/*table仕様*/
.spec {
	dispaly:table-cell;
  width: 100%;/*auto*/
  border-spacing: 0;
  margin-top:1em;
  margin-bottom:1em;
  font-size:medium;
}
.spec caption{
border-top: 1px solid #eeeeed;
border-bottom:1px solid #eeeeed;
color:#616161;
font-weight: bold;
text-align: left;
padding: 0.25em;

background:#faf9f9;
}
.spec th {
  padding: 0.5em;/* padding: 8px 15px;*/
  font-weight: bold;
  border-bottom:1px solid #eeeeed;
  text-align:left;
}
.spec_bold {
  padding: 0.5em;/* padding: 8px 15px;*/
  font-weight: bold;
}
.spec tr td {
   padding: 0.5em;/* padding: 8px 15px;*/
  border-bottom: 1px solid #eeeeed;
  text-align: left;
}
.spec tr td:last-child {

}
.spec tr {
  background: #fff;
}
.spec tr:nth-child(2n+1) {
  /*background: #f1f6fc;*/
}
.spec tr:hover {
 /* background: #bbd4ee;
  cursor:pointer;*/
}
.spec a:link{
color:#376ab1;
}
.spec a:hover{
	color:#0099ff;
}
.spec a:visited{
	color:#376ab1;
}

/*table仕様*/



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


#wrapper{
padding:0;
margin:0;
color:#000;
width:100%;
max-width:1200px;/*width: 100%;*/
max-height:auto;

/*background:#a3a3a3;*/
}

.colum{
max-width:100%;/*width:90%;*/
margin:0;
padding:0;
text-align:left;
float:left;
margin:5% 0% 5% 0%;/*margin:2% 5% 2% 5%;*/

font-size:large;
}
img.img_medium{
width:30%;
}
.padding{
padding:1em;
}
.colum_small{
max-width:90%;
margin:0;
padding:0;
text-align:left;
float:left;
margin:0% 5% 0% 5%;

font-size:large;
}
.colum_left{
width:60%;/*70%*/
float:left;
margin:5%;

}
.colum_right{
width:30%;
    margin-left: auto;
	
	float:right;

}

.colum_right img{
	width:300px;
	}
.colum a:link{
	color:#376ab1;
}
.colum a:visited{
	color:#376ab1;
}
.colum a:hover{
	color:#0099ff;
}
.glay{
background:#ededed;
}
.blue{
color:#00367a;
}
.border_glay{
border:solid 2px #e5e5e5;
}
.left {
    margin-right: auto;
		float:left;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.right {
    /*margin-left: auto;*/
		float:right;
		
}

.colum_button{
	display:table;/*display: inline-block;*/
	text-align: center;
	text-decoration: none;
	outline: none;
	clear:both;
width:auto;	
color:#000;
padding:0.5em 1.5em 0.5em 1.5em;
margin:2% 0 2% 0;
background:#afbd22;
font-size:x-large;
}


.colum_button::before,
.colum_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.colum_button:hover {
color:#000;
background:#ccdb37;
	text-decoration: none;
}

/*----------index.html topphoto-----------*/
.topp{
width:1200px;
height:400px;/*max-height:600px;*/
margin:0 0 2% 0;
padding:0;
float:left;

}
.topp2{
position:relative;
top:-350px;/*top:-130px;*/
right:0;/*right:0;*/	
font-size:xx-large;
text-align: left;
width:auto;
height:120px;
padding:0.2em 1em 0.5em 1em;

/*background: rgba(255,255,255,0.7);*/
}

.topp2 h1{
font-size:200%;
line-height:0.5em;
float:left;
margin-right:1em;
}
.topp2_button{
	display:block;/*display: inline-block;*/
	text-align: center;
	text-decoration: none;
	outline: none;
	float:left;
	
color:#000;
padding:0.5em 1.5em 0.5em 1.5em;
margin:2% 0 2% 0;
background:#afbd22;
font-size:x-large;
}
.topp2_button::before,
.topp2_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.topp2_button:hover {
color:#000;
background:#ccdb37;
}

/*----------index.html topphoto-----------*/



/*----------topphoto-----------*/
.topphoto{
width:1200px;
height:600px;
margin:0 0 2% 0;
padding:0;
float:left;

}
.topphoto2{
position:relative;
top:-130px;
right:0;	
font-size:xx-large;
text-align: left;
width:auto;
height:120px;
padding:0.2em 1em 0.5em 1em;

background: rgba(255,255,255,0.7);
}

.topphoto2 h1{
font-size:200%;
line-height:0.5em;
float:left;
margin-right:1em;
}
.topphoto2_button{
	display:block;/*display: inline-block;*/
	text-align: center;
	text-decoration: none;
	outline: none;
	float:left;
	
color:#000;
padding:0.5em 1.5em 0.5em 1.5em;
margin:2% 0 2% 0;
background:#afbd22;
font-size:x-large;
}
.topphoto2_button::before,
.topphoto2_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.topphoto2_button:hover {
color:#000;
background:#ccdb37;
}
/*----------topphoto-----------*/


/*----------subphoto-----------*/
.subphoto{
width:21%;/*width:260px;*/
height:auto;/*height:250px;*/
margin:0px 2% 0px 2%;
padding:0;
float:left;

/*overflow: hidden;*/
}


.subphoto2{
position:relative;
top:-30px;
right:0px;	
text-align: left;
width:auto;
height:auto;/*150px*/
padding:0;

/*background: rgba(255,255,255,0.4);*/

}
.subphoto2 h3{
	font-size:x-large;
font-weight:normal;
}

/*subbuttonの基本*/
.sbutton {
	display: block;/*display: inline-block;*/
	width: 100%;
	height: 2.5em;/*height: 54px;*/
	text-align: center;
	text-decoration: none;
	line-height: 2.5em;/*54px;*/
	outline: none;
}
.sbutton::before,
.sbutton::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.sbutton,
.sbutton::before,
.sbutton::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/*subbuttonの基本*/


.subphoto2_button {
	position: relative;
	z-index: 2;
background:#afbd22;
background:#afbd22;
	color:#000;
	line-height: 2.5em;/*50px;*/
}
.subphoto2_button:hover {
	background-color: #fff;
	border-color: #ccdb37;
	color: #000;
	border-style:solid;
}
.subphoto2_button::before,
.subphoto2_button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #ccdb37;
}
.subphoto2_button::before {
	right: 0;
}
.subphoto2_button::after {
	left: 0;
}
.subphoto2_button:hover::before,
.subphoto2_button:hover::after {
	width: 0;
	background-color: #ccdb37;
}

.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}
/*----------subphoto-----------*/

/*===============================================
nav
===============================================*/
.nav {
	z-index:1;	
	
height: auto;
width:100%;　/*auto;*/
max-width:100%;
/*margin-left:-3px;*/
}
.nav{
font-size:small;
text-decoration:none;
width:auto;
height:1em;
text-align:left;
color:#2a1f1f;
display:table;
table-layout: fixed;
}
.nav a{
	color:#2a1f1f;
	display:table-cell;
	text-decoration:none;

	
position: relative;
padding: 10px 30px 10px 30px;/*[上][右][下][左]*/

}
.nav a:hover,
.nav a:active{
color: #999; 
}

.nav a::after{
position: absolute;
top: 50%;/*50%*/
right: 15px;
display: block;
content: '';
width: 5px;
height: 5px;
margin-top: -9px;
border-top: 1px solid #888;
border-right: 1px solid #888;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}











#bana{
max-width:1160px;/*1160px */
width:100%;　/*auto;*/
/*margin-left:1em;*/
}
#bana img{
max-width: ;/*370px*/
width:23%;　/*auto;*/
height: auto;
float:left;
margin:1% 1% 0% 1%;/*[上][右][下][左]*/
text-align:center;
}
#bana img:hover,
#bana img:active {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}






footer{
height: auto;
width:100%;　/*auto;*/
max-width:100%;/*width: 100%;*/
float:left;
line-height: 2em;
font-size:small;
}
footer h4 a:link{
	color:#000;
		text-decoration:none;
}
footer h4 a:hover{
color: #999;
text-decoration:underline;
}
footer h4 a:visited{
		color:#000;
	text-decoration:none;
}
.pr {
display:table;
table-layout:fixed;
	
/*position: relative;*/
width: auto;

	/*margin: 0 auto;*/
margin-left:-1em;
list-style-position:outside;
list-style-type:none;
margin:1em 1em 3em 1em;
float: left;
text-align:left;
}

.pr > li {
	
	width: auto;/*width: 25%;*/
	height: auto;
	line-height: ;	
}

.pr > li a {
	
	color: #000000;
	  text-decoration:none;
}

.pr > li a:hover {
	color: #999;
		  text-decoration:underline;
}

#copy{
	font-size:xx-small;
	float:left;
	height: auto;
	padding:0.5em 0 0.5em 0;
width:100%;　/*auto;*/
max-width:100%;/*width: 100%;*/

color:#000;
background:#fff;
}



















/*--下部ボタンスペース--------*/
#button_space{
width:100%;
}
/*--下部ボタンスペース--------*/

/*--ショップボタン--------*/
.shop_button {
	display:table;/*display: inline-block;*/
	width: 48%;/*width: 200px;*/
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	float:left;
	
color:#fff;
padding:0.5em;
margin:0 2% 2% 0;
background:#00367a;
font-size:x-large;
}
.shop_button::before,
.shop_button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.shop_button,
.shop_button::before,
.shop_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.shop_button:hover {
color:#fff;
background:#1f568c;
}
/*--ショップボタン--------*/

/*--お問い合わせボタン--------*/
.ct_button {
	display:table;/*display: inline-block;*/
	width: 48%;/*width: 200px;*/
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	float:left;
	
color:#fff;
padding:0.5em;
margin:0 2% 2% 0;
background:#00367a;
font-size:x-large;
}
.ct_button::before,
.ct_button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.ct_button,
.ct_button::before,
.ct_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.ct_button:hover {
color:#fff;
background:#1f568c;
}
/*--お問い合わせボタン--------*/



/*--bottun--*/
.prd {
	display: inline-block;
	width: 20%;/*width: 200px;*/
	height: 3em;/*height: 54px;*/
	text-align: center;
	text-decoration: none;
	/*line-height: 54px;*/
	outline: none;
	padding:1%;

	position: relative;
	z-index: 2;
	background-color: #00367a;
	border: 2px solid #00367a;
	color: #fff;

}
.prd::before,
.prd::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.prd,
.prd::before,
.prd::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.prd {

	/*line-height: 50px;*/
}
.prd:hover {
	background-color: #fff;
	border-color: #809ebf;
	color: #809ebf;
}
.prd::before,
.prd::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #00367a;
}
.prd::before {
	right: 0;
}
.prd::after {
	left: 0;
}
.prd:hover::before,
.prd:hover::after {
	width: 0;
	background-color: #809ebf;
}
/*--bottun--*/



/* Effect-----------------*/

		
#s5 figure {
	position: relative;
	overflow: hidden;
	width: 25%;/*width: 300px;*/
	float:left;

}
#s5 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
#s5 figure:hover figcaption {
	opacity: 1;
}

.transform01 {
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
.transform02 {
			-webkit-transform: rotate(15deg) scale(1.4);
			transform: rotate(15deg) scale(1.4);
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		#s5 figure:hover .transform01 {
			-webkit-transform: scale(1.2);
			transform: scale(1.2);
		}
		#s5 figure:hover .transform02 {
			-webkit-transform: rotate(0) scale(1);
			transform: rotate(0) scale(1);
		}
		#s5 figure h3 {
			padding: 20px 0 5px;
			color: #fff;
			font-size: 24px;
			text-align: center;
			
			font-weight: 600;
		}
		#s5 figure p {
			color: #fff;
			text-align: center;
			
			font-weight: 400;
		}

/* Effect 05 */

#s5 figure {
	position: relative;
	overflow: hidden;
	width: 300px;
}
#s5 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transform: rotate(90deg) scale(0);
	transform: rotate(90deg) scale(0);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
#s5 figure:hover figcaption {/*#s5 figure:hover figcaption*/
	-webkit-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1);
	opacity: 1;
}

/* Effect-----------------*/



.bggreen{
background:#afbd22;
}
.white{
	color:#fff;
}
.glay{
background:#ededed;
}
.bgblack{
background:#000;
}
.bgblack:a{
color:#809ebf;
}
.bgblue{
	background:#00367a;
}
.blue{
color:#00367a;
}
.border_glay{
border:solid 2px #e5e5e5;
}
.main{
display:table;
width:100%;
text-align:left;
float:left;
margin:4% 0 2% 0;
background:#FFF;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);	

}
.h3{
font-size:x-large;
}
.colum{
padding:0 2% 2% 2%;	
display:inline-table;

	position:inherit;
}
.main h3{
	padding:2%;
	margin-top:-1em;

}


.sub_main{
width:100%;
text-align:left;
float:left;
margin:2% 0 2% 0;
background:#00367a;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);	


}
.h4{
font-size:x-large;
}
.sub_colum{
padding:2% 2% 2% 2%;	
background:#FFF;
display:table-cell;
width:24%;

height:5em;
}
.sub_photo {
display:table-cell;
float:left;
margin:0;
padding:0;
width:14%;	
}
.sub_main h3{
	font-size:large;
	padding:2%;


width:18%;

display:table-cell;
}
.sub_main h4{
	width:6%;
	font-size:large;
	padding:1%;

display:table-cell;

}





.extra_main{
width:100%;
text-align:left;
float:left;
margin:2% 0 2% 0;
background:#00367a;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);	


}
.extra_h4{
font-size:x-large;


}
.extra_colum{
padding:2% 2% 2% 2%;	
background:#FFF;
display:table-cell;


float:left;
}
.extra_photo {
display:table-cell;
float:left;
margin:0;
padding:0;
width:13%;

}
.extra_main h3{
	font-size:large;
	padding:2%;
width:46%;


display:table-cell;

}
.extra_main h4{
	width:98%;
	font-size:x-large;
	padding:1% 0 0 1%;

display:table;

}
.colum_photo{
width:100%;

}
.colum_photo img{
width:30%;
}
.colum_photo img:hover,
.colum_photo img:active {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.colum_photo_medium{
width:100%;

}
.colum_photo_medium img{
width:23%;
}
.colum_photo_medium img:hover,
.colum_photo_medium img:active {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}



.colum_photo_small{
	width:31%;
	margin:1%;
	float:left;
	padding-bottom:2%;

background:#fff;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);	
}
.colum_photo_small h3{
	font-size:x-large;
	text-align:center;
	width:auto;
	padding:1%;
	
}
.colum_photo_small img{
width:45%;
	text-align:center;
}
.colum_photo_small img:hover,
.colum_photo_small img:active {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.colum_photo_small ul{
		text-align:left;
}
.colum_small_button{
	display:table;/*display: inline-block;*/
	text-align: center;
	text-decoration: none;
	outline: none;
	clear:both;
width:auto;	
color:#000;
padding:2% 2% 2% 2%;
margin:2% 0 2% 0;
background:#afbd22;
font-size:large;
}


.colum_small_button::before,
.colum_small_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.colum_small_button:hover {
color:#000;
background:#ccdb37;
	text-decoration: none;
}

.colum_photo_xsmall{
	width:100%;
	display:table;
}

.colum_photo_xsmall img{
	width:12%;
}
.colum_photo_xsmall img:hover,
.colum_photo_xsmall img:active {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*～以下、画面の横幅が768pxまでの場合のスタイル記入～*/
}



/*------------hed new*/
#colum1{
display:block;
width:1100px;
margin:0 auto;
color:#000;
font-size:100%;
}
#colum1:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}



.colum1-box{
display:block;
width:100%;
margin:0 auto;
}
.colum1-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum1 ul{
margin: 0;
padding: 0;
list-style: none;
}
#colum1 li{
float:left;
margin:0;
padding:0;
text-align:center;
box-sizing:border-box;
list-style-type:none;
float:left;
}
#colum1 li:nth-child(1){
text-align:left;
float:left;
}
#colum1 a:hover{
	opacity:0.5;
}
#colum1 li:nth-child(2){
margin:0;
padding:0;
float:right;
}
#colum1 li:nth-child(2) img{

}
#colum1 li:nth-child(3){

margin:0;
padding:0;
float:right;
}
#colum1 li:nth-child(3) img{

}

@media screen and (max-width: 768px){
	#colum1{
display:block;
width:100%;
margin:0 auto;
color:#000;
font-size:100%;
}
#colum1 li:nth-child(1){
text-align:left;
float:left;
width:60%;
}
#colum1 li:nth-child(1) img{
width:100%;
}
#colum1 a:hover{
	opacity:0.5;
}
#colum1 li:nth-child(2){
margin:0;
padding:0;
float:right;
width:20%;
}
#colum1 li:nth-child(2) img{

}
#colum1 li:nth-child(3){
width:20%;
margin:0;
padding:0;
float:right;
}
#colum1 li:nth-child(3) img{

}

}

@media screen and (max-width: 768px){
	#colum1 li:nth-child(1){
text-align:center;
float:left;
width:100%;
}
#colum1 li:nth-child(1) img{
width:60%;
marign:0 auto;
}
#colum1 a:hover{
	opacity:0.5;
}
#colum1 li:nth-child(2){
margin:0;
padding:0;
float:right;
display:none;
}
#colum1 li:nth-child(2) img{

}
#colum1 li:nth-child(3){
display:none;
margin:0;
padding:0;
float:right;
}
#colum1 li:nth-child(3) img{

}
}
/*------------hed new*/


/*----------------エラーページ*/
#colum2{
text-align:center;
display: block;
margin:0vh auto 0 auto;
padding:0;
width:100%;
clear:both;
font-size:120%;

font-weight:normal;
text-align:center;
background-color:#fff;
color:#000;
}
#colum2:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum2-box{
display: block;
margin:5vh auto;
padding:0;
width:1200px;
clear:both;
text-align:center;
}
.colum2-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum2 img{
width:50%;
margin:1vh 25%;
    clear: both;
   
display: block;
} 
#colum2 h5{
font-size:200%;
clear: both;
   display: block;
   margin:0;
   padding:0;
}
#colum2 h5:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum2 p{
clear: both;
   display: block;
}
#colum2 p:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
	#colum2 br{
		display:block;	
		
	}
@media screen and (max-width: 768px){
	#colum2 h5{
font-size:140%;
clear: both;
   display: block;
   margin:0;
   padding:0;
}
.colum2-box{
display: block;
margin:5vh auto;
padding:0;
width:90%;
clear:both;
text-align:center;
}
#colum2 img{
width:100%;
margin:1vh 0%;
    clear: both;
   
display: block;
} 
	#colum2 br{
		display:none;	
		
	}
}
/*----------------エラーページ*/

#copy2{
	font-size:50%;
	padding:2vh auto;
width:100%;
margin:2vh auto;
color:#666666;
background:#fff;
    clear: both;
   
display: block;
text-align:center;
}
#copy2:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
}