/* トップメッセージ用のCSS */

/* メインビジュアル */
.msg-mv {
	position: relative;
	margin: 0 0 20px; }
.msg-mv_title {
	position: absolute;
	color: #fff;
	font-weight: 700; 
	left: 0px;
  bottom: 45px;
  font-size: 1.5rem;
  line-height: 2.5;
  text-align:left; }
.msg-mv.is-right .msg-mv_img {
  margin-left: 5%;
  /*margin-left: calc((100% - 800px)/2); */}
.msg-mv_title .line {
	display: inline-block;
	background: #ed881b;
	margin: 0 0 5px;
	padding: 0 10px;}
.msg-mv_name {
	position: absolute;
	background: #fff;
	color: #000;
	font-weight: 700; 
	left: 0px;
  bottom: 0px;
  line-height: 2.5;
  text-align:left; }
.msg-mv_name .position {
	padding: 0 10px;
	font-size:1.2rem }
.msg-mv_name .name {
	padding: 0 10px 0 0;
	font-size:1.5rem; }
/* エリア間のスペース */
.area-space {
	margin: 30px 0; }
/*　テキストエリア */
.article-area {
	max-width:100%; }
.article-txt {
	text-align:left;
	line-height: 1.8; }

/* 事業の定義 */
.msg-biz {
  position: relative;
}

/* TYPE-01 left */
.msg-biz.is-type01 {
  margin-bottom: 50px;
  padding-top: 10px; }
.msg-biz_img01 {
  position: relative; }
.msg-biz_img01:before {
  background-size: cover; }
.msg-biz.is-type01 .msg-biz_img01 {
  position: relative; 
  /* position: absolute; */
  top: 0px;
  width: 100%; }
.msg-biz.is-type01 .msg-biz_img01:before {
  top: -20px; }
.msg-biz.is-type01.is-left .msg-biz_img01 {
  left: 0px; }
.msg-biz.is-type01.is-left .msg-biz_img01:before {
  left: 20px; }
.msg-biz_ttl01 {
  position: relative;
  font-size: 2.4rem;
  text-align: left; }
.msg-biz.is-type01 .msg-biz_ttl01 {
  margin: 20px 0 20px; }
.msg-biz_txt01 {
  position: relative;
  line-height: 1.8;
  text-align: left; }

/* TYPE-02 right */
.msg-biz.is-type02 {
  margin-bottom: 50px;
  padding-top: 10px;
}
.msg-biz_img01 {
  position: relative; }
.msg-biz_img01:before {
  background-size: cover; }
.msg-biz.is-type02 .msg-biz_img01 {
  position: relative; 
  /* position: absolute; */
  top: 0px;
  width: 100%; }
.msg-biz.is-type02 .msg-biz_img01:before {
  top: -20px; }
.msg-biz.is-type02.is-right .msg-biz_img01 {
  right: 0px; }
.msg-biz.is-type02.is-right .msg-biz_img01:before {
  right: 20px; }
.msg-biz_ttl01 {
  position: relative;
  font-size: 2.4rem;
  text-align: left; }
.msg-biz.is-type02 .msg-biz_ttl01 {
  margin: 20px 0 20px; }
.msg-biz_txt01 {
  position: relative;
  line-height: 1.8;
  text-align: left; }

/* TYPE-03 center01 */
.msg-biz.is-type03 {
  margin-bottom: 50px;
  padding-top: 10px; }
.msg-biz_img01 {
  position: relative; }
.msg-biz_img01:before {
  background-size: cover; }
.msg-biz.is-type03 .msg-biz_img01 {
  position: relative; 
  /* position: absolute; */
  top: 0px;
  width: 100%; }
.msg-biz.is-type03 .msg-biz_img01:before {
  top: -20px; }
.msg-biz.is-type03 .msg-biz_img01 {
  left: 0px; }
.msg-biz.is-type03 .msg-biz_img01:before {
  left: 20px; }
.msg-biz_ttl01 {
  position: relative;
  font-size: 2.4rem;
  text-align: left; }
.msg-biz.is-type03 .msg-biz_ttl01 {
  margin: 20px 0 20px; }
.msg-biz_txt01 {
  position: relative;
  line-height: 1.8;
  text-align: left; }


/* TYPE-04 center02 */
.msg-biz.is-type04 {
  margin-bottom: 50px;
  padding-top: 10px
}
.msg-biz_img01 {
  position: relative; }
.msg-biz_img01:before {
  background-size: cover; }
.msg-biz.is-type04 .msg-biz_img01 {
  position: relative;
  /* position: absolute; */
  top: 0px;
  width: 100%; }
.msg-biz.is-type04 .msg-biz_img01:before {
  top: -20px; }
.msg-biz.is-type04 .msg-biz_img01 {
  right: 0px; }
.msg-biz.is-type04 .msg-biz_img01:before {
  right: 20px; }
.msg-biz_ttl01 {
  position: relative;
  font-size: 2.4rem;
  text-align: left; }
.msg-biz.is-type04 .msg-biz_ttl01 {
  margin: 20px 0 20px; }
