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


/*デフォルトCSSリセット*/

html {
  -webkit-overflow-scrolling: touch;
}

a:link {
      color: #333;
      text-decoration: none;
}


a:visited {
      color: #333;
      text-decoration: none;
}



a:hover {
      color: #333;
      text-decoration: none;
}



a img {
      border-width: 0px;
      border-style: none;
      border-color: #fff;
      background: transparent;
}


h2{font-feature-settings: "pkna"!important;}

/*--------bootstrap拡張----------*/

.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}
.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
vertical-align:bottom;
}

/*---------------------*/

body{
	font-size:16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}




.h-font{
	font-family: 'Montserrat', sans-serif;
}



.text {
	display: inline-block;
	white-space: wrap;
font-feature-settings: "pkna"
}


.text2 {
	white-space: nowrap;
}


.box_srcollbar {
overflow:auto;
padding:5px;
font-size:12px;
}
.box_title{
padding:5px;
}

.art-info ul li span {
    display: block;
    float: left;
}

.art-info ul{
	padding-left:0;
}

.art-info ul li {
	list-style:none;
	border-bottom:dashed 1px black;
	padding:3px 0;

}

.art-info li p {
    display: block;
    overflow: auto;
	margin:0;
	margin-left:5rem;
	padding:0;
}



/*.fixbg{
	background-image:url(../images/arts_bg.jpg);
	background-position:top;
	background-size:cover;
	background-repeat: no-repeat;
    background-attachment: fixed;
}
*/

  .fixbg {
    background: none;
  }

  .fixbg::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, -1px);
    transform: translate3d(0, 0, -1px);
    width: 100%;
    height: 100vh;
    background: url(../images/arts_bg.jpg) center/cover no-repeat;
    -webkit-background-size: cover;
	z-index:-0;
  }


/*art01*/


.art01 .art01-1{
	padding:10px; 
	margin-bottom:15px; 
	margin-top:15px;
	background-color:#f2f2f2;
	background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM1OS4xOCAzNDguODgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDBiZTAwO30uY2xzLTJ7ZmlsbDojZmZmO29wYWNpdHk6MC41O308L3N0eWxlPjwvZGVmcz48dGl0bGU+YXJ0X2JnPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzksMzI3LjA4Yy04Ni42NywwLTE1Ni45My02OC4zLTE1Ni45My0xNTIuNThTOTIuMzMsMjEuOTIsMTc5LDIxLjkyLDMzNS45Myw5MC4yNCwzMzUuOTMsMTc0LjUsMjY1LjY3LDMyNy4wOCwxNzksMzI3LjA4Wk0yODkuMTMsMTc0LjVjMC01OS4xMy00OS4zLTEwNy4wNy0xMTAuMTItMTA3LjA3UzY4Ljg3LDExNS4zNyw2OC44NywxNzQuNSwxMTguMTgsMjgxLjU4LDE3OSwyODEuNTgsMjg5LjEzLDIzMy42NCwyODkuMTMsMTc0LjVaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTc5LDMwNS41MmMtNzQuNDMsMC0xMzQuNzUtNTguNjYtMTM0Ljc1LTEzMXM2MC4zMy0xMzEsMTM0Ljc1LTEzMSwxMzQuNzUsNTguNjYsMTM0Ljc1LDEzMVMyNTMuNDIsMzA1LjUyLDE3OSwzMDUuNTJabTExMC4xMi0xMzFjMC01OS4xMy00OS4zLTEwNy4wNy0xMTAuMTItMTA3LjA3UzY4Ljg3LDExNS4zNyw2OC44NywxNzQuNSwxMTguMTgsMjgxLjU4LDE3OSwyODEuNTgsMjg5LjEzLDIzMy42NCwyODkuMTMsMTc0LjVaIi8+PC9zdmc+");
	background-position:center;
	background-repeat:no-repeat;
	height:300px;
	position:relative;	
	
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	
	}
	
.art01:hover .art01-1{
	background-color: #00be00;
	background-image:none;
	color:#FFF;
}
	
	
/*art02*/


