/* CSS Document */

body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
}


h2 {
  /*線の種類（実線） 太さ 色*/
  margin: 10px;
  border-bottom: solid 3px black;

}

h3 {
  border: solid 2px #000;/*線色*/
  margin: 20px 10px 10px 10px;/*四角外周の余白上右下左*/
  padding: 0.5em;/*文字周りの余白*/
}


h4 {
  border: solid 2px #666;/*線色*/
 color:#666;
  margin: 20px 10px 10px 10px;/*四角外周の余白上右下左*/
  padding: 0.5em;/*文字周りの余白*/
}



/*----------------------------------------------------
   画像のサイズ
----------------------------------------------------*/

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




/*----------------------------------------------------
   背景
----------------------------------------------------*/

body {background-color: #FFCC33 } 

@media (max-width: 900px){

body {background-color: #FFCC33 } 

}


/*----------------------------------------------------
   日程
----------------------------------------------------*/

.box14 {
    padding: 3px 5px;
    margin: 5px 0;
    font-weight: bold;
　 font-size: 80%;
    color: #FC2203;/*文字色*/
    background: #FFF;
    border: solid 2px #FC2203;/*線*/
    border-radius: 5px;/*角の丸み*/
}
.box14 p {
    margin: 0; 
    padding: 0;
}

.box15 {
    padding: 3px 5px;
    margin: 5px 0;
    font-weight: bold;
 　font-size: 80%;
    color: #009AE7;/*文字色*/
    background: #FFF;
    border: solid 2px #009AE7;/*線*/
    border-radius: 5px;/*角の丸み*/
}
.box15 p {
    margin: 0; 
    padding: 0;
}

.box16 {
    padding: 3px 5px;
    margin: 5px 0;
    font-weight: bold;
　 font-size: 80%;
    color: #FF9900;/*文字色*/
    background: #FFF;
    border: solid 2px #FF9900;/*線*/
    border-radius: 5px;/*角の丸み*/
}
.box16 p {
　 font-size: 80%;
    margin: 0; 
    padding: 0;
}



/*----------------------------------------------------
   部屋の名前
----------------------------------------------------*/

.boxdai{
    padding: 3px 5px;
    margin: 5px 0;
    font-weight: bold;
　 font-size: 80%;
    color: #000;/*文字色*/
    background: #FF0000;
}


.boxmaki{
    padding: 3px 5px;
    margin: 5px 0;
    font-weight: bold;
　 font-size: 80%;
    color: #000;/*文字色*/
    background: #FF6600;
}

.boxmatsu {
    padding: 3px 5px;
    margin: 5px 0;
    font-weight: bold;
　 font-size: 80%;
    color: #000;/*文字色*/
    background: #FFCC33;
}

.boxkiri1 {
    padding: 3px 5px;
    margin: 5px 0;
    font-weight: bold;
　 font-size: 80%;
    color: #000;/*文字色*/
    background: #339900;
}

.boxkiri2 {
    padding: 3px 5px;
    margin: 5px 0;
    font-weight: bold;
　 font-size: 80%;
    color: #000;/*文字色*/
    background: #009AE7;
}

.boxsugi {
    padding: 3px 5px;
    margin: 5px 0;
    font-weight: bold;
　 font-size: 80%;
    color: #000;/*文字色*/
    background: #6666CC;
}

.boxsotetsu {
    padding: 3px 5px;
    margin: 5px 0;
    font-weight: bold;
　 font-size: 80%;
    color: #000;/*文字色*/
    background: #FF6699;
}

.boxfuji {
    padding: 3px 5px;
    margin: 5px 0;
    font-weight: bold;
　 font-size: 80%;
    color: #000;/*文字色*/
    background: #996633;
}

/*----------------------------------------------------
   個別で指定しているもの（class）
----------------------------------------------------*/

p.img01{
　width: 100%;
  margin: 0 auto;
  max-width: 1000px;

}

div.text01{
  margin: 0 10px;
　line-height: 1.5

}

div.text02{
  margin: 0 10px;
　line-height: 2

}

div.text03{
  margin: 0 10px;
　line-height: 1.5
  color:#666;

}


div.text04 {
  border: solid 2px #FFF;/*線色*/
 color:#FFF;
  margin: 5px 2px 2px 2px;/*四角外周の余白上右下左*/
  padding: 0.5em;/*文字周りの余白*/
}


div.text05 {
margin: 10px 0px 10px 0px;/*四角外周の余白上右下左*/
border-bottom: solid 3px black;
font-size: 120%;
font-weight: bold;
}


div.font-s{
font-size: 80%;
}

div.font-b{
font-weight: bold;
}

div.font-b2{
font-weight: bold;
font-size: 90%;
}



div.box{
	position:relative;
	min-height:80px;
}



/*----------------------------------------------------
   アコーディオンここから
----------------------------------------------------*/

.accbox {
    margin: 1em 0;
    padding: 0;
    max-width: 100%;

}


.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#FFF;
    font-weight: bold;
    background :#FF0033;
    cursor :pointer;
    transition: all 0.5s;
}
@media (max-width: 900px){
table.topmidasi {
	font-size: 20px;
　  padding : 11px 12px;
	margin: 0 auto;

}
}

.accbox label:hover {
    background :#85baef;
}

.accbox input {
    display: none;
}

.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}


