@charset "utf-8";

html{
	font-size: 100%;
	overflow-y:scroll;
}


/*  PC向けのスタイル：1000px～ */
@media only screen and (min-width: 1330px) {
body {
color:#000;
line-height:1.5;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
font-size:80%;
letter-spacing: 1px;
margin: 0;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100%;
  background: #fff;
  transition: .5s;
	display: flex;
	justify-content: space-between;
	border-bottom: 4px solid #000;
	height: 145px;
	border-top: 5px solid #fff000;
}
header h1 {
	width: 390px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 4px solid #000;
}
.is-animation {
  height: 90px;
  background-color: rgba(255,255,255,0.9);
}
header div.nav {
	padding-right: 3%;
}
header div ul.navs {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 65px;
  transition: .5s;
}
.is-animation div ul.navs {
	visibility:hidden;
	transition: .5s;
	height: 0;
	line-height: 0;
	opacity: 0;
}
.navs li {
	font-weight: 600;
	font-size: 110%;
}
.tel {
	height: 65px;
	display: flex;
	align-items: center;
}
.tel span {
	font-size: 190%;
	margin-right: 10px;
	font-weight: normal;
}
.tria{
	padding: 0;
	margin: 0 25px 0 0;
}
.tria a{
	padding: 5px;
}
.tria a{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
.tria a{
	position:relative;
	padding-left:20px;
}
.tria a:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:6px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #ff0;
}
header div ul.navm {
	display: flex;
	justify-content: flex-end;
	margin-top: 25px;
	transition: .5s;
}
.is-animation div ul.navm {
	display: flex;
	justify-content: flex-end;
	margin-top: 35px;
	transition: .5s;
}
header div ul.navm a.y {
	position: relative;
	margin: 0 0 0 5px;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	padding: 20px 10px 20px;
	text-shadow: none;
	font-size: 120%;
  transition: .5s;
}
header div ul.navm a.y:hover,
header div ul.navm a.y:focus {
	outline: none;
}
header div ul.navm a.y::before,
header div ul.navm a.y::after {
	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	height: 5px;
	background: #ff0;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scaleX(0.4);
	-moz-transform: scaleX(0.4);
	transform: scaleX(0.4);
}
header div ul.navm a.y:hover::before,
header div ul.navm a.y:hover::after,
header div ul.navm a.y:focus::before,
header div ul.navm a.y:focus::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
}

header div ul.navm a.b {
	position: relative;
	margin: 0 0 0 5px;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	padding: 20px 10px 20px;
	text-shadow: none;
	font-size: 120%;
  transition: .5s;
}
header div ul.navm a.b:hover,
header div ul.navm a.b:focus {
	outline: none;
}
header div ul.navm a.b::before,
header div ul.navm a.b::after {
	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	height: 5px;
	background: #82eef8;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scaleX(0.4);
	-moz-transform: scaleX(0.4);
	transform: scaleX(0.4);
}
header div ul.navm a.b:hover::before,
header div ul.navm a.b:hover::after,
header div ul.navm a.b:focus::before,
header div ul.navm a.b:focus::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
}

#slideshow {
   position: relative;
   width: 100%; /* ボックスの横幅 */
   height: -webkit-calc(100vh - 150px) ;
   height: calc(100vh - 150px) ;
    min-height: 600px;
}
#slideshow p {
   position: absolute;
   width: 100%;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: -webkit-calc(100vh - 150px) ;
   height: calc(100vh - 150px) ;
    min-height: 600px;
}
#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow p.last-active {
   z-index: 9;
}
.relative {
    position: relative;
    width: 100%;
	margin-top: 145px;
}
.absolute {
    position: absolute;
    bottom: 20px;
    color: #fff;
    width: 100%;
	z-index: 11;
}
.absolute p {
    margin: 0;
    text-align: center;
}
.object-fit-img {
	width: 100%;
   height: -webkit-calc(100vh - 150px) ;
   height: calc(100vh - 150px) ;
	object-fit: cover;
    min-height: 600px;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;'
}
.pi {
	width: 100%;
	background: url(../img/ind/bg-f.png) center center;
	margin: 28px 0;
	padding: 60px 0 80px 0;
}
.pi h2 {
	width: 190px;
	height: 40px;
	background: url(../img/ind/pi-bgb.png) repeat-x bottom;
	margin: 0 auto;
	font-size: 250%;
	text-align: center;
	margin-bottom: 60px;
}
.pi div {
	width: 950px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pi div dl {
	width: 455px;
	display: flex;
	margin-bottom: 50px;
}
.pi div dl dt {
	width: 100px;
	height: 100px;
}
.pi div dl dd {
	width: 355px;
	background: url(../img/hel/help-pdf.png) no-repeat 96% 80% #fff;
}
.pi div dl dd span {
	display: block;
	margin: 7px 0;
	font-size: 110%;
	font-weight: bold;
}
.pi div dl dd a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px 10px 8px 30px;
}
.am-01 {
	position: relative;
	top: -110px;
	display: block;
}

