@charset 'utf-8';

* {
	margin: 0;
	padding: 0;
	}

body {
	font-family: "游ゴシック体", YuGothic,"Avenir", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	font-family-width: 100%;
	font-feature-settings: "palt" 1;
	}

li {
	list-style-type: none;
	}

img {
	width: 100%;
	}

.forPc {
	display: block;
	}

.forSp {
	display: none;
	}

.totop {
	width:7%;
	position: fixed;
	right:3%;
	bottom:3%;
	z-index:200;
	opacity:0;
	transition:0.7s;
	}

.facebook {
	z-index:200;
	position: fixed;
    bottom: 12vw;
    width: 3%;
    right: 5%;
	opacity: 1;	
	}

.twitter {
	z-index:200;
	position: fixed;
    right: 5%;
    bottom: 14vw;
	width: 3%;
	opacity: 1;	
	}

a {
	color:#FFFFFF;
	text-decoration:none;
	}

a:hover {
	color:#FFFFFF;
	}

.fontsize02 {
	font-size:0.8vw;
	}

.pankuzu {
	width: 80%;
	position:relative;
    margin: 0 auto;
	z-index:10000;
	}

.underline {
	text-decoration:underline;
	}

/*ボタン*/
.Fbtn {
  	font-size: 1vw;
  	color: #fff;
  	width: 35%;
  	background: #3d3d3d;
  	border-radius: 3px;
  	text-align: center;
  	line-height: 50px;
  	margin: 0 auto;
  	border: none;
  	margin-left:0%;
  	margin-top:6vw;
	}

.Fbtn02 {
  	font-size: 1vw;
  	color: #000;
  	width: 35%;
  	background: #fcfcfc;
  	border:#000 solid 0.1vw;
  	border-radius: 3px;
  	text-align: center;
  	line-height: 50px;
  	margin: 0 auto;
  	margin-left:2%;
  	margin-top:6vw;
	}

@media screen and (max-width: 768px) {
.forPc {
	display: none;
	}
	
.forSp {
	display: block;
	}
	
.totop {
	width:18%;
	}
	
.twitter {
	width: 10%;
	right: 7%;
    bottom: 28vw;
	}
	
.facebook {
	width: 10%;
	bottom: 28.5vw;
    right: 7%;
	}
	
.fontsize02 {
	font-size:2.5vw;
	}
	
.pankuzu {
	width: 90%;
	position:relative;
    margin: 0 auto;
	z-index:10000;
	}

/*ボタン*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="reset"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration.
input[type="reset"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus {
  outline-offset: -2px;
}

.Fbtn {
  	display:block;
  	font-size: 3.5vw;
  	width: 70%;
  	margin:0 auto;
  	margin-top:5vw;
	}
	
.Fbtn02 {
	display:block;
  	font-size: 3.5vw;
  	width: 70%;
  	border: #000 solid 1px;
  	border-radius: 3px;
  	margin:0 auto;
  	margin-top:5vw;
	}
}




@media screen and (max-width: 768px) {
/* Spヘッダー */
.spHeader {
	width: 100%;
	font-size: 0;
	position:fixed;
	top: 0;
	left:0;
    z-index: 300;
	}

.spHeader .spHinner {
	width: 100%;
	height:21vw;
	margin: 0 auto;
	background: rgba(0,0,0,0.0);
	box-sizing: border-box;
	text-align:center;
	}

.spHeader .spHinner .spRogo {
	width:47vw;
	margin-left:-30px;
	display:inline-block;
	}

.spHeader .spHinner .spMenu {
	width:10vw;
	display:inline-block;
	}
	
 /*SPハンバーガー*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	}
	
.menu-trigger {
 	position: fixed;
 	/*bottom: 20px;
 	right: 20px;*/
 	top: 3vw;
 	right: 3vw;
 	width: 11%;
 	height: 13vw;
 	z-index: 9999;
 	background: rgba(0,0,0,0.0);
 	border-radius: 4px;
	}
	
a.menu-trigger:hover{
	background: rgba(0,0,0,0.0);
	}
	
.menu-trigger span {
 	position: absolute;
 	z-index: 9999;
 	left: 8px;
 	width: 90%;
 	height: 2px;
 	background-color: #000;
 	border-radius: 4px;
 	transition:0.7s;
	}
.top .menu-trigger span {
 	background-color: #fff;
	}
	
.menu-trigger span:nth-of-type(1) {
	top: 7px;
	}
	
.menu-trigger span:nth-of-type(2) {
	top: 21px;
	}
	
.menu-trigger span:nth-of-type(3) {
	top: 36px;
	}
.menu-trigger.active span:nth-of-type(1) {
 	-webkit-transform: translateY(15px) rotate(-45deg);
 	transform: translateY(14px) rotate(-45deg);
	}
	
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
	}
	
.menu-trigger.active span:nth-of-type(3) {
 	-webkit-transform: translateY(-20px) rotate(45deg);
 	transform: translateY(-15px) rotate(45deg);
	}
	
#overlay{
 	display: none;
 	width: 100%;
 	height:100%;
 	text-align: center;
 	position: fixed;
 	z-index: 100;
 	/*background:  rgba(78,70,61,0.65);*/
	background: rgba(0, 0, 0, 0.6);
 	padding: 48px;
 	box-sizing: border-box;
	}
	
#overlay ul{
	padding-left: 0px;
	}
	
#overlay ul li{
	padding-left: 0px;
 	list-style-type: none;
 	margin-top: 3vw;
 	padding-bottom: 3vw;
 	color: #fff;
 	border-bottom:#fff solid 0.1vw;
	}
	
#overlay ul li a{
 	color: #fff;
 	text-decoration: none;
 	font-size: 4vw;
 	display: block;
	}
	
#overlay ul li .subMENU {
	color:#fff;
 	font-size: 3vw;
	}
	
#overlay ul .MENUtel img {
	border-bottom:none;
	}
	
#overlay ul .MENUtel {
	font-size: 3.5vw;
    color: #000;
	border-bottom:none;
	}
}


/* firstview */
.firstview {
	box-sizing: border-box;
  	overflow: hidden;
  	position: relative;
	}

.firstview:before {
  	content: '';
  	width: 100%;
  	height: 100%;
  	z-index: -1;
  	background: url('../images/top_bg.png');
  	background-size: cover;
  	position: absolute;
  	transition: 2s;
  	transform: scale(1.2);
	}

.firstview.load:before {
  	transform: scale(1);
	}

.left_box {
  	display: inline-block;
  	margin-left: 10%;
	width: 30%;
	}

@media screen and (max-width: 768px) {
.left_box {
	width: 50%;
  	margin-left: 5%;
	}
}

.logo_field {
	display: inline-block;
	vertical-align: top;
	padding-top: 54px;
	}

.news_field {
	position: absolute;
	top: 11vw;
	left: 10%;
	}

.logo, .menu_list {
	transition: 0.6s;
	margin-top: -40px;
	opacity: 0;
	}

.menu_field {
	display: inline-block;
	vertical-align: top;
	width: 59%;
	padding-top: 70px;
	}

.fv_logo {
	width: 39%;
	}

.logo {
	width: 40%;
	}

@media screen and (max-width: 768px) {
.fv_logo {
	width: 59%;
	}	
	
.menu_field {
	display: none;
	}
	
.logo_field {
  	position:relative;
  	width: 100%;
  	padding-top: 5vw;
  	z-index:100;
	}
	
.logo {
  	width: 60%;
	}
	
.news_field {
	top: 24vw;
  	left: 5%;
	}
}

.menu_field .menu {
  	display: inline-block;
  	text-align: center;
	font-family: avenir;
    letter-spacing: 0.1vw;
    font-weight: 600;
	}

.menu_list {
	text-align: right;
	padding-right: 10%;
	font-size:2vw;
	}

.menu {
	margin-right: 1vw;
	}

.menuSML {
	font-size:1vw;
	font-family:  "游ゴシック体", YuGothic ;
	font-weight: normal;
	}

.news_field_list {
	position: relative;
	}

.news_field_list:after {
  	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
  	height: 2px;
	transition: 0.4s;
	margin-top: 2px;
	background: #fff;
  	transform-origin: left top;
	}

.news_field_list.line:after {
  	transform: scaleX(1);
	}

.white_txt {
  	color: #fff;
  	font-size: 1.1vw;
	}

.news.white_txt {
	overflow: hidden;
	font-size: 1vw;
	line-height: 2vw;
	}

.news.white_txt .news_inner {
	transition: 0.2s;
	transform: translateY(150%);
	}

.news_topic {
	font-family: "Avenir";
	letter-spacing: 0.1vw;
	font-weight: bold;
	}

.catch_copy_field, .scroll_icon {
	position: absolute;
	}

.main_copy {
  	text-align: center;
  	font-size: 6vw;
	letter-spacing: 4px;
	line-height: 6vw;
  	overflow:hidden;
	}

.motionCharBox {
	font-family: serif;
	}

.main_copy_sub {
  	font-family: "游ゴシック体", YuGothic;
  	font-size: 2vw;
  	text-align: center;
	}

.scroll_icon {
  	width: 20px;
  	height: 20px;
  	border-bottom: 1px solid #fff;
  	border-right: 1px solid #fff;
  	transform: rotate(45deg);
  	margin: 0 auto;
  	transition: 0.9s;
  	opacity:0;
	}


@media screen and (max-width: 768px) {
.white_txt {
  font-size: 3.5vw;
}
	
.news.white_txt {
	font-size: 3vw;
	line-height: 5vw;
	}
.main_copy {
  text-align: center;
  font-size: 12vw;
	letter-spacing: 2px;
	line-height: 12vw;
  overflow:hidden;
}
.motionCharBox {
}
.main_copy_sub {
  font-size: 4vw;
  text-align: center;
}
}

/* second view */
.greeting {
  text-align: center;
  margin-top: 10vw;
  font-size:1.3vw;
}

.bold {
	font-family: "Avenir";
	}

.greeting .bold {
  font-size: 2.5vw;
  font-weight: bold;
}
.contents_box {
  width: 90%;
  margin-left: 10%;
  position: relative;
  margin-top: 141px;
  margin-bottom: 200px;
  padding-bottom: 50px
}
@media screen and (max-width: 768px) {
.greeting {
  text-align: center;
  margin-top: 17vw;
  font-size:3.8vw;
}
.greeting .bold {
  margin-bottom: 2%;
  font-size: 7vw;
  font-weight: bold;
}
  .contents_box {
		width: 95%;
		margin-left: 5%;
		margin-bottom: 140px;
}
 .about {
	  margin-top:121px;
}
}
.rec.contents_box {
	width: 100%;
  margin-left: 0;
	margin-top: 25vw;
}

