@charset "UTF-8";

/*↓コンテンツ開閉*/

.more{
	  height: 0;
  overflow: hidden;
  transition: all .4s;
}

/*↑コンテンツ開閉*/

/*↓サムネイル*/

 /*↓サムネイル共通*/

.thumbnail{
	width: 100%;
	position: relative;
}

.stroke{
	width: 100%;
    -webkit-text-stroke: 1px #333;
    color: transparent;
    font-family: 'メイリオ';
    font-size: 30pt;
	font-weight: bold;
	white-space: nowrap;
	line-height: 1em;
	margin-top: 10px;
	margin-left: 10px;
}

.back{
	width: 100%;
	height: 600px;
	font-size: 50pt;
	font-weight: bold;
	padding: 0;
	line-height: 1em;
	margin: 0;
}

.absolute{
	width: 100%;
	position: absolute;
	top: 10%;
	left: 0;
}

.absolute_left{
	width: 90%;
	display: block;
	padding: 0;
}

.absolute_text{
	width: 90%;
	color: #424242;
	font-weight: bold;
	margin: 0 auto;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	font-size: 11pt;
}

.absolute img{
	width: 90%;
	height: auto;
	border-radius: 10px;
}

 /*↑サムネイル共通*/

.stroke_support{
    text-shadow: -2px 2px #37b1ff;		
}

.stroke_develop{
    text-shadow: -2px 2px #f66352;		
}

.stroke_ICT{
    text-shadow: -2px 2px #68f652;		
}

.back_support{
	background-color: #cde2fb;
	color: #f1f9ff;
}

.back_develop{
	background-color: #fbd0cd;
	color: #fff1f1;
}

.back_ICT{
	background-color: #cffbcd;
	color: #f1fff1;
}

/*↑サムネイル*/

/*↓ボタン*/

#more{
  display: block;
  margin: 30px auto;
  width: 80%;
  padding: 10px 0;
  text-align: center;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
  z-index: 1;
  transition: all .8s;
}

/*↑ボタン*/

/*↓事業紹介中身*/

.more_wrap{
	letter-spacing: 0.2em;
	line-height: 1.4em;
}

.work_1{
	width: 100%;
	padding: 20px 0;
}

.work_1_support{
	background-color: #eaf3ff;
}

.work_1_develop{
	background-color: #ffe9e8;
}

.work_1_ICT{
	background-color: #ecfaeb;
}

.work span{
	font-weight: bold;
	font-size: 13pt;
}

.work_1_support span{
	color: #238dd0;
}

.work_1_develop span{
	color: #e6402e;
}

.work_1_ICT span{
	color: #1ba307;
}

.work{
	width: 80%;
	margin: 20px auto;
	line-height: 1.8em;
	font-size: 10pt;
}

.work_img img{
	display: block;
	width: 90%;
	margin: 60px auto;
}

#work_mobile p{
	width: 90%;
	font-size: 9pt;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #111;
	padding: 15px 10px;
	margin: 0 auto;
}

@media screen and (max-width: 800px) {
  #work_PC{
	display: none;
	}
}
	

.work_2{
	width: 100%;
	padding: 20px 0;
}

.work_2_support{
	background-color: #cde2fb;
}

.work_2_develop{
	background-color: #fbd0cd;
}

.work_2_ICT{
	background-color: #cffbcd;
}

.yarigai{
	width: 90%;
	margin: 0 auto;
	display: flex;
	font-size: 9pt;
}

.yarigai_title{
	width: 120px;
	font-weight: bold;
	white-space: nowrap;
	letter-spacing: 0.01em;
}

.yarigai p{
	margin: 20px 0;
	padding: 1em 0.8em;
}

.yarigai_text{
	border-left: solid 1.5px #282828;
}


.bottom{
	width: 80%;
	margin: 20px auto;
	justify-content: space-between;
}

.bottom_content{
	width: 100%;
	letter-spacing: 0.01em;
}

.bottom_content_title {
	font-size: 10pt;
	padding: 0.25em 0.8em;
	background-color: #fff;
	letter-spacing: 0.01em;
}

.work_2_support .bottom_content_title{
	border-left: solid 15px #3f85d9;
}

.work_2_develop .bottom_content_title{
	border-left: solid 15px #d93f49;
}

.work_2_ICT .bottom_content_title{
	border-left: solid 15px #3fd93f;
}

.bottom_content_text {
	padding: 0.25em 1.5em;
	line-height: 2em;
	font-size: 9pt;
}


.bottom_content_text span{
	background-color: #fff;
	padding: 0 5px;
	margin-right: 10px;
}

.timeline{
	display: flex;
}

.timeline p{
	margin-bottom: 0;
}

.ICT_bottom:{	
	margin: 0 auto;
}

.ICT_bottom .title{
	width: 90%;
	font-size: 15pt;
	font-weight: bold;
	color: #17ab00;
	margin: 0 auto;
}

.ICT_bottom .text{
	width: 100%;
	margin: 0 auto;
}

.ICT_bottom .text p{
	background-color: #fff;
	width: 90%;
	margin: 0 auto;
	padding: 10px;
	border-radius: 5px;
	line-height: 1.8em;
	font-size: 9pt;
}

/*動画*/

.movie{
	width: 90%;
	margin: 50px auto;
}

.movie_content{
	width:100%;
	margin: 0 auto;
	text-align: center;
}

iframe{
	width: 100%;
	height: 300px;
}

.movie_text p {
	width: 80%;
	margin: 20px auto 50px;
  position: relative;
  background: #ffddb0;
  box-shadow: 0px 0px 0px 5px #ffddb0;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #454545;
}

.movie_text p:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

	
/*↑事業紹介中身*/