.msg-biz_txt01 {
  position: relative;
  line-height: 1.8;
  text-align: left; }

/* 事業画像まわりの定義 */
.msg-biz_img01 img {
  position: relative;
  width: 100%;
  height: auto; }
.msg-biz_img01:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e8e7df; }

/* PICK UP */ /* SP */
.tanalog-link {
  margin: 80px 0 0px 0;
  background-color: #EDEDED;
  padding-bottom: 50px;}
.tanalog-link .tanalog-link_ttl {
  position: relative;
  top: -18px;
  font-size: 2.5rem;}
.tanalog-link_ttl span {
  font-weight: 700; }
.tanalog-link_bclist {
  list-style: none;
  overflow: hidden;
  margin: 10px 20px 0px 0px; }
.tanalog-link_bclist li {
  float: left;
  overflow: hidden;
  margin: 10px;
  width: 100%; }
.tanalog-link_bclist .tanalog-link_bc a {
  position: relative;
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: left;
  margin: 5px 10px 5px;
  background-color: #fff/*#f0ebdf*/;
  border: solid 0.5px #333333;
  /* width: 375px; */
  height: 100px;
  transition: 0.3s; }
.tanalog-link_bc a .bc_ttl {
  position: absolute;
  top: 30%;
  left: 8%;
  width: 80%;
  vertical-align: middle;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: left;
  text-decoration: none; }
.tanalog-link_bc a .bc_subttl-blog {
  position: absolute;
  font-size: 1.3rem;
  padding: 0 1em;
  line-height: 1.8;
  background-color: #314A73;
  transform: translateY(0%) translateX(0%);
  color:#fff;
  border-radius: 0px ;
  font-weight:500; }
.tanalog-link_bc a .bc_subttl-youtube {
  position: absolute;
  font-size: 1.3rem;
  padding: 0 1em;
  line-height: 1.8;
  background-color: #983333;
  transform: translateY(0%) translateX(0%);
  color:#fff;
  border-radius: 0px ;
  font-weight:500; }
.tanalog-link_bclist .tanalog-link_bc a::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 93%;
  transform: rotate(45deg) translateY(-50%);
  width: 6px;
  height: 6px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #333;
}

.sp-none {
  display: none; }

