@charset "utf-8";


body{
	background-color:#ffffff;
	font-family:sans-serif;
        }
        
body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(images/bg_main.jpg) top repeat-x;
  background-size:cover;
}


/* div ******************************************************************************************/       

        .white{
	        background-color:#ffffff;
        }
        
        .center{
	        text-align:center;
        }        
        
        .staff p{
	        padding:0 2em;
        }
        
        .schedule{
        	width:90%;
	        text-align:center;
        }
        
/* table ******************************************************************************************/       

.sc table{
	width:100%;
	text-align:center;
	padding-left:50px;
}

table{
  border-collapse: collapse;
  padding:0 2em;
}

table tr{
  border-bottom: solid 2px white;
}

table tr:last-child{
  border-bottom: none;
}

table th{
  position: relative;
  width:20%;
  text-align: left;
  background-color: #1aa9cb;
  color: white;
  text-align: center;
  padding: 2rem;
}

.hon{
	  background-color: #fe4c10;
}

.online{
	  background-color: #f8355c;
}

table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #666666;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table td{
  text-align: left;
  background-color: #eee;
  padding: 1rem 1rem 1rem 2rem;
}


/* button ******************************************************************************************/       

.button_apply {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 2rem;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 1rem 2rem;   /* 余白       */
  background    : #fc0019;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 2em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 2px #666666;  /* 影の設定 */
  border        : none;    /* 枠の指定 */
}
.button_apply:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ffffff;     /* 文字色     */
  background    : #f8355c;     /* 背景色     */
}

.button_otonaapply {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 2rem;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 1rem 2rem;   /* 余白       */
  background    : #1aa9cb;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 2em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 2px #666666;  /* 影の設定 */
  border        : none;    /* 枠の指定 */
}
.button_otonaapply:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ffffff;     /* 文字色     */
  background    : #7ac9e2;     /* 背景色     */
}

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

}

/** PC & tablet ********************************************************************/
@media screen and (min-width: 480px) {

	
	p{
        font-size:1.6rem;
	        line-height:180%;
        }
	
}

/** tablet *************************************************************************/
@media screen and (max-width: 767px) {

}

/** smartphone *********************************************************************/
@media screen and (max-width: 479px) {

		
        p{
        font-size:1rem;
	        line-height:170%;
	        font-size:1.4rem;	        
        }
        
                h3{
	        font-size:2rem;
        }	
        
                .big{
	        font-size:140%;
	        font-weight:bold;
	        padding:0.5rem;
        }     
        
        .button_apply {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 20px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 0.5rem 1rem;   /* 余白       */
  background    : #fc0019;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 2em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 2px #666666;  /* 影の設定 */
  border        : none;    /* 枠の指定 */
}
.button_apply:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ffffff;     /* 背景色     */
  background    : #f8355c;     /* 文字色     */
}


        .button_otonaapply {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 20px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 0.5rem 1rem;   /* 余白       */
  background    : #1aa9cb;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 2em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 2px #666666;  /* 影の設定 */
  border        : none;    /* 枠の指定 */
}
.button_otonaapply:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ffffff;     /* 背景色     */
  background    : #7ac9e2;     /* 文字色     */
}
	
}