/*Google Fontsの読み込み
---------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);
/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Homemade+Apple&family=La+Belle+Aurore&display=swap');
*/

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}
body{
	font-size: 14px;
	font-family: "century-gothic", "游ゴシック",sans-serif;
	line-height: 1.9;
	/* font: 14px/1.9 'Noto Sans JP','游ゴシック', 'Noto Sans JP', Arial, Verdana, '游ゴシック', 'YuGothic','ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, 'Meiryo',sans-serif; */
	font-weight: 500;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	color: #000;
	background: #fff;
}
a{	
	color: #000000;
	text-decoration: none;
	transition: .3s;
	letter-spacing: .1em;
	-webkit-tap-highlight-color: transparent;
}
div{
	-webkit-tap-highlight-color: transparent;
}
::selection {
	background-color: aquamarine;
	color: #333;
  }

.newsbox a{	color: #07C9A2;
	text-decoration: none;
	transition: .3s;
}
a:hover{opacity: 0.66;
	transition: .3s;
}
a:hover, .active{
  text-decoration: underline;
	text-decoration: none;
}
.button3:hover,.button4:hover{color: #fff;background: #000;transition: .3s;} 

a:active, a:focus,input:active, input:focus{outline:0;}

.bg-color{background-color: #e1e4e6;}
.bg-color2{background-color: #b1e4a2;}

/* ヘッダー
------------------------------------------------------------*/
#header,#header2,#header3,#header4,#headersm,#headersp,#header_info,#header_hanwa{
	position: relative;
    overflow:hidden;
    width:100%;
    height:90vh;
}

#header{
	background:url("../images/top.jpg") no-repeat center / cover;
}

#header2{
	background:url("../images/top2.jpg") no-repeat center / cover;
}

#header3{
	background:url("../images/top3.jpg") no-repeat center / cover;
}

#header4{
	height:100vh;
	background:url("../images/bg_main.png") repeat center / cover;
}

#header_info{
	background:url("../images/top_info.jpg") repeat center / cover;
}
#header_hanwa{
	background:url("../images/top_hanwa.webp") repeat center / cover;
}

#headersm{
	background:url("../images/top5.jpg") repeat center / cover;
}
#headersp{
	background:url("../images/top.jpg") repeat center / cover;
}

#header::before,#header2::before,#header3::before,#header4::before,#headersm::before,#headersp::before,#header_info::before,#header_hanwa::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(13, 13, 13, 0.359);
	}

/*スライドアニメーション*/
.repeat_css {
    background: url("../images/bg_main.png")repeat-x center center;
	background-size: auto 100%;
    animation: moveBg 1800s infinite linear;
}



#slogan{
	position: absolute;
  top: 50%;
	width: 100%;
	-webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
	color: #6cffe9;
	line-height: 1.2;
	text-align: left;
	margin-left: 40px;
	text-shadow: 0 0 130px #fff;
}

#slogan h1{
	font-size: 80px;
	font-family: 'Noto Sans JP', sans-serif;
	/*font-family: 'Pacifico', cursive;*/
	margin-bottom: 20px;
	/*font-weight:normal;*/
}

#slogan h2{
	font-size: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	/*font-weight:normal;*/
}

.main-titlebox{
	position: absolute;
	bottom: 0%;
    left: 0%;
	padding: 0 2em 2em;
}
.main-title{
	font-size: 3em;
	bottom: 0;
	left: 0;
	color: #6cffe9;
}
.main-title h1,.main-title span{
	font-family: "century-gothic", "游ゴシック",sans-serif;
font-weight: 700;
font-style: normal;}

.main-title h1{
font-size: .7em;
letter-spacing: .08em;
}

.main-title span{
	font-size: 2.5em;
	line-height: 1em;
}





/* topへ戻る */
.pagetop{
	z-index: 899;
	cursor: pointer;
	position: fixed;
	right: 0px;
	bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	/* border-radius: 3px 0 0; */
	transition: .3s;
	background: #ffffff;
	opacity: .7;
  /*   デフォルトは非表示 */
	/* opacity: 0; */
  }
  .pagetop i{
	color: #013F4A;
  }



/*ナブバー設定
---------------------------------------------------------------------------*/
/* a#menu{
		display:none;
	}	 */

	/* .panel{
		display:block !important;
	} */

	#mainnav{
		position:fixed;
		top: 0;
		width:100%;
		z-index:500;
		background: rgb(48 48 48 / 18%);
		/* border-bottom: 1px solid #d1d1d1; */
	}

	#mainnav .row{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#mainnav ul{
		text-align: right;
		font-size:0;
		/* padding: 20px 0; */
		height: 100%;
		background-color: #fff;
		/* padding-right: 30px; */
	}

	#mainnav li{
		display: inline-block;
		font-size: 14px;
		font-weight: 500;
		padding: 0 20px;
		opacity: 1;
	}

	/* #mainnav li+li{
		border-left: solid 1px #1c1c1c;
	} */
	
  #mainnav a{
		color: #000;
	}
	
	#mainnav .entry{
		/* margin: 0 20px; */
		padding: 20px 40px;
		background-image: linear-gradient( 109.6deg,#7fffd4, #20cefa);
	}




