@charset "utf-8";
/* CSS Document */


/*リセット
---------------------------------------------*/
* {
	box-sizing: border-box;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 98%;
	vertical-align: baseline;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.7;
	border-collapse: collapse;
	list-style: none;	
}


 /*グーグルフォント
---------------------------------------------*/
.wf-notosansjapanese { font-family: "Noto Sans JP"; }
.wf-mplus1p { font-family: "M PLUS 1p"; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; /*明朝体*/}
/*リンクスタイル
---------------------------------------------*/

 
/*リンクスタイル
---------------------------------------------*/

a{
transition : all 0.3s ease 0s;
}


a img {
	border-style: none;
}
a:link {
	color: #339999;
	text-decoration: none;
}
a:visited {
	color: #339999;
	text-decoration: none;
}
a:hover {
	text-decoration: none/*underline*/;
	/*color: #296767;*/
	opacity:0.6;-moz-opacity:0.6;
	filter: alpha(opacity=60);
}
a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}
a:hover.a-half-none{
	opacity:1;-moz-opacity:1;
}



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




/* 基本のDivのレイアウト
--------------------------------------------*/
v--------------- {
}



#container {
	width: 100%;
	/*background-color: #FFF;*/
}

#wrapper-header {
	/*display: flex;*/
    /*justify-content: space-between;*/
    padding: 0px 3vw;
    align-items: center;
    width: 100vw;
    height: 140px;
    position: fixed;
    background: #ffffffcc;
    z-index: 999;
}

#header {
	position: relative;
	/*width: 100vw;*/
	width: 100%;
	height: 140px;
	margin-left:auto;
	margin-right:auto;

}
/*#header {
    
}*/
/*#wrapper-header-li {
	width: 100%;
	border-top: 1px solid #666;
	border-bottom: 2px solid #666;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
}*/

#header-title{
	float: left;
	width: 300px;
	height: 71px;
	margin-top: 30px;
}


#header-mail{
	float: right;
	width: 250px;
	height: auto;
}


#header-tell{
	float: right;
	width: 250px;
	height: auto;
}
	
#wrapper-footer {
	/*display: flex;
    justify-content: space-between;*/
    padding: 16px 3vw;
    align-items: center;
    width: 100vw;
    height:auto;
    background: #F7B663;
    z-index: 999;
}


/*ナビゲーション
--------------------------------------------*/
.nav-box{
		float: right;
	margin-top: 0px;
	width: 100%;

}
.nav-right{
	float: right;	
	font-size: 16px;
	padding-top: 7px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 3px;
	margin-bottom:0px;
	border-right: 1px solid #ccc;
	
	}
a.nav-right {
	color: #333;

	}
/*footerとfooterのナビゲーション
--------------------------------------------*/

#footer {
	/*position: relative;*/
	/*width: 100vw;*/
	width: 100%;
	/*height: 145px;*/
	margin-left:auto;
	margin-right:auto;

}
#footer-title{
	float: left;
	width: 300px;
	height: 71px;
	margin-top: 30px;
}
#footer-li{
		float: right;
	margin-top: 30px;
	width: 50rem;

}

.nav-box2{
		float: right;
	margin-top: 0px;
	width: 100%;

}
.nav-right2{
	float: right;	
	font-size: 16px;
	padding-top: 7px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 3px;
	margin-bottom:0px;
	/*border-right: 1px solid #fff;*/
	
	
	}
a.nav-right2 {
	color: #fff;

	}
/*
#info #info-a,
#info-greeting #info-a,
#info-philosophy #info-a,
#info-policy #info-a,
#info-direction #info-a,
#info-outline #info-a,
#info-company #info-a,
#info-quote #info-a{
	background: #ED6D46;
	color: #fff;
}
#facility #facility-a,
#facility-o-kitahama #facility-a,
#facility-o-nagahori #facility-a,
#facility-o-osakaminami #facility-a,
#facility-o-sakai #facility-a,
#facility-s-kitahama #facility-a,
#facility-w-kitahama #facility-a,
#facility-o-hommachi #facility-a{
	background: #f6ad48;
	color: #fff;
}

#product #product-a{
	background: #9cca54;
	color: #fff;
}
#blog-i #blog-i-a{
	background: #3EB370;
	color: #fff;
}
#job #job-a{
	background: #2BB7B3;
	color: #fff;
}
#companies #companies-a{
	background: #00B9EF;
	color: #fff;
}
*/
/*topページ基本
--------------------------------------------*/
#main01{
	width: 100vw;
	height: 900px;
	/*position: relative;*/
	
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	
}



/*img.line1 {
    width: 100vw;
	height: auto;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}*/
#top {
  background: url("images/SVG/1-04-bg1.svg") no-repeat;
  /*position:absolute;*/
	position: relative;
  background-size: cover;
  height: calc(100vh - 72px);
  /*min-height: 900px;*/
	height: 900px;
  z-index: 10;
}

.toptext{
}
.toptext strong {
  font-weight: 400;
  padding: 0px 2px;
	background-color: #BCDFC2;
	display: inline;
	line-height:1.7;

}
.toptext p {
  /*box-decoration-break: clone;
  -webkit-box-decoration-break: clone;*/
  display: inline;
  letter-spacing: 0.2em;

}
.toptext_main {
  color: #535353;

  font-size: 1.8rem;
  position: absolute;
  top: 200px;
  left: 15%;
	z-index:60;

}
.toptext span {
}
.toptext_sub {
	font-size: 1.1rem;
  position: absolute;
  top: 350px;
  left: 15%;
z-index: 60;
}




.fv {
    position:relative;
    height: 100vh;
    top: +150px;
	max-height: 950px;
	min-height: 800px;
    /*padding-top: 100px;*/

    z-index: 50;
}
.fv_items {
  width: 1200px;
  top: 0px;
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	
}
.circle {
position: absolute;
  background-size: cover;
  background-position: right;

}
.mv {
	position: absolute;
  /*width: 100%;
  top: 36px;*/
	  width: 1200px;
  top: 36px;
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	
  background-size: cover;
  background-position: right;
  border: 6px solid #F6B563;
box-shadow: 0 0 0 6px #fff inset;
	z-index: 10;
}