/*正丸の中に▼*/
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #FFF;
    vertical-align: middle;
    text-decoration: none;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.sample4-1::before{
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 10px solid #FFF;
}


/*----------------------------------------------------
   アコーディオン222（出演者）ここから
----------------------------------------------------*/

.accbox222 {
  margin: 10px 10px 10px 10px;/*四角外周の余白上右下左*/
  padding: 0.5em;/*文字周りの余白*/
}


.accbox222 label {
    margin: 1.5px 0;
    display: block;
    padding : 11px 12px;
    color :#FFF;
    font-weight: bold;
    background :#FF0033;
    cursor :pointer;
    transition: all 0.5s;
}
@media (max-width: 900px){
table.topmidasi {
	font-size: 20px;
　  padding : 11px 12px;
	margin: 0 auto;

}
}

.accbox222 label:hover {
    background :#85baef;
}

.accbox222 input {
    display: none;
}

.accbox222 .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.cssacc:checked + .accshow {
    height: auto;
    padding: 0.5em;/*文字周りの余白*/
    background: #eaeaea;
    opacity: 1;
}


/*正丸の中に▼*/
.arrow222{
  border: solid 2px #fff;/*線色*/
  margin: 2px 2px 10px 2px;/*四角外周の余白上右下左*/
  padding: 0.5em;/*文字周りの余白*/
}

.sample5-1::before{
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 10px solid #FFF;
}




/*----------------------------------------------------
   テーブル（枠なし）
----------------------------------------------------*/

.sample_03{
	padding: 6px;
　　color: #333;
    line-height: 150%;   /* 行間はフォントの170% */
	font-size: 14px;
    margin: 0 auto;
	width: 900px;
	background-color: #fff;
	text-align: left;
}

.sample_03 th{  /* 見出し部分 */
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}

.sample_03 img{
max-width: 50%;
height: auto;
width /***/:auto;
}
#container{
width:50%;
}

@media (max-width: 900px){

.sample_03{
	font-size: 12px;
	width: 100%;
}

}


/*----------------------------------------------------
   紹介の写真サイズ制御　複数
----------------------------------------------------*/

.img-flex-{
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex; 
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.img-flex-1 img {
max-width: 50%;
height: auto;
width /***/:auto;
}
#container{
width:50%;
}

.img-flex-2 img { 
width: 49%; 
height:49%;
vertical-align: top;
 }


@media (max-width: 800px){

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

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

}



/*----------------------------------------------------
   ノートみたいなテーブル
----------------------------------------------------*/

table.brwsr2 {
    margin: 10px;
    border: none;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: #FFCC33;
line-height: 170%;   /* 行間 */
}
 