/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
	/*height: 240px;	*//*高さ。内様がこれを超えるとスクロールバーが出ます。*/
	overflow: auto;
	margin-bottom: 20px;
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: 9em;
}
.newsbox{
	padding: 20px 0;
}
.newsbox:first-child,.newsbox1:first-child{border-top: solid #000 1px;}
.newsbox:last-child,.newsbox1:last-child{border-bottom: solid #000 1px;}
.newsbox + .newsbox,.newsbox1 + .newsbox1{
	border-top: solid #000 1px;
}


/*box1指定（角丸のボックス）
---------------------------------------------------------------------------*/
.box1 {
	overflow: hidden;
	position: relative;
	padding: 20px 40px;		/*上下、左右へのボックス内の余白*/
	margin: 30px;	/*下に空けるスペース*/
	background: #fff;		/*背景色*/
}

/*トップページのNEWアイコン
---------------------------------------------------------------------------*/
.newicon {
	font-size: 70%;
	display: inline-block;
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
	background: #c6c350;	/*背景色*/
	color: #FFF;		/*文字色*/
}






/* 共通
------------------------------------------------------------*/
h1, h2{
/* font-family: '游ゴシック', 'Noto Sans JP', 'Josefin Sans', serif; */
font-family: "century-gothic", "游ゴシック",sans-serif;
font-weight: 700;
font-style: normal;
}

img{
	width: 100%;
	height: auto;
}

/*ボタン*/
.vMid img{
	width: 35%;
	margin: 20px 0;
	display: block;
}

.vMid h2{font-family: 'Josefin Sans', 'Noto Sans JP',serif;  font-size: 60px;color:#AA0507;padding: -50px;
  background: -webkit-linear-gradient(0deg,#40E0D0, #FF8C00, #FF0080);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	
/*background: -webkit-linear-gradient( 109.6deg,  rgba(156,252,248,1) 11.2%, rgba(110,123,251,1) 91.1% );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}

.vMid h2 img{
	width: 100%;
	margin: 20px 0;
	display: block;
}

section{
	clear:both;
}

section h2{
	font-size: 30px;
	text-align: left;
}

.col3 li .sech2{
		margin: 20px 0;
	margin-bottom: 20px;
	}

.col3 h2,.center{
	text-align: center;
}



.col2 li{
	display: inline-block;
  	margin: 20px 0 20px 0;
	  width: 40%;
	  /* padding: 0 3%; */
	  vertical-align: top;
}



/* SEC01 VISION
------------------------------------------------------------*/
/* .sec01{
	padding: 150px 0 10px;
	background-color: #013F4A;
	background:url("../images/background.png") no-repeat left / cover;
} */
/* .sec01-1{
	padding: 50px 0;
	background:url("../images/background2.png") no-repeat left / cover;
} */


.sec01 img{
	margin-bottom:-50px;
	float: none;
}

.sec01 h2,.sec01 p{
	color: #000;
	line-height: 2.3em;
	font-weight: 500;
}

.vision{
	width: 60%;
	margin: 80px auto;
}

.noback{
	background: none;
}
.blueback{
	background: #2B62BA;
}

/* 背景ブルーの左寄せ
------------------------------------------------------------*/
.sec01-2{
	margin-top: 50px;
	padding: 50px 0 10px;background: #274D8B;width: 80%;}
.sec01-2 img{margin: -80px;float: right;
}
.sec01-2 h2,.sec01-2 p{color: #fff;line-height: 2.3em;font-weight: 500;}

/* 背景夢色の右寄せ
------------------------------------------------------------*/
.sec01-5{margin-top: 60px;padding: 50px 0 10px;
	background-color:hsla(261,44%,69%,1);
background-image:
radial-gradient(at 0% 100%, hsla(29,88%,65%,1) 0px, transparent 50%),
radial-gradient(at 82% 65%, hsla(244,65%,74%,1) 0px, transparent 50%),
radial-gradient(at 2% 10%, hsla(355,72%,88%,1) 0px, transparent 50%);
	width: 80%;float: right;}
.sec01-5 .img-r{margin: -25px;float: left;margin-bottom: 80px;}
.img-man{width: 120px;float: left; margin: 0 20px 20px 0;}
.sec01-5 h2,.sec01-5 p{color: #fff;}


/*背景透過の右寄せ
------------------------------------------------------------*/
.sec01-3{margin-top: 50px;padding: 50px 0 10px;width: 80%;float: right;}
/* .sec01-3 img{margin-top: -80px;} */
.sec01-3 h2,.sec01-3 p{color: #000;line-height: 2.3em;font-weight: 500;}


/* 背景スカイブルーの左寄せ
------------------------------------------------------------*/
.sec01-4{margin-top: 60px;padding: 50px 0 10px;background:#013F4A;width: 80%;}
.sec01-4 img{margin: -80px;float: right;}
.sec01-4 h2,.sec01-4 p{color: #fff;}



/* SEC02 MESSAGE
------------------------------------------------------------*/
/*sec02の背景*/
#sec02{
	background: #f6f6f6;
	overflow: hidden;
	padding:150px 0 100px;
}

.sec02-1{
	background: #f6f6f6;
	overflow: hidden;
	padding:0px 0 100px;
}


.wrap,.wrap2,.card{
	clear: both;
	width: 100%;
}

.wrap + .wrap{
	margin-top: 100px;
}

.bg{
	line-height: 0;
}

.txt h2{
	padding: 0 0 20px;
}








/* SEC03 ３横並びコンテンツ(レスポンス１並び)
------------------------------------------------------------*/
/*背景グレー*/
.sec03-n{
	padding: 50px 0 10px;
	background-color: #F4F4F4;
}

/*背景あり*/
.sec03-1{
	padding: 50px 0 10px;
	background:url("../images/background3-1.jpg") no-repeat top / cover;
}

.inner{
	width: 94%;
	margin: 0 auto;
	padding-bottom: 50px;
}

/*背景ありinner*/
.inner-pa{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
}


/*３横並びコンテンツの説明テキスト箇所*/
.vision-03{
	width: 80%;
	margin: 80px auto 20px;
}

/*3つ並びコンテンツul名*/
.col3{
		text-align: center;
	}
.col3 p{
	font-weight: 400;
	text-align: left;
	margin-bottom: 1em;
}
.col3 li{
	margin-bottom: 50px;
}
.col3 img{
	max-width: 100%;
	display: block;
	margin: -5px auto 20px;
}


/*コンテンツ設定*/
.sech2tex{
	margin-bottom: 20px;
	border-bottom: solid #000 1px;
}
.numbers{
	text-align:left; float:left;
}
.staff{
	text-align:left; float:right;
}
.sech2tex h2{
	font-size: 20px;
	text-align: left;
}
.sech2tex h4{
	font-size: 13px;
	text-align: left;
	margin-bottom: 1.4em;
}










/* SEC04 STORY & SUCCESS
------------------------------------------------------------*/
#sec04{
	background: url(../images/bgSec04.jpg) no-repeat 100% 100% fixed;
	background-size: cover;
	-webkit-background-size: cover;
	color: #fff;
}


/* SEC05 PROFILE
------------------------------------------------------------*/
#sec05{
	/* padding-top: 50px; */
}

#sec05 dl{
	line-height: 1.2;
}

#sec05 dt{
	clear: left;
	float: left;
	display: block;
	width: 30%;
	margin-right: 10%;
	margin-bottom: 20px;
	text-align: right;
	line-height: 1.6em;
}

#sec05 dd{
	width: 60%;
	float: left;
	text-align: left;
	margin-bottom: 15px;
	line-height: 1.6em;
}

#sec05 header{
	display: none;
}

#map{
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}

#map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}


/*見出しテキスト装飾
---------------------------------------------------------------------------*/
.look,.lookta,.look2{
	background: #000;/*border: 1px solid #ccc;*/
	padding: 0px 40px;
	border-radius: 0px;
	color:#fff;
	display:inline-block;
	text-align: center;
	font-family: "century-gothic", "游ゴシック",sans-serif;
font-weight: 700;
font-style: normal;
}

.look {font-size: 35px;}

.lookta {
	padding: 40px 0px;
	font-size: 35px;
	float: right;
	writing-mode: vertical-rl;
}
.look2 {
	font-size: 50px;
	float: left;
}

.look + .card,.look-r + .card{
	margin-bottom: 10px;
}
.lookta + .lookta{
	margin-right: 10px;
}

.looks,.looks2,.lookta{
		position: absolute;
		z-index: 1;
	   height: 700px;
	}
	.looks2{
		right: 0;
	}

/*見出し大*/
.cover{margin-top:-33px;
}
/*見出し小*/
.cover2{margin-top:-35px;}




/*タブ
---------------------------------------------------------------------------*/
.tab-group,.tab-group2 {
    margin: 3em 0 2em;
    /* width: 500px; */
    list-style: none;
    text-align: center;
}

.tab-group a{	
	color: #c6c350;
}
.tabMenu {
    display: flex;
    justify-content: space-between;
    list-style: none;
    cursor: pointer;
}

.tabMenu li {
    width: calc(100% / 2);
    /* border: 2px solid #ccebdc; */
    padding: 1.2em 8px;
    /* border-bottom: none; */
	margin: 2em;
	background-color: #fff;
	position: relative;
	font-size: 1em;
	letter-spacing: .2em;
    font-weight: 600;
}

.tabMenu li.active {
    background-color: #013f4a;
    /* border: 2px solid #4bab80; */
    color: #FFF;
}

.tabMenu li.active::before{
  content: "";
  position: absolute;
  bottom: -27px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #013f4a;
  z-index: 0;
}

.contents-list {
    border-top: none;
}
.Content {
    /* padding: 8px; */
	text-align: left;
	font-weight: 400;
	background: #ffffff;
}
.tabContent {
    display: none;
    /* padding: 8px; */
	text-align: left;
	font-weight: 400;
	background: #ffffff;
}
.tabContent.active{
    display: block;
    /* border: 2px solid #4bab80; */
    /* height: 100px; */
	animation-name: fadeIn;
	animation-fill-mode:forwards;
	animation-duration:1s;
}


.tabContent h2{
	text-align: center;
	font-size: 1.7em;
	margin-bottom: .8em;
}

.btnarea,.flowarea{
	text-align: center;
}

.btnarea{
	padding: 0 1em 3em;
}
.btnarea a{
	white-space: nowrap
}

.btnarea .btnarea_entry_info{
	font-size: 1.1em;
	font-weight: 600;
}

.flowarea{
	padding: 3em 2em 6em;
}
.flowarea p{
	margin-bottom: 2.5em;
}

/* ボタンエリア */
a.btn{
	display: inline-block;
	background-color: #013f4a;
	border-radius: 100em;
	font-size: 1rem;
	color: #fff;
	position: relative;
	padding: 1.5rem 8rem 1.5rem 8rem;
	margin: 2em 0;
  }
  
  a.btn:hover {
	color: #fff;
  }
  
  a.btn-c i.fa {
	margin-right: 1rem;
  }
  
  /* a.btn-c:before {
	font-family: 'Font Awesome 5 Free';
	font-size: 1.6rem;
	line-height: 1;
	position: absolute;
	top: calc(50% - .8rem);
	right: 1rem;
	margin: 0;
	padding: 0;
	content: '\f35d';
  } */
  .btn_apply{
	position: relative;
	padding: 1em 0;
    margin: 1em 0;
  }
  .btn_apply::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3em;
    height: 2px;
    background-color: #cfcfcf;
}