.art02 .art02-1{
	padding:10px; 
	margin-bottom:15px; 
	margin-top:15px;
	background-color:#f2f2f2;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTkuMTggMzQ4Ljg4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmMmIzYzt9LmNscy0ye2ZpbGw6I2ZmZjtvcGFjaXR5OjAuNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFydF9iZzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8zIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAzIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xODAsMzI3LjM0Yy04Ni44MywwLTE1Ny4yMS02OC40MS0xNTcuMjItMTUyLjgyUzkzLjE2LDIxLjY3LDE4MCwyMS42NiwzMzcuMTksOTAuMDcsMzM3LjIsMTc0LjQ4LDI2Ni44NCwzMjcuMzMsMTgwLDMyNy4zNFptMTEwLjMtMTUyLjg1YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE5LjA5LDI4MS43NywxODAsMjgxLjc3LDI5MC4zMywyMzMuNzMsMjkwLjMyLDE3NC40OVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xODAsMzA1Ljc1Yy03NC41NiwwLTEzNS01OC43NS0xMzUtMTMxLjIzUzEwNS40Myw0My4yNiwxODAsNDMuMjYsMzE1LDEwMiwzMTUsMTc0LjQ5LDI1NC41NiwzMDUuNzQsMTgwLDMwNS43NVptMTEwLjMtMTMxLjI2YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE5LjA5LDI4MS43NywxODAsMjgxLjc3LDI5MC4zMywyMzMuNzMsMjkwLjMyLDE3NC40OVoiLz48L2c+PC9zdmc+");
	background-position:center;
	background-repeat:no-repeat;
	height:300px;
	position:relative;	
	
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	
	}
	

.art02:hover .art02-1{
	background-color: #ff2b3c;
	background-image:none;
	color:#FFF;
}


/*art03*/


.art03 .art03-1{
	padding:10px; 
	margin-bottom:15px; 
	margin-top:15px;
	background-color:#f2f2f2;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTkuMTggMzQ4Ljg4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmOTZjYjt9LmNscy0ye2ZpbGw6I2ZmZjtvcGFjaXR5OjAuNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFydF9iZzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzksMzI3LjM0Yy04Ni44MywwLTE1Ny4yMS02OC40MS0xNTcuMjItMTUyLjgyUzkyLjE2LDIxLjY3LDE3OSwyMS42NiwzMzYuMTksOTAuMDcsMzM2LjIsMTc0LjQ4LDI2NS44NCwzMjcuMzMsMTc5LDMyNy4zNFptMTEwLjMtMTUyLjg1YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNzksMzA1Ljc1Yy03NC41NiwwLTEzNS01OC43NS0xMzUtMTMxLjIzUzEwNC40Myw0My4yNiwxNzksNDMuMjYsMzE0LDEwMiwzMTQsMTc0LjQ5LDI1My41NiwzMDUuNzQsMTc5LDMwNS43NVptMTEwLjMtMTMxLjI2YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48L2c+PC9zdmc+");
	background-position:center;
	background-repeat:no-repeat;
	height:300px;
	position:relative;	
	
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	
	}
	
.art03:hover .art03-1{
	background-color: #ff96cb;
	background-image:none;
	color:#FFF;
}


/*art4*/

.art04 .art04-1{
	padding:10px; 
	margin-bottom:15px; 
	margin-top:15px;
	background-color:#f2f2f2;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTkuMTggMzQ4Ljg4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzY0ZGNmZjt9LmNscy0ye2ZpbGw6I2ZmZjtvcGFjaXR5OjAuNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFydF9iZzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF80IiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCA0Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzksMzI3LjM0Yy04Ni44MywwLTE1Ny4yMS02OC40MS0xNTcuMjItMTUyLjgyUzkyLjE2LDIxLjY3LDE3OSwyMS42NiwzMzYuMTksOTAuMDcsMzM2LjIsMTc0LjQ4LDI2NS44NCwzMjcuMzMsMTc5LDMyNy4zNFptMTEwLjMtMTUyLjg1YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNzksMzA1Ljc1Yy03NC41NiwwLTEzNS01OC43NS0xMzUtMTMxLjIzUzEwNC40Myw0My4yNiwxNzksNDMuMjYsMzE0LDEwMiwzMTQsMTc0LjQ5LDI1My41NiwzMDUuNzQsMTc5LDMwNS43NVptMTEwLjMtMTMxLjI2YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48L2c+PC9zdmc+");
	background-position:center;
	background-repeat:no-repeat;
	height:300px;
	position:relative;	
	
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	
	}