.mv_01 {
	
	/*display: absolute;*/
  width: 40vw;
  padding-top: 32vw;
  background-image: url("images/new-img/7_10_1.jpg");
	
  top: 0;
  left: 50%;
  border-radius: 82% 65% 50% 59% / 50% 65% 85% 100%;
  animation: circle 30s linear infinite;
}

.mv_02 {
  width: 30vw;
  height: 18vw;
  background-image: url("images/new-img/7_10_2.jpg");
  top: 40%;
  left: 15%;
  border-radius: 82% 65% 50% 59% / 50% 65% 85% 100%;
  animation: circle 12s linear infinite;
}
.mv_03 {
  width: 25vw;
  height: 20vw;
  background-image: url("images/new-img/br.gif");
  top: 45%;
  left: 66%;
  border-radius: 82% 65% 60% 59% / 50% 65% 85% 100%;
  animation: circle 20s linear infinite;
}
.kw {
/*  display:flex;*/
  align-items: center;
  justify-content: center;
  padding: 36px;
  font-size: 1.2rem;
  text-align: center;
  position: absolute;
	z-index: 20;
}
.kw_01 {
	color:#FFF;
  width: 180px;
  height: 180px;
  top: 22%;
  left: 45%;
  background: url(images/SVG/bg_kw03.svg) no-repeat;
  background-position: center;
  background-size: contain;
  animation: hopping 6s linear infinite alternate;
}
.kw_02 {
	color:#FFF;
  width: 196px;
  height: 170px;
  top: 30%;
  right: 5%;
  background: url(images/SVG/bg_kw01.svg) no-repeat;
  background-position: center;
  background-size: contain;
  animation: hopping 4s linear  infinite;
}
.kw_03 {
	color:#FFF;
  width: 180px;
  height: 180px;
  top: 55%;
  left: 54%;
  background: url(images/SVG/bg_kw02.svg) no-repeat;
  background-position: center;
  background-size: contain;
  animation: hopping 6s linear infinite alternate;
  animation-delay: 2s;

}
/*.kw_04 {
  width: 266px;
  height: 220px;
  background: var(--color-sub-blue);
  top: 38%;
  left: 42%;
  background: url(images/SVG/bg_kw02.svg) no-repeat;
  background-position: center;
  background-size: contain;
  animation: hopping 6s linear infinite alternate;
  animation-delay: 1.5s;
}*/
.kw_05 {
	color:#FFF;
  width: 200px;
  height: 164px;
  top: 42%;
  left: 8%;
  background: url(images/SVG/bg_kw04.svg) no-repeat;
  background-position: center;
  background-size: contain;
  animation: hopping 4s linear infinite alternate;
  animation-delay: 4s;
}

.sp {
  display: none;
}

@keyframes circle {
  20% {
  border-radius: 81% 86% 46% 83% / 100% 92% 99% 61% ;
  }
  60% {
  border-radius: 100% 69% 98% 83% / 68% 99% 53% 93%;
  }
  80% {
    border-radius: 81% 86% 46% 83% / 100% 92% 99% 61% ;
    }
}

/*
@keyframes circle02 {
  25% {
  border-radius: 100% 69% 100% 83% / 68% 99% 53% 93%;
  }
  75% {
  border-radius: 81% 86% 46% 83% / 100% 92% 99% 61% ;
  }
}
@keyframes hopping {
  25% {
  transform: translateY(0rem);
  }
  75% {
  transform: translateY(0.5rem);
  }
}*/


#main02{
	width: 100vw;
	height: auto;
	/*position: relative;*/
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	/*margin-top: 200px;*/
	background-color: #FCDD9D;
	/*top:-50px;*/
	padding-bottom: 0.1rem;
}
.intro{
	  /*width: 1200px;
  top: 0px;
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);*/
/*	margin-top: 50px;*/
	position:relative;
	
	width: 100%;
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	top:-20px;
	height: auto;
	padding-top: 3rem;
	z-index: 1;
}

.check {
  width: 60vw;
  max-width: 100%;
  background-color: #FFF;
  margin: 70px auto 80px;
  padding: 4rem;
  border-radius: 60px;
	position:relative;

}
.check li {
  display: flex;
  align-items: start;
	font-size: 1.3rem;
}
.check li + li {
  margin-top: 20px;
}
.check li::before {
  content: "";
  display: inline-block;
  min-width: 10px;
  min-height: 10px;
  margin: 10px 10px 0 0;
  border: 2px solid #999;
  border-radius: 50% 50% 2px 50%;
  position: relative;
  left: -4px;
  z-index: 20;
}
.check li::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-top: 10px;
margin-left: 2px;
  border-radius: 50% 50% 2px 50%;
  background-color: #FFABAB;
  position: absolute;
}
.check::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: url("images/SVG/1-05-accent1.svg") no-repeat;
  position: absolute;
  top: -30px;
  right: calc(-5%);
  z-index: 1;
}
#main03{
	width: 100vw;
	height: 108rem;
	/*position: relative;*/
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	/*margin-top: 200px;*/
	/*top:-50px;*/
	margin-bottom: 15rem;
}
/*.guide01{
	position:relative;*/
	
	/*width: 100%;
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	height: 50vh;*/
	/*top:50px;*/
	
/*}*/

.bg-2{
	background: url("images/SVG/1-04-bg2.svg") no-repeat;
  position:relative;
  background-size: cover;
  height: 60rem/*calc(100vh)*/;
  /*min-height: 900px;*/
  /*z-index: -20;*/
/*	top: -50px;*/
}

.guide01-2{
	position:absolute;
	z-index: 1;
	top: 0px;
	right: calc(20%);
	
}
.bg-3{
	background: url("images/SVG/1-04-bg3.svg") no-repeat;
  position:relative;
  background-size: cover;
  height:63rem/*calc(80vh)*/;
  /*min-height: 900px;*/
  z-index: -30;
/*	top: 80px;*/
	padding-bottom: 20rem;

}
/*.guide01-3{
	position:absolute;
	z-index: 1;
	top: 380px;
	right: calc(20%);
}*/
.midashi01{
    color: #FFF;
    font-size: 1.6rem;
    /*font-weight: bold;*/
    text-align: center;
	line-height: 1.7rem;
	background-color: #B4D8B9;
	padding: 8px 0px 8px;
	margin-right: auto;
    margin-left: auto;
	border-radius: 10px;
	/*width: 60vw;
	max-width: 800px;*/

}



