@charset "utf-8";
/* reset */
* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

.clearfix {
  zoom: 1;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.InvalidLabel{
	display:none;
	text-align: left;
    color: #f00;
    font-weight: bold;
	margin:0 0 25px 0;
}

/* font */
html {
  font-size: 62.5%;
}
body{
	position:relative;
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size:62.5%;
	line-height: 2;
}


.fadein {
    opacity: 0;
    transform: translate(0, 30px);
    transition: all 350ms;
}

.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
	transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}


#MainH1{
    width: 100%;
    margin: 0 auto;
    padding: 2px;
    text-align: center;
    color: #fff;
    background: #01b0e1;
    font-size: 1.4rem;
}

/* data-picker option */
.ui-widget.ui-widget-content {
    border: 1px solid #cfcfcf;
}
.ui-widget-header {
    border: 1px solid #fefbce;
    background: #fefbce;
    font-weight: bold;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    background: #03aedc;
    border: 1px solid #fefbce;
    padding: 4px 7px;
    color: #fff;
    border-radius: 15px;
}

/* Menu-button */
#side-menu-btn {
    position: fixed;
    top: 10px;
    left: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #f17192;
	cursor:pointer;
	border-radius:35px;
	z-index:450;
}
#side-menu-btn span,
#side-menu-btn span:before,
#side-menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
#side-menu-btn span:before {
    bottom: 8px;
}
#side-menu-btn span:after {
    top: 8px;
}
header p.active span {
    background-color: rgba(255, 255, 255, 0) !important;
}
header p.active span::before {
    bottom: 0 !important;
    transform: rotate(45deg) !important;
}
header p.active span::after {
    top: 0 !important;
    transform: rotate(-45deg) !important;
}


div#EventDetail br.sp{
	display:none;
}

#menu-content {
    width: 270px;
    height: 100%;
    position: fixed;
    top: 0;
    left: -270px;
    z-index: 80;
    background-color: #ef9eb7;
	transition: .2s ease-in-out;
	z-index:430;
}
#menu-content ul {
    padding: 70px 10px 0;
}
#menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
#menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
#menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

header nav.active{
    left: 0 !important;
}

#MainTitle{
	/* animation: MainTitle 8.2s infinite; */
}
@keyframes MainTitle {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  40%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  43%  { transform: scale(0.95, 0.95) translate(0%, 2%); }
  46%  { transform: scale(1.35, 0.85) translate(0%, 5%); }
  50%  { transform: scale(0.85, 1.35) translate(0%, -5%); }
  54%  { transform: scale(1.05, 0.95) translate(0%, 2%); }
  60% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}


/*アニメーション用CSS*/
#MainImage02{
	/* アニメーションの名前 */
	animation-name:maintown;
	/* アニメーションの１回分の長さ */
	animation-duration: 3.2s;
	/* アニメーションの回数 */
	animation-iteration-count: infinite;
	/* アニメーションの進行具合 */
	animation-timing-function: ease-in-out;
	/* アニメーション再生の向き */
	animation-direction: alternate;
}
/* アニメーションの設定 */
@keyframes maintown{
	/* 開始地点 */
	0%{
	/* Y軸0px */
	transform: translateY(0);
	}
	/* 終了地点 */
	100%{
	/* Y軸50px */
	transform: translateY(-15px);
	}
}

#MainImage03{
	animation-name:mainplane;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
}
/* アニメーションの設定 */
@keyframes mainplane{
	0% { transform: translateY(0); }
	100%{ transform: translateY(-20px); }
}


main#MainContents{
	box-sizing:border-box;
	position:relative;
	margin:0;
	padding:0;
	z-index:100;
}

div.contents{
	box-sizing:border-box;
	width:100%;
	margin:0 0 55px 0;
	padding:0;
	text-align:center;
}
div#content1{
	position:relative;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:94px 0 0 0;
	background:#fefbce;
}

.WrapperMini{
	font-size:1.6rem;
}



/* Contact Button */
div#BtnContactForPc{
	position: fixed;
    top: 65px;
    right: 0;
    overflow: hidden;
	z-index:100;
}
div#BtnContactForPc p {
    box-sizing: border-box;
    position: relative;
    top: 0;
    left: 60px;
    width: 100%;
}
div#BtnContactForPc p a img {
	width: 100%;
    max-width: 280px;
}
div#BtnContactForSp{
	display:none;
	position: fixed;
    bottom:0;
    right: 0;
    overflow: hidden;
	width:100%;
	margin:0;
	padding:0;
	z-index:100;
}
div#BtnContactForSp p {
    box-sizing: border-box;
    position: relative;
	width:100%;
	margin:0;
	padding:0;
}
div#BtnContactForSp p a img {
	width: 100%;
    max-width: 750px;
}


div.contents h1{
	box-sizing:border-box;
	display:block;
	width:100%;
	margin:0;
	padding:0 35px 45px 35px;
}
div.contents h1.SubTitle{
	color: #001c63;
    font-size: 2.8rem;
    font-weight: bold;
}
div#content3{
	margin:0;
}

div#content1Downer{
	position:relative;
	box-sizing:border-box;
	width:100%;
	margin:0 0 95px 0;
	padding:87px;
	background:#fefbce;
	border-radius:0% 0% 50% 50% / 0% 0% 100% 100%
}

.content{
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
	padding:0 35px 90px 35px;
	text-align:center;
}
.content img{
	width:100%;
	max-width:900px;
}

div#content1Downer p.parts{
	position:absolute;

}
div#content1Downer p#Parts01{
	top: -198px;
	left: 88px;
	z-index: 50;
}
div#content1Downer p#Parts02{
	top: -114px;
	right: 103px;
	z-index: 51;
}

p#MainImage{
	position:relative;
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
	padding:0 25px;
	text-align:center;
	max-width:1000px;
}

p#MainImage>img{
	width:100%;
	max-width:1000px;
}
p#MainImage>img#MainImage00{
	opacity:0;
}
p#MainImage>img#MainImage01{
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}
p#MainImage>img#MainImage02{
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
}
p#MainImage>img#MainImage03{
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 30;
}


p.content img.MainTitle{
	width:100%;
	max-width: 920px;
}


/* PickUp */
div#PickUp,
div#Archive{
	box-sizing:border-box;
	width:100%;
	margin:0 ;
	padding: 95px 0;
	background: #e7f9fb;
}
div#Archive{
	margin:0 0 95px 0 ;
}
div#PickUp .content img,
div#Archive .content img,
div#ArchiveArea .content img{
	max-width:720px;
}

div#PickUp div.SingleBanner,
div#Archive div.SingleBanner{
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
	padding:0 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
div#PickUp div.SingleBanner .item,
div#Archive div.SingleBanner .item{
	padding:0 15px;
}
div#PickUp div.SingleBanner img{
	width:100%;
	max-width:583px;
	/* animation: SingleBanner 2.5s steps(2, start) infinite; */
}
div#Archive div.SingleBanner img{
	width:100%;
	max-width:800px;
	/* animation: SingleBanner 2.5s steps(2, start) infinite; */
}

@keyframes SingleBanner {
  0% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-2.5deg);
  }
}
div#PickUp div.SingleBanner span.comment{
    display: block;
    width: 100%;
    margin: 0;
    padding: 7px;
    font-size: 2.0rem;
    background: #03aedc;
    font-weight: bold;
	color:#fff;
	letter-spacing: 0.2em;
}
div#Archive div.SingleBanner span.comment{
    display: block;
    width: 100%;
    margin: 0;
    padding: 7px;
    font-size: 2.0rem;
    background: #faa401;
    font-weight: bold;
	color:#fff;
	letter-spacing: 0.2em;
	text-align:center;
}
.swiper {
	width: 95%;
	height: 100%;
	margin: 0 auto;
}

.swiper-wrapper {
	margin: 0 0 75px 0;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}