.art04:hover .art04-1{
	background-color: #64dcff;
	background-image:none;
	color:#FFF;
}


/*art05*/


.art05 .art05-1{
	padding:10px; 
	margin-bottom:15px; 
	margin-top:15px;
	background-color:#f2f2f2;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTkuMTggMzQ4Ljg4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmYWEzYzt9LmNscy0ye2ZpbGw6I2ZmZjtvcGFjaXR5OjAuNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFydF9iZzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF81IiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCA1Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzksMzI3LjM0Yy04Ni44MywwLTE1Ny4yMS02OC40MS0xNTcuMjItMTUyLjgyUzkyLjE2LDIxLjY3LDE3OSwyMS42NiwzMzYuMTksOTAuMDcsMzM2LjIsMTc0LjQ4LDI2NS44NCwzMjcuMzMsMTc5LDMyNy4zNFptMTEwLjMtMTUyLjg1YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNzksMzA1Ljc1Yy03NC41NiwwLTEzNS01OC43NS0xMzUtMTMxLjIzUzEwNC40Myw0My4yNiwxNzksNDMuMjYsMzE0LDEwMiwzMTQsMTc0LjQ5LDI1My41NiwzMDUuNzQsMTc5LDMwNS43NVptMTEwLjMtMTMxLjI2YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48L2c+PC9zdmc+");
	background-position:center;
	background-repeat:no-repeat;
	height:300px;
	position:relative;	
	
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	
	}


.art05:hover .art05-1{
	background-color: #ffaa3c;
	background-image:none;
	color:#FFF;
}


/*art06*/


.art06 .art06-1{
	padding:10px; 
	margin-bottom:15px; 
	margin-top:15px;
	background-color:#f2f2f2;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTkuMTggMzQ4Ljg4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzUwOGVlODt9LmNscy0ye2ZpbGw6I2ZmZjtvcGFjaXR5OjAuNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFydF9iZzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF82IiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCA2Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzksMzI3LjM0Yy04Ni44MywwLTE1Ny4yMS02OC40MS0xNTcuMjItMTUyLjgyUzkyLjE2LDIxLjY3LDE3OSwyMS42NiwzMzYuMTksOTAuMDcsMzM2LjIsMTc0LjQ4LDI2NS44NCwzMjcuMzMsMTc5LDMyNy4zNFptMTEwLjMtMTUyLjg1YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNzksMzA1Ljc1Yy03NC41NiwwLTEzNS01OC43NS0xMzUtMTMxLjIzUzEwNC40Myw0My4yNiwxNzksNDMuMjYsMzE0LDEwMiwzMTQsMTc0LjQ5LDI1My41NiwzMDUuNzQsMTc5LDMwNS43NVptMTEwLjMtMTMxLjI2YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48L2c+PC9zdmc+");
	background-position:center;
	background-repeat:no-repeat;
	height:300px;
	position:relative;	
	
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	
	}


.art06:hover .art06-1{
	background-color: #508ee8;
	background-image:none;
	color:#FFF;
}


/*art07*/


.art07 .art07-1{
	padding:10px; 
	margin-bottom:15px; 
	margin-top:15px;
	background-color:#f2f2f2;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTkuMTggMzQ4Ljg4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2FhZTYwMDt9LmNscy0ye2ZpbGw6I2ZmZjtvcGFjaXR5OjAuNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFydF9iZzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF83IiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCA3Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzksMzI3LjM0Yy04Ni44MywwLTE1Ny4yMS02OC40MS0xNTcuMjItMTUyLjgyUzkyLjE2LDIxLjY3LDE3OSwyMS42NiwzMzYuMTksOTAuMDcsMzM2LjIsMTc0LjQ4LDI2NS44NCwzMjcuMzMsMTc5LDMyNy4zNFptMTEwLjMtMTUyLjg1YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNzksMzA1Ljc1Yy03NC41NiwwLTEzNS01OC43NS0xMzUtMTMxLjIzUzEwNC40Myw0My4yNiwxNzksNDMuMjYsMzE0LDEwMiwzMTQsMTc0LjQ5LDI1My41NiwzMDUuNzQsMTc5LDMwNS43NVptMTEwLjMtMTMxLjI2YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48L2c+PC9zdmc+");
	background-position:center;
	background-repeat:no-repeat;
	height:300px;
	position:relative;	
	
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	
	}


