@charset "utf-8";

/* 変数 */

@charset "utf-8";

:root {
  /* 色 */

  /* 余白 */
}

/* お知らせ */

.b-topics {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.b-topics__detail {

    padding: 2rem 0;
  }

.b-topics__gray-detail {
    padding: 2rem 0;
	  background-color: #F8F6F2;
  }

.b-topics__headline {
    background-color: #F6808A;

    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.602em;

    padding: 0.75rem;
  }

.b-topics__paragraph {
    text-align: center;
  }

.b-topics__strong-paragraph {
    text-align: center;
    font-weight: bold;
    color: #ec3e4e;
    font-size: 1.7rem;
  }

.b-topics__flex {
    display: flex;
    justify-content: space-between;

    padding: 3rem;
    margin-top: 2rem;

    background-color: #f3f3f3;
  }

.b-topics__block {
    max-width: calc(50% - 1.5rem);

    background-color: #fff;
  }

.b-topics__block-paragraph {
      text-align: left;

      padding: 1.266rem;
    }

.b-topics__subheadline {
    font-weight: bold;
    font-size: 1.266em;
    text-align: center;
    color: #fff;

    background-color: #333;

    padding: 1rem;
  }

.b-topics__list {
    padding: 1.266rem;
  }

.b-topics__list-item {
      list-style-type: disc;
      margin-left: 1.4em;
    }

.b-topics__list-item:not(:last-child) {
        margin-bottom: 0.889rem;
      }

@media screen and (max-width: 768px) {
    .b-topics__headline {
      font-size: 1.266em;
    }
    .b-topics__paragraph {
      font-size: 12px;
      text-align: left;

      padding: 0 1.5rem;
    }
    .b-topics__subheadline {
      font-size: 1em;
    }
    .b-topics__flex {
      padding: 1.5rem;
    }
      .b-topics__block-paragraph {
        font-size: 12px;
      }

      .b-topics__block:not(:last-child) {
        margin-bottom: 1.5rem;
      }
    .b-topics__list {
      font-size: 12px;
    }
  }

@media screen and (max-width: 599px) {
    .b-topics__flex {
      display: block;
    }
    .b-topics__block {
      max-width: 100%;
    }
  }

/**************************************************************
* メインイメージ
**************************************************************/

.area_main {
	overflow:hidden;
	position:relative;
}

.area_main .slide {
	width: 100%;
	height: inherit;

	display: none;
}

.area_main .slick-list {
	overflow: visible;
}

.area_main .slide.slick-initialized {
	display: block;
}

.area_main .slick-prev,
.area_main .slick-next {
	z-index: 10;
	width: auto;
}

.area_main .slick-prev:before, .area_main .slick-next:before {
		font-size: 50px;
		color: #ccc;
	}

.area_main .slick-prev {
	left: -60px;
}

.area_main .slick-next {
	right: -60px;
}

.area_main .slide .item {
	width: 100%;
	display: block;
	position: relative;
	margin: auto;
	text-align: center;
  height: auto;
}

.area_main .slide .item.load {
	display: none;
}

.area_main .slide .slick-slide::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 960px;
	height: 100%;
	background-color: #000;
	opacity: 0;

	transition: opacity 800ms linear;
}

.area_main .slide .item:not(.slick-center)::after {
	opacity: 0.5;

}

.area_main .slide .item img {
	margin: auto;
}

.top .to_customer {
	display:inline-block;
	position:absolute;
	width: 180px;

	right: -50%;
	left: 0;
	top: 0;
	margin: auto;
	font-weight:bold;
	font-size:1.2rem;
	letter-spacing:0.2rem;
	text-align:center;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;
	overflow:hidden;
}

.top .to_customer::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: -35px;
	left: 0;
	right: 0;
	background-color: #FADE75;
	border-bottom-left-radius: 90px;
	border-bottom-right-radius: 90px;
	padding-bottom: 90px;
	z-index: 1;

	transition:all .2s;
}

.top .to_customer:hover::before {
	background-color: #fadc6f;
}