.pi p {
	width: 237px;
	margin: 0 auto;
}
.morey:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}
.morey:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.morey {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  padding: 9px 20px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  z-index: 0;
  color: #000;
  transition: color 0.3s ease,
 background 0s ease;
  border: solid 2px #2d3037;
  width: 300px;
  height: 45px;
  background: #ff0;
border-radius: 22px;
font-weight: bold;
font-size: 120%;
}
.morey:hover {
  color: #000000;
  background: #ffffff;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}
.ab {
	width: 100%;
	background: #f5f4ef;
}
.ab-m {
	width: 1240px;
	margin: 0 auto;
	background: url(../img/ind/ab-bg.png) left top no-repeat;
	padding: 90px 70px 70px 70px;
	display: flex;
}
.ab-l {
	width: 520px;
	margin-right: 75px;
}
.logo-p img{
	max-width: 100%;
}
.ab-l h2 {
	font-size: 130%;
	margin-bottom: 25px;
}
.ab-l dl {
	width: 100%;
}
.ab-l dl dt {
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 25px;
}
.ab-l dl dd {
	font-size: 110%;
	margin-bottom: 20px;
}
.hel {
	width: 1100px;
	margin: 30px auto;
	padding: 70px 0;
	display: flex;
}
.hel-l {
	width: 520px;
	margin-right: 75px;
}
.hel-l h2 span{
	color: #1b8ef2;
	font-size: 50%;
	display: block;
}
.hel-l h2 {
	width: 365px;
	line-height: 47px;
	height: 90px;
	background: url(../img/ind/hel-bgb.png) repeat-x bottom;
	font-size: 250%;
	margin-bottom: 30px;
}
.hel-l dl {
	width: 100%;
}
.hel-l dl dt {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 15px;
}
.hel-l dl dd {
	font-size: 110%;
	margin-bottom: 50px;
}
.moreb:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}
.moreb:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.moreb {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  padding: 9px 20px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  z-index: 0;
  color: #000;
  transition: color 0.3s ease,
 background 0s ease;
  border: solid 2px #2d3037;
  width: 235px;
  height: 45px;
  background: #82eef8;
border-radius: 22px;
font-weight: bold;
font-size: 120%;
}
.moreb:hover {
  color: #000000;
  background: #ffffff;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}
.job {
	width: 100%;
	background-image: url(../img/ind/job-bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 75px 0;
}
.job h3 {
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	padding: 12px 0;
	margin: 0 auto 30px;
	font-size: 180%;
	text-align: center;
	width: 410px;
}
.job p.job-t {
	width: 700px;
	margin: 0 auto 30px;
	text-align: center;
}
.morew:before {
  position: absolute;
  content: '';
  background: #ff0;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}
.morew:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.morew {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  padding: 9px 20px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  z-index: 0;
  color: #000;
  transition: color 0.3s ease,
 background 0s ease;
  border: solid 2px #2d3037;
  width: 235px;
  height: 45px;
  background: #fff;
border-radius: 22px;
font-weight: bold;
font-size: 120%;
}
.morew:hover {
  color: #000000;
  background: #ff0;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}

.job p.job-b {
	width: 235px;
	margin: 0 auto;
}
.news {
	width: 1100px;
	margin: 75px auto 50px;
	display: flex;
}
.news h2 {
	width: 180px;
	font-size: 180%;
}
.news h2 span {
	color: #ffdd00;
	font-size: 60%;
	display: block;
}
.news div {
	width: 920px;
}
.news div dl {
	display: flex;
	border-bottom: 2px solid #000;
}
.news div dl dt {
	width: 180px;
	padding: 25px 0 25px 10px;
}
.news div dl dd.linkn {
	width: 740px;
	padding: 25px 50px 25px 10px;
}
.news div dl dd a {
	display: block;
	width: 740px;
	padding: 25px 50px 25px 10px;
	background: url(../img/ind/news-y.png) no-repeat 97% center;
}
.news-p {
	width: 235px;
	margin: 0 auto 75px;
}
.snav {
	display: flex;
	justify-content: space-between;
	width: 800px;
	margin: 60px auto;
}
.morep:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}
.morep:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.morep {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  padding: 9px 20px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  z-index: 0;
  color: #000;
  transition: color 0.3s ease,
 background 0s ease;
  border: solid 2px #2d3037;
  width: 235px;
  height: 45px;
  background: #fec6ad;
border-radius: 22px;
font-weight: bold;
font-size: 120%;
}
.morep:hover {
  color: #000000;
  background: #ffffff;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}
.fo {
	width: 100%;
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	background: #f5f4ef;
	padding: 50px 0;
}
.fo-s {
	display: none;
}
.fo-ss {
	width: 1100px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.fo-ss h2 span {
	color: #999999;
	font-size: 60%;
	display: block;
}
.fo-ss h2 {
	width: 280px;
	font-size: 180%;
}
.fo-ss ul {
	width: 600px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;
  height: 110px;
}
.fo-ss ul li a{
	display: block;
	padding: 3px 0;
}
footer {
	display: flex;
	justify-content: space-around;
	width: 1100px;
	margin: 0 auto;
	padding:50px 0;
	flex-wrap: wrap;
}
.fo-l {
	width: 49%;
	border-right: 2px solid #000;
	padding-left: 60px;
}
.fo-r {
	width: 49%;
	padding-left: 90px;
}
.fo-l h4,.fo-r h4 {
	font-size: 140%;
}
.fo-j {
	margin: 15px 0;
	font-size: 95%;
}
.fo-t span{
	display: block;
	font-size: 95%;
}
.fo-c {
	width: 100%;
	background: #ff0;
	height: 43px;
}
.fo-c div {
	width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 43px;
}
.fo-c div p {
	padding: 0 60px;
}
.fo-cp {
	font-weight: bold;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#scroll {
	margin: -90px 0 90px;
}
#menu-cb {
	display: none;
}
#menu-icon {
	display:none;
}
#menu-background {
	display: none;
}

/*　お知らせ一覧　*/
.news-01 {
	width: 96%;
	max-width: 1360px;
	margin: 180px auto 0;
	background: url(../img/new/news-ys.png) no-repeat center 70% #fff000;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
	font-size: 240%;
}
.news-02 {
	width: 96%;
	max-width: 820px;
	margin: 80px auto 120px; 
}
.news-02 dl {
	width: 100%;
	display: flex;
	border-bottom: 2px solid #000;
}
.news-02 dl dt {
	width: 180px;
	padding: 25px 0 25px 10px;
}
.news-02 dl dd.news-03 {
	width: 640px;
	padding: 25px 50px 25px 10px;
}
.news-02 dl dd a {
	display: block;
	width: 640px;
	padding: 25px 50px 25px 10px;
	background: url(../img/ind/news-y.png) no-repeat 97% center;
}
/*　お知らせ詳細　*/
.news-04 {
	width: 96%;
	max-width: 1360px;
	margin: 20px auto 80px;
}
.news-05 {
	width: 96%;
	max-width: 820px;
	margin: 0 auto 120px;
}
.news-05 img {
	max-width: 100%;
}
.news-05 p {
	margin: 10px 0;
}
.news-06 {
	font-weight: bold;
	font-size: 110%;
}
.news-07 {
	width: 100%;
	border-bottom: 2px solid #000;
	font-size: 150%;
	padding: 10px;
	margin-bottom: 30px;
}
.news-08 {
	font-size: 120%;
	margin: 10px 0;
}
.news-09 {
	width: 100%;
	text-align: center;
}
.news-10 {
	width: 160px;
	text-align: center;
	padding: 8px;
	display: block;
	background: #fff000;
	font-weight: bold;
}
.news-11 {
	width: 235px;
	margin: 60px auto 0;
}
.news-12 {
	margin-bottom: 100px;
}

/*　お問い合せ　*/
.con-01 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 0;
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	background: #fff000;
	padding: 18px 5px;
	font-size: 200%;
	text-align: center;
	font-weight: 600;
}
.con-02 {
	width: 96%;
	margin: 30px auto 50px;
	max-width: 960px;
}
.con-03 {
	width: 96%;
	max-width: 960px;
	margin: 20px auto;
	height: 55px;
	display: flex;
}
.con-03 dt {
	width: 285px;
	height: 55px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 25px 0 50px;
}
.con-03 dt span {
	display: block;
	background: #fff000;
	padding: 3px 5px;
	font-weight: bold;
}
.con-03 dd {
	width: -webkit-calc(100% - 450px) ;
	width: calc(100% - 450px) ;
	height: 55px;
	display: flex;
	align-items: center;
}
.con-03 dd input {
    width: 100%;
    height: 55px;
    text-indent: 2em; 
    border: 1px solid #ccc;
}
.con-04 {
	width: 96%;
	max-width: 960px;
	margin: 20px auto;
	height: 55px;
	display: flex;
}
.con-04 dt {
	width: 285px;
	height: 55px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 25px 0 50px;
}
.con-04 dt span {
	display: block;
	background: #fff000;
	padding: 3px 5px;
	font-weight: bold;
}
.con-04 dd {
	width: -webkit-calc(100% - 285px) ;
	width: calc(100% - 285px) ;
	height: 55px;
	display: flex;
	align-items: center;
}
.con-04 dd input {
    width: 100%;
    height: 55px;
    text-indent: 2em; 
    border: 1px solid #ccc;
}
.con-05 {
	width: 96%;
	max-width: 960px;
	margin: 20px auto;
	display: flex;
}
.con-05 dt {
	width: 285px;
	height: 55px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 25px 0 50px;
}
.con-05 dt span {
	display: block;
	background: #fff000;
	padding: 3px 5px;
	font-weight: bold;
}
.con-05 dd {
	width: -webkit-calc(100% - 285px) ;
	width: calc(100% - 285px) ;
}
.con-05 dd span {
	display: flex;
	align-items: center;
	height: 55px;
	margin-bottom: 20px;
}
.con-05 dd input.con-06 {
    width: 250px;
    height: 55px;
    text-indent: 2em; 
    border: 1px solid #ccc;
	margin-left: 20px;
}
.con-05 dd input.con-07 {
    width: 100%;
    height: 55px;
    text-indent: 2em; 
    border: 1px solid #ccc;
}
.con-08 {
	width: 96%;
	max-width: 960px;
	margin: 20px auto;
	display: flex;
}
.con-08 dt {
	width: 285px;
	height: 55px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 25px 0 50px;
}
.con-08 dt span {
	display: block;
	background: #fff000;
	padding: 3px 5px;
	font-weight: bold;
}
.con-08 dd {
	width: -webkit-calc(100% - 285px) ;
	width: calc(100% - 285px) ;
}
.con-08 dd textarea {
    width: 100%; 
    height: 160px; 
    border: 1px solid #ccc;
	padding: 20px 2em;
line-height:1.5;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
letter-spacing: 1px;
font-size: 95%;
}
.con-10 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 80px auto 30px;
}
.con-10 a{
	border-bottom: 2px solid #fff000;
}
.con-11 {
	margin: 0 auto 200px;
	width: 235px;
}
.con-11 input[type="submit"] {
    -webkit-appearance: none; 
	cursor:pointer;
  padding: 9px 20px;
  text-align: center;
  color: #000;
  border: solid 2px #2d3037;
  width: 235px;
  height: 45px;
  background: #ff0;
border-radius: 22px;
font-weight: bold;
font-size: 120%;
}
.con-12 {
	width: 96%;
	max-width: 960px;
	margin: 40px auto;
	display: flex;
}
.con-12 dt {
	width: 285px;
	display: flex;
	justify-content: space-between;
	padding: 0 25px 0 50px;
}
.con-12 dt span {
	display: block;
	background: #fff000;
	padding: 3px 5px;
	font-weight: bold;
}
.con-12 dd {
	width: -webkit-calc(100% - 285px) ;
	width: calc(100% - 285px) ;
}
.con-12 dd span {
	display: block;
}
.con-13 {
	width: 100%;
	max-width: 600px;
	margin: 50px auto;
}
.con-13 dt {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 240%;
	font-weight: bold;
}
.con-13 dt img {
	display: block;
	margin-right: 20px;
}
.con-13 dd {
	text-align: center;
	font-weight: bold;
}
.con-14 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 910px;
	margin: 0 auto;
	padding: 30px 0 0;
}
.con-14 dt {
	font-weight: bold;
	font-size: 180%;
	display: flex;
	align-items: center;
}
.con-14 dt span {
	display: block;
	font-size: 180%;
	margin-left: 20px;
}
.con-14 {
	font-size: 120%;
}
.con-14 dd span {
	display: block;
}
.con-15 {
	width: 100%;
	max-width: 1000px;
	margin: 50px auto 0;
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	background: #82eeff;
	padding: 18px 5px;
	font-size: 200%;
	text-align: center;
	font-weight: 600;
}
.con-16 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 910px;
	margin: 0 auto 150px;
	padding: 30px 0 0;
}
.con-16 dt {
	font-weight: bold;
	font-size: 180%;
	display: flex;
	align-items: center;
}
.con-16 dt span {
	display: block;
	font-size: 180%;
	margin-left: 20px;
}
.con-16 {
	font-size: 120%;
}
.con-16 dd span {
	display: block;
}

