@charset "utf-8";
/* ==========

    全体共通
   ========== */
html{
	scroll-padding-top: 0px!important;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
#WRAPPER {
  width: 100%;
  font-size: 100%;
  margin: 0;
  padding: 0;
}
.headerPc {
  display: none;
}
.headerSp {
  display: block;
}
header#HEADER {
  display: none;
}
header#HEADER02 {
  width: 100%;
  padding: 10px 0;
  border-top: 5px solid #FFC400;
}
header#HEADER02 h1 {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
/*グローバルナビ*/
header#HEADER02 {
  display: block;
}
div.globalNavCont_sp {
  display: block;
  position: absolute;
  top: 3em;
  width: 100%;
  height: 70px;
}
nav#globalNav_sp {
  overflow-y: scroll;
  width: 100%;
  height: calc(100% - 150px);
  z-index: 9999;
}
#nav_toggle {
  position: fixed;
  display: block;
  width: 45px;
  height: 45px;
  z-index: 100;
  top: 0;
  right: 0;
  background: #F5B420;
}
#nav_toggle span:nth-child(1) {
  top: 10px;
}
#nav_toggle span:nth-child(2) {
  top: 22px;
}
#nav_toggle span:nth-child(3) {
  top: 34px;
}
.open #nav_toggle span:nth-child(1) {
  top: 22px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
  width: 0;
  /*left: 50%;*/
}
.open #nav_toggle span:nth-child(3) {
  top: 22px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#nav_toggle span {
  display: block;
  height: 3px;
  background: #ffffff;
  position: absolute;
  width: 80%;
  margin: 0 10%;
  left: 0;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