.art07:hover .art07-1{
	background-color: #aae600;
	background-image:none;
	color:#FFF;
}


/*art08*/


.art08 .art08-1{
	padding:10px; 
	margin-bottom:15px; 
	margin-top:15px;
	background-color:#f2f2f2;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTkuMTggMzQ4Ljg4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RkOTllYzt9LmNscy0ye2ZpbGw6I2ZmZjtvcGFjaXR5OjAuNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFydF9iZzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF84IiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCA4Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzksMzI3LjM0Yy04Ni44MywwLTE1Ny4yMS02OC40MS0xNTcuMjItMTUyLjgyUzkyLjE2LDIxLjY3LDE3OSwyMS42NiwzMzYuMTksOTAuMDcsMzM2LjIsMTc0LjQ4LDI2NS44NCwzMjcuMzMsMTc5LDMyNy4zNFptMTEwLjMtMTUyLjg1YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNzksMzA1Ljc1Yy03NC41NiwwLTEzNS01OC43NS0xMzUtMTMxLjIzUzEwNC40Myw0My4yNiwxNzksNDMuMjYsMzE0LDEwMiwzMTQsMTc0LjQ5LDI1My41NiwzMDUuNzQsMTc5LDMwNS43NVptMTEwLjMtMTMxLjI2YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48L2c+PC9zdmc+");
	background-position:center;
	background-repeat:no-repeat;
	height:300px;
	position:relative;	
	
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	
	}


.art08:hover .art08-1{
	background-color: #dd99ec;
	background-image:none;
	color:#FFF;
}

.art08:hover .art-content{
	color:#FFF;
}


.art08:hover .art-content> svg { fill: currentColor; }




/*art09*/


.art09 .art09-1{
	padding:10px; 
	margin-bottom:15px; 
	margin-top:15px;
	background-color:#f2f2f2;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTkuMTggMzQ4Ljg4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZGYwMDt9LmNscy0ye2ZpbGw6I2ZmZjtvcGFjaXR5OjAuNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFydF9iZzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF85IiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCA5Ij48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzksMzI3LjM0Yy04Ni44MywwLTE1Ny4yMS02OC40MS0xNTcuMjItMTUyLjgyUzkyLjE2LDIxLjY3LDE3OSwyMS42NiwzMzYuMTksOTAuMDcsMzM2LjIsMTc0LjQ4LDI2NS44NCwzMjcuMzMsMTc5LDMyNy4zNFptMTEwLjMtMTUyLjg1YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNzksMzA1Ljc1Yy03NC41NiwwLTEzNS01OC43NS0xMzUtMTMxLjIzUzEwNC40Myw0My4yNiwxNzksNDMuMjYsMzE0LDEwMiwzMTQsMTc0LjQ5LDI1My41NiwzMDUuNzQsMTc5LDMwNS43NVptMTEwLjMtMTMxLjI2YzAtNTkuMjQtNDkuNC0xMDcuMjUtMTEwLjMzLTEwNy4yNXMtMTEwLjMyLDQ4LTExMC4zMSwxMDcuMjdTMTE4LjA5LDI4MS43NywxNzksMjgxLjc3LDI4OS4zMywyMzMuNzMsMjg5LjMyLDE3NC40OVoiLz48L2c+PC9zdmc+");
	background-position:center;
	background-repeat:no-repeat;
	height:300px;
	position:relative;	
	
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	
	}


.art09:hover .art09-1{
	background-color: #ffdf00;
	background-image:none;
	color:#FFF;
}


.art09:hover .art-content{
	color:#FFF;
}


.art09:hover .art-content> svg { fill: currentColor; }