.contents_inner {
  position: relative;
}
.contents_box.first{
  padding-bottom: 0px;
}
.contents_box.last {
  margin-bottom: 0;
}
.contents_box.last.rec {
  padding-bottom: 0;
}
.contents_box.even {
  margin-left: 0%;
}
.contents_box .a_anim{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
  z-index: -1;
  overflow: hidden;
}
.contents_box.rec .a_anim {
	height: 85%;
}
.contents_box .a_anim .a_anim_area {
  background: #e6e6e6;
  /*opacity: 0.8;*/
  width: 100%;
  height: 100%;
  transition: 0.8s;
  position: absolute;
  right: -100%;
}
.contents_box.even .a_anim .a_anim_area {
  right: auto;
  left: -100%;
}
.contents_box .a_anim .a_anim_area.second {
  background: #e6e6e6;
}
.contents_box .a_anim .a_anim_area.third{
  background: #e6e6e6;
}
.contents_box .a_anim .a_anim_area.forth{
  background: #e6e6e6;
}
.contents_box .a_back {
  width: 55%;
  margin-left: 45%;
  font-size: 0;
}
.contents_box .a_items {
  position: absolute;
}
.contents_box .a_pic.a_items {
  width: 65%;
  right: 10%;
  top: -14%;
}
.rec.contents_box .a_pic.a_items {
	width: 80%;
	top: -30%;
}
.contents_box .a_logo.a_items {
  width: 25%;
  left: -7%;
  top: 3%;
}
.rec.contents_box .a_logo.a_items {
	width: 17%;
	left: 0;
	top: -15%;
}
.contents_box.service .a_logo.a_items {
  width: 19%;
}
.contents_box.topics .a_logo.a_items {
  width: 21%;
}
.contents_box.work .a_logo.a_items {
  width: 25%;
  top: 8%;
}
.contents_box.even .a_back {
  margin-left: 0%;
}
.contents_box.even .a_pic.a_items {
  right: 20%;
}
.contents_box.even .a_logo.a_items {
  left: 86%;
}
.fadein {
  opacity: 0;
  transition: 1.4s;
}
@media screen and (max-width: 768px) {
.contents_box .a_logo.a_items {
  width: 36%;
  left: -7%;
  top: -36%;
}
.contents_box.even .a_logo.a_items {
  left: 80%;
}
.contents_box .a_back {
  opacity: 0.1;
  width: 50%;
  margin-left: 50%;
  margin-top: -16%;
  font-size: 0;
}
.contents_box.topics .a_logo.a_items {
  width: 30%;
  left: 75%;
  top: -4%;
}
.contents_box.service .a_logo.a_items {
	opacity: 0.7;
    z-index: 100;  
	width: 35%;
	top: -6%;
}
.contents_box.work .a_logo.a_items {
	z-index: 100;
    opacity: 0.6;  
	width: 36%;
  	top: -19%;
  	left:69%;
}
.rec.contents_box .a_logo.a_items {
	width: 27%;
	left: 0;
	top: 22%;
}
}

/* contents txts */
.a_txt, .a_ttl {
  color: #000000;
}
.a_txt {
  top: 72%;
  left: 5%;
  font-size: 1.2vw;
  line-height: 2.5vw;
}
.rec .a_txt {
	top: 51%;
	}

.a_ttl {
  	line-height: 40px;
  	top: 52%;
	left: 5%;
	font-size: 16px;
	}

.rec .a_ttl {
	top: 30%;
	}

.a_ttl .bold{
	font-size: 4vw;
	}

.more {
  	font-size: 1.3vw;
  	color:#000000;
  	top: 92%;
  	left: 28%;
  	transition: 0.2s;
	font-family: "Avenir";
	letter-spacing: 0.1vw;
	font-weight: bold;
	}

.more a {
	color:#000000;
	text-decoration:none;
}
.more a:hover {
	color:#000000;
}
.rec .more {
	top: 74%;
}
.more:after {
content: '';
position: absolute;
transition: 0.2s;
width: 0%;
left: 105%;
top: 50%;
border-bottom: 1px solid #000;
}
.more.line:after {
 /*width: 80%; */
 width: 60px;
}
.more.line:hover:after {
  width: 20px;
}
.even .a_txt {
  left: auto;
	right: 5%;
}
.even .a_ttl {
  left: auto;
	right: 8%;
}
.even .more {
  left: 80%;
}
@media screen and (max-width: 768px) {
.a_txt {
  top: 20%;
  left: 5%;
  font-size: 3.5vw;
  line-height: 6.5vw;
}
.topics .a_txt {
  top: 49%;
  left: 5%;
  font-size: 3.5vw;
  line-height: 6.5vw;
}
.service .a_txt {
  z-index: 200;
  top: 50%;
  left: 5%;
  font-size: 3.5vw;
  line-height: 6.5vw;
}
.work .a_txt {
  top: 52%;
  left: 5%;
}
.rec .a_txt {
  top: 56%;
}
 .more {
	 font-size:3.5vw;
  top: 77%;
		left: 58%;
  }
.topics .more {
  top: 85%;
  }
.service .more {
  top: 88%;
  }
.work  .more {
  top: 92%;
		left: 58%;
  }
 .even .more {
		left: 58%;
 }
 .a_pic {
      width: 90%;
    margin: 0 auto;
    position: relative;
    top: -30px;
	z-index:5;
  }
 .a_pic02 {
      width: 90%;
    margin: 0 auto;
    position: relative;
    top: -60px;
  }
.a_ttl {
  line-height: 9vw;
  top: -18%;
  font-size: 4vw;
}
.a_ttl .bold{
  font-size: 10vw;
}
}
/* topics */
.detail_con {
  margin-top: 4%;
  width: 80%;
  margin: 0 auto;
  font-size:1.3vw;
}
.detail_tit {
	margin-top: 3%;
    color: #000;
}
.detail_con a {
	color:#000;
}
.topic_list_field {
  width: 100%;
  margin: 0 auto;
  font-size: 0;
	margin-top: 1.7vw;
}
.topic_list {
  background: #fff;
  display: inline-block;
  width: 22%;
  padding: 4px;
  box-sizing: border-box;
  margin-right: 4%;
}

/*.topic_list:last-child {
  margin-right: 0%;
}*/

.topic_pic {
}
.topic_txt:first-child {
  border-top: none;
  padding-top: 1.1vw;
  padding-bottom: 1.1vw;
  font-size: 1.1vw;
  text-align:center;
}
.topic_txt {
  border-top: 1px solid #000;
  padding-top: 1.1vw;
  padding-bottom: 1.1vw;
  font-size: 1.1vw;
  line-height: 1.7vw;
  text-align:center;
}


@media screen and (max-width: 768px) {
.detail_con_first {
  width: 90%;
  margin: 0 auto;
  font-size:3.5vw;
  margin-top: 13vw;
}
.detail_con {
   width: 90%;
  margin: 0 auto;
  font-size:3.5vw;
  margin-top: 10vw;
}

.detail_con .detail_tit {
	font-size:4vw;
}

.topic_ttl {
	top:10%;
	}
	
.topic_list {
	width: 48%;
	}
	
.topic_list_field {
	margin-top: 3vw;
	display: flex;
    flex-wrap: wrap;
	}
	
.topic_txt:first-child {
  padding-top: 2.1vw;
  padding-bottom: 2.1vw;
  font-size: 3.5vw;
}
.topic_txt {
  padding-top: 2.1vw;
  padding-bottom: 2.1vw;
  font-size: 3.5vw;
  line-height: 4.5vw
}
}

/* service */
.service_ttl {
	color: #000000;
	border-bottom: 1px solid #000;
	margin-bottom: 1.7vw;
}
.service_list_field {
  font-size: 0;
}
.service_list_field.first {
	margin-bottom: 50px;
}
.service_list {
  width: 30%;
  margin-right: 5%;
  display: inline-block;
	vertical-align: top;
}
.service_list:last-child {
  margin-right: 0;
}
.service_txt {
	color: #000000;
	font-size: 1.1vw;
	margin-top: 10px;
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.service_Bttl {
	z-index: 200;
  	top:15%;
}
.service_ttl {
	font-size: 4vw;
	margin-bottom: 7vw;
}
.service_txt {
	font-size: 3.5vw;
}
}

/* work */
.work_ttl {
	color: #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 2.7vw;
}
.work_list_field {
  font-size: 0;
}
.work_list_field.first {
	margin-bottom: 50px;
}
.work_list {
  width: 22%;
  display: inline-block;
  margin-right: 4%;
	vertical-align: top;
}
.work_list:last-child {
  margin-right: 0;
}

.detail_con02 {
	width:80%;
	font-size:0;
	margin:0 auto;
	margin-top:3vw;
}
.work_con02 {
  width: 49%;
  display:inline-block;
  margin-right:2%;
  font-size:1.3vw;
}
.work_con02:last-child {
  margin-right:0;
}
.work_list02 {
  width: 45%;
  display: inline-block;
  margin-right: 8%;
	vertical-align: top;
}
.work_list02:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
.work .a_ttl {
  z-index: 200;
  line-height: 9vw;
  top: 11%;
  font-size: 4vw;
}
.work_ttl {
	font-size: 4vw;
	margin-bottom: 6vw;
}
.work_list {
  width: 48%;
}
.work_list_field {
	margin-top: 3vw;
}
.work_txt:first-child {
  padding-top: 2.1vw;
  padding-bottom: 2.1vw;
  font-size: 3.5vw;
}
.work_txt {
  padding-top: 2.1vw;
  padding-bottom: 2.1vw;
  font-size: 3.5vw;
  line-height: 4.5vw
	}
}

/* recruit */
.recruit_btn {
  	width: 24vw;
  	height: 16vw;
  	top: 35%;
  	right: 6%;
  	background: #e6f000;
  	text-align: center;
  	padding: 5px;
	}

.recruit_btn .recruit_txt {
  	color: #000000;
  	border: 1px solid #000;
  	height: 16vw;
  	box-sizing: border-box;
  	font-size: 1.7vw;
  	line-height: 2.5vw;
  	padding-top: 5vw;
	font-family: "Avenir";
	letter-spacing: 0.1vw;
	font-weight: bold;
	}
 
 