nav#globalNav_sp {
  display: none;
  z-index: 10;
  position: fixed;
  top: 45px;
  left: 0;
  width: 100%;
  max-height: 600px;
}
nav#globalNav_sp ul {
  width: 100%;
  margin: 0;
  padding: 0;
  /*background: #1b1464;*/
  /*padding-bottom: 10px;*/
  filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.3));
  /*overflow-y: scroll;*/
}
nav#globalNav_sp ul li {
  border-bottom: 1px solid #232323;
  height: 3em;
  background: #ffffff;
  display: table;
  width: 100%;
}
nav#globalNav_sp ul li a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #232323;
  padding:10px 0;
}
nav#globalNav_sp ul li a span {
  padding-left: 2em;
  letter-spacing: 0.1em;
}
nav#globalNav_sp ul details ul {
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}
nav#globalNav_sp ul li.nav_sp02 {
  background: #fff;
  display: table;
  width: 100%;
  border-bottom: none;
  height: 2em;
  border-top: 1px dotted #232323;
}
nav#globalNav_sp ul li.nav_sp02:first-child {
  border-top: none;
}
nav#globalNav_sp ul li.nav_sp03:last-child {
  border-bottom: 1px solid #232323;
}
nav#globalNav_sp ul li.nav_sp02:last-child {
  border-bottom: 1px solid #232323;
}
nav#globalNav_sp ul li.nav_sp02 a {
  display: table-cell;
  margin: 0;
  padding:0 0 0 5%;
  text-decoration: none;
  color: #232323;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: left;
  font-weight: bold;
}
nav#globalNav_sp ul li.nav_sp03 {
  background: #fff;
  display: table;
  width: 100%;
  border-bottom: none;
  height: 2em;
}
nav#globalNav_sp ul li.nav_sp03 a {
  display: table-cell;
  margin: 0;
  padding:0 0 0 10%;
  text-decoration: none;
  color: #232323;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: left;
  font-weight: normal;
}
/*+-のアコーディオン*/
/*アコーディオン内開閉*/
summary {
  cursor: pointer;
  outline: none;
  height: 3em;
  line-height: 3em;
  list-style: none;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  vertical-align: middle;
  background: #fff;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #232323;
}
details {
  width: 100% !important;
  /*margin: 14px;*/
  /*padding: 10px;*/
}
details summary a {
  text-decoration: none !important;
  font-weight: bold !important;
  color: #232323 !important;
}
details ul li {
  width: 100%;
  background: #fff;
}
details[open] {
  width: 100%;
  /*background: #c3f6ff;*/
}
/**
 * Chrome用のデフォルト三角削除
**/
details summary::-webkit-details-marker {
  display: none;
}
/**
 * Font Awesomeのプラスアイコン使用
**/
details summary {
  position: relative;
  width: 100%;
}
details summary i {}
details summary .fa-plus {
  display: inline-block;
  position: absolute;
  right: 60px;
  line-height: 3em;
  color: #232323 !important;
}
details summary .fa-minus {
  display: none;
  color: #232323 !important;
}
/**
 * アコーディオンがオープン時はマイナスアイコンに変更
**/
details[open] summary .fa-plus {
  display: none;
}
details[open] summary .fa-minus {
  display: inline-block;
  position: absolute;
  right: 60px;
  line-height: 3em;
}
/*メインイメージ*/
div.PcMainPh {
  display: block;
  width: 100%;
}
div.SpMainPh {
  display: none;
  width: 100%;
}
br.Kaigyo {
  display: block;
}
br.SPKaigyo {
  display: block;
}
/*コンセプト*/
div.TopConcept {
  width: 90%;
  margin: 0 auto;
  padding: 2vh 0 2vh 0;
  background: url("../images/top_ph_bg.jpg") center 0 no-repeat;
  background-size: contain;
}
div.TopConceptWrap {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
div.TopConceptWrap p {
  font-size: 80%;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
}
div.TopTtlConcept {
  margin-bottom: 30px;
  text-align: center;
}
h2.TopTtl {
  margin-bottom: 30px;
  font-size: 140%;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3em;
}
div.TopTtlConcept h2.TopTtl {
  margin-bottom: 0px !important;
}
div.TopTtlConcept .Catch {
  margin-bottom: 10px;
  color: #F5B420;
  font-size: 90%;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3em;
}
/*活動紹介*/
div.ActivityArea {
  width: 100%;
  margin-bottom: 0px;
  padding: 30px 0 10px 0;
  background: url("../images/bg_sora.jpg") center 0 no-repeat;
  background-size:auto;
}
div.ActivityAreaWrap {
  width: 90%;
  margin: 0 auto 30px auto;
  display: flex;
  flex-wrap: wrap;
}
div.ActivityAreaWrap dl {
  width: calc(50%-20px); /* 列の幅を均等に分配し、マージンを考慮して計算 */
  margin: 0 auto 20px auto;
}
div.ActivityAreaWrap dl dd {
  font-size: 85%;
  line-height: 1.3em;
  font-weight: 400;
  font-style: normal;
}
div.ActivityAreaWrap dl dd.ActivityLogo {
  text-align: center;
}
div.ActivityAreaWrap dl dd.ActivityLogo img {
  width: 35%;
}
div.ActivityAreaWrap dl dd.ActivitySns ul {
  display: flex;
  width: 100%;
  justify-content: center;
}
div.ActivityAreaWrap dl dd.ActivitySns ul li {
  width: 31px;
  margin: 0 3px;
}
div.BtnCifto {
  width: 100%;
  margin: 0 auto 50px auto;
}
div.BtnCifto a:link, div.BtnCifto a:visited {
  width: 70%;
  margin: 0 auto 30px auto;
  display: block;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  background: #F5B420;
  color: #fff;
  font-size: 130%;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}
div.BtnCifto a:active, div.BtnCifto a:hover {
  background: #F58320;
}
div.ActivityAreaWrap dl dd.ActivityLink {
  padding: 10px 0;
  text-align: center;
}
div.ActivityAreaWrap dl dd.ActivityLink a:link, div.ActivityAreaWrap dl dd.ActivityLink a:visited {
  text-decoration: none;
}
div.ActivityAreaWrap dl dd.ActivityLink a:active, div.ActivityAreaWrap dl dd.ActivityLink a:hover {
  text-decoration: none;
}
/*新着情報*/
div.TopNews {
overflow: hidden;
  width: 100%;
  padding: 50px 0 30px 0;
  background: #FEFFEF;
}
div.TopTtl02Wrap {
  position: relative;
  width: 95%;
  margin: 0 auto 30px auto;
}
h2.TopTtl02 {
  width: 100%;
  margin: 0 auto 30px auto;
  text-align: center;
  font-size: 140%;
  font-weight: 700;
  font-style: normal;
}
span.BtnIchiran {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 90% !important;
}
/* スマホではSwiper用のスタイル */
div.swiper-container {
  display: block !important;
  position: relative;
  width: 80%;
  margin: 0 auto;
  /*overflow: hidden;*/
  overflow: visible !important;
  height: 480px; /* 必要に応じて高さを調整 */
  touch-action: pan-y; /* スワイプを有効にする */
}
div.swiper-wrapper {
overflow:inherit;
  display: flex;
  flex-direction:row;
  width: 100%;
  margin: 0 auto;
}
div.swiper-slide {
  min-width: 100%; /* スライド幅を親要素に合わせる */
  margin: 0 auto;
}
div.swiper-wrapper dl {
display: block;
  justify-content:center;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: none;
}
div.swiper-wrapper dl dt {
  width: 100%;
  padding-bottom: 20px;
  float: none;
}
div.swiper-wrapper dl dt img {
  width: 100%;
}
div.swiper-wrapper dl dd {
  width: 100%;
  padding-bottom: 20px;
  float: none;
}
div.swiper-wrapper dl dd p {
  font-size: 90%;
  line-height: 1.3em;
}
p.TopNewsDay {
  margin-bottom: 10px;
}
p.TopNewsTtl {
  font-weight: 700;
  font-style: normal;
  font-size: 130% !important;
  margin-bottom: 10px;
}

div.swiper-button-next,div.swiper-button-prev{
display: block;
}

div.swiper-pagination{
	display: block;
}

/*Note Area*/
div.NoteArea{
	width:90%;
	margin: 0 auto 50px auto;
}

div.NoteArea dl{
	width:100%;
}

div.NoteArea dl dt{
	width: 30%;
	float: left;
}

div.NoteArea dl dt img{
	width:100%;
}

div.NoteArea dl dd{
	width:65%;
	padding: 0;
	float: right;
	font-size:110%;
}

div#FooterBg{
position:relative;
	width:100%;
	padding: 20px 0;
	background:#F5B628;
	text-align: center;
}