.home2-box700{
	width: 60vw;
	margin-left: auto;
    margin-right: auto;
}
.home2-box700 p{
	margin-top: 0.5rem;
	font-size: 1.1rem;
}
.arrow-box01{
	width: 100px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 5px;
	margin-top: 7px;
}
.arrow-box01 img{
	width: 100px;
}
a.botan02{
    color: #FFFFFF;
    width: 9em;
    display: block;
    background-color: #f9c795;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.8rem;
    border-radius: 4px;
/*	z-index: 100;*/
}




.hoshi01::before {
  content: "";
  display: block;
  width: 60px;
  height: 100px;
  background: url("images/SVG/1-05-accent2.svg") no-repeat;
  position: absolute;
  top: 500px;
  left: calc(-20%);
  z-index: 0;
	animation: hoshianime 2s linear infinite;
	
}
.hoshi02::before {
  content: "";
  display: block;
  width: 60px;
  height: 100px;
  background: url("images/SVG/1-05-accent2.svg") no-repeat;
  position: absolute;
  top: 1300px;
  right: calc(-20%);
  z-index: 0;
	animation: hoshianime 2s linear infinite;
	
}

/* 星アニメ
--------------------------------------------*/
@keyframes hoshianime {
    0% {
	transform:scale(1.2,1);
	transform-origin: 50% 50%;
    }
    50% {
	transform:scale(0,1);
	transform-origin: 50% 50%;
    }
	100% {
	transform:scale(1.2,1);
	transform-origin: 50% 50%;
    }
}
/* メインページその2
--------------------------------------------*/



#main04{
	width: 100vw;
	height: auto;
	/*position: relative;*/
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	/*margin-top: 200px;*/
	background-color: #FCDD9D;
	/*top:-50px;*/
	padding-bottom: 11rem;
}

.intro2{
	position:relative;
	
	width: 100%;
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	top:50px;
	/*height: 10vh;*/
}


#guide02{
	width: 60vw;
	margin-left: auto;
    margin-right: auto;
}


.midashi02{
    color: #FFF;
    font-size: 1.6rem;
    /*font-weight: bold;*/
    text-align: center;
	line-height: 1.7rem;
	
	padding: 8px 0px 8px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 5rem;
	margin-bottom:3rem;
	width: 60vw;
	/*max-width: 800px;*/
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
}

.main-half-box{
	width: 100%;
	margin-right: auto;
    margin-left: auto;
	display: flex;
	justify-content: space-around;
}
.main-half-box > .main-half-0{
	width: 25vw;
	padding: 0rem 1rem;
	height: 410px;
	/*float: left;*/
	background: #fff;
	/*overflow: scroll;*/
	border-radius: 15px;
	margin-right: 2.2vw;
    margin-left: 2.2vw;
	
}

.main-half{
	width: 23vw;
	margin: 0rem;
	height: auto;
	background: #fff;
	/*overflow: scroll;*/
	border-radius: 15px
	
}


.main-half h2{
	color: #999;
	background: #FFF;
	margin-bottom:5px;
	 font-size: 1.15rem;
    /*font-weight: bold;*/
    text-align: center;
	line-height: 1.7rem;
	
	padding: 8px 0px 8px;
	border-radius: 15px
	
}

.main-half dl{
	text-align: left;
	/*line-height:1.7;*/
	overflow-y: scroll;
	height: 350px;
	
	
}

.main-half dt{
	clear: both;
	float: left;
	width: 6em;
	color: #F63;
	padding-left:5px;
	
}
.main-half dd{
	padding-left: 10px;
	padding-right:5px;
	margin-left: 6em;
	width: auto;
}

/*.main-half dl{
	text-align: left;

	overflow-y: scroll;
	height: 350px;
	
}

.main-half dl.dl2 dt{
	clear: both;
	float: left;
	width: 6em;
	color: #F63;
	padding-left:5px;
}*/
.main-half dl dd.dd-l{
	padding-left: 10px;
	padding-right:5px;
	margin-left: 0em;
	width: auto;
}


#main05{
	width: 100vw;
	height: 45rem;
	/*position: relative;*/
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	/*margin-top: 200px;*/
	background-color: #E9E7E7;
	/*top:-130px;*/
	/*padding-bottom: 10rem;*/
	padding-top: 1rem;
}
.blog00{
	position:relative;
	width: 100vw;
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	top:-1rem;
	height: 10vh;
}
.blog01{
	width: 60vw;
	/*max-width: 800px;*/
	margin-left: auto;
    margin-right: auto;
/*	top:-50px;*/
}

.midashi03{
    color: #666;
    font-size: 1.6rem;
    /*font-weight: bold;*/
    text-align: center;
	line-height: 1.7rem;
	
	padding: 8px 0px 8px;
	margin-right: auto;
    margin-left: auto;
	margin-top: 5rem;
	margin-bottom:3rem;
	width: 60vw;
	/*max-width: 800px;*/
	border-top: solid 2px #666;
	border-bottom: solid 2px #666;
}


.home-4blog{
	width: 80%;
	
	margin-right: auto/*20px*/;
	margin-left: auto/*20px*/;
}

#main06{
	width: 100vw;
	height: auto;
	/*position: relative;*/
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	/*margin-top: 200px;*/
	background-color: #E6F0C5;
	/*top: -210px;*/
	padding-bottom: 3rem;
	padding-top: 1rem;
}
.kanren00{
	position:relative;
	width: 60vw;
	margin-left: auto;
    margin-right: auto;
	
	top:-1rem;
	height: auto;
}
/*.kanren01{
	width: 60vw;
	margin-left: auto;
    margin-right: auto;
}*/
/*.kanren01-01{
	width: 800px;
	margin-left: auto;
    margin-right: auto;

}*/


/*.home-07icon{
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}*/


.event-all-box1{
	width: 100%;
	margin-left: auto;
    margin-right: auto;
}
/*.box-1100{
    width: 100%;
    background-color: #CDEBF8;
	
    padding-top: 20px;
    padding-bottom: 20px;
}*/


.box-list{
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
 
}
.box-list li{
  flex: 0 0 25%;
 /*border: 1px solid #ccc;*/
  margin-bottom: 10px;
	margin-left: 12px;
	margin-right: 12px;
}

/**/