table.brwsr2 th {
    vertical-align: middle;
    width: 30%;
    border-right: solid 1px #000;
    margin: 0;
    text-align: center;
	vertical-align: top;
    font-size: 14px;
    font-weight: bold;
}
 
table.brwsr2 td.data {
    padding: 0 10px 0 10px;　/* ［上］［右］［下］［左］ */
    margin: 0;
    border: none;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    white-space: normal;  /* 自動改行する */
    overflow: hidden;
line-height: 170%;   /* 行間 */
}
 
table.brwsr2 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
line-height: 170%;   /* 行間 */
}
 
table.brwsr2 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #000;
}


@media (max-width: 900px){

table.brwsr2 {
    margin: 10px;
    border: none;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: #FFCC33;
}
 
table.brwsr2 th {
    vertical-align: middle;
    border-right: solid 1px #000;
    margin: 0;
    text-align: center;
	vertical-align: top;
    font-size: 16px;
　line-height: 120%;   /* 行間 */
    font-weight: bold;  /* フォント太さ */
}
 
table.brwsr2 td.data {
    padding: 0 10px 0 10px;　/* ［上］［右］［下］［左］ */
    margin: 0;
    border: none;
    font-size: 14px;
　line-height: 150%;   /* 行間 */
    font-weight: normal;  /* フォント太さ */
    text-align: left;
    vertical-align: middle;
    white-space: normal;  /* 自動改行する */
    overflow: hidden;

}
 
table.brwsr2 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
}
 
table.brwsr2 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #000;
}

}



/*----------------------------------------------------
   ノートみたいなテーブル
----------------------------------------------------*/

table.brwsr3 {
    margin: 10px;
    width: 100%;
    border: none;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    border-collapse: separate;
    border-spacing: 0 10px;
line-height: 170%;   /* 行間 */
}
 
table.brwsr3 th {
    vertical-align: middle;
    width: 30%;
    border-right: solid 1px #000;
    margin: 0;
    text-align: center;
	vertical-align: top;
    font-size: 16px;
    font-weight: bold;
}
 
table.brwsr3 td.data {
    padding: 0 10px 0 10px;　/* ［上］［右］［下］［左］ */
    margin: 0;
    border: none;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    white-space: normal;  /* 自動改行する */
    overflow: hidden;
line-height: 170%;   /* 行間 */
}
 
table.brwsr3 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
line-height: 170%;   /* 行間 */
}
 
table.brwsr3 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #000;
}


@media (max-width: 900px){

table.brwsr3 {
    margin: 10px;
    width: 100%;
    border: none;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    border-collapse: separate;
    border-spacing: 0 10px;
}
 
table.brwsr3 th {
    vertical-align: middle;
    border-right: solid 1px #000;
    margin: 0;
    text-align: center;
	vertical-align: top;
    font-size: 16px;
　line-height: 120%;   /* 行間 */
    font-weight: bold;  /* フォント太さ */
}
 
table.brwsr3 td.data {
    padding: 0 10px 0 10px;　/* ［上］［右］［下］［左］ */
    margin: 0;
    border: none;
    font-size: 16px;
　line-height: 150%;   /* 行間 */
    font-weight: normal;  /* フォント太さ */
    text-align: left;
    vertical-align: middle;
    white-space: normal;  /* 自動改行する */
    overflow: hidden;

}
 
table.brwsr3 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
}
 
table.brwsr3 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #000;
}

}



/*----------------------------------------------------
   ノートみたいなテーブル
----------------------------------------------------*/

table.brwsr4 {
　 color: #666;
    margin: 0 auto;
    width: 900px;
    border: none;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    border-collapse: separate;
    border-spacing: 0 10px;
line-height: 170%;   /* 行間 */
}
 
table.brwsr4 th {
    vertical-align: middle;
    width: 30%;
    border-right: solid 1px #666;
    margin: 0;
    text-align: center;
	vertical-align: top;
    font-size: 16px;
    font-weight: bold;
}
 