/* In Number */
div#InNumber{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width: 85%;
	margin: 0 auto 95px auto;
}
div#InNumber .item{
	position:relative;
	flex-basis: 22%;
    margin: 0 0 35px 0;
}
div#InNumber img{
	width:100%;
}
div#InNumber img.icon{
	max-width:320px;
} 
div#InNumber img.fukidashi{
	max-width:118px;
} 
div#InNumber img#fukidashi01{
	position: absolute;
    top: -72px;
    left: -34px;
	/* animation: InNumberFukidashi01 1s infinite; */
}
div#InNumber img#fukidashi02{
	position: absolute;
    top: 60px;
    left: -34px;
	/* animation: InNumberFukidashi02 1s infinite; */
}
div#InNumber img#fukidashi03{
	position: absolute;
    top: 59px;
    right: -21px;
	/* animation: InNumberFukidashi03 1s infinite; */
}

@keyframes InNumberFukidashi01 {
	0%,100% {top: 0;transform: scale(1);}
	30% {top: -15px; transform: scale(0.96,1.04);}
	60% {transform: scale(1);}
	90% {top: 0;transform: scale(1.15,0.9);}
}
@keyframes InNumberFukidashi02 {
	0%,100% {top: 60px;transform: scale(1);}
	30% {top: 45px; transform: scale(0.96,1.04);}
	60% {transform: scale(1);}
	90% {top: 60px;transform: scale(1.15,0.9);}
}
@keyframes InNumberFukidashi03 {
	0%,100% {top: 78px;transform: scale(1);}
	30% {top: 63px; transform: scale(0.96,1.04);}
	60% {transform: scale(1);}
	90% {top: 78px;transform: scale(1.15,0.9);}
}

/* HyogoMap */
div#HyogoMap{
	position:relative;
	box-sizing:border-box;
	width:100%;
	margin: 0 auto 95px auto;
	padding:0;
	text-align:center;
}
div#HyogoMap:before{
    position: absolute;
    content: "";
    bottom:42px;
    left: 15%;
    margin: auto;
    background: url(../images/People05.png) center center no-repeat;
    background-size: 100%;
	width: 145px;
    height: 188px;
	z-index:2;
}


p#MapTitle{
	position:relative;
}
p#MapTitle img.MapInfo{
	position: absolute;
    right: 12%;
    top: 222px;
    width: 100%;
    max-width: 232px;
	animation: HyogoMapInfo 2s ease-out infinite;
	z-index:3;
}
@keyframes HyogoMapInfo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

img#ImageMap{
	width:100%;
	max-width:595px;
}



/* CONSULTATION */
div#Consulation{
	position:relative;
    box-sizing: border-box;
    width: 100%;
	margin: 0 auto 195px auto;
    padding: 95px 0 0 0;
	background: #e7f9fb;
}

div#Consulation_Fukidashi{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	background: #e7f9fb;
    box-sizing: border-box;
    width: 85%;
	margin: 0 auto 0 auto;
    padding: 0;
}
div#Consulation div#Consulation_Fukidashi .item{
	position:relative;
	flex-basis: 30%;
    margin: 0 0 35px 0;
}
div#Consulation img{
	width:100%;
}
div#Consulation div#Consulation_Fukidashi .item p{
	display:none;
	position:absolute;
    font-size: 2.1rem;
    width: 75%;
    padding: 15px;
    box-sizing: border-box;
	color:#133274;
	font-weight:bold;
}
div#Consulation div#Consulation_Fukidashi .item:nth-of-type(1) p{
    top: 41%;
    left: 14%;
}
div#Consulation div#Consulation_Fukidashi .item:nth-of-type(2) p{
    top: 26%;
    left: 10%;
}
div#Consulation div#Consulation_Fukidashi .item:nth-of-type(3) p{
    top: 50%;
    left: 14%;
}
div#Consulation div#Consulation_Fukidashi .item p span{
	font-size:2.8rem;
	color:#03aedc;
}

div#Consulation div#Consulation_Fukidashi img#Consulation_Fukidashi01{
	animation: Consulation_Fukidashi01 3.5s ease-out infinite;
}
@keyframes Consulation_Fukidashi01 {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

div#Consulation div#Consulation_Fukidashi img#Consulation_Fukidashi02{
	animation: Consulation_Fukidashi02 6.3s ease-out infinite;
}
@keyframes Consulation_Fukidashi02 {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

div#Consulation div#Consulation_Fukidashi img#Consulation_Fukidashi03{
	animation: Consulation_Fukidashi03 4.6s ease-out infinite;
}
@keyframes Consulation_Fukidashi03 {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

div#Consulation_Content1{
    box-sizing: border-box;
    width: 100%;
	margin: 0 auto 0px auto;
    padding: 0 45px;
	text-align:center;
}
div#Consulation_Content1 img{
	width:100%;
	max-width:480px;
}

div#Consulation_Content2{
	position: relative;
    box-sizing: border-box;
    width: 75%;
    margin: 0 auto 95px auto;
    padding: 155px 95px 95px 95px;
    top: 155px;
    background: #03aedc;
    border-radius: 45px;
}
div#Consulation_Content2:before{
  content: "";
  border: 25px solid transparent;
  border-top: 25px solid #03aedc;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

div#Consulation_Content2>div:first-child{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    position: absolute;
    top: -71px;
    left: 0;
}
div#Consulation_Content2>div:first-child .item{
	position:relative;
    flex-basis: 42%;
}
div#Consulation_Content2>div:first-child .item:first-child{
	text-align:left;
    margin: 0 0 0 4%;
}
div#Consulation_Content2>div:first-child .item:last-child{
	text-align:right;
    margin: 0 4% 0 0;
}
div#Consulation_Content2>div:first-child .item img{
	width:100%;
	max-width:221px;
}
div#Consulation_Content2>div:nth-of-type(2){
    box-sizing: border-box;
    font-size: 3.0rem;
    font-weight: bold;
    color: #fff;
    width: 80%;
    margin: 0 auto 35px auto;
}
div#Consulation_Content2>div:last-child{
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
}
div#Consulation_Content2>div:last-child img{
	width:100%;
	max-width: 980px;
}


/* Flow */
div#Flow{
	display:flex;
	justify-content:space-between;
	width: 85%;
	margin: 0 auto 95px auto;
}
div#Flow div.item{
	width:20%;
	padding:0 18px;
}
div#Flow div.item dl{
	
}
div#Flow div.item dl dt{
	box-sizing: border-box;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
}
div#Flow div.item dl dt img{
	width:100%;
	max-width:99px;
}
div#Flow div.item dl dd{
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    color: #03aedc;
    text-align: left;
}
div#Flow div.item dl dd span{
	color: #f07091;
    text-decoration: underline;
}
p#ContactIframe{
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
}

p#ContactIframe iframe{
	width:640px;
	height:3382px;
}


div.contents img.sample{
	width:100%;
	vertical-align:bottom;

}


div#content3Upper{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 54px;
    background: #fefbce;
    border-radius: 60% 60% 100% 0% / 75% 75% 0% 0%;
}

/* Find Work -form */
div#FindWork{
	position:relative;
	box-sizing: border-box;
    width: 100%;
    margin: 0 0 35px 0;
    padding: 5px 0 95px 0;
	background: #fefbce;
}
div#FindWork:before{
    position: absolute;
    content: "";
    top:125px;
    right: 0px;
    margin: auto;
    background: url(../images/FindWorkSide02.png) center center no-repeat;
    background-size: 100%;
	width: 92px;
    height: 769px;
    opacity: 0.7;
}
div#FindWork:after{
    position: absolute;
    content: "";
    bottom:125px;
    left: 0px;
    margin: auto;
    background: url(../images/FindWorkSide01.png) center center no-repeat;
    background-size: 100%;
	width: 92px;
    height: 866px;
    opacity: 0.7;
}
div#FindWork div:first-child{
	position:relative;
	box-sizing: border-box;
    width: 80%;
    margin: 0 auto;
    padding: 0;
    max-width: 980px;
}
div#FindWork div:first-child:before{
    position: absolute;
    content: "";
    top: -166px;
    right: -19px;
    margin: auto;
    background: url(../images/People10.png) center center no-repeat;
    background-size: 100%;
    width: 168px;
    height: 234px;
}
div#FindWork div ul.forms{
	list-style:none;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
}
div#FindWork div ul.forms li{
	display: flex;
    justify-content: flex-end;
    margin: 0 auto 45px auto;
	font-size:1.6rem;
}

