@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/**********************************/
/* 骨組み（全体背景）****************/
/**********************************/
body{
	font-family: 'Noto Sans JP', sans-serif;
	color:#002059;
	text-align: center;

	background-image: url(../img/bg_section.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100%;

}
@media screen and (max-width: 767px) {
	body{
		background-image: url(../img/bg_section_sp.png);
		background-attachment: fixed;
		background-size: cover;
	}
}

/**********************************/
/* 基礎部分 ************************/
/**********************************/
.wapper{
	max-width: 1200px;
	margin: 0 auto;
}
.sec_main{
	background-size:10%;
	background-repeat:no-repeat;
	background-position: reft;
	z-index: -99;
}
@media screen and (max-width: 767px) {
	.sec_main{
		margin-top:0;
		background-repeat:no-repeat;
		padding: 0;
	}
}
.sec_main2{
/*
	background-image: url(../img/bg_section2.png);
*/
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 80%;
	z-index: 99;
	margin-top: -50px;
}
@media screen and (max-width: 767px) {
	.sec_main2{
		margin-top:0;
		background-repeat:no-repeat;
		padding: 0;
	}
}
/**********************************/
/* 文字装飾                        */
/**********************************/
.txstyle_big{
	font-size: 300%;
}
.txstyle_large{
	font-size: 200%;
}
.txstyle_middle{
	font-size: 130%;
}
.txstyle_normal{
	font-size: 100%;
}
.txstyle_small{
	font-size: 60%;
	line-height: normal;
}
.txstyle_bold{
	font-weight: bold;
}
.txstyle_circle{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #002059;
	border-radius: 50%;
	text-align: center;
}
.txstyle_circle span {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 45%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#ffffff;
	font-size: 100%;
	font-weight: bold;
	width :50px;
	text-align:center;
}
.txstyle_pink{
	color:#e7467d;
}
.txstyle_center{
	text-align: center;
}

@media screen and (max-width: 767px) {
	.txstyle_big{
		font-size: 180%;
	}
	.txstyle_large{
		font-size: 120%;
	}
	.txstyle_circle{
		top: 8px;
		width: 40px;
		height: 40px;
	}
	.txstyle_circle span {
		left: 0;
		top: 50%;
		font-size: 90%;
		width :40px;
	}
}

/**********************************/
/* ヘッダー ***********************/
/**********************************/
header {
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0px 40px;
	box-sizing: border-box;
	background: #ea5429; 
/*	background-color: transparent;*/
}
header .inner {
	color: #ffffff;
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
}
/*
.logo {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 200%;
	font-weight: bold;
	text-align: left;
	padding: 2%;
}
*/
/* header-navi */
/*
header .navi {
	margin: 0 0 0 auto;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	display: flex;
	list-style: none;
}
header .navi li {
	margin: 5px 0 5px 40px;
}
header .navi li:first-child {
	margin-left: 0;
}
header .navi li a {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	color: #333;
}
header .navi li a:hover {
	text-decoration: underline;
}
*/
/* add css  */

#header.scroll {
	position: fixed;
/*	background-color: transparent;*/
/*	background: rgba(234, 84, 41,0.9);*/
	background:#f0c487;
	animation-name: anime;
	animation-duration: 0.3s;
	border-bottom: 5px solid #ffffff;
}
#header.scroll .inner {
	color:#ea5429;
}

@keyframes anime {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
}
@media screen and (max-width: 767px) {
	header {
		padding: 0;
	}
	header .inner img {
		max-width: 50%;
		height: auto;
	}
	header .inner .logo {
		font-size: 100%;
	}
}

/* ハンバーガー ***********************/
.logo_gogo {
	display:block;
	margin:0;
	font-size: 140%;
	font-weight: bold;
	text-align: left;
	width: 300px;
}
nav{
	width: 100%;
	height: 70px;
	position: relative;
	background-color: transparent;
}
.drawer{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	position: relative;
	height: 70px;
	padding: 0;
}