.requirements_overview_job{
	padding: 3%;
}

.requirements_overview_job h3{
	font-size: 2em;
}

.requirements_overview_job span{
	display: block;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.requirements_overview table{
	width: 100%;
	font-size: 16px;
	line-height: 2;
	letter-spacing: 1px;
	border-spacing: 0;
}

.requirements_overview table tbody tr th {
	width: 25%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 3%;
	border-bottom: 1px solid #0e2332;
	/* background-color: #f5f5f4; */
}

.requirements_overview table tbody tr td {
	padding: 3%;
	border-bottom: 1px solid #0e2332;
}

/* イベント説明文 */
.event_textarea,.event_textarea2{
	margin-top: 6em;
	line-height: 2.5em;
}
.event_textarea,.event_textarea h2,.event_textarea2,.event_textarea2 h2{
	text-align: center;
	color: #333;
	margin-bottom: 1em;
	font-weight: 600;
}
.event_textarea2,.event_textarea2 h2{
	color: #fff;
}
.event_textarea h2,.event_textarea2 h2{
	font-size: 2.9em;
}
.event_textarea .point,.event_textarea2 .point{
	background-color: #ffffff;
    color: #333;
    padding: .3em 1em;
}
.event_textarea .point2,.event_textarea2 .point2{
    color: #ff2525;
}
.label--has_multi{

}
.multiLabelItem{
	display: inline-block;
	padding: .2em .5em;
    width: 80px;
    text-align: center;
	background-color: #000;
	color: #fff;
	margin-bottom: 1em;
	font-weight: 700;
}
.multiLabelItem.active{
	background-color: #d9d43e;
	color: #000;
}


/* イベント概要 */
.event_overview_job{
	padding: 6%;
}
.event_overview_job h3{
	font-size: 2em;
	margin-bottom: 1em;
}
.event_overview h4{
	font-size: 1.5em;
	padding: 0 6%;
}
.event_overview table{
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 2;
	letter-spacing: 1px;
	border-spacing: 0;
	padding: 0 6%;
}
.event_overview table tbody tr th {
	width: 25%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 1%;
	/* border-bottom: 1px solid #0e2332; */
}
.event_overview table tbody tr td {
	width: 70%;
	padding: 1%;
	/* border-bottom: 1px solid #0e2332; */
}




.tab-wrap{
	background-color: #fff;
  }
   
  .tab-wrap ul {
	display: flex;
	flex-wrap: wrap;
	margin: 1em 3em;
  }
   
  .tab-btn {
	/* width: 50%; */
	padding: 10px 40px;
    margin: 0 0 .5em;
	text-align: center;
	list-style: none;
	cursor: pointer;
	font-weight: 400;
	background: #eee;
	margin-right: .5em;
  }
   
  .tab-btn.show {
	background: #333;
	border-top: 2px solid #333;
	color: #fff;
  }
   
  .tab-contents {
	display: none;
  }
   
  .tab-contents.show {
	display: block;
	padding: 20px;
	animation-name: fadeIn;
	animation-fill-mode:forwards;
	animation-duration:1s;
  }


  .bunner_line{text-align: center;}
  .bunner_line img{width: 380px;margin-bottom: 6em;}



/*サイドメニュー
---------------------------------------------------------------------------*/
nav {
	text-align:center;
	/* width:100%; */
	position: fixed;
	z-index: 999;
	top: 0%;
	right: 0;
	/* position:relative; */
	height:auto;
	overflow:hidden;
	background:none;
	display: flex;
  }
nav ul {
	text-align:center;
  }
  nav ul li {
	display:inline-block;
  }
  nav ul li a {
	color:#333;
	display:inline-block;
	padding:1em 3em;
	text-decoration:none;
	background-color: aquamarine;
	/* border-bottom:2px solid #fff; */
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	font-size:16px;
	font-weight: 600;
  }
  /* nav ul li a:hover {
	color: #333;
  } */

  /*styling open close button*/
  .button_menu {
	display:inline;
	/* position:absolute; */
	width: 66px;
	right:0;
	top:0;
	font-size:30px;
	background-color: #013F4A;
  }
  .button_menu a {
	text-decoration:none;
  }

  .btn-open:after {
	color:#fff;
	content:"\f0c9";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	/* transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s; */
  }
  .btn-open:hover:after {
	color:#fff;
  }
  .btn-close:after {
	color:#333;
	content:"\f00d";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	background-color: rgb(255, 255, 255);
	/* transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s; */
  }

  .button_menu:has(.btn-close){
	background-color: rgb(255, 255, 255);
  }

  .btn-close:hover:after {
	color:#333;
  }




  /*overlay*/
  .overlay {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background:#013F4A;
	overflow:auto;
	z-index:99;
  }
  .wrap:has(.wrap-nav){
	color:#333;
	text-align:center;
	max-width:90%;
	margin:0 auto;
  }
  .wrap ul.wrap-nav {
	border-bottom:1px solid #575757;
	text-transform:capitalize;
	padding:150px 0px 100px;
  }
  .wrap ul.wrap-nav li {
	font-size:30px;
	display:inline-block;
	vertical-align:top;
	width:24%;
	position:relative;
  }
  .wrap ul.wrap-nav li a {
	font-weight: bold;
	color: aquamarine;
	display:block;
	padding:8px 0;
	text-decoration:none;
	line-height: 1.4em;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
  }
  .wrap ul.wrap-nav li a:hover {
	color:#f0f0f0;
  }
  .wrap ul.wrap-nav>li>a{
	font-family: "century-gothic", "游ゴシック",sans-serif;
font-weight: 700;
font-style: normal;
  }
  .wrap ul.wrap-nav ul {
	padding:20px 0;
  }
  .wrap ul.wrap-nav ul li {
	display:block;
	font-size:13px;
	width:100%;
	color:#e9e9e9;
  }
  .wrap ul.wrap-nav ul li a {
	font-weight:unset;
	color:#f0f0f0;
  }
  .wrap ul.wrap-nav ul li a:hover {
	color:aquamarine;
  }
  .social {
	font-size:13px;
	padding:20px;
  }
  .social p {
	margin:0;
	padding:20px 0 5px 0;
	line-height:30px;
	font-size:13px;
  }
  .social p a {
	color:aquamarine;
	text-decoration:none;
	margin:0;
	padding:0;
  }
  .social-icon {
	/* width:80px; */
	/* height:50px; */
	/* background:#e9e9e9; */
	color:#fff;
	display:inline-block;
	margin:0 20px;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
  }
  .social-icon:hover {
	/* background:#34B484; */
	color:#34B484;;
  }
  .social-icon i {
	margin-top:12px;
  }
  .social .social-icon:has(i){
	font-size: 2em;
	padding: 0em 0;
}  
  .content {
	width:100%;
  }






/*FAQ
---------------------------------------------------------------------------*/
.newsbox1{
	padding: 10px 0;
}

/*FAQボックス全体*/
.faq {
	padding: 0 5px;	/*上下、左右へのボックス内の余白*/
}

/*質問*/
.faq dt {
	border-radius: 3px;		/*枠を角丸にする指定*/
	text-indent: -2em;				/*テキストのインデント。質問が複数行になった際に、テキストの冒頭を揃える為に設定しています。*/
	padding: 5px 1em 5px 3em;		/*ボックス内の余白。ここを変更する場合、上のtext-indentも調整します。*/
	/*border: 1px solid #555;*/
}






/*アイコン（Font Awesome）*/
.faq dt::before {
	font-family: "Font Awesome 5 Free";	/*Font Awesomeを使う指定*/
	content: "▼";		/*使いたいアイコン名をここで指定。Font Awesomeに記載されています。詳しくは当テンプレートのマニュアルを読んで下さい。*/
	color: #00b1d4;			/*アイコンの色*/
	padding-right: 1em;		/*アイコンとテキストの間の余白*/
}

/*回答*/
.faq dd {
	padding: 5px 1em 30px 3em;		/*ボックス内の余白**/
}

/*opencloseを適用した要素のカーソル*/
.openclose {
	cursor: pointer;	/*カーソルの形状。リンクと同じスタイルにしてクリックできると認識してもらう。*/
}

.faq dt span {text-indent: 0;}








/*info*/
.info {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	margin-top: 100px;
}

.info h2{
	font-size: 20px;
	text-align: left;
}
.info h4{
	font-size: 13px;
	text-align: left;
}
.info li{
	padding: 30px 30px;
}
.info li:first-child{border-top: solid #000 1px;}
/*.info li:last-child{border-bottom: solid #000 1px;}*/
.info-li+.info-li{
	border-top: solid #000 1px;
}

.info2{
	background-image: linear-gradient( 109.6deg,#7fffd4, #20cefa);
	width: 50%;
	height: 100%;
	margin-bottom: 20px;
	position: absolute;
}


.info2 {
	position: absolute;
	width: 60%;
	top: 50%;
	left: 70%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.info2-in{
	/*position: absolute;
    display: block;
	text-align: center;
	top: 50%;
	left: 30%;*/
}




/*ボタン類
---------------------------------------------------------------------------*/
/*紺色ボタン*/
.button{
	margin: 20px 0px;
	background: #013F4A;
	padding: 5px 20px;
	color:#fff;
	font-weight:bold;
	display:inline-block;
}
.button span{
	font-size: 1.7em;
}
/*白ボタン*/
.button2{
	margin: 20px 0px;
	background: #fff;
	padding: 5px 20px;
	color:#000;
	font-weight:bold;
	display:inline-block;
}
/*白枠ボタン*/
.button3{
	margin: 20px 0px;
	padding: 5px 20px;
	color:#000;
	border: solid #000 1px;
	font-weight:bold;
	display:inline-block;
}
/*白枠ボタン*/
.button4{
	margin: 20px 0px;
	padding: 5px 20px;
	color:#000;
	border: solid #000 1px;
	font-weight:bold;
	display:inline-block;
}
/*白枠ボタン*/
.button5
{ color:#fff; /*border: solid #fff 1px;*/ font-weight:bold; display:inline-block; }

.button h3,.button2 h3{font-size: 20px;}
.button h4,.button2 h4{font-size: 10px;}
.button4 h3{font-size: 30px;}
.button5{font-size: 12px;}

.link_button{

}

/*å‹•ç”»
---------------------------------------------------------------------------*/
/* 動画を囲うdiv設定 */
.video {
  position: relative;
  width:100%; /* 横幅は100%にしておく(ここを変えたい場合は実装コード2の方法を確認してください) */
  height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top: 56.25%; /* 高さを指定(16:9) */
	margin-bottom: 100px;
}

/* YouTube埋め込み用のiframe */
.video iframe{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
	margin-top: 60px;
  width: 100%;
  height: 100%;
}





/*アニメーション設定
---------------------------------------------------------------------------*/
/*カーテンアニメーション見出し*/
.box2 {
  width: 100%;
  height: auto;
  /* margin: 0 20px 0 0; */
  overflow: hidden;
}

.box2 .boxInner {
  width: auto;
  height: auto;
  opacity: 0;
 overflow: hidden;
}

.box2 .boxInner2 {
  width: auto;
  height: auto;
  opacity: 0;
 overflow: hidden;
}

.boxInner h2 br{
	display: none;
}

/*スライドインを動作するclass*/
.isPlay {
  animation-name: play;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  position: relative;
  opacity: 1 !important;
}

/*isPlayの疑似要素にマスクとマスクを外すアニメーションを設定 */
.isPlay:before {
  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient( 109.6deg,#7fffd4, #20cefa);
}

/*スライドインを動作するclass*/
.isPlay2 {
  animation-name: play2;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  position: relative;
  opacity: 1 !important;
}

/*isPlayの疑似要素にマスクとマスクを外すアニメーションを設定 */
.isPlay2:before {
  animation-name: maskOut2;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient( 109.6deg,#7fffd4, #20cefa);
}



/*before疑似要素
---------------------------------------------------------------------------*/
/*斜線アイコン*/
.icon::before{
	content: "";
    width: 2px;
    height: 80px;
    display: block;
    background-color: #000;
    transform: rotate(0deg);
    position: absolute;
    top: 20px;
    left: 100px;
}

.icon,.icon2{
	position: relative;
	width: 150px;
	height: 150px;
	margin-bottom: -120px;
	margin-left: -120px;
	z-index: 1;
	font-family: "century-gothic", "游ゴシック",sans-serif;
font-weight: 700;
font-style: normal;
}


.icon h2{
	font-size: 60px;
	color: #000;
}



.icon2::before{
	content: "";
    width: 2px;
    height: 80px;
    display: block;
    background-color: #fff;
    transform: rotate(0deg);
    position: absolute;
    top: 20px;
    left: 100px;
}

.icon2 h2{
	font-size: 60px;
	color: #fff;
}





/* フッター ------------------------------------------------------------*/ 
/* #footer{ 
	clear: both; 
	padding: 50px 10px 50px 0;
	text-align: left; 
	font-size: 12px;
}  */
#footer {
	font-size: 0.9em; /*文字サイズ*/ 
	background: #141623 ; /*背景色*/ 
	color: #999; /*文字色*/ 
	/* text-align: center;  */
	/* padding: 10px 40px 60px;  */
	height: 5px; 
} /*リンクテキスト*/ 
#footer a {
	color: #fff;
	text-decoration: none;
} /*著作部分*/
#footer .pr {display: block;}

/* .footermenu { 
	padding: 3% 50px;
}  */

/*ボックス全体の設定*/ 
.footermenu { 
	background: #013F4A; /*背景色*/ 
	color: #999;
	font-size: 1em; /*文字サイズ*/
}
/*ボックス内のリンクテキスト設定*/
.footermenu a { 
	text-decoration: none; 
	color: #fff; /*文字色*/ 
} 
/*リンクテキストのマウスオン時*/
.footermenu a:hover {
	color: #ccc; /*文字色*/
}
/*ulタグ（メニューの列単位）*/
.footermenu ul { 
	margin: 0;
	padding: 0 2px; 
	flex: 1; 
	list-style: none; 
} 
/*title*/ 
.footermenu .title {
	font-family: "century-gothic", "游ゴシック",sans-serif;
font-weight: 700;
font-style: normal;
	color: aquamarine; 
	padding-bottom: 5px; /*下に空けるスペース*/
	font-size: 1.9em;
	letter-spacing: .1em;
} 

.footermenu-inner{
	padding: 3% 50px;
	max-width: 1200px;
    margin: 0 auto;
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.copyright{ 
	text-align:left; 
	float:left; 
	margin: 0 10px; 
	width: 70%;
}
.logo-f{ 
	text-align:left; 
	float:right; 
	width:50px;
	margin: 5px; 
}

footer small {
	font-size: 100%;
} 

.footermenu-inner:has(.copyright) ul{
	font-size: 2em;
}
.footermenu-inner:has(.copyright) ul a{
	margin-right: .5em;
}

 

/* #footer .footermenu-inner{
	max-width: 1440px;
    margin: 0 auto;
	} */



/*コンテナー（サイト全体を囲むブロック）
---------------------------------------------------------------------------*/
.container {
	max-width: 1440px;	/*最大幅。これ以上広くならない指定。*/
	margin: 80px auto 0;
	
}



/* RESPONSIVE 設定
------------------------------------------------------------*/
/*1200px以上の時*/
@media only screen and (min-width: 1200px){
	/*.txt h2{
		padding: 0 0 20px !important;
	}*/
	.inner,.inner-pa{
		width: 1024px;
	}
	
}

/*900px以上の時*/
@media only screen and (min-width: 900px){
	body{
		font-size:16px;
	}
	
	#footer { height: 5px; } 
  

	/* SEC02 MESSAGE
	-----------------*/
	/*通常*/
	.bg{
		width: 60%;
		float: left;
		display: table;
		position: relative;
	}
	.bg2{
		width: 70%;
		float: left;
		display: table;
		position: relative;
	}
	
	.txt{
		width: 40%;
		float: left;
		display: table;
	}

	/*左画像*/
	.wrap2 .txt, .wrap2 .bg{
		float: right;
	}

	.vMid{
		display: table-cell;
		padding: 20px 50px;
		vertical-align: middle;
	}


	.vMid img{
		display: table-cell;
		padding: 0px 0px;
		vertical-align: middle;
	}
	
	.center-img{
	padding: 100px;
}
	
	/* SEC03 SERVICE MESSAGE STORY
	-----------------*/
	.col3 li{
		display: inline-block;
		width: 30%;
		padding: 0 1.5%;
		margin-bottom: 0;
		vertical-align: top;
		text-align: left;
	}
	
	/* SEC05 PROFILE
	-----------------*/
	#sec05{
		padding-top: 0px;
		background-color: #F9F9F9;
	}
	
	
	.inner,.inner-pa{
		padding: 80px 0;
	}
	
	.wrap + .wrap{
	margin-top: 700px;
}
	
}








@media screen and (max-width:68em) {
	.wrap ul.wrap-nav>li {
	  width:100%;
	  padding:20px 0;
	  border-bottom:1px solid #575757;
	}
	.wrap ul.wrap-nav {
	  padding:60px 0px 0px;
	}
	/* nav ul {
	  opacity:0;
	  visibility:hidden;
	} */
	.social {
	  color:#c1c1c1;
	  font-size:13px;
	  padding:15px 0;
	}
	.social-icon {
	  width:100%;
	  padding: .5em 0;
	  /* height:50px; */
	  /* background:#fff; */
	  /* color:#333; */
	  display:block;
	  margin:5px 0;
	}
  }



/*899px以下の時*/
@media only screen and (max-width: 899px){	
	#header,#header2,#header3,#headersp,#headersm,#header_info,#header_hanwa{
		height: 60vh;
	}
	#header4{
		height: 90vh;
	}
	.boxInner h2 br{
		display: block;
	}
	.col3 h2, .center {
		text-align: left;
	}

	.sec01 img{
		margin-bottom:-30px;
		float: none;
	}
	#sec02{
		padding: 150px 0 0px;
	}

	.wrap.wrap2{
		margin-top: 50px;
	}

	/*top画面レスポンス*/
	#slogan{
  top: 75%;
	width: 100%;
	-webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
	color: #6cffe9;
	line-height: 1.2;
	text-align: left;
	margin-left: 10px;
	text-shadow: 0 0 130px #fff;
}
	
	#slogan h1{
	font-size: 60px;
}

#slogan h2{
	font-size: 15px;
}
	
	
/*top見出しレスポンス*/
.look3{
	top: 66.6%;
	padding: 0px 40px;
	}