div#FindWork div h4{
	margin:25px 0 15px 0;
	color: #03aedc;
    font-size: 2.4rem;
	text-align:left;
	font-weight:bold;
}
div#FindWork div h4.require:after{
	content: "必須";
    background: #03aedc;
    color: #fff;
    padding: 6px 15px 7px 15px;
    border-radius: 25px;
    margin: 0 0 0 12px;
	white-space: nowrap;
}

div#FindWork div ul.forms li.Personal{
    flex-direction: column;
}

div#FindWork div ul.forms li.Personal dl{
	margin:0 0 20px 0;
}
div#FindWork div ul.forms li.Personal dl dt.require:after{
	content: "必須";
    background: #03aedc;
    color: #fff;
    padding: 6px 15px 7px 15px;
    border-radius: 25px;
    margin: 0 0 0 12px;
	white-space: nowrap;
}
div#FindWork div ul.forms li.Personal>dl>dt:before{
	content:"";
}
div#FindWork div ul.forms li.Personal dl dd{
	width:550px;
	margin:0;
}
div#FindWork div ul.forms li.Personal dl dd.HowToMember{
	flex-direction: row;
    justify-content: flex-start;
}
div#FindWork div ul.forms li.Personal dl dd.HowToMember #HowToMember{
	min-width:auto;
	width:100px;
}
div#FindWork div ul.forms li.Personal dl dd.HowToMember>span{
	margin: 0 0 0 9px;
    font-size: 1.8rem;
}
div#FindWork div ul.forms li.Personal dl dd select{
	width:100%;
}
/* 性別・年齢・お住まい・出身 */
div#FindWork div ul.forms li.Personal ul#FormGrouping{
	display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    align-items: flex-start;
    margin: 0 0 20px 0;
    list-style: none;
}
div#FindWork div ul.forms li.Personal ul#FormGrouping li{
	flex-direction: column;
	margin:0;
}

div#FindWork div ul.forms li dl{
	display: flex;
    justify-content: flex-end;
    margin: 0 auto;
	align-items: flex-start;
}
div#FindWork div ul.forms li dl dt{
	padding: 0 15px 0 0;
	color: #03aedc;
    font-weight: bold;
}
div#FindWork div ul.forms li>dl>dt:before{
	content:"●";
}
div#FindWork div ul.forms li dl dd{
	display: flex;
    justify-content: flex-end;
    margin: 0 auto 15px auto;
	flex-direction: column;
}
div#FindWork div ul.forms li dl dd dl{
	display: flex;
    justify-content: flex-end;
    margin: 0;
}
div#FindWork div ul.forms li dl dd dl dt{
	color: #03aedc;
    font-weight: bold;
}
div#FindWork div ul.forms li dl dd dl dd{

}

div#FindWork div ul.forms li.questions{
    display:block;
	text-align:left;
}
div#FindWork div ul.forms li.questions h4{
	color: #03aedc;
    font-size: 2.2rem;
}
div#FindWork div ul.forms li.questions h4.require:after{
	content: "必須";
    background: #03aedc;
    color: #fff;
    padding: 6px 15px 7px 15px;
    border-radius: 25px;
    margin: 0 0 0 12px;
	white-space: nowrap;
	font-size:1.6rem;
}
div#FindWork div ul.forms li.questions ul{
	list-style:none;
	box-sizing:border-box;
	width:100%;
	margin:0 0 5px 0;
	padding:0;
}
div#FindWork div ul.forms li.questions ul>li{
	display:inline;
	margin:0 15px 7px 0;
	padding:0;
	color: #03aedc;
    font-weight: bold;
}
div#FindWork div ul.forms li.questions ul>li input.q1,
div#FindWork div ul.forms li.questions ul>li input.q2,
div#FindWork div ul.forms li.questions ul>li input.q3{
	margin:0 7px 0 0;
}
div#FindWork div ul.forms li.questions p#FreeSpace1Container,
div#FindWork div ul.forms li.questions p#FreeSpace2Container,
div#FindWork div ul.forms li.questions p#FreeSpace3Container{
	box-sizing: border-box;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
}
div#FindWork div ul.forms li.questions p#FreeSpace1Container .FreeSpace,
div#FindWork div ul.forms li.questions p#FreeSpace2Container .FreeSpace,
div#FindWork div ul.forms li.questions p#FreeSpace3Container .FreeSpace{
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    margin: 0;
    padding: 7px;
    border: 0;
}


div#FindWork div h4#enquete{
	
}

.textareaDiv {
 position: relative;
}
textarea {
 opacity: .7;
}
.textareaDiv .placeholderDiv {
 position: absolute;
 top: 15px;
 left: 15px;

}
.textareaDiv .placeholderDiv.none {
 display: none;
}
div#FindWork div#FindWorkSubmit{
	box-sizing:border-box;
	width:80%;
	margin:0 auto 45px auto;
	padding:0;
}
div#FindWork div#FindWorkSubmit:hover{
	padding: 6px 0 0 0;
}
div#FindWork div#FindWorkSubmit dl{
	display: block;
    width: 100%;
    margin: 0 auto;
    background: #e783a5;
    padding: 15px;
    border-radius: 65px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
	border-bottom: 7px solid #fdb3cc;
}
div#FindWork div#FindWorkSubmit dl:hover {
	border-bottom: 1px solid #c95079;
}
div#FindWork div#FindWorkSubmit dl dt{
	font-size: 1.2rem;
}
div#FindWork div#FindWorkSubmit dl dd{
	font-size: 2.4rem;
}

div#FindWork div#PrivacyPolicy{
	box-sizing: border-box;
    width: 80%;
    margin: 0 auto;
    padding: 25px;
    text-align: left;
    border: 3px solid #e783a5;
    border-radius: 12px;
    background: #fff;
}

div#FindWork div#PrivacyPolicy p{
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 25px;
    overflow: scroll;
    font-size: 1.4rem;
    text-align: left;
    height: 170px;
}


/* pickup.html */
#BodyPickup div#FindWork div ul.forms li.questions ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto 5px auto;
}
#BodyPickup div#FindWork div ul.forms li.questions ul>li{
    flex-basis: 25%;
	margin: 0 0 7px 0;
	padding: 0 15px 0 0;
	color: #607D8B;
}
#BodyPickup div#FindWork div ul.forms li.questions ul:nth-of-type(2)>li{
    flex-basis: 50%;
}

#BodyPickup div#FindWork div ul.forms li.questions ul>li #FreeSpace2{
	margin: 0 0 0 15px;
    border: 1px solid #999;
    border-radius: 7px;
    padding: 1px 4px 2px 4px;
    width: 150px;
}


/* pickup2307.html */
div#FindWork div ul.forms li.Personal dl dd.HowToJoin{
	justify-content: flex-start;
    flex-direction: column;
}
div#FindWork div ul.forms li.Personal dl dd.HowToJoin label{
	margin:0 15px 0 0;
	color:#607D8B;
	font-weight:bold;
}
div#FindWork div ul.forms li.Personal dl dd.HowToJoin label input{
	margin: 0 5px 0 0;
}
#YourJobFreeSpace{
	display:none;
	margin: 0 0 0 15px;
    border: 1px solid #999;
    border-radius: 7px;
    padding: 1px 4px 2px 4px;
    width: 150px;
}
#HowtoJoinSpace{
	box-sizing:border-box;
	width:100%;
	margin:0 0 5px 0;
	padding:0;
	text-align:left;
}