@media screen and (max-width: 768px) {
.recruit_btn {
  width: 124px;
  height: 99px;
  top: 31%;
  right: 1%;
  background: #e6f000;
  text-align: center;
  padding: 5px;
}
.recruit_btn .recruit_txt {
  color: #000000;
  border: 1px solid #000;
  height: 97px;
  box-sizing: border-box;
  font-size: 3.5vw;
  line-height: 16px;
  padding-top: 21px;
}
}






/*　第二階層 */
.secondPAGE  {
	font-size:1.1vw;
}
.secondPAGE a {
	color:#000;
	text-decoration:none;
}
.secondPAGE a:hover {
	color:#000;
}
.secondPAGE .firstview {
	box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top:0;
  width:100%;
}
.secondPAGE .firstview:before {
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #fff;
  background-size: cover;
  position: absolute;
  transition: 2s;
  transform: scale(1.2);
}
.secondPAGE .contents_box {
  margin-top: 130px;
}
.secondPAGE .contents_box .fadein {
	opacity:0;
	transition:0.5s;
}
.secondPAGE .contents_box .a_back {
  width: 45%;
  font-size: 0;
}
.secondPAGE .contents_box .a_anim{
  height: 65%;
  overflow: hidden;
}
.secondPAGE  .a_logo {
	opacity:0;
	transition:0.7s;
}
.secondPAGE .menu_list {
	text-align: right;
	padding-right: 10%;
	font-size:2vw;
}
.secondPAGE .white_txt {
  color: #000;
  font-size: 1.1vw;
}
.secondPAGE .a_txt {
	color:#000;
	opacity:0;
	transition:0.7s;
}
.secondPAGE .a_ttl {
  line-height: 46px;
  top: 21%;
  left: 10.5%;
  font-size: 1.2vw;
}
.secondPAGE .rec .a_ttl {
	top: 30%;
}
.secondPAGE .a_ttl .bold{
  font-size: 3vw;
}

.secondPAGE .more {
  position:relative;
  font-size: 1.2vw;
  color:#000;
  top: 92%;
  left: 28%;
  transition: 0.2s;
}
.secondPAGE .more:after {
  content: '';
  transition: 0.2s;
  width: 0%;
  position:fixed;
  border-bottom: 1px solid #000;
}
.secondPAGE .more.line:after {
 /*width: 80%; */
 width: 60px;
 position:absolute;
 top:50%;
 left:105%;
}
.secondPAGE .more.line:hover:after {
  width: 20px;
}
.secondPAGE .minTIT01 {
	font-size:1.5vw;
	color:#000;
	}
.secondPAGE .minTIT02 {
	font-size:1.1vw;
	color:#000;
	}
/*SP用第二回層共通部分は下部に記述*/


/*　ABOUT */
.Mabout .greeting {
  margin-top: 16vw;
}
.Mabout .contents_box {
  width: 100%;
  margin-left: 0%;
  position: relative;
  margin-bottom: 147px;
  padding-bottom: 0px
}
.Mabout .contents_inner {
  position: relative;
  margin-right:0%;
}
.Mabout .contents_box .a_logo.a_items {
  width: 27%;
  left: 6%;
  top: -10%;
}
.Mabout .contents_box .a_pic.a_items {
  width: 50%;
  right: 8%;
  top: 8%;
  opacity:0;
  transition:0.3s;
}
.Mabout .contents_box .a_back {
  margin-right: 0%;
  margin-left: 55%;
}
.Mabout .a_txt {
  top: 91%;
  left:10%;
}

.secondInner01 {
	width:95%;
	background-color:#e6e6e6;
	margin-top:8vw;
	margin-bottom:11vw;
	padding-bottom:3vw;}
.SCInnerBox01 {
	width:80%;
	position:relative;
	font-size:0;
	margin:0 auto;
	margin-bottom:9vw;
}
.SCBoximg01 {
	width:40%;
	position:absolute;
	top: -8%;
	left:0%;
	display:inline-block;
	vertical-align:middle;
	}
.SCBoxtxtbox {
	width:60%;
	display:inline-block;
	vertical-align: middle;
	margin-top:8%;
	margin-left:43%;
	margin-right:10%;
	}
.SCBoxtxtbox .minTIT01 {
	font-size:1.5vw;
	color:#000000;
	margin-bottom:2%;}
.SCBoxtxtbox .SCBoxtxt {
	font-size:1.1vw;
	line-height:2.3vw;
}
.secondPAGE .secondInner01 .SCInnerBox01  .more {
	left:0;
	margin-top:1.5vw;
	margin-left: 43%;
	display:inline-block;
}
@media screen and (max-width: 768px) {
.secondInner01 {
	margin-bottom:15vw;}
.Mabout .contents_box {
  margin-bottom: 126px;
}
.Mabout .contents_box .a_back {
	opacity: 0.1;
	margin-top:-54%;
}
.Mabout .a_txt {
	top: 95%;
  left:5%;
}
.secondInner01 {
	margin-top:26vw;
	}
.SCBoximg01 {
	width:109%;
	position:absolute;
	top: -10%;
	left:-5%;
	display:block;
	vertical-align:middle;
	}
.SCBoxtxtbox {
	width:110%;
	display:block;
	vertical-align: middle;
	margin-top:8%;
	margin-left:-5%;
	margin-right:10%;
	padding-top: 52vw;
	}
.SCBoxtxtbox .minTIT01 {
	font-size:4vw;
	color:#fff;
	margin-bottom:3%;}
.SCBoxtxtbox .SCBoxtxt {
	font-size:3.5vw;
	line-height:6.5vw;
}
.secondPAGE .secondInner01 .SCInnerBox01  .more {
	left:-15px;
	margin-top:3.5vw;
	margin-left: 0%;
	display:inline-block;
}
}

/*フロンティア5か条*/
.SCInnerBox02 {
	width:80%;
	border-top:#FFF 0.1vw solid;
	margin:0 auto;
	padding-top:4vw;
}
.SCBoxrogo {
	width: 13%;
	margin:0 auto;
	}

.SCInnerBox02 .minTIT02 {
	margin-top: 2.5vw;
	text-align:center;
	line-height:2.5vw;
	margin-bottom:4vw;
}
.ABpolicyCON {
	text-align:center;
	margin-bottom:3vw;
}

.ABpolicyIN {
	width: 17vw;
	height: 17vw;
	border-radius: 50%;
	position:relative;
	background-color:#cccccc45;
	text-align:center;
	vertical-align: top;
	padding:3%;
	display:inline-block;
	margin-right:3%;
}
.ABpolicyIN:last-child {
	margin-right:0%;
}

/*.ABno {
	position:absolute;
	top:2%;
	left:45%;
	color:#fff;
	font-size:5vw;
}*/
.ABno {
    position: absolute;
    top: 12%;
    left: 0;
    /*color: #fff;
    font-size: 5vw;*/
	width: 10%;
    opacity: 0.2;
    right: 0;
    margin: 0 auto;
}

.ABpTIT {
	position: relative;
    margin-top: 5.5vw;
    margin-bottom: 1vw;
    z-index: 5;
}

@media screen and (max-width: 768px) {
.SCInnerBox02 {
	width:90%;
}
.SCBoxrogo {
	width: 25%;
	margin:0 auto;
	margin-bottom: 8%;
    margin-top: 10%;

	}
	
.SCInnerBox02 .minTIT02 {
	text-align:center;
	line-height:7vw;
	margin-top:2vw;
	margin-bottom:4vw;
}
.ABpolicyIN {
	width: 50vw;
	height: 50vw;
	border-radius: 50%;
	position:relative;
	text-align:center;
	vertical-align: top;
	padding:7%;
	display:inline-block;
	margin-right:3%;
	margin-top:8%;
}
.ABno {
	position:absolute;
	top:8%;
	color:#fff;
}
.ABpTIT {
	position: relative;
    margin-top: 13vw;
	margin-bottom:2vw;
	z-index:5;
}
}
/* ごあいさつ */
.secondInner02 {
	width:80%;
	position:relative;
	margin:0 auto;
	text-align:center;
	margin-bottom:15vw;
}
.SCcontit {
	line-height:3.5vw;
	text-align: center;
}
.JPtit {
	font-size: 1.1vw;
	}

.EGtit {
	letter-spacing: 0.2vw;
	font-family: "Avenir";
	font-size:2.8vw;
	/*color:#535353;*/
	color:#000000;
	line-height:2.5vw;
	margin-bottom:4vw;
	}

.MSview {
	position:relative;
	}
	.MSimg {
		width:97%;
	}
.MStxt {
	width:75%;
	position:absolute;
	left:2%;
	bottom:3%;
	font-size:1.3vw;
	line-height: 2.7vw;
	text-align: left;
	color:#fff;
}
.secondInner02 .recruit_btn {
  width: 17vw;
  height: 16vw;
  position:absolute;
  top: 72%;
  right: 0%;
  background: #e6f000;
  text-align: center;
  padding: 5px;
}
@media screen and (max-width: 768px) {
.secondInner02 {
	width:90%;
	margin-bottom:32vw;
}
.JPtit {
	font-size: 3.5vw;
	}
.EGtit {
	font-size:6.5vw;
	color:#000000;
	line-height:9.5vw;
	margin-bottom:6vw;
	}
	.MSimg {
		width:100%;
	}
.MStxt {
	width:92%;
	position:absolute;
	left:3%;
	bottom:3%;
	font-size:3.5vw;
	line-height: 5.5vw;
	text-align: left;
	color:#fff;
}
.secondInner02 .recruit_btn {
  /*width: 150px;*/
  width: 35%;
  height: 79px;
  top: 88%;
  right: -1%;
  background: #e6f000;
  text-align: center;
  padding: 5px;
}
.secondInner02 .recruit_btn .recruit_txt {
  color: #000000;
  border: 1px solid #000;
  height: 77px;
  box-sizing: border-box;
  font-size: 3.5vw;
  line-height: 16px;
  padding-top: 21px;
}
}

/*会社情報*/
.outline {
	width:95%;
	background-color:#f2f2f2;
	margin-right:0%;
	padding-top:5%;
	padding-bottom:5%;
	}

.outline .SCcontit {
	margin-right:6%;
	}

.OLtxt {
	text-align:left;
	line-height:3.5vw;
	margin-left:22%;
	margin-top:6vw;
	}

@media screen and (max-width: 768px) {
.outline {
	padding-top:8%;
	padding-bottom:8%;
	}
	
.OLtxt {
	display: flex;
	line-height:6.5vw;
	margin-left:8%;
	padding-right:8%;
	margin-top:6vw;
	}
}