p#pagetop {
z-index: 9999;
 position: fixed;
 bottom: 10px;
 right: 10px!important;
 width:80px;
 height:80px;
}

div.FooterCopy{
	color:#fff;
	font-size:80%;
}


/*サブページ　ここから*/
/*ピープラスとは？*/
h2.SubTtl{
	width:100%;
	margin-bottom:30px;
	padding:85px 0;
	background:url("../images/ttl_bg.jpg") 0 center no-repeat;
	background-size: cover;
	text-align: center;
	color:#fff;
	font-size:200%;
  font-weight: 700;
  font-style: normal;	
}

div.Slider{
	width:90%;
	margin: 0 auto 50px auto;
}

div.VMVArea{
	width:95%;
	margin: 0 auto 50px auto;
}

div.VMVArea dl{
	margin-bottom:50px;
	text-align: center;
}

div.VMVArea dl dt{
	font-size:180%;
  font-weight: 700;
  font-style: normal;
  color: #F79400;
  margin-bottom:30px;
}

div.VMVArea dl dd{
	font-size:140%;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5em;
}

div.VMVArea dl dd ul{
 display: flex;
 flex-wrap: wrap;
}

div.VMVArea dl dd ul li{
width:33%;
flex: 0 1 auto;
}

div.BgYellow{
	width:100%;
	margin-bottom:50px;
	padding:50px 0;
	background:#FEFFEF;
}

div.DaihyouArea{
	width:95%;
	margin:0 auto;
	font-size:110%;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8em;	
}