/* ARCHIVE AREA */
div#ArchiveArea{
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 85px 0;
    padding: 35px;
    text-align: center;
}

div#ArchiveArea a{
	cursor:pointer;
}
div#ArchiveArea a img{
    width: 100%;
    max-width: 678px;
	/* animation: SingleBanner 2.5s steps(2, start) infinite; */
}

div.movie-wrap {
    width: 640px;
    height: 360px;
    padding-top: 0;
    margin: auto;
}


/* Contact */
p#MainTitle06{
	position:relative;
}
p#MainTitle06:before{
	position: absolute;
    content: "";
    top: -164px;
    left: 13%;
    margin: auto;
    background: url(../images/People08.png) center center no-repeat;
    background-size: 100%;
    width: 118px;
    height: 283px;
}
div#Contact{
	box-sizing: border-box;
    width: 80%;
    margin: 0 auto 135px auto;
    padding: 0;
    max-width: 980px;
}
p#ContactMainTitle{
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0 45px;
    position: absolute;
    top: -65px;
    left: 0;
}

p#ContactMainTitle img{
	width: 100%;
    max-width: 620px;
}
div#Contact_Upper{
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 210px 90px 45px 90px;
    background: #03aedc;
    border-radius: 45px 45px 0 0;
}
div#Contact_Upper>ul{
	list-style: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}
div#Contact_Upper>ul>li{
	font-size: 2.5rem;
    color: #fff;
    font-family: fot-tsukuardgothic-std, sans-serif;
}

div#Contact_Upper>ul>li:nth-of-type(2){
	margin:0 0 45px 0;
}
div#Contact_Upper>ul>li:nth-of-type(2) br.br,
div#Contact_Upper>ul>li:nth-of-type(2) br.br2{
	display:none;
}
div#Contact_Upper>ul>li img.IconTel{
	width: 37px;
    vertical-align: top;
    margin: 0 20px 0 0;
}
div#Contact_Upper>ul>li span.title{
	background: #fff;
    padding: 4px 10px;
    margin: 0 12px 0 0;
    border-radius: 25px;
    color: #03aedc;
    font-size: 1.8rem;
    font-weight: bold;
	white-space: nowrap;
}
div#Contact_Upper>ul>li span.title:last-child{
	margin:0 12px 0 25px;
}

div#Contact_Upper>ul>li span.tel{
	font-size: 5.8rem;
    font-weight: bold;
    line-height: 1.0;
    letter-spacing: 0.4rem;
	color:#fff;
}
/* iOS対策 */
div#Contact_Upper>ul>li span.tel a{
	color:#fff;
	text-decoration:none;
}

div#Contact_Downer{
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0 0 45px 45px;
    overflow: hidden;
}
div#Contact_Downer iframe{
	box-sizing:border-box;
	width:100%;
	height:450px;
	margin:0;
	padding:0;
}

/* AboutUs */
div#AboutUs {
	position:relative;
	box-sizing:border-box;
	width:100%;
	margin: 0 auto;
    background: #fefbce;
	padding: 95px 95px 250px 95px;
    background-image: url(../images/FooterImage.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
div#AboutUs:before{
    position: absolute;
    content: "";
    top:-55px;
    right: 5%;
    margin: auto;
    background: url(../images/People07.png) center center no-repeat;
    background-size: 100%;
	width: 189px;
    height: 219px;
	z-index:2;
}

div#AboutUs div.container{
	display:flex;
	justify-content:space-between;
	width: 85%;
	margin: 0 auto;
}
div#AboutUs div.container div.item{
	width:50%;
	padding:0 18px;
}
div#AboutUs div.container div.item h3{
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
div#AboutUs div.container div.item h3 span{
	display:inline-block;
	font-size: 2.5rem;
    color: #fff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    background: #03aedc;
    padding: 12px 25px;
    border-radius: 40px;
	white-space: nowrap;
}
div#AboutUs div.container div.item div.bordeline{
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
	line-height:1.0;
}
div#AboutUs div.container div.item div.bordeline span{
	background: #03aedc;
    font-size: 3rem;
    line-height: 1;
}
div#AboutUs div.container div.item div.logo{
	position:relative;
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
	line-height:1.0;
}
div#AboutUs div.container div.item div.logo dl{
	box-sizing: border-box;
    width: 68%;
    margin: 0 16%;
    padding: 0;
    position: absolute;
    bottom: -12px;
    left: 0;
    display: flex;
    flex-direction: column;
}
div#AboutUs div.container div.item div.logo dl dt{
	box-sizing: border-box;
    margin: 0 0 26px 0;
	padding:0;
	transform: skewX(-10deg);
}
div#AboutUs div.container div.item div.logo dl dd{
	box-sizing: border-box;
    margin: 0 ;
	padding:0;
	transform: skewX(-10deg);
}
div#AboutUs div.container div.item div.logo dl dt span,
div#AboutUs div.container div.item div.logo dl dd span{
    font-size: 1.4rem;
    background: #2e4577;
    color: #fff;
    padding: 7px 18px;
}

@keyframes bggradient{
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Footer */
div#Footer{
	position:relative;
	box-sizing:border-box;
	width:100%;
	margin: 0 auto;
	padding: 95px 95px 150px 95px;
	background:linear-gradient(45deg, #0382a1,#03a1c8,#0382a1);
	background-size: 200% 200%;
	animation: bggradient 20s ease infinite;
}
div#Footer h3{
	box-sizing:border-box;
	display:block;
	width:100%;
	margin:0 0 15px 0;
	padding:0;
	font-size: 5.2rem;
    color: #fff;
	line-height:1.0;
}
div#Footer dl{
	list-style:none;
	box-sizing:border-box;
	width:100%;
	margin:0 0 35px 0;
	padding:0;
}
div#Footer dl dt{
	box-sizing:border-box;
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	font-size:2.4rem;
	color:#fff;
	line-height:1.0;
}
div#Footer dl dd{
	box-sizing:border-box;
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	font-size:2.4rem;
	color:#fff;
	line-height:1.0;
}
div#Footer dl dd br.br2{
	display:none;
}
div#Footer div#TelFax{
	display: flex;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto;
}
div#Footer div#TelFax div.item{
	width: 50%;
    padding: 0 18px;
    color: #fff;
    font-size: 4.4rem;
    font-weight: bold;
    letter-spacing: 2px;
}
div#Footer div#TelFax div.item a{
	color:#fff;
	text-decoration:none;
}
div#Footer div#TelFax div.item img{
	margin: 0 15px 0 0;
}


/* Event.php */
div#EventTitle{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 45px;
    margin: 0 auto 95px auto;
    background: #00b2ef;
}
div#EventTitle div.item{
	position: relative;
    margin: 0;
}
div#EventTitle div.item:first-child{
    flex-basis: 45%;
	text-align:right;
}
div#EventTitle div.item:first-child img{
    width: 100%;
    max-width: 526px;
}
div#EventTitle div.item:last-child{
    flex-basis: 55%;
}
div#EventTitle div.item:last-child img{
    width: 100%;
    max-width: 675px;
}

div#EventDetail{
	position:relative;
	width: 90%;
    margin: 0 auto 95px auto;
    padding: 45px;
    text-align: left;
    background: #e7f9fb;
    border-radius: 30px;
    font-size: 2.0rem;
	max-width:1050px;
}
div#EventDetail:before{
	position: absolute;
    content: "";
    top: -31px;
    right: 48px;
    margin: auto;
    background: url(../images/People07.png) center center no-repeat;
    background-size: 100%;
    width: 141px;
    height: 164px;
}