.main-title{
	font-size: 20px;
}

.main-title h1{
	font-size: .7em;
	letter-spacing: .08em;
	}
	
.main-title span{
	font-size: 3.5em;
	line-height: 1em;
}

.main-titlebox{
	padding: 0 1em 2em;
	}

/* ヘッダー */
.site-logo img{
	display: none;
}

/*newsレスポンス*/
	.box1 {
	padding: 20px 0;		/*上下、左右へのボックス内の余白*/
}	
	
/*visionレスポンス*/
.vision{
	width: 90%;
	margin: 0px auto;
}
.vision-03 {
    width: 90%;
    margin: 70px auto 20px;
}
	
	.col3 li{
		margin: 0px auto;
		display: block;
	max-width: 288px;
	}
	
	.inner-pa .col3 li{
		margin: 30px auto;
		display: block;
	max-width: 288px;
	}

	.sec02-1 {
		padding: 0px 0 0px;
	}
	.container {
		margin: 0px auto 0px;
	}
	.inner-pa {
		padding-bottom: 20px;
	}
	
	/*通常*/
	.bg2{
		width: 100%;
		float: left;
		margin:-50px 0 50px;
	}
	
	.vMid{
		/* padding: 20px 100px; */
		height: auto;
		padding: 50px 20px 20px;
	}
	
	.sec01{
		background-size:150%;
		background-position: 0%;
		padding: 50px 0 50px;
	}
	
	/*	見出しレスポンス*/
	.look,.lookta {font-size:26px;}
	.look{padding: 0px 10px;}
	.lookta{padding: 10px 0px; }
	.box2{margin: 0 0px 0 0;}
	section h2{font-size: 18px;	}
	
	/*線アイコン*/