.top .to_customer::after {
	content:"";
	width: 0;
	height: 0;
	position:relative;
	top:17px;
	z-index:1;
	border-style: solid;
	border-width: 7.5px 7.5px 0 7.5px;
	border-color: #000000 transparent transparent transparent;
	line-height: 0px;
	_border-color: #000000 #ffffff #ffffff #ffffff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}

.top .to_customer div {
	position:relative;
	z-index:2;
}

@media screen and (max-width: 979px) {
	.area_main .slick-prev {
		left: 25px;
	}
	.area_main .slick-next {
		right: 25px;
	}
}

@media screen and (max-width: 768px) {
	.area_main .container {
		height: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.area_main .to_customer {
      right: 10px;
      left: auto;

      letter-spacing: 0.05rem;
	}
	.area_main .slide {
		height: auto;
	}
}

@media screen and (max-width: 599px) {
		.area_main .to_customer {
			display: none;
		}
		.area_main .slide .slick-slide::after {
			content: none;
		}

			.area_main .slick-prev:before, .area_main .slick-next:before {
				font-size: 30px;
			}
}

/**************************************************************
* News
**************************************************************/

.top .news .to_joblist {
	float:right;
}

.top .news .box_type3 .list_type1 {
	margin-top: 12px;
}

.top .news .btn_type1 {
	margin-top: 12px;
}

@media screen and (max-width: 479px) {
	.top .news .content_list_item .box_merit {
		display: block;
		margin-top: 0.4em;
	}
	.top .news .content_list_tag {
		margin-top: 0.5em;
	}
}

/**************************************************************
* top_search_content
**************************************************************/

.top_content_inner {
  padding: 10px;
  background-color: #F8F6F2;
  border-radius: 0 0 4px 4px;
}

.top_content {
  position: relative;
}

.top_content .top_search_content_image {
    position: absolute;
  }

.top_content .top_search_content_image.image01 {
      top: 26px;
      right: 54px;
      z-index: 1;
    }

.top_content .top_search_content_image.image02 {
      left: 44px;
      bottom: 24px;
    }

.top_content .top_search_content_image.image03 {
      right: 44px;
      bottom: 24px;
    }

@media screen and (max-width: 979px) {
      .top_content .top_search_content_image.image01 {
        top: -20px;
        right: 9px;
        width: 180px;
        height: 199px;
      }
      .top_content .top_search_content_image.image02 {
        width: 182px;
        height: 172px;
        left: 23px;
        bottom: 0;
      }
      .top_content .top_search_content_image.image03 {
        z-index: 0;
        width: 204px;
        height: 148px;
        right: 24px;
        bottom: 18px;
      }
      .top_content .box_type2 .inner {
        padding-bottom: 108px;
      }

        .top_content .box_type2 .inner .btn_type4 {
          position: relative;
          z-index: 1;
        }

          .top_content .box_type2 .inner .btn_type4 .inner {
            padding-bottom: 0;
          }
  }

@media screen and (max-width: 599px) {
      .top_content .top_search_content_image.image01 {
        top: -20px;
        right: 9px;
        width: 127px;
        height: 141px;
      }
      .top_content .top_search_content_image.image02 {
        width: 129px;
        height: 122px;
        left: 23px;
        bottom: 0;
      }
      .top_content .top_search_content_image.image03 {
        z-index: 0;
        width: 151px;
        height: 110px;
        right: 24px;
        bottom: 48px;
      }
  }

/**************************************************************
* work_category
**************************************************************/

.work_category {
	margin-bottom:20px;
}

.work_category_item {
	display:block;

	border-radius:10px;

	padding-top:10px;
	padding-bottom:10px;

	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:3.3rem;
	letter-spacing:0.2rem;

	background-size:cover;
	background-repeat:no-repeat;
}

.work_category_item.web {
	background-image:url(../img/work_category_web.png);
	background-position:center center;
}

.work_category_item.dtp {
	background-image:url(../img/work_category_dtp.png);
	background-position:center center;
}

.work_category_item.game {
	background-image:url(../img/work_category_game.png);
	background-position:center center;
}

.work_category_item.game-machine {
	background-image:url(../img/work_category_gamemachine.png);
	background-position:center center;
}

.work_category_item p {
	background-color:rgba(10,10,10, 0.5);
	line-height:40px;
	color:inherit;
	/* font-family: 'PT Sans', sans-serif; */
	font-weight:bold;

	transition: background-color .2s;
}

.work_category_item:hover p {
	background-color:rgba(10,10,10, 0.8);
}

@media screen and (max-width: 768px) {
	.work_category.row .col_3 {
		width:33%;
		float:left;
	}
}

@media screen and (max-width: 599px) {
	.work_category.row .col_3 {
		width: 50%;
	}
	.work_category .col_3:not(:last-child) {
		margin-bottom: 15px;
	}
}

/**************************************************************
* Agent
**************************************************************/

@media screen and (max-width: 768px) {
	.consultant .row .col_6 {
		width: 50%;
		float: left;
	}
}

@media screen and (max-width: 599px) {
	.consultant .row .col_6 {
		width: 100%;
		float: none;
	}
	.consultant .row .col_6:first-child {
		margin-bottom: 15px;
	}
}

/**************************************************************
* Blog
**************************************************************/

@media screen and (max-width: 768px) {
	.blog .row .col_4 {
		width: 33.333333%;
		float: left;
	}
}

@media screen and (max-width: 599px) {
	.blog .row .col_4 {
		width: 100%;
		float: none;
	}
	.blog .row .col_4:not(:last-child) {
		margin-bottom: 18px;
		padding-bottom: 15px;

		border-bottom: #333 1px dotted;
	}
}

/* conditions */

.conditions .gutters {
	margin-left:-0.1%;
	margin-right:-0.1%;
}

.conditions .content_list .col_3 {
	padding-left:0.1%;
	padding-right:0.1%;
	padding-bottom:1px;
}

@media screen and (max-width: 768px) {
	.conditions .content_list .col_3 {
		width:50%;
		float:left;
		padding-left:0.2%;
		padding-right:0.2%;
	}
}

/* workstyle */

.workstyle .content_list_item {
	display:block;
	color:#FFF;
	background-position:right center;
	background-size: cover;
	padding:15px 10px;
	position:relative;
}

.workstyle .content_list_item::before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	transition:background-color .2s;
}

.workstyle .content_list_item:hover::before {
	background-color:rgba(0,0,0,0.7);
}

.workstyle .content_list_item.regular {
	background-image:url(../img/workstyle_01.jpg);
}

.workstyle .content_list_item.agreement {
	background-image:url(../img/workstyle_02.jpg);
}

.workstyle .content_list_item.dispatch {
	background-image:url(../img/workstyle_03.jpg);
}

.workstyle .content_list_item p {
	color:#FFF;
	font-size:1.5rem;
	line-height:25px;
	position:relative;
	z-index:2;
}

.workstyle .content_list_item strong {
	font-size:3rem;
	font-weight:normal;
	letter-spacing:0.1rem;
}

@media screen and (max-width: 768px) {
	.workstyle .row .col_4 {
		width:33.33333%;
		float:left;
	}

	.workstyle .content_list_item strong {
		font-size: 2.5rem;
	}
}

@media screen and (max-width: 479px) {
	.workstyle .row .col_4 {
		width:auto;
		float:none;
		margin-bottom:10px;
	}

	.workstyle .content_list_item {
		padding: 15px 25px;

		background-color: #dadada;
		background-size: initial;
		background-repeat: no-repeat;
		background-position: right center;
	}

	.workstyle .content_list_item strong {
		font-size: 2rem;
		font-weight:bold;
	}

	.workstyle .content_list_item p {
		font-size:1.2rem;
		display:inline;
		line-height: 30px;
	}
}

/* セミナーバナー */

.seminor_bn_mo.title_bg {
	display: block;

	height:200px;
	margin-bottom:30px;

	background:url(../seminor/img/seminor-title.jpg) no-repeat left top;

	position:relative;
}

.seminor_bn_mo .title {
	font-size: 1rem;

	padding:1.5em;

	background-color:rgba(255,255,255,0.8);
	position:absolute;
	left:0;
	top:30px;
}

.seminor_bn_mo .title .subheadline {
	font-size:1.5em;
	font-weight:bold;
}

.seminor_bn_mo .title .subheadline .color_box{
	background-color:#FADE75;
	font-weight:bold;
	padding:4px 5px 3px;
	margin-right:10px;
}

.seminor_bn_mo .title .headline {
	font-size: 3em;
	font-weight:bold;
	line-height: 1.3;

	margin-top:0.6em;
	margin-bottom:0.3em;
}

@media screen and (max-width: 768px) {
	.seminor_bn_mo .title .subheadline {
		font-size: 1.4em;
	}

	.seminor_bn_mo .title .subheadline .color_box{
		display: block;

		margin-bottom: 0.4em;
	}
	.seminor_bn_mo .three .title .headline {
		font-size: 1.6em;
	}
	.seminor_bn_mo .title .description {
		font-size: 1.3em;
	}
}

@media screen and (max-width: 479px) {
	.seminor_bn_mo.title_bg {
		background-size: cover;

		height: 260px;
	}
	.seminor_bn_mo .title .subheadline {
		font-size: 1.3em;
	}
	.seminor_bn_mo .title .description {
		font-size: 1.2em;
	}
	.seminor_bn_mo .seminor_txt_bg{
		padding:10px;
	}

	.seminor_bn_mo .seminor_txt{
		font-size:1.2rem;
	}
}

/* 20171207php */

.seven.title_bg {
	background:url(../seminor/img/20171207/title.jpg) no-repeat left top;
	background-size: cover;
	background-position: center;
}

@media (min-resolution: 2dppx) {
	.seven.title_bg {
		background-image:url(../seminor/img/20171207/title@2x.jpg) no-repeat left top;
	}
}

.seven .title {
	background-color: rgba(128, 222, 199, 0.96);
	top: 55px;
}

.seven .title .headline {
	font-size: 2.2em;
}

.seven .description {
	font-size: 1.6em;
}

/* 20171207php ここまで */
/*# sourceMappingURL=top.css.map */