/*アクセス*/
.ACcon {
	margin-top:5vw;
}
.ACcon:fiest-child {
	margin-top:0vw;
}
.AC01 {
	line-height:2.5vw;
}
.AC01 .city {
	font-size:1.5vw;
}
.map {
   width: 100%;
   height: 400px;
   margin-top:3vw;
   background-color: grey;
 }
@media screen and (max-width: 768px) {
.AC01 {
	line-height:6vw;
}
.AC01 .city {
	font-size:4.5vw;
	margin-bottom:3vw;
	margin-top:11vw;
}
.AC01 .citytop {
	margin-top:0vw;
}
}

/*沿革*/
.history {
	width:100%;
	background-color:#f2f2f2;
	margin-right:0%;
	padding-top:5%;
	padding-bottom:5%;
	}
.history .SCcontit {
	margin-right:0%;
}
@media screen and (max-width: 768px) {
.history .SCcontit {
	margin-top: 5%;
	}
}

.history .OLtxt {
	text-align:left;
	line-height:3.5vw;
	margin-left:36%;
	/*margin-top:6vw;*/
	}

@media screen and (max-width: 768px) {
.history .OLtxt {
	display: flex;
	text-align:left;
	line-height:6.5vw;
	margin-left:10%;
	margin-top:6vw;
	padding-right:0%;
	}
}

/*トピックス*/
.Mtopics .contents_box .a_anim .a_anim_area {
  background: #e6e6e6;
}
.Mtopics .contents_box {
  width: 100%;
  margin-left: 0%;
  position: relative;
  margin-bottom: 84px;
  padding-bottom: 0px
}
.Mtopics .a_ttl {
  line-height: 46px;
  top: 21%;
  left: 74%;
  font-size: 20px;
}
.Mtopics .secondInner01 {
	background-color:#e6e6e6;
	text-align:center;
}
.Mtopics .SCInnerBox01 {
	width:80%;
	position:relative;
	font-size:0;
	margin:0 auto;
	margin-bottom:9vw;
	padding-top:3%;
}
.Mtopics .contents_box .a_back {
  margin-left: 0%;
  margin-right: 55%;
}
.Mtopics .a_txt {
  top: 89%;
  left:58%;
}
.Mtopics .contents_box .a_logo.a_items {
  width: 27%;
  left: 66%;
  top: -3%;
}

.Sservice .contents_box .a_logo.a_items {
	width: 16%;
	}

.Mtopics .contents_box .a_pic.a_items {
  width: 50%;
  left: 8%;
  top: 8%;
  opacity:0;
  transition:0.3s;
}
.Mtopics .detail_con {
  width: 90%;
  margin: 0 auto;
  font-size:1.3vw;
}
.Mtopics .topic_list_field {
	margin-top: 3.7vw;
}

/*20201118_TOPICS追加*/
.SCInnerBox01 .notice01 {
	line-height: 3vw;
}

.SCInnerBox01 .notice02 {
	line-height: 3.5vw;
	margin-top: 20px;
	float: right;
}

@media screen and (max-width: 768px) {
.Mtopics .a_txt {
  top: 93%;
  left: 6%;
  margin-right:6%;
}
.Mtopics .secondInner01 {
	margin-top:37vw;
	margin-bottom:32vw;
}
.Mtopics .SCInnerBox01 {
	width:90%;
	margin-bottom:9vw;
	padding-top:8%;
}
}


/*　サービス */
.Mservice .contents_box .a_anim .a_anim_area {
  background: #e6e6e6;
}
.Mservice .greeting {
  margin-top: 16vw;
}
.Mservice .contents_box {
  width: 100%;
  margin-left: 0%;
  position: relative;
  margin-bottom: 147px;
  padding-bottom: 0px
}
.Mservice .contents_inner {
  position: relative;
  margin-right:0%;
}
.Mservice .contents_box .a_logo.a_items {
  width: 18%;
  left: 6%;
  top: -10%;
}
.Mservice .contents_box .a_pic.a_items {
  width: 50%;
  right: 8%;
  top: 8%;
  opacity:0;
  transition:0.3s;
}

.Mservice .contents_box .a_back {
	opacity: 0.1;
  	margin-right: 0%;
  	margin-left: 55%;
	}

.Mservice .a_txt {
  top: 85%;
  left:10%;
}

.Mservice .secondInner01 {
	background-color: #e6e6e6;
	text-align: center;
}
.Mservice .SCInnerBox01 {
	width:80%;
	position:relative;
	font-size:0;
	margin:0 auto;
	margin-bottom:9vw;
	padding-top:3%;
}
.Mservice .detail_con {
  width: 100%;
  margin: 0 auto;
  font-size:1.3vw;
}
.Mservice .topic_list_field {
	margin-top: 3.7vw;
}



@media screen and (max-width: 768px) {
.Mservice .contents_box {
  margin-bottom: 126px;
}
.Mservice .contents_box .a_back {
	margin-top:-36%;
}
.Mservice .a_txt {
	top: 95%;
  left:5%;
  padding-right: 5%;
}
.Mservice .SCInnerBox01 {
	width:90%;
	position:relative;
	font-size:0;
	margin:0 auto;
	margin-bottom:9vw;
	padding-top:3%;
}
.Mservice .detail_con {
  width: 100%;
  margin: 0 auto;
  font-size:1.3vw;
  padding-top:8%;
}
.Mservice .service_list_field {
	margin-top: 3.7vw;
	text-align:left;
}
}


/*制作実績*/
.Mwork .contents_box .a_anim .a_anim_area {
  background: #e6e6e6;
}
.Mwork .contents_box {
  width: 100%;
  margin-left: 0%;
  position: relative;
  margin-bottom: 84px;
  padding-bottom: 0px
}
.Mwork .a_ttl {
  line-height: 46px;
  top: 21%;
  left: 77%;
  font-size: 20px;
}
.Mwork .secondInner01 {
	background-color:#e6e6e6;
	text-align:center;
}
.Mwork .SCInnerBox01 {
	width:80%;
	position:relative;
	font-size:0;
	margin:0 auto;
	margin-bottom:9vw;
	padding-top:3%;
}
.Mwork .contents_box .a_back {
  margin-left: 0%;
  margin-right: 55%;
}
.Mwork .a_txt {
  top: 81%;
  left:59%;
}
.Mwork .contents_box .a_logo.a_items {
  width: 27%;
  left: 73%;
  top: -3%;
}
.Mwork .contents_box .a_pic.a_items {
  width: 50%;
  left: 8%;
  top: 8%;
  opacity:0;
  transition:0.3s;
}
.Mwork .detail_con {
  width: 100%;
  margin: 0 auto;
  font-size:1.3vw;
}
.Mwork .topic_list_field {
	margin-top: 3.7vw;
}
@media screen and (max-width: 768px) {
.Mwork .a_txt {
  top: 93%;
  left: 6%;
  margin-right:6%;
}
.Mwork .secondInner01 {
	margin-top:37vw;
	margin-bottom:32vw;
}
.Mwork .SCInnerBox01 {
	width:90%;
	margin-bottom:9vw;
	padding-top:8%;
}
.Mwork .detail_con_first {
  width: 100%;
  margin: 0 auto;
  font-size:3.5vw;
  margin-top: 6vw;
}
.Mwork .service_txt {
	font-size:3.2vw;
	text-align:left;
}
}

/*採用情報*/
.Mrecruit .contents_box .a_logo.a_items {
  width: 19%;
  left: 6%;
  top: -10%;
}
.Mrecruit .SCInnerBox01 {
	margin-bottom:5vw;
}
.Mrecruit .SCBoximg01 {
	top: -5%;
	}
.Mrecruit .SCInnerBox02 {
	font-size:0;
	padding-top:5vw;
	padding-bottom: 5vw;
}
.Mrecruit .SCInnerBox02 .SCBoximg01 {
	position:relative;
	margin-left:5%;
	}
.Mrecruit .SCInnerBox03 .SCBoximg01 {
	margin-left:0%;
	}
.Mrecruit .SCInnerBox02 .SCBoxtxtbox {
	width:55%;
	display:inline-block;
	vertical-align: middle;
	margin-top:0%;
	margin-left:0%;
	margin-right:0%;
	}
.Mrecruit .SCInnerBox03 .SCBoxtxtbox {
	width:50%;
	display:inline-block;
	vertical-align: middle;
	margin-top:0%;
	margin-left:5%;
	margin-right:0%;
	}
.SI02tit {
	font-size:1.5vw;
	margin-left:-5%;
}

.recruit-titletop {
	margin-top: 16%;
}

.SL02con02 {
	font-size:0;
	position:relative;
}
.SL02con02 .SL02img {
	width:60%;
	display:inline-block;
	position:absolute;
	top:10%;
	left:-3%;
}
.SL02con02 .OLtxt {
	width:30%;
	display:inline-block;
	font-size:1.1vw;
	margin-left:50%;
	margin-top:12%;
}
.secondInner02_2:last-child {
	margin-top:17%;
}
.Mrecruit .ABpolicyIN {
	width: 14vw;
	height: 14vw;
	margin-right:1%;
}
.Mrecruit .ABpolicyIN .ABpTIT {
	border-bottom: #000 solid 0.1vw;
	margin-top:3vw;
	padding-bottom:1vw;
}

.Rwidget {
	width:80%;
	margin-left:10%;
    margin-bottom: 12vw;
}

.Mrecruit .history .OLtxt {
	width:70%;
	margin-left:15%;
}
.Mrecruit .history .OLtxt .formTable tr th {
	width:36%;
	padding-top:1.5vw;
	padding-bottom:1.5vw;
	font-weight: normal;
}
.Mrecruit .history .OLtxt .formTable tr th .mast {
	display: inline;
	color:#fff;
	background-color:#e6f000;
	padding:1px 5px ;
	border-radius:4px;
}
.Mrecruit .history .OLtxt .formTable tr td .fontsize02 {
	display:inline-block;
	margin-left:1vw;
	vertical-align:middle;
	line-height:1.5vw;
}
/*ボタンは上記共通項に記載*/