@media screen and (min-width:769px) {

/* MV */
.msg-mv_title {
	margin-bottom: 11%;
  font-size: 2.6rem;
  line-height: 2.5;
  text-align: left; }
.msg-mv_title .line {
  background: #ed881b;
  padding: 5px 20px; }
.msg-mv.is-right .msg-mv_title {
  bottom: 0;
  left: 0;
  /*
  left: 50%;
  margin-left: -50%/*-450px*/; }
.msg-mv.is-right .msg-mv_img {
  margin-left: 5%;
  /*margin-left: calc((100% - 800px)/2); */}
.msg-mv_image img, .msg-mv_img picture {
 	width: 100%;
 	height: auto;}
.msg-mv_name {
	position: absolute;
	background: #fff;
	color: #000;
	font-weight: 700; 
	/*left: 20px; */
  /* bottom: 30px; */ 
  /* font-size: 3.0rem; */
  line-height: 3.0;
  text-align: left; }
.msg-mv.is-right .msg-mv_name {
  bottom: 0;
  left: 0;
  /*
  left: 50%;
  margin-left: -450px;*/ }
.msg-mv_name .position {
	padding: 0 10px 0 20px;
	font-size: 2.1rem }
.msg-mv_name .name {
	padding: 0 20px 0 0;
	font-size: 2.6rem }
.article-area {
	max-width:900px; }

/* 事業の定義 */
.msg-biz {
  position: relative; }

/* TYPE-01 left */
.msg-biz.is-type01 {
  margin-bottom: 50px;
  padding-top: 60px
}
.msg-biz_img01 {
  position: relative; }
.msg-biz_img01:before {
  background-size: cover; }
.msg-biz.is-type01 .msg-biz_img01 {
  position: absolute;
  top: 60px;
  width: 100%;
  max-width: 480px; }
.msg-biz.is-type01 .msg-biz_img01:before {
  top: -40px; }
.msg-biz.is-type01.is-left .msg-biz_img01 {
  left: 0px; }
.msg-biz.is-type01.is-left .msg-biz_img01:before {
  left: 60px; }
.msg-biz_ttl01 {
  position: relative;
  font-size: 2.4rem;
  text-align: left; }
.msg-biz.is-type01 .msg-biz_ttl01 {
   margin: 10px 0 30px; }
.msg-biz.is-type01.is-left .msg-biz_ttl01 {
  margin-left: 500px; }
.msg-biz_txt01 {
  position: relative;
  line-height: 1.8;
  text-align: left; }
.msg-biz.is-type01.is-left .msg-biz_txt01 {
  margin-left: 500px; }

/* TYPE-02 right　*/
.msg-biz.is-type02 {
  margin-bottom: 50px;
  padding-top: 60px;}
.msg-biz_img01 {
  position: relative; }
.msg-biz_img02:before {
  background-size: cover; }
.msg-biz.is-type02 .msg-biz_img01 {
  position: absolute;
  top: 60px;
  width: 480px; }
.msg-biz.is-type02 .msg-biz_img01:before {
  top: -40px; }
.msg-biz.is-type02.is-right .msg-biz_img01 {
  right: 0px; }
.msg-biz.is-type02.is-right .msg-biz_img01:before {
  right: 60px; }
.msg-biz_ttl01 {
  position: relative;
  font-size: 2.4rem;
  text-align: left; }
.msg-biz.is-type02 .msg-biz_ttl01 {
   margin: 10px 0 30px; }
.msg-biz.is-type02.is-right .msg-biz_ttl01 {
  margin-right: 500px; }
.msg-biz_txt01 {
  position: relative;
  line-height: 1.8;
  text-align: left; }
.msg-biz.is-type02.is-right .msg-biz_txt01 {
  margin-right: 500px; }

/* TYPE-03 center01　*/
.msg-biz.is-type03 {
  margin-bottom: 50px;
  /*padding-top: 60px;*/}
.msg-biz_img01 {
  position: relative; }
.msg-biz_img02:before {
  background-size: cover; }
.msg-biz.is-type03 .msg-biz_img01 {
  position: relative;
  /* position: absolute; */
  top: 0px;
  width: 640px; }
.msg-biz.is-type03 .msg-biz_img01:before {
  top: 40px; }
.msg-biz.is-type03 .msg-biz_img01 {
  left: 160px;
  /*right: 100px;*/ }
.msg-biz.is-type03 .msg-biz_img01:before {
  left: -60px;
  /*right: 60px;*/ }
.msg-biz_ttl01 {
  position: relative;  
  font-size: 2.4rem;
  text-align: left; }
.msg-biz.is-type03 .msg-biz_ttl01 {
  margin: 20px 50px 30px;  }
.msg-biz_txt01 {
  position: relative;
  line-height: 1.8;
  text-align: left; }
.msg-biz.is-type03 .msg-biz_txt01 {
  margin: 0px 50px 0px; }

/* TYPE-04 center02　*/
.msg-biz.is-type04 {
  margin-bottom: 50px;
  /*padding-top: 0px;*/ }
.msg-biz_img02:before {
  background-size: cover; }
.msg-biz.is-type04 .msg-biz_img01 {
  position: relative;
  /* position: absolute; */
  top: 0px;
  width: 640px; }
.msg-biz.is-type04 .msg-biz_img01:before {
  top: 40px; }
.msg-biz.is-type04 .msg-biz_img01 {
  left: 100px; }
.msg-biz.is-type04 .msg-biz_img01:before {
  left: 60px; }
.msg-biz_ttl01 {
  position: relative;
  font-size: 2.4rem;
  text-align: left; }
.msg-biz.is-type04 .msg-biz_ttl01 {
  margin: 20px 50px 30px; }
.msg-biz_txt01 {
  position: relative;
  line-height: 1.8;
  text-align: left; }
.msg-biz.is-type04 .msg-biz_txt01 {
  margin: 0px 50px 0px; }

/* PICK UP */
.tanalog-link {
  margin: 80px 0 0px 0;
  background-color: #EDEDED;
  padding-bottom: 50px;}
.tanalog-link .tanalog-link_ttl {
  position: relative;
  top: -18px;
  font-size: 2.5rem;}
.tanalog-link_ttl span {
  font-weight: 700; }
.tanalog-link_bclist {
  list-style: none;
  overflow: hidden;
  margin: 10px 30px 0px;
}
.tanalog-link_bclist li {
  float: left;
  overflow: hidden;
  margin: 10px;
  width: 47%; }
.tanalog-link_bclist .tanalog-link_bc a {
  position: relative;
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: left;
  margin: 5px 10px 5px;
  background-color: #fff/*#f0ebdf*/;
  border: solid 0.5px #333333;
  /* width: 375px; */
  height: 100px;
  transition: 0.3s;
}
.tanalog-link_bc a .bc_ttl {
  position: absolute;
  top: 30%;
  left: 8%;
  width: 80%;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
}
.tanalog-link_bc a .bc_subttl-blog {
  position: absolute;
  font-size: 1.3rem;
  padding: 0 1em;
  line-height: 1.8;
  background-color: #314A73;
  transform: translateY(0%) translateX(0%);
  color:#fff;
  border-radius: 0px ;
  font-weight:500; }
.tanalog-link_bc a .bc_subttl-youtube {
  position: absolute;
  font-size: 1.3rem;
  padding: 0 1em;
  line-height: 1.8;
  background-color: #983333;
  transform: translateY(0%) translateX(0%);
  color:#fff;
  border-radius: 0px ;
  font-weight:500; }
.tanalog-link_bclist .tanalog-link_bc a:hover {
  opacity: 0.7;/* 透過率50% */
  transition: 0.2s;/* 0.2秒アニメーション */
  -webkit-transition: 0.2s;}
.tanalog-link_bclist .tanalog-link_bc a::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 93%;
  transform: rotate(45deg) translateY(-50%);
  width: 6px;
  height: 6px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #333;}
.pc-none {
  display: none; }

}