.art-content{
	font-size:0.8rem; 
	position:absolute; 
	bottom:0; 
	margin-bottom:15px;
	margin-top: 15px;
}

@media screen and (max-width:768px) {
	
.art01 .art01-1{
	height:160px !important;
	}

.art02 .art02-1{
	height:160px !important;
	}


.art03 .art03-1{
	height:160px !important;
	}


.art04 .art04-1{
	height:160px !important;
	}
	
.art05 .art05-1{
	height:160px !important;
	}

.art06 .art06-1{
	height:160px !important;
	}

.art07 .art07-1{
	height:160px !important;
	}

.art08 .art08-1{
	height:160px !important;
	}

.art09 .art09-1{
	height:160px !important;
	}


.art-content{
	position: relative; 
	bottom:0; 
}
 
}

@media screen and (max-width:480px) {
	
.art01 .art01-1{
	height:140px !important;
	}
	
.art01:hover .art01-1{
	height:auto !important;
	}
	
.art01:hover .art-content{
	display:block;
	position: relative; 
}
	
.art02 .art02-1{
	height:140px !important;
	}
	
.art02:hover .art02-1{
	height:auto !important;
	}
	
.art02:hover .art-content{
	display:block;
	position: relative; 
	
}
	
	
.art03 .art03-1{
	height:140px !important;
	}
	
.art03:hover .art03-1{
	height:auto !important;
	}
	
.art03:hover .art-content{
	display:block;
	position: relative; 
}
	
	
		
.art04 .art04-1{
	height:140px !important;
	}
	
.art04:hover .art04-1{
	height:auto !important;
	}
	
.art04:hover .art-content{
	display:block;
	position: relative; 
}


.art05 .art05-1{
	height:140px !important;
	}
	
.art05:hover .art05-1{
	height:auto !important;
	}
	
.art05:hover .art-content{
	display:block;
	position: relative; 
}


.art06 .art06-1{
	height:140px !important;
	}
	
.art06:hover .art06-1{
	height:auto !important;
	}
	
.art06:hover .art-content{
	display:block;
	position: relative; 
}


.art07 .art07-1{
	height:140px !important;
	}
	
.art07:hover .art07-1{
	height:auto !important;
	}
	
.art07:hover .art-content{
	display:block;
	position: relative; 
}


.art08 .art08-1{
	height:140px !important;
	}
	
.art08:hover .art08-1{
	height:auto !important;
	}
	
.art08:hover .art-content{
	display:block;
	position: relative; 
}


.art09 .art09-1{
	height:140px !important;
	}
	
.art09:hover .art09-1{
	height:auto !important;
	}
	
.art09:hover .art-content{
	display:block;
	position: relative; 
}



.art-content{
	display:none;
	position: relative; 
}


 
}



/*footer*/

.contact-box{
	min-width:300px; 
	height:60px; 
	border:solid 2px; 
	background:#FFFFFF; 
	display:inline-block; 
	margin:40px 0;
}

.contact-box:hover{
	opacity:0.7; 
	
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	
	}

.opp:hover{
	opacity:0.7; 
	
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
    transition: 0.3s;
	
	}


.cls-1{fill:#ed1c24;}


/*top*/

.keyfont{
	font-size:2.8rem;
}
	
@media screen and (max-width:768px) {
	.keyfont{
		font-size:6vw;
	}
	.height-ctrl01{padding-top: 80px!important}
	
}

@media screen and (max-width:480px) {
	.keyfont{
		font-size:7.5vw;
	}
}

.inner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  width:100%;
  height:100%;
}