@media screen and (max-width: 768px) {
.Mrecruit .contents_box .a_back {
	margin-top:-35%;
}
.Mrecruit .secondInner01 {
	margin-bottom:26vw;
}
.Mrecruit .SCInnerBox02 {
	padding-top:8vw;
}
.Mrecruit .SCInnerBox02 .SCBoximg01 {
	width:100%;
	position:relative;
	margin-left:5%;
	}
.Mrecruit .SCInnerBox02 .SCBoxtxtbox {
	width:100%;
	display:block;
	vertical-align: middle;
	margin-top:5%;
	margin-left:0%;
	margin-right:5%;
	padding-top:0%;
	}
.Mrecruit .SCInnerBox02:last-child .SCBoxtxtbox {
	width:100%;
	display:iblock;
	margin-left:0%;
	margin-top:5%;
	}
	
.SI02tit {
	font-size:4vw;
	margin-left:-5%;
}
	
.recruit-titletop {
	margin-top: 15%;
}
	
.SL02con02 .SL02img {
	width:90%;
	display:block;
	position: relative;
	left:5%;
	margin-top:8%;
}
.SL02con02 .OLtxt {
	width:90%;
	display:block;
	font-size:3.5vw;
	margin-left:5%;
	margin-top:6%;
	padding-right:0%;
}

.Mrecruit .ABpolicyCON {
}
.Mrecruit .ABpolicyIN {
	width: 31vw;
	height: 31vw;
	margin-right:1%;
	font-size:2.7vw;
}
.Mrecruit .ABpolicyIN .ABpTIT {
	border-bottom: #fff solid 0.1vw;
	margin-top:3vw;
	padding-bottom:3vw;
}


.Mrecruit .history {
	padding-top:11%;
	padding-bottom:11%;
	}
.Mrecruit .history .OLtxt {
	width:90%;
	margin-left:5%;
}
.Mrecruit .history .OLtxt .formTable tr th {
	width:100%;
	display:block;
	padding-top:8vw;
	padding-bottom:1.5vw;
	font-weight: normal;
}
.Mrecruit .history .OLtxt .formTable tr td {
	width:100%;
	display:block;
}
.Mrecruit .history .OLtxt .formTable tr th .mast {
	padding:1px 15px ;
	font-size:3vw;
}
.Mrecruit .history .OLtxt .formTable tr td .fontsize02 {
	line-height:3.5vw;
}
}


/*SP第二階層共通*/
@media screen and (max-width: 768px) {
.secondPAGE  {
	font-size:3.5vw;
}
.secondPAGE .a_ttl {
  line-height: 8vw;
  top: 55%;
  left: 5%;
  font-size: 4vw;
}
.secondPAGE .a_ttl .bold{
  font-size: 9vw;
}
.secondPAGE .contents_box .a_anim{
  height: 88%;
}
.Mtopics .contents_box .a_back {
	opacity: 0.1;
	margin-top:-36%;
}
.Mwork .contents_box .a_back {
	margin-top:-36%;
}
.secondPAGE .minTIT01 {
	font-size:6vw;
	color:#000000;
	}
.secondPAGE .minTIT02 {
	line-height: 6vw;
	font-size:4vw;
	}
.secondPAGE .more {
  position:relative;
  font-size: 3.5vw;
  color:#000;
  top: 92%;
  left: 28%;
  transition: 0.2s;
}
}



/*第3下層　アバウト*/
.Tabout .workCONimg {
	width:40%;
	margin:0 auto;
	margin-bottom:5vw;
}
.Tabout .contents_box .a_anim .a_anim_area {
  background: #e6e6e6;
}
.Tabout .secondInner01 {
}
.Tabout .SCInnerBox01 {
}
.Tabout .SCcontit {
	text-align:center;
	margin-top:0%;
}
.Tabout .THtxt {
	margin-top:-2vw;
	margin-bottom:3vw;
}
/*.ThirdPAGE .secondInner01 .SCInnerBox01  .more {
	left:0;
	margin-top:12.5vw;
	margin-left: 0%;
	display:inline-block;
}*/
.Tabout .Fbtn {
	width:50%;
	line-height:39px;
}
@media screen and (max-width: 768px) {
.Mabout .contents_box .a_logo.a_items {
  width: 35%;
  left: 65%;
  top: -3%;
}
.Tabout .contents_box .a_anim .a_anim_area {
  background: #e6e6e6;
}
.Tabout .secondInner01 {
	display:block;
}
/*.ThirdPAGE .topicsCONimg {
	width:100%;
	margin-left:-7%;
}*/
.Tabout .THtxt {
	font-size:4vw;
	margin-top:-4vw;
	margin-bottom:11vw;
}
.Tabout .THtxt02 {
}
.Tabout .Fbtn {
	width:60%;
	line-height:39px;
	margin:0 auto;
	margin-top:10vw;
}
}

/*第3下層　トピックス*/
.Ttopics .topicsCONimg {
	width:60%;
}
.Ttopics .secondInner01 {
	display:flex;
}
.Ttopics .SCInnerBox01 {
}
.Ttopics .SCcontit {
	text-align:left;
	margin-top:0%;
}
.Ttopics .THtxt {
	margin-top:-2vw;
	margin-bottom:3vw;
}
.Ttopics .Fbtn {
	width:50%;
	line-height:39px;
}
.Ttopics .more02BOX {
	margin-top:3vw;
	margin-bottom:-3vw;
}
.Ttopics .more02 {
	font-size:0.8vw;
	margin-top:1vw;
}
@media screen and (max-width: 768px) {
.Ttopics .secondInner01 {
	display:block;
}
.Ttopics .topicsCONimg {
	width:100%;
	margin-left:-7%;
}
.Ttopi02 .topicsCONimg {
	margin-left:5%;
}
.Ttopi03 .topicsCONimg {
	margin-left:5%;
	margin-bottom: -11vw;
}
.Ttopi04 .topicsCONimg {
	margin-left:0%;
	margin-bottom: -11vw;
}


.Ttopics .THtxt {
	font-size:4vw;
	margin-top:-4vw;
	margin-bottom:11vw;
}
.Ttopics .THtxt02 {
}
.Ttopics .Fbtn {
	width:60%;
	line-height:39px;
	margin:0 auto;
	margin-top:10vw;
}
.Ttopics .more02BOX {
	margin-top:5vw;
}
.Ttopics .more02 {
	font-size:3vw;
	margin-top:1vw;
	margin-bottom:1vw;
}
}


/*第3下層　制作実績*/
.Twork .workCONimg {
	width:100%;
	margin-bottom:5vw;
}
.Twork .secondInner01 {
}
.Twork .SCInnerBox01 {
}
.Twork .SCcontit {
	text-align:left;
	margin-top:0%;
}
.Twork .THtxt {
	margin-top:-2vw;
	margin-bottom:3vw;
}
.ThirdPAGE .secondInner01 .SCInnerBox01  .more {
	left:0;
	margin-top:6.5vw;
	margin-left: 0%;
	display:inline-block;
}
.Twork .Fbtn {
	width:50%;
	line-height:39px;
}
@media screen and (max-width: 768px) {
.Mwork .contents_box .a_logo.a_items {
  width: 35%;
  left: 65%;
  top: -3%;
}
.Twork .secondInner01 {
	display:block;
}
.Twork .topicsCONimg {
	width:100%;
	margin-left:-7%;
}

.Twork .THtxt {
	font-size:4vw;
	margin-top:-4vw;
	margin-bottom:11vw;
}
.Twork .THtxt02 {
}
.Twork .Fbtn {
	width:60%;
	line-height:39px;
	margin:0 auto;
	margin-top:10vw;
}

}



/*第3下層共通*/
.ThirdPAGE .EGtit {
	font-size:2.5vw;
	}
.ThirdPAGE .contents_box .a_back {
	opacity:0;
}
.ThirdPAGE .a_ttl {
  line-height: 46px;
  top: 21%;
  left: 10%;
  font-size: 20px;
}
.ThirdPAGE .contents_box {
  margin-bottom: -10vw;
  padding-bottom: 0px
}
.ThirdPAGE .secondInner01 {
	width:80%;
	margin:0 auto;
	background-color:#fff;
	margin-top:10vw;
	margin-bottom:6vw;
	padding-bottom:3vw;}
.ThirdPAGE .SCInnerBox01 {
	width:100%;
	position:relative;
	font-size:1.1vw;
	text-align:left;
	margin:0 auto;
	margin-bottom:9vw;
	padding-top:0%;
}


/*.ThirdPAGE .SCInnerBox01 {
	width:100%;
	position:relative;
	font-size:0;
	margin:0 auto;
	margin-bottom:9vw;
}*/
@media screen and (max-width: 768px) {
/*.ThirdPAGE .contents_box .a_back {
	opacity:1;
}*/
.ThirdPAGE .EGtit {
	font-size:6vw;
	}
.ThirdPAGE .contents_box {
  margin-bottom: -28vw;
  padding-bottom: 0px
}

.ThirdPAGE .a_pic {
	opacity:0;
}
.ThirdPAGE .contents_box .a_anim {
	height:49%;
}
.ThirdPAGE .a_ttl {
	line-height: 33px;
    left: 5%;
    font-size: 20px;
	top:6%;
}
.Mtopics .contents_box .a_logo.a_items {
  width: 32%;
}

.ThirdPAGE .secondInner01 {
	width:90%;
	margin-top:10vw;
	margin-bottom:11vw;
	padding-bottom:3vw;}
.ThirdPAGE .contents_box {
  margin-top: 92px;
}
	
.ThirdPAGE .SCInnerBox01 {
	width: 100%;
	font-size: 3.5vw;
	text-align: left;
	margin-top: 7vw;
	margin-bottom: 9vw;
	padding-top: 0%;
	}
	}

/*ポリシー等ヘッダーのカラーbgがないもの*/
.Tpolicy .secondInner01 {
	width:80%;
	margin:0 auto;
	background-color:#fff;
	margin-top:26vw;
	margin-bottom:6vw;
	padding-bottom:3vw;}
.Tpolicy .secondInner03 {
	margin-top:6vw;
	margin-bottom:6vw;
}
.Tpolicy .secondInner03 .THtxt02 {
	margin-bottom:3vw;
}
.Tpolicy .pankuzu {
	width: 100%;
	position:relative;
	text-align:left;
	margin-bottom:8vw;
	z-index:10;
}
.Tpolicy .SCInnerBox01:last-child {
	margin-top:12vw;
}
.Tpolicy .THtxt02 {
	text-align:left;
}
@media screen and (max-width: 768px) {
.Tpolicy .secondInner01 {
	margin-top:25vw;
	}
.Tpolicy .secondInner03 {
	margin-top:15vw;
	margin-bottom:10vw;
	}
}