#main07{
	width: 100vw;
	height: auto;
	/*position: relative;*/
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	/*margin-top: 200px;*/
	background-color: #E9E7E7;
	/*top: -210px;*/
	padding-bottom: 3rem;
	padding-top: 1rem;
}
.sonota00{
	/*position:relative;*/
	width: 100%;
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	
	/*top:50px;*/
	height: auto;
}
.sonota01{
	width: 60vw;
/*	max-width: 800px;*/
	margin-left: auto;
    margin-right: auto;
/*	top:-50px;*/
}
.sonota01-01{
	width: 100%;
	margin-left: auto;
    margin-right: auto;
text-align:center;
	font-size: 1rem;
	line-height:1.9;
	
}

a.frame01-02{
	border-radius: 3px;
	background: #FFFFFF;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	margin-left:10px;
	color: #fd9658;
	border: 1px solid #fd9658;
}



/* 下層共通デザイン
--------------------------------------------*/
.boxsize700{
	width:700px;
	margin-right:auto;
	margin-left:auto;
}
.boxsize800{
	width:800px;
	margin-right:auto;
	margin-left:auto;
}

#main20,/*施設紹介*/
#main30,/*受給者証*/
#main40,/*就労にむけて*/
#main50,/*ほーぷボドゲくらぶについて*/
#main60,/*アクセス*/
#main70{/*ご利用お申込み*/
	width: 100vw;
	height: auto;
	background-color: #FCDD9D;
}

.main20-1,
.main30-1,
.main40-1,
.main50-1,
.main60-1,
.main70-1{
	padding-top: 160px;
	padding-bottom: 0.5rem;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}

.main20-1 h1,
.main30-1 h1,
.main40-1 h1,
.main50-1 h1,
.main60-1 h1,
.main70-1 h1{
	text-align: center;
	font-size: 2rem;
	color: #e2a322;
}
#main21,/*はじめに*/
#main31,/*受給者証取得について*/
#main41,/*就労にむけて*/
#main51,/*ボドゲくらぶについて*/
#main61,/*マップの紹介*/
#main71{/*見学・体験通所*/

	width: 100vw;
	height: auto;
	background-color: #fff;
}

.main21-1,
.main31-1,
.main41-1,
.main51-1,
.main61-1,
.main71-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}
.main21-1 img,
.main31-1 img,
.main41-1 img,
.main51-1 img,
.main61-1 img,
.main71-1 img{
	padding-top: 0px;
	padding-bottom: 0.5rem;
	width:960px;
	margin-right:auto;
	margin-left:auto;
}
.main21-1 h1,
.main22-1 h1,
.main23-1 h1,
.main24-1 h1,
.main25-1 h1,
.main26-1 h1,
.main31-1 h1,
.main41-1 h1,
.main42-1 h1,
.main51-1 h1,
.main61-1 h1,
.main62-1 h1,
.main63-1 h1,
.main71-1 h1,
.main72-1-1 h1{
	padding-top: 20px;
	text-align: center;
	font-size: 2rem;
	color: #e2a322;
	/*width:1000px;*/
	font-family: "Sawarabi Mincho";
}
.main21-1 p,
.main41-1 p,
.main51-1 p,
.main61-1 .box02 p,
.main71-1 .box02 p{
	font-size: 1.1rem;
}

/* 施設紹介ページ
--------------------------------------------*/

.box02 {
    position: relative;
    padding: 2rem 2rem;
    margin: 2em 0;
    top: 0;
    background: #fff;
	width:700px;
	margin-right:auto;
	margin-left:auto;
}
.box02:before, .box02:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.box02:before{
    border-left: dotted 2px #FCDD9D;
    border-top: dotted 2px #FCDD9D;
    border-bottom: dotted 2px #FCDD9D;
    left: 0;
}
.box02:after{
    border-top: dotted 2px #FCDD9D;
    border-right: dotted 2px #FCDD9D;
    border-bottom: dotted 2px #FCDD9D;
    right: 0;
}


#main22{/*施設PHOTO*/
	width: 100vw;
	height: auto;
	background-color: #FCDD9D;
}

.main22-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}

.main22-1-1{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}


.main22-1 .main22-1-1 h1{
	
	/*padding-bottom: 0.5rem;*/
	text-align: center;
	font-size: 2rem;
	color: #e2a322;
	/*width:1000px;*/
}
.main22-1 .main22-1-1 p{
	width:700px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 2rem;
}

.main22-1-2{
    float: left;
	width: 525px;

}
.main22-1-2 img{
	 border-radius: 15px;
}

.main22-1-3{
    float: right;
	width: 450px;
}
.main22-1-3 img{
    width: 450px;
    border-radius: 15px;
}

.main22-1-2 p,
.main22-1-3 p{
	padding-bottom: 1rem;
}

#main23{/*施設案内*/
	width: 100vw;
	height: auto;
	background-color: #fff;
}

.main23-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}
.box03 {
    position: relative;
    padding: 0.5rem 0.7rem;
    margin: 2em 0;
    background: #E6F0C5;
	border-radius: 5px;
    
}
.box03:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #E6F0C5;
    width: 0;
    height: 0;
}
.box03 h3{
	color: /*#95CAA2*/#77b887;
    /*font-weight: bold;*/
	font-size: 1.1rem;
}

#main24{/*施設の概要*/
	width: 100vw;
	height: auto;
	background-color: #E6F0C5;
}

.main24-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}
.main24-1 h1{
	padding-bottom: 2rem;
	
}



#main24 table.tbox01,
#main25 table.tbox02{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

#main24 table.tbox01 th,table.tbox01 td{
  padding: 10px 5px;
  text-align: center;
}

#main24 table.tbox01 tr:nth-child(odd){
  background-color: #fff
}

#main25{/*施設の歴史*/
	width: 100vw;
	height: auto;
	background-color: #E9E7E7;
}

.main25-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}
.main25-1 h1{
	padding-bottom: 2rem;
	
}

#main25 tr{
	border-bottom: 1px solid #CCC;
}
#main25 td{
	padding: 10px 5px;
}
#main25 table.tbox02 td:nth-child(1){
	width:4rem;
}
#main25 table.tbox02 td:nth-child(2){
	width:4.5rem;
}

#main26{/*よくある質問*/
	width: 100vw;
	height: auto;
	background-color: #fff;
}