.art-header{
	 background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20470.9%20442.2%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.b%2C.c%2C.d%7Bfill%3Anone%3Bstroke-miterlimit%3A10%3B%7D.a%7Bstroke%3A%23fbb03b%3B%7D.b%7Bstroke%3A%237ac943%3Bstroke-width%3A1.01px%3B%7D.c%7Bstroke%3A%233fa9f5%3Bstroke-width%3A1.03px%3B%7D.d%7Bstroke%3A%23ff7bac%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecircle%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M20.4%2C169.9C53%2C279.1%2C170.7%2C340.4%2C283.1%2C306.8S460.3%2C157.4%2C427.6%2C48.2%2C277.3-122.4%2C164.9-88.8-12.3%2C60.6%2C20.4%2C169.9Z%22%20transform%3D%22translate(-7.2%2098.5)%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M52.9%2C176.3C87.4%2C284.5%2C208.3%2C346.2%2C323.1%2C314S502.8%2C168%2C468.4%2C59.7%2C313-110.1%2C198.2-77.9%2C18.5%2C68.1%2C52.9%2C176.3Z%22%20transform%3D%22translate(-7.2%2098.5)%22%2F%3E%3Cpath%20class%3D%22c%22%20d%3D%22M8.8%2C171.5c11.8%2C106.8%2C116.8%2C183%2C234.5%2C170.2S446.8%2C231.9%2C435.1%2C125.1%2C318.3-57.9%2C200.6-45.1-3%2C64.7%2C8.8%2C171.5Z%22%20transform%3D%22translate(-7.2%2098.5)%22%2F%3E%3Cpath%20class%3D%22d%22%20d%3D%22M46.7%2C192.7C76%2C295.6%2C182.8%2C352.9%2C285.3%2C320.7S447.1%2C179%2C417.9%2C76.1%2C281.8-84.1%2C179.3-51.9%2C17.5%2C89.8%2C46.7%2C192.7Z%22%20transform%3D%22translate(-7.2%2098.5)%22%2F%3E%3C%2Fsvg%3E');
	 background-repeat: no-repeat;
	 background-position:top 0px right 10px;
	 background-size: auto 350px;
	 padding-bottom:40px;
	 margin-top:20px;
	 max-width: 100%;
}

.art-title{
	font-size:3rem; 
	clear:both; 
	font-weight:700; 
	margin-bottom:0; 
	line-height:3rem;
}


/*art menu*/
.art_menu div{
	height:50px;
	border:solid 1px;
	margin-bottom:5px;
}

.art_menu p{
	font-size:0.8rem; 
	line-height:50px;
	margin-bottom:0;
}

.m1:hover div{
	color:#00be00;
	border-color:#00be00;
}

.m2:hover div{
	color:#ff2b3c;
	border-color:#ff2b3c;
}

.m3:hover div{
	color:#ff96cb;
	border-color:#ff96cb;
}

.m4:hover div{
	color:#64dcff;
	border-color:#64dcff;
}

.m5:hover div{
	color:#ffaa3c;
	border-color:#ffaa3c;
}

.m6:hover div{
	color:#508ee8;
	border-color:#508ee8;
}

.m7:hover div{
	color:#aae600;
	border-color:#aae600;
}

.m8:hover div{
	color:#dd99ec;
	border-color:#dd99ec;
}

.m9:hover div{
	color:#ffdf00;
	border-color:#ffdf00;
}


/* current */

.m1c div{
	color:#00be00;
	border-color:#00be00;
}

.m2c div{
	color:#ff2b3c;
	border-color:#ff2b3c;
}

.m3c div{
	color:#ff96cb;
	border-color:#ff96cb;
}

.m4c div{
	color:#64dcff;
	border-color:#64dcff;
}

.m5c div{
	color:#ffaa3c;
	border-color:#ffaa3c;
}

.m6c div{
	color:#508ee8;
	border-color:#508ee8;
}

.m7c div{
	color:#aae600;
	border-color:#aae600;
}

.m8c div{
	color:#dd99ec;
	border-color:#dd99ec;
}

.m9c div{
	color:#ffdf00;
	border-color:#ffdf00;
}