/*コンタクト*/
.Tcontact .OLtxt {
	width:70%;
	margin-left:15%;
	text-align:left;
	line-height:2.5vw;
	margin-top:0;
	}

.Tcontact .THtxt02 {
	text-align: center;
	}

.Tcontact .OLtxt .formTable tr th {
	width:30%;
	padding-top:1.5vw;
	padding-bottom:1.5vw;
	font-weight: normal;
	}

.Tcontact .OLtxt .formTable tr th .mast {
	display: inline;
    color: #fff;
    /* background-color: #e6f000; */
    background-color: #e60012;
    padding: 1.5%;
    border-radius: 2px;
	font-size: 1vw;
	}

.Tcontact .OLtxt .formTable tr td .fontsize02 {
	display:inline-block;
	margin-left:1vw;
	vertical-align:middle;
	line-height:1.5vw;
	}

.contact_category .THtxt02{
		font-size: 1.2vw;
	}	

/*ボタンは上記共通項に記載*/

@media screen and (max-width: 768px) {
.Tpolicy .pankuzu {
	margin-bottom:14vw;
}
.Tcontact .OLtxt {
	width:90%;
	display:block;
	font-size:3.5vw;
	margin-left:5%;
	margin-top:6%;
	padding-right:0%;
}

.Tcontact .ABpolicyIN {
	width: 31vw;
	height: 31vw;
	margin-right:1%;
	font-size:2.7vw;
}
.Tcontact .ABpolicyIN .ABpTIT {
	border-bottom: #fff solid 0.1vw;
	margin-top:3vw;
	padding-bottom:3vw;
}
.Tcontact .OLtxt .formTable{
	width:90%;
}

.Tcontact .OLtxt .formTable tr th {
	width:100%;
	display:block;
	padding-top:8vw;
	padding-bottom:4%;
	font-weight: normal;
}
.Tcontact .OLtxt .formTable tr td {
	width:100%;
	display:block;
	line-height: 6vw;
	}
.Tcontact .OLtxt .formTable tr th .mast {
	padding:1%;
	font-size:3vw;
}
.Tcontact .OLtxt .formTable tr td .fontsize02 {
	line-height:3.5vw;
	font-size: 3vw;
}
}



/* footer */
footer {
	background: #4d4d4d;
	padding: 5% 10%;
	position: relative;
	width: 80%;
	}

footer a {
	color:#FFF !important;
	text-decoration:none;
	}

footer a:hover {
	color:#FFF !important;
	}

.footer_logo {
	width: 15%;
	margin-bottom: 25px;
	}

footer .list_items {
	color: #fff;
	font-size: 1.1vw;
	display: inline-block;
	position: relative;
	margin-right: 15%;
	left: 0;
	font-family: "Avenir";
	letter-spacing: 0.1vw;
	font-weight: bold;
	}

footer .list_items:after {
	content: '';
    width: 70px;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 110%;
	transition:0.2s;
	}

footer .list_items:hover:after {
	width: 30px;
	}

.copyright {
	font-size: 1.1vw;
	color: #FFF;
	margin-top: 30px;
	font-family: "Avenir";
	letter-spacing: 0.1vw;
	}

.sns {
	position: absolute;
	top: 24%;
    width: 7%;
    display: flex;
	right: 10%;
	justify-content: space-between;
	}

.sns a {
	width: 37%;
	}

	
@media screen and (max-width: 768px) {
footer {
	padding: 5% 5%;
	width: 90%;
	}
	
.footer_logo {
	width:43%;
	}
footer .list_items {
	font-size: 3vw;
	margin-right: 15%;
	left: 0;
	}
	
footer .list_items:after {
	content: '';
	width: 40px;
	}
	
.copyright {
	font-size: 3.5vw;
	margin-top: 30px;
	}
	
.sns {
	width: 18%;
	top: 18%;
	}	
}

.txt_white {
	color: #fff;
}
@media screen and (max-width: 768px) {
.txt_white {
	color: #000000;
}
}

.txt_black {
	color: #000;
	}

@media screen and (max-width: 768px) {
.sp_top {
	margin-top: 5%;
}
}

@media screen and (max-width: 768px) {
.OLtxt {
	width: 80%;
	display: block!important;
}
}

.OLtxt-list {
	width: 100%;
	display: flex;
	}

.OLtxt01 {
	width: 20%;
	}

.OLtxt02 {
	width: 70%;
	margin-right: 10%;
	margin-bottom: 4%;
	}

.OL-txt-01 {
	width: 10%;
	}
@media screen and (max-width: 768px) {
.OL-txt-01 {
	width: 100%;
}
}

.OL-txt-02 {
	width: 70%;
	margin-left: 10%;
	}

@media screen and (max-width: 768px) {
.sp-OLtxt-01 {
	margin-bottom: 2%;
	}	
	
.sp-OLtxt-02 {
	font-size: 3vw;
    padding-bottom: 6%;
	margin-bottom: 6%;
	border-bottom: #FFF 0.1vw solid;
}
}

.about-back {
	opacity: 0.1;
	}

.topics-back {
	opacity: 0.1;
	}

.work-back {
	opacity: 0.1;
	}
@media screen and (max-width: 768px) {
.about-page {
	top: 50%;
}
}

/*.a_txt {
  	font-family: "游ゴシック体", YuGothic;
	}*/

.recruit-top {
	margin-top: -13%;
	}	

.pc_top {
    margin-top: 5%;
	}
@media screen and (max-width: 768px) {
.pc_top {
	margin-top: 9%;
	}
}

.pc_top02 {
	margin-top: 4%;
	}

.top-greeting-bottom {
	margin-bottom: 30%;
	}

.box-bottom {
	margin-top: 13%;
}

.box-bottom02 {
	margin-bottom: 17%;
}
@media screen and (max-width: 768px) {
.box-bottom02 {
	margin-bottom: 7%;
	}
}







/*1912追加_動画スタジオ*/
.Ttopi05 .topicsCONimg {
	margin-right:1vw;
}
.EGtit02 {
	font-size:1.8vw;
}
.SIflexTIT {
	font-size:1.4vw;
	margin-top: 3%;
    margin-bottom: 2%;
}
.SIelement01 {
	width: 80%;
    margin: 0 auto;
    text-align: center;
}
.SIflex {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	text-align: left;
	margin-top: 2vw;
}
.SIflex li {
	width: 24.2%;
}
.SIflex02 li {
	width: 32.5%;
	margin-bottom: 3%;
}
.SIflex03 li {
	width: 48.5%;
}
.SIelement02 {
	width:100%;
	/*margin-top: 15vw;
    background: #f5f5f5;*/
    padding: 10vw 0 8vw 0;
}
.SIelement03 {
	width:70%;
	margin-top:13vw;
	margin-bottom:20vw;
}
/*.Ttopi05 .more {
    left: 0;
    margin-top: 6.5vw;
    margin-left: 0%;
    display: inline-block;
}*/

.movie-size {
	width: 100%;
    height: 16vw;
	}

.movie-size02 {
	width: 100%;
    height: 22vw;
}

.back-gray {
	background: #f5f5f5;
	}


@media screen and (max-width: 768px) {
/*1912追加_動画スタジオ*/
.Ttopi05 .topicsCONimg {
    margin-left: 0%; 
}
.Ttopi05 .secondInner01 {
    margin-bottom: 28vw;
}
.SIflex {
    margin-top: 10vw;
}
.EGtit02 {
	font-size:5vw;
}
.SIflexTIT {
	font-size:4vw;
	margin-top: 6%;
	margin-bottom: 4%;
	line-height: 5vw;
}
.SIelement01 {
	width: 90%;
}
.SIflex li {
    width: 43.5vw;
	margin-bottom: 5vw;
}
.SIflex02 li {
    width: 48.5%;
	
}
.SIelement02 {
    margin-top: 35vw;
    padding: 21vw 0 26vw 0;
}
.SIelement03 {
	width:70%;
	margin-top:26vw;
	margin-bottom:27vw;
}
.SIflex03 li {
	width: 100%;
	margin-bottom:3vw;
}
	
.movie-size {
	width: 100%;
    height: 30vw;
	}
	
.movie-size02 {
	width: 100%;
    height: 40vw;
}

/*.back-gray {
    padding-top: 20%;
    padding-bottom: 10%;
	}*/


}

/*20.01.06　topics追加*/
.topic_list {
    margin-right: 1%;
    width: 24%;
	margin-bottom: 3%;
	}

@media screen and (max-width: 768px) {
.topic_list {
	width: 47%;
	}
}


/* 20.03.13　/service/web-producion/ */
.contents01 {
	text-align: center;
	margin-bottom: 15%;
    margin-top: 10%;
	}

.title01 {
	font-size: 4vw;
	font-family: "Avenir";
    margin-bottom: 1%;	}

.title02 {
	font-size: 2vw;
	margin-bottom: 5%;
	font-family: "Avenir";
	}

.txt01 {
    font-size: 1.5vw;
    line-height: 2.5vw;
	margin-bottom: 2%;
	}

.contents02 {
	background: #e6e6e64a;
	text-align: center;
	margin-bottom: 20%;
	padding-top: 6%;
    padding-bottom: 6%;
	}

.contents02_txt01 {
    margin-bottom: 3%;
	font-size: 1.3vw;
	}

.contents_list {
	display: flex;
	width: 75%;
    right: 0;
    left: 0;
    margin: 0 auto;
	justify-content: space-between;
	}

.contents_list li {
	width: 14vw;
    height: 14vw;
    /*margin-right: 1%;*/
	background-color: #cccccc45;
    border-radius: 50%;
	padding: 2%;
	}

.list_txt01 {
	border-bottom: #000 solid 0.1vw;
	margin-top: 9%;
	padding-bottom: 1vw;
	font-size: 1.5vw;
	}

.list_txt02 {
	margin-top: 7%;
	line-height: 2vw;
	}

.contents03 {
	display: flex;
	width: 80%;
	margin: 0 auto;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 20%;
	}

.contents03_box01 {
	width: 48%;
	}

.box01_title {
	font-size: 2.6vw;
	margin-bottom: 6%;
	}

.box01_txt01 {
	line-height: 2.3vw;
    margin-bottom: 5%;
	}

.box01_txt02 {
    margin-bottom: 5%;
	}

.contents03_box02 {
	display: flex;
	width: 48%;
	justify-content: space-between;
	margin-top: 5%;
	}

.box02_img {
	width: 50%;
	}

.sp_none {
	display: none;
	}