.main26-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}


.main26-1 .main26-1-1 p{
	width:700px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 2rem;
}
.box04 {
    position: relative;
    padding: 0.5rem 0.7rem;
    margin: 2em 0;
    background: #BCE2E3;
	border-radius: 5px;
    
}
.box04:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #BCE2E3;
    width: 0;
    height: 0;
}
.box04 h3{
	color: #4f9ea4/*#6EB2B7*/;
    /*font-weight: bold;*/
	font-size: 1.1rem;
}
.table-QA{
	width: 35rem;
	background: #FFF;
	margin-top: 8px;	
	margin-left: 2rem;
}
.table-QA tr{
	border-bottom: 1px solid #CCC;
}

.table-QA .table-QA-top{
	background: #6EB2B7;
	text-align: center;
	color: #FFF;
}
.table-QA td{
	padding: 5px 15px 4px;
}
.table-QA td:nth-child(1){
	width: 8em;	
}
.table-QA td:nth-child(2){
	width: 14em;	
}



/* 受給者証取得についてのページ
--------------------------------------------*/
.main31-1 .main31-1-1 p{
	width:700px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 2rem;
}
.main31-1-2{
	width:800px;
	margin-right:auto;
	margin-left:auto;
}
.box05{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box05:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box05 p{
    font-size: 1.1rem;
}
.arrow-box02{
	width: 100px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 2rem;
	margin-top: 1rem;
}
.arrow-box02 img{
	width: 100px;
}

/* 就労にむけてページ
--------------------------------------------*/
#main42{/*あなたも作家になれる!?*/
	width: 100vw;
	height: auto;
	background-color: #E6F0C5;
}

.main42-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}

.main42-1-1{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}


.main42-1 .main42-1-1 h1{
	
	/*padding-bottom: 0.5rem;*/
	text-align: center;
	font-size: 2rem;
	color: #e2a322;
	padding-bottom: 2rem;
}
.main42-1 .main42-1-1 p{
	width:700px;
	margin-right:auto;
	margin-left:auto;
	
}
img.img01{
	width:700px;
	margin-right:auto;
	margin-left:auto;
	border-radius: 20px;
}



/* アクセスページ
--------------------------------------------*/

#main62{/*グーグルマップ*/
	width: 100vw;
	height: auto;
	background-color: #E6F0C5;
}

.main62-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}

.main62-1-1{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}


.main62-1 .main62-1-1 h1{
	
	/*padding-bottom: 0.5rem;*/
	text-align: center;
	font-size: 2rem;
	color: #e2a322;
	padding-bottom: 2rem;
}
.main62-1 .main62-1-1 p{
	/*width:700px;
	margin-right:auto;
	margin-left:auto;*/
	text-align: center;
	margin-top: 1.5rem;
	
}
.main62-1-1-1{
	width:600px;
	height: 450px;
	margin-right:auto;
	margin-left:auto;
	
}

	


/*.main62-1-1-1 #iframe{
	width:600px;
	height: 450px;
	margin-right:auto;
	margin-left:auto;
	
}*/
#main63{/*行き方動画*/
	width: 100vw;
	height: auto;
	background-color: #FFF;
}

.main63-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}

.main63-1-1{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}


.main63-1 .main63-1-1 h1{
	
	/*padding-bottom: 0.5rem;*/
	text-align: center;
	font-size: 2rem;
	color: #e2a322;
	padding-bottom: 2rem;
}
.main63-1 .main63-1-1 p{
	/*width:700px;
	margin-right:auto;
	margin-left:auto;*/
	text-align: center;
	margin-top: 1.5rem;
	
}
.main63-1-1-1{
	width:560px;
	height: 315px;
	margin-right:auto;
	margin-left:auto;
	
}



/* ご利用お申込みページ
--------------------------------------------*/
#main72{/*施設の概要*/
	width: 100vw;
	height: auto;
	background-color: #E6F0C5;
}

.main72-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}



.main72-1-1{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}


.main72-1 .main72-1-1 h1{
	
	/*padding-bottom: 0.5rem;*/
	text-align: center;
	font-size: 2rem;
	color: #e2a322;
	/*width:1000px;*/
}
.main72-1 .main72-1-1 p{
	width:700px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 2rem;
}




.box06 {
    position: relative;
    padding: 0.5rem 0.7rem;
    margin: 2em 0;
    background: #FFF;
	border-radius: 5px;
    
}
.box06:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #FFF;
    width: 0;
    height: 0;
}
.box06 h3{
	color: /*#95CAA2*/#666;
    /*font-weight: bold;*/
	font-size: 1rem;
}

/* 準備中ページ
--------------------------------------------*/

.main99-1{
	padding-top: 28rem;
	text-align: center;
}

.main99-1 img{
	width:500px;
	height:140;
	margin-top: 10rem;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 1rem;
}




/* 基本は非表示
--------------------------------------------*/
#header-ipad{
	display:none;
}



/* その他
--------------------------------------------*/
.both{
	clear: both;
}
.kadomaru01{
    border-radius: 20px;	
}

.margin-line {
	margin-top:1.8rem;
}
.margin0-6 {
	margin-top:0.6rem;
}
.margin1 {
	margin-top:1rem;
}
.margin2 {
	margin-top:2rem;
}
.margin3 {
	margin-top:3rem;
}
.margin4 {
	margin-top:4rem;
}
.margin5 {
	margin-top:5rem;
}
.margin6 {
	margin-top:6rem;
}
.margin7 {
	margin-top:7rem;
}
.margin8 {
	margin-top:8rem;
}
.margin9 {
	margin-top:9rem;
}
.margin10 {
	margin-top:10rem;
}


.indent1 {
	text-indent:1em;	
}

.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}

.bold{
	font-weight: bold;
}

/* サイズと色
--------------------------------------------*/

.size60 {
	font-size: 60%;
}
.size80 {
	font-size: 80%;
}
.size85 {
	font-size: 85%;
}
.size90 {
	font-size: 90%;
}
.size95 {
	font-size: 95%;
}
.size96 {
	font-size: 96%;
}
.size97 {
	font-size: 97%;
}
.size98 {
	font-size: 98%;
}
.size103 {
	font-size: 103%;
}
.size105 {
	font-size: 105%;
}
.size120 {
	font-size: 120%;
}
.size130 {
	font-size: 130%;
}
.size150 {
	font-size: 150%;
}