div#EventDetail dl{
	box-sizing: border-box;
    width: 100%;
    margin: 0 0 45px 0;
    padding: 0;
}
div#EventDetail dl dt{
	font-weight:bold;
}
div#EventDetail dl dt span{
	background: linear-gradient(transparent 60%, #faf37f 60%);
}
div#EventDetail dl dd{
	
}
div#EventDetail dl dd span.bold{
	font-weight:bold;
}
div#EventDetail dl dd span.red{
	color:#0099cd;
}
div#EventDetail dl dd span.pink{
	color:#fb5389;
}
div#EventDetail dl dd span.big{
	font-size:140%;
}
div#EventDetail dl dd span.none{
	opacity:0;
}

/* Event1125 */
div#EventDetail dl.guest{
	display:flex;
	flex-direction: row;
	margin:0 0 45px 0 ;
	font-size:1.4rem;
}

div#EventDetail dl.guest dt{
	flex-basis: 140px;
	margin:0 45px 0 0;
}
div#EventDetail dl.guest dd{
	flex-basis: auto;
}
div#EventDetail dl.guest img.guestImg{
	width:100%;
	max-width:140px;
}

/* Event0722 */
div#EventTitle0722{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 45px;
    margin: 0 auto 95px auto;
    background: #ffe4e9;
	text-align:center;
}
div#EventTitle0722 div.item{
	position: relative;
    margin: 0;
}
div#EventTitle0722 div.item:first-child{
    flex-basis: 100%;
}
div#EventTitle0722 div.item:first-child img{
    width: 100%;
    max-width: 1000px;
}

div#ForAccess{
	box-sizing: border-box;
    width: 100%;
    margin: 0 0 35px 0;
    padding: 0;
    line-height: 130%;
}
div#ForAccess span.text{
	font-size:1.8rem;
}
#mapd2307{
	box-sizing:border-box;
	width:100%;
	margin:0 0 0 100px;
	padding:0;
	overflow:hidden;
}

/* Event0803 */
div#EventTitle0803{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 45px;
    margin: 0 auto 95px auto;
    background: #fef5e8;
}
div#EventTitle0803 div.item{
	position: relative;
    margin: 0;
}
div#EventTitle0803 div.item:first-child{
    flex-basis: 45%;
	text-align:right;
}
div#EventTitle0803 div.item:first-child img{
    width: 100%;
    max-width: 526px;
}
div#EventTitle0803 div.item:last-child{
    flex-basis: 55%;
}
div#EventTitle0803 div.item:last-child img{
    width: 100%;
    max-width: 675px;
}

/* Event1007 */
div#EventTitle1007{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 45px;
    margin: 0 auto 95px auto;
    background: #f2f9ec;
}
div#EventTitle1007 div.item{
	position: relative;
    margin: 0;
}
div#EventTitle1007 div.item:first-child{
    flex-basis: 45%;
	text-align:right;
}
div#EventTitle1007 div.item:first-child img{
    width: 100%;
    max-width: 526px;
}
div#EventTitle1007 div.item:last-child{
    flex-basis: 55%;
}
div#EventTitle1007 div.item:last-child img{
    width: 100%;
    max-width: 675px;
}

/* EventTitle1125 */
div#EventTitle1125{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 45px;
    margin: 0 auto 95px auto;
    background: #fff;
	text-align:center;
}
div#EventTitle1125 div.item{
	position: relative;
    margin: 0;
}
div#EventTitle1125 div.item:first-child{
    flex-basis: 100%;
}
div#EventTitle1125 div.item:first-child img{
    width: 100%;
    max-width: 1000px;
}


/* Event1206 */
div#EventTitle1206{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 45px;
    margin: 0 auto 95px auto;
    background: #fff0f3;
}
div#EventTitle1206 div.item{
	position: relative;
    margin: 0;
}
div#EventTitle1206 div.item:first-child{
    flex-basis: 45%;
	text-align:right;
}
div#EventTitle1206 div.item:first-child img{
    width: 100%;
    max-width: 526px;
}
div#EventTitle1206 div.item:last-child{
    flex-basis: 55%;
}
div#EventTitle1206 div.item:last-child img{
    width: 100%;
    max-width: 675px;
}

/* Event0118 */
div#EventTitle0118{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 45px;
    margin: 0 auto 95px auto;
    background: #edecf6;
}
div#EventTitle0118 div.item{
	position: relative;
    margin: 0;
}
div#EventTitle0118 div.item:first-child{
    flex-basis: 45%;
	text-align:right;
}
div#EventTitle0118 div.item:first-child img{
    width: 100%;
    max-width: 526px;
}
div#EventTitle0118 div.item:last-child{
    flex-basis: 55%;
}
div#EventTitle0118 div.item:last-child img{
    width: 100%;
    max-width: 675px;
}

/* EventTitle0127 */
div#EventTitle0127{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 45px;
    margin: 0 auto 95px auto;
    background: #fff;
	text-align:center;
}
div#EventTitle0127 div.item{
	position: relative;
    margin: 0;
}
div#EventTitle0127 div.item:first-child{
    flex-basis: 100%;
}
div#EventTitle0127 div.item:first-child img{
    width: 100%;
    max-width: 1000px;
}

/* Event0217 */
div#EventTitle0217{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 45px;
    margin: 0 auto 95px auto;
    background: #c2daf0;
}
div#EventTitle0217 div.item{
	position: relative;
    margin: 0;
}
div#EventTitle0217 div.item:first-child{
    flex-basis: 45%;
	text-align:right;
}
div#EventTitle0217 div.item:first-child img{
    width: 100%;
    max-width: 526px;
}
div#EventTitle0217 div.item:last-child{
    flex-basis: 55%;
}
div#EventTitle0217 div.item:last-child img{
    width: 100%;
    max-width: 675px;
}


/* Event0421 */
div#EventTitle0421{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 45px;
    margin: 0 auto 95px auto;
    background: #fdf2f2;
}
div#EventTitle0421 div.item{
	position: relative;
    margin: 0;
}
div#EventTitle0421 div.item:first-child{
    flex-basis: 45%;
	text-align:right;
}
div#EventTitle0421 div.item:first-child img{
    width: 100%;
    max-width: 526px;
}
div#EventTitle0421 div.item:last-child{
    flex-basis: 55%;
}
div#EventTitle0421 div.item:last-child img{
    width: 100%;
    max-width: 675px;
}




div#FindWork p.TurnWrapper{
	box-sizing:border-box;
	width:100%;
	margin:0 0 15px 0;
	padding:0 0 0 25px;
}
div#FindWork div#PolicyHelloWork{
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 25px;
	display:none;
}
div#FindWork div#PolicyHelloWork>p:first-child{
	box-sizing: border-box;
    width: 100%;
    margin: 0 0 15px 0;
}
div#FindWork div#PolicyHelloWork>p:first-child label{
	font-weight:bold;
}
div#FindWork div#PolicyHelloWork>p:last-child{
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 15px;
    background: #fffef2;
    border-radius: 12px;
}


/* web-font */
.fot-tsukuard{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-style: normal;
	font-weight: 400;
}
.fot-poppins{
	font-family: poppins, sans-serif;
	font-style: normal;
	font-weight: 100;
}
.fot-kirigirisu{
	font-family: ab-kirigirisu, sans-serif;
	font-style: normal;
	font-weight: 400;
}

/* SelectBoxCss */
#ui-datepicker-div{
	width:320px;
	font-size:1.6rem;
}
.SelectInput{
    appearance: none;
    min-width: 230px;
    height: 2.8em;
    padding: .4em 3.6em .4em .8em;
    border: none;
    border-radius: 3px;
    background-color: #fff;
    color: #333;
    font-size: 1em;
    cursor: pointer;
}

.SelectBox {
    position: relative;
}

.SelectBox::before,
.SelectBox::after {
    position: absolute;
    content: '';
    pointer-events: none;
}

.SelectBox::before {
    display: inline-block;
    right: 0;
    width: 2.8em;
    height: 2.8em;
    border-radius: 0 3px 3px 0;
    background-color: #03aedc;
}

