m/* CSS Document */
html {
	height: 100%;
}
body {
  	margin: 0;
  	padding: 0;
	height: 100%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	overflow-x: hidden;
}
p {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
img {
    border: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
a {
	text-decoration: none;
	color: #EB5C01;
}
main {
	position: relative;
	z-index: 4;
	margin: 0;
	padding: 0;
}
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
.wrapper02 {
	max-width: 1000px;
	margin: 0 auto;
}
.wrapper03 {
	max-width: 800px;
	margin: 0 auto;
}

@media screen and (max-width:1024px) {
	.wrapper {
		max-width: 960px;
	}
}

@media screen and (max-width:768px) {
	.wrapper {
		max-width: 700px;
	}
	.wrapper02 {
		max-width: 700px;
		height: 1400px; /* スマートフォンの場合の高さ */
		}
}

/*========= ローディング画面のためのCSS ===============*/
#splash {
	position: fixed;
	width: 100%;
	height: 100%; 
	background: #BAA30B;  
	z-index: 9999999;
	text-align:center;
	color:#fff;
}

#splash-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#splash-logo {
	position: absolute;
	top: 0%;
	left: 0%;
	margin: 10px 0 0 10px;
}
#splash.is-active,.splashbg.is-active {
  opacity: 0;
  visibility: hidden;
}
#splash-logo.is-active,#splash-loading.is-active {
  opacity: 1;
  visibility: visible;
}


/*========= 画面遷移のためのCSS ===============*/

/*画面遷移アニメーション*/
.splashbg{
    display: none;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg{
	display: block;
	animation-name: PageAnime;
	animation-duration: 1.2s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
    content: "";
    position: fixed;
	z-index: 999;
    width: 50%;
    height: 100vh;
    top: 0;
	left: 0;
    transform: translateX(-300%) skewX(-45deg);
    background-color: #F29300;/*伸びる背景色の設定*/
}

@keyframes PageAnime{
	0% {
		transform-origin:left;
		transform:translateX(-300%) skewX(-20deg);
	}
	100% {
		transform-origin:left;
		transform:translateX(500%) skewX(-20deg);
	}
}

/*画面遷移の後現れるコンテンツ設定*/
#main_toppage{
	opacity: 0;/*はじめは透過0に*/
}

/*bodyにappearクラスがついたら出現*/
body.appear #main_toppage{
	animation-name: PageAnimeAppear;
	animation-duration: 1s;
	animation-delay: 0.6s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes PageAnimeAppear{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}

/*==================================================
header
===================================*/
#wrapper {
	position: relative;
}
.bg-video-wrap {
  	position: relative;
  	overflow: hidden;
  	width: 100%;
  	height: 100vh;
  	background: url("../img/top_sample.jpg") no-repeat center center/cover;
}

/*headerインターン募集*/
.bg-video-wrap2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url("../img/top_sample.jpg") no-repeat center center/cover;
}

.bg-video-wrap2 .banner {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; /* バナーを動画の上に表示 */
}

.bg-video-wrap2 video {
    display: block;
    width: 100%;
    height: auto;
}