table.tbl {border-left:1px solid #ccc; border-top:1px solid #ccc; width:100%; margin-top:5px; line-height:1.6; font-size:14px;}
table.tbl th, table.tbl td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
table.tbl th {background:#eee; font-weight: normal; }
table.tbl td {}

table.tbl2 {border-top:1px solid #fff; width:100%; margin-top:5px;}
table.tbl2 th, table.tbl2 td {border-bottom:2px solid #fff; padding:15px 20px;}
table.tbl2 th {background:#fffff4; font-weight:bold;}
table.tbl2 td {background:#edeadf;}


table.tbl3 {border-left:1px solid #ccc; border-top:1px solid #ccc; width:100%; margin-top:5px; line-height:1.6; font-size:14px;}
table.tbl3 th, table.tbl3 td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 15px;}
table.tbl3 th {background:#eed; font-weight:bold; width:20%;}
table.tbl3 td {	}
table.tbl th { min-width:6em;}



section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }
.demo03 th, .demo03 td  { text-align: left; }
.demo03 th{
	width:130px;font-weight: normal;}
	
.demo03 td{ padding:20px;}
	
	  .demo03 input { width:100%;}
	 .demo03 textarea { width:100%;}

	
@media only screen and (max-width: 480px) { 
  .demo03 { margin: 0 -10px; }
  .demo03 tr {
    display:block;
    margin-bottom: 10px;
  }
  .demo03 tr th {
    display:block;
    width: 200px !important;
	
  }
  .demo03 td {
    width: 100%;
    margin-left: 10%;
    border:none;
  }
	
.height-ctrl02{margin-top: 0!important}
	
}




.btn0000{
    width:300px;
    height:80px;
    line-height:80px;
	vertical-align:top;
}
.btn0000 a{
	display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#FFF;
    text-align:center;
    color:#000;
	border: solid 2px #000;
    font-size:20px;
    transition: all 0.2s ease;
}
@media only screen and (max-width: 800px) { 
.btn0000 a:active{
    background:#ccc;
    color:#FFF;
    margin-left:0px;
    margin-top:0px;
    box-shadow:none;
}
}


@media only screen and (min-width: 800px) { 
.btn0000 a:hover{
    background:#ccc;
    color:#FFF;
    margin-left:0px;
    margin-top:0px;
    box-shadow:none;
	border: solid 2px #000;
}
}

.header_circle{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20470.9%20442.2%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.b%2C.c%2C.d%7Bfill%3Anone%3Bstroke-miterlimit%3A10%3B%7D.a%7Bstroke%3A%23fbb03b%3B%7D.b%7Bstroke%3A%237ac943%3Bstroke-width%3A1.01px%3B%7D.c%7Bstroke%3A%233fa9f5%3Bstroke-width%3A1.03px%3B%7D.d%7Bstroke%3A%23ff7bac%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecircle%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M20.4%2C169.9C53%2C279.1%2C170.7%2C340.4%2C283.1%2C306.8S460.3%2C157.4%2C427.6%2C48.2%2C277.3-122.4%2C164.9-88.8-12.3%2C60.6%2C20.4%2C169.9Z%22%20transform%3D%22translate(-7.2%2098.5)%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M52.9%2C176.3C87.4%2C284.5%2C208.3%2C346.2%2C323.1%2C314S502.8%2C168%2C468.4%2C59.7%2C313-110.1%2C198.2-77.9%2C18.5%2C68.1%2C52.9%2C176.3Z%22%20transform%3D%22translate(-7.2%2098.5)%22%2F%3E%3Cpath%20class%3D%22c%22%20d%3D%22M8.8%2C171.5c11.8%2C106.8%2C116.8%2C183%2C234.5%2C170.2S446.8%2C231.9%2C435.1%2C125.1%2C318.3-57.9%2C200.6-45.1-3%2C64.7%2C8.8%2C171.5Z%22%20transform%3D%22translate(-7.2%2098.5)%22%2F%3E%3Cpath%20class%3D%22d%22%20d%3D%22M46.7%2C192.7C76%2C295.6%2C182.8%2C352.9%2C285.3%2C320.7S447.1%2C179%2C417.9%2C76.1%2C281.8-84.1%2C179.3-51.9%2C17.5%2C89.8%2C46.7%2C192.7Z%22%20transform%3D%22translate(-7.2%2098.5)%22%2F%3E%3C%2Fsvg%3E');
}



.slash-2{
	height: 8px;
	background: linear-gradient(70deg,transparent 45%,#999 15%, #999 55%,transparent 65%);
	background-size: 4px 12px;
	border: none;
     width: 100%;
}


.hover-opacity {
  transition-property: opacity;
  transition-duration: 0.2s;
}
.hover-opacity:hover {
  opacity: 0.4; 
}