.color01w{
	color: #fff;
}









/* --------------------------------------------*/
/* ここからスマホ対応
--------------------------------------------*/

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media screen and (max-width: /*1024*//*1149px*/1300px) {
	
	body{
word-wrap : break-word;
overflow-wrap : break-word;
}

}

@media screen and (max-width: /*414*//*767px*/860px) {

#wrapper-header{
	display: none;
}
#header-ipad{
	display: block;
	margin-top: 1.5em;
}

#header-ipad-midashi{
	width:90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;	
}

.header01-img05{
	width: 100%;
}
#text-box01-img05{
		display:none;
}
#text-box01-img05-ipad{
	clear: both;
	float: none;
	display:block;
	width:100%;
	/*width:80%;
	margin-right: auto;
	margin-left: auto;*/
}
#text-box01-img05-ipad img{
	width:100%;
}

.main-news01{
	width: 100%;	
}
/*アコーディオンメニュー
--------------------------------------------*/	
li{
list-style: none;
cursor: pointer;
}
ul.acordion{
	/*background: #B5E8D9;*/
	margin: 8px auto 35px auto;
	padding: 0;
	display: block;
	/*position: absolute;*/
	top: 150px;
	width:80%;
	z-index: 2;
	border-radius: 10px;
	border: 1px solid #CCCCCC;
	background: linear-gradient(left,#d4f49c,#67d04d);
	background: -moz-linear-gradient(left,#d4f49c,#67d04d);
	background: -webkit-gradient(linear,left top,right top, from(#d4f49c), to(#67d04d));
	font-weight: bold;	
	text-align: center;
}
ul.acordion li {
border-bottom: solid 1px #808080;
}
ul.acordion li:first-child {
/*border-top: solid 1px #808080;*/
border-top:none;
}
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
ul.acordion li ul li {
	/*background: #B5E8D9;*/
	background: linear-gradient(left,#d4f49c,#67d04d);
	background: -moz-linear-gradient(left,#d4f49c,#67d04d);
	background: -webkit-gradient(linear,left top,right top, from(#d4f49c), to(#67d04d));
}
ul.acordion /*li ul*/ li:last-child{
	border-radius: 15px;
border-bottom: none;

}
ul.acordion li ul li a {
color: #696969;
display: block;
padding: 5px 10px 5px 10px;
text-decoration: none;
}
ul.acordion li ul li a:hover {
	background: #FFF;
}

ul.acordion li .none-submenu {
background: url(trigger-arrow.png) no-repeat 98% 50%;
background-size: 2%;
display: block;
padding: 5px 10px 5px 10px;
}
ul.acordion li .active-submenu {
background: url(triggeractive-arrow.png) no-repeat 98% 50%;
display: block;
padding: 15px;
}	

/*アコーディオンメニュー(ここまで)

--------------------------------------------*/
	
#top {
  background: #FEF4E5;
  /*position:absolute;*/
	position: relative;
  background-size: /*cover*/ 100%;
  /*height: calc(100vh - 72px);*/
  /*min-height: 900px;*/
	height: 900px;

  z-index: 10;
}

/*topの文字や画像類
--------------------------------------------*/
.toptext p.toptext_sub{
  /*box-decoration-break: clone;
  -webkit-box-decoration-break: clone;*/
	background-color: rgba(255,255,255,0.5);

  /*display: inline;
  letter-spacing: 0.2em;*/
	}
	.toptext_main {
  color: #535353;

  font-size: 1.8rem;
  position: absolute;
  top: 30px;
  left: 15%;
	z-index:60;

}
.toptext span {
}
.toptext_sub {
	font-size: 1.1rem;
  position: absolute;
  top: 175px;
  left: 15%;
z-index: 60;
}

	
	.fv {
    position:relative;
    height: 100vh;
    top: +10px;
	/*max-height: 950px;
	min-height: 800px;*/
    /*padding-top: 100px;*/

    z-index: 50;
}


.fv_items {
  width: 100%;
  top: 0px;
	margin-right: 0%;
    margin-left: 0%;
	
}
	/*.mv {
	position: absolute;*/
  /*width: 100%;
  top: 36px;*/
/*	  width: 100%;
  top: 36px;
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	
  background-size: cover;
  background-position: right;
  border: 6px solid #F6B563;
box-shadow: 0 0 0 6px #fff inset;
	z-index: 10;
}*/
.mv_01 {
	
	/*display: absolute;*/
  width: 60vw;
  padding-top: 50vw;
  background-image: url("images/new-img/7_10_1.jpg");
	
  top: 17%;
  left: 40%;
 /* border-radius: 82% 65% 50% 59% / 50% 65% 85% 100%;
  animation: circle 30s linear infinite;*/
}
	.mv_02 {
  width: 40vw;
  height: 30vw;
  background-image: url("images/new-img/7_10_2.jpg");
  top: 45%;
  left: 15%;
  /*border-radius: 82% 65% 50% 59% / 50% 65% 85% 100%;
  animation: circle 12s linear infinite;*/
}
.mv_03 {
  width: 40vw;
  height: 30vw;
  background-image: url("images/new-img/br.gif");
  top: 70%;
  left: 45%;
 /* border-radius: 82% 65% 60% 59% / 50% 65% 85% 100%;
  animation: circle 20s linear infinite;*/
}
.kw {
/*  display:flex;*/
  align-items: center;
  justify-content: center;
  padding: 36px;
  font-size: 1.2rem;
  text-align: center;
  position: absolute;
	z-index: 20;
}
.kw_01 {
	color:#FFF;
  width: 180px;
  height: 180px;
  top: 0%;
  left: 65%;
  background: url(images/SVG/bg_kw03.svg) no-repeat;
  background-position: center;
  background-size: contain;
}
.kw_02 {
	color:#FFF;
  width: 196px;
  height: 170px;
  top: 48%;
  right: 5%;
  background: url(images/SVG/bg_kw01.svg) no-repeat;
  background-position: center;
  background-size: contain;
  /*animation: hopping 4s linear  infinite;*/
}
.kw_03 {
	color:#FFF;
  width: 180px;
  height: 180px;
  top: 60%;
  left: 54%;
  background: url(images/SVG/bg_kw02.svg) no-repeat;
  background-position: center;
  background-size: contain;
  /*animation: hopping 6s linear infinite alternate;
  animation-delay: 2s;*/

}
/*.kw_04 {
  width: 266px;
  height: 220px;
  background: var(--color-sub-blue);
  top: 38%;
  left: 42%;
  background: url(images/SVG/bg_kw02.svg) no-repeat;
  background-position: center;
  background-size: contain;
  animation: hopping 6s linear infinite alternate;
  animation-delay: 1.5s;
}*/
.kw_05 {
	color:#FFF;
  width: 200px;
  height: 164px;
  top: 75%;
  left: 8%;
  background: url(images/SVG/bg_kw04.svg) no-repeat;
  background-position: center;
  background-size: contain;
  /*animation: hopping 4s linear infinite alternate;
  animation-delay: 4s;*/
}
/*topページその他
--------------------------------------------*/
	.check {
  width: 80vw;
  max-width: 100%;
  background-color: #FFF;
  margin: 70px auto 80px;
  padding: 4rem;
  border-radius: 60px;
	position:relative;

}
	
	.check::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("images/SVG/1-05-accent1.svg") no-repeat;
  position: absolute;
  top: -30px;
  right: calc(-7%);
  z-index: 1;
}
#main03 {
	height: 135rem;
}
	
.bg-2{
	background: none;
}
.bg-3{
	display: none;
	}
	#main05 {
		height: 50rem;
	}

	
	.blog01{
	width: 90vw;
	/*max-width: 800px;*/
	margin-left: auto;
    margin-right: auto;
/*	top:-50px;*/
}
	
	.kanren00{
	position:relative;
	width: 100vw;
	margin-left: auto;
    margin-right: auto;
	
	top:-1rem;
	height: auto;
}
	.sonota01{
	width: 90vw;
/*	max-width: 800px;*/
	margin-left: auto;
    margin-right: auto;
/*	top:-50px;*/
}
	
	
	.box-list li{
  flex: 0 0 25%;
 /*border: 1px solid #ccc;*/
  margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
	
#footer-title{
	float: none;
	width: 60%;
	height: auto;
	margin-top: 30px;
	margin-left: auto;
    margin-right: auto;
}
	#footer-li{
		float: none;
	margin-top: 0px;
	width: auto;
		text-align: center;
	margin-bottom:20px;

}

.nav-box2{
		float: none;
	margin-top: 0px;
	width: 100%;
	text-align: center;

}
.nav-right2{
	float: none;	
	text-align: center;
	font-size: 16px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	margin-bottom:0px;
	/*border-right: 1px solid #fff;*/
	 display: block;
	
	
	
	}
.nav-box2 ul{
display: flex;
	flex-direction: column-reverse;
	}
	

/*2層目以降のの文字や画像類
--------------------------------------------*/	
.boxsize700{
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
.boxsize800{
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
.main20-1,
.main30-1,
.main40-1,
.main50-1,
.main60-1,
.main70-1{
	padding-top: 3rem;
	padding-bottom: 0.15rem;
	width:100%;
	margin-right:auto;
	margin-left:auto;
}
	
.main21-1,
.main31-1,
.main41-1,
.main51-1,
.main61-1,
.main71-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:100%;
	margin-right:auto;
	margin-left:auto;
}
.main21-1 img,
.main31-1 img,
.main41-1 img,
.main51-1 img,
.main61-1 img,
.main71-1 img{
	padding-top: 0px;
	padding-bottom: 0.5rem;
	width:100%;
	margin-right:auto;
	margin-left:auto;
}
.main21-1,
.main31-1,
.main41-1,
.main51-1,
.main61-1,
.main71-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:100%;
	margin-right:auto;
	margin-left:auto;
}
.main21-1 img,
.main31-1 img,
.main41-1 img,
.main51-1 img,
.main61-1 img,
.main71-1 img{
	padding-top: 0px;
	padding-bottom: 0.5rem;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}	
	
.box02 {
    position: relative;
    padding: 2rem 2rem;
    margin: 2em 0;
    top: 0;
    background: #fff;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
	
	
/*施設紹介の文字や画像類
--------------------------------------------*/
.main22-1 .main22-1-1 p{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 2rem;
}

.main22-1-2{
    float: none;
	width: 90%;
	margin-right:auto;
	margin-left:auto;

}


.main22-1-3{
   float: none;
	width: 90%;
	margin-right:auto;
	margin-left:auto;
}
	
	#main22{/*施設PHOTO*/
	width: 100vw;
	height: auto;
	background-color: #FCDD9D;
}

.main22-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:100%;
	margin-right:auto;
	margin-left:auto;
}

.main22-1-1{
	width:100%;
	margin-right:auto;
	margin-left:auto;
}


.main22-1 .main22-1-1 h1{
	
	/*padding-bottom: 0.5rem;*/
	text-align: center;
	font-size: 2rem;
	color: #e2a322;
	/*width:1000px;*/
}
.main22-1 .main22-1-1 p{
	width:90%;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 2rem;
}
	
.main22-1-3 img{
    width: 80%;
    border-radius: 15px;
	margin-right:auto;
	margin-left:auto;
}	
.main22-1-2 img{
	 width: 80%;
    border-radius: 15px;
	margin-right:auto;
	margin-left:auto;
}
.main22-1-2 p,
.main22-1-3 p{
	padding-bottom: 1rem;
	 width: 80%;
	margin-right:auto;
	margin-left:auto;
}
.main23-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
.main24-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:100%;
	margin-right:auto;
	margin-left:auto;
}
.main25-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
.main26-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}