div.DaihyouAreaL{
	width:30%;
	float: left;
}

div.DaihyouAreaR{
	width:65%;
	margin-bottom:15px;
	float: right;
}

div.DaihyouAreaBottom{
	width:95%;
	margin:0 auto;
	font-size:110%;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8em;
}

table.GaiyouTable{
	width:90%;
	margin:0 auto 100px auto;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table.GaiyouTable th{
box-sizing: border-box;
	width:20%;
	padding:15px;
	border-right:1px solid #9B9B9B;
	border-top:1px solid #9B9B9B;
}

table.GaiyouTable td{
box-sizing: border-box;
	width:80%;
	padding:15px;
	border-right:1px solid #9B9B9B;
	border-top:1px solid #9B9B9B;
}

.GaiyouEnkaku dl dt{
	width:20%;
	float: left;
}

.GaiyouEnkaku dl dd{
	width:80%;
	float: right;
}

.GaiyouYakuin dl dt{
	width:20%;
	float: left;
	text-align: center;
}

.GaiyouYakuin dl dd{
	width:80%;
	float: right;
}

h2.SubSTtl{
width:100%;
margin:0 auto 30px auto; 
	font-size: 200%;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}

div.YakuinBox{
	width:90%;
	margin: 0 auto 30px auto;
}

div.YakuinBoxL{
	width:20%;
	float: left;
}

div.YakuinBoxR{
	width:78%;
	float: right;
}

div.YakuinBoxR dl dt{
margin-bottom:20px;
	font-size:120%;
  font-weight: 700;
  font-style: normal;
}

div.YakuinBoxR dl dd{
margin-bottom:20px;
	font-size:90%;
}

div.BgSora{
	width:100%;
	padding:50px 0;
	background: url("../images/about/rekisi_bg.jpg") 0 center no-repeat;
	background-size: cover;
}

/*歴史・沿革*/
.timeline {
width:90%;
margin:0 auto;
list-style:none;
}
.timeline > li {
  margin-bottom: 60px;
}

/* for Desktop */
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 100%;
    float: none;
    margin-top: 7px;
	font-size:200%;
  font-weight: 900;
  font-style: normal;
  color: #fff;
  text-shadow: 1px 1px 2px #707070;
  }
  .timeline-content {
    width: 100%;
    float: none;
    border-left: none;
	padding-top:5px;
    padding-left: 0px;
	font-size:100%;
  font-weight: 600;
  font-style: normal;
  }
  .timeline-content:before {
    content:none;
  }

h3.TimelineTtl{
	font-size:110%;
  font-weight: 600;
  font-style: normal;
	color: #3033A1;
}


h3.TimelineTtl02{
	font-size:100%;
  font-weight: 600;
  font-style: normal;
	color: #FF0000;
}

/*活動紹介*/
div.MainImg{
	width:95%;
	margin:0 auto 50px auto;
}

div.ActivityIntroductionArea{
	width:95%;
	margin: 0 auto 50px auto;
}

div.ActivityIntroductionAreaL{
	display: none;
}

div.ActivityIntroductionAreaR{
	width:100%;
	float:none;
}

h3.AITtl{
width:100%;
margin:0 auto 30px auto; 
	font-size: 140%;
  font-weight: 700;
  font-style: normal;
  text-align: center;	
}

.ActivityIntroductionAreaR p{
	font-size: 90%;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3em;
}

.ActivityIntroductionAreaR dl{
	width:100%;
	margin: 0 auto 20px auto;
}

.ActivityIntroductionAreaR dl dt{
	color: #F79400;
	font-size: 110%;
  font-weight: 700;
  font-style: normal;
  margin-bottom:10px;
}

.ActivityIntroductionAreaR dl dd{
	font-size: 80%;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3em;
}

div.BtnBnr {
  width: 100%;
  margin: 0 auto 50px auto;
}
div.BtnBnr a:link, div.BtnBnr a:visited {
  width: 70%;
  margin: 0 auto 30px auto;
  display: block;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  background: #F5B420;
  color: #fff;
  font-size: 130%;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}