.contents04 {
	display: flex;
	width: 80%;
	margin: 0 auto;
	justify-content: space-between;
	margin-bottom: 20%;
	}

.contents04_box02 {
	position: relative;
	width: 40%;
	}

.contents04_img01 {
    filter: drop-shadow(7px 10px 10px rgba(0,0,0,0.2));
    width: 40%;
    position: absolute;
    top: 10%;
	left: -10%;
	}

.contents05 {
    width: 100%;
    background: #e6e6e64a;
    text-align: center;
	padding-top: 6%;
    padding-bottom: 6%;
	margin-bottom: 20%;
	}

.contents05_title {
	font-size: 1.3vw;
	margin-bottom: 3%;
}

.contents05 ul {
	width: 80%;
    margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.contents05 li {
	width: 30%;
}

.contents05_img {
	filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.2));
	}

.contents05_txt {
	text-align: left;
    line-height: 2vw;
    margin-top: 5%;
	}

.contents06_title01 {
	font-size: 1.3vw;
	}

.contents06 {
    width: 60%;
    margin: 0 auto;
	}

.contents06_title01 {
    font-size: 1.3vw;
    margin-bottom: 3%;
	text-align: center;
	}

.contents06_title02 {
	background: #e6e6e64a;
    padding: 2%;
	}

.contents06 ul {
    margin-bottom: 10%;
	}

.contents06 li {
	display: flex;
	}

.contents06 li p {
	border-bottom: solid 1px #000;
}

.contents06_txt01 {
	width: 75%;
    padding-bottom: 2%;
    padding-top: 3%;
	}

.contents06_txt02 {
	width: 25%;
    padding-bottom: 2%;
    padding-top: 3%;
	}

.web_contact {
    margin: 0 auto;
    width: 30%;
    text-align: center;
    background: #e6f000;
    line-height: 5vw;
	margin-top: 12%;
    margin-bottom: 30%;
	}

.top_return {
	width: 80%;
    margin: 0 auto;
	margin-bottom: 10%;
	}

/*.Sservice .contents_box .a_logo {
	width: 16.5%;
	} */

.service_return {
    width: 40%;
	margin-left: -10%;
	}



@media screen and (max-width: 768px) {
	.contents01 {
    	width: 80%;
    	margin: 0 auto;	
		margin-bottom: 20%;
    	margin-top: 15%;
		}	
	
	.title01 {
		font-size: 8vw;
		}
	
	.title02 {
		font-size: 5vw;
		}
	
	.txt01 {
		font-size: 3.5vw;
	    line-height: 6.5vw;
		}
	
	.contents_list {
		flex-wrap: wrap;
		display: flex;
	    width: 80%;
	    margin-top: 7%;
		}
	
	.contents_list li {
		width: 36vw;
		height: 36vw;
		margin-bottom: 2%;
		}
	
	.list_txt01 {
		font-size: 3.5vw;
		width: 80%;
    	margin: 0 auto;
		margin-top: 10%;
		}
	
	.list_txt02 {
		font-size: 3.4vw;
		line-height: 5.5vw;
		}
	
	.contents02_txt01 {
		font-size: 3.5vw;
	    width: 80%;
    	margin: 0 auto;
		}
	
	.contents03 {
		display: block;
		margin-bottom: 30%;
		}
	
	.contents03_box01 {
		width: 100%;
		
		}
	
	.contents03_box02 {
		width: 100%;
		}
		
	.box01_img {
		margin-bottom: 4%;
		filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.2));
		}
	
	.box01_title {
		font-size: 5.6vw;
		}
	
	.box01_txt01 {
		font-size: 3.5vw;
		line-height: 7.3vw;
		margin-bottom: 8%;
		}
	
	.contents04 {
		display: block;
		margin-bottom: 40%;
		}
	
	.contents04_box02 {
		width: 100%;
		}
	
	.contents04_img01 {
	    left: 70%;
		top: 0;
	    width: 30%;
		}
	
	.contents04_img02 {
    	width: 80%;
    	padding-top: 10%;	
		}
	
	.contents05 {
		padding-top: 13%;
		margin-bottom: 40%;
		}
	
	.contents05 li {
		width: 100%;
	    margin-bottom: 16%;
		}
	
	.contents05_title {
		font-size: 5.6vw;
		}
	
	.contents05_txt {
		font-size: 3.5vw;
	    line-height: 6vw;
		}
	
	.contents06 {
	    width: 80%;
		}

	.contents06_title01 {
		font-size: 5.6vw;
		}
	
	.contents06_txt01 {
    	font-size: 2.8vw;
		}
	
	.contents06_txt02 {
		font-size: 3vw;
	    line-height: 8vw;
		}
	
	.web_contact {
		width: 80%;
		font-size: 3.5vw;
		line-height: 15vw;	
		}
	
	.sp_none {
		display: block;
		display: flex;
		}
	
	.logo_width img {
		width: 35%;
		}
	
	.Sservice .contents_box .a_logo.a_items {
		width: 25%;
		} 
	
	.service_return {
		width: 70%;
		}
}

/* 20.03.30　追記（映像制作） */

.contents07 {
	background: #e6e6e64a;
	padding-top: 6%;
	text-align: center;
	}
.movie-production .txt01_link {
	text-decoration: underline;
	
}
.contents07 .contents05_title {
	font-size: 2.6vw;
    margin-bottom: 1.5%;
	}

.contents07 ul {
	display: flex;
    width: 70%;
    margin: 0 auto;
	justify-content: space-between;
	margin-top: 6%;
	}

.contents07 ul li {
	width: 32%;	
	}

.plan_img {
	width: 75%;
	margin: 0 auto;
	}

.plan_txt01 {
	font-size: 1.6vw;
	margin-top: 6%;
    margin-bottom: 5%;
	}

.plan_txt02 {
	font-size: 1vw;
	}

.plan_block {
	padding: 4%;
    background: #0000001f;
    width: 92%;
    border-radius: 5px;
    font-size: 1vw;
    margin-top: 18%;
    margin-bottom: 10%;
	}

.plan_txt03 {
	margin-bottom: 3%;
    width: 100%;
    border-bottom: solid 1px #000;
    padding-bottom: 2%;
	}

/*/////////////////アコーディオンメニューここから/////////////////*/
.acd-check{
    display: none;
}
.acd-label{
    background: #fff;
    /*color: #fff;*/
    display: block;
    /*margin-bottom: 1px;*/
	padding: 4%;
	/*width: 91%;*/
	border: solid 1px #000;
    /*border-radius: 5px;*/
	/*filter: drop-shadow(2px 2px 0px rgba(0,0,0,0.2));*/
	}
.acd-content{
    border: 1px solid #333;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
	}

.acd-check:checked + .acd-label + .acd-content{
	height: 28vw;
    opacity: 1;
    padding: 10px;
    visibility: visible;
	background: #fff;
	}
/*/////////////////アコーディオンメニューここまで/////////////////*/


.plan_block02 {
	width: 80%;
    margin: 0 auto;
    background: #fff;
	position: relative;
	margin-top: 10%;
    margin-bottom: 20%;
	padding-top: 1%;
	}

.plan_block02_img {
	position: absolute;
    width: 59%;
	z-index: 10;
	left: -13%;
	top: 15%;
	}

.plan_block02_mini {
    width: 60%;
	display: flex;
	position: relative;
    z-index: 30;
	margin-left: 38%;
	margin-top: 5%;
	}

.plan_block02_mini02 {
    margin-top: 5vw;
	text-align: left;
	}
.plan_block02_mini02 .width {
	width: 100%;
	margin-top: 2vw;
}
.movie-production .plan_block02_mini02 .more {
	left: 10%;
}
.movie-production .more.line:after {
	left: 64%;
}
.movie-production .plan_block02_mini02 .more.line:after {
	left: 83%;
    top: 38%;
	
}


.plan_txt04 {
    /*margin-top: 5%;*/
	}

.plan_txt04_margin {
	margin-top: 6%;
    margin-bottom: 7%;
	}

.plan_txt05 {
	text-align: center;
    font-size: 1.2vw;
	}

.plan_txt05_color {
	background: #e6f000;
	padding-top: 4%;
    padding-bottom: 4%;
	}

.plan_txt06 {
    font-size: 0.5vw;
    margin-top: 2%;
    margin-bottom: 3%;
	}

.plan_price {
    width: 37%;
    margin-right: 6%;
	}

.plan_txt07 {
	letter-spacing: 0.1vw;
    width: 100%;
    font-size: 1.8vw;
	}

.plan_txt08 {
	width: 100%;
    font-size: 1.3vw;
    line-height: 2.2vw;
    margin-top: 4%;
	}

.package_link {
	margin-left: -30%;
    margin-top: 4%;
	}

.movie-production .contents05 {
	padding-bottom: 2%;
	}

.movie-production .contents05 li {
	margin-bottom: 6%;
	}

.movie-production .secondPAGE .more.line:after {
	left: 65%;
}