/*　アクセス　*/
.acc-01 {
	width: 96%;
	max-width: 950px;
	margin: 100px auto 30px;
}
.acc-01 ul li {
	list-style: disc;
}
.acc-02 {
	width: 96%;
	max-width: 1000px;
	margin: 0 auto 70px;
}
.acc-02 p a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 50px;
	margin: 30px auto 0;
	background: #fff000;
	font-weight: bold;
	font-size: 135%;
}
.acc-03 {
	width: 96%;
	max-width: 1000px;
	margin: 0 auto 100px;
	display: flex;
	justify-content: space-between;
}
.acc-03 dl {
	width: 45%;
	border-top: 3px solid #000;
}
.acc-03 dl dt {
	font-size: 170%;
	font-weight: bold;
	padding: 20px 0;
}
.acc-03 dl dd img {
	display: block;
	margin: 30px 0 0 0;
}
/*　ピックアップイベント　*/
.pic-01 {
	width: 950px;
	margin: 100px auto 200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pic-01 dl {
	width: 455px;
	display: flex;
	margin-bottom: 50px;
}
.pic-01 dl dt {
	width: 100px;
	height: 100px;
}
.pic-01 dl dd {
	width: 355px;
	background: url(../img/hel/help-pdf.png) no-repeat 96% 80% #fff;
}
.pic-01 dl dd span {
	display: block;
	margin: 7px 0;
	font-size: 110%;
	font-weight: bold;
}
.pic-01 dl dd a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px 10px 8px 30px;
}