.SelectBox::after {
    position: absolute;
    top: 50%;
    right: 1.4em;
    transform: translate(50%, -50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}

.SelectBox select {
    appearance: none;
    min-width: 230px;
    height: 2.8em;
    padding: .4em 3.6em .4em .8em;
    border: none;
    border-radius: 3px;
    background-color: #fff;
    color: #333;
    font-size: 1em;
    cursor: pointer;
}

.SelectBox select:focus {
    outline: 2px solid #03aedc;
}


/* Modal */
div#ModalConfirm{
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:500;
	display:none;
	font-size:2.0rem;
}

div#ModalConfirm .inner {
  width: 100%;
  padding: 0;
}
div#ModalConfirm h3 {
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto 10px auto;
  background-color: #03aedc;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: .2rem;
  text-align: center;
  line-height: 1;
  padding: 1.2rem 0 1rem 0;
  border-radius: 50px;
}
div#ModalConfirm .inner-box2 {
  padding: 40px;
  overflow: scroll;
  width: 100%;
  height: 350px;
  font-size: 1.8rem;
  box-sizing: border-box;
}
div#ModalConfirm .inner-box2 h5{
	color: #03aedc;
    font-weight: bold;
    margin: 0;
    background: #eee;
    padding: 4px 7px;
}
div#ModalConfirm .inner-box2 p {
  margin: 0 0 20px 0;
}
div#ModalConfirm .inner-box2 label{
	color: #03aedc;
    font-weight: bold;
    margin: 0 7px 0 0;
}

div#ModalConfirm .item {
	margin: 0 0 10px 0;
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
}
div#ModalConfirm .item span#q1Confirm,
div#ModalConfirm .item span#q2Confirm,
div#ModalConfirm .item span#q3Confirm,
div#ModalConfirm .item span#FreeSpace1Confirm,
div#ModalConfirm .item span#FreeSpace2Confirm,
div#ModalConfirm .item span#FreeSpace3Confirm{
	box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
}

div#ModalConfirm div.btn{
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 25px;
    text-align: center;
}

div#ModalConfirm #RequestSend {
  margin: 0 45px 0 0;
}

div#ModalCustom .inner {
  width: 100%;
  padding: 0;
}
div#ModalCustom h3 {
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto 10px auto;
  background-color: #03aedc;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: .2rem;
  text-align: center;
  line-height: 1;
  padding: 1.2rem 0 1rem 0;
  border-radius: 50px;
}
div#ModalCustom .inner-box2 {
  padding: 0 40px;
}
div#ModalCustom .inner-box2 p {
  margin: 0 0 20px 0;
}
div#ModalCustom .item {
  margin-bottom: 10px;
}
div#ModalCustom #RequestSend {
  margin: 0 45px 0 0;
}



div#ModalCustom{
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:600;
	display:none;
	font-size:2.0rem;
}

div.ModalContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 65%;
  margin: 0;
  padding: 45px;
  border: 7px solid #03aedc;
  border-radius: 15px;
  background: #fff;
  z-index: 125;
  min-width: 842px;
}
div.cover {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.75;
  cursor: pointer;
}


/* 予約フォーム 固定ボタン */
#FloatButton{
	position: fixed;
    bottom: 25px;
    left: 50%;
    background: #f17192;
    padding: 7px 25px;
    margin: 0;
    border-radius: 25px;
    z-index: 120;
    font-size: 1.6rem;
    cursor: pointer;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
}
#FloatButton a{
	color: #fff;
    text-decoration: none;
}


@media (max-width: 1260px) {
	/* HyogoMap */
	p#MapTitle img.MapInfo{
		right: 12%;
		top: 222px;
		max-width: 189px;
	}

	/* Consolution */
	div#Consulation_Content2>div:nth-of-type(2){
		width:100%;
		font-size:2.8rem;
	}

	/* About Us */
	div#AboutUs {
		padding: 95px 45px 250px 45px;
	}
	div#AboutUs:before{
		width: 148px;
		height: 174px;
	}
	div#AboutUs div.container{
		width:100%;
	}
	div#AboutUs div.container div.item div.logo dl{
		width:100%;
		margin:0;
	}

	/* Footer */
	div#Footer div#TelFax div.item{
		font-size: 3.8rem;
	}

	/* InNumber */
	div#InNumber img#fukidashi01{
		top: -78px;
		left: -49px;
	}
	div#InNumber img#fukidashi02{
		top: 10px;
		left: -49px;
	}
	div#InNumber img#fukidashi03{
		top: 0px;
		right: -50px;
	}

	/* PickUp.html */
	div#PickUp div.SingleBanner .item,
	div#Archive div.SingleBanner .item{
		padding:0 5px;
	}

}

@media (max-width: 1050px) {
	/* HyogoMap */
	p#MapTitle img.MapInfo{
		right: 14%;
		top: 149px;
		max-width: 189px;
	}


	div#Contact_Upper{
		padding: 210px 30px 45px 30px;
	}
	div#content1Downer p#Parts01{
		top: -198px;
		left: 40px;
	}
	div#content1Downer p#Parts02{
		top: -114px;
		right: 0px;
	}
	div#content1Downer p#Parts01 img,
	div#content1Downer p#Parts02 img{
		width:75%;
	}

	/* In Number */
	div#InNumber{
		width: 85%;
		margin: 0 auto 95px auto;
	}
	div#InNumber .item{
		flex-basis: 47%;
		margin: 0 0 35px 0;
	}
	div#InNumber img#fukidashi01{
		top: -72px;
		left: -34px;
	}
	div#InNumber img#fukidashi02{
		top: 60px;
		left: -34px;
	}
	div#InNumber img#fukidashi03{
		top: 59px;
		right: -21px;
	}

	/* Consolution */
	div#Consulation_Content2{
		padding: 115px 50px 50px 50px;
	}
	div#Consulation_Content2>div:first-child{
		top: -71px;
	}
	div#Consulation_Content2>div:nth-of-type(2){
		width:100%;
		font-size:2.4rem;
	}
	div#Consulation_Content2>div:first-child .item img{
		max-width: 170px;
	}
	
	/* Flow */
	div#Flow{
		width:75%;
		flex-direction:column;
		margin: 0 auto 25px auto;
	}
	div#Flow div.item{
		position:relative;
		width:100%;
		padding: 0;
		margin: 0 0 85px 0;
	}
	div#Flow div.item:before{
		content: '';
		vertical-align: middle;
		color: #d7d7d7;
		line-height: 1;
		border-style: solid;
		border-color: transparent;
		border-width: 25px 25px;
		border-top-color: currentColor;
		border-bottom: 0;
		position: absolute;
		bottom: -55px;
		left: 45%;
		opacity: 0.5;
	}
	div#Flow div.item:last-child{
		margin:0;
	}
	div#Flow div.item:last-child:before{
		display:none;
	}
	div#Flow div.item dl{
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 0;
		display: flex;
	}
	div#Flow div.item dl dt {
		width: 20%;
		margin: 0;
		padding: 0 25px 0 0;
	}
	div#Flow div.item dl dd {
		width: 80%;
		font-size:1.8rem;
	}

	/* FindWork */
	div#FindWork:before{
		width: 66px;
		height: 548px;
	}
	div#FindWork:after{
		width: 66px;
		height: 623px;
	}
	div#FindWork div ul.forms li{
		flex-direction: column;
	}
	div#FindWork div ul.forms li.Personal dl{
		margin: 0 0 20px 0;
		flex-direction: column;
		text-align: left;
	}
	div#FindWork div ul.forms li.Personal dl dt{
		width:100%;
		padding: 15px 0;
		color: #03aedc;
		font-weight: bold;
	}
	div#FindWork div ul.forms li.Personal dl dd{
		width:100%;
	}

	/* 性別・年齢・お住まい・出身 */
	div#FindWork div ul.forms li.Personal ul#FormGrouping li{
		flex-direction: row;
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
		margin: 0 0 20px 0;
		list-style: none;
		flex-wrap: wrap;
		width:100%;
	}
	div#FindWork div ul.forms li.Personal ul#FormGrouping li dl{
		width: 50%;
		padding: 0 4% 0 0;
	}
	div#FindWork div ul.forms li.Personal ul#FormGrouping li dl:nth-child(2n){
		padding: 0 0 0 4%;
	}

	/* Contact */
	p#MainTitle06:before{
		top: -78px;
		left: 5%;
		width: 84px;
		height: 203px;
	}


	/* Footer */
	div#Footer div#TelFax{
		flex-direction: column;
	}
	div#Footer div#TelFax div.item{
		width:100%;
	}



}