div.BtnBnr a:active, div.BtnBnr a:hover {
  background: #F58320;
}

/*キャスト募集*/
div.CastRecruitTxt{
width:95%;
margin: 0 auto 30px auto;
	text-align: center;
}

div.CastRecruitTxt p{
font-size: 105%;
  font-weight: 500;
  font-style: normal;
  line-height: 1.8em;
}

div.BtnBnr02{
	width:100%;
	margin: 0 auto 50px auto;
}

div.BtnBnr02 a:link,div.BtnBnr02 a:visited{
width: 285px;
margin: 0 auto 30px auto;
display: block;
border-radius: 10px;
	padding:25px 20px;
	text-align: center;
	background: #F5B420;
	color:#fff;
	font-size:130%;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}

div.BtnBnr02 a:active,div.BtnBnr02 a:hover{
	background: #F58320;
}

div.UneiTaiseiArea{
	width:100%;
	margin-bottom: 50px;
	padding:30px 0;
	background: #FEFFEF;
}

div.UneiTaiseiTxt{
	width:95%;
	margin: 0 auto 20px auto;
  font-size: 100%;
  line-height: 1.3em;
  font-weight: 500;
  font-style: normal;
}

div.UneiTaiseiBox{
	width:95%;
	margin:0 auto 30px auto;
}

div.UneiTaiseiBoxL{
	width:23%;
	float: left;
}

div.UneiTaiseiBoxL img{
	width:100%;
}

div.UneiTaiseiBoxR{
	width:75%;
	float: right;
}

table.UneiTaiseiBoxTtl01{
width:100%;
margin-bottom:20px;
	border:5px solid #F79332;
}

table.UneiTaiseiBoxTtl01 th{
width:20%;
padding:10px;
color: #fff;
	background:#F79332;
text-align: center;
	font-size:130%;
  font-weight: 700;
  font-style: normal;
}

table.UneiTaiseiBoxTtl01 td{
text-align: center;
padding:10px 0;
color: #F79332;
	font-size:130%;
  font-weight: 700;
  font-style: normal;
background: #fff;
}

table.UneiTaiseiBoxTtl02{
width:100%;
margin-bottom:20px;
	border:5px solid #A17EB9;
}

table.UneiTaiseiBoxTtl02 th{
width:20%;
padding:10px;
color: #fff;
	background:#A17EB9;
text-align: center;
	font-size:130%;
  font-weight: 700;
  font-style: normal;
}

table.UneiTaiseiBoxTtl02 td{
text-align: center;
padding:10px 0;
color: #A17EB9;
	font-size:130%;
  font-weight: 700;
  font-style: normal;
background: #fff;
}

table.UneiTaiseiBoxTtl03{
width:100%;
margin-bottom:20px;
	border:5px solid #8ECA74;
}

table.UneiTaiseiBoxTtl03 th{
width:20%;
padding:10px;
color: #fff;
	background:#8ECA74;
text-align: center;
	font-size:130%;
  font-weight: 700;
  font-style: normal;
}

table.UneiTaiseiBoxTtl03 td{
text-align: center;
padding:10px 0;
color: #8ECA74;
	font-size:130%;
  font-weight: 700;
  font-style: normal;
background: #fff;
}

div.CastVoiceArea{
	width:95%;
	margin: 0 auto 50px auto;
}

h3.CastVoiceTtl01{
	font-size:130%;
  font-weight: 700;
  font-style: normal;
background: #fff;
margin-bottom:10px;
padding:0 0 10px 0;
	border-bottom:5px solid #F4ED2F;
}

h3.CastVoiceTtl02{
	font-size:130%;
  font-weight: 700;
  font-style: normal;
background: #fff;
margin-bottom:10px;
padding:0 0 10px 0;
	border-bottom:5px solid #F5988C;
}

span.SchoolName{
padding-left:15px;
	font-size:80%;
  font-weight: 400;
  font-style: normal;
}