.pic-02 {
	display: block;
	margin: 30px 0 50px;
	width: 100%;
	height: auto;
}
.pic-03 {
	font-size: 250%;
	width: 100%;
	text-align: center;
	padding: 100px 0;
	font-weight: bold;
}
/*　ヘルプセンターフラッグ　*/
.hel-01 {
	width: 96%;
	max-width: 1360px;
	margin: 180px auto 0;
	background: url(../img/new/news-ys.png) no-repeat center 70% #82eeff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
	font-size: 240%;
}
.hel-02 {
	width: 430px;
	height: 436px;
	margin: -40px auto;
}
	
.hel-03 {
	width: 1000px;
	margin: 50px auto;
	padding: 70px 0;
	display: flex;
	justify-content: space-between;
}
.hel-03l {
	width: 420px;
	margin-right: 75px;
}
.hel-03l h2 span{
	color: #1b8ef2;
	font-size: 50%;
	display: block;
}
.hel-03l h2 {
	width: 365px;
	line-height: 47px;
	height: 90px;
	background: url(../img/ind/hel-bgb.png) repeat-x bottom;
	font-size: 250%;
	margin-bottom: 30px;
}
.hel-03l dl {
	width: 100%;
}
.hel-03l dl dt {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 15px;
}
.hel-03l dl dd {
	font-size: 110%;
	margin-bottom: 50px;
}
.hel-04 {
	width: 100%;
	max-width: 1000px;
	margin: 80px auto 80px;
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	background: #82eeff;
	padding: 18px 5px;
	font-size: 200%;
	text-align: center;
	font-weight: 600;
}
.hel-05 {
	width: 96%;
	max-width: 1000px;
	margin: 0 auto 150px;
}
/*　採用情報　*/
.ado-01 {
	border-bottom: 3px solid #000;
	border-top: 3px solid #000;
	max-width: 420px;
	width: 96%;
	margin: 80px auto 50px;
	padding: 25px 10px;
	text-align: center;
	font-size: 180%;
}
.ado-02 {
	width: 96%;
	max-width: 700px;
	margin: 0 auto 50px;
	text-align: center;
}
.ado-03 {
	width: 136px;
	height: 40px;
	background: url(../img/ind/pi-bgb.png) repeat-x bottom;
	margin: 0 auto;
	font-size: 200%;
	text-align: center;
	margin-bottom: 60px;
}
.ado-04 {
	width: 96%;
	max-width: 789px;
	margin: 0 auto;
	padding: 25px 20px;
	display: flex;
	border-top: 1px dotted #ccc;
}
.ado-04 dt {
	width: 123px;
}
.ado-04 dd {
	width: -webkit-calc(100% - 123px) ;
	width: calc(100% - 123px) ;
}
.ado-04b {
	border-bottom: 1px dotted #ccc;
}
.ado-05 {
	width: 96%;
	max-width: 960px;
	margin: 20px auto;
	height: 55px;
	display: flex;
}
.ado-05 dt {
	width: 285px;
	height: 55px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 25px 0 50px;
}
.ado-05 dt span {
	display: block;
	background: #fff000;
	padding: 3px 5px;
	font-weight: bold;
}
.ado-05 dd {
	width: -webkit-calc(100% - 450px) ;
	width: calc(100% - 450px) ;
	height: 55px;
	display: flex;
	align-items: center;
	padding-left: 20px;
}
.ado-05 dd input {
	padding: 10px 0 10px 30px;
	cursor:pointer;
}
.ado-05 dd label {
	cursor:pointer;
	padding: 10px;
}
.ado-06 {
	width: 96%;
	max-width: 789px;
	margin: 0 auto;
	padding: 20px 20px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.ado-06 dt {
	font-weight: bold;
	font-size: 140%;
}
.ado-06 dd {
	width: 100%;
}
.ado-06 dd a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0 0 10px 0;
}