table.brwsr4 td.data {
    padding: 0 10px 0 10px;　/* ［上］［右］［下］［左］ */
    margin: 0;
    border: none;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    white-space: normal;  /* 自動改行する */
    overflow: hidden;
line-height: 170%;   /* 行間 */
}
 
table.brwsr4 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
line-height: 170%;   /* 行間 */
}
 
table.brwsr4 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #666;
}


@media (max-width: 900px){

table.brwsr4 {
　 color: #666;
    margin: 0 auto;
    width: 100%;
    border: none;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    border-collapse: separate;
    border-spacing: 0 10px;
}
 
table.brwsr4 th {
    vertical-align: middle;
    border-right: solid 1px #666;
    margin: 0;
    text-align: center;
	vertical-align: top;
    font-size: 16px;
　line-height: 120%;   /* 行間 */
    font-weight: bold;  /* フォント太さ */
}
 
table.brwsr4 td.data {
    padding: 0 10px 0 10px;　/* ［上］［右］［下］［左］ */
    margin: 0;
    border: none;
    font-size: 16px;
　line-height: 150%;   /* 行間 */
    font-weight: normal;  /* フォント太さ */
    text-align: left;
    vertical-align: middle;
    white-space: normal;  /* 自動改行する */
    overflow: hidden;

}
 
table.brwsr4 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
}
 
table.brwsr4 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #666;
}

}



/*--------------------------------
ナビゲーション部分のCSS
「.nav」を「width100％」で設定しているので「.nav_list li」の「width20％」にする事で自動的にli要素の幅が5分割になります。
ページをスクロールしてナビゲーションを上部固定させるには、「position:fixed;」を設定します。
「top:0;」で固定させる位置を設定します。
---------------------------------*/

.nav{
width:100%;
 margin: 0 auto;
 padding:0;
 background-color: rgba(38,181,217,0.7);
}
 
.nav_list{
 margin:0;
 padding:0;
}
 
.nav_list li {
 float: left;
 width:20%;
 text-align: center;
 list-style-type: none;
}
 
.nav_list li a{
 color:#000000;
 text-decoration:none;
 margin:0;
 padding:0.75em 0;
 font-size: 100%;
 display:block;
}
 
.nav_list li a:hover{
 color:#ff0000;
}
 
.nav_link_home{
 border-bottom:3px solid #ff0000;
 border-right:1px solid #eeeeee;
}
 
.nav_link_company{
 border-bottom:3px solid #4169e1;
 border-right:1px solid #eeeeee;
}
 
.nav_link_news{
 border-bottom:3px solid #8fbc8f;
 border-right:1px solid #eeeeee;
}
 
.nav_link_blog{
 border-bottom:3px solid #6a5acd;
 border-right:1px solid #eeeeee;
}
 
.nav_link_recruit{
 border-bottom:3px solid #ffa500;
}
 
.fixed{
 position:fixed;
 top:0;
 margin:0 auto;
}



.box2 {
    padding: 0.5em 1em;
    margin: 0.5em;
    font-weight: bold;
    color: #000;/*文字色*/
    background: #FFCC33;
    border: solid 2px #000;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; /*領域間のスペース*/
    padding: 0; /*領域内のスペース*/
}


.box3 {
    padding: 0.5em 1em;
    margin: 0.5em;
	font-size: 80%;
    color: #000;/*文字色*/
    background: #FFCC33;
    border: solid 2px #000;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box3 p {
    margin: 0; /*領域間のスペース*/
    padding: 0; /*領域内のスペース*/
}


.box4 {
    padding: 0.5em 1em;
    margin: 0.5em;
    color: #000;/*文字色*/
    background: #FFCC33;
    border: solid 2px #000;/*線*/
    border-radius: 0px;/*角の丸み*/
}
.box4 p {
    margin: 0; /*領域間のスペース*/
    padding: 0; /*領域内のスペース*/
}