.main26-1 .main26-1-1 p{
	width:90%;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 2rem;
}
	.table-QA{
	width: 90%;
	background: #FFF;
	margin-top: 8px;	
	margin-right:auto;
	margin-left:auto;
}
.table-QA tr{
	border-bottom: 1px solid #CCC;
}

.table-QA .table-QA-top{
	background: #6EB2B7;
	text-align: center;
	color: #FFF;
}
.table-QA td{
	padding: 5px 15px 4px;
}
.table-QA td:nth-child(1){
	width: 6em;	
}
.table-QA td:nth-child(2){
	width: 7em;	
}
	
/* 受給者証取得についてのページ
--------------------------------------------*/
.main31-1 .main31-1-1 p{
	width:80%;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 2rem;
}
.main31-1-2{
	width:80%;
	margin-right:auto;
	margin-left:auto;
}
/* 就労にむけてページ
--------------------------------------------*/
#main42{/*あなたも作家になれる!?*/
	width: 100vw;
	height: auto;
	background-color: #E6F0C5;
}

.main42-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}

.main42-1-1{
	width:100%;
	margin-right:auto;
	margin-left:auto;
}


.main42-1 .main42-1-1 p{
	width:80%;
	margin-right:auto;
	margin-left:auto;
	
}
img.img01{
	width:80%;
	margin-right:auto;
	margin-left:auto;
	border-radius: 20px;
}	
	/* アクセスページ
--------------------------------------------*/
#main62{/*グーグルマップ*/
	width: 100%;
	height: auto;
	background-color: #E6F0C5;
}

	.main62-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:100%;
	margin-right:auto;
	margin-left:auto;
}