.ado-06 dd a span {
	display: block;
}


/*　自立支援協議会　*/
.indep-01 {
	width: 96%;
	padding: 10px 0;
	background: #f5f4ef;
	margin: 0 auto 80px;
	max-width: 1360px;
}
.indep-01 ul {
	display: flex;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.indep-01 ul li {
	width: 150px;
	height: 40px;
	margin-right: 20px;
	font-weight: bold;
}
.indep-01 ul li a{
	width: 150px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 2px solid #000;
}
.indep-02 {
	width: 96%;
	margin: 0 auto 100px;
	max-width: 1000px;
    position: relative;
}
.indep-02 div {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.indep-02 dl {
	width: 60%;
    position: absolute;
	top: 0;
	left: 0;
}
.indep-02 dl dt{
	width: 100%;
	font-size: 450%;
	font-weight: bold;
	margin-bottom: 80px;
}
.indep-02 dl dt span{
	display: block;
}
.indep-02 dl dd {
	width: 480px;
	font-size: 120%;
}
.indep-03 {
	width: 96%;
	width: 1000px;
	margin: 50px auto;
	display: flex;
}
.indep-03 dt {
	width: 275px;
	text-align: center;
}
.indep-03 dd {
	width: -webkit-calc(100% - 275px) ;
	width: calc(100% - 275px) ;
}
.indep-04 {
	display: block;
	width: 96%;
	max-width: 913px;
	height: auto;
	margin: 50px auto 80px;
}
.indep-05 {
	width: 96%;
	max-width: 1000px;
	margin: 50px auto 100px;
}
.indep-05 dl {
	border-bottom: 1px dotted #ccc;
	margin: 15px 0;
	padding: 30px 0 10px;
}
.indep-05 dl dt {
  position: relative;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 10px;
}

.indep-05 dl dt:before{ 
  display:inline-block; 
  content:'';
  width: 17px;
  height: 17px;
  background: #fff000;
  border-radius: 50%;
  margin: 2px 10px 0 0;
}
.indep-05 dl dd span {
	display: block;
}

/*　事業内容　*/
.bus-01 {
	width: 96%;
	padding: 10px 0;
	background: #f5f4ef;
	margin: 0 auto 80px;
	max-width: 1360px;
}
.bus-01 ul {
	display: flex;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.bus-01 ul li {
	height: 40px;
	margin-right: 20px;
	font-weight: bold;
}
.bus-01 ul li a.bus-02{
	width: 150px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 2px solid #000;
}
.bus-01 ul li a.bus-03{
	width: 300px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 2px solid #000;
}
.bus-04 {
	width: 96%;
	max-width: 1000px;
	margin: 80px auto;
}
.bus-04 dl {
	display: flex;
	border-top: 2px solid #000;
	width: 100%;
	margin-bottom: 50px;
}
.bus-04 dl dt {
	background: #fff000;
	text-align: center;
	width: 242px;
	height: 175px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 150%;
	font-weight: bold;
}
.bus-04 dl dt img {
	width: 150px;
	height: 98px;
	display: block;
	margin-bottom: 10px;
}
.bus-04 dd {
	width: -webkit-calc(100% - 242px) ;
	width: calc(100% - 242px) ;
	padding: 15px 10px 10px 67px;
	font-size: 120%;
}
.bus-05 {
	display: block;
	width: 170px;
	height: 30px;
  text-align: center;
  color: #000;
  border: solid 2px #2d3037;
  background: url(../img/bus/bus-06.png) 98% center no-repeat #fff000;
border-radius: 22px;
font-weight: bold;
font-size: 90%;
margin-top: 20px;
}
.bus-06 {
	width: 96%;
	text-align: center;
	margin: 50px auto;
	font-size: 130%;
	font-weight: bold;
}
.bus-07 {
	width: 96%;
	max-width: 1000px;
	margin: 0 auto 100px;
	display: flex;
	flex-wrap: wrap;
}
.bus-07 dl {
	border-left: 2px solid #000;
	width: 50%;
	padding-left: 20px;
	margin-bottom: 50px;
}
.bus-07 dl dt {
	margin-bottom: 20px;
}
.bus-07 dl dd {
	width: 405px;
	font-size: 120%;
}
.jyunbi {
	font-size: 250%;
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding: 100px 0;
}
.pri-01 {
	width: 96%;
	margin: 100px auto 180px;
	max-width: 1000px;
	font-size: 120%;
}
.pri-02 {
	width: 100%;
	margin: 60px 0;
}
.pri-02 span {
	font-weight: bold;
}
.pri-01 h6 {
	font-size: 110%;
	margin-bottom: 20px;
}
.pri-03 {
	margin-bottom: 40px;
}
.pri-03 span {
	display: block;
}
.pri-01 ul {
	margin-bottom: 40px;
	padding-left: 30px;
}
.pri-01 ul li{
	list-style-type: disc;
	margin-bottom: 15px;
}

.li-01 {
	width: 96%;
	max-width: 1000px;
	margin: 100px auto 150px;
}
.li-h01 {
	width: 100%;
	max-width: 1000px;
	margin: 10px auto;
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	background: #fff000;
	padding: 18px 5px;
	font-size: 200%;
	text-align: center;
	font-weight: 600;
}
.li-02 {
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 15px 0 10px;
}
.li-02 dt {
	width: 100%;
}
.li-02 dt a{
	display: block;
	width: 100%;
	background: url(../img/link/lin-img.png) no-repeat center left;
	padding: 10px 10px 10px 30px;
	font-size: 150%;
	font-weight: bold;
}
.li-03 {
	margin-top: 50px;
}
.ado-h6 {
	width: 360px;
	margin: 50px auto 0;
	font-size: 230%;
	border-bottom: 5px solid #82eeff;
	text-align: center;
}

.hel-06 {
	width: 96%;
	max-width: 1000px;
	margin: 80px auto;
}
.hel-06 dl {
	display: flex;
	border-top: 2px solid #000;
	width: 100%;
	margin-bottom: 50px;
}
.hel-06 dl dt {
	background: #82eef8;
	text-align: center;
	width: 242px;
	height: 175px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 150%;
	font-weight: bold;
}
.hel-06 dl dt img {
	width: 116px;
	height: 96px;
	display: block;
	margin-bottom: 10px;
}
.hel-06 dd {
	width: -webkit-calc(100% - 242px) ;
	width: calc(100% - 242px) ;
	padding: 30px 10px 10px 67px;
	font-size: 120%;
}
.hel-06 dd ul {
	width: 100%;
}
.hel-06 dd ul li {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  margin-bottom: 5px;
}

.hel-06 dd ul li:before{
	display: inline-block;
  /*以下白丸つくる*/
  content:'';
  width:12px;
  height: 12px;
  background: #000;
  border-radius: 50%;
  margin-right: 8px;
}
.hel-06 dd ul.bn li:before{
	display: none;
}
.hel-06 dd ul.bn li a {
background: url("../img/hel/pdf-ss-8.png") no-repeat left center;
padding: 5px 5px 5px 30px;
display: block;
}
.hel-06 dd ul.bn li a:hover {
opacity: .6;
}
.hel-06 dd h6 {
margin: 20px 0 10px;
}
.hel-pdf {
	width: 100%;
	padding-top: 20px;
	display: flex;
}
.hel-bm {
	margin-right: 30px;
}
	
.moreys:before {
  position: absolute;
  content: '';
	background: url(../img/hel/help-yy.png) 96% center no-repeat #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}
.moreys:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.moreys {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  padding: 9px 20px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  z-index: 0;
  color: #000;
  transition: color 0.3s ease,
 background 0s ease;
  border: solid 2px #2d3037;
  width: 235px;
  height: 45px;
	background: url(../img/hel/help-yy.png) 96% center no-repeat #ff0;
border-radius: 22px;
font-weight: bold;
font-size: 120%;
}
.moreys:hover {
  color: #000000;
	background: url(../img/hel/help-yy.png) 96% center no-repeat #ffffff;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}
.hel-p {
	width: 235px;
	margin: 0 auto 100px;
}

.morebp:before {
  position: absolute;
  content: '';
	background: url(../img/hel/help-pdf.png) 96% center no-repeat #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}
.morebp:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.morebp {
  position: relative;
  box-sizing: border-box;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding-left: 25px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  z-index: 0;
  color: #000;
  transition: color 0.3s ease,
 background 0s ease;
  border: solid 2px #2d3037;
  width: 290px;
  height: 58px;
	background: url(../img/hel/help-pdf.png) 96% center no-repeat #82eef8;
border-radius: 10px;
font-weight: bold;
font-size: 105%;
}
.morebp:hover {
  color: #000000;
	background: url(../img/hel/help-pdf.png) 96% center no-repeat #ffffff;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}
.moreyb:before {
  position: absolute;
  content: '';
	background: url(../img/hel/help-y.png) 96% center no-repeat #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}
.moreyb:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.moreyb {
  position: relative;
  box-sizing: border-box;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding-left: 25px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  z-index: 0;
  color: #000;
  transition: color 0.3s ease,
 background 0s ease;
  border: solid 2px #2d3037;
  width: 290px;
  height: 58px;
	background: url(../img/hel/help-y.png) 96% center no-repeat #e6e6e6;
border-radius: 10px;
font-weight: bold;
font-size: 105%;
}
.moreyb:hover {
  color: #000000;
	background: url(../img/hel/help-y.png) 96% center no-repeat #ffffff;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}
.job-n {
	width: 360px;
	margin: 10px auto;
}
.job-n a img {
	margin-left: 15px;
}
.moreybj:before {
  position: absolute;
  content: '';
	background: #82eeff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}
.moreybj:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.moreybj {
  position: relative;
  box-sizing: border-box;
	overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  z-index: 0;
  color: #000;
  transition: color 0.3s ease,
 background 0s ease;
	width: 100%;
	padding: 30px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 150%;
	font-weight: bold;
	background: #ffffff;
border-radius: 10px;
}
.moreybj:hover {
  color: #000000;
	background: #82eeff;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}
.flat-h3 {
font-size: 300%;
text-align: center;
margin: 80px 0;
}
.flat-img01 {
width: 96%;
max-width: 836px;
margin: 0 auto 80px;
}
.flat-img01 img {
max-width: 100%;
}
.flat-p {
width: 96%;
max-width: 836px;
font-size: 120%;
margin: 0 auto 80px;
}
.flat-h4 {
font-size: 250%;
text-align: center;
margin: 80px 0;
}
.flat-h4 span {
display: block;
}
.flat-img02 {
width: 90%;
max-width: 430px;
margin: 0 auto 80px;
}
.flat-img02 img {
max-width: 100%;
}

.fo-top{
width: 100%;
display: block;
margin: 10px auto 60px;
text-align: center;
}
.fo-top a:hover{
opacity: 0.8;
}
.fo-top img {
width: 100%;
max-width: 400px;
}

.nav_instagram {
margin: 5px 30px 0px 0;
}
.nav_instagram a:hover{
opacity: 0.8;
}

.index_instagram {
width: 100%;
display: block;
margin: 10px auto 60px;
text-align: center;
}
.index_instagram a:hover{
opacity: 0.8;
}
.index_instagram img {
width: 100%;
max-width: 400px;
}

}