@media (max-width: 850px) {
	div.contents h1.SubTitle{
		font-size:2.4rem;
	}
	div#content3Upper{
		padding:25px;
	}

	/* HyogoMap */
	p#MapTitle img.MapInfo{
		max-width: 174px;
	}

	div#HyogoMap:before{
		left: 5%;
	}

	/* Consolution */
	div#Consulation{
		margin: 0 auto 95px auto;
	}
	div#Consulation_Content1{
		width:75%;
	}
	div#Consulation_Content2{
		top:75px;
	}
	div#Consulation_Content2:before{
		border: 15px solid transparent;
		border-top: 15px solid #03aedc;
	}
	div#Consulation_Content2>div:first-child{
		top:-40px;
	}
	div#Consulation_Content2>div:first-child .item img{
		max-width:125px;
	}
	div#Consulation_Content2>div:nth-of-type(2){
		font-size: 1.8rem;
		margin: 0 auto 15px auto;
	}




	/* FindWork */
	div#FindWork div:first-child:before{
		top: -128px;
		right: -19px;
		width: 121px;
		height: 169px;
	}
	div#FindWork div#FindWorkSubmit{
		width:100%;
	}
	div#Contact_Upper>ul>li:nth-of-type(2) br.br{
		display:inline;
	}
	div#Contact_Upper>ul>li span.title:last-child{
		margin: 0 12px 0 0;
	}
	div#Contact_Upper>ul>li span.tel{
		font-size:4.8rem;
	}
	div#FindWork div#PrivacyPolicy{
		width:100%;
	}

	/* AboutUs */
	div#AboutUs:before{
		width: 121px;
		height: 143px;
	}
	div#AboutUs div.container div.item{
		width:100%;
		margin:0 0 55px 0;
	}
	div#AboutUs div.container div.item:nth-of-type(2){
		margin:0;
	}
	div#Footer dl dt,
	div#Footer dl dd{
		font-size:1.6rem;
	}

	/* Contact Button */
	div#BtnContactForPc{
		top: 65px;
	}
	div#BtnContactForPc p {
		top: 0;
		left: 50px;
		width: 100%;
	}

	div#BtnContactForPc p a img {
		width: 100%;
		max-width: 220px;
	}

	/* PickUp.html */
	div#PickUp div.SingleBanner,
	div#Archive div.SingleBanner{
		flex-direction: column;
	}
	div#PickUp div.SingleBanner .item,
	div#Archive div.SingleBanner .item{
		padding:35px 55px;
	}

	div.movie-wrap{
		width:100%;
	}

	div#EventDetail dl.guest{
		flex-direction: column;
	}
	div#EventDetail br.sp{
		display:inline;
	}
	div#EventDetail br.pc{
		display:none;
	}
	div#EventDetail .WrapperMini{
		margin:0 0 25px 0;
	}

}


@media (max-width: 740px) {
	div#content1{
		padding:35px 0 0 0;
	}
	div#content1Downer p#Parts01{
		top: -42px;
		left: 40px;
	}
	div#content1Downer p#Parts02{
		top: -72px;
		right: -93px;
	}
	div#content1Downer p#Parts01 img,
	div#content1Downer p#Parts02 img{
		width:50%;
	}
	div.contents h1.SubTitle{
		font-size:2.0rem;
	}
	/* In Number */
	div#InNumber img.fukidashi{
		max-width: 98px;
	}

	/* HyogoMap */
	p#MapTitle img.MapInfo{
		right: 3%;
		max-width: 159px;
	}
	div#HyogoMap:before{
		width: 107px;
		height: 142px;
	}

	/* Consolution */
	div#Consulation{
		padding: 45px 0 0 0;
		margin: 0 auto 55px auto;
	}
	div#Consulation p.content{
		padding: 0 35px 5px 35px;
	}
	div#Consulation div#Consulation_Fukidashi .item{
		flex-basis:50%;
		margin:0 0 5px 0;
	}
	div#Consulation div#Consulation_Fukidashi .item:nth-of-type(2){
		display:none;
	}
	div#Consulation_Content2{
		padding: 75px 20px 20px 20px;
		border-radius:15px;
	}
	div#Consulation_Content2>div:first-child{
		top:-29px;
	}
	div#Consulation_Content2>div:first-child .item img{
		max-width:95px;
	}
	div#Consulation_Content2>div:nth-of-type(2){
		font-size:1.6rem;
	}
	div#Consulation_Content2>div:nth-of-type(2) br{
		display:none;
	}
	div#Consulation_Content2>div:last-child{
		padding:0 15px;
	}



	/* FindWork */
	div#FindWork:before{
		top: 18px;
		width: 42px;
		height: 328px;
	}
	div#FindWork:after{
		bottom: 30px;
		width: 42px;
		height: 399px;
	}
	div#FindWork div p.content{
		padding: 0 0 45px 0;
	}
	div#FindWork div#FindWorkSubmit dl{
		width:100%;
	}
	div#FindWork div ul.forms li.Personal ul#FormGrouping li dl dt span{
		display:none;
	}
	div#FindWork div ul.forms li.Personal ul#FormGrouping li dl dd{
		overflow:hidden;
	}
	div#FindWork div ul.forms li.questions p#FreeSpace1Container .FreeSpace,
	div#FindWork div ul.forms li.questions p#FreeSpace2Container .FreeSpace,
	div#FindWork div ul.forms li.questions p#FreeSpace3Container .FreeSpace{
		height: 75px;
	}
	div#FindWork div#PrivacyPolicy p{
		font-size:1.2rem;
	}

	div#FindWork p.TurnWrapper{
		padding:0 0 0 0;
	}
	div#FindWork p.TurnWrapper>span{
		display:block;
		box-sizing:border-box;
		width:100%;
		margin:0 0 10px 0;
		padding:0;
	}

	/* pickup.html */
	#BodyPickup div#FindWork div ul.forms li.questions ul>li{
		flex-basis: 33%;
	}
	#BodyPickup div#FindWork div ul.forms li.questions ul:nth-of-type(2)>li{
		flex-basis: 100%;
	}
	/* PickUp.html */
	div#PickUp div.SingleBanner .item,
	div#Archive div.SingleBanner .item{
		padding:35px 55px;
	}


	/* Contact */
	p#ContactIframe{
		width:100%;
		padding:0 35px;
	}
	p#ContactIframe iframe{
		width:100%;
	}
	div#Contact_Upper {
		padding: 160px 30px 45px 30px;
	}
	div#Contact_Upper>ul>li span.tel{
		font-size:3.4rem;
	}

	/* AboutUs */
	div#AboutUs {
		padding: 95px 25px 150px 25px;
	}
	div#AboutUs div.container div.item h3 span{
		font-size:1.2rem;
	}
	div#AboutUs div.container div.item div.logo img{
		width:75%;
	}
	div#AboutUs div.container div.item div.logo dl dt span,
	div#AboutUs div.container div.item div.logo dl dd span{
		font-size:1.0rem;
	}
	div#Footer{
		padding: 95px 45px 150px 45px;
	}

	div.ModalContent{
		width:90%;
		padding:25px;
		min-width:auto;
	}

	/* Contact Button */
	div#BtnContactForPc{
		display:none;
	}
	div#BtnContactForSp{
		display:block;
	}

	.updown{
		/* アニメーションの１回分の長さ */
		animation-duration: 8.5s;
	}

	/* PickUp.php */
	div#EventTitle{
		flex-direction: column;
	}
	div#EventTitle div.item:first-child{
		text-align:center;
	}
	div#EventTitle div.item:last-child{
		text-align:center;
	}
	div#EventDetail{
		font-size: 1.6rem;
	}

	div#ArchiveArea p{
		font-size: 2.4rem;
	}

	/* event0722 */
	div#EventDetail dl dd span.none{
		display:none;
	}
	#mapd2307{
		margin:0;
	}
	#mapd2307 iframe{
		width:100%;
	}

	/* PickUp0803.php */
	div#EventTitle0803{
		flex-direction: column;
	}
	div#EventTitle0803 div.item:first-child{
		text-align:center;
	}
	div#EventTitle0803 div.item:last-child{
		text-align:center;
	}

	/* PickUp1007.php */
	div#EventTitle1007{
		flex-direction: column;
	}
	div#EventTitle1007 div.item:first-child{
		text-align:center;
	}
	div#EventTitle1007 div.item:last-child{
		text-align:center;
	}

	/* PickUp1206.php */
	div#EventTitle1206{
		flex-direction: column;
	}
	div#EventTitle1206 div.item:first-child{
		text-align:center;
	}
	div#EventTitle1206 div.item:last-child{
		text-align:center;
	}

	/* PickUp0118.php */
	div#EventTitle0118{
		flex-direction: column;
	}
	div#EventTitle0118 div.item:first-child{
		text-align:center;
	}
	div#EventTitle0118 div.item:last-child{
		text-align:center;
	}

	/* PickUp0217.php */
	div#EventTitle0217{
		flex-direction: column;
	}
	div#EventTitle0217 div.item:first-child{
		text-align:center;
	}
	div#EventTitle0217 div.item:last-child{
		text-align:center;
	}

	/* PickUp0421.php */
	div#EventTitle0421{
		flex-direction: column;
	}
	div#EventTitle0421 div.item:first-child{
		text-align:center;
	}
	div#EventTitle0421 div.item:last-child{
		text-align:center;
	}


}

