@charset "UTF-8";


/* イラスト集
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*概要
-------------------------------------*/
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

body a { font-size: 10pt;}

.Font14pt{ font-size: 14pt; }
.Font12pt{ font-size: 12pt; }

.demo{
  text-align:center;
  padding :20px 0 ;
}

.demo p{
		margin-top:20px;
	margin-bottom:0;
}

.demo img{
	width:100%;
}

a {
    display: inline-block;
    color: #666;
    text-decoration-line: none;
	margin-bottom:10px;
}

@media screen and (min-width: 768px){/*PC*/
.demo{
    padding: 0 ;
}

.demo img{
	width:95%;
	max-width:900px;
}

}





ul.ill-list  {
  padding-top: 20px;

}

ul.ill-list li {
  display: inline-block;
  padding: 0 5px;
  margin:0;

}

ul.ill-list li a {

}

ul.ill-list li a:before{
  content: " \0ab";
  color:#6cc;
  margin-right: 3px;
  }
ul.ill-list li a:after{
  content: "\0bb";
  color:#6cc;
  margin-left: 3px;
}


.sec-1, .sec-2{
  background-color: #eaeaea;
  background-image:url(arc_bk_02.jpg);
  padding:5px;
}

.sec-2{
  background-image:url(arc_bk_03.jpg);
  padding:4px;
}

.sec-5{
  background-image:url(arc_bk_06.jpg);
  padding:4px;
}


.sec-3, .sec-4{
  background-color: #eaeaea;
  padding:5px;
}

.sec-1.is-hidden,
.sec-2.is-hidden,
.sec-3.is-hidden,
.sec-4.is-hidden {
  display: none;
}

.pict {
  max-width:900px;
  margin: 0 auto;
  padding:0;
  list-style-type: none;
 line-height:1;
}
.pict img {
	height :170px;
	width :170px;
	padding: 12px 18px;
}
.pict img.pict_w {
	width:170px;
	height :auto;
}
.pict img.pict_w2 {
	width:169px;
	height :auto;
	padding: 14px 19px 14px 19px ;
}

.pict img.pict_h {
	height :170px;
	width:auto;
}
p {
  margin: 0;
}


.head {
	height :320px;
}
.head img {
	width:90%;
}


.but-1{
  color: #fff;
  font-size:12px;
  background:#999;
  border-radius:50vh;
  padding: 8px 16px ; 
  line-height:1;
  display: inline-block;
box-shadow: none;
  margin:150px 100px 0 0 ;
}
.but-2{
 font-size:16px;
 margin:30px 0 50px ;

}
.but-3{
  margin:20px 50px 0 ;
}

.but-4{
  margin:50px 100px 0 0 ;
}




@media screen and (min-width: 768px){/*PC*/

.head {
	height:430px;
}

}