.top_catch {
	position: absolute;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%);
	text-align: center;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	z-index: 100;
	letter-spacing: .1em;
	font-size: 2rem;
}
.top_Boot20 {
	position: absolute;
	top: 90%;
	left: 50%;
	transform : translate(-50%,-50%);
	text-align: center;
	color: #fff;
	z-index: 100;
	letter-spacing: .1rem;
	font-size: 1rem;
}
video {
	min-width: 100%;
	min-height: 100vh;
	object-fit: cover;
}
.mask {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	z-index: 2;
	position: absolute;
    top: 0;
    right:0;
    left:0;
    bottom:0;
	background-image: url("../img/mask06.png");
}
.centering {
	position: absolute;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-35%);
}
.title_left {
	position: absolute;
	top: 50%;
	left: 30%;
	transform : translate(-50%,-35%);
}
.header_aboutus01 {
	background: url("../img/headerbg_aboutus.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}
.header_message01 {
	background: url("../img/headerbg_message.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}
.header_member {
	background: url("../img/headerbg_memebr.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}
.header_member01 {
	background: url("../img/takahashi/headerbg_takahashi.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}
.header_member02 {
	background: url("../img/kurihara/headerbg_kurihara.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}
.header_member03 {
	background: url("../img/hasegawa/headerbg_hasegawa.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}
.header_member04 {
	background: url("../img/motonaga/headerbg_motonaga.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}
.header_member05 {
	background: url("../img/akiyama/header_akiyama03.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}
.header_member06 {
	background: url("../img/iino/headerbg_iino.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}

.header_benefits {
	background: url("../img/headerbg_benefits.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}
.header_newgraduate {
	background: url("../img/headerbg_new.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}
.header_career {
	background: url("../img/headerbg_career.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 55vh;
	width: 100vw;
	position: relative;
}
.header_logo_img {
	border-right: 2px solid #fff;
	padding-right: 10px;
}
.header_logo_img_load {
	border-right: 2px solid #fff;
	padding-right: 10px;
}
.ytvideo {
	width: 840px;
	height: 500px;
}

@media screen and (max-width:1024px) {
	#main_toppage{
		opacity: 1;
	}
}

@media screen and (max-width:768px) {
	.header_member01,.header_member02,.header_member03,.header_member04,.header_member05,.header_member06 {
		background-position: 60% bottom;
	}
	
	.header_benefits {
		background-position: right;
	}
	.ytvideo {
		width: 100%;
		height: 180px;
	}
}


@media screen and (max-width:600px) {

	/*video {
  		width: auto;
		height: 100vh;
		max-width: none;
		min-width: 100%;
		min-height: 100%;
		left: 50%;
		top: 50%;
		transform: translateX(-40%);
	}*/
	.header_aboutus01 {
		background-position: left;
	}
	.header_message01 {
		background-position: right;
	}
	.header_memeber {
		background-position: center;
	}
	.title_left {
		left: 32%;
	}
	.header_member01 {
		background: url("../img/takahashi/headerbg_takahashi_sp.jpg");
		background-size: cover;
		background-position: left bottom;
		height: 50vh;
		background-repeat: no-repeat;
	}
	.header_member02 {
		background: url("../img/kurihara/headerbg_kurihara_sp.jpg");
		background-size: cover;
		background-position: left bottom;
		height: 50vh;
		background-repeat: no-repeat;
	}
	.header_member03 {
		background: url("../img/hasegawa/headerbg_hasegawa_sp.jpg");
		background-size: cover;
		background-position: left bottom;
		height: 50vh;
		background-repeat: no-repeat;
	}
	.header_member04 {
		background: url("../img/motonaga/headerbg_motonaga_sp.jpg");
		background-size: cover;
		background-position: left bottom;
		height: 50vh;
		background-repeat: no-repeat;
	}
	.header_member05 {
		background: url("../img/akiyama/header_akiyama_SP02.jpg");
		background-size: cover;
		background-position: left bottom;
		height: 50vh;
		background-repeat: no-repeat;
	}
	.header_member06 {
		background: url("../img/iino/headerbg_iino_sp.jpg");
		background-size: cover;
		background-position: left bottom;
		height: 50vh;
		background-repeat: no-repeat;
	}
	.header_newgraduate {
		background-position: center;
	}
	.header_logo_img {
		width: 150px;
		height: 43.5px;
		margin-top: 10px;
	}
	.header_logo_img_load {
		width: 150px;
		height: 43.5px;
		margin-top: 10px;
	}
	.logo_img_title {
		font-size: 1rem!important;
	}
	.logo_img_title_load {
		font-size: 1rem!important;
	}
}

@media screen and (max-width:320px) {
	.header_logo_img {
		width: 120px;
		height: 36px;
		margin-top: 10px;
	}
}


/*==================================================
navigation css
===================================*/
.navi {
	width: 100%;
	height: 77px;
	z-index: 100;/*一番上に表示*/
	position: fixed;
    top: 0;
    right:0;
    left:0;
    bottom:0;
	display: flex;
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));
	justify-content: space-between;
	transition: 0.5s;
}
.header_logo {
	margin: 10px 0 0 10px;
}
.logo_img {
	display: flex;
}
.logo_img_title {
	color: white;
	text-align: center;
	margin-left: 10px;
	font-size: 1.2rem;
	line-height: 22px;
	letter-spacing: normal;
}
.logo_img_title span {
	font-size: 14px;
}
.logo_img_load {
	display: flex;
}
.logo_img_title_load {
	color: white;
	text-align: center;
	margin-left: 10px;
	font-size:1.2rem;
	line-height: 22px;
	letter-spacing: normal;
}
.logo_img_title_load span {
	font-size: 14px;
}
.gnavi {
	margin: 15px -150px 15px 100px;
    list-style: none;
    letter-spacing: .1em;
	display: flex;
	justify-content: space-between;
}
.gnavi li {
	margin: 0px 30px;
	line-height: 22px;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: normal;
}
.gnavi_list {
	text-decoration: none;
	color: #fff;
	transition: 0.5s;
}
.gnavi li a span {
	font-size: 14px;
}
.gnavi li a:hover {
	color: #EB5C01;
}
.gnavi li:hover {
	border-bottom: 2px solid #EB5C01;
}
.entry_btn_navi {
	display: flex;
}
.entry_btn_navi p {
	width: 150px;
}
.entry_btn_navi p:hover {
	background: #E6C440;
}
.entry_btn_navi .box_new {
	background: #F29300;
}
.entry_btn_navi .box_career {
	background: #EB5C01;
}
.entry_btn_navi a {
	color: #fff;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 15px 0 0 0;
	font-family: 'Noto Serif JP', serif;
}
.icon_entry img {
	width: 70px;
	position: relative;
	right: 8px;
	bottom: 15px;
}
a.navi_here {
	color: #EB5C01!important;
	font-size: 1.2rem;
}
.here {
	border-bottom: 2px solid #EB5C01;
}
.openbtn {
	display: none;
}
#mb_g-nav {
	display: none;
}
.scroll_navi {
	background: rgba(256,256,256,0.8);
}
.scroll_gnavi_list {
	color: #000;
}
/*==================================================
スマホ版　ナビゲーション レスポンシブ調整
===================================*/
@media screen and (max-width:1450px) {
	.gnavi {
		margin: 15px 0px 15px 100px;
	}
}
@media screen and (max-width:1350px) {
	.gnavi li {
		margin: 0 2vw 0 0;
	}
}
@media screen and (max-width:1205px) {
	.gnavi {
		margin: 15px 0px;
	}
}

/*==================================================
スマホ版　ナビゲーション ～600px
===================================*/
@media screen and (max-width:1100px) { 
	
	#g-nav {
		display: none;
	}
	.entry_btn_navi {
		display: none;
	}
	.header_logo {
		top: 12px;
		left: 14px;
	}
	#mb_g-nav{
		display: block;
		/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
		position:fixed;
		z-index: 999;
		/*ナビのスタート位置と形状*/
		top: 0;
		right: -120%;
		width: 100%;
		height: 100vh;/*ナビの高さ*/
		background: rgba(230,196,64,.9);
		/*動き*/
		transition: all 0.6s;
	}
	/*アクティブクラスがついたら位置を0に*/
	#mb_g-nav.panelactive{
		right: 0;
	}
	/*ナビゲーション*/
	#mb_g-nav ul {
		position: absolute;
		z-index: 999;
		top: 50%;
		left: 48%;
		transform: translate(-50%,-50%);
		width: 80%;
	}
	#mb_g-nav li{
		list-style: none;
		text-align: center;
		border-bottom: solid 1px #fff;
		margin: 10px 0 0 0;
		font-size: 1.2rem;
		line-height: 1.2em;
	}
	#mb_g-nav li span {
		font-size: 1rem;
	}
	#mb_g-nav li a{
		color: #333;
		text-decoration: none;
		padding: 10px;
		display: block;
		font-family: 'Noto Serif JP', serif;
	}
	.mb_gnavi_list {
		transition: 0.5s;
	}

	/*========= ボタンのためのCSS ===============*/
	.openbtn{
		display: block;
		position:fixed;
		z-index: 9999;/*ボタンを最前面に*/
		top:10px;
		right: 10px;
		cursor: pointer;
		width: 50px;
		height:50px;
	}

	/*×に変化*/	
	.openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 3px;
		border-radius: 2px;
		background-color: #fff;
		width: 45%;
	  }

	.openbtn span:nth-of-type(1) {
		top:15px;	
	}

	.openbtn span:nth-of-type(2) {
		top:23px;
	}

	.openbtn span:nth-of-type(3) {
		top:31px;
	}

	.openbtn.active span:nth-of-type(1) {
		top: 18px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}

	.openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	.openbtn.active span:nth-of-type(3){
		top: 30px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}
	.mb_entry_btn {
		margin-top: 25px;
	}
	.mb_entry_btn .box_new {
		background: #F29300;
		margin-bottom: 15px;
	}
	.mb_entry_btn .box_career {
		background: #EB5C01;
	}
	.mb_entry_btn a {
		color: #fff;
		font-size: 1.2rem;
		font-weight: bold;
		display: block;
		padding: 15px;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
	}
}

@media screen and (max-width:480px) {
	#mb_g-nav ul {
		left: 44%;
	}
}


/*==================================================
pagination css
===================================*/
.pagination {
	position: fixed;
	right: 20px;
	top: 50%;
  	transform: translateY(-50%);
	font-size: 1em;
	z-index: 10;
	list-style: none;
}

.pagination a {
	display: block;
	height: 20px;
	margin-bottom: 5px;
	color: #BAA30B;
	position: relative;
	padding: 4px;
}

.pagination a.active:after {
	box-shadow:inset 0 0 0 5px;
}

/*現在地表示のテキストの設定*/
.pagination a .hover-text {
	position: absolute;
	right: 15px;
	top: 4px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	padding-right: 15px;
	white-space: nowrap;
}

.pagination a:hover .hover-text {
	opacity: 1;
}

.pagination a:after {
	-webkit-transition:box-shadow 0.5s ease;
	transition:box-shadow 0.5s ease;
	width: 10px;
	height: 10px;
	display: block;
	border:1px solid;
	border-radius: 50%;
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	right: 3px;
	bottom: 0;
}



/*==================================================
index css
===================================*/
section {
	padding: 0;
	margin-top: 0;
}
section h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 6rem;
	color: #EB5C01;
	font-weight: 500;
	line-height: 50px;
	margin: 0.4em 0;
	padding-top: 100px;
}
section h2 span {
	font-size: 1.5rem;
	letter-spacing: normal;
}
section h3 {
	font-family: 'Noto Serif JP', serif;
	font-weight: normal;
	font-size: 1.8rem;
	margin-bottom: .5em;
}
.container {
	margin-bottom: 200px;
}
.container_member {
	margin-bottom: 200px;
}
.btn {
	margin-top: 2em;
}
.top_box {
	display: flex;
	align-content: flex-start;
	justify-content: flex-end;
	flex-wrap: wrap;
	width: 100%;
	overflow: hidden;
}
.l_text {
	width: 38%;
	margin-right: 65px;
}
.r_photo {
	width: 44.8%;
	padding-top: 75px;
}
.r_photo_w100 {
	width: 44.8%;
	padding-top: 75px;
}
.company_flexbox {
	display: flex;
	justify-content: center;
}
.message {
	flex-direction: row-reverse;
}
.message .l_text {
	margin: 0 0 0 90px;
}
.culture {
	flex-direction: row-reverse;
}
.culture .l_text {
	margin: 0 0 0 90px;
}
.member {
	background: url("../img/member_top_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
}

.member h2 {
	padding-top: 1.3em;
}
.hoverMask_parent {
	position: relative;
 	overflow: hidden;
}
.hoverMask {
	margin-top: 10px;
  	opacity: 0;
  	width: 100%;
  	height: auto;
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
  	background: rgba(0,0,0,0.5);
	font-size: 1.8rem;
	font-family: 'Noto Serif JP', serif;
  	display: flex;
  	justify-content: center;
  	align-items: center; 
  	color: #fff; 
  	text-align: center; 
  	transition: all 0.6s ease; 
}
.hoverMask:hover {
	opacity: 1;
}
.hoverMask_img {
	margin-top: 10px;
	width: 400px;
	overflow: hidden;
	transition: all 0.6s ease;
}
.header_inside h1 {
	color: #fff;
	text-align: center;
	font-size: 4rem;
	font-family: 'Noto Serif JP', serif;
	line-height: 40px;
	letter-spacing: .1em;
}
.header_inside h1 span {
	font-size: 1.2rem;
	letter-spacing: normal;
}
.header_insideM h1 {
	color: #BAA30B;
	font-size: 4rem;
	font-family: 'Noto Serif JP', serif;
	margin-bottom: 35px;
	margin-top: 20px;
	letter-spacing: .1em;
}
.header_insideM h1 span {
	font-size: 1.2rem;
	letter-spacing: normal;
}
.main_inside {
	margin: 200px 0 0;
	position: relative;
	min-height: 100vh;
    padding-bottom: 900px;
    box-sizing: border-box;
}
.box_inside {
	margin-bottom: 200px;
}
.box_inside h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 6rem;
	color: #EB5C01;
	font-weight: 500;
	line-height: 50px;
	margin: 0.5em 0;
	text-align: center;
}
.box_inside h2 span {
	font-size: 1.5rem;
}
.box_inside h3 {
	font-family: 'Noto Serif JP', serif;
    font-size: 1.2rem;
	color: #BAA30B;
	padding-left: 50px;
	margin-top: 0px;
}
.box_inside table.outline {
	width: 100%;
	border: #ccc 1px solid;
	font-size: 1.1rem;
	border-spacing: 0px;
}
.box_inside table.outline th,td {
	border-collapse: collapse;
}
.box_inside table.outline th {
	background: #FFECCF;
	font-weight: normal;
	margin: 0px!important;
	border-bottom: #ccc 1px solid;
	width: 20%;
	text-align: center;
}
.box_inside table.outline th.bb_none {
	border-bottom: none!important;
}
.box_inside table.outline td.bb_none {
	border-bottom: none!important;
}
.box_inside table.outline td {
	padding: 30px;
	border-bottom: #ccc 1px solid;
	text-align: justify;
}
.zindex2 {
	z-index: 2;
}
.box_insideA {
	display: flex;
	align-content: flex-start;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin-bottom: 200px;
	width: 100%;
	overflow: hidden;
}
.box_insideA h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 6rem;
	color: #EB5C01;
	font-weight: 500;
	line-height: 50px;
	margin: 0.5em 0 0.8em;
}
.box_insideA h2 span {
	font-size: 1.5rem;
}
.box_insideA h3 {
	font-family: 'Noto Serif JP', serif;
	font-weight: normal;
	font-size: 1.8rem;
	margin-bottom: 1em;
}
.box_insideA img {
	max-width: 90%;
}
.box_insideA .l_text {
	width: 40%;
	margin-right: 50px;
}
.box_insideB {
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex-direction: row-reverse;
	margin-bottom: 200px;
}
.box_insideB h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 6rem;
	color: #EB5C01;
	font-weight: 500;
	line-height: 50px;
	margin: 0.5em 0 0.8em;
}
.box_insideB h2 span {
	font-size: 1.5rem;
}
.box_insideB h3 {
	font-family: 'Noto Serif JP', serif;
	font-weight: normal;
	font-size: 1.8rem;
	margin-bottom: 1em;
}
.box_insideB img {
	max-width: 115%;
}
.box_insideB .l_text {
	width: 42%;
	margin-right: 0px;
	margin-left: 50px;
}
.box_insideB .r_photo {
	position: relative;
	right: 110px;
}
.box_insideB .r_photo_w100 {
	position: relative;
	right: 110px;
}
.box_insideD {
	margin-bottom: 200px;
}
.box_insideD h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 6rem;
	color: #EB5C01;
	font-weight: 500;
	line-height: 50px;
	margin: 0.5em 0;
	text-align: center;
}
.box_insideD h2 span {
	font-size: 1.5rem;
}
.box_insideD h3 {
	font-family: 'Noto Serif JP', serif;
    font-size: 1.2rem;
	color: #BAA30B;
	padding-left: 50px;
	margin-top: 0px;
}
.aboutus_mb {
	margin-bottom: 300px;
}

@media screen and (max-width:1024px) {
	.l_text {
		width: 42%;
	}
	section {
		margin-bottom: 100px;
	}
	.aboutus_mb {
		margin-bottom: 400px;
	}
}
@media screen and (max-width:768px) {
	section h2 {
		font-size: 4.5rem;
	}
	section h3 {
		font-size: 1.6rem;
	}
	.message .l_text {
		margin: 0 20px 0 70px;
	}
	.culture .l_text {
		margin: 0 20px 0 70px;
	}
	.box_insideA h2 {
		font-size: 4.5rem;
	}
	.box_insideA h3 {
		font-size: 1.6rem;
	}
	.member {
		/*height: 750px;*/
		height: auto; /* 高さを自動調整 */
		background: none; /* 背景画像をなくす */
		}
	.hoverMask_img {
		width: 300px;
	}
}

@media screen and (max-width:600px) {
	.box_insideD {
		margin-bottom: 100px;
	}
	.box_insideD h2 {
		font-size: 3rem;
	}
	.box_insideD h3 {
		padding-left: 0;
	}
	.aboutus_mb {
		margin-bottom: 200px;
	}
	.member_flexbox {
		justify-content: center;
	}
	.hoverMask_img {
		width: 400px;
	}
	.member {
		/*height: 600px;*/
		height: auto; /* 高さを自動調整 */
		background: none; /* 背景画像をなくす */
		}
}

/*==================================================
message css
===================================*/
.top_photo {
	width: 70%;
	margin: 0 auto;
}
.message {
	margin-bottom: 200px;
}
.message_content {
	margin: 100px 0 0;
}
.message_content h2 {
	font-family: 'Noto Serif JP', serif;
    font-size: 1.8rem;
	color: #EB5C01;
	margin: 100px 0;
	text-align: center;
}
.message_content p {
	margin-bottom: 30px;
	text-align: center;
	line-height: 2em;
}
.message_content .top_name {
	text-align: right;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.5rem;
	margin: 50px 0 100px;
}

@media screen and (max-width:768px) {
	.message {
		margin-bottom: auto;
	}
}

@media screen and (max-width:600px) {
	.top_photo {
		width: 100%;
	}
	.message_content .top_name {
		font-size: 1.2rem;
	}
	.company_flexbox {
		display: block;
		text-align: center;
	}
	.box_inside h3 {
    	font-size: 1rem;
		padding: 0px;
		margin-top: 20px;
		line-height: 2;
	}
	.message_content h2 {
		font-size: 1.5rem;
		margin: 50px 0;
	}
	.message {
		margin-bottom: 200px;
	}
}

/*==================================================
member css
===================================*/
.memeber_text h3 {
	text-align: center;
	font-weight: normal;
}
.member_flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.member_child {
	margin: auto 20px 100px;
}
.member_child .name {
	font-size: 1.2rem;
}
.member_child .roman {
	color: #EB5C01;
}
.member01 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.member_profile {
	color: #BAA30B;
	font-size: 28px;
}
.member_profile01 {
	color: #BAA30B;
	font-size: 1.2rem;
	line-height: normal;
}
.member_profile span {
	font-size: 1.2rem;
	margin-left: 20px;
	margin-top: 30px;
}
.title_mobile {
	display: none;
}
.personbox {
	display: flex;
	align-content: flex-start;
	justify-content: flex-end;
	padding-bottom: 160px;
	width: 100%;
	overflow: hidden;
}
.member_button {
	margin-bottom: 100px;
}

/* Glow */
.glow {
	display: inline-block;
	transition-duration: .3s;
	transition-property: box-shadow;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transform: translateZ(0);
}
.glow:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
.glow_br {
	display: inline-block;
	transition-duration: .3s;
	transition-property: box-shadow;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transform: translateZ(0);
}
.glow_br:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	border-radius: 4px;
}
.text-animation {
	color: #fff;
  	opacity: 0;
}
.text-animation span {
	position: relative;
	top: 10px;
	left: 10px;
	opacity: 0;
	animation: fade 400ms ease-in-out forwards;
}
.l_person {
	width: 35vw;
	margin-right: 10vw;
}
.l_person h2 {
    font-family: 'Noto Serif JP', serif;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.09em;
    line-height: 1.6;
    padding: 0;
	margin-top: 30px;
    margin-bottom: 50px;
	color: #BAA30B;
}
.l_person p {
    font-size: 1rem;
    line-height: 2;
    margin: 0;
	text-align: justify;
}
.tc_person {
	margin: auto 50px;
}
.tc_person h2 {
    font-family: 'Noto Serif JP', serif;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: 0.09em;
    line-height: 1.6;
    padding: 0;
    margin-bottom: 50px;
	color: #BAA30B;
}
.tc_person p {
    font-size: 15px;
    line-height: 2;
    margin: 0;
}
.personbox.personbox01 .r_person {
	width: 44.8%;
}
.personbox.personbox02 {
    flex-direction: row-reverse;
	justify-content: flex-start;
}
.personbox.personbox02 .r_person {
    width: 33.5%;
    margin-right: 105px;
}
.personbox.personbox02 .l_person {
    margin-right: 200px;
}
.personbox.personbox03 {
    flex-direction: row-reverse;
}
.personbox.personbox03 .l_person {
    margin: 0 0 0 105px;
}
.personbox.personbox03 .r_person {
    width: 45%;
    margin: 0;
}
.personbox.personbox04 .r_person {
    width: 33.5%;
    margin-right: 105px;
}
.personbox.personbox05 {
	padding-bottom: 160px;
}
.personbox.personbox05 img {
    width: 65%;
    margin: 0;
	overflow: hidden;
}
.personbox.personbox06 {
	padding-bottom: 160px;
	text-align: right;
}
.personbox.personbox06 img {
    width: 65%;
    margin: 0;
	overflow: hidden;
}

@keyframes fade {
  0% {
    top: 10px;
    left: 10px;
    filter: blur(15px);
    opacity: 0;
  }
  50% {
    filter: blur(10px);
    opacity: 0.9;
  }
  100% {
    top: 0px;
    left: 0px;
    filter: blur(0px);
    opacity: 1;
  }  
}

@media screen and (max-width:1024px) {
	.l_person {
		width: 40%;
		margin-right: 75px!important;
	}
	.personbox.personbox02 .r_person {
		width: 40%;
		margin-right: 10%;
	}
	.personbox.personbox04 .r_person {
		width: 40%;
		margin-right: 5%;
	}
}

@media screen and (max-width:768px) {
	.l_person h2 {
		font-size: 2rem;
	}
	.l_person {
		width: 45%;
		margin-right: 40px;
	}
	.personbox.personbox03 .l_person {
		margin: 0 20px 0 45px;
	}
	.member_button {
		margin-bottom: 100px;
	}
}

@media screen and (max-width:600px) {
	.member_button {
		margin-bottom: 200px;
	}
	.member_profile01 {
		display: none;
	}
	.title_mobile {
		display: block;
	}
	.title_mobile p {
		width: 88%;
		margin: 0 auto 30px;
		color: #BAA30B;
		font-size: 1.2rem;
	}
}

/*==================================================
benefits css
===================================*/
.benefits_flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.benefits_child {
	display: block;
  	position: relative;
	border: 2px solid #f29300;
	background: #fff;
	border-radius: 0.25rem;
	width: 300px;
	height: 300px;
	padding: 10px;
	margin: 2rem;
	float: left;
}
.benefits_child p {
	margin: 1.5rem 1rem;
	line-height: 1.5rem;
	font-size: 1rem;
	text-align: justify;
}
.benefits_child img {
	height: 100px;
}
.ribbon {
	display: inline-block;
  	position: relative;
  	box-sizing: border-box;
  	padding: 5px 0;
  	margin: 0 0 0 -32px;
  	width: calc(100% + 20px);
  	background: #fb9a00;
}
.ribbon h3 {
	color: white;
	margin: 0;
  	padding: 0 30px 0 15px;
  	font-size: 1.2rem;
	line-height: 38px;
	text-align: left;
}
.ribbon:after {
  	position: absolute;
  	content: '';
  	z-index: 1;
  	top: 0;
  	right: 0;
  	width: 0px;
  	height: 0px;
  	border-width: 23px 15px 30px 0px;
  	border-color: transparent #fff transparent transparent;
  	border-style: solid;
}
.ribbon:before {
  	position: absolute;
  	content: '';
  	top: 100%;
  	left: 0;
  	border: none;
  	border-bottom: solid 15px transparent;
  	border-right: solid 20px #fb9a00;
}

@media screen and (max-width:1024px) {
	.benefits_flexbox {
		max-width: 800px;
		margin: 0 auto;
	}
}


@media screen and (max-width:768px) {
	.box_inside h2 {
		font-size: 4.5rem;
	}
	.benefits_child {
		margin: 2rem 0;
	}
	.personbox {
    	display: block;
    	padding-bottom: 55px;
		overflow: hidden;
	}
	.l_person {
    	width: 88%;
    	margin: 0 auto 55px!important;
	}
	.l_person h2 {
    	font-size: 1.8rem;
    	margin-bottom: 30px;
	}
	.tc_person {
		margin: auto;
	}
	.tc_person h2 {
    	font-size: 1.8rem;
    	margin-bottom: 30px;
	}
	.tc_person p {
    	font-size: 13px;
	}
	.personbox.personbox01 .r_person {
    	width: 74.6%;
    	margin: 0 0 0 auto;
	}
	.personbox.personbox02 .r_person {
   		width: 70%;
    	margin: 0;
	}
	.personbox.personbox03 .l_person {
    	margin: 0 auto 55px;
	}
	.personbox.personbox03 .r_person {
    	width: 90%;
    	margin: 0;
	}
	.personbox.personbox04 .r_person {
   		width: 70%;
    	margin: 0 0 0 auto;
	}
	.personbox.personbox05 {
		padding-bottom: 100px;
	}
	.personbox.personbox05 img {
    	width: 100%;
    	margin: 0;
	}
	.personbox.personbox06 {
		padding-bottom: 100px;
	}
	.personbox.personbox06 img {
    	width: 100%;
    	margin: 0;
	}
}

@media screen and (max-width:600px) {
	.wrapper {
		width: 88%;
	}
	.wrapper02 {
		width: 88%;
	}
	.wrapper03 {
		width: 88%;
	}
	.top_catch {
		font-size: 1.5rem;
		top: 45%;
		width: 80vw;
	}
	section {
		padding: 0;
	}
	section h2 {
		font-size: 50px;
		line-height: 40px;
		margin: 0.2em 0;
	}
	section h2 span {
		font-size: 1.2rem;
	}
	section h3 {
		font-size: 22px;
		margin-top: 30px;
	}
	.top_box {
		overflow: hidden;
	}
	.l_text {
		width: 90%;
		margin: auto auto 55px;
	}
	.btn {
		margin-top: 1em;
	}
	.btn img {
		width: 150px;
	}
	.r_photo {
		width: 85%;
		margin: 0 0 0 auto;
		padding-top: 30px;
	}
	.r_photo_w100 {
		width: 100%;
		margin: 0;
		padding-top: 30px;
	}
	.header_inside h1 {
		font-size: 2.4rem;
	}
	.header_insideM h1 {
		font-size: 2.4rem;
		letter-spacing: 0.05em;
		margin-top: 130px;
	}
	.message .l_text {
		margin: auto auto 55px;
	}
	.member h2 {
		margin: 0;
		padding-top: 100px;
	}
	.culture .l_text {
		margin: 0px auto 55px;
	}
	.main_inside {
		margin: 100px 0 0;
		padding-bottom: 700px;
	}
	.box_insideA h2 {
		font-size: 50px;
		line-height: 40px;
		margin: 0.2em 0;
	}
	.box_insideA h2 span {
		font-size: 1.2rem;
	}
	.box_insideA h3 {
		font-size: 1.5rem;
	}
	.box_insideA .l_text {
		width: 90%;
		margin: auto auto 55px;
	}
	.box_insideA .r_photo {
		margin: auto;
		width: 90%;
	}
	.box_insideB h2 {
		font-size: 50px;
		line-height: 40px;
		margin: 0.2em 0;
	}
	.box_insideB h2 span {
		font-size: 1.2rem;
	}
	.box_insideB h3 {
		font-size: 1.5rem;
	}
	.box_insideB .l_text {
		width: 90%;
		margin: auto auto 55px;
	}
	.box_values .value_content {
		width: 100%;
		margin-bottom: 50px;
	}
	.box_insideA {
		overflow: hidden;
		margin-bottom: 100px;
	}
	.box_insideA img {
		max-width: 100%;
	}
	.box_insideB {
		overflow: hidden;
		margin-bottom: 100px;
	}
	.box_insideB img {
		max-width: 100%;
	}
	.box_insideB .r_photo {
		position: static;
		right: auto;
		margin: auto;
		width: 90%;
	}
	.box_inside {
		margin-bottom: 100px;
	}
	.box_inside h2 {
		font-size: 2rem;
	}
	.box_inside table.outline td {
		padding: 15px;
		border-bottom: #ccc 1px solid;
		display: block;
	}
	.box_inside table.outline th {
		width: 100%;
		display: block;
		padding: 10px 0;
	}
	.benefits_flexbox {
		justify-content: center;
	}
	.benefits_flexbox:last-child {
		margin-bottom: 250px;
	}
	.member01 {
		display: block;
		justify-content: center;
	}
	.container_member {
		margin-bottom: 250px;
	}
	.personbox02 {
		padding-bottom: 50px;
	}
	.member_btn {
		width: 250px;
	}
	.member_profile span {
		margin-left: 0px;
		word-break: break-all;
	}
}

@media screen and (max-width:320px) {
	.benefits_child {
		width: 240px;
		height: 320px;
	}
}

/*==================================================
entry css
===================================*/
.bg_pink {
	background: #FFF7CF;
}
.bg_white {
	background: #fefefe;
}
.entry_content {
	margin: 100px 0 0;
}
.entry_content h2 {
	font-family: 'Noto Serif JP', serif;
    font-size: 1.8rem;
	color: #EB5C01;
	margin: 100px 0;
	text-align: center;
}
.entry_content p {
	margin-bottom: 30px;
	line-height: 2em;
}
.entry_wrapper {
	margin: 30px auto;
	width: 100%;
}
.entry_content_wrapper {
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	text-align: left;
}
.entry_content_wrapper h3 {
	border-bottom: 1px solid #BAA30B;
	font-size: 1.5rem;
	font-weight: normal;
}
.entry_content_wrapper p {
	text-align: justify;
}
/*tabの形状*/
.tab{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	justify-content: space-around;
}
.tab li {
	list-style: none;
	width : calc(100% / 6) ;
}
.tab li a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	background: #A8AAAC;
	margin: 0 2px;
	padding: 20px;
	text-align: center;
	font-weight: 500;
	font-size: 1.1rem;
	color: #fff;
}
.career li {
	width : calc(100% / 5) ;
}
.career li a {
	height: auto;
}
/*liにactiveクラスがついた時の形状*/
.tab li.active a{
	background: #F29300;
}
/*エリアの表示非表示と形状*/
.area {
	display: none;/*はじめは非表示*/
	opacity: 0;/*透過0*/
}
/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
    display: block;/*表示*/
    animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
.bg_white2 {
	background: #fff;
	padding: 100px;
}
.fr_photo {
	float: right;
	margin-left: 30px;
}
.fr_photo img {
	width: 400px;
}
.yoko_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.yoko_flex p {
	margin-bottom: 0px;
}
.pb100 {
	padding-bottom: 100px!important;
}

@keyframes displayAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.entry_btn {
	display: flex;
	flex-wrap: wrap;
	margin-top: 100px;
	justify-content: center;
}
.entry_btn p a {
	color: #fff;
	padding: 20px 40px;
	font-weight: bold;
	font-size: 1.5rem;
}
.entry_btn .new_btn {
	background: linear-gradient(to bottom,#E6C440,#EEA518 30%,#F29300); 
	border-radius: 4px;
}
.entry_btn .career_btn {
	background: linear-gradient(to bottom,#F29300,#EA7611 30%,#EB5C01); 
	border-radius: 4px;
}

@media screen and (max-width:1024px) {
	.entry_content_wrapper {
		width: auto;
	}
	.tab li a {
		font-size: 1rem;
	}
}

@media screen and (max-width:768px) {
	.tab li a {
		height: 50px;
	}
	.fr_photo {
		float: none;
		text-align: center!important;
	}
}

@media screen and (max-width:600px) {
	.tab{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.tab li {
		width: 45%;
		margin: 20px auto 0;
	}
	.tab li:last-child {
		margin: 20px 10px;
	}
	.tab li a {
		padding: 10px;
		height: 50px;
		font-size: 0.9rem;
	}
	.bg_white2 {
		padding: 50px 20px;
	}
	.entry_btn {
		margin-top: 50px;
		padding-bottom: 50px;
	}
	.entry_btn p a {
		font-size: 1.1rem;
	}
}


/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
	width: 100%;
    margin: 0 auto;
	position: relative;
	z-index: 8;
	bottom: 300px;
	padding: 0px;
	margin: 0px;
	margin-bottom: -300px;
}
.slider img {
    width: 300px;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height: auto;
}
.slider .slick-slide {
	transform: scale(0.7);/*左右の画像のサイズを80%に*/
	transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
}
.slider .slick-slide.slick-center{
	transform: scale(1);/*中央の画像のサイズだけ等倍に*/
}


@media screen and (max-width:600px) {
	.slider img {
		width: 240px;
	}
	.slider {
		bottom: 240px;
	}
}
/*==================================
スライダーを使わないとき
===================================*/
.carousel-wrapper {
    width: 800px; /* 幅を800pxに設定 */
    display: flex;
    justify-content: center; /* 横方向の中央揃え */
    align-items: center; /* 縦方向の中央揃え */
    padding: 0;
    margin: 0;
    list-style-type: none;
	margin: 0 auto; /* 左右のマージンを自動で設定して中央揃え */
    text-align: center; /* テキストを中央揃え */
}

.carousel-wrapper li {
    flex: 1;
    margin-right: 10px; /* 画像の間にスペースを設定する場合は適宜調整 */
}

.carousel-wrapper li:last-child {
    margin-right: 0; /* 最後の画像の右側にスペースを設定しない */
}

.carousel-wrapper img {
	margin-top: 10px;
    width: 100%;
    height: auto;
}
@media screen and (max-width:600px) {
	.carousel-wrapper {
		width: 100%;
		flex-direction: column; /* 画像を縦に配置 */
		bottom: 240px;
	}
	.carousel-wrapper img {
		width: 240px;
	}	
	.carousel-wrapper li {
		margin-right: 0; /* 画像の間のスペースを削除 */
		margin-bottom: 5px; /* 画像の下にスペースを追加 */
	}
}

/*==================================================
エントリー
===================================*/
.entry_bg {
	background: url("../img/entry_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
	max-height: 1000px;
	min-height: 700px;
}
.entry_text {
	width: 50%;
	margin-left: 200px;
	line-height: 2;
	padding-top: 10px;
}
.entry_button {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 50px;
}
.entry_button p {
	margin: 0 50px 0 0;
}
.entry_button .new_graduate {
	background: linear-gradient(to bottom,#E6C440,#EEA518 30%,#F29300); 
	border-radius: 4px;
}
.entry_button .new_graduate a,.entry_button .career a {
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 10px 30px;
}
.entry_button .career {
	background: linear-gradient(to bottom,#F29300,#EA7611 30%,#EB5C01); 
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
}
section .footer_obi {
	background: #F29300;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
footer {
	padding: 80px 0 0 0;
	position: absolute;
	bottom: 0px;
	width: 100vw;
}
footer h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 6rem;
	color: #EB5C01;
	font-weight: 500;
	line-height: 50px;
	margin: 0.5em 0;
}
footer h2 span {
	font-size: 1.5rem;
}
footer h3 {
	font-family: 'Noto Serif JP', serif;
	font-weight: normal;
	font-size: 1.8rem;
	margin-bottom: .5em;
}
footer .footer_obi {
	background: #F29300;
	text-align: center;
	color: #fff;
	width: 100%;
	position: absolute;
	bottom: 0;
}

@media screen and (max-width: 1492px) {
	.mt20_268tablet {
		margin-top: 20px!important;
	}
}

@media screen and (max-width: 1024px) {
	.entry_text {
		width: auto;
		max-width: 900px;
		margin: 0 auto;
	}
	.entry_button {
		margin-top: 20px;
	}
	.mt20_268tablet {
		margin-top: 0px!important;
	}
}

@media screen and (max-width: 768px) {
	.entry_text {
		max-width: 700px;
	}
	.entry_bg {
		margin-bottom: 0px;
		height: 750px;
	}
	.mt20_268tablet {
		margin-top: 20px!important;
	}
}

@media screen and (max-width: 600px) {
	.entry_bg {
		background: url("../img/entry_bg_sp.jpg") no-repeat;
		background-size: cover;
		background-position: bottom;
	}
	.entry_text {
		width: 90%;
		margin: 0 auto;
	}
	.entry_button .new_graduate {
		margin-bottom: 20px;
	}
	section .footer_obi {
		bottom: 0;
	}
	footer {
		padding: 0 0 80px 0;
	}
	footer h2 {
		font-size: 50px;
	}
	footer h2 span {
		font-size: 1.2rem;
	}
}

/*==================================================
一般 css
===================================*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.cb {
	clear: both;
}
.fs16px {
	font-size: 1rem;
}
.fs18px {
	font-size: 1.1rem;
}
.pt0 {
	padding-top: 0px;
}
.p50_mb20 {
	padding: 50px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt50 {
	margin-top: 50px;
}
.mt100 {
	margin-top: 100px;
}
.mt300 {
	margin-top: 300px!important;
}
.mb30 {
	margin-bottom: 30px;
}
.mb100 {
	margin-bottom: 100px;
}
.mb200 {
	margin-bottom: 200px;
}
.mb300 {
	margin-bottom: 300px!important;
}
.mb400 {
	margin-bottom: 400px!important;
}
.mb500 {
	margin-bottom: 500px!important;
}
.ml35 {
	margin-left: 35px;
}
.tc {
	text-align: center!important;
}
.tr {
	text-align: right;
}
.mobile {
	display: none;
}
.pc {
	display: block;
}
.pc_pad {
	display: block;
}
.db {
	display: block;
}
.dn {
	display: none;
}
.height100 {
	height: 100vh!important;
}

@media screen and (max-width:1024px) {
	.mb400 {
		margin-bottom: 400px;
	}
	.pc_pad {
		display: none;
	}
}

@media screen and (max-width:768px) {
	.pc {
		display: none;
	}
	.height100 {
		height: auto!important;
	}
}

@media screen and (max-width:600px) {
	.mobile {
		display: block;
	}
	.mbtl {
		text-align: left;
	}
	.height100 {
		height: auto;
	}
	.mt300 {
		margin: 0;
	}
	.mb200 {
		margin-bottom: 100px;
	}
	.ml35 {
		margin-left: 0px;
	}
	.mb_entry_h2 {
		padding-top: 20px!important;
	}
	.mb_entry_h3 {
		margin-top: 10px!important;
	}
	.entry_text {
		line-height: 1.8;
	}
	.p50_mb20 {
		padding: 20px;
	}	
}

@media screen and (min-width:1920px){
	.mb400 {
		margin-bottom: 400px;
	}
}

/*==================================================
文字・写真の動き
===================================*/
.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.fadein-beforeR{
  opacity: 0;
  transform:translateX(200px);
  transition:opacity 1s,transform 1s;
}
.fadein-afterR{
  opacity: 1;
  transform: translate(0);
}
.fadein-beforeL{
  opacity: 0;
  transform:translateX(-200px);
  transition:opacity 1s,transform 1s;
}
.fadein-afterL{
  opacity: 1;
  transform: translate(0);
}

/* 下から表示させる */
.fadeUp{
	animation-name: fadeUpAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  	transform: translateY(100px);
  }
  to {
    opacity: 1;
  	transform: translateY(0);
  }
}


/* ---------------------------
-----グループ会社追加用
--------------------------- */

/* ロゴと社名を入れるdiv 横並び */
.parent {
	display:flex;
	vertical-align: middle;
	width: 100%;
	margin-bottom: 10px;
}
@media screen and (max-width:1024px) {

	.parent {
		display:block;
	}

}

/* ロゴを入れるdiv */
.box_center {
	width: 200px;
	/* display: flex; */
	vertical-align: middle;
	align-items: center;
	margin-right: 10px;
}
@media screen and (max-width:1024px) {

	.box_center {
		width: 90%;
		margin-right: 0;
		margin: 10px auto;
		text-align: center;
	}
}

/* 社名テキストを入れるdiv */
.box_center_a {
	/* width: 250px; */
	vertical-align: middle;
	align-items: center;
	margin-bottom: 10px;
	margin-top: auto;
	margin-bottom: auto;
}
@media screen and (max-width:1024px) {

	.box_center_a {
		width:90%;
		margin: 0 auto;
		padding-bottom: 5px;
		text-align: center;
	}
}