@media (max-width: 580px) {
	p.content{
		padding: 0 35px 45px 35px;
	}
	div#content2{
		top: -114px;
		left: 0;
		position: relative;
	}
	div.contents h1.SubTitle br{
		display:none;
	}
	div#content1Downer{
		margin:0 0 15px 0;
		border-radius: 0% 100% 70% 70% / 0% 0% 100% 100%;
	}
	div#content1Downer p#Parts01{
		top: -67px;
		left: 15px;
	}
	div#content1Downer p#Parts02{
		top: -38px;
		right: 15px;
		text-align: right;
	}
	div#content1Downer p#Parts01 img,
	div#content1Downer p#Parts02 img{
		width:30%;
	}
	/* HyogoMap */
	p#MapTitle img.MapInfo{
		top: 64px;
		max-width: 114px;
	}
	div#HyogoMap:before{
		width: 81px;
		height: 105px;
	}

	/* InNumber */
	div#InNumber img.fukidashi{
		max-width: 70px;
	}
	div#InNumber img#fukidashi01{
		top: -42px;
		left: -22px;
	}
	div#InNumber img#fukidashi02{
		top: 17px;
		left: -24px;
	}
	div#InNumber img#fukidashi03{
		top: 56px;
		right: -20px;
	}


	/* Flow */
	div#Flow div.item dl dt{
		width:25%;
	}
	div#Flow div.item dl dd{
		width:75%;
		font-size:1.4rem;
	}

	/* FindWork */
	div#FindWork:before{
		display:none;
	}
	div#FindWork:after{
		display:none;
	}
	div#FindWork div:first-child:before{
		top: -139px;
		right: -28px;
		width: 95px;
		height: 135px;
	}
	div#FindWork div ul.forms li{
		text-align:left;
	}
	div#FindWork div ul.forms li dl{
		flex-direction: column;
		width:100%;
	}
	div#FindWork div ul.forms li dl dd{
		width:100%;
	}
	div#FindWork div ul.forms li dl dd dl dd{
		width:100%;
	}
	.SelectBox select{
		width:100%;
	}
	div#FindWork div#FindWorkSubmit dl dt{
		font-size:1.0rem;
	}
	div#FindWork div#FindWorkSubmit dl dd{
		font-size:1.6rem;
	}
	div#FindWork div ul.forms li.questions h4{
		font-size:2.0rem;
	}
	div#FindWork div ul.forms li.questions ul>li{
		display:block;
	}
	div#FindWork div#PrivacyPolicy{
		padding:15px 7px;
	}
	div#FindWork div#PrivacyPolicy p{
		padding:5px;
	}

	/* pickup.html */
	#BodyPickup div#FindWork div ul.forms li.questions ul>li{
		flex-basis: 50%;
	}
	/* PickUp.html */
	div#PickUp div.SingleBanner .item,
	div#Archive div.SingleBanner .item{
		padding:15px 15px;
	}
	div#PickUp div.SingleBanner .item:first-child,
	div#Archive div.SingleBanner .item:first-child{
		padding:15px 15px 45px 15px;
	}

	/* Contact */
	p#MainTitle06:before{
		width: 56px;
		height: 136px;
	}
	div#Contact{
		width:90%;
	}
	p#ContactMainTitle{
		top: -30px;
	}
	div#Contact_Upper {
		padding: 100px 30px 45px 30px;
	}
	div#Contact_Upper>ul>li:nth-of-type(1){
		margin: 0 0 15px 0;
	}
	div#Contact_Upper>ul>li:nth-of-type(2){
		margin: 0 0 25px 0;
	}
	div#Contact_Upper>ul>li img.IconTel{
		width: 21px;
		margin: 0 10px 0 0;
	}
	div#Contact_Upper>ul>li span.tel{
		font-size:2.2rem;
	}
	div#Contact_Upper>ul>li{
		font-size: 1.6rem;
	}
	div#Contact_Upper>ul>li span.title{
		font-size: 1.4rem;
	}
	div#Contact_Upper>ul>li:nth-of-type(2) br.br2{
		display:inline;
	}
	div#Contact_Downer iframe{
		height:280px;
	}

	/* AboutUs */
	div#AboutUs{
		background-image: url(../images/FooterImageSp.png);
	}
	div#AboutUs:before{
		width: 92px;
		height: 109px;
	}
	div#AboutUs div.container div.item{
		padding:0;
	}
	div#AboutUs div.container div.item div.logo dl{
		bottom: -47px;
	}
	div#AboutUs div.container div.item div.logo dl dt{
		margin: 0 0 7px 0;
	}
	div#AboutUs div.container div.item div.logo dl dt span,
	div#AboutUs div.container div.item div.logo dl dd span{
		font-size:1.0rem;
		display:block;
	}


	div#Footer h3{
		font-size:4.6rem;
	}
	div#Footer dl dt,
	div#Footer dl dd{
		font-size:1.4rem;
	}
	div#Footer dl dd br.br2{
		display:inline;
	}
	div#Footer div#TelFax{
		width:100%;
	}
	div#Footer div#TelFax div.item img{
		width:27px;
	}
	div#Footer div#TelFax div.item{
		padding:0;
		font-size:2.6rem;
	}

	div#ModalConfirm h3,
	div#ModalCustom h3{
		width:100%;
	}
	div#ModalConfirm .inner-box2,
	div#ModalCustom .inner-box2{
		padding:0;
		font-size:1.6rem;
	}
	div#ModalConfirm #RequestSend{
		margin:0 25px 0 0;
	}


	/* PickUp.php */
	div#EventDetail:before{
		top: -41px;
		right: 11px;
		width: 96px;
		height: 113px;
	}

}