.main62-1-1{
	width:80%;
	height: 50%;
	margin-right:auto;
	margin-left:auto;
}
	
.main62-1-1-1{
margin-top: 10px;
	margin-bottom: 0px;
	width:100%;
	height: 450px;
	margin-right:auto;
	margin-left:auto;
}

#main63{/*行き方動画*/
	width: 100%;
	height: auto;
	background-color: #FFF;
}

.main63-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:100%;
	margin-right:auto;
	margin-left:auto;
}

.main63-1-1{
	width:80%;
	height: 50%;
	margin-right:auto;
	margin-left:auto;
}
	
.main63-1-1-1{
margin-top: 10px;
	margin-bottom: 0px;
		width:100%;
	height: 450px;
	margin-right:auto;
	margin-left:auto;
}
	
/* ご利用お申込みページ
--------------------------------------------*/
#main72{/*施設の概要*/
}

.main72-1{
	padding-top: 50px;
	padding-bottom: 5rem;
	width:80%;
	margin-right:auto;
	margin-left:auto;
}



.main72-1-1{
	width:100%;
	margin-right:auto;
	margin-left:auto;
}



.main72-1 .main72-1-1 p{
	width:80%;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 2rem;
}

}

@media screen and (max-width: /*414*/430px) {
	
	
	/*topの文字や画像類
--------------------------------------------*/
.toptext p.toptext_sub{
  /*box-decoration-break: clone;
  -webkit-box-decoration-break: clone;*/
	background-color: rgba(255,255,255,0.5);

  /*display: inline;
  letter-spacing: 0.2em;*/
	}
	.toptext_main {
  color: #535353;

  font-size: 1.8rem;
  position: absolute;
  top: 30px;
  left: 15%;
	z-index:60;

}
.toptext span {
}
.toptext_sub {
	font-size: 1.1rem;
  position: absolute;
  top: 175px;
  left: 15%;
z-index: 60;
}

	
	.fv {
    position:relative;
    height: 100vh;
    top: +10px;
	/*max-height: 950px;
	min-height: 800px;*/
    /*padding-top: 100px;*/

    z-index: 50;
}


.fv_items {
  width: 100%;
  top: 0px;
	margin-right: 0%;
    margin-left: 0%;
	
}
	/*.mv {
	position: absolute;*/
  /*width: 100%;
  top: 36px;*/
/*	  width: 100%;
  top: 36px;
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	
  background-size: cover;
  background-position: right;
  border: 6px solid #F6B563;
box-shadow: 0 0 0 6px #fff inset;
	z-index: 10;
}*/
.mv_01 {
	
	/*display: absolute;*/
  width: 60vw;
  padding-top: 50vw;
  background-image: url("images/new-img/7_10_1.jpg");
	
  top: 30%;
  left: 30%;
}
	.mv_02 {
  width: 45vw;
  height: 40vw;
  background-image: url("images/new-img/7_10_2.jpg");
  top: 65%;
  left: 5%;
}
.mv_03 {
  width: 45vw;
  height: 35vw;
  background-image: url("images/new-img/br.gif");
  top: 92%;
  left: 45%;
}
.kw {
/*  display:flex;*/
  align-items: center;
  justify-content: center;
  padding: 36px;
  font-size: 1.2rem;
  text-align: center;
  position: absolute;
	z-index: 20;
}
.kw_01 {
  width: 180px;
  height: 180px;
  top: 45%;
  left: 0%;

}
.kw_02 {
  width: 196px;
  height: 170px;
  top: 48%;
  right: 5%;

}
.kw_03 {
  width: 180px;
  height: 180px;
  top: 70%;
  left: 54%;

}

.kw_05 {
  width: 200px;
  height: 164px;
  top: 80%;
  left: 8%;

}
	/*topページその他
--------------------------------------------*/
.hoshi01::before {
  display: none;

}
.hoshi02::before {
  display: none;
 
}
	
	
	#main03{
	width: 100vw;
	height: 130rem;
	/*position: relative;*/
	margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	/*margin-top: 200px;*/
	/*top:-50px;*/
	margin-bottom: 15rem;
}
	
	.home2-box700{
	width: 80%;
	margin-left: auto;
    margin-right: auto;
}
.home2-box700 p{
	margin-top: 0.5rem;
	font-size: 1.1rem;
}
.arrow-box01{
	width: 100px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 5px;
	margin-top: 7px;
}
.arrow-box01 img{
	width: 100px;
}
a.botan02{
    color: #FFFFFF;
    width: 9em;
    display: block;
    background-color: #f9c795;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5rem;
    border-radius: 4px;
/*	z-index: 100;*/
}
	#guide02{
	width: 90vw;
	margin-left: auto;
    margin-right: auto;
}
	
	.guide01-2{
	position:static;
	z-index: 1;
	top: 0px;
	right: calc(20%);
	
}
	
.main-half-box > .main-half-0{
	width: 38vw;
	padding: 0rem 1rem;
	height: 410px;
	/*float: left;*/
	background: #fff;
	/*overflow: scroll;*/
	border-radius: 15px;
	margin-right: 2.2vw;
    margin-left: 2.2vw;
	
}

.main-half{
	width: 33vw;
	margin: 0rem;
	height: auto;
	background: #fff;
	/*overflow: scroll;*/
	border-radius: 15px
	
}
	
	#main05 {
		height: 65rem;
	}


	
}