@charset "UTF-8";

.top--page {
  background-image: url(/prj/prj-chiiki_renkei/prj-renkei_nono_english/images/cover-cover-2.png);
  background-position-y: 0%;
  background-position-x: 50%;
}

.supervisor {
  height: 120px;
  margin-bottom: 20px;
  overflow: visible;
}

/* Yuto's style */
.child_all{
  width:100%;
  display:inline-block;
}
.child_all .child_half:first-child{
  height:60px;
}
.child_all, .child_all .child_half li{
  line-height:1.8;
}
.child_half{
  width:50%;
  float:left;
}
.child_half li{
  margin-left:20px;
  box-sizing:border-box;
}

@media (max-width: 840px) {
  .child_half{
    width:100%;
  }
  .child_all .child_half:first-child{
    margin:5% 0 15.5% 0
  }
}

/* tab */
div.tabbox {
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
  display:block;
}

p.tabs{
  margin:0px;
  padding:0px;
  width:100%;
  float:left;
}

p.tabs a{
  display:block;
  width:4em;
  float:left;
  margin:0px 1px 0px 0px;
  padding:0px;
  text-align:center;
  border-radius:12px 12px 0px 0px;
}
p.tabs a.tab1{background:rgb(220,150,150);  color:white;}
p.tabs a.tab2{background:rgb(220,150,170);  color:white;}
p.tabs a.tab3{background:rgb(220,150,220);  color:white;}
p.tabs a.tab4{background:rgb(190,150,220);  color:white;}
p.tabs a.tab5{background:rgb(150,150,220);  color:white;}
p.tabs a.tab6{background:rgb(150,190,220);  color:white;}
p.tabs a.tab7{background:rgb(150,220,220);  color:white;}
p.tabs a.tab8{background:rgb(150,220,190);  color:white;}
p.tabs a.tab9{background:rgb(150,220,150);  color:white;}
p.tabs a.tab10{background:rgb(190,220,150);  color:white;}
p.tabs a.tab11{background:rgb(220,220,150);  color:white;}
p.tabs a.tab12{background:rgb(220,190,150);  color:white;}

p.tabs a:hover{color:orange;}

div.tab{
/*  height:1100px;*/
  margin-bottom: 2em;
  overflow:auto;
  clear:left;
  padding-left:30px;
  box-sizing:border-box;
}

div.tab::-webkit-scrollbar{
  width:5px;
}

div.tab::-webkit-scrollbar-thumb{
  background:gray;
  border:1px solid gray;
  border-radius:45%;
}
div#tab1{border:2px solid rgb(220,150,150);    background:transparent;}
div#tab2{border:2px solid rgb(220,150,170);    background:transparent;}
div#tab3{border:2px solid rgb(220,150,220);    background:transparent;}
div#tab4{border:2px solid rgb(190,150,220);    background:transparent;}
div#tab5{border:2px solid rgb(150,150,220);    background:transparent;}
div#tab6{border:2px solid rgb(150,190,220);    background:transparent;}
div#tab7{border:2px solid rgb(150,220,220);    background:transparent;}
div#tab8{border:2px solid rgb(150,220,190);    background:transparent;}
div#tab9{border:2px solid rgb(150,220,150);    background:transparent;}
div#tab10{border:2px solid rgb(190,220,150);   background:transparent;}
div#tab11{border:2px solid rgb(220,220,150);   background:transparent;}
div#tab12{border:2px solid rgb(220,190,150);   background:transparent;}

/* div.tab p{margin:0.5em;} */
/* tab end */
div.products , div.workshop , div.anyone{
  margin:5px 0 15px 0;
}

p.products_list{
  margin-top:5px;
}

div.products span , div.workshop span{
  display:block;
  margin-left:50px;
}
div.products ul{
  list-style-type:square;
  padding-left:10px;
}

div.anyone ul{
	list-style-type:disc;
	padding-left:20px;
}
/*div.anyone p{
  display:block;
}
div.anyone p:before{
  content:"・";
}*/

.image_table{
  margin:30px 0;
}

.image_table--width33 {
  width: 33%;
  float: left;
}

.image_table--width50 {
  width: 50%;
  float: left;
}

.image_table--width66 {
  width: 66%;
  float: left;
}


.image_table thead tr th{
  font-weight:normal;
}
.image_table tbody tr td{
  width:20%;
  vertical-align:top;
  text-align:center;
}
.image_table tbody tr:first-child td{
  padding-top:1%;
}

.english{
  font-family: "Arial","Noto Sans JP",sans-serif;
}
.year_bold{
  font-weight:bold;
  margin-bottom:10px;
  font-size:20px;
}

.u-mb38px{
  padding-bottom: 38px;
}

.image_table img{
  border: 1px solid #ccc;
}

img.u-border--none {
  border:none;
}
/* Yuto's style end */