@charset "utf-8";
/* ･ｹ･ｿ･､･・*/

* {
	margin : 0 ;
	padding : 0 ;
}

body {
	font-size : 13px ;
	line-height : 1.4 ;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background : url('../../img/background1.jpg') ;
	color : #fff ;
}

.center {
	text-align : center ;
	margin : 0 auto ;
}

img {
	border-style : none ;
	vertical-align: bottom ;
	max-width : 100% ;
}
.strong {
	font-weight : bold ;
}

.red {
	color : red ;
}

.left {
	float : left ;
}

.right {
	float : right ; 
}


a:hover {
	opacity : 0.7 ;
}

li {
	list-style-type: none ;
}

.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.pager  {
	text-align : right ;
	padding : 20px ;
}

.pager a {
	text-decoration : none ;
	color : #222 ;
}

.pager li {
	display : inline ;
	border : 1px rgba(0,0,0,0.2) solid ;
	padding : 10px ;
}

.last {
	border: none !important ;
}

.wrapper {
	width : 95% ;
	margin : 0 auto ;
}

#top h2 {
	padding : 10px 0 ;
	margin : 10px 0 ;
	border-bottom : 5px #248DDF solid ;
	outline-bottom : 2px #1A66A2 solid ;
	text-align: center ;
	line-height: 1 ;
}

h2 span {
	font-size : 10px ;
	color : rgba(0,0,0,0.6) ;
}

h3 {
	background : #2695EB ;
	color : #fff ;
	padding : 10px 0 ;
	text-align : center ;
}

h4 {
	background  :rgba(0,0,0,0.1) ;
	padding : 10px ; 
	text-align: center ;
}

#tenpo_list {
	border-top : 1px rgba(0,0,0,0.2) solid ;
}

#tenpo_list li{
	padding : 10px 0 10px 10px ;
	border-bottom : 1px rgba(0,0,0,0.2) solid ;
	font-weight: bold ;
  background-color: #FDFDFD;
  background-image: -moz-linear-gradient(#FDFDFD, #E6E6E6);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFDFD), to(#E6E6E6));
  background-image: -webkit-linear-gradient(#FDFDFD, #E6E6E6);
  background-image: -o-linear-gradient(#FDFDFD, #E6E6E6);
}

/*
#tenpo_list > ul:first-child li:nth-child(4) {
  background-color: #d3d3d3;
  background-image: -moz-linear-gradient(#d3d3d3, #b8b8b8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#b8b8b8));
  background-image: -webkit-linear-gradient(#d3d3d3, #b8b8b8);
  background-image: -o-linear-gradient(#d3d3d3, #b8b8b8);	
}
*/

#tenpo_list a {
	color : #222 ;
	text-decoration: none ;
	display: block ;
}

#tenpo_list > ul:first-child li:nth-child(7) a {
	color : #117b2a ;
}

#foot {
	background : #207EC6 ;
	color: #fff ;
	padding: 10px ;
}



#foot a {
	color : #fff ;
}

iframe {
	border: none ;
}

dt {
	padding : 10px 0 10px 5px ;
	background : rgba(0,0,0,0.3) ;
	font-weight : bold ;
}

dd {
	padding : 10px 0 10px 5px ;
}

.txt {
	padding : 10px ;
}

.i_block {
	text-align : center ;
}

.i_block li {
	display : inline-block ;
}

input[type=text] {
	padding : 10px 0 ;
	width : 95% ;
	border-radius : 5px ;
	border : 1px rgba(0,0,0,0.2) solid ;
}

input[type=submit] {
	padding : 15px 0 ;
	width : 50% ;
	height : 50px ;
}


textarea {
	padding : 10px 0 ;
	width : 95% ;
	border-radius : 5px ;
	border : 1px rgba(0,0,0,0.2) solid ;
}


select {
	padding : 10px 0 ;
	border-radius : 5px ;
	border : 1px rgba(0,0,0,0.2) solid ;
}

#news {
	background : rgba(0,0,0,0.3) ;
	border-radius : 5px; 
	padding : 0 10px 10px 10px ;
	box-sizing: border-box ;
	font-size : 11px ;
}

#news a {
	color : #fff ;
	text-decoration: none ;
}

#news dl {
	margin : 5px 0 ;
	padding : 5px 0 ;
	border-bottom : 1px #fff dotted ;
}

#news dt {
	background : none ;
	font-weight : normal ;
	font-size : 11px ;
}

#news dt,
#news dd {
	padding : 3px 0 ;
}

#news h2 {
	border : none ;
	margin : 0 ;
	padding : 0 ;
}