@media screen and (max-width: 768px) {
	.movie-production .contents01 {
		margin-bottom: 45%;
	}
.plan_block02 {
	width: 80%;
    margin: 0 auto;
    background: linear-gradient(180deg,#f8f8f8 0%,#f8f8f8 100px,white 100px,white 100%);
	}
.plan_block02_mini {
	display: block;
	width: 90%;
	margin-left: 0;
	margin: 0 auto;
	}
.plan_block02_mini02 {
    margin-top: 45vw;
    text-align: left;
}	
	.plan_price {
	width: 100%;
	}
	
	.plan_txt05 {
	font-size: 4.5vw;
	}
	
	.plan_txt04 {
	font-size: 3.5vw;
	}
	
	.contents07 .contents05_title {
	font-size: 5.6vw;
	}
	
	.txt_02 {
    width: 90%;
    margin: 0 auto;
	}
	
	.contents07 ul {
	display: block;
	}
	
	.contents07 ul li {
	width: 100%;
	margin-bottom: 35%;
	}
	
	.plan_txt01 {
    font-size: 5vw;
	}
	
	.plan_txt02 {
	font-size: 3.5vw;
	}
	
	.plan_block {
	margin-top: 7%;
	margin-bottom: 4%;
	}
	
	.acd-check:checked + .acd-label + .acd-content {
	height: 96vw;
	}
	
	.plan_txt04_margin {
	margin-top: 3%;
    margin-bottom: 3%;	
	}
	
	.plan_price {
	width: 75%;
	margin: 0 auto;
	}
	
	.plan_block02 {
		margin-bottom: 37%;
	}
	
	.plan_block02_img {
    width: 90%;
    z-index: 10;
	position: absolute;
    margin: 0 auto;
    top: 53vw;
	left: 5%;
	}
	
	.plan_txt07 {
	text-align: center;
    font-size: 5vw;
    line-height: 7vw;
	}
	
	.plan_txt08 {
	text-align: center;
	font-size: 3.5vw;
    line-height: 6vw;
	}
	
	.movie-production .plan_block02_mini02 .more {
    left: 16%;
	}
	.plan_block02_mini02 .width {
    margin-top: 9vw;
}
.movie-production .more.line:after {
    left: 104%;
}
	.movie-production .plan_block02_mini02 .more.line:after {
    left: 46%;
}
}






.web_bt_space {
	margin-left: 29%;
	}

.width {
	width: 50%;
    margin-bottom: 20%;
	}


/* 20.4.13　追記*/
.service-lp {
	background: #E6E6E6;
    padding-top: 7%;
	padding-bottom: 7%;
    text-align: center;
	}

.service-lp-txt01 {
    font-weight: 900;
    letter-spacing: 0.5vw;
    font-size: 1.8vw;
    margin-bottom: 2%;
	}

.service-lp-txt02 {
	margin-bottom: 3%;
	}

.service-lp ul {
	flex-wrap: wrap;
	display: flex;
    width: 80%;
    margin: 0 auto;
    justify-content: space-between;
	}

.service-lp ul li {
	width: 32.5%;
	margin-bottom: 0.5%;
	}

.service-lp ul li img {
	border: solid 1px #000;
	}

.footer-lp{
	background: #000;
	}

.footer-lp ul {
    width: 70%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 2%;
	padding-bottom: 1.8%;
	opacity: 0.5;
	}

.footer-lp ul li {
	width: 12%;
	}

/*.footer-lp ul li:last-child {
	padding-top: 1.5%;
	width: 34%;
	}*/

/*.footer-lp .logo_margin {
	padding-top: 1%;
	width: 22%;
	}*/

.sumaho-orikomi_logo {
	padding-top: 1%;
	}

.footer-lp ul .smartphoneLP_logo {
	width: 17%;
    padding-top: 0.5%;
	}

.evental_logo {
	padding-top: 1%;
	}

@media screen and (max-width: 768px) {
	.service-lp {
		padding-top: 9%;
		padding-bottom: 5%;
		}
	
	.service-lp-txt01 {
		font-size: 4.5vw;
		}
	
	.service-lp-txt02 {
		font-size: 3.5vw;
		}
	
	.service-lp ul {
    	width: 80%;
		margin: 0 auto;
		display: block;
		}
	
	.service-lp ul li {
		width: 100%;
		}
	
	.footer-lp ul {
    	width: 85%;
		padding-top: 3%;
		}
	
	.footer-lp ul li {
		width: 27%;
		}
	
	.footer-lp ul .smartphoneLP_logo {
		width: 28%;
		}
}


.movie-link {
	margin-top: 6%;
	}

.movie-link a {
	text-decoration: underline;
	}

.point_red {
	text-align: center;
    margin-top: 2%;
    color: #ce0000;
	}
@media screen and (max-width: 768px) {
.point_red {
	margin-top: 7%;
	line-height: 5.5vw;
	}
}



/* 20.6.26 contact改修 */
.contact_category {
	background: #f2f2f2;
	padding-top: 7%;
    padding-bottom: 10%;
	}

.contact_category_txt01 {
	text-align: center;
	font-size: 1.4vw;
	line-height: 2.5vw;
	}

.contact_category ul {
	flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
    display: flex;
	justify-content: space-between;
	margin-top: 4%;
	}

.contact_category a {
	width: 32%;
	}

.contact_category li {
	text-align: center;
	background: #fff;
    padding: 8%;
	width: 100%;
	}

.contact_category_txt02 {
	font-size: 1.2vw;
    font-weight: bold;
	letter-spacing: 0.15vw;
	padding-bottom: 2%;
	margin-top: 8%;
	}

.contact_category_txt03 {
	font-size: 1.7vw;
	margin-top: 6%;
    margin-bottom: 5%;
	padding-bottom: 5%;
	border-bottom: solid 1px #000;
	}

.contact_category_txt04 {
	padding-top: 4%;
    padding-bottom: 4%;
	}

.contact_category_txt05 {
	font-size: 1.5vw;
	}

.contact_category ul li .padding {
	padding-top: 0%;
    padding-bottom: 0%;
	}

.contact_category li {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	/*filter: drop-shadow(0px 0px 7px #00000047);*/
	}

.contact_category li::before,
.contact_category li::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

.contact_category li,
.contact_category li::before,
.contact_category li::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

.contact_category li:hover {
	background-color: #e6f000;
	/*filter: drop-shadow(0px 0px 3px #00000047);*/
	}

.formTable {
	margin: 0 auto;
	width: 100%;
	}

.client_title {
	margin-bottom: 3%;
    font-size: 2.3vw;
	}

.client_txt {
	font-size: 1.4vw;
	margin-bottom: 1.7%;
	}

.client_link {
	background: #f2f2f2;
    padding: 1%;
	width: 80%;
    margin: 0 auto;
	/*border-top: solid 1px #000;
    border-bottom: solid 1px #000;*/
	}

.client_link a {
	text-decoration: underline;
	}

.link_file {
	line-height: 2vw;
	}

div#policy {
	padding-bottom: 1%;
	padding-top: 5vw;
	}

div#policy > p{
	/*font-weight: bold;*/
	font-size: 1.5vw;
	line-height: 2;
	padding-left: 1%;
	margin-bottom: 1%;
	}

div#policy div p:first-child {
	line-height: 2;
	}

div#policy div p {
	line-height: 1.3;
	}

div#policy div {
	height: 15vw;
	overflow:auto;
	padding: 2%;
	border: 1px solid #c0c0c0;
	background-color: #fff;
	}

.consent {
	font-weight: bold;
	text-align: center;
	font-size: 1.4vw;
	}

#check {
	margin-right: 2%;
    margin-top: 4%;
	}

form p #submit[disabled] {
	background: #fff;
    border: none;
    color: #777;
    text-shadow: none;
    line-height: 6vw;
    font-size: 1.2vw;
	letter-spacing: 0.2vw;
	}

form p input[type='submit'] {
	/*background-color: #e6f000;*/
	background-color: #000;
	color: #fff;
	line-height: 6vw;
    font-size: 1.2vw;
	transition: all .3s;
	letter-spacing: 0.2vw;
	}

hr {
	margin-top: 9%;
	}

.consent .mast {
	display: inline;
    color: #fff;
    background-color: #e60012;
    padding: 0.5%;
    border-radius: 2px;
    font-size: 1vw;
	font-weight: normal;
	}



@media screen and (max-width: 768px) {
.contact_category {
	padding-top: 10%;
	}	
	
.contact_category_txt01 {
	font-size: 3.5vw;
	line-height: 6vw;
	}	
	
.contact_category ul {
	margin-top: 8%;
	}
	
.contact_category a {
	width: 100%;
	}
	
.contact_category li {
	margin-bottom: 4%;
	/*background-color: #e6f000;*/
	/*filter: drop-shadow(0px 0px 3px #00000047);*/
	}
	
.contact_category_txt02 {
	font-size: 4.2vw;
	}
	
.contact_category_txt03 {
	font-size: 5vw;
	}
	
.client_title {
	font-size: 6vw;
	}
	
.client_txt {
	font-size: 3.5vw;
	margin-bottom: 5.7%;
	}
	
.client_link {
	width: 96%;
	padding: 2%;
	font-size: 3vw;
	}
	
.contact_bt {
	margin-top: 10%;
	margin-bottom: 5%;
	}
	
div#policy {
	width: 90%;
	margin: 0 auto;
	margin-top: 5%;
	}
	
div#policy div {
	height: 50vw;
	}
	
div#policy > p {
	font-size: 4vw;
	}
	
.consent {
	font-size: 3.5vw;
	}
	
form p #submit[disabled] {
	font-size: 4vw;
	line-height: 16vw;
	}
	
form p input[type='submit'] {
	font-size: 4vw;
	line-height: 16vw;
	}
	
hr {
	width: 90%;
    margin: 0 auto;
	margin-top: 8%;
	}
	
.consent .mast {
	font-size: 3vw;
	padding: 1%;
	}
}



/* 20.7.9 contact改修 */
.contact_category_txt03 .point {
	margin-top: 7%;
    padding: 3%;
    background: #00000014;
    font-size: 1vw;
	}

.client {
	height: 45.4vw;
	padding-top: 22%;
	}

.client .contact_category_txt03 {
	padding-top: 10%;
    padding-bottom: 17%;
    font-size: 1.8vw;
	}

.partner {
	height: 45.4vw;
	}

.freelance {
	height: 45.4vw;
	padding-top: 23%;
	}

.freelance .contact_category_txt03 {
	padding-top: 10%;
    padding-bottom: 17%;
    font-size: 1.8vw;
	}


.form_select {
	display: flex;
	margin-bottom: 3%;
	}

.form_select_tit {
	width: 30%;
	}

.form_select select {
	height: 2vw;
	}

.form_select .mast {
	display: inline;
    color: #fff;
    background-color: #e60012;
    padding: 1.5%;
    border-radius: 2px;
    font-size: 1vw;
	}

@media screen and (max-width: 768px) {
.client {
	height: auto;
	}
	
.partner {
	height: auto;
	}
	
.freelance {
	height: auto;
	}

	
.client .contact_category_txt03 {
	font-size: 4.8vw;
	padding-top: 1%;
	padding-bottom: 7%;
	}	
	
.freelance .contact_category_txt03 {
	font-size: 4.8vw;
	padding-top: 1%;
	padding-bottom: 7%;
	}
	
.contact_category_txt04 {
	padding: 0;
	}
	
.contact_category_txt03 .point {
	font-size: 2.8vw;
	}
	
.form_select {
	display: block;
	width: 90%;
    margin: 0 auto;
	}
	
.form_select_tit {
	width: 100%;
	margin-bottom: 4%;
	}
	
.form_select select {
	width: 100%;
	height: 8vw;
	}
	
.form_select .mast {
	padding: 1%;
    font-size: 3vw;
	}

/*2020/11/18追加*/	
.br-sp {
	display: none;
}

.SCInnerBox01 .notice01 {
	line-height: 8vw;
}

}