div.FlowArea{
	width:95%;
	margin: 0 auto 0px auto;
 display: flex;
 flex-wrap: wrap;
}

div.FlowArea dl{
flex: 0 1 auto;
	width:32%;
	margin: 0 auto 50px auto;
}

div.FlowArea dl dd.FlowTtl{
	font-size:100%;
  font-weight: 700;
  font-style: normal;
  color:#F79400;
}

div.FlowArea dl dd.FlowTxt{
	font-size:80%;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5em;
}

div.AboutMemberArea{
	width:100%;
	margin: 0 auto 50px auto;
}

div.AboutMemberTxt{
	width:95%;
	margin:0 auto 50px auto
}


/*寄付で応援*/
div.KifuKadai{
	width:95%;
	margin: 0 auto 30px auto;
 display: flex;
 flex-wrap: wrap;
}

div.KifuKadai dl{
flex: 0 1 auto;
	width:33%;
	margin: 0 auto 50px auto;
}

div.KifuKadai dl dd.KifuKadaiTtl{
margin-bottom:15px;
	font-size:110%;
  font-weight: 700;
  font-style: normal;
  color:#F79400;
  text-align: center;
}

div.KifuKadai dl dd.KifuKadaiTxt{
	font-size:90%;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5em;
}

div.KifuJitugen{
	width:100%;
	margin-bottom:30px;
	padding:30px 0;
	background:#FEFFEF;
}

div.KifuJitugen ul{
	width:95%;
	margin: 0 auto 50px auto;
 display: flex;
 flex-wrap: wrap;
}

div.KifuJitugen ul li{
flex: 0 1 auto;
	width:33%;
	margin: 0 auto;
}

div.SupportArea{
box-sizing: border-box;
	width:95%;
	padding:20px;
	margin: 0 auto 50px auto;
	border:20px solid #F5F5F5;
}

div.SupportAreaBox{
	width:100%;
	margin: 0 auto;
}

div.SupportAreaBoxL{
	width:100%;
	float: none;
}

div.SupportAreaBoxL dl dt{
margin-bottom:10px;
	color: #D49911;
	font-size:120%;
  font-weight: 700;
  font-style: normal;	
}

div.SupportAreaBoxL dl dd{
margin-bottom:20px;
}

div.SupportAreaBoxR{
	width:100%;
	margin:0 0 0 0;
	float: none;
}


div.BtnBnr03{
	width:100%;
	margin: 0 auto;
}

div.BtnBnr03 a:link,div.BtnBnr03 a:visited{
width: 285px;
margin: 0 auto;
display: block;
border-radius: 10px;
	padding:25px 20px;
	text-align: center;
	background: #F5B420;
	color:#fff;
	font-size:130%;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}

div.BtnBnr03 a:active,div.BtnBnr03 a:hover{
	background: #F58320;
}


div.DaihyoMessageArea{
	width:100%;
	background:#FEFFEF;
	padding:50px 0;
}

div.DaihyoMessageAreaBox{
	width:95%;
	margin: 0 auto 20px auto;
}

div.DaihyoMessageAreaBoxL{
	width:20%;
	float: left;
}

div.DaihyoMessageAreaBoxR{
	width:78%;
	float: right;
}

/*新着情報*/
div.NewsArea{
	width:95%;
	margin: 0 auto 50px auto;
}

div.NewsAreaL{
	width:70%;
	float: left;
}

div.NewsAreaR{
	width:28%;
	float: right;
}

article.NewsAreaBox{
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
}

div.NewsAreaBoxImg{
	width:25%;
	float: left;
}

div.NewsAreaR ul{
	margin-bottom:30px;
}

div.NewsAreaR ul li{
	width:100%;
	margin-bottom:15px;
}

div.NewsAreaR ul li a:link,div.NewsAreaR ul li a:visited{
	color:#232323;	
}

div.NewsAreaR ul li a:active,div.NewsAreaR ul li a:hover{
	text-decoration: underline;
	color:#F5B420;
}