#news h2:first-child {
	margin : 10px 0 0 0;
	padding : 10px 0 ;
}


#news li {
	padding : 10px 0 ;
	border-bottom : 1px rgba(0,0,0,0.2) solid ;
}

#news li span {
	font-weight : bold ;
	font-size : 11px ;
}

#news li div {
	display : none ;
	padding-left : 10px ;
	padding-top : 5px ;
}

.white_panel {
	background : #fff ;
	color : #248ddf ;
	border-radius : 6px ;
	padding : 10px ;
	box-sizing:border-box ;
}

#menu ul {
	text-align :  center ;
}

#menu ul img {
	margin-bottom : 5px ;
}

#menu ul li {
  width : 30% ;
  padding : 20px 0 ;
  margin : 2px 0 ;
  display: inline-block ;
  border : 1px rgba(0,0,0,0.2) solid ;
  background-color: #FDFDFD;
  background-image: -moz-linear-gradient(#FDFDFD, #E6E6E6);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFDFD), to(#E6E6E6));
  background-image: -webkit-linear-gradient(#FDFDFD, #E6E6E6);
  background-image: -o-linear-gradient(#FDFDFD, #E6E6E6);
}

#menu ul li a {
	color : #000 ;
	text-decoration : none ;
	display : block ;
}

.yellow {
	background : #FFFEDA ;
	color : #FFB330 ;
	font-weight : bold ;
	padding : 10px ;
	border: 2px #FFB330 solid ;
	margin : 10px ;
}

#top h2 {
	border : none ;
	font-size : 14px ;
}

#eyecatch {
	padding : 10px 0 ;
	background : url('../../img/sp_main.jpg') top center ;
	background-size: cover ;
}

#eyecatch .i_block {
	position : absolute ;
	bottom : 10px ;
	left : 50% ;
	margin-left : -139px ;
}

.slider {
	margin : 10px 0 ;
	text-align : center ;
}

.slider li {
	display : inline-block ;
}

.white_menu {

}

table {
	border : 1px #fff solid ;
}

table td {
	padding : 5px ;
	box-sizing: border-box ;
}

.white_menu li {
	background : rgba(255,255,255,0.1) ;
	border : 1px #fff solid ;
	border-radius : 10px ;
	padding : 10px ;
	box-sizing: border-box ;
	margin: 10px 0 ;
}

.white_menu a {
	color : #fff ;
	display: block ;
	text-decoration: none ;
}

h5 {
	padding : 10px ;
	bakground : rgba(255,255,255,0.1) ;
	border : 1px #fff solid ;
	border-radius : 5px ;
	margin : 10px 0 !important;
}

.cost_table {
	border-collapse : collapse ;
	border : 1px #fff solid ;
}

.cost_table th {
	width : 20% ;
	border : 1px #fff solid ;
}

.cost_table td {
	border : 1px #fff solid ;
}

/*----------------------
		ヘッダ
--------------------------*/
#head {

}

#head h1 {
	font-size : 13px ;
}

h1 a {
	text-decoration : none ;
	color : #fff ;
}

/*----------------------
		ヘッダ
--------------------------*/
#division div:nth-child(1) {
	background : #FFFEDA ;
	color : #FFB330 ;
	font-weight : bold ;
	padding : 10px ;
	border: 2px #FFB330 solid ;
	margin : 10px ;
}

.voices img {
	margin : 10px 0 ;
}

/*----------------------
		インターン
--------------------------*/
#internship ul {
	text-align : center ;
}

#internship ul li {
	display : inline-block ;
	margin : 5px 0 ;
}

#shop ul li {
	width : 90% ;
	margin : 10px auto ;
	padding : 10px ; 
	border-radius : 5px ;
	background : rgba(255,255,255,0.4) ;
	border : 1px rgba(255,255,255,0.4) solid ;
}

#shop ul li div {
	padding-left : 10px ;
}

#shop ul li a {
	color : #000 ;
	text-decoration : none ;
}

#shop .kita li:nth-child(4) .shopName {
	color : #117b2a  ;
}

#shop ul li p:nth-child(2) {
	margin-top : 5px ;
}

#shop .shopName {
	font-weight : bold ;
	font-size : 15px ;
	color : #2695EB ;
	padding-top : 15px ;
}

#store ul {
	text-align : center ;
	margin : 5px 0 ;
}

#store ul li {
	width : 49% ;
	display: inline-block ;
	margin : 5px 0 ;
}

#store ul li


#internship_tbl {
	background : #FFE18F ;
	border: 1px #000 solid ;
	border-collapse: collapse ;
}