.icon::before,.icon2::before{
	content: "";
    width: 2px;
    height: 80px;
    display: block;
    background-color: #6B6B6B;
    transform: rotate(0deg);
    position: absolute;
    top: 0px;
    left: 60px;
}
	.icon2::before{
    background-color: #fff;
}
	
.icon,.icon2{
	width: 50px;
	height: 50px;
	margin-bottom: -45px;
	margin-left: -70px;
	display: none;
}
	
.icon h2,.icon2 h2{
	font-size: 40px;
}
	
/*sec01内レスポンス*/
.sec01-2,.sec01-3,.sec02-1,.sec01-4,.sec01-5{width: 100%;}
	.inner,.inner-pa{
		/*margin: 0 20px;*/
		/* padding-top: 50px; */
	}
	
/*sec01内画像レスポンス*/
.sec01-4 img{margin: -50px 0 0;}
.sec01-2 img{margin: -8em 0 0;}
.sec01-5 .img-r{margin: 0;}
	
	/*背景*/
	/*.sec01-1{
		padding: 0px 0;
	background-color: #013F4A;
	background:url("../images/background2-1.jpg") no-repeat top / cover;
}*/
	.sec03-1{
	padding: 50px 0 10px;
	background:url("../images/background3-1.jpg") repeat right / 190%;
}
.sec03 .inner{
	padding-top: 6em;
}