div.NewsAreaBoxCont{
	width:73%;
	float: right;
}


div.BtnBnr04{
	width:100%;
	margin: 0 auto;
}

div.BtnBnr04 a:link,div.BtnBnr04 a:visited{
width: 60%;
margin: 0 auto 30px auto;
display: block;
border-radius: 10px;
	padding:25px 20px;
	text-align: center;
	background: #F5B420;
	color:#fff;
	font-size:130%;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}

div.BtnBnr03 a:active,div.BtnBnr03 a:hover{
	background: #F58320;
}

article.NewsAreaSingleBox{
	width:100%;
	margin-bottom:50px;
}

p.NewsDetailTtl{
  font-weight: 700;
  font-style: normal;
	font-size:130%!important;
	margin-bottom:10px;
	color: #F5B420;
}

div.NextNav{
	width:100%;
}

div.NextNavL{
	float: left;
}

div.NextNavR{
	float: right;
}

/*お問い合わせ*/
div.ContactTxt{
	width:95%;
	margin: 0 auto 30px auto;
}

table.ContactTable{
	width:95%;
	margin: 0 auto 50px auto;
}

table.ContactTable tr{
	padding-bottom:15px;
}

table.ContactTable th{
	width:20%;
	height: 30px;
	vertical-align: middle;
	font-size:90%;
  font-weight: 400;
  font-style: normal	
}

table.ContactTable td{
	width:80%;
	padding:10px 0;
}

.SizeL{
	width:100%;
	padding:5px;
}

div.ContactPrivacyBox{
	width:95%;
	margin: 0 auto 50px auto;
}

div.ContactPrivacyBox dl dt{
	font-size:110%;
  font-weight: 700;
  font-style: normal		
}

div.ContactPrivacyBox dl dd{
	margin-bottom:20px;
}

ul.category_list li a.news {
  display: inline-block;
  margin: 4px 2px;
  height: 16px;
  padding: 2px 3px;
  background: #FF0000;
  color: #fff;
  font-size: 80%;
  vertical-align: top;
  line-height: 1.3em;
}
ul.category_list li a.tomoriba {
  display: inline-block;
  margin: 4px 2px;
  height: 16px;
  padding: 2px 3px;
  background: #FFCC00;
  color: #fff;
  font-size: 80%;
  vertical-align: top;
  line-height: 1.3em;
}

ul.category_list li a.upple-camp {
  display: inline-block;
  margin: 4px 2px;
  height: 16px;
  padding: 2px 3px;
  background: #EF9229;
  color: #fff;
  font-size: 80%;
  vertical-align: top;
  line-height: 1.3em;
}
ul.category_list li a.kids-suport-center {
  display: inline-block;
  margin: 4px 2px;
  height: 16px;
  padding: 2px 3px;
  background: #5638EC;
  color: #fff;
  font-size: 80%;
  vertical-align: top;
  line-height: 1.3em;
}

ul.category_list li a.ibasyodukuri {
  display: inline-block;
  margin: 4px 2px;
  height: 16px;
  padding: 2px 3px;
  background: #059C82;
  color: #fff;
  font-size: 80%;
  vertical-align: top;
  line-height: 1.3em;
}

ul.category_list li a.tankyu-program {
  display: inline-block;
  margin: 4px 2px;
  height: 16px;
  padding: 2px 3px;
  background: #C122DD;
  color: #fff;
  font-size: 80%;
  vertical-align: top;
  line-height: 1.3em;
}

ul.category_list li a.etc {
  display: inline-block;
  margin: 4px 2px;
  height: 16px;
  padding: 2px 3px;
  background: #28CF50;
  color: #fff;
  font-size: 80%;
  vertical-align: top;
  line-height: 1.3em;
}

ul.category_list li a.uncategorized {
  display: inline-block;
  margin: 4px 2px;
  height: 16px;
  padding: 2px 3px;
  background: #ccc;
  color: #fff;
  font-size: 80%;
  vertical-align: top;
  line-height: 1.3em;
}