#internship_tbl td {
	text-align: center;
	vertical-align: middle;
	padding : 5px ;
}

#internship .name {
	padding: 10px 0 ;
	font-weight : bold ;
	margin-top : 10px ;
	background : rgba(0,0,0,0.3) ;
}

#internship .blue {
	color : blue ;
	font-weight : bold ;
}

#internship .orange {
	color : orange ;
	font-weight : bold ;
}

#internship .green {
	color : #26AE1A ;
	font-weight : bold ;
}


#recruit .btn {
	padding :10px 0 ;
	background : #2695EB ;
	border-radius : 5px ;
	color : #fff ;
	width : 50% ;
	margin : 10px auto ;
}

#recruit dt span {
	color : #ff9191 ;
	margin-left : 10px ;
	font-size : 11px ;
}

#recruit .btn a {
	color : #fff ;
	text-decoration : none ;
}

#recruit table {
	border-collapse: collapse ;
	border : 1px #fff solid ;
	font-size : 11px ;
}

#recruit td,
#recruit th {
	padding : 5px ;
	box-sizing: border-box ;
}

#recruit table td:nth-child(1) {
	background : #2695EB ;
}

#recruit .txt h4 {
	background : #2695EB ;
}

.m10 {
	margin : 10px 0 ;
}

#development dt {
	padding : 10px ;
	bakground : rgba(255,255,255,0.1) ;
	border : 1px #fff solid ;
	border-radius : 5px ;
	margin : 10px 0 !important;
}

#development table {
	width : 100% ;
	border : 1px #fff solid ;
	border-collapse : collapse ;
}

#development td:nth-child(1) {
	background : 
}


#internship dt {
	padding : 10px ;
	bakground : rgba(255,255,255,0.1) ;
	border : 1px #fff solid ;
	border-radius : 5px ;
	margin : 10px 0 !important;
}

.to_pc {
	padding :10px 0 ;
	background : #2695EB ;
	border-radius : 5px ;
	color : #fff ;
	width : 50% ;
	margin : 10px auto ;
}

.to_pc a {
	color : #fff ;
	text-decoration: none ;
}

.cost_table {
	width : 
}

/*----------------------
		ヘッダ
--------------------------*/
.header {
  width: 100%;
  z-index: 3;
  	background : #2695EB ;
	text-align : center ;
	color : #fff ;
  
   }
  .header h1 {
    text-align: center;
    font-size: 25px;
    font-size: 13px;
    padding: 20px 40px 20px 0px;
    color: #fff;
	}
  .header .header__heading {
    background: #000;
    position: absolute;
    width: 100%;
    z-index: 3; }

.nav-content {
  position: absolute;
  width: 100%;
  top: -735px;
  z-index: 2;
  -webkit-transition: 1.5s top;
          transition: 1.5s top; }
  .nav-content ul li {
    font-size: 22px;
    font-size: 2.2rem; }
    .nav-content ul li a {
      text-align: center;
	  text-decoration : none ;
      display: block;
	  font-size : 1.2rem ;
      padding: 20px 0px;
      color: #2695EB; }

.is-open .nav-content {
  top: 65px; }
  
#js-cover {
  background: rgba(255,255,255,0.9);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  opacity: 0;
  z-index: -1; }

.to_front {
	z-index : 0 !important;
}

.menu-button {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 14px;
  top: -45px; }
  .menu-button i {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background: #fff;
    -webkit-transition: background 0.5s;
            transition: background 0.5s;
    position: relative;
    left: 5px;
    top: 14px; }
    .menu-button i:before,
    .menu-button i:after {
      content: "";
      display: block;
      width: 20px;
      height: 2px;
      border-radius: 3px;
      background: #fff;
      position: absolute;
      -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transition: all 0.3s !important;
              transition: all 0.3s !important; }
    .menu-button i:before {
      -webkit-transform: translateY(8px);
          -ms-transform: translateY(8px);
              transform: translateY(8px); }
    .menu-button i:after {
      -webkit-transform: translateY(-8px);
          -ms-transform: translateY(-8px);
              transform: translateY(-8px); }

.is-open .menu-button i {
  background: #EAF5FD; }
  .is-open .menu-button i:after {
	background : #2695EB ;
    -webkit-transform: translateY(0px) rotate(-45deg);
        -ms-transform: translateY(0px) rotate(-45deg);
            transform: translateY(0px) rotate(-45deg); }
  .is-open .menu-button i:before {
	background : #2695EB ;
    -webkit-transform: translateY(0px) rotate(45deg);
        -ms-transform: translateY(0px) rotate(45deg);
            transform: translateY(0px) rotate(45deg); }