/* エントリー */
.event_textarea h2, .event_textarea2 h2{font-size: 1.3em;}
.sec03 .inner p{line-height: 2em;}
.event_textarea br,.event_textarea2 br{display: none;}
.tab-group{margin: 4em 0 2em;}
.tabMenu li{padding: .7em 8px;margin: 1em .3em 2em;}
.flowarea {margin: 1em 0 1em;padding: 3em 1em;}
.tab-wrap{padding: 0 1em;}
.tab-wrap ul{margin: 1em 0em;}
.tab-contents.show{padding: 0px;}
.requirements_overview table {font-size: 14px;line-height: 2;}
.btnarea {margin: 1em;padding: 0em 1em 3em;}
.bunner_line img{width: 90%;margin-bottom: 5em;}
a.btn{padding: .8rem 2.7em 1rem;font-size: .9rem;}
.requirements_overview table tbody tr th{display: block;border-bottom: 0px solid #0e2332;font-weight: 700;width: 100%;}
.requirements_overview table tbody tr td{display: block;padding: 0 3% 3%;}
.requirements_overview_job{padding-bottom: 3em;border-bottom: 1px solid #0e2332;}

/* イベント概要 */
.event_overview_job h3 {
    font-size: 1.4em;
}
.event_overview table{
	font-size: 14px;
	line-height: 2;
}
.event_overview table tbody tr th {
	font-weight: 700;
	/* width: 100%; */
}
.event_overview table tbody tr td {
	/* display: block; */
}

.event_textarea, .event_textarea2 {
    margin-top: 0em;
}




.info{
	margin-top: 60px;
}

.info h2{
	font-size: 16px;
	text-align: left;
}
.info h4{
	font-size: 12px;
	text-align: left;
}
.info li{
	padding: 1em 10px;
}

.info2{
	width: 100%;
	transform: translate(0%, 0%);
	margin-bottom: 0px;
    position: static;
}
.newsbox dt,.newsbox dd{
	display: inline-block;
    width: 100%;
}	
#new dd{
	padding-left: 0em;
}
.box1{
	margin: 15px;
}
	
.footermenu-inner {
	padding: 3% 20px;
	font-size: 1em;	
	display: list-item;
}
	#footer{
		padding: auto 0px;
	}

	.footermenu-inner ul{
		padding: 1.2em 2px;
	}
	
	#footer{
		font-size: 0.9em;
		/* padding: 10px 12px 60px; */
    	height: 30px;
	}
	.logo-f{
		width: 40px;
	}
	.copyright{
		float: none;
		margin: 0 0px;
		width: 100%;
	}
}


/*640以下の時*/
@media only screen and (max-width: 640px){
	.col2 li{
		width: 100%;
		margin: 20px 0 20px 0;
	}	

	#map iframe{
	  width: 96% !important;
		left: 2%;
	}
	
	.look2 {font-size: 35px;
		padding: 0px 10px;}
	
}



/* 出現js */
.animation_box{
	opacity: 0;
  visibility:hidden;
  /*元の位置に戻す*/
  transform: translateY(20px);
  transition: all 1s;
}

.is-active-anim{
	/*要素を表示させる*/
	opacity: 1;
	visibility: visible;
	/*元の位置に戻す*/
	transform: translateY(0);
  }