/*ナビゲーション部分*/
.menu ul li {
	margin: 5px 0 5px 40px;
}
.menu ul li a {
    display:block;
    font-weight:bold;
    padding: 10px;
    border-bottom: 1px dotted #CCC;
	color:#ffffff;
	text-decoration:none;
}
.menu ul li a:hover {
	background-color:rgba(0,0,0,0.5);
	color:#CCC;
	text-decoration : underline;	
}
.menu{
	opacity: 1;
	z-index: 999;
	position: relative;
	text-align:right;
	/* background-color:rgba(255,255,255,0.5);*/
	/*background-color:#ea5429;*/
	transition: .5s ease;/*滑らかに表示*/
		-webkit-transform: translateX(-105%);
	transform: translateX(-105%);/*左に隠しておく*/
}

/*OPEN時の動き*/
.menu.open {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
}
   
/*トグルボタンのスタイルを指定*/
.Toggle {
	display: block;
	position: fixed;    /* bodyに対しての絶対位置指定 */
	width: 42px;
	height: 42px;
	cursor: pointer;
	z-index: 3;
	right:15px;
}
.Toggle span {
	display: block;
	position: absolute;
	width: 50px;
	border-bottom: solid 4px #ffffff;
	-webkit-transition: .35s ease-in-out; /*変化の速度を指定*/
	-moz-transition: .35s ease-in-out;    /*変化の速度を指定*/
	transition: .35s ease-in-out;     /*変化の速度を指定*/

}
.Toggle span:nth-child(1) {
	top:5px;
}
.Toggle span:nth-child(2) {
	top: 18px;
}
.Toggle span:nth-child(3) {
	top: 32px;
}
.Toggle.active span:nth-child(1) {
	top: 18px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
   
@media screen and (min-width: 970px) {
	header::after{
		display:none;
	} 
   nav{
		display: flex;
	}
	.logo_gogo{
		font-size: 200%;
		width: 600px;
   }
   .Toggle{
		display: none;
	}
	.menu{
		z-index: 999;
		width: 100%;
		background-color: transparent;
		margin-top:8px;
		-webkit-transform: translateX(0);
		transform: translateX(0);
   }
   .menu ul{
		height: 70px;
		display: flex;
		align-items: center;
   }
   .menu ul li a{
		padding: 0 1em;
		border-bottom: none;
   }
   .menu ul li a:hover
   {
		background-color:transparent;
   }
}

/**********************************/
/* フッター ***********************/
/**********************************/
footer{
	border-top: 20px solid #ea5429;
	color:#002059;
}
.footer_inner{
	padding:0 0 50px 0 ;
	position:relative;
	background: #f4ebcf;
}
.footer_inner img:hover{
	opacity: 0.5 ;
}
.footer_pref{
	padding: 10px 0;
}
.footer_pref img{
	width: 25%;
}
.footer_shusai{
	font-size:130%;
	font-weight: 800;
}
.footer_jimu{
	font-size:110%;
}
.footer_copy{
	font-size:110%;
	margin-top:60px;
}
.footer_top{
	content: '';
	display: block;
	position: absolute;
	bottom: 30px;
	right: 30px;
}

@media screen and (max-width: 767px) {
	.footer_inner{
		padding:0 0 130px 0 ;
		position:relative;
	}
	.footer_pref img{
		width: 60%;
	}
	.footer_jimu{
		font-size:80%;
	}
}

/**********************************/
/* 追従メニュー ******************/
/**********************************/
.side_title{
	position: fixed;
	background-size: cover;
	left: 0;
	width: 100vw;
	opacity: 0.5;
	z-index: 0;
}
.side_title div{
	margin-bottom:5px;
}

.side_menu{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
.side_menu div{
	margin-bottom:10px;
}
.side_menu img:hover{
	opacity: 0.5 ;
}
.side_menu_sp{
	display:none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99;
/*	border: 5px solid;*/
/*	border-color: #fcfcfc;*/
}
.side_menu_sp div{
	width: 30%;
	display:inline-block;
	margin:0 auto;
}


@media screen and (max-width: 767px) {
	.side_menu{
		display:none;
	}
	.side_menu_sp{
		display:block;
	}
}

/**********************************/
/* 事業タイトル（画像の上）**********/
/**********************************/
.img_over_head{
	position: relative;
}

/* サブタイトル１（縁取り文字） */
:root {
	--outline : #ffffff;
}
.img_over_head p {
	font-size: 25px;
	font-weight: bold;
	color: #002059;
	text-shadow: var(--outline) 5px 0 0, var(--outline) 2.83487px 0.981584px 0, var(--outline) 2.35766px 1.85511px 0, var(--outline) 1.62091px 2.52441px 0, var(--outline) 0.705713px 2.91581px 0, var(--outline) -0.287171px 2.98622px 0, var(--outline) -1.24844px 2.72789px 0, var(--outline) -2.07227px 2.16926px 0, var(--outline) -2.66798px 1.37182px 0, var(--outline) -2.96998px 0.42336px 0, var(--outline) -2.94502px -0.571704px 0, var(--outline) -2.59586px -1.50383px 0, var(--outline) -1.96093px -2.27041px 0, var(--outline) -1.11013px -2.78704px 0, var(--outline) -0.137119px -2.99686px 0, var(--outline) 0.850987px -2.87677px 0, var(--outline) 1.74541px -2.43999px 0, var(--outline) 2.44769px -1.73459px 0, var(--outline) 2.88051px -0.838247px 0;
}
/* サブタイトル２（中抜き文字） */
.text2_over_head {
	font-size: 30px;
	font-weight: bold;
	color: #002059;
	text-shadow: var(--outline) 1px 0 0, var(--outline) 2.83487px 0.981584px 0, var(--outline) 2.35766px 1.85511px 0, var(--outline) 1.62091px 2.52441px 0, var(--outline) 0.705713px 2.91581px 0, var(--outline) -0.287171px 2.98622px 0, var(--outline) -1.24844px 2.72789px 0, var(--outline) -2.07227px 2.16926px 0, var(--outline) -2.66798px 1.37182px 0, var(--outline) -2.96998px 0.42336px 0, var(--outline) -2.94502px -0.571704px 0, var(--outline) -2.59586px -1.50383px 0, var(--outline) -1.96093px -2.27041px 0, var(--outline) -1.11013px -2.78704px 0, var(--outline) -0.137119px -2.99686px 0, var(--outline) 0.850987px -2.87677px 0, var(--outline) 1.74541px -2.43999px 0, var(--outline) 2.44769px -1.73459px 0, var(--outline) 2.88051px -0.838247px 0;
}
/* ヘッダーのロゴ */
.img_over_head .top_logo {
	position: absolute;
	margin-top: 10px;
	right: 0;
	width: 15%;
}

/* アピールタイトル（丸枠内に文字） */
.circle_head {	
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	background: #EC6E66;
	border-radius: 30px;
}
.circle_head span {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#ffffff;
	font-size: 30px;
	font-weight: bold;
	width :150px;
	text-align:center;
}


@media screen and (max-width: 767px) {
	/* サブタイトル１（箇条書き） */
	.img_over_head .merit {
		padding-top: 10px;
		padding-left: 0px;
		text-align: left;
	}
	.img_over_head ul li{
		padding-top: 1px;
		padding-bottom: 0px;
		display: list-item;
	}
	.img_over_head ul li::marker{
		color:#002059;
		font-size: 24px;
		text-shadow: var(--outline) 5px 0 0, var(--outline) 2.83487px 0.981584px 0, var(--outline) 2.35766px 1.85511px 0, var(--outline) 1.62091px 2.52441px 0, var(--outline) 0.705713px 2.91581px 0, var(--outline) -0.287171px 2.98622px 0, var(--outline) -1.24844px 2.72789px 0, var(--outline) -2.07227px 2.16926px 0, var(--outline) -2.66798px 1.37182px 0, var(--outline) -2.96998px 0.42336px 0, var(--outline) -2.94502px -0.571704px 0, var(--outline) -2.59586px -1.50383px 0, var(--outline) -1.96093px -2.27041px 0, var(--outline) -1.11013px -2.78704px 0, var(--outline) -0.137119px -2.99686px 0, var(--outline) 0.850987px -2.87677px 0, var(--outline) 1.74541px -2.43999px 0, var(--outline) 2.44769px -1.73459px 0, var(--outline) 2.88051px -0.838247px 0;
	}
	/* サブタイトル１（縁取り文字） */
	.img_over_head p {
		font-size: 16px;
		margin-bottom: 0px;
	}
	/* ヘッダーのロゴ */
	.img_over_head .top_logo {
		width: 25%;
	}

	/* サブタイトル２（中抜き文字） */
	.text2_over_head {
		font-size: 20px;
	}
	/* アピールタイトル（丸枠内に文字） */
	.circle_head {	
		width: 90px;
		height: 90px;
		border-radius: 20px;
	}
	.circle_head span {
		font-size: 20px;
		width :90px;
	}
}

/**********************************/
/* 事業内容（画像の上）**************/
/**********************************/
.img_over_text{
	position: relative;
}
.img_over_text p{
	position: absolute;
	width: 80%;
	top:70%;
	left: 50%;
	text-align: left;
   -ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-60%,-50%);
	color: #005BAC;
	font-size: 140%;
	background-color:rgba(255,255,255,0.7);
}
@media screen and (max-width: 767px) {
	.img_over_text p{
		top:70%;
		left: 60%;
		width: 90%;
		font-size: 120%;
	}
}

/**********************************/
/* 内容                           */
/**********************************/
.main_info_block{
	margin-top: -100px;
	padding-top: 5px;
	z-index: -99;
}
/* タイトル部（イベント１） */
.info_head{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 30px 30px 0 0;
	background: #005BAC;
	color: #FFE601;
	font-size: 2em;
	font-weight: bold;
	width: 100%;
	height: 100px;
}
/* ポイントマーク */
.info_head img{
	margin-right: 0;
	display: block;
	position:absolute;
	top: -20px;
	right: -10px;
}

/* タイトル部（イベント２） */
.info_head2{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 30px;
	background: #ea5429;
	color: #fefefe;
	font-size: 2em;
	font-weight: bold;
	height: 80px;
	margin: 50px 10% 0;
}
/* ポイントマーク */
.info_head2 img{
	margin-right: 0;
	display: block;
	position:absolute;
	top: -20px;
	right: -10px;
}

/* 明細部 */
.info_body{
	border-radius: 0 0 30px 30px ;
	background: #ffffff;
	font-size: 1.6em;
	font-weight: bold;
	width: 100%;
	padding-bottom: 30px;
}
.detail_info_table{
	table-layout: fixed;
	font-size:100%;
	width: 100%;
	text-align: center;
	border: 1px #ffffff solid;
}
.detail_info_table th{
	border: 1px #ffffff solid;
	padding : 10px;
	text-align: left;
	width: 220px;
	vertical-align: top;
}
.detail_info_table td{
	padding : 10px;
	text-align: left;
	border: 1px #ffffff solid;
	line-height: 1.5em;
	vertical-align: top;
}
.detail_info_table td img{
	width: 300px;
	border-radius: 20px;
	border: 2px #8accf1 solid;
	margin: 5px;
}
.detail_info_table td .message{
	border-radius: 20px;
	border: 2px #8accf1 dashed;
	margin: 5px;
	text-align: left;
}

/* 明細の見出し（イベント１） */
h2 {
	position: relative;
	display: inline-block;
	height: 64px;
	padding: 1rem 3rem 1rem 2rem;
	color: #fff;
	background: #005BAC;
}
h2:before {
	position: absolute;
	top: 0;
	right: -29px;
	content: '';
	border-width: 32px 0 32px 30px ;
	border-style: solid;
	border-color: transparent transparent transparent #005BAC ;
}
/* 明細の見出し（イベント２） */
h3 {
	position: relative;
	display: inline-block;
	height: 64px;
	width: 180px;
	padding: 1rem 1rem 1rem 1.5rem;
	color: #fff;
	background: #24aae1;
}
h3:before {
	position: absolute;
	top: 0;
	right: -29px;
	content: '';
	border-width: 32px 0 32px 30px ;
	border-style: solid;
	border-color: transparent transparent transparent #24aae1 ;
}
@media screen and (max-width: 767px) {
	/* タイトル部（イベント１） */
	.info_head{
		font-size: 1.5em;
		font-weight: bold;
		width: 100%;
		height: 100px;
	}
	/* ポイントマーク（イベント１） */
	.info_head img{
		width: 80px;
		top: -50px;
		right: 0;
	}
	/* タイトル部（イベント２） */
	.info_head2{
		margin: 50px 5px 0;
	}
	/* ポイントマーク（イベント２） */
	.info_head2 img{
		width: 150px;
		top: -37px;
		right: 0;
	}
	/* 明細部 */
	.info_body{
		font-size: 1.3em;
	}
	.detail_info_table th{
		display:block;
		padding : 10px 5px 0 10px;
	}
	.detail_info_table td{
		display:block;
		padding : 5px 5px 10px 10px;
	}
}
/**********************************/
/* 開催日程枠                      */
/**********************************/
.schedule_info_block{
	margin:0 auto;
	margin-top:20px;
	margin-bottom: 20px;
	padding: 10px;
	width:100%;
	text-align: left;
	font-size: 1.5em;
}

/**********************************/
/* タイトル                        */
/**********************************/
h1 {
	padding: .5em;
	background-color: #ffe6e6;
	border-bottom: solid 3px #ff5a5f; 
	font-size: 1em;
	font-weight: bold;
}

/**********************************/
/*　　来場特典                     */
/**********************************/
.tokuten_block{
	margin:10px auto;
	width:50%;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.tokuten_block{
		width:90%;
	}
	.tokuten_block img{
		width: 100%;
	}
}
/**********************************/
/*　　イベント情報テーブル          */
/**********************************/
.event_block{
	display: flex;
	margin:0 auto;
	width:100%;
	text-align: center;
	font-weight: bold;
}
.event_block_text{
	font-size:160%;
	padding: 20px 20px;
}
.event_title{
	text-align:left;
	background:#000000;
	border-left: solid 50px #005BAC;
	color:#FFF;
	font-size:200%;
	padding: 10px;
}
.event_table{
	table-layout: fixed;
	font-size:100%;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}
.event_table th{
	background-color:#005BAC;
	border-color : #ffffff;
	color:#FFF;
	border: 2px rgba(2254,196,99,0.7) solid;
	padding : 2px;
	width: 150px;
	font-size: 120%;
	font-weight: bold;
}
.event_table td{
	padding : 2px;
	text-align: left;
	font-size: 120%;
}
.event_table .text_waitup{
	font-size:180%;
	font-weight: bold;
}
.event_table .text_large{
	font-size:200%;
}
@media screen and (max-width: 767px) {
	.event_block{
		width:90%;
	}
	.event_table th{
		display: block;
	}
	.event_table td{
		display: block;
		padding:3px 2px;
		font-size:80%;
	}
	.event_table .text_waitup{
		font-size:150%;
	}
	.event_table .text_large{
		font-size:180%;
	}
}
/**********************************/
/*　　サブ　イベント情報テーブル     */
/**********************************/
.sub_event_block{
	margin:0 auto;
	margin-top:150px;
	width:100%;
	font-weight: bold;
	background-color:#EBF6F9;
}
.sub_event_title{
	text-align:left;
	background:#000000;
	border-left: solid 50px #F15929;
	color:#FFF;
	font-size:200%;
	padding: 10px;
}
.sub_event_table{
	table-layout: fixed;
	font-size:100%;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 50px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.sub_event_table th{
	background-color:#F15929;
	border-color : #ffffff;
	color:#FFF;
	padding : 1px;
	width: auto;
	font-size: 120%;
	font-weight: bold;
	border: 2px rgba(255, 255, 255, 0.7) solid;
}
.sub_event_table td{
	padding : 1px;
	text-align: center;
	font-size: 100%;
	border: 1px rgba(241,89,41, 0.3) solid;
}
.sub_event_table .text_waitup{
	font-size:180%;
	font-weight: bold;
}
.sub_event_table .text_large{
	font-size:200%;
}
@media screen and (max-width: 767px) {
	.sub_event_block{
		width:100%;
	}
	.sub_event_table th{
		display: block;
	}
	.sub_event_table td{
		display: block;
		padding:3px 2px;
		font-size:80%;
		text-align: center;
	}
	.sub_event_table .text_waitup{
		font-size:150%;
	}
	.sub_event_table .text_large{
		font-size:180%;
	}
}
/**********************************/
/*　　イベント情報コメント　　　     */
/**********************************/
.support_company_block{
	margin-top:30px;
	padding-left: 35%;
	font-size: 120%;
	text-align: left;
}
@media screen and (max-width: 767px) {
	.support_company_block{
		padding-left: 5px;
	}
}
/**********************************/
/* 参加企業（ボックス）	            */
/**********************************/
.exibit_company_head{
	margin-top:30px;
	font-size: 200%;
	color:#006838;
	font-weight: bold;
	text-align: center;
}
.exibit_company_head p{
	font-size: 70%;
	color:#002059;
	font-weight: bold;
	text-align: center;
}
.exibit_company_list{
	margin-top:10px;
	padding-left: 15%;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}
.exibit_company_list ul{
  padding: 0;
}
.exibit_company_list ul li {
  border-left: solid 6px #006838;
  border-bottom: solid 2px #dadada;
  background: whitesmoke;
  margin-bottom: 5px;
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;
  width: 85%;
}

@media screen and (max-width: 575px) {
	.exibit_company_head{
		font-size: 180%;
	}
	.exibit_company_list{
		padding-left: 1%;
	}
	.exibit_company_list ul{
		padding: 10px;
	}
	.exibit_company_list ul li {
		width: 100%;
	}
}

.exhibit_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
}

.exhibit_box .exhibit_box_contents {
	border-radius: 10px;
	background: #fdfdfd;
	text-align: center;
	padding-bottom: 10px;;
	width: 70%;
	height: 50%;
	-webkit-box-shadow: 6px 6px 10px 0px rgba(109,64,45, 0.5);
			box-shadow: 6px 6px 10px 0px rgba(109,64,45, 0.3);
	margin: 1% 1%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
}
.exhibit_box .exhibit_box_contents .day_msg{
	color:#e7467d;
	font-size: 120%;
	font-weight: bold;
	height: 40px;
	text-align: center;
	padding: 5px;
}
.exhibit_box .exhibit_box_contents .company {
	width: 100%;
	margin: 1px 0;
	padding: 5px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	background-color: #ea5429;
	color:#FFFBC7;
	font-size: 150%;
}
.exhibit_box .exhibit_box_contents .company a{
	color:#FFFBC7;
}

.exhibit_box .exhibit_box_contents .element {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
.exhibit_box .exhibit_box_contents .img_logo{
	width: 200px;
	height: auto;
	padding-left: 5px;
}
.exhibit_box .exhibit_box_contents .img_logo img{
	max-width: 100%;
	max-height: 80px;
}
.exhibit_box .exhibit_box_contents a:hover{
	opacity: 0.5;
}
.exhibit_box .exhibit_box_contents .img_logo_w{
	width: 200px;
	height: auto;
	padding-left: 5px;
}
.exhibit_box .exhibit_box_contents .img_logo_w img{
	max-width: 50%;
	max-height: 80px;
}
.exhibit_box .exhibit_box_contents .req_info{
	margin-left: 10px;
	width: 70%;
}
.exhibit_box .exhibit_box_contents .req_table{
	table-layout: fixed;
	width: 100%;
}
.exhibit_box .exhibit_box_contents .req_table th{
	/*
	background-color:#ea5429;
	color:#ffffff;
	*/
	background-color:#ffffff;
	color:#ea5429;

	border: 2px solid #ffffff;
	padding : 5px 2px;
	width: 100px;
	vertical-align: top;
}
.exhibit_box .exhibit_box_contents .req_table td{
	padding : 5px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}


.exhibit_box .exhibit_box_contents .keep-all-break-word {
	word-break: keep-all;
	overflow-wrap: break-word;
}

@media screen and (max-width: 575px) {
	.exhibit_box .exhibit_box_contents {
		width: 90%;
		margin: 20px 3px; 
	}
	.exhibit_box .exhibit_box_contents .img_logo{
		margin: 20px 0;
		width: 90%;
	}
	.exhibit_box .exhibit_box_contents .img_logo img{
		max-width: 100%;
		max-height: 100px;
	}
	.exhibit_box .exhibit_box_contents .img_logo_w{
		margin: 10px 0;
	}
	.exhibit_box .exhibit_box_contents .req_info{
		margin-left: 0;
		width: 100%;
	}


}


/**********************************/
/* 地図表示 　　　　　　　　　　　　　*/
/**********************************/
.map_body{
    position:relative;
	border-top: 20px solid #ea5429;
	background-color: #ea5429;
	text-align:center;
	margin-top: 50px;
}
.map_body_map iframe{
	width: 100%;
}
.map_body_text{
	font-size:200%;
	font-weight: bold;
	background-color: #f1e5ca;
}
@media screen and (max-width: 767px) {
	.map_body_map iframe{
		Height:300px;
	}
	.map_body_text{
		margin-top:10px;
		font-size:100%;
	}	
}

/**********************************/
/*　　動画掲載			           */
/**********************************/
.movie_block{
	margin:0 auto;
	padding: 10px;
	width:100%;
	height: 100%;
	display: flex;
	justify-content:center;
}
.movie_block .youtube {
	padding: 5px;
	flex:1;
	width:49%;
	height: 49%;
	aspect-ratio: 16/9;
}
@media screen and (max-width: 767px) {
	.movie_block{
		padding: 0;
		width:100%;
		height: 120%;
	}
}

/**********************************/
/* ボタン *************************/
/**********************************/
.detail_btn_block {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
/* 企業申込ボタン */
a.btn_entry_cp {
	display: inline-block;
	max-width: 400px;
	color: #ea5429;
	border: 2px solid #ea5429;
	background: #fff;
	margin: 20px 20px;
	padding: 1em 2em;
	font-size: 130%;;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	border-radius: 10px;
}
a.btn_entry_cp:hover {
	border-radius: 50px;
}
a.btn_entry_cp_fin {
	display: inline-block;
	width: 370px;
	color: #ea5429;
	border: 2px solid #ea5429;
	background: #d2d1d1;
	margin: 20px 0;
	padding: 1em 2em;
	font-size: 130%;;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	border-radius: 10px;
}
/* 求職者申込ボタン */
a.btn_entry_js {
	display: inline-block;
	max-width: 400px;
	color: #ffffff;
	border: 2px solid #ffffff;
	background: #006838;
	margin: 20px 20px;
	padding: 1em 2em;
	font-size: 130%;;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	border-radius: 10px;
}
a.btn_entry_js:hover {
	border-radius: 50px;
}
a.btn_entry_js_fin {
	display: inline-block;
	width: 370px;
	color: #ea5429;
	border: 2px solid #ffffff;
	background: #b8aead;
	margin: 20px 0;
	padding: 1em 2em;
	font-size: 130%;;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	border-radius: 10px;
}

/* 求職者申込ボタン（ヘッダー用） */
a.btn_entry_js_head {
	display: inline-block;
	color: #ffffff;
	border: 2px solid #ffffff;
	background: #006838;
	padding: 0.5em 1em;
	font-size: 130%;;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	border-radius: 10px;
}
a.btn_entry_js_head:hover {
	border-radius: 50px;
}
a.btn_entry_js_head_fin {
	display: inline-block;
	color: #ea5429;
	border: 2px solid #ffffff;
	background: #b8aead;
	padding: 0.5em 1em;
	font-size: 130%;;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	border-radius: 10px;
}
@media screen and (max-width: 575px) {
	.detail_btn_block {
		display:block;
	}
	a.btn_entry_cp{
		width: 90%;
		font-size: 100%;
		border-radius: 10px;
		padding: 1rem 1rem;
		margin: 10px 20px;
	}
	a.btn_entry_cp_fin{
		width: 90%;
		font-size: 100%;
		border-radius: 10px;
		padding: 1rem 1rem;
		margin: 10px 20px;
	}
	a.btn_entry_js{
		width: 90%;
		font-size: 100%;
		border-radius: 10px;
		padding: 1rem 1rem;
		margin: 5px 20px;
	}
	a.btn_entry_js_fin{
		width: 90%;
		font-size: 100%;
		border-radius: 10px;
		padding: 1rem 1rem;
		margin: 5px 20px;
	}
}

/*=====================================
a.PDFリンク
=====================================*/
a[href$=".pdf"]:before {
	content:" ";
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background: url(../img/Adobe_PDF_file_icon_24x24.png) no-repeat;
  }
/*=====================================
a.Excelリンク
=====================================*/
a[href$=".xlsx"]:before {
	content:" ";
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background: url(../img/1486565571-microsoft-office-excel_81549.png) no-repeat;
}

/* チラシダウンロード ******************/
.flyer_dw_link{
	padding: 7px;
	font-size: 20px;
	margin-top:10px;
	margin-bottom:10px;
	color: darkblue;
}
.flyer_dw_link a:hover{
	padding: 7px;
	font-size: 20px;
	border: solid #005BAC 2px;
	color: darkblue;
	text-decoration: none;
	background: #f4babd;
	width: 100%;
	border-radius: 10px;
}
@media screen and (max-width: 575px) {
	.flyer_dw_link{
		font-size: 16px;
	}
	
	.flyer_dw_link a:hover{
		font-size: 16px;
	}
}
/*========= モーダル表示のためのCSS ===============*/

/*動画表示のモーダルの余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
background:#ccc;  
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
background:#666;
}